@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css');


#gnb .gnb_2dul{border:2px solid #e83827}
#gnb .gnb_2da,#gnb .gnb_2dli.active a{ }
#gnb .gnb_2dli.active a{opacity: 1;}

/* common set */
.sub03_01_inr #sub_visual,
.sub04_01_inr #sub_visual,
.sub05_01_inr #sub_visual{display:none}
body {margin:0;padding:0;font-size:0.75em; font-family:'Pretendard', dotum, sans-serif !important; background:#fff; overflow-x:hidden;}
.inr{position:relative; width:auto; margin:0 220rem;}
.inr.v2{position:relative; width:1260rem; margin:0 auto;}
.inr:after{content:''; display:block; clear:both;}
.pd80{padding-top:80rem;}
.mb20{margin-bottom:20rem;}
.board > section,
.board > article,
.board > div{margin:0 0 80rem !important;}


#logo a{background-image: url(../img/common/logo.svg);}

ul[class^="colum"]{display:flex;}
.cont_wrap{position:relative; margin:110rem 100rem 130rem;}
a.btn_basic{display:inline-flex; align-items:center; padding:10rem 10rem; background:#f8f8f8; box-shadow:inset 3rem 3rem 6rem rgb(15 80 131 / 7%); font-size:16rem; color:#929292; border-radius:100rem;}
a.btn_basic b{margin-right:4rem; margin-left:23rem; font-weight:700; color:#222;}
a.btn_basic > i{display:flex; justify-content:center; align-items:center; width:54rem; height:54rem; margin-left:16rem; background:#1777c1; border-radius:30rem;}
a.btn_basic > i::before{content:""; display:block; width:15rem; height:7rem; transform:rotate(180deg); -webkit-transform:rotate(180deg); background-image:url(../img/common/arr_basic.png);}
.colum2{gap:70rem;}
.colum2 > li{width:-webkit-calc((100%/2) - 35rem); width:calc((100%/2) - 35rem);}
.colum3{flex-wrap:wrap; gap:62rem;}
.colum3 > li{width:-webkit-calc((100%/3) - 42rem); width:calc((100%/3) - 42rem);}

/* table set */
#container .mob_info{display:none;}
#container .mob_info span{font-size:15rem; font-weight:400; color:#777;}
.scrollTable{width:100%;}
#container table.table{border-top:1rem solid #111;}
#container table.table thead th{padding:23rem 10rem; border-right:1rem solid #eee; border-bottom:1rem solid #eee; font-weight:600; font-size:18rem; color:#222; background:#f9f9f9;}
#container table.table thead th:last-child{border-right:0;}
#container table.table thead tr:last-child th{border-bottom:1rem solid #eee;}
#container table.table thead tr th:last-child{border-right:0;}
table.table{width:100%; margin:0; padding:0; border-top:2rem solid #444547; border-bottom:1rem solid #000; border-bottom:none; border-spacing:0;}
table.table caption{display:none;}
table.table tbody tr{margin:0; padding:0; border:1rem solid #ccc;}
table.table tbody tr th{background:#f9f9f9; padding:20rem; font-size:18rem; font-weight:bold; color:#222; border-bottom:1rem solid #eee;} 
table.table tbody tr td{padding:20rem; vertical-align:middle; border-right:1rem solid #eee; border-bottom:1rem solid #eee; font-weight:400; font-size:18rem; color:#555; text-align:center; word-break:keep-all;}
table.table tbody tr td.year{font-weight:bold;}
table.table tbody tr td:last-child{border-right:none;}

/* sub layout */
#sub_visual{position:relative; overflow:hidden; margin-left:220rem; }
#sub_visual .visual_text{margin-top: 200rem;font-size:52rem;color:#222;}
#sub_visual .visual_bg{position:relative; display:block; width:100%; height:400rem; margin-top:50rem; background-size:cover; background-position:center top; background-repeat: no-repeat;}

.visual_bg.active{opacity:1; transition:1s}
.visual_bg:before{content:""; display:block; position:absolute; top:0; left:0; z-index:999; width: 100%; height: 100%; background: #fff; transition: all 3s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s}
.visual_bg.active:before{width:0;}

/* lnb */
.area_lnb{display:block; width:100%; margin-top:45rem; transition:all 0.3s ease;}
.area_lnb .lnb_wrap{position:relative;box-sizing:border-box; width:100%; margin:0 auto; background:#fff;}
.area_lnb.fixed{position:fixed; top:0; bottom:unset; z-index:90; background:#fff; border-bottom:1rem solid #eee;}
.area_lnb.fixed .lnb_wrap{border-bottom:none;}
.area_lnb.fixed .lnb_wrap:before{width:150%; border-bottom:none;}
.lnb{z-index:2;}
.lnb .wrap{width:auto; margin:0 auto;}
.lnb.fixed{position:fixed; top:0;}
.lnb ul{text-align:left;}
.lnb ul > li{position:relative; height:100%;display:inline-block; box-sizing:border-box;}
.lnb ul > li:last-child{margin:0;}
.lnb ul > li > a{position:relative; display:block; padding:12rem 0; margin:0 20rem; font-size:18rem; font-weight:600; color:#333; text-align:center; line-height:1.5em; transition:all 0.3s ease;}
.lnb ul > li > a:before{content:''; position:absolute; left:0; right:0; bottom:0; width:100%; height:0; background:#e83827; transition:all 0.1s ease;}
.lnb ul > li:first-child > a{margin-left:0}
.lnb ul > li.active > a:before,
.lnb ul > li:hover > a:before{height:3rem;}
.lnb ul > li:hover > a,
.lnb li.active > a{color:#222; font-weight:500;}

.area_navigation{z-index:2;position: absolute;right: 220rem;top: 215rem;}
.area_navigation > ul{display:flex;align-items: center;}
.area_navigation > ul > li{position:relative;display:inline-block;margin: 0 20rem;font-size:15rem;font-weight:500;color:#999;}
.area_navigation > ul > li:nth-child(1){border-radius: 50%;width: 45rem;height: 45rem;display: flex;align-items: center;justify-content: center;}
.area_navigation > ul > li:before{content:'';position:absolute;top: 50%;right: -17rem;width:3rem;height:3rem;background:#ccc;background-size:contain;opacity:0.5;margin-top: -2rem;}
.area_navigation > ul > li:nth-child(3){margin-right:0;}
.area_navigation > ul > li:nth-child(3):before{display:none;}
.area_navigation > ul > li img{position:relative;width: 14rem; display: flex; align-items: center;justify-content: center; }

.sub_title{display:block; text-align:center; font-size:50rem; font-weight:bold; color:#222; line-height:1em; word-break:keep-all; text-transform:uppercase;}

/* tab  */
.tabs,
.snb_tabs{}
.tabs:after,
.snb_tabs:after{content:''; display:block; clear:both;}
.tabs li,
.snb_tabs li{position:relative; display:inline-block; box-sizing:border-box; font-size:28rem; font-weight:600;text-align:center;cursor:pointer;}
.tabs li span,
.snb_tabs li a span{line-height:1.35em; font-weight:600; font-size:20rem; color:#cdcdcd; word-break:keep-all;}
.tabs li.active,
.tabs li:hover,
.snb_tabs li.active a,
.snb_tabs li:hover a{color:#e83827;}
.tabs li.active span,
.tabs li:hover span,
.snb_tabs li.active span,
.snb_tabs li:hover span{color:#0ba3d6;}
.tab_content{position:relative; min-height:400rem;}
.tab_content:after{content:''; display:block; clear:both;}
.snb_tabs li{position:relative; padding:0 20rem}
.snb_tabs li:before{content:'';display:block;position:absolute;right:0;top: 50%;width:1rem;height:20rem;background:#e5e5e5;transform: translateY(-50%);}
.snb_tabs li:last-child:before{display:none;}
.snb_tabs li a{display:block; color:#ccc; }

/* sub layout */
.cont_visual{overflow:hidden; height:446rem; background:#000;}
.cont_visual[data-sub="01"] > i{background-image:url(../img/sub/svisual01.jpg);}
.cont_visual[data-sub="02"] > i{background-image:url(../img/sub/svisual02.jpg);}
.cont_visual[data-sub="03"] > i{background-image:url(../img/sub/svisual03.jpg);}
.cont_visual> i{display:block; height:100%; background-position:50% 50%; animation:bg_motion 1.5s ease forwards; background-repeat:no-repeat;}

.sub_titCont{display:flex; justify-content:center; position:fixed; top:0; z-index:3; width:377rem; height:100vh; padding-left:50rem; background:#fff; flex-direction:column;}
h3 span{color: #e83827;}
#container_wr:after{content:""; display:block; visibility:hidden; clear:both;}
#container_wr{z-index:5; height:100%; margin:0 auto; zoom:1;}
#container {z-index:4;position:relative;min-height:500rem;height:auto !important;margin:0; width:100%; height:500rem;font-size:1em;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}

#scont{margin:0;padding:120rem 0 0; min-height:auto;}

.lt_wr{width:49%;}
.lt_wr:nth-child(2n+1){clear:both;}
.latest_wr:after{content:""; display:block; visibility:hidden; clear:both;}


#en .lnb ul > li > a{max-width:260rem;}

.txt_color01{color:#e83827;}
.bold{font-weight:bold; font-style:normal;}
.s_pdb{padding-bottom:160rem;}

/* 인사말 */
.area_img{position: relative; overflow: hidden;}
.area_img img{width:100%; height:auto;}
.area_img .bg_wt{position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.area_img .bg_wt > * {position: relative;width: 100%; transition: all 1.2s; background-color: #fff; height: 100%;}
.area_img .bg_wt:after{content:''; display:block; clear:both;}
.area_img .bg_wt .left{right:0;}
.area_img .bg_wt .right{left:0;}
.area_img.motion_in .bg_wt .left{right:100%;}
.area_img.motion_in .bg_wt .right{left:100%;}

.area_about{position:relative;}
.area_about .area_txt{position:relative; }
.area_about .area_txt .box_cont{position: relative; padding-left: 520rem;}
.area_about .area_txt .box_cont h3{line-height:1.6; margin-bottom:20rem;font-size: 42rem;color:#222; font-weight: 300; position: absolute; left: 0; top: 0;}
.area_about .area_txt .box_cont h3 b{font-weight: 700;}
.area_about .area_txt .box_cont p{margin:0 0 40rem;font-size: 18rem;font-weight:300;color:#222;line-height: 1.7;word-break:keep-all;}
.area_about .area_txt p.sign{text-align: right;}
.area_about .area_txt p.sign span{font-size: 15rem; color: #929292; margin-right: 40rem; position: relative;}
.area_about .area_txt p.sign span::before{content: ""; width: 1px; height: 12rem; background-color: #ddd; position: absolute; top: 4rem; right: -20rem;}

/* 경영이념 */
.area_philosophy h3{margin-bottom:100rem; text-align:center; font-size:40rem;}
.area_philosophy .area_box01{margin-bottom:180rem;}
.area_philosophy .area_box01 ul li{display:flex;float:left;width:50%;align-items: center;}
.area_philosophy .area_box01 ul li:nth-child(n+3):nth-child(n-4){border-top:1rem solid #ddd; padding-top:95rem; margin-top:95rem}
.area_philosophy .area_box01 ul li i{width:180rem;}
.area_philosophy .area_box01 ul li > div{width:calc(100% - 180rem)}
.area_philosophy .area_box01 ul li > div h4{margin-bottom: 30rem;font-size:28rem}
.area_philosophy .area_box01 ul li > div p{font-size:20rem; color:#666;}
.area_philosophy .area_box02{padding-top:130rem; background:#f9f9f9;}
.area_philosophy .area_box02 .img_box{position:relative; padding-top:100rem;}
.area_philosophy .area_box02 .img_box .img{text-align:center;}
.area_philosophy .area_box02 .img_box .img img{max-width:100%;}
.area_philosophy .area_box02 .img_box ul li{position:absolute;}
.area_philosophy .area_box02 .img_box ul li em{font-size:20rem; font-weight:600}
.area_philosophy .area_box02 .img_box ul li p{font-size:20rem; font-weight:600; color:#222}
.area_philosophy .area_box02 .img_box ul li:nth-child(1){left:0; top:68%; text-align:right;}
.area_philosophy .area_box02 .img_box ul li:nth-child(2){left:10%; top:35%; text-align:right;}
.area_philosophy .area_box02 .img_box ul li:nth-child(3){left: 0;top:0;text-align:center;/* transform: translateX(-50%); */width: 100%;}
.area_philosophy .area_box02 .img_box ul li:nth-child(4){right:10%; top:35%; text-align:left;}
.area_philosophy .area_box02 .img_box ul li:nth-child(5){right:2%; top:65%; text-align:left;}

/* 조직도 */
.area_organization{text-align:center;}
.area_organization img{max-width: 100%; margin: 0 auto;}
.area_organization .img.mo_v{display: none;}

/* 연혁 */
.area_history {}
.area_history .his_sticky{position: -webkit-sticky; position: sticky; top: 0; left: 0;}
.area_history .tt{position: absolute; left: 0; top: 0;}
.area_history .tt h3{font-size: 47rem;line-height: 1.4;}
.area_history .tt p{font-weight: 300;font-size: 20rem;margin-top: 22rem;}
.conts_history .list{border-top: 1px solid #333;}
.conts_history{padding-left: 50%}
.conts_history .list li{padding: 52rem 0; border-bottom: 1px solid #ddd;}
.conts_history .list li strong{display: block;font-size: 26rem;margin-bottom: 12rem;position: relative;padding-left: 28rem;}
.conts_history .list li strong::before{content: "";width: 8rem;height: 8rem;background-color: #e83827;position: absolute;left: 0;top: 18rem;transform: rotate(45deg);}
.conts_history .list p{padding-left: 12rem;position: relative;font-size: 17rem;color: #666;}
.conts_history .list p + p{margin-top: 4rem;}
.conts_history .list p::before{content: "";width: 3rem;height: 3rem;border-radius: 10rem;background-color: #333;position: absolute;left: 0;top: 13rem;}

/* 사업분야 */
.area_busi{margin:100rem 0}
.busi_text h2{padding-top: 290rem;font-size:64rem;color:#222;}
.busi_text .snb{border-bottom:1rem solid #ddd; margin-bottom:40rem}
.busi_text .snb ul{text-align:left;}
.busi_text .snb ul > li{position:relative; height:100%;display:inline-block; box-sizing:border-box;}
.busi_text .snb ul > li:last-child{margin:0;}
.busi_text .snb ul > li > a{position:relative;display:block;padding: 27rem 0;margin:0 20rem;font-size:18rem;font-weight:600;color:#333;text-align:center;line-height:1.5em;transition:all 0.3s ease;}
.busi_text .snb ul > li > a:before{content:''; position:absolute; left:0; right:0; bottom:0; width:100%; height:0; background:#e83827; transition:all 0.1s ease;}
.busi_text .snb ul > li:first-child > a{margin-left:0}
.busi_text .snb ul > li.active > a:before,
.busi_text .snb ul > li:hover > a:before{height:3rem;}
.busi_text .snb ul > li:hover > a,
.busi_text .snb li.active > a{color:#222; font-weight:500;}

.busi_list ul{display:flex;flex-wrap: wrap;position:relative;width:100%;}
.busi_list ul > li{margin:0 50rem 50rem 0; width:calc((100% / 3) - 34rem); width:-webkit-calc((100% / 3) - 34rem); text-align:center;}
.busi_list ul > li:nth-child(3n){margin:0 0 50rem;}
.busi_list ul > li > a{position:relative; display:block; width:100%; height:550rem;}
.busi_list ul > li > a .category{z-index: 10; position:absolute; left:0; top:0; background:#e83827; padding:10rem 15rem; color:#fff; font-size:16rem;}
.busi_list ul > li > a .img{overflow: hidden; position:relative; width:100%; height:350rem; background:#f9f9f9; box-sizing:Border-box;}
.busi_list ul > li > a .img img{position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%, -50%) scale(1,1); transition:all 0.3s ease;}
.busi_list ul > li > a .text{position:absolute;left:0;bottom: 0;padding:40rem 60rem 40rem 60rem;background:#f9f9f9;text-align:left;transition:0.5s;position: relative;}
.busi_list ul > li > a .text h3{margin-bottom:20rem; font-size:28rem; color:#222;}
.busi_list ul > li > a .text p{display: -webkit-box; overflow:hidden; height:55rem; font-size:16rem; color:#888; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.busi_list ul > li > a .text span{display:none;width:100%;height: 55rem;margin-top:20rem;border-radius:30rem;background:#e83827;color:#fff;text-align:center;font-size:16rem;transition:0.5s;line-height: 55rem;box-shadow: 11rem 22rem 23rem rgb(0 0 0 / 7%);}
.busi_list ul > li > a:hover .text{position:relative; padding-top:0; bottom:33rem; transition:0.5s}
.busi_list ul > li > a:hover .text span{display:block;}
.busi_list ul > li > a .text:before{content:''; opacity:0; position:absolute;left:0;top: -70rem;width:100%;height: 70rem;background-image: linear-gradient(rgba(255, 255, 255, 0%), rgb(249, 249, 249) 70%);}
.busi_list ul > li > a:hover .text:before{opacity:1;}

.area_busi .view_top{border-top:1rem solid #ddd; border-bottom:1rem solid #ddd;}
.area_busi .top_img img {width: 100%;}
.area_busi .top_img .mySwiper {height: 20%; box-sizing: border-box;padding: 10px 0 0;min-height: auto;}
.area_busi .top_img .mySwiper .swiper-slide {height: 100%;opacity: 0.6;}
.area_busi .top_img .mySwiper .swiper-slide-thumb-active {opacity: 1;}
.area_busi .top_img .mySwiper img {width: 100%;cursor: pointer;}

.busi_snb{display:flex;align-items: center;justify-content: center; margin:30rem 0}
.busi_snb li{margin:0 10rem;}
.busi_snb li a{display:flex; padding:12rem 40rem; border-radius:30rem; font-size:18rem; color:#111; border:1rem solid #e5e5e5;}
.busi_snb li.active a{background:#e83827; border-color:#e83827; color:#fff;}

.view_top_wrap{display:flex; margin:70rem 0 140rem 0;}
.view_top_wrap .top_img{width:585rem;}
.view_top_wrap .top_text{width:calc(100% - 700rem); margin-left:115rem;}
.view_top_wrap .top_text > span{color:#888; font-size:16rem}
.view_top_wrap .top_text > h3{margin-top:15rem; padding-bottom:35rem; border-bottom:1rem solid #ddd; color:#e83827; font-size:48rem}
.view_top_wrap .top_text .box{margin-top:35rem; font-size:18rem;}
.view_top_wrap .top_text .box h4{margin-bottom:8rem; }
.view_top_wrap .top_text .box p{}
.view_top_wrap .top_text .box ul{display:flex;}

.list_mark{display:flex;}
.list_mark li{position:relative; margin:0 15rem; padding-bottom:50rem; text-align: center;}
.list_mark li span{opacity: 0; z-index:10; visibility:hidden; position:absolute;bottom:-10rem;left:50%;min-width:140rem;width:100%;border-radius:5rem;padding:10rem 14rem;background-color:#e83827;color:#fff;font-size:16rem;text-align:center;transform: translateX(-50%);transition: 0.5s;}
.list_mark li span:before{content: '';display: block;position: absolute;top: -7px;left:50%;border-bottom: 7px solid #e83827;border-left:5px solid transparent;border-right:5px solid transparent;transform: translateX(-50%);}
.list_mark li:hover span{opacity: 1; bottom:0; visibility:visible;}

.go_btn{padding-left:30rem; background:url(../img/sub/img_basket.png) no-repeat left center; }
.go_btn a{display:inline-block; position:relative; padding:15rem 90rem 15rem 0; font-size:20rem; color:#999; font-weight:600; transition:0.5s}
.go_btn a:before{content:''; position:absolute; right:0; top:0; display:block; width:60rem; height:60rem; background:#e83827 url(../img/common/icon_arr.png) no-repeat center; border-radius:50%; transition:0.5s;transform: rotate(-45deg);}
.go_btn a:hover{ color:#e83827;}


.view_detail .busi{margin-top:80rem;}
.view_detail .busi h4{margin-bottom:30rem; font-size:20rem; font-weight:600; color:#111;}
.view_detail .img_box{padding:25rem; border:1rem solid #eee;}
.view_detail .img_box img{width:100%;}

.view_detail .detail_list ul{display:flex}
.view_detail .detail_list ul li{flex:1; text-align:center; font-size:18rem; color:#222;}
.view_detail .detail_list ul li a{display:block; width:100%; height:100%; padding:15rem 0; background:#fff;}
.view_detail .detail_list ul li.active a{background:#e83827; color:#fff;}
.view_detail .detail_list.fixed{z-index: 10; position:fixed; top:0; left:0; width:100%;}
.view_detail .detail_list.fixed ul{margin:0 220rem;}

#area_busi01 ul{border-top:1rem solid #222;}
#area_busi01 ul li{display:flex; padding:30rem 0; border-bottom:1rem solid #eee;}
#area_busi01 ul li span{width:30rem;height:30rem; margin-right:20rem; background:#e83827;color:#fff;border-radius:50%;font-size:13rem;display: flex;align-items: center;justify-content: center;}
#area_busi01 ul li p{width:calc(100% - 50rem); font-size:18rem; color:#222;}
#area_busi01 .img_box{margin-top:60rem}

#area_busi02 ul{display:flex; border-top:1rem solid #222;}
#area_busi02 ul li{width:50%; padding:50rem 0; border-bottom:1rem solid #eee;}
#area_busi02 ul li i{display:flex; align-items: center; justify-content: center; width:65rem; height:65rem; background:#f9f9f9; border-radius:50%;}
#area_busi02 ul li i img{}
#area_busi02 ul li p{margin:40rem 0 10rem 0; font-size:18rem; color:#111; font-weight:600}
#area_busi02 ul li span{font-size:16rem; color:#666}

.area_cetri .list{display: flex;}
.area_cetri .list li{border:1px solid #e5e5e5; box-sizing: border-box; padding: 40rem;}
.area_cetri .list li + li{margin-left: 80rem;}
.area_cetri .list li img{max-width: 100%;}

/* 오시는길 */
.area_location h3{margin-bottom: 80rem;}
.area_location h3,.area_inquiry h3{ font-size: 42rem;}
.area_location .snb_tabs{margin-bottom:50rem}
.area_location .snb_tabs li:first-child{margin-left:0; padding-left:0}
.area_location .box.inr{position:relative; padding-top:120rem}
.area_location .location_text{box-sizing:border-box;position:absolute;left:0;top:0;width:530rem;padding:65rem 70rem;background:#e83827 url(../img/sub/img_ob02.png) no-repeat;background-position: 135% -20rem;color:#fff;}
.area_location .location_text h3{font-size:32rem; font-weight:bold;}
.area_location .location_text h4{margin:50rem 0 20rem;font-size:20rem; font-weight:bold;}
.area_location .location_text ul{}
.area_location .location_text ul li{display:flex; float:left; margin-right:30rem; font-size:16rem}
.area_location .location_text ul li span{margin-right:15rem; color:#df8888;}
.area_location img{margin: 0 auto; display: block; max-width: 100%;}
.part_map .root_daum_roughmap{width: 100%;}
.part_map .root_daum_roughmap .wrap_controllers{display: none;}
.part_map .root_daum_roughmap .wrap_map{border-bottom: 1px solid #ddd; height: 540rem;}
.sub_locate{ display: flex; margin-top: clamp(59rem, 4.01041667vw, 77rem); }
.sub_locate__map{  width: 100%; max-height: 603rem; height: 100vh; }
.sub_locate_info{  padding: clamp(0rem, 3.69791667vw, 71rem) 4vw 0 clamp(4vw, 5.83333333vw, 112rem); box-sizing: border-box; }
.sub_locate_info__cate{ margin-bottom: 0.70588235em; text-transform: uppercase; font-size: 17rem; font-weight: 700; color: #e83827; }
.sub_locate_info__add{ font-size: var(--fs31); font-weight: 700; letter-spacing: -.01em; }
.sub_locate_info__eng{ margin-top: 0.26666667em; font-size: 15rem; font-weight: 200; letter-spacing: -.025em; color: #858585; }
.sub_locate_info__ul{ margin-top: 3.70588235em; font-size: 17rem; font-weight: 200; color: #666; }
.sub_locate_info__ul li{display: inline-block; position: relative;}
.sub_locate_info__ul li + li{margin-left: 92rem;}
.sub_locate_info__ul li + li::before{content: "";width: 1px;height: 14rem;background-color: #cdcdcd;position: absolute;left: -50rem;top: 7rem;}
.sub_locate_info__ul b{ display: inline-block; margin-right:22rem; color: #111; }
.sub_locate_info__wrap_a{ display: flex; margin-top: clamp(70rem, 5.80838323vw, 97rem); }
.sub_locate_info__a{ display: flex; justify-content: center; align-items: center; gap: 2.4em; max-width: 13.73333333em; width: 100%; height: 4.4em; padding: .5em; background: #fff; border: 1px solid #d4d4d4; box-sizing: border-box; font-size: 15rem; font-weight: 400; }
.sub_locate_info__a + .sub_locate_info__a{ margin-left: -1rem; }
.sub_locate_info__a::before{ content: ''; display: inline-block; width: 1.33333333em; height: 1.33333333em; background: no-repeat 0% 50% / 1.13333333em auto; }

.list03 > li{display:block; padding:25rem 0; box-sizing:border-box; border-bottom:1rem dashed #eee;}
.list03 > li:last-child{border-bottom:none;}
.list03 > li i{position:relative; top:3rem; display:inline-block; width:35rem; font-style:normal; font-size:18rem; font-weight:600; color:#222; vertical-align:top;}
.list03 > li span{display:inline-block; width:calc(100% - 40rem); font-size:18rem; font-weight:400; color:#555; line-height:1.6em; word-break:keep-all;}

.box01{margin:0 0 75rem;}
.box01 .area_tit{margin:0 0 30rem;}
.box01 .tank_info{display:flex; align-items: center; margin:0 0 45rem;}
.tank_img{width:534rem; height:auto; border:1rem solid #eee; box-sizing:border-box;}
.tank_img img{width:100%; height:100%;}
.tank_txt{width:calc(100% - 534rem); width:-webkit-calc(100% - 534rem); margin-left:60rem;}
.tank_info_list{}
.tank_info_list > li{padding:20rem 10rem; box-sizing:border-box; border-bottom:1rem solid #eee;}
.tank_info_list > li > em{position:relative; display:inline-block; padding:0 0 0 10rem; width:270rem; font-size:18rem; font-weight:bold; color:#222;}
.tank_info_list > li > em:before{content:''; position:absolute; top:10rem; left:0; width:4rem; height:4rem; background:#222; border-radius:50rem;}
.tank_info_list > li > span{display:inline-block; font-size:18rem; font-weight:400; color:#666; line-height:1.3rem; word-break:keep-all;}
.btn_download{margin:0 0 15rem; display:flex; justify-content: flex-end;}
.btn_download > li{width:185rem; margin-left:10rem; text-align:center; border:1rem solid #222; border-radius:5rem; box-sizing:border-box; transition:all 0.3s ease;}
.btn_download > li > a{display:block; padding:20rem 10rem; box-sizing:border-box;}
.btn_download > li > a > span{position:relative; padding:0 18rem 0 0; font-size:18rem; font-weight:bold; color:#222; transition:all 0.3s ease;}
.btn_download > li > a > span:before{content:''; position:absolute; top:5rem; right:0; width:11rem; height:12rem; background:url(../img/sub/icon_download.svg)no-repeat center; background-size:contain; transition:all 0.3s ease;}
.btn_download > li.btn_bk{background:#333; border:1rem solid #333;}
.btn_download > li.btn_bk > a > span{color:#fff;}
.btn_download > li.btn_bk > a > span:before{content:''; position:absolute; top:5rem; right:0; width:11rem; height:12rem; background:url(../img/sub/icon_download_wt.svg)no-repeat center; background-size:contain;}
.btn_download > li:hover{background:#0ba3d6; border:1rem solid #0ba3d6;}
.btn_download > li:hover > a > span{color:#fff;}
.btn_download > li:hover > a > span:before{content:''; position:absolute; top:5rem; right:0; width:11rem; height:12rem; background:url(../img/sub/icon_download_wt.svg)no-repeat center; background-size:contain;}
.box01 .box_cont{margin:30rem 0 0;}
.box01 .box_cont h3{display:block; margin:0 0 30rem; font-size:24rem; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;}
.box01 .box_cont .box_text{margin:40rem 0 0; text-align:center;}
.box01 .box_cont .box_text p{font-size:18rem; font-weight:400; color:#555; line-height:1.7em; word-break:keep-all;}
.list_img{display:flex; flex-wrap: wrap;}
.list_img.col04 > li{margin:0 55rem 0 0; width:calc((100% / 4) - 42rem);}
.list_img.col04 > li:last-child{margin:0;}
.list_img > li .img,
.list_img > li img{width:100%;}
.list_img.col03 > li{margin:0 50rem 0 0; width:calc((100% / 3) - 34rem); border:1rem solid #eee; box-sizing:border-box;}
.list_img.col03 > li:last-child{margin:0;}
.list_img.col03.line > li{border:none;}
.list_img.col03.line > li .area_img{width:100%; border:1rem solid #eee; box-sizing:border-box;}
.list_img.col03.line > li .area_img img{width:100%; height:auto;}
.list_img.col03.line > li .area_txt{display:block; margin:25rem 0 0; text-align:center;}
.list_img.col03.line > li .area_txt h3{display:block; margin:0 0 15rem; font-size:23rem; font-weight:bold; color:#222; line-height:1.2em;}
.list_img.col03.line > li .area_txt span,
.list_img.col03.line > li .area_txt .list_txt > li{display:block;  font-size:17rem; font-weight:400; color:#666; line-height:27rem;}

.list_img.col02 > li{position:relative; margin:0 50rem 0 0; width:calc((100% / 2) - 25rem); box-sizing:border-box;}
.list_img.col02 > li:last-child{margin:0;}
.list_img.col02 > li .area_img{width:100%;}
.list_img.col02 > li .area_img img{width:100%;}
.list_img.col02 > li .area_txt{position:relative; top:-60rem; padding:35rem 25rem; background:#fff; width:390rem; border:1rem solid #eee; box-sizing:border-box;}
.list_img.col02 > li .area_txt h3{margin:0 0 10rem; font-size:23rem; font-weight:800; color:#222; line-height:1.2em; word-break:keep-all;}
.list_img.col02 > li .area_txt span{display:block; font-size:17rem; font-weight:500; color:#555; line-height:1.5em; word-break:keep-all;}
.list_img.col02.line .area_img{border:1rem solid #eee; box-sizing:border-box;}
.list_img.col02.line .area_img img{width:100%; height:auto;}

/* faq */
.faq_board > .wrap{margin-right:0 !important; margin-left:0 !important;}
.list_faqMenu > li{border:3rem solid #f2f2f2; text-align:center;}
.list_faqMenu > li:not(:last-child){border-right:0;}
.list_faqMenu > li  p{margin-top:22rem; color:#999;}
.list_faqMenu > li a{display:block; padding:34rem 0;}
.list_faqMenu > li.on{border-right:3rem solid #32a26c; border-color:#32a26c;}
.list_faqMenu > li.on + li{border-left:0;}
.list_faqMenu > li.on p{color:#32a26c;}
.list_faqMenu .icon [data-icon-img="on"]{display:none;}
.list_faqMenu [data-icon-img]{display:block; margin:0 auto;}
.list_faqMenu li.on [data-icon-img="on"]{display:block;}
.list_faqMenu li.on [data-icon-img="off"]{display:none;}

[data-faq="content"]{margin-top:83rem;}
[data-faq="content"] h6{text-align:center;}

.sub05_01_inr #area_notice,
.sub04_01_inr #area_product,
.sub03_01_inr #area_certify{margin:100rem 0;}


/* 보유장비현황 */
.wrap_table table{width: 100%; table-layout: fixed; border-collapse: collapse; border-top: 1px solid #333;}
.wrap_table table *{border-collapse: collapse;}
.wrap_table table th{background-color: #f2f2f2; border-bottom: 1px solid #d4d4d4; padding:12rem 12rem; font-weight: 400;}
.wrap_table table td{border-bottom: 1px solid #eee; padding:12rem 12rem; text-align: center; font-weight: 300;}
.area_equipment .list{display: grid; gap: 40rem; grid-template-columns: 1fr 1fr 1fr 1fr; margin-top: 60rem;}
.area_equipment .list img{max-width: 100%;}
.area_equipment .list *{display: block;}
.area_equipment .list strong{font-size: 20rem; margin-top: 8rem;}
.area_equipment .list span{font-size: 14rem; color: #999;}

h3.tt{font-size: 32rem;}
h3.tt + *{margin-top: 18rem;}

/* 문의 */
.area_inquiry .sub_tt span{display: block; font-size: 14rem;}
.area_inquiry .sub_tt span i{color: #e83827;}
.form_box{display: flex; flex-direction: column;}
.form_box:after{content:''; display:block; clear:both;}
.form_box > p{float:right; text-align:right; margin:20rem 0 0; font-size:16rem; font-weight:400; color:#777; line-height:20rem; word-break:keep-all;}
.form_box > p > i{position:relative; top:6rem; margin-right:5rem; font-style:normal; font-weight:800; font-size:20rem; color:#e83827;}

.inq_form{display:flex; flex-wrap:wrap;  justify-content:space-between; margin-top: 86rem;}
.inq_form > div{width:47%;}
.inq_form > div input,
.inq_form > div textarea{width:100%; margin:20rem 0 0; border:none; border-bottom:1rem solid #222; font-size:15rem; font-weight:400; resize:none; flex:1; box-sizing:border-box;}
.inq_form ::placeholder{color:#ccc;}
.inq_form > div input{padding:15rem; border-bottom:1rem solid #ddd;}
.inq_form > div textarea{padding:15rem; border-bottom:1rem solid #ddd; font-weight:500;}
.inq_form > div span{width:100%; font-weight:500; font-size:18rem; color:#111;}
.inq_form > div:last-child{width:100%;}
.inq_form > div:not(:last-child){margin-bottom:58rem;}
.inq_form > div textarea{height:150rem;}

.marking{content:""; display:inline-block; font-size:0; font-style:normal;}
.marking::after{content:"*"; display:block; position:relative; top:-5rem; margin-left:5rem; font-size:20rem; font-weight:800; color:#e83827;}

.area_submit{text-align:center; margin-top: 12rem;}
.area_submit > input{margin-top:40rem; padding:20rem 60rem; border-radius: 80rem; border:0; background:#e83827;  font-weight:500; font-size:18rem; font-weight:600; color:#fff; box-sizing:border-box; transition:all 0.3s ease;}
.area_submit > input:hover{}
.submit_ckbox > label{font-size:18rem; color:#222;}
.submit_ckbox > label a{position:relative; margin-left:8rem; font-weight:500;}
.submit_ckbox > label a:before{content:''; position:absolute; left:0; right:0; bottom:-4rem; width:100%; height:1rem; background:#222;}

/* check box */
.check_con{display:block; display:flex; justify-content:flex-start; align-items:center; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.check_con input{position:absolute; opacity:0; width:0; height:0; cursor:pointer;}
.checkmark{position:relative; top:2rem; width:20rem; height:20rem; border:1rem solid #ddd;}
.check_con input:checked ~ .checkmark{border:1rem solid #152f53;}
.checkmark:after{content:""; display:none; position:absolute;}
.check_con input:checked ~ .checkmark:after{display:block;}
.check_con .checkmark:after{top:2rem; left:6rem; width:6rem; height:10rem; border:solid #152f53; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); border-width:0 2rem 2rem 0;}

/* layer popup - btn control */
[data-pop-layer="layer"]{position:fixed; top:0rem; left:0rem; z-index:2000; width:100%; height:100%; background:rgba(0,0,0,0.3);}
[data-pop-layer="layer"] .popBox{position:absolute; top:50%; left:50%; width:100%; box-sizing:border-box; background:#fff; box-shadow:3rem 15rem 40rem rgb(0 0 0 / 15%); max-width:1110rem;}
[data-pop-layer="layer"] .popBox h2{height:auto; padding:25rem 20rem !important; border-bottom:1rem solid #eee; font-weight:500; font-size:30rem; text-align:center; letter-spacing:-1rem;}
[data-pop-layer="layer"] .popBox h2:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
[data-pop-layer="layer"] .popBox h2 span{display:inline-block; width:99%; vertical-align:middle;}
[data-pop-layer="layer"] .popBox .btn_close{position:absolute; top:-20rem; right:-67rem; width:70rem; height:68rem; line-height:68rem; padding:0; background:none; border:none;}
[data-pop-layer="layer"] .popBox .btn_close span{display:inline-block; position:relative; overflow:hidden; width:23rem; height:23rem; margin:-4rem auto 0; background:url(../img/sub/btn_close.png) no-repeat 50% 0; background-size:23rem 23rem; text-indent:100%; white-space:nowrap; vertical-align:middle;}
[data-pop-layer="layer"] .popBox .btn_close:focus{outline:none;}
[data-pop-layer="layer"] .popBox .popConts{box-sizing:border-box;;}

.pop_inr{height:360rem; line-height:1.6; margin:60rem 60rem; font-size:14rem; color:#666; overflow-y:scroll;}
.pop_inr h6{margin-top:20rem; margin-bottom:7rem; font-size:17rem !important;}

#area_privacy  h3{text-align: center; font-size: 42rem; margin-bottom: 23rem;}
#area_privacy .privacy{font-size: 16px; line-height: 28px;}
#area_privacy .privacy h6{margin-top: 40px; margin-bottom: 12px; font-size: 22px;} 
.wrap_privcay{margin-top: 80rem;}

@keyframes about_motion1 {
	0% {transform: translateX(-30rem);opacity: 0;}  
	100% {transform: translateX(0rem);opacity: 1;}
}
@keyframes about_motion2 {
	0% {transform: translateX(30rem);opacity: 0;}  
	100% {transform: translateX(0rem);opacity: 1;}
}
@keyframes about_motion3 {
	0% {transform: translateY(30rem);opacity: 0;}  
	100% {transform: translateY(0rem);opacity: 1;}
}
@keyframes bg_motion {
	0% {transform: scale(1.2);}  
	100% {transform: scale(1);}
}
@keyframes imagescale {
	0% {
	  transform: scale(1.2)  rotate(.001deg);;
	  -webkit-transform: scale(1.2);
	  -moz-transform: scale(1.2);
	  -o-transform: scale(1.2);
	}
  
	100% {
	  transform: scale(1.0)  rotate(.001deg);;
	  -webkit-transform: scale(1.0);
	  -moz-transform: scale(1.0);
	  -o-transform: scale(1.0);
	}
}


@media screen and (max-width:1680px){
    .inr{margin: 0 110rem;}
	#sub_visual{margin-left: 110rem;}
    .s_pdb{padding-bottom: 120rem;}

}
@media screen and (max-width:1550px){
	.area_lnb .lnb_wrap:before{width:140%;}
	.area_history .area_top .area_txt{left:50rem; margin-left:0;}
}
@media screen and (max-width:1500px){
	body:not(.sub01_02) .area_cont .inr{margin:0 auto;}
	#sub_visual .txt{width:auto; margin: 0 70rem; padding-top:0; top:40%;}
	.area_lnb .lnb_wrap{}
	.lnb{margin-left:0;}
	.area_vision .area_top,
	.area_history .area_top{height:367rem;}
	.area_vision .area_top .area_img,
	.area_history .area_top .area_img{width:100%; height:100%;}
	.area_vision .area_top .area_img img,
	.area_history .area_top .area_img img{height:100%;}

	.list_certify{gap:50rem;}
	.list_certify > li{width:calc((100%/3) - 34rem); width:-webkit-calc((100%/3) - 34rem);}

	.list_img.col04 > li{margin:0 40rem 0 0; width: calc((100% / 4) - 30rem);}
}
@media screen and (max-width:1400px){
	[data-pop-layer="layer"] .popBox .btn_close{top:-70rem; right:-23rem;}
	[data-pop-layer="layer"] .popBox{width:94%;}
	.pop_inr{margin:40rem 40rem;}
	.product_list [data-pro] .content > p br{display:none;}
}
@media screen and (max-width:1300px){
	.inr.v2{width:auto; margin:0 50rem;}
	.lnb ul > li > a{font-size:20rem;}
	.area_navigation > ul > li{font-size:20rem;}


	.list_certify > li p{margin-top:21rem; font-size:21rem;}

	.sub01_06 .tabs li, .sub01_06 .snb_tabs li{min-width:180rem;}
	.box_map .area_box .inr .area_tit{width:300rem;}
	.box_map .area_box .inr .area_cont_box{width: calc(100% - 300rem); width: -webkit-calc(100% - 300rem);}

	.inq_form > div{width:48%;}

	#en .area_lnb .lnb_wrap{margin:0 30rem;}
	#en .lnb ul > li > a{font-size:17rem;}
	#en .area_navigation > ul > li{font-size:17rem;}
}
@media screen and (max-width:1200px){
	.area_box .area_tit{width:200rem;}
	.area_box .area_cont_box{width:calc(100% - 200rem);}

	.list_certify{gap:40rem;}
	.list_certify > li{width:calc((100%/3) - 27rem); width:-webkit-calc((100%/3) - 27rem);}

	.box_map .list_info > li .box_addr .old_addr{display:block; margin:10rem 0 0;}

	.area_busi .area_box .area_tit, 
	.area_product .area_box .area_tit{width:300rem;}
	.area_busi .area_cont_box,
	.area_product .area_cont_box{width: calc(100% - 300rem); width:-webkit-calc(100% - 300rem);}

	.area_item{margin:60rem 0 0;}
}
@media screen and (max-width:1023px){
    .s_pdb{padding-bottom: 100rem;}
    .btn_menu > span{background-color: #000;}
	#scont{padding:70rem 0 0;}
    #sub_visual{margin-left: 40rem;}
	#sub_visual .visual_bg{background-size:cover !important; background-attachment:inherit; height: 240rem; margin-top: 30rem;}
	#sub_visual .txt{top:38%;}
	#sub_visual .txt h3{font-size:70rem;}
    #sub_visual .visual_text {margin-top: 140rem; font-size: 40rem;}
    .inr{margin: 0 40rem;}

    .area_navigation{right: 20rem; top: 150rem;}
    .area_lnb{margin-top: 28rem;}
	.area_lnb{background:#fff; border-bottom: 1rem solid #eee;}
	.area_lnb .lnb_wrap{border-bottom:none; margin:0 auto;}
	.area_lnb .lnb_wrap:before{display:none;}
	.lnb ul > li > a{font-size:16rem; padding:22rem 13rem;}
	.area_navigation{margin-right:30rem;}
	.area_navigation > ul > li{font-size:16rem;}

	.sub_title{font-size:43rem;}
    .area_about .area_txt .box_cont h3{position: relative; font-size: 32rem;}
	.area_about{padding:0 0 70rem;}
	.area_about:before{top:-70rem; width:298rem;}
	.area_about .area_top{padding:125rem 0 0;}
	.area_about .top_txt{top:36rem; left:45rem;}
	.area_about .top_txt h3{font-size:48rem; line-height:1.2em;}
	.area_about .area_txt{margin:0; padding:0;}
	.area_about .area_txt .box_cont p:last-child{margin:0;}
	.area_obj .img,
	.area_obj .txt{display:none;}
	.txtSwiper .swiper-slide{font-size:35rem;}
	.area_about .area_txt .box_cont{padding:0;}

	.area_tit h3{font-size:29rem;}
    .area_location h3, .area_inquiry h3{font-size: 29rem;}
    .area_location h3{margin-bottom: 32rem;}
    .sub_locate_info{padding: 0; padding-top: 20rem;}
    .part_map .root_daum_roughmap .wrap_map{height: 320rem;}

	.area_box:nth-child(1) .area_cont_box h4{font-size:28rem;}
	.area_box .box_logo img{max-height:55rem;}
	.area_box .box_logo span{font-size:36rem;}

    .area_history .tt h3{font-size: 32rem;}
    .area_history .tt p{font-size: 16rem;}
    .conts_history .list li{padding: 32rem 0;}

	.tabs li{padding:15rem 10rem;}
	.tabs li, .snb_tabs li{min-width:184rem; margin:0 5rem;}
	#ja .tabs li, #ja .snb_tabs li{min-width:200rem;}
	.tabs li span, .snb_tabs li a span{font-size:18rem;}

    .area_cetri .list li + li{margin-left: 40rem;}

	.box_map{margin:50rem 0 0;}
	.area_box{padding:70rem 0;}
	.box_map .area_box .inr .area_tit{width:250rem;}
	.box_map .area_box .inr .area_cont_box{width: calc(100% - 250rem); width: -webkit-calc(100% - 250rem);}
	.map_img iframe{height:400rem;}

	.area_busi .area_top, .area_product .area_top{margin:60rem 0 0;}
	.area_busi .area_box .area_tit, 
	.area_product .area_box .area_tit{width:250rem;}
	.area_busi .area_cont_box,
	.area_product .area_cont_box{width: calc(100% - 250rem); width:-webkit-calc(100% - 250rem);}
	.area_busi .area_cont_box p br, .area_product .area_cont_box p br{display:none;}
	.area_busi .area_box.blue .area_tit h4, 
	.area_product .area_box.blue .area_tit h4{font-size:26rem;}
	.area_product .area_box.blue .area_tit h4 br{display:none;}

	.list_item > li{margin:0 30rem 30rem 0; width:calc((100% / 3) - 20rem); width:-webkit-calc((100% / 3) - 20rem);}
	.list_item > li:nth-child(3n){margin:0 0 30rem;}
	.list_item > li > a .area_img{height:260rem;}
	.list_item > li > a h3{font-size:20rem;}

	table.table tbody tr th{font-size:16rem;}
	#container table.table thead th{padding:15rem 10rem; font-size:17rem;}
	table.table tbody tr td{padding:15rem 12rem; font-size:16rem;}

	.area_box.slide .area_img{width:45%; margin-right:5%;}
	.area_box.slide .area_img .mySwiper{height:340rem;}
	.area_box.slide .area_txt{top:-30rem; width:50%;}
	.area_box.slide .area_txt h3{margin:0; font-size:37rem;}
	.area_box.slide .area_txt ul{margin:20rem 0 0;}
	.area_product.health .area_box.slide{align-items: flex-start;}
	.area_product.health .area_box.slide .area_txt{top:0; width:50%;}
	.list03 > li{padding:20rem 0;}
	.tank_img{width:45%; margin-right:5%;}
	.tank_txt{width:50%; margin-left:0;}
	.box01 .tank_info{align-items: flex-start;}
	.tank_info_list > li{padding:15rem 10rem;}
	.tank_info_list > li:nth-child(1){padding-top:0;}
	.tank_info_list > li > em{width:100%;}
	.tank_info_list > li > span{width:100%; margin:17rem 0 0 10rem;}
	.btn_download > li{margin-left:10rem; width:170rem;}
	.btn_download > li > a{padding:15rem 10rem;}
	.btn_download > li > a > span{font-size:17rem;}

	.list_img.col04 > li{margin:0 30rem 0 0; width: calc((100% / 4) - 22rem);}

	.box_table{display:block;}
	.box_table .box_img{width:100%; margin-right:0; text-align:Center;}
	.box_table .box_img img{width:auto;}
	.box_table .area_table{width:100%; margin:30rem 0 0;}
	.list_img.col03 > li{margin:0 30rem 0 0; width:calc((100% / 3) - 20rem);}
	
	.list_motto.col05{flex-wrap: wrap; border-radius:70rem; padding:25rem;}
	.list_motto.col05 > li{height:240rem; width: calc((100% / 3) - 36rem);}
	.list_motto.col05 > li .box_wrap h3{font-size:20rem;}
	.list_motto.col05 > li:nth-child(6){display:none;}

	.area_video .area_box_video{width:50%;}
	.area_video .area_txt{width:50%; padding:0 5%;}
	.area_video .area_txt h3{font-size:35rem; margin:0 0 20rem; line-height:45rem;}
	.list_img.col02 > li{position:relative; margin:0 40rem 0 0; width:calc((100% / 2) - 20rem);}

	.list_img.col02 > li .area_txt{top:-40rem; padding:25rem 20rem; width:85%;}

	.inq_form > div span{font-size:19rem;}
	.inq_form > div input, .inq_form > div textarea{margin:15rem 0 0;}

	#en .area_navigation{display:none;}
	#en .area_lnb .lnb_wrap{justify-content: center; margin:0 auto;}

	#ja .area_busi .area_cont_box p, #ja .area_product .area_cont_box p{word-break: break-all;}
	#ja .area_busi .area_cont_box p br, #ja .area_product .area_cont_box p br{display:none;}
	#ja .area_box .area_tit h3 br{display:none;}
}
@media screen and (max-width:860px){
	#scont{padding:50rem 0 0;}
    .s_pdb{padding-bottom: 80rem;}
	.inr{margin:0 40rem;}
	.inr.v2{margin:0 40rem;}
	.sub_title{font-size:39rem;}
	#sub_visual .txt{margin:0 40rem;}
	#sub_visual .txt h3{font-size:55rem;}
	#sub_visual .txt > p{font-size:19rem;}
	.area_lnb .lnb_wrap{height:68rem;}
	.lnb ul > li > a{font-size:14rem; padding:25rem 10rem;}
	.area_navigation{margin-right:15rem;}
	.area_navigation > ul > li{font-size:14rem; padding:0 12rem;}

	.area_about{padding:0 0 60rem;}
	.area_about .area_top{padding:105rem 0 0;}
	.area_about:before{top:-50rem; width:200rem; height:317rem;}
	.area_about .top_txt{left:35rem;}
	.area_about .top_txt h3{font-size:38rem; line-height:1.3em;}
	.area_about .area_txt{margin:30rem 0 0;}
	.txtSwiper{height:40rem;}
	.txtSwiper .swiper-slide{font-size:30rem;}
	.area_about .area_txt .box_cont p{margin:0 0 20rem; font-size:15rem; line-height:26rem;}

	.area_tit h3{font-size:25rem;}
	.area_box .area_tit h3{font-size:30rem;}
	.area_box .inr{display:block;}
	.area_box .area_tit{width:100%; margin:0 0 30rem;}
	.area_box .area_cont_box{width:100%;}

	.conts_history{padding-left: 0;}
    .area_history .his_sticky,.area_history .tt{position: relative;}
    .area_history .tt p br{display: none;}
    .conts_history .list{margin-top: 32rem;}
    .conts_history .list li{padding: 20rem 0;}
    .conts_history .list li strong{font-size: 22rem; padding-left: 22rem;}
    .conts_history .list li strong::before{top: 14rem;}

    .area_cetri .list{flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
    .area_cetri .list li + li{margin-left: 0}
    .area_cetri .list li {width: calc(50% - 12rem); padding: 24rem; margin-bottom: 20rem;}
    .area_cetri .list li:last-child{margin-bottom: 0;}

	.tabs, .snb_tabs{margin:50rem 0 0;}
	.tabs li,
	.snb_tabs li a{padding:12rem 20rem;}
	.tabs li, .snb_tabs li{margin:0 5rem; min-width:150rem;}
	.tabs li span, .snb_tabs li a span{font-size:15rem;}

	
	.area_box{padding:50rem 0;}
	.box_map{margin:30rem 0 0;}
	.sub01_06 .tabs li, .sub01_06 .snb_tabs li{min-width:120rem;}
	.map_img iframe{height:300rem;}
	.box_map .area_box .inr .area_tit{width:100%; margin:0 0 20rem;}
	.box_map .area_box .inr .area_cont_box{width:100%;}
	.box_map .list_info > li{padding:25rem;}
	.area_busi .area_box.blue .area_tit h4, 
	.area_product .area_box.blue .area_tit h4{font-size:24rem;}
	.area_busi .area_box, .area_product .area_box{display:block;}
	.area_busi > article, .area_product > article{padding:70rem 0 0;}
	.area_box .area_tit h3 br{display:none;}
	.area_busi .area_box .area_tit, .area_product .area_box .area_tit{width:100%; margin:0 0 25rem; padding-right:0;}
	.area_busi .area_top, .area_product .area_top{margin:40rem 0 0;}
	#area_busi01 .area_txt{top:20rem; left:20rem; font-size:26rem;}
	#area_busi02 .list_b_info{margin:0;}
	.area_busi .area_box.blue, .area_product .area_box.blue{padding:50rem 0;}
	.list_b_info > li:last-child{padding-bottom:0;}
	.area_busi .list_img > li{margin:0 30rem 30rem 0; width:-webkit-calc((100% / 2) - 15rem); width:calc((100% / 2) - 15rem);}
	#container table.table thead th,
	table.table tbody tr td{font-size:15rem; padding:13rem 10rem;}
	table.table tbody tr th{font-size:15rem; padding:13rem 10rem;}
	.area_busi .list_img_box{margin:40rem 0 0;}
	.area_busi .list_img_box > li{margin:0 20rem 0 0; width:calc((100%/ 3) - 13rem); width:-webkit-calc((100%/ 3) - 13rem);}

	.area_item{margin:40rem 0 0;}
	.area_item .area_sch{margin:0 0 25rem;}
	.list_item > li{margin:0 20rem 20rem 0; width:calc((100% / 3) - 14rem); width:-webkit-calc((100% / 3) - 14rem);}
	.list_item > li:nth-child(3n){margin:0 0 20rem;}
	.list_item > li > a .area_img{height:200rem;}
	.list_item > li > a h3{margin:12rem 0 0; font-size:18rem;}
	
	#container .scrollTable{overflow:auto;}
	#container .scrollTable .table{width:830rem;}
	#container .mob_info{display:block; margin:0 0 10rem;}
	#container .mob_info .en,
	#container .mob_info .jp{display:None;}

	#ja #container .mob_info .en,
	#ja #container .mob_info .kr{display:None;}
	#ja #container .mob_info .jp{display:block;}

	#en #container .mob_info .jp,
	#en #container .mob_info .kr{display:None;}
	#en #container .mob_info .en{display:block;}
	.area_box.slide .area_img{width:auto; margin-right:0;}
	.area_box.slide .area_txt{top:0; width:100%;}
	.btn_download > li{width:150rem;}
	.btn_download > li > a{padding:15rem 5rem;}
	.btn_download > li > a > span{font-size:15rem;}
	.btn_download > li.btn_bk > a > span:before{top:4rem;}
	.tank_info_list > li > em,
	.tank_info_list > li > span{font-size:17rem;}

	.list_img.col04 > li{margin:0 20rem 0 0; width: calc((100% / 4) - 15rem);}
	
	.list_motto.col05 > li{width:calc((100% / 3) - 27rem); height:175rem;}
	.list_motto.col05 > li.dot{width:20rem;}
	.list_motto.col05 > li .box_wrap h3{font-size:18rem;}
	.list_img.col03.line > li .area_txt span br{display:none;}

	.box01{margin:0 0 50rem;}
	.box01 .box_cont h3{margin:0 0 20rem;}
	.area_video{flex-direction: column;}
	.area_video .area_box_video{width:100%;}
	.area_video .area_txt{width:100%; margin:30rem 0 0; text-align:center;}
	.area_video .area_txt h3{font-size:30rem; margin:0 0 10rem; line-height:40rem;}
	.area_video .area_txt p{font-size:16rem; line-height:25rem;}
	.list_img.col02 > li{position:relative; margin:0 30rem 0 0; width:calc((100% / 2) - 15rem);}
	.health .area_box.slide .area_img .mySwiper{height:240rem;}
	.health .area_box.slide .area_img .mySwiper .swiper-slide{text-align:center;}
	.health .area_box.slide .area_img .mySwiper .swiper-slide img{width:auto; height:auto; max-width:100%;}
	.area_product.health .area_box.slide .area_txt{width:100%; margin:30rem 0 0;}

	.list_img.col02 > li .area_txt{top:0; padding:20rem; width:100%;}
	.list_img.col02 > li .area_txt h3{font-size:20rem; margin:0 0 7rem;}
	.list_img.col02 > li .area_txt span{font-size:16rem;}

	.inq_form > div span{font-size:18rem;}
	.inq_form > div input, .inq_form > div textarea{margin:10rem 0 0;}

    .wrap_table table{table-layout: auto;}
    .area_equipment .list{grid-template-columns:1fr 1fr 1fr}
    .sub_locate_info__ul{margin-top: 24rem;}
    .sub_locate_info__ul li{display: block;}
    .sub_locate_info__ul li + li{margin-left: 0;}
    .sub_locate_info__ul li + li::before{display: none;}
    .part_map .root_daum_roughmap .wrap_map{height: 240rem;}
}

@media screen and (max-width:768px){

	.area_navigation{display:none;}
	.area_lnb .lnb_wrap{justify-content: center;}
	.lnb ul > li > a{font-size:17rem; padding:23rem 12rem;}
    .lnb ul > li:nth-child(1) a{padding-left: 0;}
	.area_about .area_txt .box_cont p{font-size:17rem; line-height:30rem;}

	.tabs li span, .snb_tabs li a span{font-size:18rem;}
	.box_map .list_info > li em,
	.box_map .list_info > li span{font-size:16rem;}
	.box_map .navi span{font-size:16rem;}

	.area_busi .list_img_box > li .area_txt{display:flex; padding:10rem; min-height:70rem; justify-content: center; align-items: center;}

	.area_item .area_sch{margin:0 0 15rem;}
	.area_item .area_sch input[type=text]{width:200rem; height:45rem; padding:10rem 15rem; font-size:16rem;}
	.area_item .area_sch button{right:15rem; width:15rem; height:16rem;}
	.list_item > li{margin:0 20rem 30rem 0; width:calc((100% / 2) - 10rem); width:-webkit-calc((100% / 2) - 10rem);}
	.list_item > li:nth-child(3n){margin:0 20rem 30rem 0;}
	.list_item > li:nth-child(2n){margin:0 0 30rem;}
	.list_item > li > a .area_img{height:270rem;}

	.box01 .tank_info{flex-direction: column;}
	.tank_img{width:auto; max-width:100%; margin:0 auto 30rem;}
	.tank_txt{width:100%;}
	.list_img.col04 > li{margin:0 20rem 20rem 0; width: calc((100% / 2) - 10rem);}
	.list_img.col04 > li:nth-child(2){margin:0;}

	[data-faq="content"]{margin-top:0;}
	.accordion{margin:30rem auto 40rem;}
	.accordion a{padding:25rem 0 25rem 50rem; font-size:16rem;}
	.accordion li > *::before{left:15rem; margin-top:-1rem; font-size:20rem;}
	.accordion li p{padding:25rem 0 25rem 50rem; font-size:15rem;}
	.accordion a:after{top:35rem;}

	.inq_form > div:not(:last-child){margin-bottom:40rem;}
	.inq_form > div textarea{padding:20rem;}

	[data-pop-layer="layer"] .popBox{width:90%;}

    .area_organization .img.mo_v{display: block;}
    .area_organization .img.pc_v{display: none;}
}

@media screen and (max-width:540px){
	#scont{padding:30rem 0 0;}
	.inr{margin:0 20rem;}
	.inr.v2{margin:0 20rem;}
    #sub_visual{margin-left: 20rem;}
	#sub_visual .visual_bg{height: 140rem;}
	#sub_visual .txt{margin:0 20rem;}
	#sub_visual .txt h3{font-size:32rem;}
	#sub_visual .txt > p{margin-top:10rem; font-size:15rem;}
	
	.area_box .area_tit h3{font-size:20rem;}
	.sub_title{font-size:24rem;}
	.area_about{padding:0 0 40rem;}
	.area_about:before{top:-30rem; width:80rem; height:180rem;}
	.area_about .area_top{padding:72rem 0 0;}
	.area_about .top_txt{top:23rem;left:20rem;}
	.area_about .top_txt h3{font-size:25rem;}
	.area_about .area_txt{margin:20rem 0 0;}
	.area_about .area_txt .box_cont p{ font-size: 15rem; line-height: 1.7; margin:0 0 12rem;}
	.area_about .area_txt .box_cont p br{display:none;}
	.txtSwiper{height:25rem;}
	.txtSwiper .swiper-slide{font-size:20rem;}

	.list_certify{gap:16rem;}
	.list_certify > li{width:calc((100%/2) - 8rem); width:-webkit-calc((100%/2) - 8rem);}

	.tabs, .snb_tabs{margin:25rem 0 0;}
	.tabs li, .snb_tabs li a{padding:7rem 15rem;}
	.tabs li, .snb_tabs li{ margin:0 2rem; border:2rem solid #ddd;}
	.tabs li.active, .tabs li:hover, .snb_tabs li.active, .snb_tabs li:hover{border:2rem solid #0ba3d6;}
	.tabs li span, .snb_tabs li a span{font-size:11rem;}

	.list_certify{margin:20rem 0 0;}
	.list_certify > li p{ margin-top:5rem;}
	.list_certify > li .img .dimm .plus{width:40rem; height:40rem; background-size:18rem 18rem;}

	.area_partner{margin:0 0 30rem;}
	.area_partner .box{margin-top:20rem;}
	.area_partner .box h3{font-size:16rem;}
	.area_partner .list_partner{margin:12rem 0 0;} 
	.area_partner .list_partner > li{margin:0 5rem 5rem 0; width: calc((100% /3) - 3.5rem); width: -webkit-calc((100% / 3) - 3.5rem);}
	.area_partner .list_partner > li:nth-child(5n){margin:0 5rem 5rem 0;}
	.area_partner .list_partner > li:nth-child(3n){margin:0 0 5rem;}

    .sub_locate_info__ul li{font-size: 15rem;}

	.area_box{padding:30rem 0;}
	.box_map{margin:20rem 0 0;}
	.map_img iframe{height:250rem;}
	.box_map .area_box .inr .area_tit{margin:0 0 10rem;}
	.box_map .list_info > li{padding:12rem;}
	.box_map .list_info > li:nth-child(1) em{margin:0 0 5rem;}
	.box_map .list_info > li .box_addr .old_addr{margin:7rem 0 0;}
	.box_map .list_info > li .box_addr .old_addr i{padding:2rem 3rem; font-size:13rem; margin-right:5rem;}
	.box_map .navi i{padding:3rem 2rem; width:70rem; font-size:13rem; margin-right:8rem;}
	.box_map .list_info > li em{width:40rem;}
	.box_map .navi{padding:15rem;}
	.box_map .list_info > li em, .box_map .list_info > li span{font-size:15rem;}
	.box_map .navi{display:block;}
	.box_map .navi i{display:block; margin:0 0 5rem;}
	.box_map .navi span{font-size:15rem;}

	.area_busi .area_top, .area_product .area_top{margin:20rem 0 0;}
	#area_busi01 .area_img{padding:20rem;}
	#area_busi01 .area_txt{top:10rem; left:10rem; font-size:15rem;}
	.area_busi .area_box .area_tit, 
	.area_product .area_box .area_tit{margin:0 0 7rem;}
	.area_product .area_box.blue .area_tit{margin:0 0 20rem;}
	.area_box .area_tit h3:before{top:-10rem; width:7rem; height:7rem;}
	.area_box .area_tit h3:after{top:-10rem; width:7rem; height:7rem; left:6rem;}
	.area_busi .area_box, .area_product .area_box{padding:25rem 0 0;}
	.list_b_info > li{padding:15rem 0;}
	.area_busi > article, .area_product > article{padding:30rem 0 0;}
	.area_busi .area_box.blue, .area_product .area_box.blue{padding:30rem 0;}
	.area_busi .list_img > li{margin:0 14rem 14rem 0; width:-webkit-calc((100% / 2) - 7rem); width:calc((100% / 2) - 7rem);}
	.area_busi .area_cont_box, .area_product .area_cont_box{padding:0 0 40rem;}
	.area_busi .list_img_box{margin:20rem 0 0;}
	.area_busi .list_img_box > li{margin:0 14rem 0 0; width:-webkit-calc((100%/ 3) - 8rem);}
	.sub02_01 .area_table{margin:10rem 0 0;}
	.area_table > h3{margin:0 0 10rem; font-size:20rem;}
	#container .scrollTable .table{width:600rem;}
	#container .mob_info{margin:0 0 7rem;}
	#container .mob_info span{font-size:14rem;}
	#container table.table thead th,
	table.table tbody tr td{font-size:13rem; padding:10rem 8rem;}
	table.table tbody tr th{font-size:13rem; padding:10rem 8rem;}

	.pd80{padding-top:40rem;}
	.box01{margin:0 0 40rem;}
	.box01 .area_tit{margin:0 0 15rem;}
	.box01 .tank_info{margin:0 0 25rem;}
	.box01 .box_cont{margin:20rem 0 0;}
	.box01 .box_cont h3{font-size:20rem; margin:0 0 10rem; line-height:30rem;}
	.list_wt > li > i{width:22rem; height:22rem; line-height:22rem; font-size:11rem;}
	.list_wt > li > span{top:0; font-size:15rem; width: calc(100% - 35rem);}
	.area_product .area_box.slide{padding:25rem 0 30rem;}
	.area_box.slide .area_img .mySwiper{height:280rem;}
	.area_box.slide .area_txt h3{font-size:25rem;}
	.area_tit h3{font-size:19rem;}
	.tank_img{margin:0 auto 15rem;}
	.tank_info_list > li{padding:10rem 0;}
	.tank_info_list > li > em, .tank_info_list > li > span{font-size:15rem;}
	.tank_info_list > li > span{margin:11rem 0 0 10rem;}
	.btn_download > li{width:auto; margin-left:5rem;}
	.btn_download > li > a{padding:10rem;}
	.btn_download > li > a > span{font-size:15rem;}
	.area_busi .area_cont_box p, .area_product .area_cont_box p{font-size:14rem;}
	.list_img.col04 > li{margin:0 10rem 10rem 0; width: calc((100% / 2) - 5rem);}
	.list_img.col03{justify-content: center;}
	.list_img.col03 > li{margin:0 10rem 0 0; width:calc((100% / 2) - 5rem);}
	.list_img.col03 > li:nth-child(1){margin-bottom:10rem;}
	.box_table .area_table{margin:15rem 0 0;}
	.box_table .area_table .info b{font-size:15rem;}
	.box_table .area_table .info span{font-size:14rem;}
	.box01 .box_cont .box_text{margin:20rem 0 0;}
	.box01 .box_cont .box_text p{font-size:14rem;}

    h3.tt,.area_location h3, .area_inquiry h3{font-size: 22rem; word-break: keep-all;}
    h3.tt + *{margin-top: 13rem;}
    .form_box{margin-top: 24rem;}
    .area_equipment .list{grid-template-columns:1fr 1fr; gap: 20rem; margin-top: 32rem;}
    .area_equipment .list strong{font-size: 16rem;}
    .area_equipment .list span{font-size: 14rem;}
    .wrap_table{overflow-x: scroll;}
    .wrap_table table{ width: 780rem; }
    .wrap_table table th,.wrap_table table td{padding: 8rem;}
    .wrap_table table th,.wrap_table table td{font-size: 15rem;}

	.area_box.slide h3{margin:0 0 20rem;}
	.area_product.health .area_box.slide{padding:40rem 0 0;}
	.list03 > li{padding:12rem 0;}
	.list03 > li i{width:30rem; font-size:14rem;}
	.list03 > li span{font-size:14rem;}

	.list_img.col02 > li .area_txt{padding:15rem;}
	.list_img.col02 > li .area_txt h3{font-size:18rem; margin:0 0 5rem;}
	.list_img.col02 > li .area_txt span{font-size:14rem;}

	.area_inquiry{margin:0 0 50rem;}
	.form_box > p{margin:10rem 0 0; font-size:13rem;}
	.inq_form{margin-top:10rem; padding-bottom:15rem;}
	.inq_form > div{width:100%;}
	.inq_form > div:not(:last-child){margin-bottom:20rem;}
	.inq_form > div span{font-size:15rem;}
	.inq_form > div input, .inq_form > div textarea{font-size:15rem;}
	.inq_form > div input{padding:7rem 0;}
	.inq_form > div textarea{padding:10rem; height:150rem;}
	.area_submit > input{margin-top:30rem; font-size:15rem; padding:10rem 40rem;}


    .part_map .root_daum_roughmap .wrap_map{height: 170rem;}
    .sub_locate_info__add{font-size: 20rem;}
    .sub_locate_info__cate{font-size: 15rem; margin-bottom: 8rem;}

	[data-pop-layer="layer"] .popBox h2{font-size:20rem; padding:14rem 10rem !important;}
	.pop_inr{margin:25rem;}
	.submit_ckbox > label{font-size:14rem;}
	.board > section,
	.board > article,
	.board > div{margin:0 0 40rem !important;}

    .lnb ul > li > a{margin: 0;}

    #sub_visual .visual_text{margin-top: 90rem; font-size: 32rem;}
    .area_lnb{margin-top: 12rem;}
	.sub01_04 .tab_container{margin:0 0 20rem;}
	.hamburger{height:40rem; }
	.popupBox .hamburger{width:40rem; right:-40rem;}
	.popupBox .hamburger .bar{left:13rem;}
	.hamburger .bar{width:15rem;}
	#layerPopup img{width:200rem;}

	.area_box.slide h3{font-size:22rem;}
	.area_box .area_cont_box .box_img .w{display:none;}
	.area_box .area_cont_box .box_img .m{display:block;}
    .area_about .area_txt .box_cont h3{font-size: 24rem;}
    .area_history .tt h3{font-size: 24rem;}
    .conts_history .list li strong{font-size: 18rem;}
    .conts_history .list li strong::before{top: 12rem; height: 6rem; width: 6rem;}
    .area_about .area_txt p.sign span{font-size: 14rem; margin-right: 30rem;}
    .area_about .area_txt p.sign span::before{right: -17rem;}
    .conts_history .list p{font-size: 15rem;}
    .conts_history .list p::before{top: 11rem;}

	.area_certi{padding:0 0 50rem;}
	#en .tabs{flex-direction: column;}
	#en .tabs > li{min-width:100%; margin:0 0 5rem;}
	#en .tabs > li:last-child{margin:0;}

	#ja .list_wt > li > span{word-break:break-all;}
	#ja .btn_download > li{width:auto;}
	#ja .btn_download > li > a > span{font-size:11rem;}
}