@import url("/common/font/SCDream/fonts.css");
@import url("/common/css/basic.css");

/* 공통 레이아웃 */
body { font-weight:400;font-family:"SCDream";color:#111; } 
#wrap {overflow:hidden;}

#contents {position: relative; height:auto; overflow:hidden; }
.container {position:relative; width:100%; max-width:1400px; margin:0 auto;}
.container:after {clear:both; display:block; content:"";}

/* 슬라이드 공통 */
.slick-slider {transition:all ease-in-out .3s; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-slide {display:none; height:100%; min-height:1px; vertical-align:middle; overflow:hidden;}
.slick-vertical .slick-slide { height:auto;}
.slick-list {overflow:hidden; height:100%;}
.slick-list.dragging {cursor:pointer;}
.slick-track {height:100%;}
.slick-initialized .slick-slide {display:inline-block;}
.slick-arrow.slick-hidden {display:none;}
.slick-current {display:block; opacity:1;}

/* header */
#header {position:relative; z-index:997; height:85px; background:#fff;}
#header .mnWrap{position:relative; max-width:1920px; margin:0 auto; background:#fff;}
#header .logo {position:absolute; top:0.9rem; display:block; left:2%; z-index:11; font-size:0; }
#header .logo > a { position:relative; display:inline-block; overflow:hidden; vertical-align:middle;}
#header .logo > a:first-child { padding-right:0.7rem; margin-right:0.5rem; }
#header .logo > a:first-child:before{content:""; position:absolute; right:0; top:calc(50% - 8px); width:1px; height:16px; background:#b9b9b9; }
#header .logo > a em { display:inline-block; vertical-align:middle; font-family:"SCDream";font-size:1.2rem; color:#2b2b2b; font-weight:700;  }

/* GNB link - 공통 */
#header .topLink{ display:none; position:relative; max-width:1920px; height:42px; line-height:42px; margin:0 auto; font-size:0.75rem; border-bottom:1px solid #dedede;}
#header .topLink:after {content:""; display:block; clear:both;}
#header .topLink:before {content:""; position:absolute; left:-100%; width:300%; height:100%; background:#f0f2f4; z-index:-1;}
#header .link_snue { display:inline-block; width:7.1rem; height:42px; text-align:center; background:#0098d9; font-weight:600; font-family:"SCDream"; color:#fff; -webkit-transition:0.3s; transition:0.3s; }
#header .link_snue:hover,
#header .link_snue:focus { background:#014ba8; }
#header .topUtil { height:42px; float:right; }
#header .topUtil > li { position:relative; display:inline-block; color:#2c3642; }
#header .topUtil > li + li:before { content:""; position:absolute; left:0; top:calc(50% - 5px); width:1px; height:10px; background:#b0b2b4;  }
#header .topUtil > li > a { display:block; font-family:"SCDream"; font-size:0.8rem; padding:0 1.4rem; font-weight:600; }
#header .topUtil > li > a i { margin:0 0.45rem 0 0; }
#header .topUtil > li.lang { color:#000; }
#header .topUtil > li.lang > a i { margin:0 0 0 1rem; }
#header .topUtil > li.lang > a.on i { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
#header .topUtil > li .lang_box { display:none; position:absolute; left:0; top:42px; width:100%; background:#fff; border:1px solid #e9e9e9; z-index:2; }
#header .topUtil > li .lang_box { padding:0 1rem; }
#header .topUtil > li .lang_box a { position:relative;display:block; }
#header .topUtil > li .lang_box a:hover,
#header .topUtil > li .lang_box a:focus { color:#014ba8; text-decoration:underline; }

/* 상단메뉴 */
#gnb {position:relative; width:100%; height:85px; font-family:"SCDream"; color:#333;word-break:keep-all; }
#gnb .container { max-width:1920px; }
#gnb:before{content: ""; position:fixed; left:0; top:0; width:100%; height:0; background:rgba(0,0,0,.5); z-index:-1; opacity: 0;}  
#gnb:after { content:""; position:absolute; bottom:0; left:-50%; display:block; width:200%; height:1px; background:#dedede; }  
#gnb a{transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s;}
#gnb li,
#gnb a,
#gnb a span{position:relative;}
#gnb a[target='_blank'] > span:after { content: "\e980"; display: inline-block; margin-left: 5px; font-size: 0.8rem; font-family: 'xeicon'; line-height:1;}
#gnb .mnTit{text-align:right; padding-right:4.5rem; padding-left:25rem; }
#gnb .mnTit ul { display:flex; justify-content: end;}
#gnb .mnTit li { min-width:180px;}
#gnb .mnTit li a{display:flex; align-items:center; justify-content:center; height:85px; padding:0 1.5rem; text-align:center; font-size:1rem; color:#111; font-weight:600; }
#gnb .mnBox{display:none; position:absolute; left:0; top:85px; width:100%; background:#fff url('/images/web/intl/T0000/layout/bg_SNUE.png') no-repeat left 0 bottom 1%; border-bottom:1px solid #ddd; box-shadow:5px 5px 7px rgba(0,0,0,0.1); }

#gnb .dep01{position:relative; display:flex; justify-content: end; min-height:180px; padding:0 4.5rem 0 25rem;}
#gnb .dep01 > li{position:relative;  border-left:1px solid #cbcbcb; }
#gnb .dep01 > li:last-child {border-right:1px solid #cbcbcb;}
#gnb .dep01 > li > a{display:none; font-size:.95rem; font-weight:600; color:#111; padding:0.75rem 1rem;}
#gnb .dep01 > li > a > span { position:relative; display:inline-block; padding-right:1rem; }
#gnb .dep01 > li > a > span:after,
#gnb .dep01 > li > a > span:before { content:""; opacity:0; position:absolute; top:0.5rem; width:0.3rem; height:0.3rem; border-radius:50%; -webkit-transition:ease-in-out 0.35s; -ms-transition:ease-in-out 0.35s; -moz-transition:ease-in-out 0.35s; transition:ease-in-out 0.35s; }
#gnb .dep01 > li > a > span:after { right:0; background:#014ba7; }
#gnb .dep01 > li > a > span:before { right:0.5rem; background:#40d1f4;  }
#gnb .dep01 > li.active{background:#f6ffff;}
#gnb .dep01 > li.active:before{left:0; width:100%;}
#gnb .mnTit li a:hover,
#gnb .mnTit li a:focus,
#gnb .dep01 > li.active > a{color:#014ba7;}
#gnb .dep01 > li.active > a > span:after { opacity:1; right:0.5rem; }
#gnb .dep01 > li.active > a > span:before { opacity:1; right:0; }

#gnb .dep02 > li > a{position:relative; display:block; padding:0.5rem 1rem; font-weight:500; }
#gnb .dep02 > li > a > span { position:relative; display:inline-block; padding-right:8px; font-size:0.85rem; }
#gnb .dep02 > li.dep > a { padding-right:2rem;}
#gnb .dep02 > li.dep > a:before { content:"\e941"; position:absolute; right:1rem; top:0.7rem; font-family:"xeicon"; }
#gnb .dep02 > li.open > a:before { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg); }
#gnb .dep02 > li > a:hover,
#gnb .dep02 > li > a:focus { color:#014ba7; }

#gnb .dep03 { display:none; background:#e9faff; padding:0.5rem 1.2rem; }
#gnb .dep03 > li > a { display:block; color:#444; padding:0.2rem 0; font-weight:500; }
#gnb .dep03 > li > a:hover,
#gnb .dep03 > li > a:focus { color:#007bd8; text-decoration:underline; }

.mnBox .dep01:after{display:none;}
.mnWrap.mnOpen #gnb:before{opacity: 1; height:100%;}
.mnWrap.mnOpen #gnb .mnBox{display:block;}

/* util */
.util { position:absolute; top:0; right:0; height:85px;}
.util ul > li { display:block; float:left;}

/* 검색 */
.search > a { display:block; width:92px; text-align:center; color:#0062ac; line-height:85px; font-size:1.4rem; }
.search #mSearch { display:none; position:absolute; right:92px; top:85px; width:20rem; background:rgba(0,0,0,0.5); padding:1rem;}
.search #mSearch input { width:calc(100% - 3rem); border:none; height:3rem; padding:0 1rem; float:left; }
.search #mSearch .btnSearch { width:3rem; height:3rem; line-height:3rem; color:#fff; font-size:1.4rem;background:#0062ac; float:left; }
.search #mSearch .btnSearchClose { position:absolute; right:0; top:-85px; width:92px; height:85px; color:#0062ac; line-height:85px; background:#fff; font-size:1.4rem; text-align:center; }

/* fullmenu */
.fullmenu_btn a{display:block; width:92px; height:85px; padding:31px; line-height:1; background:#0098d9; }
.fullmenu_btn em{display:block; width:80%; height:2px; background:#fff; float:right;}
.fullmenu_btn em + em{margin-top:7px;}
.fullmenu_btn em:nth-child(3){width:80%; float:left;}
.fullmenu_btn em:nth-child(4){width:60%;}
.fullmenu_btn a:hover{background:#014ba8;}
.fullmenu_btn a:hover em{width:100%; background:#fff;}
.fullmenu_btn a, .fullmenu_btn em{transition: all .2s; -webkit-transition: all .2s;}

/* 사이트맵 */
.popFullmenu {position: fixed; left: 0; top: 0; display:none; width: 100%; height: 100%; background: #fff; z-index: 999;font-family:"SCDream"; }
.popFullmenu .fullmenu_wrap {position: relative; margin: 2.5% auto; height: 95%; max-width: 1600px; font-family: "Sora", "SCDream"; /*overflow: hidden;*/}
.popFullmenu .fullmenu_util { display:none; }
.popFullmenu h2 {margin-bottom: 2rem; padding: 30px 0;  font-weight:700; font-size:1.5rem; line-height:1; color:#333; text-align:center; border-width: 1px 0; border-style: solid;  border-color:#dfdfdf; }
.popFullmenu a {position: relative;}
.popFullmenu a > span {position: relative; display: inline-block; z-index:1;}
.popFullmenu .dep1 a[target="_blank"]:after {display: inline-block; margin-left: 0.25rem; vertical-align: middle; font-family: "xeicon"; font-weight: 400; content:"\e980";}
.popFullmenu a > span:before {position: absolute; left: 0; bottom: 0; width: 0px; height: 1px; background: rgba(255,255,255,0.5); content: ""; transition: width .3s; -webkit-transition: width .3s;}
.popFullmenu .fullmenu_group {height: calc(100% - 170px);}
.popFullmenu .fullmenu_group .mCSB_scrollTools .mCSB_draggerContainer {left: 10px;}
.popFullmenu .dep01 {margin: -2rem -1rem 0; overflow: hidden;}
.popFullmenu .dep01 > li {display: inline-block; margin-top: 2rem; padding: 0 1rem; width: calc(25% - 4px); line-height: 1.3; vertical-align: top; font-size: 0.8rem;}
.popFullmenu .dep01 > li > a {display:block; position:relative; padding:1.1rem 0.5rem 1.1rem 0; border-bottom:1px solid #dfdfdf; background:rgba(255,255,255,0.9); font-size:1.2rem; font-weight:600; font-size:1rem; color:#222;}
.popFullmenu .dep01 > li > a:before {content:""; display:inline-block; position:absolute; bottom:-1px; left:0; z-index:1; width:0; height:3px; background:#1da1f2; background:linear-gradient(to right, #1da1f2, #2a5faf); -webkit-transition:width 0.2s; -ms-transition:width 0.2s; transition:width 0.2s;}
.popFullmenu .dep02 {padding: 1rem 0; }
.popFullmenu .dep02 li > a {display:block; position:relative; padding:0.45rem 0 0.45rem 0.8rem; font-weight:500; font-size:0.8rem; color:#222;}
.popFullmenu .dep02 li > a:before {content:""; position:absolute; left:0; top:0.8rem; width:6px; height:6px; border-radius:50%; background:#014ba8;}
.popFullmenu .dep02 li.dep > a:after { content:"\e941"; position:absolute; right:0; top:0.4rem; font-family:"xeicon"; }
.popFullmenu .dep02 li > ul {overflow:hidden; margin:0.5rem 0 0.5rem 0.5rem; padding:0.5rem 0.5rem 0.5rem 1rem; background:#f5f5f5;}
.popFullmenu .dep02 li > ul > li > a {display:block; position:relative; padding:0.35rem 0 0.35rem 0.8rem; font-weight:500; font-size:0.75rem; color:#222;}
.popFullmenu .dep02 li > ul > li > a:before {content:""; display:inline-block; position:absolute; top:0.8rem; left:0; width:0.35rem; height:2px; background:#5d6b61;}
.popFullmenu .popUntil {position: absolute; top: 2.4rem; left: 0; display: none; margin: -.5rem;}
.popFullmenu .popUntil > li {position: relative; float: left; padding: .5rem;}
.popFullmenu .popUntil > li > a {position: relative; line-height: 45px; font-size: .6rem;}
.popFullmenu .popUntil > li + li > a:before {position: absolute; top: 50%; left: -.5rem; width: 3px; height: 3px; background: #fff; content:""; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
/** 사이트맵 :action **/
.popFullmenu .dep01 > li > a:hover:before,
.popFullmenu .dep01 > li > a:focus:before {width:100%;}
.popFullmenu .dep02 > li > a:hover,
.popFullmenu .dep02 > li > a:focus {color:#014ba8; font-weight:600;}
.popFullmenu .dep02 li > a:hover span,
.popFullmenu .dep02 li > a:focus span {text-decoration: underline; }
#fullmenuClose {position: absolute; top: 1.5rem; right: 1rem; font-size: 1.5rem;}
#fullmenuClose > i {position: relative; transition: transform .3s; -webkit-transition: transform .3s;}
#fullmenuClose:focus > i,
#fullmenuClose:hover > i {-webkit-transform: rotate(180deg); transform: rotate(180deg);}

/* footer */
#footer {position:relative; background:#313639; word-break:keep-all;}
#footer .ftWrap{position:relative; padding:1rem 13rem 1rem 0; }
#footer .ftWrap:before {content:""; position:absolute; left:-100%; bottom:0; width:300%; height:1px; background:#474e56; }
#footer .ftWrap > ul { font-size:0; }
#footer .ftWrap > ul li{position:relative; display:inline-block; padding-right:calc(.75rem + 4px); margin-right:.75rem;}
#footer .ftWrap > ul li:not(:last-child):before{content:""; position:absolute; right:0; top:.65rem; width:4px; height:4px; border-radius:50%; background:#fff;}
#footer .ftWrap > ul li a{display:block; color:#fff;  font-size:.8rem; line-height:2; word-break:break-all;}
#footer .ftWrap > ul li a:hover,
#footer .ftWrap > ul li a:focus { text-decoration:underline; }
#footer .ftWrap > ul li a.pt{color:#84e7ff;}
#footer .ftWrap > ul li:last-dep{padding-right:0; margin-right:0;}
#footer .ftWrap > ul li:last-dep:before{display:none;}

#footer .ftBtn { position:absolute; right:0; top:0; width:12.7rem; border-left:1px solid #474e56; border-right:1px solid #474e56; }
#footer .ftBtn .button { width:100%; height:3.6rem; line-height:3.6rem; color:#d4d4d4; padding:0 1rem; text-align:left; -webkit-transition:0.3s; transition:0.3s; }
#footer .ftBtn .button i { float:right; line-height:3.6rem; }
#footer .ftBtn > div {display:none; position:absolute; left:0; bottom:3.6rem; width:100%; max-height:11rem; background:#e5e5e5; overflow-y:auto; padding:1rem 0 1rem 1rem; z-index:101; }
#footer .ftBtn > div ul li a { position:relative; display:block; padding:0.2rem 0 0.2rem 0.8rem; }
#footer .ftBtn > div ul li a:before { content:""; position:absolute; left:0; top:50%; width:0.3rem; height:2px; background:#777; }
#footer .ftBtn .button:hover,
#footer .ftBtn .button:focus { background:#000; color:#fff; }
#footer .ftBtn.on .button i { -webkit-transform:rotate(180deg); transform:rotate(180deg);}

#footer .ftBox { height:auto; overflow:hidden; }
#footer .ftBox { padding:2rem 0; color:#fff; }
#footer .ftBox .box_info { float:left; }
#footer .ftBox .box_info address { font-size:0.75rem; }  
#footer .ftBox .copyright { color:#d4d4d4; font-size:0.7rem; margin-top:0.4rem; }

/*241023*/
#footer .ftBtn2 {position:absolute; right:0; top:0; width:16.7rem; border-left:1px solid #474e56; border-right:1px solid #474e56;}
#footer .ftBtn2 .ftquick {width:100%; height:3.6rem; line-height:3.6rem; color:#d4d4d4; padding:0 1rem; text-align:left; -webkit-transition:0.3s; transition:0.3s; display: block;}

/* btnTop */
.btnTop{  position:absolute; right:1rem; top:-1.25rem; z-index:1; width:2.75rem; height:2.75rem; background:#1dc8f2 url('/images/T0000/layout/btnTop.png') no-repeat center; box-shadow: 2px 2px 7px rgba(0,0,0,0.2); box-shadow:5px 5px 10px rgba(0,0,0,0.3); font-weight:700; color: #000; text-align:center; border-radius:50%; z-index:5;}
.btnTop i{display:block; font-size:1rem; line-height:2.75rem;}

/*==== sub layout ====*/
 
.sub_content_wrap{min-height:calc(100vh - 10rem); line-height:1.8; letter-spacing:-1px; padding-bottom:4rem; }
.sub_content_wrap .container{position:relative; text-align:left; max-width:1300px;}

/* 서브 비주얼 */
.sub_visual{position:relative; height:13.25rem; text-align:center; overflow:hidden; }
.sub_visual .img{position:absolute; left:0; top:0; width:100%; height:100%; background:no-repeat center / cover; -webkit-transform:scale(1.3); transform:scale(1.3); -webkit-transition:all 1.5s 0.5s; transition:all 1.5s 0.5s; }
/*
.sub_visual.sv1 .img { background-image: url('/images/web/en/sub/sVisual01.png'); }
.sub_visual.sv2 .img { background-image: url('/images/web/en/sub/sVisual02.png'); }
.sub_visual.sv3 .img { background-image: url('/images/web/en/sub/sVisual03.png'); }
.sub_visual.sv4 .img { background-image: url('/images/web/en/sub/sVisual04.png'); }
.sub_visual.sv5 .img { background-image: url('/images/web/en/sub/sVisual05.png'); }
.sub_visual.sv6 .img { background-image: url('/images/web/en/sub/sVisual06.png'); } */
.sub_visual .slogan{position:absolute; top:0; left:0; display:flex; width:100%; height:100%; flex-direction:column; align-items:center; justify-content:center; color:#131313; }  
.sub_visual .slogan h2{position:relative; line-height:1; font-size:2rem; font-weight:700; padding:0 1rem; color:#fff; opacity:0; -webkit-transition:1s 0.5s; transition:1s 0.5s; }
.sub_visual .slogan h2:before { content:""; position:absolute; right:0; top:-1rem; width:2.1rem; height:2.1rem; border-radius:50%; border:0.4rem solid #1dc8f2; opacity:0.5;}
.sub_visual .slogan h2 span { position:relative;} 
.sub_visual.active:after{-webkit-transform:none; transform:none; }
.sub_visual.active .img{-webkit-transform:scale(1); transform:scale(1); } 
.sub_visual.active .slogan h2{opacity:1; } 
 
.conHeader{position:relative; width:100%; height:2.5rem;} 
 
/* 서브메뉴 */
#snb{position:relative; padding-left:2.5rem; padding-right:7.5rem; height:2.5rem; line-height:1.5rem; background:#fff; box-shadow:5px 5px 0 rgba(106,106,106,0.07); z-index:5; }
#snb:before{position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #0098d9; content:""; }
#snb .home{position:absolute; top:0; left:0; width:2.5rem; height:2.5rem; padding:0; text-align:center; line-height:2.5rem; background:#0098d9; font-size:1.2rem; color:#fff; }
/*#snb .home:before{position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #eaeaea; content:""; }*/
#snb ul{position:absolute; left:-1px; top:0; padding-top:2.5rem; height:2.5rem; color:#262626; } 
#snb li{position:relative; width:100%; opacity:0; visibility:hidden; }
#snb a{position:relative; display:block; padding:0.4rem 1rem; font-size:0.8rem;}
#snb ul.open{height:auto; }
#snb ul.open > li{visibility:visible; opacity:1; }
#snb ul.open:before { opacity:1; }
/** active **/
#snb li.active{position:absolute; top:0; left:0; display:table; width:100%; height:2.5rem; visibility:visible; opacity:1; z-index:1; } 
#snb li.active > a{display:table-cell; padding:0 1.5rem 0 1rem; vertical-align:middle; line-height:1.2; word-break:keep-all;}
#snb li.active > a:before{position:absolute; top:0.6rem; right:1rem; font-size:1.1rem; font-family:'xeicon'; content:"\e936"; font-weight:400;}
#snb li.active > a:after {position:absolute; right:1px; top:0.7rem; width:1px; height:1rem; background:#ccc; content:""; }  
#snb li:not(.active) > a{ background:#fff; border-left:1px solid #0098d9; border-right:1px solid #0098d9; }
#snb li:not(.active):last-child > a { border-bottom:1px solid #0098d9;}
#snb li:not(.active) > a:before{position:absolute; top:calc(50% - 2px); left:1.5rem; width:0; height:3px; background:#0098d9; overflow:hidden; content:""; opacity:0; -webkit-transition:all 0.5s; transition:all 0.5s; }
#snb li:not(.active) > a:hover,
#snb li:not(.active) > a:focus{font-weight:600; color:#0098d9; }
#snb li:not(.active) > a:hover:before,
#snb li:not(.active) > a:focus:before{width:calc(100% - 2.5rem); opacity:1; }
#snb li:not(.active) > a span{position:relative; display:inline-block; padding-right:0.5rem; background:#fff; }

#snb li > a[target='_blank'] > span:after{display:inline-block; margin-left:5px; font-family:'xeicon'; font-size:0.8rem; content:"\e980"; }
#snb .dep01{position:relative; width:15rem; z-index:3; }
#snb .dep01 > li{width:100%; }
#snb .dep02,
#snb .dep03{left:calc(100% - 1px); width:100%; }
#snb .dep02{height:0; visibility:hidden; }
#snb .dep02.open{height:auto;visibility:visible; }
#snb .dep02.mobSnb{height:2.5rem; visibility:visible; }
#snb .dep02.mobSnb.open{height:auto;visibility:visible; } 
#snb a, 
#snb :before{transition:all .3s; -webkit-transition:all .3s; }
#snb .mobSnb > li.active a { position:relative; font-weight:600;}
#snb .mobSnb > li.active a > span { position:relative; }
/*#snb .mobSnb > li.active a > span:before { content:""; position:absolute; left:0; bottom:-2px; width:100%; height:2px; background:#0098d9;}*/

/* sns */
.snsBox{position:absolute; top:0; right:0; display:inline-block; line-height:normal; z-index:6;  }
.snsBox a{float:left; position:relative; padding:0; width:2.5rem; height:2.5rem; line-height:2.5rem; text-align:center; font-size:1rem; overflow:hidden; }  
.snsBox a .ico{position:relative; display:block; width:22px; height:23px; margin:0 auto; overflow:hidden; }
.snsBox .sns_more{position:absolute; top:3.7rem; right:3.7rem; display:none; width:14.5rem; border:1px solid #0098d9; background:#fff; z-index:2; }
.snsBox .sns_more a{vertical-align:middle; font-size:1rem; color:#fff; border:none; }
.snsBox .sns_more a:not(.btnClose){width:2.25rem; height:2.25rem; line-height:2.25rem; border-radius:0.5rem; margin:0.3rem; }
.snsBox .sns_more a:not(.btnClose) i{line-height:2.25rem; } 
.snsBox .sns_more a.btnFbook{background:#1876f0; }
.snsBox .sns_more a.btnYoutube{background:#d6252d; }
.snsBox .sns_more a.btnBlog{background:#5cb632; }
.snsBox .sns_more a.btnBlog img{position:absolute; top:50%; left:54%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); }
.snsBox .sns_more a.btnKakaoStory{background:#ffc20f; }
.snsBox .sns_more a.btnTwitter{background:#1da1f2; }
.snsBox .sns_more a.btnInstagram{background:linear-gradient(#7554a3, #b9408c, #ee3b55, #f19f3d); background:-webkit-linear-gradient(#7554a3, #b9408c, #ee3b55, #f19f3d); background:-o-linear-gradient(#7554a3, #b9408c, #ee3b55, #f19f3d); background:-moz-linear-gradient(#7554a3, #b9408c, #ee3b55, #f19f3d); }
.snsBox .sns_more a.btnKakaoTalk{background:#fbe300; color:#3b1e1e; }
.snsBox .sns_more a.btnClose{position:absolute; top:-2.5rem; right:0; margin-left:0; background:#0098d9; }
.snsBox > a:before{ position:absolute; left:0; top:0.7rem; width:1px; height:1rem; background:#ccc; content:""; }
/** sns : action **/
.snsBox > a:hover,
.snsBox > a:focus{border-color:#8dacdb; z-index:1; }

#sub_content{padding:3rem 0; }
.conH3{margin-bottom:2rem; text-align:center; font-size:1.75rem; font-weight:600; color:#111; } 

/*241025*/
.label_t label {word-break: break-word;}
  
/*==== //sub layout ====*/


/* RESPONSIVE */
@media (max-width: 1630px) {
	/* 사이트맵 */
	.popFullmenu .dep01 > li {width:calc(33.333% - 4px);}
	.popFullmenu .fullmenu_group { width:calc(100% - 2rem); margin:0 auto;  }
	
	/* 로고 */
	#header .logo { top:1.2rem; left:1rem; }
	#header .logo > a img { height:1.9rem; }
	#header .logo > a em { font-size:1.1rem; }

	/* 상단메뉴 */
	#gnb .mnTit { padding-left:20rem; } 
	#gnb .dep01 { padding-left:20rem; }

	/* btnTop */
	.btnTop { top:9rem; }
	#footer .ftBox { padding-right:5rem; }
 
}
@media (max-width:1600px){
	/*==== sub layout ====*/
	.sub_visual .slogan h2{font-size:1.75rem; }    

	#sub_content{padding:2rem 0; }
	.conH3{font-size:1.5rem; }
}  
@media screen and (max-width:1440px) {

	.container{padding:0 1rem; }

	#header { height:156px; }
	#header .link_snue { height:30px;}
	#header .topLink { height:30px; line-height:30px; }
	#header .topUtil { height:30px; }
	#header .topUtil > li .lang_box { top:29px; }
	#header .topUtil > li > a { font-size:0.7rem; padding:0 0.5rem; }

	/* 상단메뉴 */
	#gnb { height:auto; border-bottom:1px solid #d4d4d4; }
	#gnb:after { bottom:70px; } 
	#gnb .mnTit { padding:85px 0 0; }  
	#gnb .mnTit ul li{ flex:1;}
	#gnb .mnTit li a { height:70px; }
	#gnb .mnBox { top:156px; left:0; width:100%; background:#fff; } 
	#gnb .dep01 { padding:0 1rem; min-height:0; }
	#gnb .dep01 > li { flex:1; }
}
@media screen and (max-width:1280px){

	/* header */
	#header { height:85px; border-bottom:1px solid #dedede;}

	.util { position:static; float:right; height:auto; }

	/* 상단 메뉴 */
	#header #gnb {display:none;}
	/* 사이트맵 */
	.popFullmenu .fullmenu_wrap { margin:0; }
	.popFullmenu .fullmenu_group {  height:calc(100% - 3rem);}
	.popFullmenu h2 {margin-bottom: 1rem; padding: 1rem; font-size: 1.2rem; text-align:left; border-top:none; }
	.popFullmenu .dep01 {margin: 0; padding: 0;}
	.popFullmenu .dep01 > li {display: block; margin: 0; padding: 0; width: 100%;}
	.popFullmenu .dep01 > li + li {margin-top: .5rem;}
	.popFullmenu .dep01 > li > a {font-size: .9rem; padding:0.9rem 1rem 0.9rem 1rem; border:1px solid #dfdfdf; }
	.popFullmenu .dep01 > li > a:before { top:0; bottom:auto; height:100%; opacity:0.3; }
	.popFullmenu .dep01 > li.dep > a {padding-right: 1.5rem;}
	.popFullmenu .dep01 > li.dep > a:after {position: absolute; top: 0.5rem; right: 0.5rem; font-family: "xeicon"; font-size:1.5rem; content: '\e942';}
	.popFullmenu .dep01 > li.dep.active > a:after {transform: rotate(180deg); -webkit-transform: rotate(180deg);}
	.popFullmenu .dep01 > li.dep.active > a {background: transparent;}
	.popFullmenu .dep01 > li.dep.active > a:before {top: 0;}
	.popFullmenu .dep02 {padding: 0.5rem 1rem;  border:1px solid #dfdfdf; border-top:none;}
	.popFullmenu .dep02 > li.dep {position: relative;}
	.popFullmenu .dep02 > li.dep.active > a { color:#014ba8; font-weight:600; }
	.popFullmenu .dep02 > li.dep > a:after {content:"\e913";}
	.popFullmenu .dep02 > li.dep.active > a:after {content:"\e91a";}
	.popFullmenu .dep02 > li.dep > a {padding-right: 1rem;}
	.popFullmenu .dep01 li > ul {display: none;}
	.popFullmenu .dep01 li.active > ul {display: block; }
	#fullmenuClose {top: 0.4rem; right:1rem;}
	#fullmenuClose i { width:2.4rem; height:2.4rem; border-radius:50%; background:#1e80e4; line-height:2.4rem; font-size:1.4rem; color:#fff; text-align:center; }
 
	/* footer */
	#footer .ftBox .box_info { float:none; }  

	/*==== sub layout ====*/  
 
	/* 서브메뉴 */      
	#snb li:not(.active) > a { line-height:1.5rem; }
	#snb li:not(.active) > a:hover:before,
	#snb li:not(.active) > a:focus:before{width:calc(100% - 2.5rem);} 
	#snb .dep01 { width:12rem; }
	/* sns */ 
	.snsBox .sns_more { top:2.5rem; right:2.5rem; }
	.snsBox a{width:2.5rem; }    
	.snsBox .sns_more a.btnClose{top:calc(-2.5rem - 1px);}  

}

@media screen and (max-width:1024px) {
	/* 푸터 */
	#footer .ftWrap { padding:0; }
	#footer .ftBtn, { position:relative; right:auto; top:auto; width:100%; border:1px solid #474e56; margin-top:1rem;}
	#footer .ftWrap > ul { padding:1rem 0; }
	#footer .ftBtn .button { height:2.5rem; line-height:2.5rem; }
	#footer .ftBtn .button i { line-height:2.5rem;}
	#footer .ftBtn > div { bottom:2.5rem;}
	#footer .ftBox { padding:1rem 0 2rem;}

    /*241023*/
    #footer .ftBtn2 { position:relative; right:auto; top:auto; width:100%; border:1px solid #474e56; margin-top:1rem;}
	#footer .ftBtn2 .ftquick { height:2.5rem; line-height:2.5rem; }

	/* 사이트맵 */
	/* 사이트맵 :action 초기화  */
	#fullmenuClose:focus > i, #fullmenuClose:hover > i {-moz-transform:rotate(0); -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0);}
 

	/*==== sub layout ====*/
	.sub_visual .slogan h2:before { display:none; }
	
	/* 서브메뉴 */
    #snb{margin-left:-1rem; padding-left:0; padding-right:0; width:calc(100% + 2rem); border:none; }
    #snb .home{display:none; }
    #snb .dep01{width:calc(100% - 2.5rem); }
	#snb ul:not(.mobSnb) > li.active > a { display:none; }
	#snb ul:not(.mobSnb) { left: 0; }
	#snb ul:not(.mobSnb):before { display: none; }
	#snb ul:not(.mobSnb) li { width: 100%; }
    #snb ul.mobSnb{left:0; }
	#snb li.active:after { display:none;} 
	#snb li.active > a:after { display:none;}

	/* sns */
	.snsBox{right:-1rem; top:0; }
	.snsBox .btnPrint{display:none; }
	.snsBox .sns_more{right:0; }

	.titImgBox2 {padding: 1rem;}
} 
@media screen and (max-width:768px) {

	/* header */
	#header{height:60px;}
	#header .logo { top:0.8rem; }
	#header .logo > a:first-child { width:2rem; padding:0; overflow:hidden; }
	#header .logo > a:first-child:before { display:none;}  


	/* GNB Util - 공통 */
	#header .topLink{display:none;}

	/* fullmenu */
	.fullmenu_wrap .fullmenu_util { display:none; margin:0 auto 1rem; padding:0 1rem 1rem; border-bottom:1px solid #dfdfdf; }
	.fullmenu_wrap .fullmenu_util > li { position:relative; display:inline-block; }
	.fullmenu_wrap .fullmenu_util > li + li { padding-left:1rem; }
	.fullmenu_wrap .fullmenu_util > li + li:before { content:""; position:absolute; left:0.4rem; top:calc(50% - 1.5px); width:3px; height:3px; border-radius:50%; background:#e2e2e2;  }
	.fullmenu_wrap .fullmenu_util .lang_box { display:none; position:absolute; top:1.4rem; left:0.2rem; width:4rem; padding:0.5rem; background:#fff; border:1px solid #ccc; text-align:center; z-index:2; }
	.fullmenu_wrap .fullmenu_util .lang_box > li + li { margin-top:0.2rem;}
	.fullmenu_wrap .fullmenu_util .lang_box > li a:hover,
	.fullmenu_wrap .fullmenu_util .lang_box > li a:focus { text-decoration:underline;}
	.popFullmenu .fullmenu_group { height:calc(100vh - 8rem); }

	.fullmenu_btn a { width:60px; height:60px; padding:20px 15px; }

	/* 검색 */
	.search > a { width:60px; height:60px; line-height:60px; }
	.search #mSearch { right:0; top:60px; width:100%; }
	.search #mSearch .btnSearchClose { top:-60px; right:60px; width:60px; height:60px; line-height:60px; }

	/* footer
	#footer .ftWrap > ul li{padding-right:0; }
	#footer .ftWrap > ul li:before{display:none;} */

	/* btnTop */
	.btnTop { position:fixed; top:auto; bottom:1rem; }
	#footer .ftBox { padding-right:0; }

	/*==== sub layout ====*/
	#sub_content{padding:1.5rem 0; }
	.conH3{margin-bottom:1rem; line-height:1.5; font-size:1.25rem; }

	.snsBox .sns_more{ width:12.2rem;}
	.snsBox .sns_more a:not(.btnClose) { width:1.8rem; height:1.8rem; line-height:1.8rem;}
	.snsBox .sns_more a:not(.btnClose) i { line-height:1.8rem;}
	 
} 
@media screen and (max-width:480px){

	/* GNB Util - 공통 */
	#header .topUtil {top:.4rem;}
	.topUtil a{width:2.5rem; height:2.5rem; text-align:center; font-size:0; line-height:0; color:transparent; padding:0;}
	.topUtil a i{font-size:1.1rem; line-height:2.5rem; padding-right:0; color:#111;}
	.topUtil a:hover i{ color:#148eff;}
}
@media (max-width:414px){
	.container{padding:0 .5rem;}  
	
	/*==== sub layout ====*/
	#snb { margin-left:-0.5rem; width:calc(100% + 1rem); }
	.snsBox { right:-0.5rem; }

	/* 서브 비주얼 */ 
	.sub_visual { height:10rem; }
	.sub_visual .slogan h2{ font-size:1.5rem; }   
 
} 
@media screen and (max-width:380px){
	#footer .ftWrap > ul { width:calc(100% + 2rem); margin-left:-1rem; }
	#footer .ftWrap > ul li { width:50%; margin:0; padding:0 1rem; text-align:center; vertical-align:top; }
	#footer .ftWrap > ul li:nth-child(even):before { display:none;}
	#footer .ftWrap > ul li:not(:last-child):before { right:-2px; }
}
@media screen and (max-width:320px){
	#footer .ftWrap > ul li { padding:0 0.5rem; }

}