html{overflow-x:hidden;}
body{overflow-x:hidden;}
body,td,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button{margin:0; padding:0; font-size:15px; color:#333; line-height:1.6em; font-family:"Poppins", "Noto Sans KR", sans-serif; font-weight:400; letter-spacing:-0.02em;}
ul,ol,li{margin:0; padding:0; list-style:none;}


a, img{border:0px; vertical-align:middle;}
a{text-decoration:none;}
strong{font-weight:500;}
*, :after, :before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.lview{}
.sview{display:none;} 
.mview{display:none;}


/* 중간기기~작은기기 모바일 상단 */
#mobile_header{width:100%; height:60px; line-height:60px; z-index:999999; display:none; position:fixed;}
#mobile_header .inner{top:0; left:0; z-index:50; width:100%; height:60px; line-height:60px; overflow:hidden; border-bottom:1px solid rgba(255,255,255,0.3);}
#mobile_header h1{width:220px; padding-top:12px; text-align:center; margin:0 auto;}
#mobile_header h1 img{width:90%; overflow:hidden; margin:0 auto;}
#mobile_header h1 .wh{display:block;}
#mobile_header h1 .bk{display:none;}
#mobile_header .m_gnb li{list-style:none;}
#mobile_header .m_gnb li a{display:block; top:0; width:100%; text-align:center; color:transparent;}
#mobile_header .m_gnb li.category a i{float:left; position:absolute; width:20px; height:20px; line-height:20px; left:15px; top:20px; font-size:18px; color:#fff;}
#mobile_header .m_gnb li.home a i{float:left; position:absolute; width:20px; height:20px; line-height:20px; right:15px; top:20px; font-size:18px; color:#fff;}
#back_cover{position:absolute; display:none; left:0; top:0; width:100%; height:100%; top:0px; background:rgba(0,0,0,0.5); z-index:9999998;}
#sideMenu{display:inline; position:fixed; top:0; left:-250px; width:249px; height:100%; background-color:#fff; z-index:9999999;}
#sideMenu .side_title{height:60px; line-height:60px; background-color:#111111; color:#fff; text-align:center; font-size:1.3em; cursor:pointer;}
#sideMenu .navi_bg{width:100%;} 
#sideMenu .nav{width:100%; margin:0 auto; padding:0; padding-bottom:30px; list-style:none; box-sizing:border-box; overflow:auto; height:auto;} 
#sideMenu .nav ul{width:100%; margin:0; padding:0;}
#sideMenu .navi_set{display:inline; margin:0; padding:10px 0 10px 0; text-align:center;}
#sideMenu .navi_set > div{display:block; width:100%; height:40px; line-height:40px; border-bottom:1px solid #ddd; text-align:left; background-color:#fff; color:#333; text-indent:10px; cursor:pointer;}
#sideMenu .navi_set > div > a{display:block; width:100%; height:40px; line-height:40px;}
#sideMenu .navi_set ul{display:none;}
#sideMenu .navi_set ul li{list-style:none; border-bottom:1px solid #eee;}
#sideMenu .navi_set ul li a{display:block; width:100%; height:30px; line-height:30px; text-align:left; font-size:0.9em; color:#333; cursor:pointer; text-indent:20px; background-color:#fff;}
#sideMenu .navi_set ul li a:hover{color:#fff; background-color:#aaa;}
#gnba{background:#666; text-align:center;}
#gnba a{position:relative; display:block; float:left; width:50%; height:60px; color:#fff; text-align:center; font-size:0.85em; line-height:16px; padding:0; margin:0; background:#666;}
#gnba a:nth-child(1):after{content:""; position:absolute; top:20%; left:100%; width:1px; height:30px; background:rgba(255,255,255,0.4); z-index:99;}
#gnba a i{color:#fff; font-size:1.5em; display:block; margin-top:10px; margin-bottom:5px;}
#gnba a:hover{background:#fff; color:#000;}
#gnba a:hover i{color:#000;}
.jbmFixed{position:fixed !important; top:0; left:0;}
.jbmFixed .inner{border-bottom:1px solid #ddd !important; background:#fff;}
.jbmFixed .inner .m_gnb li.category a i{color:#000 !important;}
.jbmFixed .inner .m_gnb li.home a i{color:#000 !important;}
.jbmFixed h1 .wh{display:none !important;}
.jbmFixed h1 .bk{display:block !important;}



/* 큰기기 PC 상단 */
#header_wrap{width:100%; min-width:1500px; overflow-x:hidden;}
.wrap_box{position:relative; width:100%; max-width:1500px; min-height:90px; margin:0 auto; background:none; transition:0.5s all ease;}
#header{position:absolute; top:0; left:0; right:0; width:100%; max-width:100%; margin:0 auto; min-height:90px; border-radius:0; overflow:hidden; z-index:1001 !important; transition:0.5s all ease;}
#header h1{z-index:1; position:absolute; display:block; width:20%; line-height:90px; left:0;}
#header h1 a img{max-width:100%; vertical-align:middle;}
#header h1.logo_jbFixed{display:none;}
#lnb{position:relative; float:left; width:100%;}
#lnb .lnb_wrap{position:relative; overflow:hidden; width:100%; padding-left:20%; height:90px; min-height:90px; transition:0.5s all ease}
#lnb .lnb_wrap > ul > li{float:left;}
#lnb .lnb_wrap > ul > li > a{display:block; width:100%; padding:0 50px; text-align:center; font-size:1.3em; font-weight:500; color:#fff; height:90px; line-height:90px;}
#lnb .lnb_wrap > ul > li > a > span{display:block; background:#0081e9; width:0px; height:2px; margin:0 auto; transition:0.5s all ease;}
#lnb .lnb_wrap > ul > li.current > a, #lnb .lnb_wrap > ul > li.actived > a{color:#fff; font-weight:500; border-bottom:0px solid rgba(255,255,255,1); transition:0.5s all ease;}
#lnb .lnb_wrap > ul > li.current > a > span, #lnb .lnb_wrap > ul > li.actived > a > span{display:block; background:#0081e9; width:100%;}
#lnb .lnb_sub{padding-top:30px; height:100vh; text-align:center;}
#lnb .lnb_sub li a{display:block; color:#fff; padding:0; margin-bottom:10px; line-height:1.4; font-size:1em; letter-spacing:-0.5px;}
#lnb .lnb_sub li a:hover{display:block; color:#fff; font-weight:400; text-decoration:underline;}
#lnb .lnb_sub li a:hover:before{opacity:1;}
#gnbb{z-index:10; position:absolute; right:0; top:50%; transform:translateY(-50%);}
#gnbb > ul{width:100%;}
#gnbb > ul > li{display:inline-block; vertical-align:middle;}
#gnbb > ul > li > a{color:#fff; text-align:center; font-size:0.85em; line-height:1.4em; padding:5px 15px; border:1px solid #ddd; border-radius:5px; transition:0.5s all ease;}
#gnbb > ul > li > a:hover{color:#fff !important; background:#0081e9; border:1px solid #0081e9;} 
#header.header_on{background:#fff;}
#header.header_on h1.logo_jbFixed{display:block !important;}
#header.header_on h1.logo_default{display:none !important;}
#header.header_on #lnb:hover .lnb_wrap{height:450px;} /*메뉴의 높이를 입력합니다.*/
#header.header_on #lnb .lnb_wrap > ul > li > a{color:#000;}
#header.header_on #lnb .lnb_sub li a{color:#000;}
#header.header_on #lnb .lnb_sub li a:hover{color:#0081e9;}
#header.header_on #gnbb > ul > li > a{color:#000;}
.jbFixed .header_in{position:fixed !important; top:0; left:0; right:0; width:100% !important; max-width:100%; margin:0 auto; background:rgba(255,255,255,0.95); backdrop-filter:blur(2px); border-radius:0; overflow:hidden; transition:0.5s all ease;}
.jbFixed .header_in #header{position:fixed !important; top:0px; left:0; width:100% !important; height:100vh;}
.jbFixed .header_in #lnb{margin-top:0;}
.jbFixed .header_in #lnb:hover .lnb_wrap{height:450px;} /*메뉴의 높이를 입력합니다.*/
.jbFixed .header_in #lnb .lnb_wrap{height:90px; min-height:90px;}
.jbFixed .header_in #lnb .lnb_wrap > ul > li > a{height:90px; line-height:90px; color:#000;}
.jbFixed .header_in #lnb .lnb_sub li a{color:#000;}
.jbFixed .header_in #lnb .lnb_sub li a:hover{color:#0081e9;}
.jbFixed .header_in #gnbb > ul > li > a{color:#000;}
.jbFixed h1{position:absolute; display:block; line-height:90px; left:0;}
.jbFixed h1.logo_jbFixed{display:block !important;}
.jbFixed h1.logo_default{display:none !important;}



/* 인덱스 */
#container{position:relative; width:100%; margin:0; padding:0; z-index:1; background:#fff; margin-top:0px;}


#main_visual{clear:both; position:relative; text-align:center; width:100%; padding:0; margin:0 auto; overflow:hidden;}
#main_visual:after{content:""; display:block; clear:both;}
#main_visual .swiper-slide{width:100%; height:auto; padding:0; background-color:#000; overflow:hidden;}
#main_visual .swiper-slide div.backgroundimg{width:100%; height:100%; z-index:1;}
#main_visual .swiper-slide .backgroundimg .mobile_only{display:none;}
#main_visual .swiper-slide .backgroundimg img{width:100%; height:auto;}
#main_visual .sliderkit-text{width:100%; max-width:1500px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; z-index:2;}
#main_visual .sliderkit-text div.lviewa{opacity:1; font-size:3.5em; color:#fff; line-height:1.3em; font-weight:700; padding-bottom:20px;  letter-spacing:-0.08em;}
#main_visual .sliderkit-text div.lviewa span{font-size:1em;}
#main_visual .sliderkit-text div.sviewa{opacity:0; font-size:1.3em; color:#fff; line-height:1.6em; padding-bottom:20px;}
#main_visual .sliderkit-text div{opacity:0;}
#main_visual .sliderkit-text div.sbtn{display:inline-block; padding:10px 25px; margin:10px auto; background:#0081e9; border-radius:5px; font-size:1.2em; color:#fff;}
#main_visual .swiper-btn-wrap{z-index:1; position:absolute; bottom:5%; left:50%; transform:translateX(-50%); width:100%; height:50px; max-width:300px;}
#main_visual .swiper-button-prev, #main_visual .swiper-container-rtl .swiper-button-next{left:0; top:50%; transform:translateY(-50%); margin:0; display:block; background:url("../image/main_prev_bt.png") center left no-repeat; opacity:0.5; width:50px; height:50px; color:rgba(255,255,255,0); transition:0.5s all ease;}
#main_visual .swiper-button-next, #main_visual .swiper-container-rtl .swiper-button-prev{right:0; top:50%; transform:translateY(-50%); margin:0; display:block; background:url("../image/main_next_bt.png") center right no-repeat; opacity:0.5; width:50px; height:50px; color:rgba(255,255,255,0); transition:0.5s all ease;}
#main_visual .swiper-button-prev:hover, #main_visual .swiper-container-rtl .swiper-button-next:hover{opacity :1;}
#main_visual .swiper-button-next:hover, #main_visual .swiper-container-rtl .swiper-button-prev:hover{opacity :1;}
#main_visual .swiper-pagination-bullets{top:50%; transform:translateY(-50%); width:100% !important; max-width:1500px !important; margin:0 auto !important; text-align:center;}
#main_visual .swiper-pagination-bullet{width:12px; height:12px; margin:0 5px; background:transparent; border:1px solid #fff;}
#main_visual .swiper-pagination-bullet-active{background:#fff;}



#company_wrap{width:100%; padding:120px 0; padding-bottom:150px; overflow:hidden; background:url("../image/company_back.jpg") no-repeat center / cover;}
#company_wrap:after{content:""; display:block; clear:both;}
#company_wrap .inner{width:100%; max-width:1500px; margin:0 auto;}
#company_wrap .con_title{width:100%; text-align:center; margin-bottom:40px;}
#company_wrap .con_title h3{font-size:3em; color:#000; font-weight:700; line-height:1em;}
#company_wrap .con_title h3 span{font-size:1em; color:#0081e9;}
#company_wrap .con_title p{display:block; margin-top:15px; font-size:1.25em; color:#333;}
#company_wrap .con_box{width:100%; margin-top:50px;}
#company_wrap .con_box ul{display:flex;}
#company_wrap .con_box ul li{position:relative; width:23.5%; margin-right:2%; height:500px; border-radius:15px;  transition:0.5s all ease;}
#company_wrap .con_box ul li:nth-child(1){background:url("../image/company_img01.jpg") no-repeat center / cover;}
#company_wrap .con_box ul li:nth-child(2){background:url("../image/company_img02.jpg") no-repeat center / cover;}
#company_wrap .con_box ul li:nth-child(3){background:url("../image/company_img03.jpg") no-repeat center / cover;}
#company_wrap .con_box ul li:nth-child(4){background:url("../image/company_img04.jpg") no-repeat center / cover;}
#company_wrap .con_box ul li .cover{position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); width:100%; height:100%; opacity:0; transition:0.5s all ease; border-radius:17px;}
#company_wrap .con_box ul li .cover .line{width:calc(100% -30px); height:calc(100% - 30px); margin:15px; border:1px solid rgba(255,255,255,0.3); border-radius:15px;}
#company_wrap .con_box ul li:last-child{margin-right:0;}
#company_wrap .con_box ul li a{width:100%; height:100%; display:block;}
#company_wrap .con_box ul li .txt-box{z-index:1; position:absolute; left:50%; top:50%; transform:translate(-50%,-20%); width:100%; padding:0 50px; text-align:center;; transition:0.5s all ease;}
#company_wrap .con_box ul li .txt-box .t1{display:block; font-size:2em; color:#fff; line-height:1.4em; font-weight:700; transition:0.5s all ease;}
#company_wrap .con_box ul li .txt-box .t2{opacity:0; display:block; font-size:1em; color:#fff; line-height:1.4em; letter-spacing:2px; transition:0.5s all ease;}
#company_wrap .con_box ul li .txt-box .t3{opacity:0; display:block; font-size:1em; color:#fff; line-height:1.4em; letter-spacing:2px; transition:0.5s all ease; margin-top:20px;}
#company_wrap .con_box ul li .btn_plus{z-index:1; position:absolute; right:0; bottom:0; text-align:center; display:block; width:50px; height:50px; background:url("../image/btn_plus_wh.png") no-repeat center; background-size:cover; transition:0.5s all ease;}
#company_wrap .con_box ul li:hover, #company_wrap .con_box ul li.on{width:50%; border-radius:15px;}
#company_wrap .con_box ul li:hover .cover, #company_wrap .con_box ul li.on .cover{opacity:1;}
#company_wrap .con_box ul li:hover .txt-box, #company_wrap .con_box ul li.on .txt-box{transform:translate(-50%,-50%);}
#company_wrap .con_box ul li:hover .txt-box .t1, #company_wrap .con_box ul li.on .txt-box .t1{font-size:2.5em;}
#company_wrap .con_box ul li:hover .txt-box .t2, #company_wrap .con_box ul li.on .txt-box .t2{opacity:1;}
#company_wrap .con_box ul li:hover .txt-box .t3, #company_wrap .con_box ul li.on .txt-box .t3{opacity:1;}
#company_wrap .con_box ul li:hover .btn_plus, #company_wrap .con_box ul li.on .btn_plus{background:#0081e9 url("../image/btn_plus_wh.png") no-repeat center; background-size:cover; border-radius:15px 0 15px 0; transform:rotateY(180deg);}



#rolling_box_all{width:100%; padding:150px 0; overflow:hidden; background:#032a58 url("../image/rolling_back.jpg") no-repeat 50% 50%; background-size:cover; background-attachment:fixed;}
#rolling_box_all .inner{position:relative; width:100%; max-width:1500px; margin:0 auto;}
#rolling_box_all .inner .swiper-btn-wrap{position:absolute; left:0; bottom:0; width:100%;}
#rolling_box_all .inner .swiper-btn-wrap .swiper-scrollbar-wrap2{position:absolute; top:0; width:auto; height:40px; text-align:center; margin:0 auto; z-index:20; background:none; margin-left:-10px;}
#rolling_box_all .inner .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-prev2{opacity:.5; background:url("../image/list_prev_wh.png"); left:0; right:auto; cursor:pointer;}
#rolling_box_all .inner .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-next2{opacity:.5; background:url("../image/list_next_wh.png"); left:41px; right:auto; cursor:pointer;}
#rolling_box_all .inner .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-prev2:hover{opacity:1; background:url("../image/list_prev_wh.png");}
#rolling_box_all .inner .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-next2:hover{opacity:1; background:url("../image/list_next_wh.png");}
#rolling_box_all .inner .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-prev2{position:absolute; top:auto; bottom:0px; width:40px; height:40px; border-radius:40px;}
#rolling_box_all .inner .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-next2{position:absolute; top:auto; bottom:0px; width:40px; height:40px; border-radius:40px;}
#rolling_box_all .inner .swiper-pagination2{margin-top:20px; margin-left:-5px;}
#rolling_box_all .swiper-pagination-bullet{width:12px; height:12px; margin:0 5px; background:#fff; border:0;}
#rolling_box_all .swiper-pagination-bullet-active{background:#0081e9; }
#rolling_box_all .left{float:left; width:30%; padding-top:20px; padding-bottom:50px;}
#rolling_box_all .left:after{content:""; display:block; clear:both;}
#rolling_box_all .left .txt_area{width:100%;}
#rolling_box_all .left .txt_area .con_title{width:100%; margin-bottom:40px;}
#rolling_box_all .left .txt_area .con_title h3{font-size:3em; color:#fff; line-height:1em; font-weight:700;} 
#rolling_box_all .left .txt_area .con_title h3 span{font-size:2em; color:#0081e9;}
#rolling_box_all .left .txt_area .txt{display:block; margin-top:40px; font-size:1.25em; color:#fff; line-height:1.6em; word-break:keep-all;}
#rolling_box_all .right{float:right; width:65%; top:0; z-index:1;} 
#rolling_box_all .right:after{content:""; display:block; clear:both;}
#rolling_box{width:250%; max-width:1800px; margin:0 auto;}
#rolling_box:after{content:""; display:block; clear:both;}
#rolling_box .swiper-container2{width:100%; height:auto; overflow:hidden;}
#rolling_box .swiper-container2 .swiper-slide{position:relative; width:100%; padding:0; margin-top:50px; border-radius:15px; overflow:hidden; box-sizing:border-box; transition:0.5s all ease;}
#rolling_box .swiper-container2 .swiper-slide .txtBox{position:relative; width:100%; height:400px; text-align:left; padding:40px 25px; background:#fff; transition:0.5s all ease;}
#rolling_box .swiper-container2 .swiper-slide .txtBox i{position:absolute; right:40px; bottom:50px; font-size:4em; color:#ddd; font-weight:700; font-style:normal;}
#rolling_box .swiper-container2 .swiper-slide .txtBox i img{width:100%; max-width:70px;}
#rolling_box .swiper-container2 .swiper-slide .txtBox i img.wh{display:none;}
#rolling_box .swiper-container2 .swiper-slide .txtBox i img.bk{display:block;}
#rolling_box .swiper-container2 .swiper-slide .txtBox .tit{display:block; width:100%; font-size:1.5em; color:#000; line-height:1.4em; font-weight:700;}
#rolling_box .swiper-container2 .swiper-slide .txtBox .txt{display:block; margin-top:20px; font-size:1em; color:#666; line-height:1.6em; word-break:keep-all; overflow:hidden;}
#rolling_box .swiper-container2 .swiper-slide .txtBox a{display:block; margin-top:20px; font-size:1em; color:#fff; line-height:1.6em; transition:0.5s all ease;}
#rolling_box .swiper-container2 .swiper-slide-active{margin-top:0;}
#rolling_box .swiper-container2 .swiper-slide-active .txtBox{opacity:1; background:#0081e9;}
#rolling_box .swiper-container2 .swiper-slide-active .txtBox i{color:#fff;}
#rolling_box .swiper-container2 .swiper-slide-active .txtBox i img{width:100%; max-width:70px;}
#rolling_box .swiper-container2 .swiper-slide-active .txtBox i img.wh{display:block;}
#rolling_box .swiper-container2 .swiper-slide-active .txtBox i img.bk{display:none;}
#rolling_box .swiper-container2 .swiper-slide-active .txtBox .tit{font-size:2.5em; color:#fff;}
#rolling_box .swiper-container2 .swiper-slide-active .txtBox .txt{color:#fff;}
#rolling_box .swiper-container2 .swiper-slide-active .txtBox a{margin-top:50px;}
#rolling_box .swiper-container2 .swiper-slide-active .txtBox a:hover{text-decoration:underline;}



#pro_wrap{width:100%; padding:100px 0; overflow:hidden;}
#pro_wrap:after{content:""; display:block; clear:both;}
#pro_area{width:100%; max-width:1500px; margin:0 auto;}
#pro_area .con_title{width:100%; text-align:center; margin-bottom:40px;}
#pro_area .con_title h3{font-size:3em; color:#000; font-weight:700; line-height:1em;} 
#pro_area .con_title h3 span{font-size:1em; color:#0081e9;}
#pro_area .con_title p{display:block; margin-top:15px; font-size:1.25em; color:#999;}
#pro_tab{position:relative; width:100%; max-width:1500px; margin:0 auto;}
#pro_tab:after{content:""; display:block; clear:both;}
#pro_tab .tab{width:100%; text-align:center;}
#pro_tab .tab:after{content:""; display:block; clear:both;}
#pro_tab .tab li{display:inline-block; margin:0 2px;}
#pro_tab .tab li a{display:block; padding:10px 30px; text-align:center; font-size:1.15em; color:#000; line-height:1.4; background:none; border:1px solid #ddd; border-radius:5px;}
#pro_tab .tab li.on a{color:#fff; background:#0081e9; border:1px solid #0081e9;}
#pro_tab li{position:relative;}
#pro_tab > div{display:none; padding:0;}
#pro_tab .active{display:block; padding:0px;}
#pro_tab .pro_list{width:100%; margin:50px auto 0; overflow:hidden;}
#pro_tab .pro_list:after{content:""; display:block; clear:both;}
#pro_tab .pro_list > ul{width:100%; font-size:0; list-style:none; padding:0; text-align:center;}
#pro_tab .pro_list > ul > li{position:relative; display:inline-block; vertical-align:top; width:23%; margin-left:1%; margin-right:1%; margin-top:15px; margin-bottom:15px; border:1px solid #eee; background:#fff; border-radius:15px; overflow:hidden; box-sizing:border-box; transition:0.5s all ease;}
#pro_tab .pro_list > ul > li > a{width:100%; text-align:left; overflow:hidden;} 
#pro_tab .pro_list > ul > li .imgs{width:100%; overflow:hidden;}
#pro_tab .pro_list > ul > li .imgs img{max-width:100%; transition:0.5s all ease;}
#pro_tab .pro_list > ul > li .txt_box{z-index:2; position:absolute; bottom:0; left:0; width:100%; height:100%; padding:30px 25px; transition:0.5s all ease;}
#pro_tab .pro_list > ul > li .txt_box:before{z-index:-1; content:""; position:absolute; top:0; left:0; display:block; width:100%; height:0; background:rgba(0,0,0,.65); backdrop-filter:blur(2px); transition:0.5s all ease;}
#pro_tab .pro_list > ul > li .txt_box .txt{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; padding:0 20px; text-align:center; transition:0.5s all ease;}
#pro_tab .pro_list > ul > li .txt_box .txt p{opacity:0; display:block; font-size:1em; color:#fff; font-weight:500; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition:0.5s all ease;}
#pro_tab .pro_list > ul > li:hover .txt_box{padding-bottom:50px;}
#pro_tab .pro_list > ul > li:hover .txt_box:before{height:100%;}
#pro_tab .pro_list > ul > li:hover .txt_box .txt p{opacity:1;}
#pro_tab .pro_list > ul > li:hover .txt_box .txt span{opacity:1; margin-top:10px;}
#pro_tab .pro_list > ul > li:hover .imgs > img{transform:scale(1.1);}
#pro_tab .pro_list > ul > li > a > p{display:block; text-align:center; padding:20px 15px; font-size:1.2em; color:#000; font-weight:500; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
#pro_tab .pro_list > ul > li > a > p > span.new_icon{position:absolute; top:0px; right:0; display:inline-block; width:60px; height:25px; line-height:23px; font-size:0.6em !important; color:#fff; background:#0081e9; text-align:center; border-radius:15px; border-top-left-radius:0; border-bottom-right-radius:0; font-weight:normal;}
#pro_tab .pro_list > ul > li > a > p > span.hot_icon{display:inline-block; line-height:1em; color:#C53629; background:none; padding:1px 5px 1px 3px; font-size:0.7em !important;}



#esg_wrap{width:100%; padding:120px 0; padding-bottom:150px; background:#032a58 url("../image/esg_back.jpg") no-repeat 50% 50%; background-size:cover; background-attachment:fixed; }
#esg_wrap .inner{width:100%; max-width:1500px; margin:0 auto;}
#esg_wrap .con_title{width:100%; text-align:center; margin-bottom:40px;}
#esg_wrap .con_title h3{font-size:3em; color:#fff; font-weight:700; line-height:1em;} 
#esg_wrap .con_title h3 span{font-size:1.1em; color:#0081e9;}
#esg_wrap .con_title p{display:block; margin-top:15px; font-size:1.25em; color:#fff;}
#esg_wrap .con_box{display:flex; width:100%; border-radius:15px; overflow:hidden; margin-top:50px;}
#esg_wrap .con_left{float:left; width:65%;}
#esg_wrap .con_right{float:right; width:35%;}
#esg_wrap .img-box{width:100%; position:relative; background:#000;}
#esg_wrap .img-box .txts{z-index:1; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; text-align:center;}
#esg_wrap .img-box .txts h3{display:block; font-size:3em; color:#fff; line-height:1.4em; font-weight:700;}
#esg_wrap .img-box .txts p{display:block; font-size:1.5em; color:#fff; line-height:1.4em; font-weight:400; padding:15px 5%;}
#esg_wrap .img-box .txts a.btn_view{display:block; margin:20px auto 0; padding:15px; width:150px; text-align:center; font-size:1.15em; color:#fff; line-height:1.4em;  border-radius:50px; transition:0.5s all ease;}
#esg_wrap .img-box .txts a.btn_view:hover{color:#000; background:#fff !important; border:1px solid #fff !important;}
#esg_wrap .img-box .dt-esg:nth-child(1) .txts a.btn_view{ background:#249544; border:1px solid #249544;}
#esg_wrap .img-box .dt-esg:nth-child(2) .txts a.btn_view{ background:#ffbd00; border:1px solid #ffbd00;}
#esg_wrap .img-box .dt-esg:nth-child(3) .txts a.btn_view{ background:#0081e9; border:1px solid #0081e9;}
#esg_wrap .img-box .dt-esg{display:none; position:absolute; left:0; top:0;}
#esg_wrap .img-box .dt-esg img{width:100%;}
#esg_wrap .img-box .dt-esg.on{display:block; height:auto; position:relative; animation:esg_ani ease-in-out .5s forwards;}
#esg_wrap .txt-box{width:100%; height:100%;}
#esg_wrap .txt-box .dt-esg{height:33.33%; border-bottom:1px solid #ddd;}
#esg_wrap .txt-box .dt-esg:last-child{border-bottom:0;}
#esg_wrap .txt-box .dt-esg a{position:relative; display:flex; justify-content:space-between; align-items:center; width:100%; height:100%; padding:0 50px; background:#fff; -webkit-tap-highlight-color:transparent;}
#esg_wrap .txt-box .dt-esg a:before{z-index:-1; content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); display:block; width:0; height:0; border-style:solid; border-width: 20px 30px 20px 0px; transition:0.5s all ease;}
#esg_wrap .txt-box .dt-esg:nth-child(1) a:before{border-color:transparent #249544 transparent transparent;}
#esg_wrap .txt-box .dt-esg:nth-child(2) a:before{border-color:transparent #ffbd00 transparent transparent;}
#esg_wrap .txt-box .dt-esg:nth-child(3) a:before{border-color:transparent #0081e9 transparent transparent;}
#esg_wrap .txt-box .dt-esg a i{opacity:1; z-index:0; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:30%; text-align:center; font-size:8em; color:rgba(0,0,0,.05); font-weight:900; font-style:normal; transition:0.5s all ease;}
#esg_wrap .txt-box .dt-esg .txts{z-index:1; position:relative;}
#esg_wrap .txt-box .dt-esg .txts .t1{display:block; margin-right:5px; font-size:2em; line-height:1em; font-weight:700;}
#esg_wrap .txt-box .dt-esg .txts .t1 em{display:inline-block; font-size:0.65em; font-style:normal;}
#esg_wrap .txt-box .dt-esg .txts .t2{display:block; margin-top:10px; font-size:1.15em; line-height:1.6em; word-break:keep-all;}
#esg_wrap .txt-box .dt-esg.on:nth-child(1) a{background:#249544;}
#esg_wrap .txt-box .dt-esg.on:nth-child(2) a{background:#ffbd00;}
#esg_wrap .txt-box .dt-esg.on:nth-child(3) a{background:#0081e9;}
#esg_wrap .txt-box .dt-esg.on a:before{left:-30px;}
#esg_wrap .txt-box .dt-esg.on a i{right:0; color:#fff; }
#esg_wrap .txt-box .dt-esg.on .txts .t1{color:#fff;}
#esg_wrap .txt-box .dt-esg.on .txts .t2{color:#fff;}
@keyframes esg_ani{
  from{opacity:0;}
  to{opacity:1;}
}



#news_box_all{width:100%; padding:120px 0 150px 0;}
#news_box_all:after{content:""; display:block; clear:both;}
#news_box_all .inner{width:100%; max-width:1500px; margin:0 auto;}
#news_box_all .con_title{width:100%; text-align:center; margin-bottom:40px;}
#news_box_all .con_title h3{font-size:3em; color:#000; font-weight:700; line-height:1em;} 
#news_box_all .con_title h3 span{font-size:1em; color:#0081e9;}
#news_box_all .con_title p{display:block; margin-top:15px; font-size:1.25em; color:#333;}
#news_rolling{position:relative; width:100%; max-width:1500px; margin:0 auto;}
#news_rolling:after{content:""; display:block; clear:both;}
#news_rolling .swiper-container3{width:100%; height:auto; overflow:hidden;}
#news_rolling .swiper-container3 .swiper-slide{position:relative; padding:0; margin:0; box-sizing:border-box; border-radius:15px; overflow:hidden;}
#news_rolling .swiper-container3 .swiper-slide a{width:100%; height:100%; display:block; padding:40px 25px; transition:0.5s all ease;}
#news_rolling .swiper-container3 .swiper-slide a:before{content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:#fff; border:1px solid #eee; box-sizing:border-box; border-radius:15px; overflow:hidden; z-index:-1; transition:0.5s all ease;}
#news_rolling .swiper-container3 .swiper-slide a:after{opacity:0; content:""; display:block; width:100%; height:100%; position:absolute; top:-100%; left:0; background:#143679; border-radius:15px; overflow:hidden; z-index:-1; transition:0.5s all ease;}
#news_rolling .swiper-container3 .swiper-slide .txtBox{width:100%; height:240px; text-align:left; z-index:2;}
#news_rolling .swiper-container3 .swiper-slide .txtBox .date{display:block; font-size:0.9em; color:rgba(0, 0, 0, .6); line-height:1.4em;}
#news_rolling .swiper-container3 .swiper-slide .txtBox .tit1{display:block; margin-top:20px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; font-size:1.3em; color:#000; line-height:1.4em;}
#news_rolling .swiper-container3 .swiper-slide .txtBox .tit1 span.new_icon{z-index:9999; position:absolute; top:1px; right:1px; display:inline-block; width:60px; height:25px; line-height:23px; font-size:0.6em !important; color:#fff; background:rgba(0,0,0,0.5); text-align:center; border-radius:2px; font-weight:normal;}
#news_rolling .swiper-container3 .swiper-slide .txtBox .link{position:absolute; right:0; bottom:40px; font-size:0.9em; color:#999; line-height:1.4em; transition:0.5s all ease;}
#news_rolling .swiper-container3 .swiper-slide .txtBox .link i{opacity:0; display:inline-block; text-align:center; width:30px; height:30px; line-height:30px; border-radius:50px; font-size:1em; margin-left:0; font-style:normal; transition:0.5s all ease;}
#news_rolling .swiper-container3 .swiper-slide a:hover:after{opacity:1; top:0%;}
#news_rolling .swiper-container3 .swiper-slide a:hover .txtBox .date, #news_rolling .swiper-container3 .swiper-slide-active .txtBox .date{color:#fff;}
#news_rolling .swiper-container3 .swiper-slide a:hover .txtBox .tit1, #news_rolling .swiper-container3 .swiper-slide-active .txtBox .tit1{color:#fff;}
#news_rolling .swiper-container3 .swiper-slide a:hover .txtBox .tit2, #news_rolling .swiper-container3 .swiper-slide-active .txtBox .tit2{color:#fff; border-bottom:1px solid #fff;}
#news_rolling .swiper-container3 .swiper-slide a:hover .txtBox .txt, #news_rolling .swiper-container3 .swiper-slide-active .txt{color:#fff;}
#news_rolling .swiper-container3 .swiper-slide a:hover .txtBox .link, #news_rolling .swiper-container3 .swiper-slide-active .link{color:#fff !important; right:25px; text-decoration:underline;}
#news_rolling .swiper-container3 .swiper-slide a:hover .txtBox .link i, #news_rolling .swiper-container3 .swiper-slide-active .link i{opacity:1; margin-left:10px; background:#0081e9; transition:0.5s all ease;}
#news_rolling .swiper-container3 .swiper-slide-active a:after{opacity:1; top:0%;}
#news_rolling .swiper-btn-wrap{position:relative; bottom:0; width:auto; width:100%;}
#news_rolling .swiper-btn-wrap .swiper-scrollbar-wrap3{position:absolute; top:-80px; width:100%; height:40px; text-align:center; margin:0 auto; z-index:20; background:none;}
#news_rolling .swiper-btn-wrap .swiper-scrollbar-wrap3 .swiper-button-prev3{opacity:.25; background:url("../image/list_prev_bk.png") no-repeat; right:41px; left:auto; cursor:pointer;}
#news_rolling .swiper-btn-wrap .swiper-scrollbar-wrap3 .swiper-button-next3{opacity:.25; background:url("../image/list_next_bk.png"); right:0%; left:auto; cursor:pointer;}
#news_rolling .swiper-btn-wrap .swiper-scrollbar-wrap3 .swiper-button-prev3:hover{opacity:1; background:url("../image/list_prev_bk.png");}
#news_rolling .swiper-btn-wrap .swiper-scrollbar-wrap3 .swiper-button-next3:hover{opacity:1; background:url("../image/list_next_bk.png");}
#news_rolling .swiper-btn-wrap .swiper-scrollbar-wrap3 .swiper-button-prev3{position:absolute; top:auto; bottom:0px; width:40px; height:40px;}
#news_rolling .swiper-btn-wrap .swiper-scrollbar-wrap3 .swiper-button-next3{position:absolute; top:auto; bottom:0px; width:40px; height:40px;}
#news_rolling .swiper-pagination3{display:block; position:relative; top:50px; width:100%; text-align:center;}
#news_rolling .swiper-pagination-bullet{border:0px solid #fff; margin:0 5px; width:10px; height:10px; background:#ddd; border-radius:10px;}
#news_rolling .swiper-pagination-bullet-active{border:0px solid #fff; background:#0081e9;}


#cs_wrap{width:100%; padding:150px 0; padding-bottom:160px; background:#0f1737 url("../image/cs_back.jpg") no-repeat center center; background-size:cover; background-attachment:fixed; overflow:hidden; }
#cs_wrap:after{content:""; display:block; clear:both;}
#cs_wrap .inner{width:100%; max-width:1500px; margin:0 auto;}
#cs_wrap .left{z-index:1; position:relative; float:left; width:47%;}
#cs_wrap .left .con_title{width:100%; margin-bottom:20px;}
#cs_wrap .left .con_title h3{font-size:3em; color:#fff; line-height:1em; font-weight:700;}
#cs_wrap .left .con_title h3 span{font-size:1em; color:#0081e9;}
#cs_wrap .left .cs_txt{display:block; font-size:1.25em; color:#fff; line-height:1.6em; word-break:keep-all;}
#cs_wrap .left .cs_link{width:100%; margin-top:30px;}
#cs_wrap .left .cs_link a{display:inline-block; vertical-align:middle; margin-right:20px; font-size:1.25em; color:#fff; line-height:1.6em;}
#cs_wrap .left .cs_link a i{display:inline-block; vertical-align:middle; font-size:0.85em; margin-right:5px;}
#cs_wrap .left .cs_icons{width:100%; margin-top:40px; overflow:hidden;}
#cs_wrap .left .cs_icons dl{width:100%; font-size:0;}
#cs_wrap .left .cs_icons dl dd{display:inline-block; vertical-align:top; width:23.5%; margin-right:2%; background:rgba(0,0,0,0.1); backdrop-filter:blur(2px); border:1px solid rgba(255,255,255,0.2); border-radius:15px; transition:0.3s all ease;}
#cs_wrap .left .cs_icons dl dd:last-child{margin-right:0;}
#cs_wrap .left .cs_icons dl dd a{position:relative; width:100%; height:100%; padding:50% 5px; display:block; text-align:center;}
#cs_wrap .left .cs_icons dl dd .txts{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%;}
#cs_wrap .left .cs_icons dl dd .txts i{display:block; font-size:2em; color:#fff; transform:rotateY(0deg); transition:0.3s all ease;}
#cs_wrap .left .cs_icons dl dd .txts p{margin-top:15px; font-size:1.1em; color:#fff; line-height:1.4em;}
#cs_wrap .left .cs_icons dl dd:hover .txts i{color:#0081e9; transform:rotateY(360deg);}
#cs_wrap .left .cs_icons dl dd:hover .txts p{color:#0081e9;}
#cs_wrap .right{float:right; width:47%; border-radius:15px; overflow:hidden;}
#cs_wrap .right .g_map {height:360px;}



#partner_wrap{width:100%; padding:20px 0;}
#partner_wrap:after{content:""; display:block; clear:both;}
#partner_wrap .inner{position:relative; width:100%; max-width:100%; margin:0 auto; overflow:hidden;}
#partner_wrap .inner:before{z-index:2; content:""; position:absolute; left:0; top:0; height:100%; display:block; width:10%; background:linear-gradient(-90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
#partner_wrap .inner:after{z-index:1; content:""; position:absolute; right:0; top:0; height:100%; display:block; width:10%; background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
#partner_wrap .swiper{width:100%; margin:5px 0;}    
#partner_wrap .swiper .swiper-wrapper{transition-timing-function:linear;}
#partner_wrap .swiper .swiper-slide{display:flex; align-items:center; justify-content:center; text-align:center; padding:10px 0px; background:#fff; border-radius:15px; overflow:hidden;}
#partner_wrap .swiper .swiper-slide img{max-width:100%;}




/* 하단 */
#footer{clear:both; width:100%; min-width:320px; background:#fff; border-top:1px solid #eee;}
#footer:after{content:""; display:block; clear:both;}
#footer .inner{width:100%; padding:50px 0; max-width:1500px; margin:0 auto;}
#footer .inner:after{content:""; display:block; clear:both;}
#footer h2.ft_tit{display:block; margin-bottom:15px; font-size:1.4em; color:#000; font-weight:500;}
#footer .ft_left{float:left; width:50%; transition:0.5s all ease;}
#footer .ft_left span{display:inline-block; margin-right:15px; font-size:1em; color:#666; line-height:1.8em;}
#footer .ft_left .copyright{display:block; margin-top:15px; font-size:1em; color:#666; line-height:1.8em;}
#footer .ft_right{float:right; width:45%; transition:0.5s all ease;}
#footer .ft_right .ft_menu{float:left; width:60%;}
#footer .ft_right .ft_menu dd{position:relative; display:inline-block; vertical-align:top; width:48%; margin-bottom:4px; padding-left:12px;}
#footer .ft_right .ft_menu dd:before{position:absolute; content:""; display:inline-block; width:4px; height:4px; top:10px; left:0; background:#aaa; border-radius:4px;}
#footer .ft_right .ft_menu dd a{font-size:1em; color:#666; }
#footer .ft_right .ft_menu dd a:hover{color:#0081e9;}
#footer .ft_right .ft_sns{float:right; width:35%;}
#footer .ft_right .ft_sns dd{display:inline-block; width:40px; height:40px; line-height:40px; margin-right:5px; text-align:center; border-radius:50px;}
#footer .ft_right .ft_sns dd:last-child{margin-right:0;}
#footer .ft_right .ft_sns dd a{text-align:center; font-size:1.15em; color:#fff;}
#footer .ft_right .ft_sns dd:nth-of-type(1){background:#03c75a;}
#footer .ft_right .ft_sns dd:nth-of-type(2){background:#214f97;}
#footer .ft_right .ft_sns dd:nth-of-type(3){background:#d82e79;}
#footer .ft_right .ft_sns dd:hover{background:#000;}



/* PC용 퀵메뉴 */
#backtotop{position:fixed; bottom:35%; right:10px; z-index:1000; display:none;}
.q-menu nav div{width:50px; height:50px; line-height:45px; font-size:1.5em; text-align:center; background:rgba(0,0,0,0.5); margin:4px 0; border-radius:5px; transition:0.5s all ease;}
.q-menu nav div:hover{background:#0081e9;}
.q-menu nav div i{display:inline-block; vertical-align:top; text-align:center; width:100%; height:30px; line-height:30px; font-size:0.85em;}
.q-menu nav div a{display:inline-block; position:relative; width:30px; height:30px; text-align:center; color:#fff; text-decoration:none;}
.q-menu nav div a span{font-size:0.6em; display:inline-block; position:absolute; top:20%; right:70px; opacity:0; white-space:nowrap; padding:5px 8px; border-radius:3px 3px; background:#0081e9; color:#fff; margin-top:-2px; line-height:1em; transition:all 300ms;}
.q-menu nav a span:before{content:""; display:block; position:absolute; right:-10px; top:50%; margin-top:-5px; border:5px solid transparent; border-left-color:#0081e9;}
.q-menu nav a:after{position:absolute; content:""; display:inline-block; width:30px; height:30px; margin-left:-5px; margin-top:-10px; top:50%; left:50%;}
.q-menu nav a:hover{opacity:1;}
.q-menu nav a:hover span{right:50px; opacity:1;}
.q-menu nav a.active{color:#333; opacity:1;}



/* 서브 */
#sub_visual{width:100%; height:450px; text-align:center; background:#e8e9eb;}
#sub_visual .backgroundimg{position:relative; width:100%; text-align:center; margin:0 auto; height:100%; z-index:0;}
#sub_visual .visual_area{width:100%; height:100%; margin:0 auto; background-size:cover !important;}


#sub_wrapper{width:100%; margin:0 auto;}
#sub_wrapper:after{content:""; display:block; clear:both;}
#sub_menu{display:block; width:100%; margin:0 auto; background:#fff; border-bottom:1px solid #ddd; text-align:center;} 
#sub_menu .sub_tab{width:100%; max-width:1500px; text-align:left; margin:0 auto;}


.sub_location{position:relative; width:100%; height:60px; font-size:0; background:#fff; margin:0 auto;}
.sub_location > div{font-size:0;}
.sub_location > div .cen{display:inline-block; width:60px; height:60px; line-height:60px; text-align:center; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.sub_location > div .cen i{color:#000; font-size:1em;}
.sub_location ul{width:100%; max-width:1500px; padding:0; margin:0; display:inline-block; width:239px; border-right:1px solid #ddd; vertical-align:top; box-sizing:border-box;}
.sub_location ul:first-child{border-left:0px solid #ddd;}
.sub_location ul li{position:relative; width:100%; text-align:left;}
.sub_location ul li span{display:block; padding:0 15px; line-height:60px; font-size:1.2em; color:#000; background:url("../image/icnLocaArr.png") 95% center no-repeat; cursor:pointer;}
.sub_location ul.on li span{background:url("../image/icnLocaArr1.png") 95% center no-repeat;}
.sub_location ul li a{width:100%; display:block; padding:8px 15px; color:#000;}
.sub_location ul li a:hover{color:#fff; background:#292929; box-sizing:border-box;}
.sub_location ul ul{display:none; position:absolute; top:60px; left:-1px; padding:0px 0; background:#fff; border:1px solid #ddd; border-top:none; z-index:999998; width:calc(100% + 2px) !important;}
.sub_location ul.on li ul{display:block;}
.sub_location ul.dep2 li span{color:#000;}
.sub_location ul.dep2 ul{width:240px;}


#sub_tit{position:absolute; width:100%; max-width:1500px; margin:0 auto; top:200px; left:50%; margin-left:-750px;}
#sub_tit .path{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin-top:50px;}
#sub_tit .path li{float:left; text-align:center; font-size:1em; padding:0 15px 0 18px; margin:0; color:#fff; background:url("../image/ico_path.png") no-repeat left center;}
#sub_tit .path li a span.ic-home{padding:0; cursor:pointer;}
#sub_tit .path li a span.ic-home i{background:url("../image/icon_home_over.png") no-repeat left center; display:inline-block; width:11px; height:11px;}
#sub_tit .path li:first-child{background:none;}
#sub_tit .path li:last-child{color:#fff; margin-right:10px;}
#sub_tit .title{position:relative; text-align:center; padding-bottom:10px; font-size:2.4em; color:#fff; text-transform:uppercase;}
#sub_tit .title:after{display:block; content:""; width:50px; height:1px; margin:10px auto; background:#aaa;}
#sub_tit .normal_txt{display:none; margin:0px 0; font-size:1.2em; color:#ccc; text-transform:uppercase; text-align:center; line-height:1.6; word-break:keep-all;}
#sub_tit .normal_txt .color1{color:#fd7701;}


.scontents{width:100%; max-width:1500px; height:100%; margin:0 auto; padding:30px 0 100px 0; transform:unset !important;}
.scontents:after{content:""; display:block; clear:both;}
.scontents .bg_vline{display:block; width:1px; height:40px; background:url("../image/bg_vline.gif") no-repeat center; margin:0 auto;}
.scontents .eng{display:block; text-align:center; font-size:2.5em; font-weight:500; margin:10px 0;}
.scontents .eng em{color:#0081e9; font-style:normal;}
.scontents .stitle{font-size:1.2em; line-height:1.6em; text-align:center; color:#333; margin:10px 0 50px 0;}


.tbl{width:100%; border-top:1px solid #333; border-collapse:collapse;}
.tbl th{width:30%; background-color:#f2f2f2; border-bottom:1px solid #ccc; padding:5px 0; font-size:0.9em; font-weight:normal; color:#000; text-align:center;}
.tbl td{width:70%; border-bottom:1px solid #ccc; padding:5px 0; text-indent:10px; font-size:0.9em;}


.tba{width:100%; border-top:1px solid #333; border-collapse:collapse; background-color:#fff;}
.tba th{width:35%; background-color:#f2f2f2; border-bottom:1px solid #ccc; padding:6px 0; font-size:0.9em; font-weight:normal; color:#000; text-align:center;}
.tba td{width:65%; border-bottom:1px solid #ccc; padding:6px 0; text-indent:10px; font-size:0.9em;}


.policy_box{border:1px solid #ddd; padding:10px; height:160px; overflow:auto;}



/* 반응형 중간기기 1520px 사이즈 이하*/
@media all and (max-width:1520px){	

	#container{margin-top:0px;}
	#lnb .lnb_wrap > ul > li > a{padding:0 30px}
	.wrap_box{width:96%;}

	#main_visual .sliderkit-text{padding:0 4%;}
	#main_visual .sliderkit-text div.lviewa{font-size:3em;}
	#main_visual .sliderkit-text div.sviewa{font-size:1.2em;}
	#main_visual .sliderkit-text div.sbtn{font-size:1em;}

	
	#company_wrap .inner{padding:0 2%;}
	#company_wrap .con_box ul li{width:24.4%; margin-right:0.8%;}

	#rolling_box_all .inner{padding:0 2%;}
	
	#pro_wrap{padding:150px 2%;}
	#pro_tab .pro_list{width:101.5%; margin-left:-1%;}
	
	#esg_wrap .inner{padding:0 2%;}

	#news_box_all .inner{padding:0 2%;}

	#cs_wrap .inner{padding:0 2%;}
	
	#footer .inner{padding:50px 2%;}

		
	.scontents{width:96%;}	
	#sub_tit{left:0; margin-left:0;}
}



@media all and (max-width:1200px){

	#esg_wrap .con_box{flex-direction: column}
	#esg_wrap .con_left{width:100%;}
	#esg_wrap .con_right{width:100%;}
	#esg_wrap .txt-box .dt-esg{float:left; width:33.33%; height:200px; border-bottom:0; border-left:1px solid #eee;}
	#esg_wrap .txt-box .dt-esg:first-child{border-left:0;}
	#esg_wrap .txt-box .dt-esg a:before{left:50%; top:0; transform:translateX(-50%); border-width: 0px 15px 15px 15px;}
	#esg_wrap .txt-box .dt-esg:nth-child(1) a:before{border-color:transparent transparent #249544 transparent;}
	#esg_wrap .txt-box .dt-esg:nth-child(2) a:before{border-color:transparent transparent #ffbd00 transparent;}
	#esg_wrap .txt-box .dt-esg:nth-child(3) a:before{border-color:transparent transparent #0081e9 transparent;}
	#esg_wrap .txt-box .dt-esg.on a:before{left:50%; top:-15px;}

}

/* 반응형 중간기기 1100px 사이즈 이하*/
@media all and (max-width:1100px){
	
	#mobile_header{display:block; min-width:320px;}
	#header_wrap{display:none;}

	.lview{display:none;}
	.sview{display:block;}
	
	#backtotop{display:none !important;}
	
		
	#main_visual .swiper-slide div.backgroundimg{height:auto;}
	#main_visual .sliderkit-text{text-align:center; margin-top:2%;}
	#main_visual .sliderkit-text div.lviewa{font-size:2em;}
	#main_visual .sliderkit-text div.sviewa{font-size:1em;}


	#company_wrap{padding:80px 0;}
	#company_wrap .con_box{margin-top:0;}
	#company_wrap .con_box ul{flex-wrap:wrap; justify-content: space-between;}
	#company_wrap .con_box ul li{width:49%; height:350px; margin-right:2%; margin-bottom:2%;}
	#company_wrap .con_box ul li:nth-child(even){margin-right:0;}	
	#company_wrap .con_box ul li:nth-child(odd){transform:translateY(0);}
	#company_wrap .con_box ul li .txt-box{padding:0 15px;}
	#company_wrap .con_box ul li:hover, #company_wrap .con_box ul li.on{width:49%; transform:translateY(0);}



	#rolling_box_all{padding:80px 2%;}
	#rolling_box_all .left{width:30%;}
	#rolling_box_all .right{width:65%;}
	

	#pro_wrap{padding:80px 2%;}
	#pro_tab .pro_list{width:102%; margin-left:-1%;}
	#pro_tab .pro_list > ul > li{width:48%; margin-top:1%; margin-bottom:1%;}
	#pro_tab .tab li a{font-size:1.05em;}

	
	#esg_wrap{padding:80px 0;}
	#esg_wrap .txt-box .dt-esg a{justify-content:center; text-align:center; padding:0 5px;}
	#esg_wrap .txt-box .dt-esg .txts .t1 em{display:block; margin-top:10px;}
	#esg_wrap .txt-box .dt-esg.on a i{color:rgba(0,0,0,.05);}


	#news_box_all{padding:80px 0 100px 0;}
	#news_box_all .left{width:30%;}
	#news_box_all .right{width:65%;}

	
	#cs_wrap{padding:80px 0;}	
	#cs_wrap .left{width:100%; text-align:center;}
	#cs_wrap .left .cs_link a{display:block; margin-right:0; margin-top:10px;}
	#cs_wrap .right{width:100%; border-radius:0;}



	#footer .ft_left{width:100%; margin-top:5%;}
	#footer .ft_right{width:100%;}



	#sub_visual{height:300px;}
	
	.sub_location > div .cen{display:none;}
	.sub_location ul{width:50%;}
	.sub_location ul:first-child{border-left:0px;}
	.sub_location ul.dep2{border-right:0px;}

	#sub_tit{top:150px;}
	#sub_tit .path{display:none;}
	
}


/* 반응형 중간기기 992px 사이즈 이하 */
@media screen and (max-width:992px){		

	body,td,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button{font-size:14px;}
	

	#rolling_box_all .con_title{padding:0 !important;}
	#rolling_box_all .inner .swiper-btn-wrap{left:unset; bottom:unset; right:30px; bottom:40px;}
	#rolling_box_all .inner .swiper-btn-wrap .swiper-scrollbar-wrap2{right:0;}
	#rolling_box_all .inner .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-prev2{left:unset; right:0px;}
	#rolling_box_all .inner .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-next2{left:unset; right:-41px;}
	#rolling_box_all .left{width:100%;}
	#rolling_box_all .right{width:100%;} 
	#rolling_box{width:200%;}

}


/* 반응형 중간기기 768px사이즈 이하 */
@media screen and (max-width:768px){			

	.mview{display:block;}

	
	section .con_title{padding:0 4% !important;}
	section .con_title h3{font-size:2em !important;}
	section .con_title p{font-size:1.15em !important; word-break:keep-all !important;}


	#main_visual .swiper-slide .backgroundimg .mobile_only{display:block;}
	#main_visual .swiper-slide .backgroundimg .pc_only{display:none;}
	

	#pro_tab .pro_list{margin-top:30px;}
	#pro_tab .pro_list > ul > li .txt_box{padding:10px;}
	#pro_tab .pro_list > ul > li .txt_box .txt p{font-size:1.15em;}
	#pro_tab .pro_list > ul > li .txt_box .txt span{display:none;}
	#pro_tab .pro_list > ul > li:hover .txt_box{padding:10px;}


	#esg_wrap .img-box .txts h3{font-size:2.5em;}
	#esg_wrap .img-box .txts p{font-size:1.25em;}
	#esg_wrap .img-box .txts a.btn_view{margin-top:0; padding:10px; width:120px; font-size:1em;}
	#esg_wrap .txt-box .dt-esg{height:150px;}
	#esg_wrap .txt-box .dt-esg a i{width:100%;}
	#esg_wrap .txt-box .dt-esg .txts .t1{font-size:1.5em;}
	#esg_wrap .txt-box .dt-esg .txts .t2{display:none;}


	#company_wrap .con_box ul li{height:250px;}
	#company_wrap .con_box ul li .txt-box .t1{font-size:1.5em;}
	#company_wrap .con_box ul li .txt-box .t3{display:none;}
	#company_wrap .con_box ul li .btn_plus{width:40px; height:40px;}
	#company_wrap .con_box ul li:hover .txt-box .t1, #company_wrap .con_box ul li.on .txt-box .t1{font-size:2em;}
		
		
	#news_rolling .swiper-btn-wrap .swiper-scrollbar-wrap3 .swiper-button-prev3{right:unset; left:0;}
	#news_rolling .swiper-btn-wrap .swiper-scrollbar-wrap3 .swiper-button-next3{right:0; left:unset;}


	#cs_wrap{padding-bottom:0;}	
	#cs_wrap .inner{padding:0;}
	#cs_wrap .left .cs_icons{margin-top:60px;}
	#cs_wrap .left .cs_icons dl dd{width:25%; margin-right:0; border-radius:0; border:0; border-left:1px solid rgba(255,255,255,.1); background:#143679; box-sizing:border-box;}
	#cs_wrap .left .cs_icons dl dd .txts i{color:#fff;}
	#cs_wrap .left .cs_icons dl dd .txts p{color:#fff;}
	#cs_wrap .left .cs_icons dl dd:hover{background:#0081e9;}
	#cs_wrap .left .cs_icons dl dd:hover .txts i{color:#fff;}
	#cs_wrap .left .cs_icons dl dd:hover .txts p{color:#fff;}


	
	#partner_wrap{padding:10px 0;}	
	
	
	#footer .inner{padding:0;}
	#footer .ft_left{width:100%; padding:0 4%;}	
	#footer .ft_right{padding:20px 4%; background:#f5f5f5;}
	#footer .ft_right .ft_menu{width:100%;}
	#footer .ft_right .ft_sns{width:100%; text-align:center; margin-top:20px;}
	#footer .ft_right .ft_sns h2.ft_tit{display:none;}


	#sub_visual{height:240px;}

	#sub_tit{top:130px;}
	#sub_tit .title{font-size:2em;} 
	#sub_tit .title:after{display:none;}
	#sub_tit .normal_txt{font-size:1em; display:none;}
	.scontents{padding:30px 0px 50px 0px;}
	.scontents .eng{font-size:2em;}
	.scontents .stitle{font-size:1em; margin-bottom:30px;}	
}


/* 반응형 중간기기 640px 사이즈 이하 */
@media screen and (max-width:640px){		
	
	#pro_wrap{padding:80px 4%;}
	#pro_tab{margin-top:30px;}
	#pro_tab .tab{width:102%; margin-left:-1%;}
	#pro_tab .tab li{float:left; width:48%; margin-right:1%; margin-left:1%; margin-bottom:1.5%;}
	#pro_tab .tab li:last-child{margin-left:1%; margin-right:1%;}
	#pro_tab .tab li a{width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
	#pro_tab .pro_list{margin-top:0px;}
	#pro_tab .pro_list > ul > li{width:47%; margin-top:1.5%; margin-bottom:1.5%; margin-left:1.5%; margin-right:1.5%;}
	
}


/* 반응형 작은기기 480px 사이즈 이하 */
@media screen and (max-width:480px){		

	body,td,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button{font-size:13px;}
	
	.q-menu{display:none;}	
	
	#rolling_box{width:300%;}

}


/* 반응형 작은기기 360px 사이즈 이하 */
@media screen and (max-width:360px){	


}