@charset "utf-8";
body {overflow-x: hidden;}

.container {position: relative; margin:0 auto; width:100%; max-width:82rem; padding: 0 1rem;}
.container:after {clear:both; display:block; content:"";}

/* body{opacity:0;}
body.shOn{opacity:1;} */

/*헤더*/
.header {position: relative; width: 100%; height:5rem; z-index:998;}
.main .header {position: absolute; top:0;}
.header .container {display: flex; align-items: center; justify-content: space-between; height: 100%;}
.header .container::after {display: none;}
.header.gnbTpop { height:calc(4.5rem + 55px); }

/* logo */
.header h1 { z-index:999; overflow:hidden; font-size: 0; }
.header h1 a {display: block;}
.header h1 img { width:auto; }
.header h1 .h1_m {display: none;}
.header .mob_btn { display:none; }


/* gnb 버튼영역 */
.header .gnb_btn{display: flex; align-items: center; gap: 1.25rem; width: fit-content; text-align:right; line-height:0; color:transparent; z-index:12; margin-left: 2rem;}
.header .gnb_btn a,
.header .gnb_btn button {font-size: 1.4rem; color: #333;}
.main .header .gnb_btn a,
.main .header .gnb_btn button {color: #fff;}
.header .gnb_btn .tpop_control{float:right; margin-left:1rem; }
.header .gnb_btn .tpop_control a{position:relative; display:block; width:2.5rem; height:55px; background:#17356e url('/resources/images/T3_B_layout/ico_tpop.png') no-repeat center;}
.header .gnb_btn .tpop_control a:before{content:""; position: absolute; right:-0.25rem; top:-0.25rem; width:1rem; height:1rem; background:#43b53a url('/resources/images/T3_B_layout/btn_arr.png') no-repeat center; }
.header .gnb_btn .tpop_control a.on:before{transform: rotate(180deg); -webkit-transform: rotate(180deg);}

/* 검색 */
.header .search_btn { display:block; z-index:100; }
.header .search_btn button {padding: 0;}
.header .search { position:absolute; left:1rem; top:5rem; z-index:200; display: none; width:100vw; margin-left: calc(0px - ((100vw - 79.9rem) / 2)); height: 16rem; border-radius: 0 0 4rem 4rem; padding:1rem; background:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.header .search .inner { display: flex; flex-direction: column; align-items: center; justify-content: center; width:100%; height: 100%;}
.header .search h2 { margin-bottom:1.5rem; font-family: 'GmarketSans';  font-weight:700; font-size:1.6rem; color: #07798A; line-height: 1; }
.header .search_wrap { display:block; position:relative; width: 100%; max-width: 30rem; padding: 0.6rem 0.65rem; background: #fff; border: 4px solid #07798A; border-radius: 1rem; }
.header .search_wrap::before {content: ''; position: absolute; left: -5.5rem; top: -5.7rem; width: 8.55rem; height: 7.7rem; background: url(/images/web/bshc/main/srch_img_01.png) no-repeat center / contain;}
.header .search_wrap::after {content: ''; position: absolute; right: -6.5rem; top: -4.35rem; width: 7.8rem; height: 6.6rem; background: url(/images/web/bshc/main/srch_img_02.png) no-repeat center / contain;}
.header .search input { width:100%; height:2.5rem; line-height:2.5rem; padding-left:2%; font-weight:400; font-size:1rem; color:#666665; border:none; }
.header .search input::-webkit-input-placeholder { color:#555; }
.header .search a.btn_top_sear { display:block; position:absolute; right:0.35rem; top:calc(50% - 1.5rem); width:3rem; height:3rem; line-height:3rem; text-align:center; color:#fff; font-size:1.5rem; background:#07798A; border-radius: 0.6rem; }
.header .search_close { position:absolute; right:50%; top:-3.7rem; margin-right: -37.75rem;}
.header .search_close button { display:block; overflow:hidden; font-size:1.65rem; padding:0; background:#fff; }
.main .header .search_close button { background:#0094aa; }
.header .search_btn button { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }
#gnbShadow{ display:none; width:100%; height:100%; position:fixed; left:0; top:0; z-index: 10; background:rgba(0,0,0,0.6);}

/* 전체메뉴 */
.header .fullmenu{ display:inline-block; overflow:hidden; width:1.15rem; z-index:12; }
.header .fullmenu span{display:block; float:left; height:3px; width:100%; margin:3px 0; background:#333; transition:all 0.3s ease;}
.main .header .fullmenu span{background:#fff;}
.header .fullmenu:hover span{width:100% !important;}

/* web navigation */
/* gnb common */
#nav { position:absolute; top:0; width: 100%; /*max-width:50rem;*/ z-index:10; }
#gnb { position:relative; height:5rem; z-index:2; }
#gnb li a { position:relative; display:block; font-weight:400; line-height:1.4; }
#gnb li a span { position:relative; display:inline-block; word-break:break-all; z-index:0; }
#gnb .depth01 { width:100%; max-width:50rem; z-index:1; margin: 0 auto; padding-left: 2rem;}
#gnb .depth01 > ul { display:flex; width:100%; text-align:center; justify-content: center;}
#gnb .depth01 > ul > li { font-size:0.8rem; text-align:left; line-height:1.6; }
#gnb .depth01 > ul > li > a { display:flex; width:100%; height:5rem; padding:0 1.4rem; line-height:1.2; justify-content:center; align-items:center; font-size:1rem; color:#333; font-weight:600; z-index:2;}
.main #gnb .depth01 > ul > li > a { color:#fff;}
#gnb .depth01 > ul > li > a span {position: relative; display: inline-block;}
#gnb .depth01 > ul > li > a span::after{content: ''; display: block; width: 0; height: 0.1rem; background: #fff; position: absolute; bottom: -0.4rem; left: 50%; transform: translateX(-50%);}
#gnb .depth02 { width:100%; height:auto; text-align:left; }
#gnb .depth02 .titBox { display:none; }
#gnb .depth02 li > a:after { content:'\e93e'; position:absolute; top:.75rem; right:1rem; font-family:'xeicon'; color:#003333; }
#gnb .depth02 > ul > li > a { color:#003333; font-weight:400; padding:0.75rem 2.25rem 0.75rem 0.7rem; font-size:.8rem; /*outline:none;*/ }
#gnb .depth02 > ul > li > a:after {  content: ""; font-family: 'remixicon'; top: 50%; transform: translateY(-50%); right: 1rem; text-align: center; color: #1E4176; font-size: 1.3rem;}
#gnb .depth02 > ul > li > a span { padding:0 .15rem; }
#gnb .depth03 { position:relative; display:none; padding:.75rem 0; }
#gnb .depth03 > ul { margin:-.15rem 0; }
#gnb .depth03 > ul > li { padding:.15rem 0; }
#gnb .depth03 > ul > li > a { display:table; table-layout:fixed; width:100%; font-size:.75rem; padding-left:.75rem; color:#333; }
#gnb .depth03 > ul > li > a:before { content:''; position:absolute; left:0; top:.45rem; width:5px; height:5px; border-radius:50%; background:#93CFED; }
#gnb .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#009eb3; }
#gnb .mCSB_scrollTools .mCSB_draggerRail { background:#ccc; }
/* gnb : 하위 메뉴 존재 */
#gnb .depth02 > ul > li.dep.active > a:after {transform: translateY(-50%) }
#gnb .depth03 li:not(.dep) > a:after { display:none; }
#gnb .depth03 li.dep > a:after { content:'\e913'; display:block; top:0; right:0; }
/* gnb :새창 공통 */
#gnb li > a[target='_blank'] > span:after { content:'\e980'; display:inline-block; margin-left:.15rem; font-family:'xeicon'; }
#gnb a,
#gnb li > a:before, 
#gnb li > a:after, 
#gnb .depth01 > ul > li > a span::after,
#gnb li > a > span:before { transition:all .2s; -webkit-transition:all .2s; }
/* gnb : active  */
#gnb li.on > a span::after { width: 100% !important; }
#gnb .depth01 > ul > li.on > a > span:before,
#gnb .depth01 > div > div > ul > li.on > a > span:before  { opacity:1; -webkit-animation:1s linear infinite linkAct; animation:1s linear infinite linkAct; }
#gnb .depth02 > ul > li.dep.active > a:after { content:'\EB79'; }
#gnb .depth02 > ul > li > a:hover::after{content:'\EB79';}
#gnb .depth03 > ul > li > a:hover{color: #1E4176; font-weight: 600;}
#gnb .active > .depth03 { display:block; }
#gnb .depth03 > ul > li.dep.active > a:after { content:'\e91a'; color:#0d9a61 !important; }
#gnb .active > .depth04 { display:block; }

/* gnb : fullDown */
#nav.fullDown ul,
#nav.fullDown li { height:100%; }
#nav.fullDown .depth01 > ul > li { display:inline-block;float:none; vertical-align:top; font-size:.8rem; line-height:1.6; }
#nav.fullDown .depth01 > ul > li ~ li > a{position: relative;}
#nav.fullDown .depth02 { position:absolute; top:5rem; left:50%; max-width:80rem; min-height:13rem; padding:1.5rem 0; opacity:0; visibility:hidden; transition-delay:.0s; text-align:left; -webkit-transform:translateX(-50%); transform:translateX(-50%);  transition: 0.2s;  -webkit-transition: 0.2s;}
#nav.fullDown .depth02:before { content:''; position:absolute; top:0; left:calc(50% - 1rem); width:100vw; height:100%; background:#fff; border-radius: 0 0 4rem 4.25rem; -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index: -1;  }
#nav.fullDown .depth02:after { content:''; position:absolute; left: -1rem; margin-left: calc(0px - ((100vw - 79.9rem) / 2)); top:0; width:calc(21% + calc((100vw - 80rem) / 2)); height:100%; background-color:#07798A; border-bottom-left-radius: 4rem; }
#nav.fullDown .depth02 .titBox { display:block; position:absolute; left:0; top:0; width:20%; height:100%; letter-spacing:-0.05rem; z-index:1; overflow:hidden; text-align:right; }
#nav.fullDown .depth02 .titBox > p.tit { position:relative; text-align:left; padding:2.5rem 1rem 1rem 0;} 
#nav.fullDown .depth02 .titBox strong { display:block;line-height:1.5rem; font-family: 'GmarketSans'; font-size:1.75rem; font-weight:700; color:#fff; word-break: keep-all; line-height: 1.2; opacity:0; visibility:hidden; -wekit-transform:translateY(1rem); transform:translateY(1rem); -webkit-transition:all .15s; transition:all .15s; }
#nav.fullDown .depth02 .titBox span { display:block; text-align:left; font-size:0.9rem; color:#fff; word-break:keep-all; opacity:0; visibility:hidden; -wekit-transform:translateY(1rem); transform:translateY(1rem); -webkit-transition:all .15s; transition:all .15s; }
#nav.fullDown .depth02 .titBox span em { font-weight:700; }
#nav.fullDown .depth02 > ul { display:flex; width:77%; margin-left:auto; line-height:0; padding:0 1.5rem; flex-wrap:wrap; }
#nav.fullDown .depth02 > ul > li { width:25%; vertical-align:top; padding: 0.6rem 0.5rem; line-height:1.6;}
#nav.fullDown .depth02 > ul > li > a {display: flex; align-items: center; height: 3rem; line-height: 1.2; padding: 0 2.25rem 0 0.7rem; border-radius:0.6rem; font-size:0.9rem; background: #fff; border:1px solid #CBD4D6; font-weight: 500; color: #333; -webkit-transition:all .15s; transition:all .15s; }
#nav.fullDown .depth02 > ul > li > a::before {content:''; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; width: auto; height: auto; border: 2px solid #93CFED; border-radius: 0.6rem; opacity: 0;}
#nav.fullDown .depth02 > ul > li > a span { word-break:keep-all; }
#nav.fullDown .depth02 li.active > a[target='_blank'] {border-color: transparent;}
/* fullDown : active */
#nav.fullDown #gnb.active { height:auto; }
#nav.fullDown .depth01 > ul > li.on > .depth02 { opacity:1; visibility:visible; }
#nav.fullDown .depth02 > ul > li.active > a:before { opacity:1; }
#nav.fullDown .depth02 > ul > li.active .depth03 { display:block; padding: 0.75rem;}
#nav.fullDown .depth02 > ul > li.dep.active > a {color: #1E4176; font-weight: 700;}
#nav.fullDown .depth02 > ul > li.dep.active > a::before {opacity: 1;}
#nav.fullDown .depth02 > ul > li > a:hover {color: #1E4176; font-weight: 700;}
#nav.fullDown .depth02 > ul > li > a:hover::before {opacity: 1;}
#nav.fullDown .on .depth02 .titBox > p::after{width: 3rem;}
#nav.fullDown .on .depth02 .titBox strong,
#nav.fullDown .on .depth02 .titBox span,
#nav.fullDown .on .depth02 .titBox .img { opacity:1; visibility:visible; -webkit-transform:translateY(0); transform:translateY(0); }

#gnbblind {width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:5rem; z-index:5; display:none;}

.js_mobile_check { display:none; position:absolute; left:0; top:-1000px; width:1px; height:1px; line-height:1px; }

/* 전체메뉴 */
.popFullmenu { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:linear-gradient(to top, #EAFFF8, #EEF5FFFC); z-index:999; }
.popFullmenu::before {content:''; position: absolute; top:0; left: 50%; margin-left: -22rem; width: 100%; height: 100%; background: #fff; border-top-left-radius: 7.5rem;}
.popFullmenu .fullmenu_wrap { position:relative; width:95%; height:93%; color:#666; max-width:80rem; margin:1.25rem auto 0; line-height:0; overflow:auto; }
.popFullmenu .fullmenu_wrap .fullmenu_util {display: none;}
.popFullmenu h2 { font-size:2rem; margin:0 0 1.5rem; }
.popFullmenu h2 + .group {padding-right: 0.5rem;}
.popFullmenu h2 + .group > li {position: relative; display:flex; width:100%; margin:0 1% 0.75rem; vertical-align:top; font-size:0.8rem; line-height:1.3; }
.popFullmenu h2 + .group > li::after {content:''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 200%; height: 1px; background: #ccc;}
.popFullmenu h2 + .group > li > a {width: 21%; max-width: 16rem; display:block; font-family: 'GmarketSans'; font-size:1.2rem; padding:0.5rem 1rem; color:#111; font-weight:700; word-break: keep-all;}
.popFullmenu h2 + .group > li > a > span {position: relative;  display:inline-block; }
.popFullmenu h2 + .group > li > a > span::after {content: ''; position: absolute; right: -0.75rem; top: -0.1rem; width: 8px; height: 8px; border-radius: 50%; background: #3D81EB; opacity: 0;}
.popFullmenu h2 + .group > li > a[target="_blank"] > span:after { content:""; display:inline-block; width:18px; height:18px; margin-left:0.5rem; background:url(/resources/images/T3_B_layout/icon_new_WG.png) no-repeat; vertical-align:middle; }
.popFullmenu h2 + .group > li:hover > a[target="_blank"] > span:after { background-image:url(/resources/images/T3_B_layout/icon_nav_wh.png); }
.popFullmenu .depth02 { flex:1; margin:0.5rem 0.5rem 0; font-weight:200; padding-left: 4rem;}
.popFullmenu .depth02 .titBox {display: none !important;}
.popFullmenu .depth02 > ul {display: flex; flex-wrap: wrap; gap: calc(1% * 4 / 3); padding-right: 0.25rem; margin-bottom: 10px;}
.popFullmenu .depth02 > ul > li {width: 24%; margin-bottom: 13px;}
.popFullmenu .depth02 li a[target='_blank'] strong:after { content:''; display:inline-block; position:relative; width:11px; height:11px; margin:-3px 0 0 8px; vertical-align:middle; background:url('/resources/images/T3_B_layout/icon_new_WW.png') no-repeat; }
.popFullmenu .depth02 .group > li > a {position: relative; display:flex; align-items: center; height: 2.75rem; line-height: 1.2; padding: 0 1.5rem 0 0.75rem; font-size: 0.9rem; font-weight: 500; color: #333; border-radius: 0.6rem; border: 1px solid #888; letter-spacing: -1.5px;}
.popFullmenu .depth02 .group > li > a::before {content:''; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; width: auto; height: auto; border-radius: 0.6rem; border: 2px solid #3D81EB; opacity: 0;}
.popFullmenu .depth02 > .group > li > a::after {content: '\EA70'; position: absolute; right: 0.5rem; top: 50%; display: flex; align-items: center; justify-content: center; width: 1.15rem; height:1.15rem; border-radius: 50%; transform: translateY(-50%); font-family: 'remixicon'; font-size: 1rem; color: #333; opacity: 1;}
.popFullmenu .depth02 .group > li.dep > a:after { content:"\EB79"; font-family: 'remixicon'; color: #1C5BBE; position:absolute; right:0.85rem; top:50%; transform: translateY(-50%); opacity: 0;}
.popFullmenu .depth02 .group > li > a[target="_blank"]::after {content: '\ECAF'; color: #666665;}
.popFullmenu .depth02 .group .group {background:rgba(255,255,255,0.2); margin:10px 10px 0 20px; overflow:hidden;}
.popFullmenu .depth02 .group .group > li > a {display:block; position:relative; height: auto; padding:3px 0 5px 12px; font-size:0.9rem; color: #666; border: none; border-radius: 0;}
.popFullmenu .depth02 .group .group > li > a:before{content:""; position:absolute; left:0; top:calc(50% - 2px); right: auto; bottom: auto; width:4px; height:4px; border-radius:50%; background:#BFC1C2; border: none; opacity: 1;}
.popFullmenu h2 + .group > li:hover > a > span::after {opacity: 1;}
.popFullmenu .depth02 > .group > li:hover > a{ color:#1C5BBE; font-weight: 700;}
.popFullmenu .depth02 > .group > li:hover > a:after { color:#1C5BBE; font-weight: 400;}
.popFullmenu .depth02 > .group > li:hover > a::before,
.popFullmenu .depth02 > .group > li.dep:hover > a::after {opacity: 1;}
.popFullmenu .depth02 .group .group > li > a:hover{color: #333;}
.popFullmenu .depth02 .group .group > li > a:hover::before {background: #333;}
.popFullmenu .depth02 strong { font-weight:inherit; }
.popFullmenu a,
.popFullmenu *:after,
.popFullmenu *:before { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }
#fullmenuClose{position:absolute; right:0.1rem; top:0; font-size: 2.2rem; color: #111;}
#fullmenuClose:hover{color: #3D81EB;}

/* 새창 아이콘 */
.header #tm li > a[target='_blank']:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/resources/images/T3_B_layout/icon_blank.png') no-repeat; width:11px; height:11px; margin:-1px 0 0 0.4rem;}

/* 배너존 */
.banner { position:relative; width:100% }
.banner .bnZone { height:4.25rem;  border-top:1px solid #ddd;}
.banner .bnZone .inner { overflow:hidden; position:relative; max-width:82rem; height:100%; display: flex; align-items: center; padding: 0 1rem; margin:0 auto }
.banner .bnZone h2 { display:block; font-weight:400; font-size:1rem; font-weight: 700; margin-right: 1.5rem; }
.banner .bnZone .control { display:flex; font-size:0; margin-right: 2.25rem;}
.banner .bnZone .control_inner { display:flex; align-items: center; gap: 0.35rem; height:100%; }
.banner .bnZone .control a { position:relative; width: 1.8rem; height: 1.8rem; line-height: 1.7rem; text-align: center; border-radius: 50%; border: 1px solid #d1d1d1; font-size: 1.2rem; color: #000; overflow:hidden; }
.banner .bnZone .control a.play {display: none;}
.banner .bnZone .bnList { overflow:hidden; flex: 1;}
.banner .bnZone .bnList .bnItem { float:left; height:100%; text-align:center }
.banner .bnZone .bnList .bnItem a { position:relative; display:flex; align-items: center; justify-content: center; height:2.5rem; margin-right:1.45rem; padding-right:1.45rem; font-size:0.8rem; color: #333; }
.banner .bnZone .bnList .bnItem a i { margin-left: 0.25rem; color: #a4a4a4; }
.banner .bnZone .bnList .bnItem a img { width: 100%; }
.banner .bnZone .bnList .bnItem a:before { content:''; position:absolute; left:-1.45rem; top:calc(50% - 0.3rem); width:1px; height:0.6rem; border-left: 4px dotted #e1e1e1; }
.banner .bnZone .bnList .bnItem a:hover,
.banner .bnZone .bnList .bnItem a:focus { text-decoration:underline }


/* footer */
.footer .area_footer { position:relative; background: #393738; color: #fff; }
.footer .box_footer { position:relative; margin:0 auto; padding: 0 0 2rem; }

/* 사이트링크 */
.footer .footBtnWrap {border-bottom: 1px solid #565555;}
.footer .footBtnWrap .container {display: flex; align-items: center; justify-content: space-between;}
.footer .footBtn {position:relative; width:12.5rem; float:left;}
.footer .footBtn + .footBtn { margin-left:2%; }
.footer .footBtn button { overflow:hidden; position:relative; width:100%; height:3.75rem; padding:0; border:1px solid #565555; border-bottom: none; background:transparent; font-family:"NotoSans"; font-weight:400; font-size:0.85rem; line-height:2.5rem; color:#fff; text-align:left; }
.footer .footBtn button:hover { border-color:#18568b; }
.footer .footBtn button span { display:block; padding-left:1.5rem; padding-right:2rem; }
.footer .footBtn button:before,
.footer .footBtn button:after { display:block; position:absolute; top:50%; transform: translateY(-50%); right:0; width:2.5rem;   }
.footer .footBtn button:before { content:""; background:#efefef; }
.footer .footBtn button:after { content:"\e944"; font-size:0.9rem; text-align:center; font-family:'xeicon'; background: transparent;}
.footer .footBtn.on button:after { content: "\e941"; }
.footer .footBtn div { display:none; overflow-y:auto; position:absolute; z-index:10000; bottom:3.75rem; left:-1px; width:100%; max-height:223px; border:1px solid #728197; border-bottom:0; }
.footer .footBtn ul li { border-top:1px solid #5d6a77; font-weight:400; font-size:0.7rem; }
.footer .footBtn ul li strong { display:block; padding:0.35rem 0.5rem; background:#343b42; color:#fff799; opacity:1; }
.footer .footBtn ul li:first-child { border:0; }
.footer .footBtn ul li ul { border-top:1px solid #5d6a77; }
.footer .footBtn ul li a { display:block; overflow:hidden; padding:0.35rem 0.5rem; background:#343b42; color:#d4dde7; opacity:0.9; }
.footer .footBtn ul li a:hover,
.footer .footBtn ul li a:focus,
.footer .footBtn ul li a:active { opacity:1; color:#fff; }
.footer .footBtn button,
.footer .footBtn button:after { transition:all 0.2s ease; }

/* 푸터 메뉴 */
.footer .footer_link {flex:1;}
.footer .footer_link ul {display: flex; align-items: center; flex-wrap: wrap; gap: 0.25rem 2.5rem;}
.footer .footer_link li {position: relative; font-size: 0.85rem;}
.footer .footer_link li:first-child a {font-weight: 600;}
.footer .footer_link li ~ li::before {content:''; position: absolute; left: -1.35rem; top: calc(50% - 0.1rem); width: 0.2rem; height: 0.2rem; border-radius: 50%; background: #cfcece;}

.footer .box_footer .box_info { position:relative; width: 100%; max-width: 82rem; padding: 0 1rem; font-size:0.85rem; word-break:keep-all; margin:1.25rem auto 0; }
.footer .box_footer .box_info address { display: flex; flex-wrap: wrap; gap: 0 1rem; }

/* 상단이동 */
.btn_top {position: relative; display:inline-block; position:fixed; bottom:8.25rem; right: 3.5rem; z-index:99; width:3.15rem; height:3.15rem; line-height:3.05rem; text-align:center; color:#fff; font-size: 0.85rem; border-radius: 50%; background:#00b3ce; transition: all 0.2s;}
.btn_top.scroll {bottom: 2.2rem;}
.btn_top::before {content:''; position: absolute; top: -0.25rem; right: -0.25rem; bottom: -0.25rem; left: -0.25rem; width: auto; height: auto; border-radius: 50%; background: rgba(0,179,206,0.3); z-index: -1;}
.btn_top i { color:#fff; font-size:1rem; line-height:2.5rem; -webkit-animation:scrollTop 1s infinite linear; animation:scrollTop 1s infinite linear; }
.btn_top:hover,
.btn_top:focus { font-weight:400; }

@-webkit-keyframes scrollTop {
	0% {transform:translateY(0); -webkit-transform:translateY(0);}
	100% {transform:translateY(-10px); -webkit-transform:translateY(-10px);}
}
@keyframes scrollTop {
	0% {transform:translateY(0); -webkit-transform:translateY(0);}
	100% {transform:translateY(-10px); -webkit-transform:translateY(-10px);}
}


/* 퀵메뉴 */
.Quickmn { position:absolute; top: 16rem; left:50%; z-index:99; width:7.5rem; height:auto; margin-left:720px; text-align:center;  border-radius: 0.7rem; overflow: hidden; box-shadow: 5px 5px 3px rgba(38, 82, 126, 0.22);}
.Quickmn h2 { background:#0c3771; font-weight:400; font-size:0.8rem; line-height:2rem; color:#fff; }
.Quickmn ul { background:#fff;}
.Quickmn ul li a { display:block; padding: 1rem 0; font-size:0.7rem; line-height:0.9rem; color:#000001; font-weight: 600; word-break:keep-all; }
.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; position:relative; position:absolute; top:0.6rem; right:0; width:0.85rem; height:0.85rem; border:1px solid #bababa; background:#fff; font-size:0; cursor:pointer; }
.Quickmn .mgnavi_depth_close { display:none; }
.Quickmn .mgnavi_depth_open:before,
.Quickmn .mgnavi_depth_open:after { content:""; position:absolute; background:#000; }
.Quickmn .mgnavi_depth_open:before { top:0.25rem; left:0.4rem; width:1px; height:0.4rem; }
.Quickmn .mgnavi_depth_open:after { top:0.4rem; left:0.25rem; width:0.4rem; height:1px; }
.Quickmn .mgnavi_depth_close:after { content:""; position:absolute; top:0.4rem; left:0.25rem; width:0.4rem; height:1px; background:#000; }
.Quickmn .active .mgnavi_depth_open { display:none; }
.Quickmn .active .mgnavi_depth_close { display:block; }

/*===================================== 서브 =========================================*/
/* content */
#sub_container_wrap { position:relative; background:#fff;}

#sub_content{ position:relative; flex:1; float:none;}
.sub_content_wrap { position:relative; display: flex; max-width:80rem; margin:0 auto 100px; min-height:34rem;  padding-top: 3.65rem;} 
.sub_content_wrap:before { content:""; display:block; position:absolute; top:0; left:-5rem; right:-5rem; height:12.5rem; background:linear-gradient(100deg, #EEF5FF, #EAFFF8); border-radius: 2.5rem; }
.sub_content_wrap:after { content:""; position: absolute; top:0; right: 50%; margin-right: -45rem; width: 33.55rem; height: 12.5rem; background: url(/images/web/bshc/sub_cnt/sub_visual.png) no-repeat top right / contain; border-radius: 2.5rem;} 
.sub_content_wrap:after { content:""; display:block; clear:both; } 

#sub_content { float:right; width:calc(100% - 16.5rem); } 
.subCntBody { position:relative; font-size:0.8rem; color:#222; word-break:keep-all; line-height:1.5; margin-top: 2.5rem;}

/* 왼쪽메뉴 */
#menu { position:relative; margin-right:3rem; width:14rem; } 
#menu h2 { display:table; width:100%; height:7.5rem; font-weight:700; font-size:1.4rem; background: #3D81EB; color:#fff; line-height:1.3; text-align:center; table-layout:fixed; border-radius: 1.2rem; letter-spacing: -1px;}
#menu h2 span { display:table-cell; vertical-align:middle; }
#menu .lnb {margin-top: 0.5rem;}
#menu .lnb > li { position:relative; background: #fff; border: 1px solid #D5D5D5; border-radius: 0.6rem; padding: 0 1.25rem; }
#menu .lnb > li ~ li {margin-top: 0.6rem;}
#menu .lnb > li > a { display:block; position:relative; padding:0.65rem 0; font-weight:400; font-size:0.85rem; color:#333; letter-spacing:-1px; }
#menu .lnb > li > a[target="_blank"]:after { content:''; display:inline-block; position:relative; width:11px; height:11px; margin:-4px 0 0 8px; background:url("/resources/images/T3_B_layout/icon_new_WG.png") no-repeat; vertical-align:middle; }
#menu .lnb > li.open > a[target="_blank"]:after{background:url("/resources/images/T3_B_layout/icon_new_WW.png") no-repeat; }
#menu .lnb > li:not(.open) > a:hover,
#menu .lnb > li:not(.open) > a:focus { text-decoration:underline; }
#menu .lnb > li.dep01 > a,
#menu .lnb > li.open > a { padding-right:2.5rem; }
#menu .lnb > li.dep01 > a:before { content:"\EA4E"; font-family: 'remixicon'; font-weight: 400; display:flex; justify-content: center; position:absolute; top:calc(50% - 0.6rem); right:0; width:1.2rem; height:1.2rem; background:#316BC5; color: #fff; border-radius: 50%; }
#menu .lnb > li.dep01.open > a { font-weight:700; color: #316BC5; } 
#menu .lnb > li.dep01.open > a:before { content: '\EA78'; font-weight: 400; }
#menu .lnb > li.current > a {font-weight: 700; color: #316BC5;}

#menu .subLnb { display:none; padding:0.4rem 0; border-top:1px solid #ccc; }
#menu .subLnb > li { position:relative; }
#menu .subLnb > li > a { display:block; position:relative; padding:0.25rem 0 0.25rem 0.75rem; color:#515151; font-weight:400; font-size:0.8rem; }
#menu .subLnb > li > a[target="_blank"] span:after { content:''; display:inline-block; position:relative; width:11px; height:11px; margin:-4px 0 0 8px; background:url("/resources/images/T3_B_layout/icon_new_WG.png") no-repeat; vertical-align:middle; }
#menu .subLnb > li > a:hover,
#menu .subLnb > li > a:focus { font-weight:400; color:#333; }
#menu .subLnb > li > a:before { content:""; display:block; position:absolute; top:0.75rem; left:0.15rem; width:4px; height:4px; border-radius:50%; background:#BFC1C2; }
#menu .subLnb > li > a:hover,
#menu .subLnb > li > a:focus { font-weight: 700; }
#menu .subLnb > li > a:hover:before,
#menu .subLnb > li > a:focus:before { background:#333; }
#menu .subLnb > li > a span { -webkit-transition:box-shadow 0.2s; -ms-transition:box-shadow 0.2s; transition:box-shadow 0.2s; }
#menu .subLnb > li.open > a:before { background:#333; }
#menu .subLnb > li.dep01 > a:after { content:"\e9c5"; display:block; position:absolute; bottom:0.35rem; right:0; color:#000; font-size:0.7rem; font-family:'xeicon'; }
#menu .subLnb > li.dep01.open > a:after { content:"\e9c1"; display:block; position:absolute; bottom:0.35rem; right:0; color:#000; font-size:0.7rem; font-family:'xeicon'; }

#menu .subLnb2 { display:none; margin:0 1rem; padding:0.4rem 0; border:1px solid #e7e7e7; background:#fafafa; }
#menu .subLnb2 > li { position:relative; }
#menu .subLnb2 > li > a { display:block; position:relative; margin-left:1rem; padding:0.1rem 0.6rem; color:#515151; font-weight:400; font-size:0.7rem; }
#menu .subLnb2 > li > a[target="_blank"]:after { content:''; display:inline-block; position:relative; width:11px; height:11px; margin:-4px 0 0 8px; background:url("/resources/images/T3_B_layout/icon_new_WG.png") no-repeat; vertical-align:middle; }
#menu .subLnb2 > li > a:hover,
#menu .subLnb2 > li > a:focus { font-weight:400; color:#000; text-decoration:underline; }
#menu .subLnb2 > li > a:before { content:""; display:block; position:absolute; top:0.65rem; left:0; width:4px; height:2px; background:#999; }
#menu .subLnb2 > li > a:hover:before,
#menu .subLnb2 > li > a:focus:before { background:#377bde; }
#menu .subLnb2 > li.open > a {border:1px solid #d7e5f9;background:#d7e5f9;background: linear-gradient(to right, #377ade, #d7e5f9);box-shadow:rgba(0,0,0,0.2) 5px 5px 6px;font-weight:700;color:#fff;} 

/* sub 타이틀 */
#sub_content .title_area { position:relative; padding:1.6rem 0 2.85rem;}
#sub_content .title_area:after { content:""; display:block; clear:both; }
.title_area .location { display:flex; align-items: center; flex-wrap: wrap; font-size:0.75rem; }
.title_area .location span { position: relative; color:#666665; padding-left: 1rem;}
.title_area .location span::before {content:'\EA6E'; position: absolute; left: -0.1rem; top: 50%; transform: translateY(-50%); margin: 0 0.1rem; font-family: 'remixicon'; font-size: 1rem; color: #666665;}
.title_area .location span, 
.title_area .location strong { font-weight:400; }
.title_area .location a.home { font-size: 1rem; color: #666665;}
.title_area .pageTitle { font-weight:700; font-size:2rem; letter-spacing:-0.01rem; color:#000; line-height:1.8rem; margin-top: 1rem; }

/* util dropdown */
.krds-drop-wrap {
  display: inline-flex;
  position: relative;
	width: 100%;
}
.krds-drop-wrap .h-tit { font-weight:700; font-size:1.2rem; letter-spacing:-0.01rem; color:#000; margin-top: 1rem; padding:0; }
.krds-drop-wrap .h-tit em {display: inline-flex; align-items: center; justify-content: center; width: 0.9rem; height: 0.9rem; border-radius: 0.2rem; background: #3D81EB; border: 1px solid #3D81EB; font-weight: 400; color: #fff; margin-left: 0.5rem;}
.krds-drop-wrap .h-tit em i {transition: all 0.2s;}
.krds-drop-wrap .h-tit.active em {background: #fff; color: #3D81EB;}
.krds-drop-wrap .h-tit.active em i {transform: rotate(180deg);} 
.krds-drop-wrap .drop-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 12;
	width: 100%;
  padding: 0.4rem;
  margin-top: 0.5rem;
  border-radius: 0.4rem;
  border: 0.1rem solid rgba(61,129,235,0.65);
  background-color: #fff;
}
.krds-drop-wrap .drop-menu .drop-in {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 0.8rem;
}
.krds-drop-wrap .drop-menu .drop-list {
  width: 100%;
}
.krds-drop-wrap .drop-menu .drop-list .item-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  height: 1.8rem;
  padding: 0 0.5rem;
	border-radius: 0.2rem;
	position: relative;
}
.krds-drop-wrap .drop-menu .drop-list .item-link::after {
  display: inline-flex;
  content: "\F2E5";
	font-family: 'remixicon';
	color: #316BC5;
	position: absolute;
	right:0.5rem;
	top: 50%; transform: translateY(-50%);
	opacity: 0;
}
.krds-drop-wrap .drop-menu .drop-list .item-link:hover {
  background-color: #ECF3FD;
}
.krds-drop-wrap .drop-menu .drop-list .item-link:hover::after {
  opacity: 1;
}
.krds-drop-wrap .drop-menu .drop-list .item-link:active {
  background-color: #ECF3FD;
}

/* sns */ 
.snsBox { display:flex; position:absolute; bottom:-0.8rem; right:0; width:auto; height:auto; z-index:11; }
.snsBox:after { content:""; display:block; clear:both; }
.snsBox button { float:left; overflow:hidden; display: flex; align-items: center; justify-content: center; width:1.6rem; height:1.6rem; color:#666665; border-radius: 50%; background: #fff; border: 1px solid #ccc; transition: all .3s; -webkit-transition: all .3s;}
.snsBox .btnShare { margin-left:0.25rem; }
.snsBox .btn_F { background: #0C5BFF; border-color: #0C5BFF; font-size: 0.8rem; color: #fff; }
.snsBox .btn_T { background: #000; border-color: #000; font-size: 0.7rem; color: #fff; }
.snsBox .btn_Y { background-position:-80px 0 ; }
.snsBox .btn_B { background-position:-120px 0 ; }
.snsBox .btn_K { background: #F2DA00; border-color: #F2DA00; font-size: 0.9rem; color: #3A1C1D; }
.snsBox .btn_In { background-position:-200px 0 ; }
.snsBox .btn_Ks { background-position:-240px 0 ; }
.snsBox .btn_Bn { background-position:-280px 0 ; }
.snsBox .sns_more { opacity:0; pointer-events:none; position:absolute; display: flex; flex-direction: column; gap:0.25rem; width: 1.6rem; right:0; top:0; z-index:30; transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; overflow:hidden; } 
.snsBox .sns_more.open { opacity:1; z-index:2; }
.snsBox > button:hover,
.snsBox > button:focus,
.snsBox .sns_close:hover,
.snsBox .sns_close:focus {background: #07798A; border-color: #07798A; color: #fff;}


/*===================================== 서브 =========================================*/


@media (max-width:1780px) {
	/* 퀵메뉴 */
	.Quickmn {display:none;}

}
@media (max-width:1640px) {
	/* 검색 */
	.header .search { left:0; margin-left: 0; width: 100%;}
	.header .search_close { right:3.35rem; margin-right: 0;}

	#nav.fullDown .depth02:after {margin-left: -1rem; width: 24%;}

	/* 전체메뉴 */
	.popFullmenu::before {left: 23%; margin-left: 0;}
	.popFullmenu .depth02 {padding-left: 5%;}

	/* 상단이동 */
	.btn_top {bottom:2rem; right: 1rem;}
}

@media (min-width:1201px) and (max-width:1640px) {
	.sub_content_wrap {padding-left: 1rem; padding-right: 1rem;}
}

@media (max-width:1420px) {
	#gnb .depth01 > ul > li > a {padding: 0 0.75rem;}
	/* #nav.fullDown .depth02 > ul > li { width:33.333%; } */
	#nav.fullDown .depth02 > ul > li{padding: 0.25rem 0.5rem;}
	#nav.fullDown .depth02 > ul > li > a{padding: 0.5rem 2.25rem 0.5rem 0.7rem;}
	#nav.fullDown .depth03{padding: 0.5rem 0;}

	/* gnb 버튼영역 */
	.header .gnb_btn{right:0.25rem; margin-right:0;}

	/* 퀵메뉴 */
	.Quickmn {display:none}
}

/********** media query mobile *************/
@media (max-width:1280px) {

	.footer .footer_link { border-bottom:none; }
	.footer .footer_link ul { border-right:none; }
}

@media (min-width:1200px) {
	.krds-drop-wrap {display: none;}

	.subCntBody {margin-top: 3rem;}
}


@media (max-width:1200px) {
	
	#wrap { min-width:280px; overflow:visible; width:100%; height:100%; }
	
	/** Header **/
	.main .header {position: relative; top:auto;}
	.main .header .search_close button {background: #fff;}
	.main .header .gnb_btn a,
  .main .header .gnb_btn button {color: #333;}
	.main .header .fullmenu span {background: #333;}
	.header.gnbTpop { height:4.5rem; }
	.header #nav { display:none; }
	.header h1 a img{width:10rem;}
	.header h1 .h1_w {display: none;}
	.header h1 .h1_m {display: block;}

	/* 오늘의 날씨 */
	.header .infoToday{margin-right:3.5rem;}

	/* gnb 버튼영역 */
	.header .gnb_btn{top:1.2rem; right:2%;}
	.header .gnb_btn .tpop_control{position:fixed; right:1rem; bottom:1rem;}
	.header .gnb_btn .tpop_control a{ width:3rem; height:3rem; opacity:0.85;}
	.header .gnb_btn .tpop_control a:hover,
	.header .gnb_btn .tpop_control a:focus{opacity:1;}

	/************ 서브 ************/		
	.sub_content_wrap, #sub_content, .subCntBody, #menu h2 {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

	.sub_content_wrap {flex-direction: column;}
	.sub_content_wrap:before {height: 7.5rem; left:1rem; right:1rem; border-radius: 1.75rem;}
	.sub_content_wrap:after {display: none;}

	.title_area .pageTitle {display: none;}
	.krds-drop-wrap .h-tit {margin-top: 0.5rem;}

	/* content */
	#sub_container_wrap, .sub_content_wrap { width:100%; }	
	#sub_container_wrap { padding-top:0; }
	#sub_container_wrap:before { display:none; }
	.sub_content_wrap { margin:0 auto; padding-top: 0;}
	#sub_content { width:100%; margin:0; padding:0 1rem 1rem; }
	#sub_content .title_area { padding: 1rem 1rem 2.75rem;}
	.subCntBody { margin-top: 2rem;}

	/* 왼쪽메뉴 */
	#menu { display: none; }
	#menu h2 { cursor:pointer; }
    #menu nav { display:none; }
    #menu nav { position:relative; border-bottom:1px solid #333; }
	#menu .lnb { border:0; }
	#menu .subLnb { background:#f7f7f7; }

	/* sns */
	.snsBox .btnPrint { display:none; }
	.snsBox { right: 1rem; bottom:1rem; }
	
}
@media (max-width:1024px) {
	.main .header .login_btn {display: none;}

	/* 전체메뉴 */
	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {height: 100%;}
	.popFullmenu { background:#07798A; }
	.popFullmenu::before {left: 7.5rem; border-top-left-radius: 0;}
	.popFullmenu .fullmenu_wrap { margin: 0; width: 100%; height: 100%;}
	.popFullmenu .fullmenu_wrap .fullmenu_util {position: absolute; top:4.3rem; display: block; width: 100%; background: #000;}
	.popFullmenu .fullmenu_wrap .fullmenu_util ul {display: flex; align-items: center; height: 3.5rem; justify-content: space-between;}
	.popFullmenu .fullmenu_wrap .fullmenu_util li {position: relative; width: 50%; text-align: center;}
	.popFullmenu .fullmenu_wrap .fullmenu_util li ~ li::before {content: ''; position: absolute; left: 0; top: calc(50% - 7px); width: 1px; height: 14px; background: #808080;}
	.popFullmenu .fullmenu_wrap .fullmenu_util li a {display: block; color: #fff; font-weight: 600;}
	.popFullmenu .fullmenu_wrap .fullmenu_util li a i {font-weight: 400;}
	.popFullmenu h2 {width: 100%; background: #fff; font-size:2rem; margin:0 0 5rem; padding: 0.75rem; height: 4.25rem;}
	.popFullmenu h2 + .group > li {position: static; width: 7.5rem;}
	.popFullmenu h2 + .group > li::after {display: none;}
	.popFullmenu h2 + .group > li > a {width: 100%; font-family: inherit; font-size:1rem; padding:0; color:#fff; padding: 0.5rem;}
	.popFullmenu h2 + .group > li > a > span::after {right: -0.75rem; top: -0.1rem; width: 4px; height: 4px; background: #fff;}
	.popFullmenu h2 + .group > li.active > a > span::after {opacity: 1;}
	.popFullmenu .depth02 { margin:0; padding:0; position: absolute; left: 9rem; top:9rem; width: calc(100% - 10.25rem);}
	.popFullmenu .depth02 > ul {flex-direction: column;}
	.popFullmenu .depth02 > ul > li {width: 100%; border-bottom: 1px solid #ccc;}
	.popFullmenu .depth02 .group > li > a {position: relative; border: none; padding: 0.5rem 0 0.5rem 0.75rem; border-radius: 0;}
	.popFullmenu .depth02 .group > li > a::after {content: '\EA70'; position: absolute; right: 0.5rem; top: 50%; display: flex; align-items: center; justify-content: center; width: 1.15rem; height:1.15rem; border-radius: 50%; transform: translateY(-50%); font-family: 'remixicon'; font-size: 1rem; color: #333; opacity: 1;}
	.popFullmenu .depth02 .group > li > a[target="_blank"]::after {content: '\ECAF'; color: #666665;}
	.popFullmenu .depth02 .group > li.dep a:after { content:'\EA4E'; color: #333; opacity: 1;}
	.popFullmenu .depth02 .group > li.dep.active a {color: #0C869A; font-weight: 700;}
	.popFullmenu .depth02 .group > li.dep.active a:after { content:'\EA78'; color: #0C869A; background: #DDF2F5; font-weight: 400; opacity: 1;}
	.popFullmenu .depth02 .group > li.active .group a {font-weight: 400; color:#666665;}
	.popFullmenu .depth02 .group > li.active .group a:after { content:''; width: auto; height: auto; color: #333; background: none;}
	.popFullmenu .depth02 .group > li .group a:hover {color:#333;}
	.popFullmenu .depth02 .group > li .group a:hover:after {content:'\F2E5';}
	.popFullmenu .depth02 .group > li.dep > a { padding-right:1rem; }
	.popFullmenu .depth02 > .group > li > a:hover{ color:#0C869A; font-weight: 700;}
	.popFullmenu .depth02 > .group > li > a:hover::after { color:#0C869A; font-weight: 400;}
	.popFullmenu .depth02 > .group > li > a:hover::before {opacity: 0;}
	.popFullmenu .depth03 {border-top: 2px solid #0C869A;}
	.popFullmenu .depth02,
	.popFullmenu .depth03 {display:none;}
	#fullmenuClose { top:1rem; right:0.5rem; }
}

@media (max-width:960px) {
	/* 배너모음 */
	.banner .bnZone h2 { display: none;}
	.banner .bnZone .control {margin-right: 1.5rem;}
}

@media (max-width:768px){
	/* 검색 */
	.header .search {height: 12rem; border-radius: 0 0 1.5rem 1.5rem;}
	.header .search h2 {position: relative; margin-bottom:1rem; font-size:1.25rem;}
	.header .search h2::after {content:''; position: absolute; right: -4rem; top: -1.6rem; width: 3.25rem; height: 4.15rem; background: url(/images/web/bshc/main/srch_img_03.png) no-repeat top center / contain;}
	.header .search_wrap {padding: 0.5rem;}
	.header .search_wrap::before,
	.header .search_wrap::after {display: none;}
	.header .search input { height:2rem; line-height:2rem;}
	.header .search a.btn_top_sear { right:0.35rem; top:calc(50% - 1.25rem); width:2.5rem; height:2.5rem; line-height:2.5rem; font-size:1.4rem;}
}

@media (max-width:680px){
	
	/** Header **/
	.header { height:4rem; }
	.header.gnbTpop { height:4rem; }
	.header h1{float:none; text-align:center; margin-left:0;}
	.header .search_btn,
	.header .gnb_btn{top:0.75rem;}
	.header .search{top:4rem;}
	.header .search_close{top:-3.25rem;}

	/* 오늘의 날씨 */
	.header .infoToday{display:none;}

	/* footer */
	.footer .footBtnWrap {border-bottom: none;}
	.footer .footBtnWrap .container {flex-direction: column;}
	.footer .footer_link {position: relative; width: 100%; padding: 1rem 0;}
	.footer .footer_link::after {content:''; position: absolute; left: -1rem; right: -1rem; bottom: 0; width: auto; height: 1px; background: #565555;}
	.footer .footBtn { float:none; width:100%; margin-top: 1rem; border-bottom: 1px solid #565555; height: 2.75rem; }
	.footer .footBtn button {height: 2.75rem;}
	.footer .footBtn div {bottom: 2.75rem;}
	.footer .footBtn + .footBtn { margin-left:0; margin-top:0.5rem; }

	/* 상단이동 */
	.btn_top {bottom:13.25rem; width:2.25rem; height:2.25rem; line-height:2.15rem; font-size: 0.7rem;}
}

@media (max-width: 640px){
	.header .gnb_util .go { background:#5aa2fb; padding-right:1rem; }
	.header .gnb_util .go2 { background:#43b53a; padding-right:1rem; }

}
@media (max-width:580px){
	.banner .bnZone {height: 3.5rem;}
	.banner .bnZone .control {margin-right: 0.5rem;}
	.banner .bnZone .control_inner {gap: 0.2rem;}
	.banner .bnZone .control a {width: 1.5rem; height: 1.5rem; line-height: 1.4rem; font-size: 1rem;}
	.banner .bnZone .bnList .bnItem a {font-size: 0.75rem;}

	/* 상단이동 */
	.btn_top {bottom:11.75rem;}

	/* 왼쪽메뉴 */
	#menu h1 { text-align:left; padding:0.3rem 0.8rem 0.45rem; background-position:97% 50%; }
	
	/* sub 타이틀 */
	.title_area .pageTitle { padding-bottom:0.9rem; font-size:1.2rem; letter-spacing:-1px; }

}

@media (max-width:480px) {

	.header h1 a img {width: 9rem;}
	.header.gnbTpop { height:3.5rem; }

	.header .gnb_btn {gap: 0.5rem; margin-left: 0;}

	/* 모바일검색 */
	.header .search_close { right: 3.5rem;}

	/* 전체메뉴 */
	.header .fullmenu{width:38px; height:38px; padding:9px 8px;}
	.header .fullmenu span{margin:2px 0;}

	/* sns */
	.header .gnb_util .sns { display:none; }

	/*tpop_control*/
	.header .gnb_util .tpop_control { display:none; }

	/* 왼쪽메뉴 */
	#menu h1 {background-position:96% 50%}

	/* footer */
	.footer .ft_logo img { width:auto; height:2rem; }
	
}

@media (max-width:380px) {

	/* header */
	.header .gnb_util .go { display:none; }

	/* 전체메뉴 */
	.popFullmenu::before {left: 6.25rem;}
	.popFullmenu .fullmenu_wrap .fullmenu_util li a {font-size: 0.7rem;}
	.popFullmenu .fullmenu_wrap .fullmenu_util li a i {display: none;}
	.popFullmenu h2 {padding: 1.1rem 0.75rem; margin: 0 0 4.5rem;}
	.popFullmenu h2 img {height: 2rem;}
	.popFullmenu h2 + .group > li {width: 6.25rem;}
	.popFullmenu h2 + .group > li > a {font-size:0.9rem;}
	.popFullmenu .depth02 { left: 7.25rem; top:8.5rem; width: calc(100% - 7.75rem);}
	.popFullmenu .depth02 .group > li > a {font-size: 0.9rem;}
	.popFullmenu .depth02 .group .group > li > a {font-size: 0.75rem;}

	/* 상단이동 */
	.btn_top {bottom:18.75rem;}

	/* 서브 */
	#sub_content .title_area { padding: 0.75rem  1rem 2.25rem;}
}

@media (max-width:340px) {
	/* 전체메뉴 */
	.popFullmenu::before {left: 5.5rem;}
	.popFullmenu h2 img {height: 2rem;}
	.popFullmenu h2 + .group > li {width: 5.5rem;}
	.popFullmenu .depth02 { left: 6.25rem; width: calc(100% - 6.75rem);}

	/*header*/
	.header h1 a img {width: 7rem;}

}