@charset "utf-8";
@import url("/font/gbe_v3/XEIcon-2.3.3/xeicon.min.css");

body {font-family: 'SCDream', 'Sora', 'Montserrat', 'NotoSans', '돋움', 'Dotum', '굴림', 'Gulim', AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif !important; letter-spacing: -1px;}
input, textarea, select, button {font-family: 'SCDream', 'Sora', 'Montserrat', 'NotoSans', '돋움', 'Dotum', '굴림', 'Gulim', AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif !important;}

html {font-size: 20px !important;}

#wrap {min-height: 100%; overflow: hidden;}
#wrap.scroll {padding-top: 7.5rem;}

button {cursor: pointer;}

/*배경그림자*/
#shadow_device {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000; background:#000; opacity:0.7; }
/*터치영역*/
#touchArea {display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:880;}
/*모바일메뉴*/
#topmenu{ display:none; flex-direction: column; overflow-y:auto; overflow-x:hidden; position:absolute; top:0; right:-100%; width:100%; height:100%; background:#fff; z-index:1050; box-shadow:0px 0px 10px #333; transition: 0.25s ease; -webkit-transition: 0.25s ease;}

/*헤더*/
#header.T2_Aheader{ position:relative; width:100%; background:#fff; z-index: 110 !important;}
#header.T2_Aheader * {box-sizing: border-box !important;}
#header:before { position: absolute; top: 90px; left: 0; width: 100%; height: 1px; background: #dcdcdc; z-index:100; content: ""; }
.T2_Aheader .header_wrap {position:relative; height: 4.5rem; text-align:right; margin:0 auto; width:92%; max-width:86rem;}
.T2_Aheader .header_wrap h1 { position:absolute; top: 0.93rem; left: 0;}
.T2_Aheader .header_wrap h1 a {display: flex; justify-content: center; align-items: center; height: 100%;}
.T2_Aheader .header_wrap h1 .logo2 {display: none;}

