@charset "utf-8";
/* footer 추가 */
.markWrap02{position:absolute;right:0;bottom:-5px;text-align:right;}
.markWrap02 a{display:inline-block;vertical-align:middle;margin-left:10px;}
.markWrap02 li:first-child{margin-bottom:15px;}
.markWrap02 li:first-child a{margin-left:20px;}

@media all and (max-width : 1420px){
  #footer .bottWrap .markWrap02{right:3rem;}
}

@media all and (max-width : 1200px){
  #footer .bottWrap .markWrap02{position:static;margin-top:2rem;text-align:center;}
  .markWrap02 a{margin-left:5px;margin-right:5px;}
  .markWrap02 li:first-child a{margin-left:5px;}
}


/* gnb */
.renew #gnb>ul>li .depth2{border-top:1px solid #f05123;border-bottom:1px solid #d9d9d9;}
/*.renew #gnb>ul>li .depth2>ul>li>a{background:#f4f0ea;}*/
.renew #gnb>ul>li .depth2>ul>li>a:hover{background-color:#f05123;}
.renew #gnb>ul>li .depth3 li a:hover{color:#f05123;}
.renew #gnb>ul>li.on>a{color:#f05123;border-top:2px solid #f05123;}
.renew #gnb>ul>li.on>button{color:#f05123;border-top:2px solid #f05123;}
.renew #mGnb>ul>li.active>a{background:#f05123;}
.renew #mGnb .depth2>ul>li.active>a{color:#f05123;}
.renew #mGnb .depth2>ul>li.active>a::before{background-color:#f05123;}
.renew #mGnb .depth3{border-top:2px solid #f05123;}
/* //gnb */


