@charset "UTF-8";

body { overflow-y: scroll;}
body ::-webkit-scrollbar {width: 5px; height: 5px;}
body ::-webkit-scrollbar-thumb {background-color: #aaa; border-radius: 10px;}
body ::-webkit-scrollbar-track {background-color: #ddd; border-radius: 10px;}

#container { position: relative; width: 100%; overflow: hidden; min-height: 100vh;}
#container img {vertical-align: middle;}

.container {position: relative;width: 100%;max-width: 80rem;height: 100%;margin: 0 auto;padding:4rem 1rem 0;display: flex;align-items: center;flex-wrap: wrap;}

/* 헤더 */
header {position: relative;height: 100%;z-index: 9;background: #fff;}
header .container {padding-top: 0;padding: 0;}
header h1 {width: fit-content; z-index: 100; font-size: 0;}
header h1 img {vertical-align: top !important;}
.area_header {position:fixed;top:0;left:0;height: 4.5rem;margin:0 auto;z-index:110;width: 100%;}
.area_header header{position:relative; width:100%;}
.area_header header *,
.area_header header *:before,
.area_header header *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.area_header header button{cursor:pointer; }
.area_header header .hd_wrap{position:relative; width:96%; max-width:70rem; margin:0 auto; z-index:120; padding-top:2.3rem;}
.area_header header .hd_wrap h1 {position:absolute; bottom:-4.5rem; left:0; z-index:200;}
.area_header header .hd_wrap h1 a{display:block; width:100%; height:5rem; line-height:5rem; text-align:center; }

/* Header : util */
.area_header .top_util {position: relative;display: flex;width: auto;z-index: 100;align-items: center;}
.login_info {display: flex;font-size: 0.75rem;letter-spacing: -1px;color: #000;}
.fp-viewing-0 .area_header .backHead .login_info,
.fp-viewing-0 .area_header .login_info.active {color:#000; }
.login_info li {position: relative;}
.login_info li ~ li {margin-left: 1rem;}
.login_info li ~ li::before {content:''; position: absolute; top:calc(50% - 1px); left:-0.5rem; width: 2px; height: 2px; background: #000;}
.fp-viewing-0 .area_header .login_info li ~ li::before {background: #fff;}
.fp-viewing-0 .area_header .backHead .login_info li ~ li::before,
.fp-viewing-0 .area_header .login_info.active li ~ li::before {background: #000;}
.login_info li a {position: relative; display: inline-block;}
.login_info li a::before {content: ''; position: absolute; left:-1px; bottom:0; width: 0; height: 1px; background: #5a9cd9; transition: all 0.2s;}
.login_info li a:hover::before,
.login_info li a:focus::before {width: calc(100% + 2px);}
.area_header .gnb ul {display: flex; align-items: center;} 
.area_header .gnb li {margin-left: 1rem;}
.area_header .gnb li:nth-child(5),
.area_header .gnb li:nth-child(6) {display: none;}
.area_header .gnb li a {display:block;position:relative;text-align:center;font-size: 1.4rem;font-weight: 500;color:#000;}
.area_header .gnb li.popupBtn {position: relative;display: flex;width: 4rem;height: 1.6rem;background: #24489a;padding: 0 0.5rem;border-radius: 0.8rem;justify-content: center;align-items: center;}
.area_header .gnb li.popupBtn .count{display:flex;align-items:center;justify-content:center; position:absolute;top:-0.5rem;right: -0.25rem;width:1rem;height:1rem;background:#ff4e00;font-size: 0.65rem;font-weight: 700;color:#fff;border-radius:50%;}
.area_header .gnb li.popupBtn a{display: flex;font-size:0.7rem;color: #fff;align-items: center;}
.area_header .gnb li.popupBtn a i{margin-right:0.2rem;}
.area_header .gnb li a > span{position:relative; display:inline-block; margin-left:0.25rem; vertical-align:middle; }
.area_header .gnb li a > span::before{content:''; position:absolute; width:1rem; height:1rem; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);background-size:100% 100%; background-position:center; background-repeat:no-repeat; }
.area_header .gnb li button.search_open {display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #12217e; color: #fff; font-size: 1.5rem;}
.fp-viewing-0 .area_header .gnb li button.search_open {display: none;}
.area_header .gnb li a{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }

/* active */
.area_header .gnb li.popupBtn a:focus, .area_header .gnb li.popupBtn a:hover {color:#fff;}

/* 검색창 */
#schWr .search_close {position: absolute; right:2.75rem; bottom:-1.75rem; width: 3.5rem; height: 3.5rem; border-radius: 50%; color: #fff; background: #f46813; font-size: 1.6rem; opacity: 0; visibility: hidden; z-index: 103;}
#schWr .search_close::before {content:''; position: absolute; top:50%; left:50%; width:5rem; height: 5rem; border-radius: 50%; background: rgba(247,177,59,0.36); transform: translate(-50%, -50%); z-index: -1;}
/* #schWr .schBox {width: 100vw; background: linear-gradient(257deg, #0d326f 0%, #0d326f 50%, #3c69b3 100%); padding: calc((4rem) * 0.75) 0; position: absolute; left: calc(50% - 50vw); top: 4rem; z-index: 1; opacity: 0; visibility: hidden;} */
#schWr .schBox {width: 100%; max-width: 80rem; height: 13.5rem; background: #fff; position: fixed; left: 50%; top: 50%; border-radius: 1rem; transform: translate(-50%, -70%); z-index: 103; opacity: 0; visibility: hidden;}
#schWr .schBox::before {content: ""; display: block; width: 19rem; height: 100%; background: #eff7ff url(/images/web/main/layout/schbox_h2_bg.png) no-repeat center bottom; position: absolute; left: 0; top: 0; border-radius: 0.75rem 0.75rem 0; z-index: -1;}
#schWr .schBox .container {display: flex; align-items: start; padding: 3rem 0 0;}
#schWr .schBox h2 {height: 100%; font-size: 1.6rem; font-weight: 700; width: 19rem; text-align: center; font-size: 1.7rem; line-height: 1.7rem;}
#schWr .schBox .iptWr {display: flex; align-items: center; justify-content: space-between; width:calc(100% - 27.75rem); height: 3.5rem; border: 1px solid #809db9; border-radius: 0.75rem; font-size: calc(2.5rem * 0.92); margin-left: 3.75rem;}
#schWr .schBox .iptWr input {width: calc(100% - (4rem * 1.25)); padding-left: calc(4rem * 0.4); background: none; font-size: 0.85rem;}
#schWr .schBox .iptWr .btnSubmit {width: 3.5rem; height:3.5rem; text-align: center; border-radius: 0.75rem; background: #023c73; color: #fff; font-size: 1.5rem;}
#schWr .schBg {width: 100%; height: 100%; background: rgba(0,0,0,0.84); position: fixed; left: 0; top: 0; z-index: 102; opacity: 0; visibility: hidden;}
/* 검색창 : active */
#schWr .schBtn,
#schWr .schBox,
#schWr .schBg,
#schWr .search_close {transition: 0.2s;}
#schWr.on .search_close {opacity: 1; visibility: visible;}
#schWr.on .schBox {opacity: 1; visibility: visible; transform: translate(-50%, -60%);}
#schWr.on .schBg {opacity: 1; visibility: visible;}
  
/* Header : mobile btn */
.m_nav,
.m_nav_btn,
.m_search{display:none; }

/* Header : serch */
.box_search{position:absolute; width:100%; left:0; top:7.5rem; z-index:220; }
.box_search button{border:none; cursor:pointer; }
.box_search button.search_show{display:none; }
.box_search button.search_closed{position:absolute; display:none; right:0px; top:-2.5rem; width:50%; height:2.5rem; line-height:2.5rem; text-align:center; background:#183e72 url("/images/web/main/layout/icon_nav_close.png") no-repeat 1.15rem center; color:#fff; }
.box_search button.search_closed span{display:inline-block; padding-left:1rem; font-size:.7rem; }
.box_search h2{display:none; }
.box_search .search_wrap{display:none; background:#0b284e; padding:1rem .75rem; }
.box_search .search_wrap form{position:relative; }
.box_search .search_wrap input{display:block; width:100%; height:2rem; line-height:2rem; padding:0 2.5rem 0 .5rem; border:none; font-size:.7rem; background:#fff; }
.box_search .search_wrap button{position:absolute; top:0; right:0; width:2rem; height:2rem; background:#faa74a url("/images/web/main/layout/icon_nav_search.png")no-repeat center/1rem 1rem !important; }
.box_search input[type="text"]::placeholder{color:#555; }
.box_search input[type="text"]::-moz-placeholder{color:#555; }
.box_search input[type="text"]::-webkit-input-placeholder{color:#555; }
.box_search button.search_closed{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }

/* Header : lnb */
#lnb .depth1.active > a.tit > span:before,
#lnb .depth1 a.tit.active{left:50%; width:100%; opacity:1;}
#lnb .depth2 ul li.ov a.tit,
#lnb .depth2 ul li.on a.tit{background:#bbc8ff; }

#lnb{ flex:1; z-index:99; }
#gnb{ height:50px; z-index:2; }
#gnb ul, #gnb li { height:100%;}
#gnb li a{ position:relative; display:block; font-weight:400; }
#gnb li a span{ position:relative; }
#gnb .depth01{width:100%;max-width: 33rem;height: 4.5rem;margin:0 auto;z-index:1;}
#gnb .depth01 > ul{ display:flex; width:100%; text-align:center; z-index: 1; float:left;}
#gnb .depth01 > ul > li { flex:1;}
#gnb .depth01 > ul > li > a{position:relative;display:flex;width:100%;height: 4.5rem;line-height:1.2;justify-content: center;align-items: center;font-size:1rem;color:#000;letter-spacing:-1px;font-weight: 700;}
#gnb .depth01 > ul > li > a > span{position:relative;display:inline-block;line-height: 4.5rem;padding:0 3px;}
#gnb .depth01 > ul > li > a > span:before{ content:""; position:absolute; left:50%; bottom:0; width:0; height:3px; background:#3c49a7; opacity: 0; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
#gnb .depth01 > ul > li > a[target='_blank'] > span:after{ content:"\e980"; display:inline-block; padding-left:.25rem; font-family: 'xeicon'; font-size:.9rem; }
#gnb .depth01 > ul > li.on > a:before{ left:0; width:100%; }
#gnb .depth01 > ul > li.on > a > span:before{ left:50%; width:100%; opacity: 1; }
#gnb .depth02{ position:relative; width:100%; height:auto; text-align:left;}
#gnb .depth02 > ul{ padding:2rem 0 10rem; }
#gnb .depth02 > ul > li.dep:hover:before { color:#fff; }
#gnb .depth02 > ul > li.dep > a{ padding-right:1.25rem; }
#gnb .depth02 > ul > li > a{ color:#111; font-weight:400; padding:.45rem 1rem; font-size:.75rem; outline:;}
#gnb .depth02 > ul > li > a[target='_blank']:after{ content:"\e980"; position:absolute; right:0.75rem; display:inline-block; padding-left:.25rem; font-family: 'xeicon'; vertical-align: middle; font-size:.8rem; }
#gnb .depth03{ position:relative; display:block;  z-index:5;}
#gnb .depth03 > ul{ padding:.5rem 1.25rem; }
#gnb .depth03 > ul > li + li{margin-top:.35rem;}
#gnb .depth03 > ul > li > a{ font-size:0.7rem; padding-left:0.5rem; color:#000; }/* 3차메뉴 텍스트 색상 */
#gnb .depth03 > ul > li > a:before{content:""; position:absolute; left:0; top:0.5rem; width:4px; height:4px; border-radius:50%; background:#424ba3;} 
#gnb .depth03 > ul > li > a > span:before{ content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background:#dae7f8; } /* 1차메뉴 active 그림자 색상 */
#gnb .depth03 > ul > li > a[target='_blank'] > span:after{ content:"\e980"; display:inline-block; padding-left:.15rem; font-family: 'xeicon'; vertical-align: middle; font-size:.7rem; }
#gnb .depth03 > ul > li > a:hover,
#gnb .depth03 > ul > li > a:focus{ color:#424ba3; }
#gnb .active > .depth03{ display:block; }
#gnb .depth04{ display:none;}
#gnb:before, #lnb a, 
#gnb li > a:before, 
#gnb li > a:after, 
#gnb li > a > span:before{ transition: all 0.1s; -webkit-transition: all 0.1s; }

/* gnb : oneFull */
#lnb.oneFull #gnb{height: 4.5rem;}
#lnb.oneFull #gnb::before {content:'';position: absolute;top:0;left:calc(-1 * ((100vw - 80rem) / 2));width: 200%;height: 4.5rem;background: #fff;opacity: 0;visibility: hidden;}
#lnb.oneFull ul, #lnb.oneFull li{ position:initial;}
#lnb.oneFull .depth02{position:absolute;width: 100vw;left:50%;transform: translateX(-50%);top: 4.5rem;display:none;text-align:left;min-height:20rem;z-index:201;}
#lnb.oneFull .depth02:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; border-top: 1px solid #d2d2d2; z-index:0; box-shadow:0 5px 10px rgba(0,0,0,0.1); }
#lnb.oneFull .depth02_tit { width:26.25%; background:#1047c5 url('/images/web/main/layout/lnb_tit_bg.png') no-repeat right 0 bottom 75px; color:#fff; text-align:right; padding:2.5rem 0 0 11.5rem; text-align:left; border-bottom-right-radius: 2.5rem; z-index:1; }
#lnb.oneFull .depth02_tit strong { display:block; width:14.5rem; font-size:1.5rem; font-weight:600; }
#lnb.oneFull .depth02_tit strong span { position:relative; display:inline-block; padding:0 0.5rem;}
#lnb.oneFull .depth02_tit strong span:before {content:''; position:absolute; left:0; bottom:0.1rem; width:100%; height:0.75rem; border-radius:0.4rem; background:rgba(255,255,255,0.2);}
#lnb.oneFull .depth02_tit > span { display:block; font-size:0.8rem; margin-top:1rem; padding:0 3rem 0 0.5rem; word-break:keep-all; line-height:1.7; }
#lnb.oneFull .depth02 > ul{ flex:1; margin:0 auto; font-size:0; line-height:0; padding:2rem 10rem 5.5rem 2rem; }
#lnb.oneFull .depth02 > ul > li{ width:25%; display:inline-block; vertical-align: top; padding:.5rem; font-size:0.8rem; line-height:1.6; }
#lnb.oneFull .depth02 > ul > li.dep > a:before{content:'\e914'; position:absolute; right:0.75rem; top:0.5rem; width:1.25rem; height:1.25rem; line-height:1.25rem; border-radius:50%; text-align:center; font-family: 'xeicon'; font-size:1rem;}
#lnb.oneFull .depth02 > ul > li > a{ background:#fff; border:1px solid #ddd; border-radius:.5rem; font-size:0.8rem; color:#000; overflow:hidden; z-index:5;}
#lnb.oneFull .depth03 > ul > li > a:before{background:#424ba3;}/* 3차메뉴 블릿 색상 */
/* #lnb.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;} */
#lnb.oneFull .depth03{ margin:0; opacity: 1; }
#lnb.oneFull .depth02 > ul > li > a:hover,
#lnb.oneFull .depth02 > ul > li.dep.on > a:hover{border-color:#424ba3; color:#424ba3; }
#lnb.oneFull .depth03{ background:#f3f2f7; border-radius:0.5rem; margin-top:0.4rem; }
/** oneFull:active **/
#lnb.oneFull #gnb.active{ height:auto;}
#lnb.oneFull #gnb.active::before {opacity: 1; visibility: visible;}
#lnb.oneFull .depth02 > ul > li.dep.active > a {border-color:#424ba3; color:#424ba3; }
#lnb.oneFull .depth02 > ul > li.dep > a:before{content:"\e91b"; }
#lnb.oneFull .depth02 > ul > li.active .depth03{ opacity:1; display:block; }
#lnb.oneFull .depth01 > ul > li.on > .depth02{ display:flex; }

/* 자주찾는 서비스 */
#gnb .lnb_bookmark {display:none; position:relative; position:absolute; bottom:0; left:26.25%; right:0; width:auto; border-top:1px solid #e0e0e0; line-height:4rem; padding-left:3rem; z-index:1;}
#gnb .lnb_bookmark:before {content:''; position:absolute; right:-0.15rem; top:-6.75rem; width:26.3rem; height:6.75rem; background:url('/images/web/main/layout/lnb_bg.png') no-repeat 0 0; z-index:-1;}
#gnb.active .lnb_bookmark {display:block;}
#gnb.active .lnb_bookmark dl {display:flex;}
#gnb.active .lnb_bookmark dt {position:relative; font-size:0.8rem; color:#000; padding-right:2.4rem;}
#gnb.active .lnb_bookmark dt:after {content:''; position:absolute; right:0; bottom:0.2rem; width:2.1rem; height:4.85rem; background:url('/images/web/main/layout/bookmark_img.png') no-repeat 0 0;}
#gnb.active .lnb_bookmark dt strong {font-weight:600; color:#424ba3;}
#gnb.active .lnb_bookmark dd {display:flex; padding-left:1.5rem;}
#gnb.active .lnb_bookmark dd {font-size:0.7rem; color:#444;}
#gnb.active .lnb_bookmark dd a {padding: 0 0.7rem;}
#gnb.active .lnb_bookmark dd a:hover,
#gnb.active .lnb_bookmark dd a:focus {color:#424ba3;}
#gnb.active .lnb_bookmark dd a + a:before {content:'|'; position:absolute; left:-0.1rem; font-size:0.6rem;}

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




/* 배너존 */
.banner_zone {background: #fff;}
.banner_zone h3.heading {display: inline-block;font-size: 0.9rem;font-weight: 500;margin-bottom: 0;margin-right: 0.5rem;}
.banner_zone.container {position: relative;height: 3.5rem;overflow: hidden;padding: 0;}
.banner_zone .btn {display: flex;align-items: center;gap: 0.2rem;} 
.banner_zone .btn a {display: flex;align-items: center;justify-content: center;width: 1.9rem;height: 1.9rem;border-radius: 50%;border:1px solid #d4d4d4;font-size: 1rem;}
.banner_zone .btn a.play {display: none;}
.banner_zone .bnWrap {padding: 0 2rem 0 1rem;flex:1;overflow: hidden;}
.banner_zone .bnWrap a {display: inline-block; text-align: center; margin:0 2rem; overflow: hidden; color: #000;}
.banner_zone .bnWrap a img {max-width:100%;}

/* 배너존 : active */
.banner_zone .btn a:hover,
.banner_zone .btn a:focus {background: #f1f1f1;}

/* footer */
.footer {display: block !important;height: 20rem !important;padding: 0 !important;border-top: 1px solid #dddddd;overflow: visible !important;}
.footer-inner {position: relative;background: #313131;width:100%;height: 100%;}
.footer-inner .container {padding: 0;height: auto;}
.footer-inner .footer_top_wrap {width: 100%;box-shadow: inset 0 -1px 0 0 #7e7e7e;}
.footer-inner .footer_top {display: flex;max-width: 80rem;width:100%;height: 3.5rem;align-items: center;justify-content: space-between;margin: 0 auto;flex-wrap: wrap;}
/* footer 사이트링크 */
.footer .ftBtn_wrap .ftBtn {width: 13.1rem;float: left;position: relative;} 
.footer .ftBtn_wrap .ftBtn > button {display: flex;width: 100%;height: 3.5rem;padding: 0 0.85rem;border: 1px solid #7e7e7e;font-size: 0.8rem;color: #fff;align-items: center;justify-content: space-between;box-sizing: border-box;} 
.footer .ftBtn_wrap .ftBtn > button p {max-width: calc(100% - 1rem);display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;letter-spacing: normal;}
.footer .ftBtn_wrap .ftBtn > button i {margin: 0.5rem 0;} 
.footer .ftBtn_wrap .ftBtn > button:hover,
.footer .ftBtn_wrap .ftBtn > button:focus {color: #fff;} 
.footer .ftBtn_wrap .ftBtn.on button {color: #fff;} 
/* .footer .ftBtn_wrap .ftBtn > div { display: none; position: absolute; left: 0; bottom: 2.9rem; width: 100%; max-height: 7.5rem; padding: 0.5rem 0; overflow: auto; background: #fff; border: 2px solid #4a4a4a; z-index: 3;} 
.footer .ftBtn_wrap .ftBtn > div ul { margin-left: 0.5rem; overflow: hidden; } 
.footer .ftBtn_wrap .ftBtn > div a { display: block; position: relative; padding-left: 1rem; margin: 0.15rem 0; font-size: 0.7rem; color: #333; }  */
.footer .ftBtn_wrap .ftBtn > div {display:none;position:absolute;left:0;bottom: 3.5rem;width:100%;padding:0.5rem 0.75rem 0.75rem;background:rgba(0,0,0,0.8);z-index:10;border-radius:0.75rem;}
.footer .ftBtn_wrap .ftBtn > div ul { max-height:7.75rem; padding-right:5px; overflow-y:auto; }
.footer .ftBtn_wrap .ftBtn > div a { display:block; padding:0.25rem 0; color:#fff; font-weight:400; line-height:1.1rem; }
.footer .ftBtn_wrap .ftBtn > div a:before { content: ""; position: absolute; left: 0.5rem; top: 0.5rem; width: 3px; height: 3px; border-radius: 50%; background: #333; } 
.footer .ftBtn_wrap .ftBtn.on i { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); } 


.copy_wrap {display: flex;width: 100%;color: #fff;justify-content: space-between;flex-wrap: wrap;margin-top: 1.5rem;}
.copy_wrap .footer_left{position: relative;}
.copy_wrap .footer_left .footer_logo{position: relative;}
.copy_wrap .footer_left .footer_logo img{max-width:100%;}
.copy_wrap .footer_right{position: relative;}

.footer_link {gap: 0.5rem 1.25rem;display: flex;flex-wrap: wrap;}
.footer_link li a {color: #fff;font-size: 0.85rem;letter-spacing: -1px;}
.footer_link li a strong {color: oklch(0.72 0.15 249.5);}

.add {display: flex;font-size: 0.9rem;font-weight: 400;flex-wrap: wrap;margin-top: 1.5rem;}
.add strong{font-weight:500;margin-right:1.1rem;letter-spacing: normal;}
.add span {margin-right: 0.5rem; letter-spacing:-1px;}

.call-list {display: flex;width: 28.75rem;flex-wrap: wrap;gap: 1.5rem 0;}
.call-list li {width:50%;font-size: 1rem;color: #fff;display: flex;font-weight: 400;gap: 1.2rem;line-height: 1.15;letter-spacing: -1px;}
.call-list li strong {width: 145px; font-weight: 700; word-break: normal; overflow-wrap: break-word;}

.copy {display: inline-block;color: oklch(0.89 0 0);font-size: 0.8rem;font-weight: 300;margin-top: 3.75rem;letter-spacing: 1px;}

.ftsns-wrap {position: absolute;right: 0.6rem;bottom: -0.9rem;display: flex;align-items: center;}
.ftsns-list {display: flex;margin-right: 1rem;align-items: center;gap: 0.5rem;}
.ftsns-list li {position: relative;}
.ftsns-list li a {display: flex;align-items: center;justify-content: center;width: 2.25rem;height: 2.25rem;border-radius: 50%; font-size: 1rem; background:#fff;}
.ftsns-list li:nth-child(1) a i{background: oklch(0.53 0.12 260.85); -webkit-background-clip: text;background-clip: text; -webkit-text-fill-color: transparent;}
.ftsns-list li:nth-child(2) a i{background: linear-gradient(to bottom, oklch(0.64 0.2 23.88) 0%, oklch(0.5 0.22 310.1) 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.ftsns-list li:nth-child(3) a i{background: oklch(0.63 0.26 29.23); -webkit-background-clip: text;background-clip: text; -webkit-text-fill-color: transparent;}
.ftsns-wrap .ft_kedu {display: none;}
.footer .fp_Top {position: absolute;top: -1.5rem;right: 5%;width: 2.85rem;height: 2.85rem;border-radius: 50%;display: flex;justify-content: center;align-items: center;background: #24489a;color: #fff;animation: point 1s infinite;font-size: 1.5rem;}

/* #=========================================#
| SUB |
#=========================================# */
.box_mot_1{position:relative; }

/* Sub : layout */
.sub .area_header header {background: #fff; border-bottom: 1px solid #ddd;}
.subConWrap {display:flex;max-width: 80rem;padding: 0rem;margin:7rem auto 0;}
#subContent{position:relative; display:block; width:calc(100% - 16rem); padding-bottom:10rem; overflow:hidden;}
#subContent.error{width:100%; box-sizing:border-box; padding: 100px;}
#subContent.error img {max-width:100%;}
.subContent_body{position:relative; min-height:600px; overflow:hidden; line-height:1.4; font-size:14px; }
.subContent_body:after{content:""; display:block; clear:both; overflow:hidden; }
.page_title{border-bottom:1px solid #ddd; padding:20px 0; margin-bottom:40px; position:relative; }
.page_title h2{padding-right:5rem; color:#222; font-size:28px; }

/* Sub : location */
#location{position:relative; display:block; overflow:hidden; font-size:14px; padding:20px 0 0; }
#location img{vertical-align:middle; margin-top:-2px; }
#location span,
#location strong{display:inline-block; padding-left:13px; margin-left:7px; background:url('/images/web/main/layout/bgLocation.gif') no-repeat 0 5px; }
#location span{color:#666; }
#location strong{color:#333; }

/* Sub : sns */
.snsBox{position:absolute; top:22px; right:0; text-align:right; z-index:10; }
.snsBox button{display:inline-block; *display:inline; zoom:1; width:26px; height:26px; overflow:hidden; margin-left:3px; background:url("/images/web/main/layout/btnSns.gif") no-repeat 0 0; cursor:pointer; }
.snsBox button > span{text-indent:-1140px; font-size:0; line-height:0; }
.snsBox .btnPrint{width:40px; height:40px; background:url("/images/web/main/layout/btn_print.png") no-repeat 0 0; }
.snsBox .btnShare{width:40px; height:40px; background:url("/images/web/main/layout/btn_sns.png") no-repeat 0 0; }
.snsBox .btnFbook{background-position:-29px 0; }
.snsBox .btnTwt{background-position:-58px 0; }
.snsBox .btnBlog{background-position:-87px 0; }
.snsBox .btnKkot{background-position:-116px 0; }
.snsBox .btnBand{background-position:-145px 0; }
.snsBox .btnURL{background-position:-232px 0; } /* 240703 */
.snsBox .sns_more{display:none;position:absolute;top:45px;right:0;width: 148px;border:1px solid #bbb;border-radius:2px;padding:10px 10px 10px 7px;z-index:30;background-color:#fff;} /* 240703 */

.sub .footer {position: relative; height:auto !important;}
.sub .footer-inner {padding-bottom: 2rem;}

/* slnb */
#slnb {width: 13rem; margin-bottom: 2rem; z-index:2; margin-right:3rem;}
#slnb h2 {display: flex; justify-content: center; align-items: center; min-height: 6rem; background: #3b4aa7 url('/images/web/main/layout/slnb_tit_bg.png') no-repeat right bottom; border-radius: 1.5rem 1.5rem 1.5rem 0; padding: 0 1rem; position: relative; overflow: hidden; color:#fff;} /* 레프트메뉴 타이틀 */
#slnb h2 span {display: block; font-size: 1.25rem; color: #fff; font-weight: 700; position: relative; z-index: 1;}
#slnb h2 span:before {content: ""; display: block; width: 1.25rem; height: 2px; position: absolute; left: 50%; top: -0.5rem; transform: translateX(-50%); opacity: 0.35;}
#slnb li {position: relative;}
#slnb li a {display: block; position: relative;}
#slnb :before,
#slnb :after {display: block;}
#slnb .dep01 {margin-top:1.75rem; margin-right:1px;}
#slnb .dep01 > li + li {margin-top:0.6rem;}
#slnb .dep01 > li > a {position:relative; padding: 0.85rem 0.75rem; border:1px solid #ddd; border-radius:0.5rem; font-size: 0.8rem; color: #000; position: relative;}
#slnb .dep01 > li > a[target='_blank']:after{ content:"\e980"; position:absolute; right:0.75rem; top:0.7rem; display:inline-block; font-family: 'xeicon'; font-size:.9rem; }
#slnb .dep01 > li.dep > a {padding-right: 2.4rem; background:#fff;}
#slnb .dep01 > li.dep > a:before {content: "\e914"; font-family: 'xeicon'; color:#000; font-size:1rem; position: absolute; top: 32%; right:0.75rem; font-weight:400;}
#slnb .dep02 {display: none; padding: 0.5rem 0.75rem; position: relative; background:#f2f2f6; border-radius:0.5rem; margin-top:0.4rem;}
#slnb .dep02 > li > a {padding: 0.15rem 0.5rem; padding-left: 1.15rem; font-size: 0.7rem; color: #000;}
#slnb .dep02 > li > a[target='_blank'] > span:after{ content:"\e980"; display:inline-block; padding-left:0.25rem; font-family: 'xeicon'; vertical-align: middle; font-size:0.7rem; }
#slnb .dep02 > li > a:before {content: "";  width: 0.15rem; height: 0.15rem; border-radius: 50%; background: #424ba3; position: absolute; left: 0.5rem; top: 0.6rem;}
#slnb .dep02 > li > a:after {font-family: 'xeicon'; font-size: 1rem; position: absolute; right: 0.75rem; top: -0.1rem; font-weight:400;}
#slnb .dep02 > li.dep > a:after {content: "\e942";}
#slnb .dep03 {display: none; padding: 0.25rem 1rem; background:#fff; border-top: 1px solid #a1a1c5; border-radius: 0 0 0.4rem 0.4rem;}
#slnb .dep03:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.05; z-index:-1;}
#slnb .dep03 > li + li {margin-top: 1px;}
#slnb .dep03 > li > a {padding: 0.1rem; padding-left: 0.7rem; font-size: 0.7rem; color: #666; font-weight: 400;}
#slnb .dep03 > li > a:before {content: ""; display: block; width: 0.25rem; height: 2px; background: #d2d2d2; position: absolute; left: 0; top: 0.55rem;}
/* slnb : active */
#slnb li > a,
#slnb li > a:before,
#slnb li > a:after {transition: all 0.15s; -webkit-transition: all 0.15s;}
#slnb li.active > a,
#slnb li > a:hover,
#slnb li > a:focus {color: #424ba3; font-weight:600;}
#slnb .dep01 > li > a {transition: background-color 0.2s, color 0.2s;}
#slnb li.active > ul {display: block;}
#slnb .dep01 > li.active {border-bottom: none;}
#slnb .dep01 > li.active > a {color: #424ba3; font-weight: 600; border-color: #424ba3; box-shadow:2px 2px 5px rgba(66,75,163,0.2);}
#slnb .dep01 > li.dep.active > a:before {content: "\e91b"; color:#424ba3;}
#slnb .dep01 > li.active > a:after {opacity: 0;}
#slnb .dep02 > li > a:hover:before,
#slnb .dep02 > li > a:focus:before,
#slnb .dep02 > li.active > a:before {background: #196ebe;}
#slnb .dep02 > li.active > a {font-size: 0.7rem; color: #424ba3; font-weight:600; text-decoration:underline;}
#slnb .dep02 > li.dep.active > a:after {content: "\e945";}
#slnb .dep03 > li > a:hover,
#slnb .dep03 > li > a:focus,
#slnb .dep03 > li.active > a {color:#222;}
#slnb .dep03 > li.active > a:before {background: #222;}

@media (min-width: 1930px) {
	.container {/* height: 75%; */}
}

@media (max-width: 1800px) {
	.login_info {left:calc(-100% + 0.5rem); font-size: 0.7rem;}
	.login_info li .em1 {display: none;}

	#lnb.oneFull #gnb::before {left:0;}
  	#lnb.oneFull .depth02 > ul{ padding:2rem 2rem 5.5rem; }
	#lnb.oneFull .depth02_tit { padding:4rem 0 0 5rem; text-align:left; z-index:1; }
	#lnb.oneFull .depth02 > ul > li{ width:33.3%; }
	
	/* 자주찾는 서비스 */
	#gnb.active .lnb_bookmark dd a {letter-spacing:-2px;}

	/* 검색창 */
	#schWr .schBox {width: auto; max-width: auto; left: 1rem; right:1rem; transform: translate(0, -70%);}
	/* 검색창 : active */
	#schWr.on .schBox {transform: translate(0, -60%);}

	/* #=========================================#
	| SUB |
	#=========================================# */
	/* Sub : layout */
	.satisfaction{margin:0 3%; }
	#location{padding-left:3%; }
	
	/* Sub : sub title */
	.sub_title{padding-left:200px; }
	.sub_title h2{width:auto; margin:0 3% 1rem; }
	.sub_title p{width:auto; margin:0 3%; }
}

@media (max-width: 1640px) {
	.container {padding:0 1rem;}  
	header .container {padding:0 1rem;}  
	
	
	.fp-viewing-0 .area_header .backHead .gnb li a {color: #000;}

	.login_info {left:calc(-100% + 3rem);}
	.login_info li .em3 {display: none;}

	.banner_zone.container {padding: 0 1rem;}
	
	.footer {height: auto !important;}
	.footer-inner {padding-bottom: 3rem;}
	.footer-inner .footer_top {padding: 0 1rem;}
	.footer-inner .container {padding: 0 1rem;}
	.footer .ftBtn_wrap {position: relative;display: flex;}
	.copy {margin-top:2rem}
	.footer .fp_Top {width: 2.25rem;height: 2.25rem;right:1rem;font-size: 1.25rem;top: -1.25rem;}
}

@media (max-width: 1400px) {
	#gnb .depth01 {max-width: 30rem;}

	.login_info {left:calc(-100% + 5rem);}
	.login_info li .em2 {display: none;}

	/* 자주찾는 서비스 */
	#gnb .lnb_bookmark {padding-left:1.5rem;}
	#gnb.active .lnb_bookmark dt {padding-right:1.75rem;}
	#gnb.active .lnb_bookmark dd {display:flex; padding-left:1rem;}
	#gnb.active .lnb_bookmark dd {font-size:0.7rem; color:#444;}
	#gnb.active .lnb_bookmark dd a {padding: 0 0.45rem; letter-spacing:-2px;}
	#gnb.active .lnb_bookmark dd a + a:before {content:'|'; position:absolute; left:-0.1rem; font-size:0.6rem;}

	/* 푸터 */
	.footer-inner .footer_top {flex-wrap: wrap;}
	.footer_link {width: 100%;}
	.footer .ftBtn_wrap {position:absolute;top:4.5rem;right: 1rem;z-index: 1;}
	.footer .ftBtn_wrap .ftBtn > button {height:3rem;}
	.copy_wrap {flex-direction: column;margin-top:1rem;gap: 1.25rem;}
	.add strong {width:100%; margin-right:0;}
	.call-list {gap:1rem 0;}
}

@media (max-width: 1280px) {
    /* header - utilWr - schWr */
	/* 검색창 */
	#schWr .search_close {right:2rem; top:-1.5rem; bottom:auto; width: 3rem; height: 3rem; font-size: 1.5rem;}
	#schWr .search_close::before {width:4rem; height: 4rem;}
	#schWr .schBox {height: auto;}
	#schWr .schBox::before {content: ""; width: 100%; height: 37%; border-radius: 0.75rem 0.75rem 0; background: #eff7ff;}
	#schWr .schBox .container {flex-direction: column; padding: 1rem 1.5rem 1.5rem;}
	#schWr .schBox h2 {width: 100%; text-align: left; font-size: 1.5rem; line-height: 1.5rem; background: none; margin-bottom: 2rem;}
	#schWr .schBox .iptWr {width:100%; height: 3.5rem; margin-left: 0;}

  /* Header */
  	header .container {justify-content: space-between;flex-wrap: nowrap;}
	.area_header{height:3.5rem;width:100%;position:fixed;z-index:300;border-bottom: 1px solid #d7d7d7;box-shadow: 4px 4px 6px rgba(138,138,138,0.1);}
	.area_header:before {display:none;}
	.area_header header .hd_wrap h1{position:absolute; top:75%; left:50%; bottom:auto; max-width:calc(100% - 7rem); height:auto; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
	.area_header header .hd_wrap h1 a{height:auto; line-height:1; }
	 .area_header header .hd_wrap h1 a > img{display:block; max-width:100%; }
	.area_header header .hd_wrap{width:100%; height:100%; }
	.area_header .userLogin{display:none; }
	.login_info {display: none;}
	.area_header .gnb li.m_md {display: flex;}
	.area_header .gnb li:not(.m_md) {display: none;}

	.m_login_info {display: flex; height: 50px; align-items: center; padding: 0 0.75rem;}
	.m_login_info li {position: relative; margin-right: 1rem;}
	.m_login_info li::before {content:''; position: absolute; top:calc(50% - 1px); right:-0.55rem; width: 2px; height: 2px; background: #fff;}
	.m_login_info li:last-child:before {display: none;}
	.m_login_info li a {color: #fff; }
	
	.area_header .site_link {display:none;}
	.area_header .top_util {}
	
	.searchBox {display:none;}

	/* Header : search */
	.area_header .gnb li button.search_open {position: absolute; top:0.8rem; right:1%; background: none; color: #12217d; width: auto; height: auto;}
	.fp-viewing-0 .area_header .gnb li button.search_open {/* display: block; *//* top:0.5rem; */}
	button.m_search{display:block; position:absolute; right:2.5%; top:.75rem; width:2.1rem; height:2.1rem; background:url('/images/web/main/layout/icon_m_search.png') no-repeat center; }

	/* Header : search mobile */
	.box_search{top:3.5rem; right:0; }
	.box_search .search_wrap{background:rgba(0,0,0,0.8); }
	.box_search .search_wrap input{height:2.8rem; line-height:2.8rem; padding:0 3.5rem 0 .5rem; }
	.box_search .search_wrap button{width:2.8rem; height:2.8rem; }
	.box_search button.search_closed{width:2.1rem; height:2.1rem; top:-2.75rem; right:0; border-left:0; margin-right:3%; background:#fff url('/images/web/main/layout/icon_m_close.png') no-repeat center !important; }
	.box_search button.search_closed > span{position:absolute; margin:-1px; padding:0; width:1px; height:1px; overflow:hidden; border:0; clip:rect(0, 0, 0, 0); }
	.box_search .search_wrap{padding:1.5rem 1rem; }

	/* Header : site map */
	.area_header header .sitemap{display:none;}

	/* Header : lnb */
	#lnb{display:none; width:100%; background:rgba(0,0,0,0.9); border-top:1px solid #0f4374; }
	#lnb .depth2{display:none; width:100%; height:auto; position:relative; left:auto; top:auto; box-shadow:none; }
	#lnb .depth2 ul{width:100%; }

	/* Header : menu mobile */
	.m_nav_btn{display:block;width: 100%;}
	.m_nav_btn button{display: block;position: relative;font-size: 1.4rem;font-weight: 500;padding: 0;}
	.m_nav_btn button i {}
	.m_nav_btn button.m_show{color: #000; }
	.m_nav_btn button.m_closed{color: #000; display:none; }

	#m_lnb{display:none; position:absolute; left:0; top:3.5rem; width:calc(100% + 0.5rem); background:rgba(0,0,0,0.9); border-top:1px solid #0f4374; z-index:110; overflow:scroll; }
	#m_lnb .mn_wrap{width:100%; margin:auto; }
	#m_lnb .mnbox{display:none; }
	#m_lnb .userLogin{display:block; }

	.m_nav p.lang{width:100%; line-height:50px; background:#0059c6; font-size: 0.9rem;}
	.m_nav p.lang a{color:#fff; display:block; padding-left:0.75rem;}
	.m_nav p a > span{display:inline-block; }
	.m_nav p a > span::before{content:''; position:absolute; width:1rem; height:1rem; left:1.2rem; top:.75rem; background-position:center; background-size:100% 100%; background-repeat:no-repeat; }
	.m_nav .depth1{width:100%; }
	.m_nav .depth1 > a.tit{display:block; padding:0 .75rem; line-height:2.5rem; font-size:0.9rem; font-weight: 500; letter-spacing:-1px; position:relative; background:#f4f4f7; border-bottom:1px solid #ddd; }
	.m_nav .depth1.active > a.tit,
	.m_nav .depth1 > a.tit.active{background:#5966df; color:#fff; }
	.m_nav .depth1.dep a.tit::before{content:""; position:absolute; right:1rem; top:1.25rem; width:.6rem; height:.1rem; background:#333; z-index:1; }
	.m_nav .depth1.dep a.tit::after{content:""; position:absolute; right:1.25rem; top:1rem; width:.1rem; height:.6rem; background:#333; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
	.m_nav .depth1.dep.active a.tit::after,
	.m_nav .depth1.dep a.tit.active::after{-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); background:#fff; }
	.m_nav .depth2{display:none; width:100%; height:100%; background:#08214c; overflow:hidden; z-index:0; }
	.m_nav .depth2 ul li{position:relative; }
	.m_nav .depth2 > ul > li a{display:block; line-height:2.5rem; padding:0 0.75rem; color:#222; background:#ffff;border-bottom:1px solid #e4e4e5;position:relative; font-size:0.8rem; }
	.m_nav .depth2 > ul > li.ov a{background:#bbc8ff; }
	.m_nav .depth2 ul li.dep3::before{content:""; position:absolute; right:1rem; top:1.25rem; width:.6rem; height:.1rem; background:#333; z-index:1; }
	.m_nav .depth2 ul li.dep3::after{content:""; position:absolute; right:1.25rem; top:1rem; width:.1rem; height:.6rem; background:#333; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
	.m_nav .depth2 ul li.dep3.ov::after{-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); }
	.m_nav .depth2 ul li .depth03{display:none; padding:.5rem 0; background:#ebefff; }
	.m_nav .depth2 ul li .depth3 li{width:100%; }
	.m_nav .depth2 ul li .depth3 li a{line-height:20px; border:0; margin:0 15px; position:relative; padding:.15rem 0 .15rem .5rem; font-size:.7rem; color:#262c5f; background:transparent; }
	.m_nav .depth2 ul li .depth3 li a::before{content:""; width:.15rem; height:.15rem; border-radius:3px; position:absolute; left:0; top:.5rem; background:#5966df; }

	.m_nav .m_lnb_bookmark {background:#fff; padding:1rem 0.75rem 0.5rem;}
	.m_nav .m_lnb_bookmark dt {display: none; font-size:0.9rem; font-weight: 500; padding-bottom:0.35rem;}
	.m_nav .m_lnb_bookmark dt strong {position:relative; color:#424ba3;}
	.m_nav .m_lnb_bookmark dt strong:after {content:''; position:absolute; right:-1rem; bottom:-0.25rem; width:1.25rem; height:2.9rem; background:url('/images/web/main/layout/bookmark_img.png') no-repeat 0 0 / contain;}
	.m_nav .m_lnb_bookmark dd {display:flex; flex-wrap:wrap; font-size:0.8rem; margin-left:-0.7rem;}
	.m_nav .m_lnb_bookmark dd a {position:relative; padding: 0.2rem 0.7rem;}
	.m_nav .m_lnb_bookmark dd a:hover,
	.m_nav .m_lnb_bookmark dd a:focus {color:#424ba3;}
	.m_nav .m_lnb_bookmark dd a:first-child:after,
	.m_nav .m_lnb_bookmark dd a + a:after {content:'|'; position:absolute; right:-0.1rem; top:0.3rem; font-size:0.6rem;}
	.m_nav .m_lnb_bookmark dd a:last-child:after {display:none;}

	.ftsns-wrap .ft_wa {width: fit-content;}

	/* Sub : layout */
	#subContent{width:calc(100% - 6%); margin:auto; padding-bottom:2.5rem; }
	.subContent_body{margin:0; }
	.satisfaction{margin:auto; }
	
	#slnb {display:none;}
	
	#wrap{overflow:visible; }

	.box_mot_1{background:#fff; overflow:hidden; width:100%; }
	.box_mot_1.on{position:fixed; top:0; }
	.box_mot_1.on2{position:relative; top:920px; }

	.subT_box{display:block; }
	
	/* Sub : location */
	#location{display:none; }
	.location > ul > li > a{min-width:200px; }
	
	/* Sub : sub title */
	.sub_title{padding-left:0; display:block; }
	.sub_title h2, .sub_title p{padding-left:0; text-align:center; }
}

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

@media (max-width: 960px) {
  /* Header : search */
	.box_search .search_wrap{padding:1rem; }

	.ftsns-wrap .ft_kedu {display: inline-block;}
}

@media (max-width: 860px) {
	/* 배너존 */
	.banner_zone .bnWrap {padding-left: 0.5rem; width: calc(100% - 7rem); padding:0;}  

	/* 푸터 */
	.footer-inner .footer_top_wrap {box-shadow:none;}
	.footer-inner .footer_top {height: auto;}
	.footer_link {position: relative;width: 100%;padding: 1rem 0;gap: 0.25rem 1rem;}
	.footer_link:before {content:"";position:absolute;bottom:0;left: -1rem;width:100vw;height:1px;background: #7e7e7e;}
	.footer .ftBtn_wrap {position: relative;width: 100%;top: auto;gap:0.5rem;right: auto;margin-top: 0.5rem;}
	.footer .ftBtn_wrap .ftBtn {width: calc(50% - 0.25rem);}
	.copy_wrap {margin-top: 1rem;gap: 1.25rem;}
	.add {gap: 0.5rem;margin-top:1rem;}
	.add strong {width:100%; margin-right:0;}
	.call-list {width: 100%;gap: 1rem;}
	.call-list li {width:calc(50% - 0.5rem)}
	.copy {width:100%;}
	.ftsns-wrap {width:100%;margin-top: 0.85rem;position: relative;right: auto;bottom: auto;}
}

@media screen and (min-width:769px){
	/* Header : util over */
	.area_header .gnb li a:hover,
    .area_header .gnb li a:focus {color:#1047c5; }

	/* Header : lnb over */
	#gnb .depth01 > ul > li > a:hover > span:before{left:50%; width:100%; opacity: 1;}
	#lnb .depth2 ul li a:hover.tit{box-shadow: 2px 2px 5px rgba(66,75,163,0.2); }
	#lnb .depth2 ul li .depth3 li a:hover > span{text-decoration:underline; }

	/* Header : serch over */
	.box_search button.search_closed:hover{background-color:#244e8a; }

	/* #=========================================#
	| SUB |
	#=========================================# */
	/* Sub : layout */
	.page_title h2{font-size:22px; }
	#subContent.error{padding:100px 20px;}
	
	/* Sub : until */
	.location > ul > li{font-size:15px; }
	.location > ul > li > a{line-height:50px; height:50px; min-width:0px; padding:0 50px 0 15px; }
	.location .sub_dep{top:50px; }
	.location .sub_dep li a{font-size:13px; }
}

@media (max-width: 768px) {	

 
}

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

@media (max-width: 580px) {
	.banner_zone h3.heading {display: none;}
	.copy_wrap .footer_left .footer_logo img {max-width: 10.5rem;}

	.call-list li {gap: 0.7rem;flex-wrap: wrap;font-size: 0.8rem;letter-spacing:-1px;}
	.call-list li:nth-child(even) {padding-left: 0; border-left:none;} 
	.call-list li strong {width: 100%;letter-spacing: -1px;}

	/* #=========================================#
	| SUB |
	#=========================================# */
	/* Sub : until */
	.location > ul > li:first-child > a{display:none; }
	.location > ul > li{width:100%; display:block; border-bottom:1px solid #5e789d; }
	.location > ul > li > a{width:100%; }
}

@media (max-width: 480px) {
	/* 검색창 */
	#schWr .search_close {right:1rem; top:-1.25rem; bottom:auto; width: 2.5rem; height: 2.5rem; font-size: 1.25rem;}
	#schWr .search_close::before {width:3.5rem; height: 3.5rem;}
	#schWr .schBox::before {height:27%;}
	#schWr .schBox .container {flex-direction: column; padding: 1rem 1rem 4.5rem;}
	#schWr .schBox h2 {font-size: 1.25rem; line-height: 1.25rem; background: none; margin-bottom: 1.5rem;}
	#schWr .schBox .iptWr {height: 3rem;}
	#schWr .schBox .iptWr input {width: 100%; padding-left:0.75rem;}
	#schWr .schBox .iptWr .btnSubmit {position: absolute; left:1rem; right:1rem; bottom:1rem; width: auto; height:3rem; font-size: 1.5rem;}
	#header h1 img {max-width: 9rem;}
	.area_header .gnb li.popupBtn {width:1.6rem;height:1.6rem;border-radius: 50%;padding: 0;margin: 0;}
	.area_header .gnb li.popupBtn a p{display:none;}
	.area_header .gnb li.popupBtn a i {margin-right:0}
	.area_header .gnb li {margin-left:0.8rem}



	/* #=========================================#
	| SUB |
	#=========================================# */
	/* Sub : sub title */
	.sub_title h2{font-size:1.2rem; }
}

@media (max-width: 380px) {
  /* 헤더 */
  header .container { padding: 0 0.75rem; }  
  header h1 img {height:1.25rem;}

	
	/*푸터*/
	.footer .ftBtn_wrap {flex-wrap: wrap;}
	.footer .ftBtn_wrap .ftBtn {width:100%;}
	.footer .ftBtn_wrap .ftBtn > button {border-radius: 0.5rem;}


	
}
@media (max-width: 280px) {
	/* 헤더 */
  .area_header .gnb li {margin-left:0.25rem;}
}