/* 상단옵션 */
.T2_Aheader .gnb_opt {position:absolute; right: 0; top: 1.5rem;}
.T2_Aheader .gnb_opt .fs_control {display: flex; width: 5rem; border-radius: 1.5rem; background: #f6f6f6; padding: 0 0.25rem;}
.T2_Aheader .gnb_opt .fs_control a {display: flex; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; font-size: 0; position: relative;}
.T2_Aheader .gnb_opt .fs_control a + a::before {content: ""; display: block; width: 1px; height: 0.65rem; background: #dcdcdc; position: absolute; left: 0; top: calc(50% - 0.32rem);}
.T2_Aheader .gnb_opt .fs_control a::after {font-family:'xeicon'; font-size: 0.9rem; color: #555;}
.T2_Aheader .gnb_opt .fs_control a:nth-child(1)::after {content: '\e913';}
.T2_Aheader .gnb_opt .fs_control a:nth-child(2)::after {content: '\e973';}
.T2_Aheader .gnb_opt .fs_control a:nth-child(3)::after {content: '\e91a';}
.T2_Aheader .gnb_opt .tpop_control{display:none;}
.openPop .T2_Aheader .gnb_opt {display: flex;}
.openPop .T2_Aheader .gnb_opt .tpop_control{display:inline-block; margin-left:0.25rem;}
.T2_Aheader .gnb_opt .tpop_control a{display:inline-block; width:110px; height:30px; border-radius:19px; background:#444444; text-align:center; font-size:15px; letter-spacing: .5px; color:#fff; line-height:30px; padding-right:0.5rem; box-sizing:border-box; transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; -ms-transition: all .2s ease;}
.T2_Aheader .gnb_opt .tpop_control a::after{content:""; position: absolute; width:8px; height:5px; right:15px; top:12px; background:url('/images/web/yj/common/btn_arr.png') no-repeat center;}
.T2_Aheader .gnb_opt .tpop_control a.on::after{transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);}

/* 사용자메뉴 */
.T2_Aheader .gnb_util {float: right; display: flex; align-items: center; margin-top: 1.5rem; margin-right: 5rem;}
.openPop .T2_Aheader .gnb_util {margin-right: 10.75rem !important;}
.T2_Aheader .gnb_util li a {display: flex; align-items: center; padding-right: 1rem; line-height: 1.5rem; font-size: 0.75rem; color: #555;}
.T2_Aheader .gnb_util li a i {font-size: 0.9rem; margin-right: 0.25rem;}
/* 사용자메뉴 : active */
.T2_Aheader .gnb_util li a:hover,
.T2_Aheader .gnb_util li a:focus {text-decoration: underline;}
 
/* 검색 */
.search_btn button, .search_close button{font-size:0; line-height:0; text-indent:-10000px;}
.T2_Aheader .search_btn {display:none; font-size: 0; position:absolute; right:4rem; top:0.5rem; transition: all 0.15s; -webkit-transition: all 0.15s;}
.T2_Aheader .search_btn button {width: 2.5rem; height: 2.5rem; background:#004fba; color:#fff; font-size:1.3rem; text-align:center; border-radius:50%; cursor:pointer;}
.T2_Aheader .search_btn button i {display:block; text-indent:0;}
.T2_Aheader .search {position:absolute; top:1rem; left:50%; width: 19rem; height: 2.5rem; border-radius: 1.25rem; background:#eef5ff; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.T2_Aheader .search .search_wrap {z-index:2;}
.T2_Aheader .search .search_wrap legend{position: absolute; left:0; top:0; width:1px; height:1px; overflow: hidden; text-indent: -99999%;}
.T2_Aheader .search .cont_box {position:relative; display:block;}
.T2_Aheader .search .cont_box button {position: absolute; top: 0; right: 0; padding: 0; width: 2.5rem; height: 2.5rem; background:#004fba; color:#fff; border: none; border-radius: 50%; font-size:1.3rem;}
.T2_Aheader .search input {width: 100%; height: 2.5rem; border-radius: 2.5rem; border: none; background: none; padding: 0 3.5rem 0 1rem; font-size: 0.75rem;}
.T2_Aheader .search ::-webkit-input-placeholder,
.T2_Aheader .search :-ms-input-placeholder,
.T2_Aheader .search ::placeholder{line-height:40px;}/* 191203 */
.T2_Aheader .search_close{display:none; font-size: 0; position:absolute; top:-2.95rem; right:4rem; z-index:10;}
.T2_Aheader .search_close button {width:2.5rem; height:2.5rem; background:#004fba url('/images/web/yj/common/btn_close_wh.png') no-repeat center; border-radius:50%;}

/* 검색 - 인기검색어 */
.T2_Aheader .keyword {display: none; margin:5px 0 0;}
.T2_Aheader .keyword p{float:left; font-family:'NotoB'; color:#074093; margin:0 10px; font-size:13px;}
.T2_Aheader .keyword ul{width:320px; height:20px; overflow:hidden;}
.T2_Aheader .keyword ul li{float:left;}
.T2_Aheader .keyword ul li a{display:block; margin:0 5px; letter-spacing: -0.5px; font-size:12px; color:#444;}

/* 사이트맵 */
.T2_Aheader #gnb .sitemap{position:absolute; right:50%; margin-right:-860px; display:inline-block; width:3.5rem; line-height: calc(3.5rem - 1px); background:#f6f6f6; font-size:1.6rem; color:#444; text-align:center;}
.T2_Aheader #gnb .sitemap span{display:block; float:right; height:3px; width:100%; background:#003267; margin:3px 0; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease;}
.T2_Aheader #gnb .sitemap:hover span{width:100% !important;}
.T2_Aheader #gnb .sitemap span:nth-child(2){width:80%;}

/* 메뉴 */
.T2_Aheader #gnb {position:relative; width:100%; z-index:99; background: #fff;}
.T2_Aheader #gnb::after {content: ""; display: block; width: 100%; height: 1px; background: #dcdcdc; position: absolute; left: 0; bottom: 0;}
.T2_Aheader #animate {position:relative; height:50px; z-index:2;}
.T2_Aheader #animate ul, .T2_Aheader #animate li { position:relative; height:100%;}
.T2_Aheader #animate li a{ position:relative; display:block; font-weight:400; }
.T2_Aheader #animate .depth01{ width:92%; max-width:86rem; height:3.5rem; margin:0 auto; z-index:1; }
.T2_Aheader #animate .depth01 > ul{ display:flex; width:calc(100% - 3.5rem); text-align:center; z-index: 1; float:left; transition: all 0.15s; -webkit-transition: all 0.15s;}
.T2_Aheader #animate .depth01 > ul > li { flex:1;}
.T2_Aheader #animate .depth01 > ul > li > a{ position:relative; display:flex; width:100%; height:3.5rem; line-height:1.2; justify-content: center; align-items: center; font-size:0.95rem; color:#333; font-weight:600; letter-spacing:-1px; transition: all 0.15s; -webkit-transition: all 0.15s; }
.T2_Aheader #animate .depth01 > ul > li + li > a:after {content: ""; display: block; width: 0.3rem; height: 0.3rem; border-radius: 50%; background: #c5c9d6; position: absolute; left: -0.15rem; top: calc(50% - 0.15rem);}
.T2_Aheader #animate .depth01 > ul > li > a:before{content:""; position:absolute; left:50%; bottom:0; width:0; height:3px; background:#004fba; transform:translateX(-49%); -webkit-transform:translateX(-49%); z-index: 1;}
.T2_Aheader #animate .depth01 > ul > li > a > span{ display:inline-block; padding:0 3px;}
.T2_Aheader #animate .depth01 > ul > li > a > span:before{ content:""; position:absolute; left:50%; bottom:0; width:0; height:10px; border-radius:5px; opacity: 0; z-index: -1;}
.T2_Aheader #animate .depth01 > ul > li > a[target='_blank']:after{ content:"\e980"; display:inline-block; padding-left:.25rem; font-family: 'xeicon'; font-size: 0.9rem; }
.T2_Aheader #animate .depth01 > ul > li.on > a,
.T2_Aheader #animate .depth01 > ul > li > a.on { color:#004fba; } /* 1차메뉴 active 텍스트 색상 */
.T2_Aheader #animate .depth01 > ul > li.on > a:before,
.T2_Aheader #animate .depth01 > ul > li > a.on:before {width:75%; }
.T2_Aheader #animate .depth02{ width:100%; height:auto; text-align:left; }
.T2_Aheader #animate .depth02 > ul{ padding:2rem 0; }
.T2_Aheader #animate .depth02 > ul > li.dep:hover:before { color:#fff; }
.T2_Aheader #animate .depth02 > ul > li.dep > a{ padding-right: 2.85rem; }
.T2_Aheader #animate .depth02 > ul > li > a{ position:relative; color:#111; font-weight:400; padding:.45rem 1rem; font-size:.75rem; word-break: keep-all;}
.T2_Aheader #animate .depth02 > ul > li > a[target='_blank']:after {content: "\e980"; display: inline-block; padding-left: 0.25rem; font-family: 'xeicon'; font-size: 0.8rem;}
.T2_Aheader #animate .depth03{ position:relative; display:none; }
.T2_Aheader #animate .depth03 > ul{ padding:.5rem 1.25rem; }
.T2_Aheader #animate .depth03 > ul > li + li{margin-top:.35rem;}
.T2_Aheader #animate .depth03 > ul > li > a{ position:relative; font-size:.75rem; padding-left:.5rem; color:#333; }/* 1차메뉴 텍스트 색상 */
.T2_Aheader #animate .depth03 > ul > li > a:before{content:""; position:absolute; left:0; top:.5rem; width:4px; height:4px; border-radius:50%; background:#004fba;} /* 1차메뉴 active underline 색상*/
.T2_Aheader #animate .depth03 > ul > li > a > span:before{ content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background:#dae7f8; } /* 1차메뉴 active 그림자 색상 */
.T2_Aheader #animate .depth03 > ul > li > a[target='_blank']:after {content: "\e980"; display: inline-block; padding-left: 0.15rem; font-family: 'xeicon'; font-size: 0.7rem;}
.T2_Aheader #animate .depth03 > ul > li > a:hover,
.T2_Aheader #animate .depth03 > ul > li > a:focus{ color:#004fba; font-weight:600; }
.T2_Aheader #animate .active > .depth03{ display:block; }
.T2_Aheader #animate .depth04{ display:none;}
.T2_Aheader #animate:before,
.T2_Aheader #animate li > a:before, 
.T2_Aheader #animate li > a:after, 
.T2_Aheader #animate li > a > span:before{ transition: all .1s; -webkit-transition: all .1s; }

/* gnb : oneFull */
.T2_Aheader #gnb.oneFull #animate {height: auto; transition: 0.15s;}
.T2_Aheader #gnb.oneFull ul, .T2_Aheader #gnb.oneFull li{ position:initial;}
.T2_Aheader #gnb.oneFull .depth02{ position:absolute; left:0; top: 3.5rem; display:none; transition-delay: .0s; text-align:left; min-height:13rem; }
.T2_Aheader #gnb.oneFull .depth02:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; z-index:0; box-shadow:0 5px 10px rgba(0,0,0,0.1); }
.T2_Aheader #gnb.oneFull .depth02_tit {width: 25.5%; border-top-right-radius:3.5rem; background:#1e385b url('/images/com/gbe_v3/2dep_bg.png') no-repeat right -90px top -95px; color:#fff; text-align:right; padding: 4rem 0 0 12.5%; text-align:left; z-index:1; }
.T2_Aheader #gnb.oneFull .depth02_tit strong { display:block; font-size:1.3rem; font-weight:700; padding-right:2rem;}
.T2_Aheader #gnb.oneFull .depth02_tit span { display:block; font-size:.8rem; margin-top:1.5rem; padding-right:3rem; word-break:keep-all; line-height:1.7; }
.T2_Aheader #gnb.oneFull .depth02 > ul{ flex:1; margin:0 auto; font-size:0; line-height:0; padding:2rem 3rem 2rem 2rem; }
.T2_Aheader #gnb.oneFull .depth02 > ul > li{ width: 25%; display:inline-block; vertical-align: top; padding:.5rem; font-size:.8rem; line-height:1.6; letter-spacing:-2px; }
.T2_Aheader #gnb.oneFull .depth02 > ul > li.dep > a:before{content:'\e944'; position:absolute; right:0.75rem; top:0.5rem; width:1.25rem; height:1.25rem; line-height:1.25rem; border-radius:50%; background:#eef5ff; text-align:center; font-family: 'xeicon'; font-size:.8rem;}
.T2_Aheader #gnb.oneFull .depth02 > ul > li > a{ background:#fff; border:2px solid #b7bac5; border-radius:.5rem; font-size:.85rem; color:#000; overflow:hidden;}
.T2_Aheader #gnb.oneFull .depth03 > ul > li > a:before{background:#c3c3c3;}/* 3차메뉴 블릿 색상 */
/* .T2_Aheader #gnb.oneFull .depth02 > ul > li > a:after{ content:""; position:absolute; right:-7rem; top:-10rem; width:10rem; height:10rem; border-radius:50%; background:rgba(255,255,255,0.2); opacity: 0; transition: all .4s; -webkit-transition: all .4s;} */
.T2_Aheader #gnb.oneFull .depth03{ margin:0; opacity: 0; }
.T2_Aheader #gnb.oneFull .depth02 > ul > li > a:hover,
.T2_Aheader #gnb.oneFull .depth02 > ul > li.dep.on > a:hover{border-color:#004fba; color:#004fba; font-weight:600; }
.T2_Aheader #gnb.oneFull .depth03{ background:#f8f8f8; border-radius:0 0 1rem 1rem; }
/** oneFull:active **/
.T2_Aheader #gnb.oneFull #animate.active{ height:auto; }
.T2_Aheader #gnb.oneFull .depth02 > ul > li.dep.active > a {border-color:#004fba; color:#004fba; font-weight:600; }
.T2_Aheader #gnb.oneFull .depth02 > ul > li.dep.active > a:before{content:"\e941"; background:#004fba; color:#fff; }
.T2_Aheader #gnb.oneFull .depth02 > ul > li.active .depth03{ opacity:1; display:block; }
.T2_Aheader #gnb.oneFull .depth01 > ul > li.on > .depth02{ display:flex; }

/* 스크롤시 헤더 변형 */
#header.T2_Aheader.scroll {position:fixed; left:0; top:0; box-shadow: 5px 5px 5px rgba(0,0,0,0.08);}
#header.T2_Aheader.scroll:before {display:none;}
#header.T2_Aheader.scroll .gnb_opt {display:none;}
#header.T2_Aheader.scroll .gnb_util {opacity:0;}
#header.T2_Aheader.scroll .header_wrap {position:absolute; left:50%; height: 100%;}
#header.T2_Aheader.scroll .header_wrap h1 {width: 2.2rem; height: 2.2rem; top: 0.4rem; z-index: 100;}
#header.T2_Aheader.scroll .header_wrap h1 img {max-width: 100%; max-height: 100%; object-fit: contain; object-position: center;}
#header.T2_Aheader.scroll .header_wrap h1 .logo1 {display: none;}
#header.T2_Aheader.scroll .header_wrap h1 .logo2 {display: block;}
#header.T2_Aheader.scroll .search_btn {display:block; right: 3rem; top:0; z-index:100;}
#header.T2_Aheader.scroll .search_btn button {width: 3rem; height: calc(3rem - 1px); border-radius:0; }
#header.T2_Aheader.scroll .search {display: none; width: 19rem; height: auto; border-radius: 0; background: #ecf4ff; box-shadow: 0 3px 3px rgba(0,0,0,0.1); padding: 1.25rem; left: auto; right: 3rem; top: 3rem; z-index:100; transform: none;}
#header.T2_Aheader.scroll .search .search_wrap {position: relative; border-radius:.75rem; background:#fff; border:2px solid #004fba;}
#header.T2_Aheader.scroll .search .cont_box button {right: -2px; top: -2px; width: calc(2.7rem + 2px); height: calc(2.5rem + 4px); color: #fff; font-size:1.4rem; border-radius:.5rem; border: 0; font-weight:600; background: #004fba url('/images/com/gbe_v3/msearch_btn_bg.png') no-repeat right bottom;}
#header.T2_Aheader.scroll .search input {margin:0; border-radius: 0.75rem; width: 100%; height: 2.5rem;}
#header.T2_Aheader.scroll .search_close{display:block; top: -3rem; right: 0;}
#header.T2_Aheader.scroll .search_close button {width: 3rem; height: 3rem; border-radius: 0;}
#header.T2_Aheader.scroll #animate .depth01 {height: 3rem;}
#header.T2_Aheader.scroll #animate .depth01 > ul {width: calc(100% - 6rem); padding-left: 3.7rem;}
#header.T2_Aheader.scroll #animate .depth01 > ul > li > a {height: 3rem; font-size:0.8rem;}
#header.T2_Aheader.scroll #gnb {border-bottom-color: #e9e9e9;}
#header.T2_Aheader.scroll #gnb.oneFull .depth02 {top: 3rem;}
#header.T2_Aheader.scroll #gnb .sitemap {width: 3rem; line-height: calc(3rem - 1px); margin-left: 3rem;}

#gnbblind {display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.35); position: fixed; top: 0; z-index: 99;}

/* SNS & 사용자메뉴 */
#topmenu .mobile_global {overflow:hidden; }
#topmenu .mobile_global .mt_global {display: flex; border-bottom: 1px solid #ccc; background: #1e385b;}
#topmenu .mobile_global .mt_global a {display: block; padding: 0.45rem 1rem; width:50%; line-height: 1.25rem; text-align: center; font-size: 0.75rem; color: #fff; position: relative;}
#topmenu .mobile_global .mt_global a::before { position: absolute; top: -1px; left:50%; font-family:'xeicon'; font-size:.9rem; } 
#topmenu .mobile_global .mt_global a + a::before {content: ""; width: 1px; height: 0.65rem; background: rgba(255,255,255,0.8); position: absolute; left: 0; top: calc(50% - 0.33rem);}
#topmenu .mobile_global .mt_global a i {margin-right: 0.25rem;}
/* SNS & 사용자메뉴 : active */
#topmenu .mobile_global .mt_global a:hover,
#topmenu .mobile_global .mt_global a:focus {text-decoration: underline;}

/* 모바일 */
#topmenu h3 {display: flex; align-items: center; height: calc(3.5rem + 1px); border-bottom: 1px solid #dcdcdc; padding: 0 1rem;}
#topmenu h3 img {height: 2rem;}
#topmenu .gnb_opt {order: -1; display: flex; justify-content: flex-end; align-items: center; border-bottom: 1px solid #dcdcdc; background: #f9f9f9; padding: 0.25rem 1rem;}
#topmenu .gnb_opt .fs_control {display: flex; border-radius: 1.5rem; background: #fff; padding: 0 0.25rem;}
#topmenu .gnb_opt .fs_control a {display: flex; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; font-size: 0.9rem; color: #555;}
#topmenu .gnb_opt .fs_control a + a::before {content: ""; display: block; width: 1px; height: 0.65rem; background: #dcdcdc; position: absolute; left: 0; top: calc(50% - 0.32rem);}
.nav_mobile {display:none; position:absolute; top:0.5rem; right:1rem;}
.nav_mobile a {display:block; width:2.5rem; line-height:2.5rem; background:#444; color:#fff;  font-size:1.3rem; text-align:center; border-radius: 50%;}
.nav_mobile a span { position:absolute; top:-9999px; left:0; overflow:hidden; height:0; font-size:0; }

.nav_mobile_close {display: none; position: absolute; right: 1rem; top: calc(2.5rem + 1px); z-index:9999;}
.nav_mobile_close a {display: block; width: 2.5rem; line-height: 2.5rem; border-radius: 50%; background: #444; font-size: 1.1rem; color: #fff; text-align: center;}
.nav_mobile_close a span { position:absolute; top:-99999px; left:0; overflow:hidden; height:0; font-size:0; }

#gnb_device {flex: 1; padding: 0 1rem 1rem; overflow-y: auto;}
#gnb_device > li {overflow:hidden; border-bottom:1px solid #e3e3e3; }
#gnb_device li a[target='_blank']:after{display:inline-block; padding-left:.25rem; font-family: 'xeicon'; font-weight: 400; content: '\e980'; position:absolute; font-size:1rem; right:1rem; }
#gnb_device > li > a { display:block; padding: 0.75rem 0; padding-right: 3.25rem; font-size: 0.8rem; z-index: 1; position: relative;}
#gnb_device > li > a:before{ position: absolute; font-family: 'xeicon'; }
#gnb_device > li > a:before{content: '\e941'; top: calc(50% - 0.63rem); right:1rem; width:1.25rem; height:1.25rem; line-height:1.25rem; border-radius:50%; background:#efefef; text-align:center;}
#gnb_device > li > a.ov:before {content: '\e944'; background:#e4efff; }
#gnb_device > li > ul > li > a.ov:before{content: '\e9c1'; }

#gnb_device > li > ul { padding:0 0; background:#ebebeb; border-top:1px solid #004fba; }
#gnb_device > li > ul > li + li {border-top: 1px solid #fff;}
#gnb_device > li > ul > li > a {display:block; position: relative; padding: 0.5rem 2.75rem 0.5rem 1rem; font-size:0.75rem; color:#333; }
#gnb_device > li > ul > li > a.dep3::after{position: absolute; font-family: 'xeicon'; content: '\e9c5'; top:.45rem; right:1rem; font-size:1rem; }
#gnb_device > li > ul > li > a.dep3.on::after{content: '\e9c1';}
#gnb_device > li > ul > li > ul {background:#fff; padding:.5rem .75rem; }
#gnb_device > li > ul > li > ul > li + li { margin-top:.5rem;}
#gnb_device > li > ul > li > ul > li > a {display:block; position:relative; padding-left:12px; color:#666; font-size:0.7rem;}
#gnb_device > li > ul > li > ul > li > a:before{content:""; position:absolute; left:0; top:.5rem; width:4px; height:4px; border-radius:50%; background:#ccc; }
/* 모바일 : active */
#gnb_device > li > a.ov,
#gnb_device > li > a:hover,
#gnb_device > li > a:focus,
#gnb_device > li > a:active {border-color: #004fba; color: #004fba; font-weight: 700;} /* 1차메뉴 active */
#gnb_device > li > ul > li > a.on,
#gnb_device > li > ul > li > a:hover,
#gnb_device > li > ul > li > a:focus,
#gnb_device > li > ul > li > a:active {background: #ddebff; color: #004fba; font-weight: 600;} /* 2차메뉴 active */
#gnb_device > li > ul > li > ul > li > a:hover,
#gnb_device > li > ul > li > ul > li > a:focus,
#gnb_device > li > ul > li > ul > li > a:active {color: #004fba; font-weight: 600;}
#gnb_device > li > ul > li > ul > li > a:hover::before,
#gnb_device > li > ul > li > ul > li > a:focus::before,
#gnb_device > li > ul > li > ul > li > a:active::before {background: #004fba;}

/* footer */
.T2_Afooter * {box-sizing: border-box !important;}
.T2_Afooter .area_footer {position:relative; background: #373c4d;}
.T2_Afooter .box_footer {max-width: 72rem; padding: 0 1rem 2.25rem; color: #fff; line-height: 2; margin: 0 auto; position: relative;}

/* 사이트링크 */
.T2_Afooter .footBtnWrap {display: flex; flex-wrap: wrap; border-left: 1px solid #81858f;}
.T2_Afooter .footBtn {width: calc(100% / 3); border-right: 1px solid #81858f; border-bottom: 1px solid #81858f; position: relative;}
.T2_Afooter .footBtn button {width:100%; height:60px; line-height:60px; position:relative; font-size:16px; text-align:left; color:#fff; background: rgba(255,255,255,.1); cursor: pointer;}
.T2_Afooter .footBtn button:hover{background:#5c738c;}
.T2_Afooter .footBtn button span{padding-left: 1.5rem; display:block; margin-right: 2.5rem;}
.T2_Afooter .footBtn button::before{position: absolute; top: 0; right: 0.75rem; font-family: 'xeicon'; font-size: 1.1rem; color: #fff; content: "\e930";}
.T2_Afooter .footBtn.on button::before{transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);}
/* .T2_Afooter .footBtn button::after{content:""; position: absolute; right:10px; top:19px; width:19px; height:1px; background:#959aa4;} */
.T2_Afooter .footBtn div {display:none;position:absolute;bottom:60px;left:-1px;width:100%;max-height:223px;border:1px solid #728197;border-bottom:0;overflow-y: auto!important;z-index:10000;} /* 230614 */
.T2_Afooter .footBtn ul li {font-size:13px; border-top:1px solid #5d6a77;}
.T2_Afooter .footBtn ul li strong {display:block; padding:7px 10px; color:#fff799; opacity:1; background:#343b42;}
.T2_Afooter .footBtn ul li:first-child {border:0; }
.T2_Afooter .footBtn ul li ul {border-top:1px solid #5d6a77;}
.T2_Afooter .footBtn ul li a {display:block; padding:7px 10px; overflow:hidden; color:#d4dde7; opacity:0.9; background:#343b42;}
.T2_Afooter .footBtn ul li a:hover, .T2_Afooter .footBtn ul li a:focus, .T2_Afooter .footBtn ul li a:active {opacity:1; color:#fff;}
.T2_Afooter .footBtn button, .T2_Afooter .footBtn button::before{ transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; }


/* 푸터 */
.T2_Afooter .footer_link {margin-top: 1.25rem; overflow: hidden;}
.T2_Afooter .footer_link ul {display: flex; flex-wrap: wrap; margin-left: -1rem;}
.T2_Afooter .footer_link li {padding: 0 1rem; position: relative;}
.T2_Afooter .footer_link li::before {content: ""; display: block; width: 1px; height: 0.75rem; background: #646976; position: absolute; left: 0; top: calc(50% - 0.38rem);}
.T2_Afooter .footer_link li a {color: #fff; font-weight: 600;}
.T2_Afooter .footer_link li:first-child a {color: #87c472;}
.T2_Afooter .box_footer .box_info {font-size: 0.75rem; color: #fff; letter-spacing: 0; margin-top: 1.25rem;}
.T2_Afooter .box_footer .box_info i {font-size: 1rem; margin-right: 0.25rem; position: relative; bottom: -0.1rem;}
.T2_Afooter .box_footer .box_info ul {display: flex; flex-wrap: wrap;}
.T2_Afooter .box_footer .box_info ul li {margin-right: 1rem;}
.T2_Afooter .box_footer .box_info ul li address {font-weight: 600;}
.T2_Afooter .box_footer .box_info ul li span {font-weight: 600;}
.T2_Afooter .box_footer .box_info .copyright {font-weight: 300; line-height: 1.6; margin-top: 0.5rem; opacity: 0.6;}
/* 푸터 : active */
.T2_Afooter .footer_link li a:hover {text-decoration: underline;}

/* 상단이동 */
.btn_top a{position: absolute; top: -1.5rem; right: -5rem; display: block; margin: 0; padding: .3rem 0.25rem; width: 3rem; height: 3rem; line-height: 1; text-align: center; font-size: 0.7rem; color: #fff; letter-spacing: 0; background:#004fba; border-radius: 50%; border:none; overflow: hidden; z-index: 100;}
.btn_top a i {font-size: 1.2rem; margin-bottom:.15rem;}

/* 퀵메뉴 */
.Quickmn { position:absolute; top:30px; left:50%; width:150px; height:auto; text-align:center; margin-left:680px; z-index:99}
.Quickmn h2 { font-size:16px; font-weight:bold; line-height:40px; color:#fff; background:#0c3771}
.Quickmn ul {background:#fff; border:1px solid #d3dbe0; border-top:0; border-bottom:0}
.Quickmn ul li a { display:block; font-size:12px; line-height:18px; padding:5px 0; color:#333; word-break:keep-all; border-bottom:1px solid #d3dbe0 }
.Quickmn ul li.bcol a { background:#f1f4f9}
.Quickmn ul li:hover a { text-decoration:underline}
.Quickmn .mgnavi_depth_open,
.Quickmn .mgnavi_depth_close{display: block;border:1px solid #bababa;background: #fff;font-size: 0;width: 17px;height: 17px;cursor:pointer;position: relative;position: absolute;right:0;top:12px;}
.Quickmn .mgnavi_depth_close{display: none;}
.Quickmn .mgnavi_depth_open::after{content: '';width: 8px;height: 1px;background: #000;position: absolute;left: 5px;top:8px;}
.Quickmn .mgnavi_depth_open::before{content: '';width: 1px;height: 8px;background: #000;position: absolute;left: 8px;top:5px}
.Quickmn .mgnavi_depth_close::after{content: '';width: 8px;height: 1px;background: #000;position: absolute;left: 5px;top:8px;}
.Quickmn .active .mgnavi_depth_open{display: none;}
.Quickmn .active .mgnavi_depth_close{display: block;}

/*===================================== 서브 =========================================*/
/* content */
.header_sub {position:fixed; top:8rem; z-index:99; width:100%; background-color:#fff; box-shadow:0 1px 0 0 rgba(0,0,0, 0.08); display:none; }
body.fixed .header_sub {position:fixed; top:53px; background-color:#fff; display:block; }
.header_sub_in {max-width:1400px; height:48px; margin:0 auto; padding:0 40px; position:relative; box-sizing:border-box;}
.header_sub .list_location {float:left;}
.header_sub .list_location > li {float:left;}
.header_sub .list_location > li + li {position:relative; padding-left:24px;}
.header_sub .list_location > li:before {content:''; position:absolute; top:17px; left:4px; width:16px; height:16px; background:url(/docfiles/resources/pc/images/common/icon/w16/ico_arrowB_forward.png) no-repeat 50% 50%; background-size:16px 16px; opacity:0.2;}
.header_sub .list_location > li:first-child:before { content:none; }
.header_sub .list_location > li a , .header_sub .list_location > li strong {float:left; padding:14px 0 14px; font-size:14px; line-height:20px; font-weight:500; color:#000;}
.header_sub .list_location > li sup { display:inline-block; margin-top:-9px; }

#sub_container_wrap {position:relative; background:#fff;}
#sub_container_wrap:after {content:""; display:block; clear:both;} 

.sub_content_wrap {position:relative; max-width:1400px; margin:30px auto 100px; min-height:680px;} 
.sub_content_wrap:after {content:""; display:block; clear:both;} 

#sub_content{ position:relative; width:calc(100% - 14.5rem); padding-left:2rem; float:right; box-sizing:border-box;} 
.subCntBody{ position:relative; padding:30px 0 40px; word-break:keep-all}
	
/* sub visual */
@keyframes animate_background{
	0%   {background-position:50% 0;}
	50%  {background-position:50% 100%;}
	100%  {background-position:50% 0.1%;}
}
.s_visual {position:relative; width:100%; height:230px; background:url('/images/web/yj/sub/S_visual.png') no-repeat 50% 0; -webkit-animation:animate_background 8s linear; -moz-animation:animate_background 8s linear; -o-animation:animate_background 8s linear; animation:animate_background 8s linear; }
.s_visual .slogan{max-width:1300px; margin:0 auto; padding:35px 20px;}

/* 왼쪽메뉴 수정 */
#menu { width:14.5rem; float:left; display:block; margin-bottom:2rem;  box-sizing:border-box;} 
#menu * {box-sizing:border-box;} 
#menu h1 { position:relative; min-height:6rem; display:flex; align-items:center; justify-content: center; border-radius:.5rem 1.5rem .5rem .5rem; text-align:center; padding:1rem .25rem; font-weight: 700; font-size:1.3rem; overflow:hidden; z-index:0; color:#fff; background: #004fba url('/images/com/gbe_v3/lnb_h2_bg.png') no-repeat 0 0 / contain;}
#menu .lnb > li{ position:relative; }
#menu .lnb > li:first-child > a,
#menu .lnb > li.row.on + li > a { border-top:0 }
#menu .lnb > li > a {display:block; padding:.75rem 1rem; font-size:0.8rem; color:#333; border:1px dashed transparent; border-top-color:#cbcbcb; overflow:hidden;}
#menu .lnb > li > a:hover { text-decoration:underline}
#menu .lnb > li.on > a {border-radius:.5rem; font-weight:600;} 
#menu .lnb > li.on > a:hover { text-decoration:none}

#menu .subLnb {display:none; padding:1rem; border-radius:0 0 .5rem .5rem; background:#f5f9fc;}
#menu .subLnb > li { position:relative}
#menu .subLnb > li + li{margin-top:.5rem;}
#menu .subLnb > li > a {display:block; padding: 0 20px; font-size:.75rem;}
#menu .subLnb > li > a:before { content:''; position:absolute; left:0; top:0.45rem; width:10px; height:3px; border-radius:3px;  background:#004fba;}
#menu .subLnb > li.on > a {color:#004fba;}
#menu .subLnb > li.on > a:hover {text-decoration:none}
#menu .subLnb > li > a:hover{ text-decoration:underline}

#menu .subLnb3 {display:none; width:198px; margin:0 auto; background-color:#fff; padding:8px 10px; }
#menu .subLnb3 li a {display:block; color:#666; padding:3px 8px 3px 8px; font-size:12.5px; background:url('/images/web/yj/common/subLnb3_dot.png') no-repeat 0 11px; position: relative;}
#menu .subLnb3 li.on a {color:#0e2e54; font-family: 'NotoM'; background-image:url('/images/web/yj/common/subLnb3_dot_on.png')}
#menu .subLnb3 li.on a:hover {text-decoration:none}
#menu .subLnb3 li a:hover{ text-decoration:underline}

/* 왼쪽메뉴 2차메뉴 아이콘 */  
#menu .lnb > li > a:after{position:absolute; right:1rem; top:0.85rem; font-family:'xeicon'; font-size:.9rem; font-weight: 400;}
#menu .lnb > li > a:after{content:"\e94a"; color:#b6b9bd; top:0.5rem; font-size:1.2rem; }
#menu .lnb > li.on > a:after{color:#004fba;}
#menu .lnb > li.row > a::after, #menu .lnb > li.row > a::before{display:block; position:absolute; content:''; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease;}
#menu .lnb > li.row > a::after{content:"\e944"; top:0.8rem; width:1.25rem; height:1.25rem; line-height:1.25rem; text-align:center; border-radius:50%; font-size:.8rem; box-shadow: 0 0 4px rgba(0,0,0,.2);}
#menu .lnb > li.row.on > a::after{content:"\e941"; background:#004fba; color:#fff;}

/* 왼쪽메뉴 3차메뉴 아이콘 */  
#menu .subLnb > li.row > a:after{display:block; position:absolute; content:'';}
#menu .subLnb > li.row > a:after{background:url('/images/web/yj/common/ico_add.png') no-repeat; width:13px; height:13px; right:5px; top:5px;}
#menu .subLnb > li > a.on:after{ background:url('/images/web/yj/common/ico_out.png') no-repeat; width:13px; height:13px; right:5px; top:5px}

/* 새창 아이콘 */
#menu .lnb a[target='_blank']:after  {position:absolute; right:5px; top:50%; font-family: 'xeicon'; content:'\e980'; font-size:.85rem; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
#menu .lnb > li > a[target='_blank']:after  {right:25px;}

/* sub 타이틀 */
#sub_content .title_area{ position:relative; overflow:hidden; padding:15px 0 43px; border-bottom:1px solid #e5e5e5}
#sub_content .title_area:after { content:""; display:block; clear:both;}
#header_sub .location, .title_area .location { position:absolute; bottom:25px; left:0; font-size:13px; line-height:18px;}
#header_sub .location {left:auto; right:85px; bottom:10px;}
#header_sub .location a, .title_area .location a {display:inline-block; width:1.5rem; height:1.5rem;; line-height:1.5rem; color:#636161; background:#efefef; text-align:center; border-radius:50%;}
#header_sub .location span, 
#header_sub .location strong,
.title_area .location span, 
.title_area .location strong {display:inline-block; *display:inline; zoom:1; padding-left:16px; background:url('/images/web/yj/common/icon_location_arrow.gif') no-repeat 5px 6px; color:#777}
#header_sub .location strong,
.title_area .location strong { font-weight:normal}
#header_sub .location a.home img,
.title_area .location a.home img {vertical-align:middle}
.title_area .pageTitle{ font-weight:bold; letter-spacing:-2px; font-size:26px; color:#222; line-height:36px}

/* sns */ 
.snsBox { position:absolute; bottom:10px; right:0;}
.snsBox:after { content:""; display:block; clear:both;}
.snsBox button { float:left; margin-left:7px; width:28px; height:28px; overflow:hidden; background:url("/images/web/yj/common/btnSns.png") no-repeat 0 0}
.snsBox button > span {text-indent:-1140px; font-size:0; line-height:0}
.snsBox .btnPrint { background-position:0 0; }
.snsBox .btnFbook { background-position:-31px 0; }
.snsBox .btnTwt { background-position:-62px 0; }
.snsBox .btnKko { background-position:-93px 0; }
.snsBox .btnKkot { background-position:-124px 0; }
.snsBox .btnBand{ background-position:-155px 0; }
.snsBox .btnDaum{ background-position:-186px 0; }
.snsBox .btnShare{ background-position:-217px 0; }
.snsBox .snsClose{background-position:-248px 0;margin-left: -135px;} /* 231117 */
.snsBox .sns_more{display:none; position:absolute; right:-140px; top:0; text-align:left}
.snsBox.on{ right:140px}
.snsBox.on .sns_more{ display:block;}
.snsBox.on .btnShare {left: 33px;position: absolute;} /* 231117 */

/*===================================== 서브 =========================================*/
@media screen and (min-width: 1881px){  
	#header.T2_Aheader.scroll .header_wrap {margin-left:-860px;}
}
@media screen and (max-width: 1880px){  
	#header.T2_Aheader.scroll .header_wrap {margin-left: -46%;}
	
	/* 사이트맵 */
	.T2_Aheader #gnb .sitemap{margin-right:-46%;}

	.btn_top a {position: fixed; right: 1rem; top: auto; bottom: 1rem;}
}
@media screen and (max-width: 1540px){
	#wrap.scroll {padding-top: 9.5rem;}

	#header.T2_Aheader {border-top: 1px solid #dcdcdc; margin-top: calc(2rem + 1px);}
	#header.T2_Aheader::after {content: ""; display: block; width: 100%; height: 2rem; background: #f9f9f9; position: absolute; left: 0; bottom: calc(100% + 1px); z-index: -1;}
	#header.T2_Aheader.scroll {border-top: 0; margin-top:0;}
	.T2_Aheader .gnb_opt {top: auto; bottom: calc(100% + 0.25rem + 1px);}
	.T2_Aheader .gnb_util {float: none; margin-top: 0; position: absolute; right: 0; bottom: calc(100% + 1px); width:100%; justify-content:flex-end; height:2rem;}
	.popShow .T2_Aheader .gnb_util { margin:0 6rem 0 0 !important;}
	.T2_Aheader .gnb_opt .fs_control { background:#fff; }
	
	.T2_Aheader .search { left:auto; right:0; transform: none; -webkit-transform: none; }
	
	.T2_Aheader #animate .depth01 > ul > li + li > a:after {left:-0.15rem;}
	.T2_Aheader #gnb.oneFull .depth02_tit {width: calc(25.5% - 4.5rem); padding: 4rem 2rem 0; text-align: center; z-index:1; }
	.T2_Aheader #gnb.oneFull .depth02_tit strong {padding-right: 0;}
	.T2_Aheader #gnb.oneFull .depth02 > ul > li{ width: calc(100% / 3);}
	
	.header_sub {top:10rem; }
	
	/* footer */
	#footer .btn_top {top: auto; bottom: 1rem; right: 0;}
}

@media screen and (max-width: 1440px){
	.T2_Aheader .header_wrap {width:auto; margin:0 1rem;}
	.T2_Aheader #animate .depth01 {width:100%;}
	/* 사이트맵 */
	.T2_Aheader #gnb .sitemap{right:0; margin-right:0;}
	#header.T2_Aheader.scroll .header_wrap {width:inherit; left: 0; margin-left: 0;}
	#header.T2_Aheader.scroll .header_wrap h1 {left: 1rem;}
	#header.T2_Aheader.scroll #animate .depth01 > ul {padding-left: 4.4rem;}
	#header.T2_Aheader.scroll .search_btn {right: 3rem;}
	#header.T2_Aheader.scroll .search {right: 3rem;}
	
	.container {padding:0 1rem;}
	
	/* footer :site link */
	.siteLink {right: 1rem;}

	.T2_Afooter .footBtn button span {padding-left: 1rem;}
}

@media (max-width:1340px) {

	/* header */
	.T2_Aheader .infoToday{right:180px;}

	.T2_Aheader #gnb.oneFull .depth02_tit {width: calc(30% - 4.5rem);}
}

/********** media query mobile *************/
@media (max-width:1200px) {/* 190906 */
	
	html {font-size: 19px !important;}
	
	#wrap{min-width:320px; overflow:visible; width:100%; height:100%;}
	#wrap.scroll {padding-top: 5.5rem;}
	#header, #snb,
	.search, .search .search_wrap, .search input { width:100%;}
	
	#header.T2_Aheader {width:100%; height:3.5rem; border-bottom:1px solid #ddd;}
	#header.T2_Aheader.mscroll {position: fixed; left: 0; top: -1px; z-index: 110;}
	#header:before { display: none; }
	.T2_Aheader .header_wrap{width:100%; height:3.5rem; margin:0; }
	.T2_Aheader .header_wrap h1 { left:1rem; top:0; }
	.T2_Aheader .header_wrap h1 a{ display:inline-block; line-height:3.5rem; font-size: 0;}
	.T2_Aheader .header_wrap h1 a img {height: 2rem;}

	/* 검색 */
	.T2_Aheader .search_btn {display:block;}
	.T2_Aheader .search {display:none; width:100%; top: calc(3.5rem - 1px); left:0; border-radius:0; height:auto; margin-left:0; padding:1.25rem; background:#ecf4ff; box-shadow:0 3px 3px rgba(0,0,0,0.1); }
	.T2_Aheader .search .search_wrap {position: relative; border-radius:.75rem; background:#fff; border:2px solid #004fba;}
	.T2_Aheader .search .cont_box button {width: calc(2.5rem + 2px); font-size:1.4rem; border-radius: 0.5rem; background: #004fba url('/images/com/gbe_v3/msearch_btn_bg.png') no-repeat right bottom;}
	.T2_Aheader .search_close{display:block}
	.T2_Aheader .keyword{display:none;}
	.T2_Aheader .search_btn button {}
	
	.T2_Aheader .gnb_opt {right: 1rem;}
	
	/* 사용자메뉴 */
	.T2_Aheader .gnb_util{margin-right: 6rem;}
	.openPop .T2_Aheader .gnb_util {margin-right: 12.25rem !important;}
	
	/* 날씨정보 */
	.T2_Aheader .infoToday { top:50px; right:80px}
	.T2_Aheader .infoToday .info{margin:0 0 3px;}

	/* 메뉴 */
	.T2_Aheader #gnb {display:none;}
	
	.header_sub {display:none;}

	#gnbblind {display: none !important;}

	/*모바일 */
	.nav_mobile {display:block;}

	/* 푸터 */
	.T2_Afooter .box_footer .box_info ul li:first-child {width: 100%;}
	
	/* 상단이동 */
	.btn_top a{position: fixed; top:auto; right:2.5%; bottom:2.5%; z-index: 1049;}
	
	/* 퀵메뉴 */
	.Quickmn { display:none}

	/************ 서브 ************/
	.sub_content_wrap,
	#sub_content,
	.subCntBody,
	#menu h1 {box-sizing:border-box}

	/* sub visual */
	.s_visual{animation:none;}

	/* content */
	#sub_container_wrap, .sub_content_wrap {width:100%;}	
	.sub_content_wrap {margin:0 auto}	
	#sub_content{margin:0; width:100%; padding:0 2.5% 20px}
	.subCntBody {width:100%}

	/* 왼쪽메뉴 */
	#menu { width:100%; margin:0; padding:0}
	#menu h1 {display:block; min-height:0px; padding:.75rem 2.25rem .75rem 1.25rem; font-size:1.05rem; text-align:left; border-radius:0; cursor: pointer;}
	#menu h1:after{content:"\e941"; position:absolute; right:1rem; top:1rem; font-family: 'xeicon'; font-size:.9rem;}
	#menu h1.on:after{transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
    #menu nav{display:none}
    #menu nav{box-shadow:0 2px 10px rgba(0,0,0,0.1); padding:0 .5rem;}
    #menu .subLnb > li > a{ padding-left:14px;}
    #menu .subLnb > li > a:before{ width:6px; height:2px; top:.45rem;}
    #menu .lnb{ border:0}
	#menu .subLnb3 {width:100%; box-sizing:border-box} /* 190102 수정 */
	
}

@media (max-width: 800px){
		
	/* 사이트링크 */
	.T2_Afooter .footBtn {width: 50%;}

	/************ 서브 ************/	
	.subCntBody{padding:25px 0 40px}
	
	/* sub visual */
	.s_visual {position:relative; width:100%; height:200px; background-size:cover;}
	.s_visual .slogan{padding:30px 10px;}
	.s_visual .slogan img{height:120px; width:auto;}

}
@media (max-width: 768px){

	html {font-size: 18px !important;}
	
	.T2_Aheader .header_wrap h1 img {height:35px;}
}
@media (max-width: 640px){

	/************ 서브 ************/	
	/* sub visual */
	.s_visual {background-position:40% 50% !important;}
	.s_visual .slogan img{height:100px; width:auto;}
}

@media (max-width: 580px){
	/* 날씨정보 */
	.T2_Aheader .infoToday { display:none}
		
	/* 사이트링크 */
	.T2_Afooter .footBtn {width: 100%;}

	/* 푸터 */	
	.T2_Afooter .box_footer .box_info {margin-top: 1rem;}
	
	/* sub 타이틀 */
	.title_area .pageTitle{ font-size:24px; letter-spacing:-1px;}

}

@media (max-width:480px) {

	html {font-size: 18px !important;}

	#wrap.scroll {padding-top: 5rem;}

	#header.T2_Aheader {height: 3rem;}
	.T2_Aheader .header_wrap {height: 3rem;}
	.T2_Aheader .header_wrap h1 {left: 0.75rem;}
	.T2_Aheader .header_wrap h1 a {line-height: 3rem;}

	.T2_Aheader .gnb_util {display:none;}
	.T2_Aheader .gnb_opt {right: 0.75rem;}
	
	/* 검색 */
	.T2_Aheader .search {padding: 0.75rem; top: calc(3rem - 1px);}
	.T2_Aheader .search input {height: 2rem; padding-right: 3rem;}
	.T2_Aheader .search .cont_box button {width: calc(2rem + 2px); height: 2rem; font-size: 1.2rem;}
	.T2_Aheader .search_btn {top: 0.5rem; right: 3rem;}
	.T2_Aheader .search_btn button {width: 2rem; height: 2rem;}
	.T2_Aheader .search_close {right: 3rem; top: auto; bottom: calc(100% + 0.5rem);}
	.T2_Aheader .search_close button {width: 2rem; height: 2rem; background-size: 69%;}
	
	/* 모바일 */
	.nav_mobile {right: 0.75rem; top: 0.5rem;}
	.nav_mobile a {width: 2rem; line-height: 2rem;}
	
	.nav_mobile_close {right: 0.75rem;}
	.nav_mobile_close a {width: 2rem; line-height: 2rem;}

	#topmenu h3 {height: calc(3rem + 1px); padding: 0 0.75rem;}
	#topmenu .gnb_opt {padding: 0.25rem 0.75rem;}

	#gnb_device {padding: 0 0.75rem 0.75rem;}
	#gnb_device > li > a {padding-right: 2.75rem;}
	#gnb_device > li > a:before {right: 0.75rem;}
	#gnb_device > li > ul > li > a {padding-left: 0.75rem; padding-right: 2.25rem;}
	#gnb_device > li > ul > li > a.dep3::after {font-size: 0.9rem; right: 0.75rem;}

	.T2_Afooter .box_footer {padding: 0 0.75rem 2.25rem;}
	
	/* sub visual */
	.s_visual {height:160px; }
	.s_visual .slogan img{height:90px; width:auto;}	
}

@media (max-width:380px) {

	.T2_Aheader .header_wrap h1 a img {height: 1.5rem;}

	#topmenu h3 img {height: 1.5rem;}

	/************ 서브 ************/	
	/* sub visual */
	.s_visual {height:120px; background-position:50% 50% !important;}
	.s_visual .slogan{padding:20px 10px;}	
	.s_visual .slogan img{height:80px; width:auto;}	
	
}

@media (max-width:340px) {

	.T2_Aheader .header_wrap h1 img {height:28px;}
	
}