/* all menu */
.allMenu{position:fixed;z-index:300;width:100%;height:100%;opacity:0;visibility:hidden;transform:scale(1.1);transition:all 0.6s ease-in-out;left:0;top:0;}
.allMenu.active{opacity:1;visibility:visible;transform:scale(1);}
.allMenu .allMenuWrap{position:relative;width:85%;min-width:1024px;height:100vh;margin:0 auto;padding:3% 4%;background-color:#fff;overflow-y:auto;box-sizing:border-box;}
.allMenuWrap .logoWrap{text-align:center;margin-bottom:64px;}
.allMenuWrap .logoWrap .arko{text-indent:-9999px;background:url('/supp/assets/images/common/logo.png') no-repeat;background-size:258px 28px;width:258px;height:28px;display:inline-block;margin-right:30px;}
.allMenuWrap .logoWrap .supp{position:relative;width:188px;height:36px;text-indent:-9999px;background:url('/supp/assets/images/common/logoSupp.png') no-repeat;background-size:188px 36px;display:inline-block;}
.allMenuWrap .logoWrap .supp::before{width:20px;height:2px;background-color:#777;content:'';margin:-1px 0 0 -10px;position:absolute;top:50%;left:-15px;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.allMenuWrap .logoWrap .supp::after{width:2px;height:20px;background-color:#777;content:'';margin:-10px 0 0 -1px;position:absolute;top:50%;left:-15px;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.allMenuWrap .logoWrap .arko a, .allMenuWrap .logoWrap .supp a{display:block;}
.allmenuLi{max-width:1380px;margin:auto;}
.allmenuLi>li{overflow:hidden;padding-bottom:56px;}
.allmenuLi>li>a{float:left;width:212px;font-size:26px;color:#f05123;font-family:'notokrMedium';}
.allmenuLi .subWrap{float:left;width:calc(100% - 212px);padding-top:5px;}
.allmenuLi .subWrap .depth2{display:flex;flex-wrap:wrap;}
.subWrap .depth2>li{width:25%;/*padding-right:86px;*//*20260605 추가*/padding:0 40px 20px 0;line-height:1.4;word-break:keep-all;}
.subWrap .depth2>li>a{font-size:20px;transition:all .2s;font-family:'notokrMedium';}
.subWrap .depth2>li>a:hover, .subWrap .depth2>li>a:focus{color:#f05123;}
.subWrap .depth3{padding:6px 0 0;}
.subWrap .depth3>li>a{opacity:0.7;font-size:16px;line-height:1.8;transition:all .2s;letter-spacing:-1px;}
.subWrap .depth3>li>a:hover, .subWrap .depth3>li>a:focus{opacity:1;}
.allMenuWrap .btnCloseWrap{position:absolute;top:50px;right:4%;}
.allMenuWrap .btnCloseWrap button{position:relative;width:48px;height:48px;text-indent:-9999px;transition: all 0.3s;overflow:visible;border:none;background-color:transparent;appearance:none;-webkit-appearance:button;}
.allMenuWrap .btnCloseWrap button::before{content:'';display:block;position:absolute;top:50%;right:-7px;width:48px;height:2px;background-color:#333;transform:rotate(45deg);}
.allMenuWrap .btnCloseWrap button::after{content:'';display:block;position:absolute;top:50%;right:-7px;width:48px;height:2px;background-color:#333;transform:rotate(-45deg);}

.overlay{opacity:0;z-index:290;background:rgba(0,0,0,0.75);transition:opacity 0.3s linear;transition-delay:0.6s;left:0;top:0;}
.overlay.active{opacity:1;position:fixed;width:100%;height:100%;}

@media all and (max-width : 1600px){
  .allMenuWrap .btnCloseWrap{top:30px;}
}

@media all and (max-width : 1400px){
  .allMenu .allMenuWrap{width:90%;}
  .allmenuLi>li>a{width:168px;}
  .allmenuLi .subWrap{width:calc(100% - 168px);}
  .allmenuLi>li>a{font-size:24px;}
  .subWrap .depth2>li>a{font-size:18px;}
  .subWrap .depth3>li>a{font-size:15px;}
}

@media all and (max-width : 1280px){
  .allmenuLi>li>a{width:138px;}
  .allmenuLi .subWrap{width:calc(100% - 138px);}
  .allmenuLi>li>a{font-size:22px;}
}

@media all and (max-width : 1080px){
  .allMenu, .overlay{display:none;}
}
/* //all menu */



/* subVisual */
#subVisual.renew .subVisualImg.img01{background:#fdf7eb url('/supp/assets/images/contentRenew/common/subVisual01.png') no-repeat top right;}
#subVisual.renew .subVisualImg.img02{background:#fdf7eb url('/supp/assets/images/contentRenew/common/subVisual02.png') no-repeat top right;}
#subVisual.renew .subVisualImg.img03{background:#fdf7eb url('/supp/assets/images/contentRenew/common/subVisual03.png') no-repeat top right;}
#subVisual.renew .subVisualImg.img04{background:#fdf7eb url('/supp/assets/images/contentRenew/common/subVisual04.png') no-repeat top right;}
#subVisual.renew .subVisualImg.img05{background:#fdf7eb url('/supp/assets/images/contentRenew/common/subVisual05.png') no-repeat top right;}
#subVisual.renew .textWrap .titleBox .sTitle{color:#5c5c7f;}
#subVisual.renew .textWrap .titleBox .sTitle .eng{color:#37374d;font-weight:800;}
#subVisual.renew .textWrap .titleBox .title{color:#f05123;font-weight:700;}
#subVisual.renew .suppLink>a{border-color:#5b5c81;color:#5b5c81;font-family:'notokrMedium';border-width:1px;}
/* //subVisual */

#subVisual.renew .subVisualBg::after{background:#fdf7eb;}
.snbWrap.renew{/*background:rgba(240,81,35,0.9);*/background:rgba(214,63,21,1);width:100%;}
.snbWrap.renew .home{background-color:/*#d63f15;*/rgba(255,255,255,.5);/*background-image:url(/supp/assets/images/common/snbHomeBk.png);*/}
.snbWrap.renew .snbLi > li > ul{background:#d63f15;}
.snbWrap.renew .snbLi > li > ul > li a{border-top:solid 1px rgba(255, 255, 255, .3)}
.snbWrap.renew .snbLi > li > ul > li:first-child a{border-top:0;}

/* 추가 */





.btn_top{/*display:none;*/ width:58px; height:58px; opacity:0.8; -webkit-opacity:0.8; overflow:hidden; text-indent:-9999px; background:#fff url('/assets/images/common/iconTop.png') no-repeat center 50%; position:fixed; right:90px; bottom:0; z-index:101; border:1px solid #e5e5e5;}


.inner{max-width:1400px;margin:0 auto;position:relative;box-sizing:border-box;}
.inner::after{clear:both;display:table;content:'';}
#container .inner{max-width:1400px;}

.header_search {position: absolute;right:47px;top: -16px;width:450px;opacity: 0;visibility: hidden;z-index:999}
.header_search.on{opacity:1;visibility:visible;}
.header_search .search_input span input {width:450px;padding-right:90px;border:1px solid #21273f;height:58px;font-size:1.8rem;text-indent:1.5rem;}
.header_search .search_input .btn_search{background:url(/assets/images/common/btnSearch.png) center no-repeat transparent;background-size:2rem 2rem;height: 29px;width: 30px; text-indent: -20000px; position:absolute; right: 15px;top: 15px;-webkit-appearance: none;border:0;}
.header_search .btn_search_close{background-color:#21273f;height:52px;width:52px;position: absolute;right: 0; top: -52px;text-indent: -20000px;-webkit-appearance: none;border:0;}
.header_search .btn_search_close:before{width:30px; height:1px; background-color:#fff; content:''; margin:-1px 0 0 -15px; position:absolute; top:50%; left:50%; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.header_search .btn_search_close:after{ width:1px; height:30px; background-color:#fff; content:''; margin:-15px 0 0 -1px; position:absolute; top:50%; left:50%;
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
}



#header{height:97px;}
#header .utilWrap{position:relative;width:100%;height:45px;background-color:#eaedf2;}
#header .utilWrap .fl{float:left;}
#header .utilWrap .fl li{float:left;}
#header .utilWrap .fl::after{clear:both;display:table;content:''}
#header .utilWrap .fl li a{display:block;color:#fff;font-family:'NanumSquare';line-height:45px;padding:0 3rem;}
#header .utilWrap .fl .ins{background-color:#4a8dcb;}
#header .utilWrap .fl .fac{background-color:#e73f97;}
#header .utilWrap .fl .com{background-color:#f8ab11;}
#header .utilWrap .fr{float:right;}
#header .utilWrap .fr li{display:inline-block;padding:0 0 0 50px;}
#header .utilWrap .fr li a{color:#979daa;text-transform:uppercase;line-height:45px;display:block;position:relative;}
#header .utilWrap .fr .eng a{padding-left:23px;}
#header .utilWrap .fr .srch a{padding-left:20px;}
#header .utilWrap .fr li a::before{position:absolute;content:'';top:50%;left:0;}
#header .utilWrap .fr .eng a::before{background:url('/supp/assets/images/common/icoEng.png') 0 0 no-repeat;width:18px;height:18px;background-size:18px 18px;margin-top:-10px;}
#header .utilWrap .fr .srch a::before{background:url('/supp/assets/images/common/icoSearch.png') 0 0 no-repeat;width:15px;height:15px;background-size:15px 15px;margin-top:-8px;}
#header .gnbWrap{position:relative;}
#header .gnbWrap .logo{position:absolute;top:33px;left:50%;margin-left:-700px;width:258px;height:28px;text-indent:-9999px;background:url('/supp/assets/images/common/logo.png') no-repeat;background-size:258px 28px;}
#header .gnbWrap .logoSupp:before{width:20px; height:2px; background-color:#777; content:''; margin:-1px 0 0 -10px; position:absolute; top:50%; left:-15px; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#header .gnbWrap .logoSupp:after{ width:2px; height:20px; background-color:#777; content:''; margin:-10px 0 0 -1px; position:absolute; top:50%; left:-15px;
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
}

#header .gnbWrap .logoSupp{position:absolute;top:30px;left:50%;margin-left:-410px;width:188px;height:36px;text-indent:-9999px;background:url('/supp/assets/images/common/logoSupp.png') no-repeat;background-size:188px 36px;}
#header .gnbWrap .logo a, #header .gnbWrap .logoSupp a{display:block;}

#header .mGnbWrap{display:none;}
.mGnbWrap .mobileMenu{display:none;width:100%;position:fixed;top:0;bottom:0;left:auto;right:0;overflow-y:scroll;}
.mGnbWrap .mobileMenu.active{display:inline-block;z-index:9999;}
#mGnb{width:460px;height:100%;background:#f0f0f0;padding:0;box-sizing:border-box;position:fixed;overflow-y:scroll;right:-460px;z-index:99999;}
#mGnb .linkWrap{position:absolute;width:100%;height:75px;background-color:#383d53;box-sizing:border-box;padding:2rem;}
#mGnb .linkWrap>a{color:#fff;border:1px solid rgba(255,255,255,0.6);text-transform:uppercase;display:inline-block;padding:.5rem 2rem;}
#mGnb .btnClose{position:absolute;width:30px;height:30px;right:2rem;top:2.3rem;text-align:left;text-indent:-9999px;display:block;background-color:transparent;border:none;}
#mGnb .btnClose:before{width:30px; height:1px; background-color:#fff; content:''; margin:-1px 0 0 -15px; position:absolute; top:50%; left:50%; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#mGnb .btnClose:after{ width:1px; height:30px; background-color:#fff; content:''; margin:-15px 0 0 -1px; position:absolute; top:50%; left:50%;
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
}
#mGnb>ul{margin-top:75px;}
#mGnb>ul>li>a{display:block;padding:0 .5rem;width:35%;height:64px;line-height:64px;border-bottom:1px solid #dfdfdf;font-size:2rem;padding:0 2rem;box-sizing:border-box;}
#mGnb>ul>li.active>a{background:#04a49b;color:#fff;}
#mGnb>ul>li.active .depth2{display:block;}
#mGnb .depth2{display:none;position:absolute;top:75px;left:35%;right:0;bottom:0;padding:1.2rem 2rem 3rem 2rem;background:#fff;height:800px;}
#mGnb .depth2>ul>li{border-bottom:1px solid #dfdfdf;}
#mGnb .depth2>ul>li>a{font-size:1.8rem;padding:1.2rem 1rem;display:block;position:relative;}
#mGnb .depth2>ul>li>a::before{width:12px;height:2px;background-color:#999;content:'';position:absolute;top:2.5rem;right:.9rem;}
#mGnb .depth2>ul>li>a::after{width:2px;height:12px;background-color:#999;content:'';position:absolute;top:2.0rem;right:1.4rem;}
#mGnb .depth2>ul>li.active>a{color:#04a49b;}
#mGnb .depth2>ul>li.active>a::after{display:none;}
#mGnb .depth2>ul>li.active>a::before{background-color:#04a49b;}
#mGnb .depth3{display:none;border-top:2px solid #04a49b;padding:1rem;}
#mGnb .depth3 li{display:block;position:relative;margin:.5rem 0;padding-left:1.4rem;}
#mGnb .depth3 li:after{display:block;content:'';position:absolute;left:2px;top:11px;width:3px;height:3px;background:#383d53;}
#mGnb .depth3 li a{color:#777;font-size:1.5rem;}
#mGnb .depth2>ul>li.active .depth3{display:block;}
#mGnb .noDepth>a::after, #mGnb .noDepth>a::before{display:none;}


.mGnbBg{/*display:none;*/width:100%;height:auto;background-color:#000;opacity:0.4;position:absolute;top:0;left:0;bottom:0;z-index:9999;}

#gnb{text-align:right;max-width:1400px;margin:auto;}
#gnb ul{}
#gnb ul::after{clear:both;display:table;content:''}
#gnb ul li{display:inline-block;vertical-align:top;text-align:left;}
#gnb ul li a{font-family:'NanumSquare';text-align:left;display:block;}
#gnb>ul>li>a{font-size:2rem;padding:3rem 2.1rem;display:block;font-weight:700;}
#gnb>ul>li>button{font-size:2rem;padding:3.5rem 2.1rem;display:block;font-weight:700;font-family:'NanumSquare';border:none;background:none;}/* 추가 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #gnb>ul>li>button{padding:3rem 2.1rem;}
}
#gnb>ul>li.on>a{color:#07767e;border-top:2px solid #07767e;padding:2.8rem 2.1rem 3rem;}
#gnb .micro>a{color:#4a8dcb;position:relative;}
#gnb .micro>a::before{position:absolute;bottom:28px;left:50%;content:'';background-color:#4a8dcb;height:2px;width:74%;margin-left:-37%;}
/*
#gnb .all{vertical-align:top;}
#gnb .all>a{text-indent:-9999px;width:20px;line-height:0;padding:3rem 0 5.7rem 2.1rem;margin-top:.5rem;}
#gnb .all>a span{display:block;float:right;width:70%;margin:3px 0;height:2px;background:#515151;}
#gnb .all>a span:first-child{width:100%;}
#gnb .all>a span:last-child{width:100%;}
#gnb .all>a:hover span{width:100% !important;background:#111;}
*/
#gnb .all{vertical-align:top;margin-left:1rem;}
#gnb>ul>li.all>a{text-indent:-9999px;width:4rem;height:4rem;background:url('/assets/images/common/btnAll.png') center no-repeat;background-size:2rem 2rem;margin-top:1.6rem;padding-right:0;margin-left:0;box-sizing:border-box;}
#gnb .search{vertical-align:top;margin-left:1.8rem;}
#gnb .search>a{text-indent:-9999px;width:4rem;height:4rem;background:url('/assets/images/common/btnSearch.png') center no-repeat;background-size:2rem 2rem;margin-top:1.6rem;padding-right:0;margin-left:0;box-sizing:border-box;}
/*
#gnb .search{vertical-align:top;margin-left:1.8rem;}
#gnb .search>a{text-indent:-9999px;width:2rem;height:2rem;background:url('/supp/assets/images/common/btnSearch.png') center no-repeat;background-size:2rem 2rem;margin-top:.7rem;}
*/

#gnb>ul>li .depth2{height:0;position:absolute;top:95px;left:0;right:0;background:#fff;border-top:2px solid #0d2c6e;border-bottom:1px solid #0d2c6e;z-index:-1;opacity:0;overflow:hidden;transition-duration:0.5s;background:#fff;}

#gnb>ul>li.active .depth2{height:auto;z-index:100;opacity:1;transition-delay:0.1s;}
#gnb>ul>li .depth2::after{display:block;clear:both;content:'';}
#gnb>ul>li .depth2>ul{max-width:1400px;margin:20px auto;}
#gnb>ul>li .depth2>ul>li{padding:7px 0;box-sizing:border-box;width:20.7%;margin:0 1% 0 3%;}
#gnb>ul>li .depth2>ul::after{display:block;clear:both;content:'';}
#gnb>ul>li .depth2>ul li a{font-family:'notokrRegular'}
#gnb>ul>li .depth2>ul>li>a{display:block;padding:0.6rem 2rem;font-size:1.6rem;word-break:break-all;background:#ebebeb;color:#222;}
#gnb>ul>li .depth2>ul>li>a:hover{background-color:#27bba1;transition-duration:0.2s;color:#fff;}
#gnb>ul>li .depth3{margin:1rem 0 0 2rem;}
#gnb>ul>li .depth3 li{display:block;position:relative;margin:0 1rem 0 0;padding-left:1.4rem;}
#gnb>ul>li .depth3 li:after{display:block;content:'';position:absolute;left:2px;top:12px;width:3px;height:3px;background:#4d5473;}
#gnb>ul>li .depth3 li a{color:#777;font-size:1.5rem;}
#gnb>ul>li .depth3 li a:hover{text-decoration:underline;color:#27bba1;}

#subVisual{position:relative;height:27rem;width:1903px;margin:auto;}
#subVisual .textWrap{overflow:hidden;position:absolute;left:0;width:49.97%;height:100%;padding-right:1px;color:#fff;z-index:59;margin-top:0;}
#subVisual .subVisualBg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:12;}
#subVisual .subVisualBg::after{content:'';position:absolute;width:50%;height:100%;left:0;top:0;background:#04a49b;}
#subVisual .subVisualImg{position:relative;height:100%;z-index:11;}
#subVisual .subVisualImg.img01{background:#fff url('/supp/assets/images/common/subVisual01.png') no-repeat top right;}
#subVisual .subVisualImg.img02{background:#fff url('/supp/assets/images/common/subVisual02.png') no-repeat top right;}
#subVisual .subVisualImg.img03{background:#fff url('/supp/assets/images/common/subVisual03.png') no-repeat top right;}
#subVisual .subVisualImg.img04{background:#fff url('/supp/assets/images/common/subVisual04.png') no-repeat top right;}
#subVisual .textWrap .titleBox{position:absolute;left:330px;top:50%;margin-top:-60px;z-index:99;}
#subVisual .textWrap .titleBox .title{overflow:hidden;display:inline-block;vertical-align:middle;font-size:4.2rem;margin-right:15px;font-family:'NanumSquare';color:#fff;font-weight:400;letter-spacing:-2.5px;}
#subVisual .textWrap .titleBox .sTitle{overflow:hidden;display:inline-block;vertical-align:middle;font-size:1.8rem;letter-spacing:-1px;line-height:22px;color:rgba(255,255,255,0.8);}
#subVisual .textWrap .titleBox .sTitle .eng{color:#fff;text-transform:uppercase;font-family:'NanumSquare';font-weight:700;letter-spacing:3px;font-size:1.7rem;}
#subVisual .suppLink{position:absolute;right:0;top:4.6rem;z-index:13;}
#subVisual .suppLink>a{display:block;width:144px;color:#fff;border:2px solid #fff;text-align:center;line-height:5rem;margin:.8rem 0;font-size:1.8rem;box-sizing:border-box;}
#subVisual .suppLink .link01{border-top-left-radius:2.5rem;}
#subVisual .suppLink .link02{border-bottom-right-radius:2.5rem;}


.snbWrap{position:absolute;top:304px;width:1903px;height:63px;background:rgba(7,118,126,0.9);z-index:60;transition:all .3s ease;}
.snbWrap.fix{position:fixed;bottom:auto;top:0;}
#container .snbWrap .inner{max-width:140rem;}
.snbWrap .home{position:relative;display:block;float:left;width:63px;height:63px;background:#27bba1 url('/supp/assets/images/common/snbHome.png') 50% 50% no-repeat;background-size:11px 12px;text-indent:-9999px;}
.snbWrap .snbLi::after{clear:both;display:table;content:'';}
.snbWrap .snbLi>li{float:left;position:relative;min-width:260px;height:63px;}
.snbWrap .snbLi .currentMenu{width:100%;height:63px;border:0;background:none;text-align:left;/*outline:none;*/padding-right:50px}
.snbWrap .snbLi .currentMenu::after{content:'';position:absolute;top:50%;right:2rem;width:6px;height:6px;margin-top:-6px;background-color:transparent;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg); -webkit-transform:rotate(135deg);transition:all .3s;}
.snbWrap .snbLi .currentMenu span{display:block;padding-left:30px;color:#fff;line-height:34px;font-size:15px;}
.snbWrap .snbLi>li.active .currentMenu::after{transform:rotate(-45deg);}
.snbWrap .snbLi > li:after{content:'';position:absolute;top:50%;right:0;width:1px;height:34px;margin-top:-17px;background:rgba(255, 255, 255, .3);}
.snbWrap .snbLi > li > ul{display:none;position:absolute;top:63px;width:100%;padding:10px 0 30px;background:#077b81;z-index:15;}
.snbWrap .snbLi > li > ul > li{padding:0 27px;}
.snbWrap .snbLi > li > ul > li a{position:relative;display:block;padding:5px 0;border-top:solid 1px rgba(39, 187, 161, .45);font-size:14px;color:#fff;transition:all .3s;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;}
.snbWrap .snbLi > li > ul > li:first-child a{border-top:0;}
.snbWrap .snbLi > li > ul > li.active a,
.snbWrap .snbLi > li > ul > li a:hover{color:#fff;}


.snbWrap .snbLi > li:last-child {background:#F3C6B9;}
.snbWrap .snbLi > li:last-child span { color:#333; font-size: 16px}
.snbWrap .snbLi > li:last-child .currentMenu::after{content:'';position:absolute;top:50%;right:2rem;width:6px;height:6px;margin-top:-6px;background-color:transparent;border-top:2px solid #000;border-right:2px solid #000;transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg); -webkit-transform:rotate(135deg);transition:all .3s;}


#lnb, #content{/*float:left;*/margin-top:7rem;}

#lnb{width:300px;}
.lnb .lnbDepth2{display:none;}
.lnb>li:first-child{border-top:1px solid #e4e4e4;}
.lnb>li{border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;}
.lnb>li>a{color:#1a1a1a;font-size:1.7rem;padding:1.4rem 3rem;display:block;position:relative;border-bottom:1px solid #e4e4e4;}
.lnb>li>a::before{width:10px;height:2px;background-color:#999;content:'';position:absolute;top:2.7rem;right:3rem;}
.lnb>li>a::after{width:2px;height:10px;background-color:#999;content:'';position:absolute;top:2.3rem;right:3.4rem;}
.lnb>li.noDepth>a::before,
.lnb>li.noDepth>a::after{display:none;}
.lnb>li.active>a{border-bottom:none;}
.lnb>li.active>a, .lnb>li:hover>a{color:#fff;background:#383d53;}
.lnb>li.active>a::before, .lnb>li:hover>a::before, .lnb>li:hover>a::after{background-color:#fff;}
.lnb>li.active>a::after{display:none;}
.lnb>li.active .lnbDepth2{display:block;border:1px solid #383d53;margin-top:.2rem;padding:1.5rem 2rem 1.2rem;}
.lnb>li.active{border:none;}
.lnb>li.active:first-child{border:none;}
.lnb>li.active .lnbDepth2 li{position:relative;}
.lnb>li.active .lnbDepth2 a{display:block;padding:.4rem 1rem .4rem 2rem;color:#9a9a9c;font-size:1.5rem;}
.lnb>li.active .lnbDepth2 li.active a, .lnb>li.active .lnbDepth2 li:hover a{color:#383d53;}
.lnb>li.active .lnbDepth2 li.active a::after, .lnb>li.active .lnbDepth2 li:hover a::after{display:block;content:'';position:absolute;left:8px;top:13px;width:3px;height:3px;background:#383d53;}

#content{/*margin-left:6rem;*/width:100%;}
#content .headWrap{position:relative;/*border-bottom:2px solid #304050;*/}
#content .headWrap .title{display:block;font-size:4.5rem;color:#263340;font-weight:normal;font-family:'notokrMedium';text-align:center;}
#content .headWrap .btnWrap{position:absolute;right:0;top:50%;margin-top:-2rem;}
.headWrap .btnWrap>button{border:1px solid #dfdfdf;border-radius:4rem;text-indent:-9999px;width:4rem;height:4rem;margin-left:.5rem;}
.btnWrap .btnPrint{background:#fff url('/supp/assets/images/common/btnPrint.png') center no-repeat;background-size:17px 17px;}
.btnWrap .btnVoice{background:#fff url('/supp/assets/images/common/btnVoice.png') center no-repeat;background-size:17px 15px;}

#content .bodyWrap .content{margin:0 0 5rem 0;min-height:50rem;}
.bodyWrap .managerInfo{margin:0;border:1px solid #e5e5e5;/*padding:1.4rem 2.7rem;*/overflow: hidden;}
.bodyWrap .managerInfo:before{content:"";background:url("/supp/assets/images/common/ico_prsn.gif") no-repeat;width:46px;height:47px;float: left;}
.managerInfo .title{display:inline-block;color:#333;font-family:'notokrMedium';font-weight:normal;font-size:2.3rem;margin-right:1.7rem;}
.managerInfo .info{display: inline;margin-top: 15px;float: left;}
.managerInfo .info dt, .managerInfo .info dd{display:inline-block;position:relative;}
.managerInfo .info dt{padding-right:1rem;}
.managerInfo .info dt:first-child {padding-left:2rem}
.managerInfo .info dt::after{content:':';position:absolute;right:2px;}
.managerInfo .info dd{padding-right:3rem;}
.managerInfo .info dd br{display:none;}
.managerInfo .info dd::after{content:'|';position:absolute;right:12px;top:3px;font-size:1rem;}
.managerInfo .info dd:last-child{padding-right:0;}
.managerInfo .info dd:last-child::after{content:'';}
.managerInfo .point{color:#4a8dcb;margin-top:.6rem;}


#footer{background-color:#1f222b;}
#footer .topWrap{background-color:#3b4054;padding:1.6rem 0;margin-top:4.5rem;}
#footer .topWrap .adSlider, #footer .topWrap .selectWrap{float:left;}
#footer .topWrap .adSlider{width:65%;position:relative;}
#footer .topWrap .adSlider .slide{margin:0 8rem 0 3rem;}
#footer .topWrap .adSlider button{text-indent:-9999px;background-color:#3b4054;border:0;cursor:pointer;width:24px;height:24px;}
#footer .topWrap .adSlider .prev{position:absolute;top:0;left:0;}
#footer .topWrap .adSlider .prev::before{width:9px;height:9px;background-color:transparent;content:'';margin-top:-6px;border-top:2px solid rgba(255, 255, 255, 0.6);border-right:2px solid rgba(255, 255, 255, 0.6);position:absolute;top:50%;right:auto;bottom:auto;left:9px;transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}
#footer .topWrap .adSlider .next{position:absolute;top:0;right:5rem;}
#footer .topWrap .adSlider .next::before{width:9px;height:9px;background-color:transparent;content:'';margin-top:-6px;border-top:2px solid rgba(255, 255, 255, 0.6);border-right:2px solid rgba(255, 255, 255, 0.6);position:absolute;top:50%;right:9px;bottom:auto;left:auto;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#footer .topWrap .adSlider .play{display:none;}
#footer .topWrap .adSlider .play, #footer .topWrap .adSlider .stop{position:absolute;top:0;right:2rem;}
#footer .topWrap .adSlider .play::before{position:absolute;top:4px;left:7px;width:9px;height:15px;content:'';background:url('/supp/assets/images/common/adSliderBtn.png') 0 0 no-repeat;}
#footer .topWrap .adSlider .stop::before{position:absolute;top:4px;left:8px;width:6px;height:15px;content:'';background:url('/supp/assets/images/common/adSliderBtn.png') -13px 0 no-repeat;}
#footer .topWrap .adSlider li{margin-right:2rem;}
#footer .topWrap .adSlider li a{color:rgba(255, 255, 255, 0.8);}
#footer .topWrap .selectWrap{width:35%;}
#footer .topWrap .selectWrap::after{clear:both;display:table;content:''}
#footer .topWrap .selectWrap .selectLi{float:left;width:50%;position:relative;}
#footer .topWrap .selectWrap .selectLi .open{color:rgba(255, 255, 255, 0.6);background-color:#3b4054;border:0;cursor:pointer;font-size:1.5rem;border-left:1px solid rgba(255, 255, 255, 0.4);padding:0 2rem;width:100%;text-align:left;position:relative;}
#footer .topWrap .selectWrap .selectLi .open::before{width:6px;height:6px;background-color:transparent;content:'';margin-top:-6px;border-top:2px solid #fff;border-right:2px solid #fff;position:absolute;top:50%;right:2rem;bottom:auto;left:auto;transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg); -webkit-transform:rotate(135deg);}
#footer .topWrap .selectWrap .selectLi .open span{color:rgba(255, 255, 255, 0.8);font-size:1.5rem;}
#footer .topWrap .selectWrap .selectLi .wrap{border:1px solid #3b4054;background-color:#fff;position:absolute;bottom:-1.6rem;width:100%;display:none;}
#footer .topWrap .selectWrap .selectLi .wrap p{color:rgba(255, 255, 255, 0.8);background-color:#3b4054;padding:1rem 2rem;margin-bottom:.5rem;}
#footer .topWrap .selectWrap .selectLi .wrap .close{position:absolute;right:.8rem;top:.9rem;width:25px;height:25px;text-indent:-9999px;background-color:#3b4054;border:0;cursor:pointer;}
#footer .topWrap .selectWrap .selectLi .wrap .close::before{width:25px;height:1px;background-color:#fff;content:'';margin:-1px 0 0 -13px;position:absolute;top:50%;left:50%;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#footer .topWrap .selectWrap .selectLi .wrap .close::after{width:1px;height:25px;background-color:#fff;content:'';margin:-13px 0 0 -1px;position:absolute;top:50%;left:50%;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#footer .topWrap .selectWrap .selectLi .wrap ul{margin:0 1rem 1rem 0;max-height:200px;overflow-x:hidden;overflow-y:scroll;}
#footer .topWrap .selectWrap .selectLi .wrap a{color:#666;padding:.3rem 2rem;display:block;}
#footer .bottWrap{padding:4rem 0;position:relative;margin-top:4rem;}
#footer .bottWrap .link{margin-bottom:2rem;}
#footer .bottWrap .link a, #footer .bottWrap p{color:rgba(255, 255, 255, 0.5);}
#footer .bottWrap .link .point a{color:rgba(253, 206, 41, 1);font-weight:bold;/* 2024-03-06 수정 */}
#footer .bottWrap .link .point a::before{position:absolute;bottom:-3px;width:calc(100% - 24px);height:1px;background:rgba(253, 206, 41, 1);content:'';}/* 2024-12-18 추가 */
#footer .bottWrap .link::after{clear:both;display:table;content:''}
#footer .bottWrap .link li{float:left;padding-right:2.4rem;position:relative;}
#footer .bottWrap .link li::before{content:'';width:1px;height:1.4rem;background:rgba(255, 255, 255, 0.2);position:absolute;top:4px;right:1.2rem;}
#footer .bottWrap .link li:last-child::before{display:none;}
#footer .bottWrap address span{font-style:normal;color:rgba(255, 255, 255, 0.5);}
#footer .bottWrap .markWrap{position:absolute;right:0;bottom:0;}
#footer .bottWrap .markWrap li{display:inline-block;vertical-align:middle;margin:0 .5rem;}

@media all and (max-width : 1920px){
#subVisual, .snbWrap{width:100%;}

}

@media all and (max-width : 1420px){
.btn_top{right:3rem;}
.inner{width:100%;max-width:unset;padding:0 3rem;}
#header .gnbWrap .logo{left:3rem;margin-left:0;}
#header .gnbWrap .logoSupp{left:32.2rem;margin-left:0;}
#gnb{max-width:unset;margin:0 3rem 0 0;}
#gnb>ul>li>a{padding:3rem 1.6rem;}
#gnb .all{margin-left:0;}
#lnb, #content .headWrap .btnWrap{display:none;}
#content{margin-left:0;width:100%;}
#content .bodyWrap .content{margin:2.4rem 0;min-height:0;}
.bodyWrap .managerInfo{margin-left:0;}
#footer .bottWrap .markWrap{right:3rem;}
#subVisual, .snbWrap{width:100%;}
#subVisual .textWrap .titleBox{left:6rem;}
#subVisual .suppLink{right:4rem;}
#subVisual .textWrap .titleBox .title{font-size:3.3rem;}
#subVisual .textWrap .titleBox .sTitle{line-height:1.8rem;}
#subVisual .textWrap .titleBox .sTitle .eng, #subVisual .textWrap .titleBox .sTitle{font-size:1.5rem;}
#subVisual .suppLink>a{font-size:1.5rem;line-height:4.2rem;width:14rem;}
.header_search{right:70px;}
}

@media all and (max-width : 1280px){
#header .gnbWrap .logo{width:240px;height:26px;background-size:240px 26px;}
#header .gnbWrap .logoSupp{width:182px;height:35px;background-size:182px 35px;left:29.2rem;}
#header .gnbWrap .logoSupp:before, #header .gnbWrap .logoSupp:after{left:-9px;}
#gnb>ul>li>a{font-size:1.8rem;padding:3.2rem 1.6rem;}
#footer .topWrap .adSlider, #footer .topWrap .selectWrap{width:50%;}
#subVisual .textWrap .titleBox{left:3rem;}
}

@media all and (max-width : 1200px){
#gnb>ul>li>a{padding:3.2rem 1.2rem;}
#gnb .micro>a::before{width:78%;margin-left:-38%;}
#footer .bottWrap{text-align:center;}
#footer .bottWrap .link{display:inline-block;}
#footer .bottWrap .link li:last-child{padding-right:0;}
#footer .bottWrap .markWrap{position:static;margin-top:2rem;}


#subVisual{height:25rem;}
#subVisual .textWrap .titleBox{margin-top:-50px;}

.snbWrap .home{display:none;}
#container .snbWrap .inner{padding:0;}
.snbWrap{height:auto;width:calc(100% - 60px);margin: 0 30px;position:relative;top:-50px;}
.snbWrap .snbLi>li{width:50%;height:5rem;}
.snbWrap .snbLi .currentMenu{height:5rem;}
.snbWrap .snbLi > li > ul{top:5rem;}
.snbWrap.fix{width:100%;margin:0;}
.snbWrap .snbLi>li:nth-child(even)::after{background:none;}


}

@media all and (max-width : 1080px){
#gnb, #header .utilWrap .fr{display:none;}
#header{height:76px;}
#header .utilWrap{height:44px;}
#header .utilWrap .inner{padding:0;}
#header .utilWrap .fl li a{line-height:44px;font-size:1.4rem;}
#header .gnbWrap .logo{width:199px;height:22px;background-size:199px 22px;top:27px;}
#header .gnbWrap .logoSupp{width:156px;height:30px;background-size:156px 30px;left:24.6rem;top:23px;}
#header .gnbWrap .logoSupp:before{left:-7px;width:16px;margin:-1px 0 0 -8px;}
#header .gnbWrap .logoSupp:after{left:-7px;height:16px;margin:-8px 0 0 -1px;}
#header .mGnbWrap{display:block;}
.mGnbWrap .btnWrap{position:absolute;right:2.4rem;top:1.8rem;vertical-align:top;}
.mGnbWrap .btnWrap .btnSearch{text-indent:-9999px;display:inline-block;vertical-align:top;width:40px;height:40px;background:url('/supp/assets/images/common/btnSearch.png') center no-repeat;background-size:27px 27px;}
.mGnbWrap .btnWrap .btnAll{margin-left:.8rem;text-indent:-9999px;display:inline-block;vertical-align:top;width:40px;height:40px;background:url('/supp/assets/images/common/btnAll.png') center no-repeat;background-size:27px 20px;border:none;}
#subVisual .textWrap .titleBox{margin-top:0;top:5rem;}
#subVisual .suppLink{right:auto;left:3rem;top:auto;bottom:7rem;}
#subVisual .suppLink>a{display:inline-block;border-width:1px;margin-right:1rem;}
.header_search{top:75px;}
.header_search .btn_search_close{width:75px;height:75px;top:-75px;}
.header_search .search_input span input{height:75px;}
.header_search .search_input .btn_search{background-size:27px 27px;right:22px;top:22px;}
}

@media all and (max-width : 1024px){
.managerInfo .title{display:block;}
.managerInfo .point{margin-top:0;}
#footer .topWrap .adSlider{width:100%;float:none;}
#footer .topWrap .selectWrap{display:none;}
#footer .topWrap .adSlider .play, #footer .topWrap .adSlider .stop{right:0;}
#footer .topWrap .adSlider .next{right:3rem;}
#footer .topWrap .adSlider .slide{margin-right:6rem;}
.bodyWrap .managerInfo:before {display: none; width: 0; height: 0}
.managerInfo .info dt:first-child {padding-left: 0}
.managerInfo .info {margin-top: 0}
.bodyWrap .managerInfo{padding:1.4rem 2rem;}
}


@media all and (max-width : 768px){
.managerInfo .info dd{padding-right:2rem;}
.managerInfo .info dd::after{display:none;}
}

@media all and (max-width : 736px){
#header{height:70px;}
#header .utilWrap{height:40px;}
#header .utilWrap .fl{float:none;}
#header .utilWrap .fl li{width:33.3333%;}
#header .utilWrap .fl li a{text-align:center;line-height:40px;padding:0 1rem;}
#header .gnbWrap .logo{top:24px;left:2rem;}
.mGnbWrap .btnWrap{top:1.4rem;right:1.4rem;}
.subVisualWrap{padding:2.5rem 1rem;}
.subVisualWrap .title{font-size:2.8rem;}
.subVisualWrap .location{margin-top:.2rem;}
.subVisualWrap .location a{font-size:1.4rem;}
.subVisualWrap .location li::before{margin-top:-4px;}
#content{margin-top:0;}
.inner{padding:0 2rem;}
#content .headWrap .title{font-size:3rem;}
.managerInfo .title{font-size:1.8rem;margin-bottom:.2rem;}
#header .gnbWrap .logoSupp{left:18.6rem;top:1.5rem;}
#subVisual .textWrap .titleBox, #subVisual .suppLink{left:2rem;}
.header_search .btn_search_close{width:70px;height:70px;top:-70px;}
.header_search{top:70px;}
}


@media all and (max-width : 667px){
#subVisual .textWrap .titleBox .sTitle{display:none;}
#subVisual .suppLink{width:100%;}
#subVisual .suppLink>a{width:40%;}
}


@media all and (max-width : 640px){
.managerInfo .info dd{padding-right:1rem;}
#footer{font-size:1.4rem;word-break:keep-all;}
#footer .bottWrap .link li{float:none;display:inline;padding:0 .5rem;}
#footer .bottWrap .link li::before{display:none;}
#footer .bottWrap .link .point a::before{width:calc(100% - 10px);}/* 2024-12-18 추가 */
#mGnb>ul>li>a{font-size:1.8rem;}
.snbWrap .snbLi>li{width:100%;}
.snbWrap .snbLi>li::after{background:none;}
}

@media all and (max-width : 568px){
#subVisual .subVisualBg::after{width:100%;}
#subVisual .textWrap{width:100%;}
#subVisual .suppLink{}
#subVisual .suppLink>a{margin-right:0;width:42%;}
#subVisual .suppLink>a:first-child{margin-right:4%;}
}

@media all and (max-width : 480px){
.btn_top{right:2rem;}
.subVisualWrap .title{font-size:2.6rem;}
#content .headWrap .title{font-size:2.4rem;}
.managerInfo .info, .managerInfo .point{font-size:1.4rem;}
#header .gnbWrap .logo, #header .gnbWrap .logoSupp:before, #header .gnbWrap .logoSupp:after{display:none;}
#header .gnbWrap .logoSupp{left:2rem;}

#mGnb>ul>li>a{font-size:1.7rem;}
.header_search .btn_search_close{right:70px;}
.header_search{width:100%;right:0;}
.header_search .search_input span input{width:100%;}
}

@media all and (max-width : 460px){
#mGnb{width:100%;}
#mGnb .depth2>ul>li>a{font-size:1.6rem;letter-spacing:-1px;padding:1.2rem 1rem 1.2rem 0;}
#mGnb .depth3{padding:1rem 0;}
#mGnb .depth2>ul>li>a::before{top:2.4rem;}
#mGnb .depth2>ul>li>a::after{top:1.9rem;}

}

@media all and (max-width : 360px){
.btn_top{right:1rem;}
#header .utilWrap .fl li a{padding:0;font-size:1.3rem;}
#header .gnbWrap .logoSupp{left:1rem;}
.mGnbWrap .btnWrap{right:.4rem;}
#mGnb .linkWrap>a{padding:.5rem 1.5rem;}
#mGnb>ul>li>a{font-size:1.6rem;}
#mGnb .depth2>ul>li>a{font-size:1.5rem;}
#mGnb .depth3 li a{font-size:1.4rem;}
.inner{padding:0 1rem;}
#footer .bottWrap .link li{padding:0 .3rem;}
.snbWrap{margin:0 1rem;width:calc(100% - 20px);}
#subVisual .textWrap .titleBox, #subVisual .suppLink{left:1rem;}
#subVisual .suppLink>a{width:44%;}
.header_search .btn_search_close{width:55px;right:50px;}
}

@media all and (max-width : 320px){
#mGnb>ul>li>a{font-size:1.5rem;padding:0 1.5rem;}
#mGnb .depth2>ul>li>a{padding-right:2rem;}
}

.allMenuWrap *{box-sizing:border-box;}