#wrap { overflow-x: hidden;}

::-webkit-scrollbar { background-color: rgba(255,255,255,0.3); width: 4px}
::-webkit-scrollbar-track { background-color: transparent;}
::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.5); border-radius: 0;}
  
[class*="mot"]{opacity:0; -webkit-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
[class*="tmot"]{opacity:0; -webkit-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease;}
[class*="smot"]{opacity:0; -webkit-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
[class*="moTn"]{opacity:0; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
[class*="-fpleft"] {-webkit-transform:translateX(-30%); -ms-transform:translateX(-30%); transform:translateX(-30%);}
[class*="-fpright"] {-webkit-transform:translateX(30%); -ms-transform:translateX(30%); transform:translateX(30%);}
[class*="-fptop"] {-webkit-transform:translateY(-30%); -ms-transform:translateY(-30%); transform:translateY(-30%);}
[class*="-fpbottom"] {-webkit-transform:translateY(30%); -ms-transform:translateY(30%); transform:translateY(30%);}
.active [class*="mot"] {opacity:1;}
.active [class*="moTn"] {opacity:1;}
.active [class*="mot1"] {-webkit-transition-delay:0.3s; -ms-transition-delay:0.3s; transition-delay:0.3s;}
.active [class*="mot2"] {-webkit-transition-delay:0.5s; -ms-transition-delay:0.5s; transition-delay:0.5s;}
.active [class*="mot3"] {-webkit-transition-delay:0.7s; -ms-transition-delay:0.7s; transition-delay:0.7s;}
.active [class*="mot4"] {-webkit-transition-delay:0.9s; -ms-transition-delay:0.9s; transition-delay:0.9s;}
.active [class*="mot5"] {-webkit-transition-delay:1.1s; -ms-transition-delay:1.1s; transition-delay:1.1s;}
.active [class*="mot6"] {-webkit-transition-delay:1.3s; -ms-transition-delay:1.3s; transition-delay:1.3s;}
.active [class*="mot7"] {-webkit-transition-delay:1.5s; -ms-transition-delay:1.5s; transition-delay:1.5s;}
.active [class*="mot8"] {-webkit-transition-delay:1.7s; -ms-transition-delay:1.7s; transition-delay:1.7s;}
.active [class*="mot9"] {-webkit-transition-delay:1.9s; -ms-transition-delay:1.9s; transition-delay:1.9s;}
.active [class*="mot10"] {-webkit-transition-delay:2.1s; -ms-transition-delay:2.1s; transition-delay:2.1s;}
.active [class*="mot11"] {-webkit-transition-delay:2.3s; -ms-transition-delay:2.3s; transition-delay:2.3s;}
.active [class*="mot12"] {-webkit-transition-delay:2.5s; -ms-transition-delay:2.5s; transition-delay:2.5s;}
.active [class*="mot13"] {-webkit-transition-delay:2.7s; -ms-transition-delay:2.7s; transition-delay:2.7s;}
.active [class*="mot14"] {-webkit-transition-delay:2.9s; -ms-transition-delay:2.9s; transition-delay:2.9s;}
.active [class*="mot15"] {-webkit-transition-delay:3.1s; -ms-transition-delay:3.1s; transition-delay:3.1s;}
.active [class*="mot16"] {-webkit-transition-delay:3.3s; -ms-transition-delay:3.3s; transition-delay:3.3s;}
.active [class*="-fpleft"] {-webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px);}
.active [class*="-fpright"] {-webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px);}
.active [class*="-fptop"] {-webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px);}
.active [class*="-fpbottom"] {-webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px);}

.slick-slider {-webkit-transition:all ease-in-out .3s; transition:all ease-in-out .3s; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-slide {display:none; height:100%; min-height:1px; vertical-align:middle; outline: none;}
.slick-list.dragging { cursor:pointer;}
.slick-initialized .slick-slide { display:inline-block; }
.slick-arrow.slick-hidden { display:none;}
.slick-current {opacity:1; display:block;}
.slick-track {position:relative; left:0; top:0; display:block; margin-left:auto; margin-right:auto;}
.slick-list, .slick-track {height:100%;}
.no-transition {transition: none!important;}
.mobile-button {display:none;}

/* Skip 메뉴 */
#skipArea, #skipArea ul {height:0; width:100%}
#skipArea a {position:absolute; top:-9999px; left:0; z-index:100; width:100%; height:30px; background-color:#000; color:#fff; line-height:30px; font-family:'Pretendard'; opacity:0.6; text-align:center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60)}
#skipArea a:focus, #skipArea a:hover, #skipArea a:active {top:0}

/* header 메뉴 영역 */
/* 레이아웃 및 헤더 */
#wrap {position:relative; min-width:75rem; font-family:'Pretendard', '맑은 고딕';}
/** Header **/
Animation
#header #nav #gnb,
#header #nav #gnb ul li a span:after
{transition :all 0.4s ease; -webkit-transition :all 0.4s ease;} 

#slide_map {display:none;}
#header {position:fixed; left:0; top:0; width:100%; height:6.2rem; z-index:1100; border-bottom: 1px solid #e1e1e1; background: #fff;} 
#header .headerWrap {position:relative; width:100%; max-width: 91rem; margin: 0 auto;}
#header .headerWrap::after{content:""; display:block; clear:both;}
#header .container { max-width: 91rem; margin:0 auto;}
#container { min-height: 100vh;}
/* 로고 */ 
#header h1.logoBox {position:absolute; left:50%; top:2.35rem; margin-left:-45.5rem; z-index:20;}
#header h1.logoBox a {display:block; height:36px; line-height:50px;}
#header h1.logoBox a span{display:block; float:left;}
#header h1.logoBox a .logo {width:179px; height:30px; overflow:hidden; text-indent:-99999%; background:url('/images/web/portal/H_layout/logo.svg') no-repeat;}
#header h1.logoBox a .name{position:relative;line-height: 1.5rem;padding-left: 0.7rem;margin-left: 0.85rem;font-size:1.1rem;color:#222;}
#header h1.logoBox a .name::before{content:"";position:absolute;left:0;top: calc(50% - 0.5rem);width:1px;height: 1rem;background:#999;}

/* top util */
#header .toputil {position: relative; width:100%; z-index:100; display: flex; right: 0;; max-width: 91rem; margin: 0 auto; justify-content: flex-end;}
#header .toputil li {position:relative; }
#header .toputil li a{display:block; font-size:0.9rem; color:#555; }
#header .toputil li a:hover{text-decoration: underline;}
#header .toputil > ul > li:first-child{padding:0; margin:0;background:none;}
#header .toputil .topMenu { display: flex; margin-right: 1.5rem;}
#header .toputil .topMenu li a{display:block; line-height: 2.25rem; } 
#header .toputil .topMenu li a.login{ padding-left:20px; }
#header .toputil .topMenu li + li {padding-left: 0.8rem; margin-left: 0.8rem;}
#header .toputil .topMenu li + li::before { content: ''; display: block; width: 1px; height: 0.8rem; background: #d1d1d1; position: absolute; left: 0; top: calc(50% - 0.4rem);}
#header .toputil .topMenu li.mobileNm { font-weight: 600;}

#header .toputil .topLink{ border-radius: 0 0 1rem 1rem; overflow: hidden; display: flex;}
#header .toputil .topLink li a { display: block; width: 6.5rem; color: #fff; font-size: 0.75rem; position:relative; line-height:2.25rem; background: #134b8e; text-align: center; }
#header .toputil .topLink li:nth-child(2) a { background: #0098d1;} 
#header .toputil .topLink .Dept.open span::before{transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
#header .toputil .topLink .linkDept{display:none; position: absolute; left:0px; top:40px; width:150px; background:#005596; box-shadow: 0 0 2px 1px rgba(0,0,0,0.3);}
#header .toputil .topLink .linkDept li {width:100%; padding:0; margin:0;}
#header .toputil .topLink .linkDept li a{margin:0; padding:10px 10px; line-height:20px; color:#fff; background:none; }
#header .toputil .topLink .linkDept li a:hover{background:#001b31;}
#header .toputil .topLink .Dept span::before, #header .toputil .topLink .linkDept li a{transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease;}

/* topUtil2 */
.toputil2 { position: absolute; display: flex; align-items: center; top: 2.85rem; right: 1.5rem; z-index: 99; }
.toputil2 button { padding: 0; } 

/* 검색창 */
.searchOpen { font-size: 1.5rem; margin-right: 1.3rem; color: #000; }
.searchOpen em { display: none; }
.s_blind { display:none; position:fixed; top:0px; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:100;}
.box_search {display: none;position: fixed;top: 6.2rem;left: 50%;width: 100vw;background: #fff;padding: 2.5rem 0 2.5rem;z-index: 98; transform: translateX(-50%);}
.box_search::before { content: ''; display: block; width: 12.7rem; height: 6.9rem; background: url(/images/web/cls/layout/search_bg.png) no-repeat center / contain; position: absolute; bottom: 0; left: calc(50% + 22rem);}
.box_search .inner { max-width: 40rem; margin: auto; padding: 0 1rem;  display: flex; justify-content: space-between; align-items: center;}
.box_search .inner h3 { font-size: 1.9rem; color: #2b5cc9; font-weight: 900;}
.box_search .inner #searchForm { display: flex; align-items: center; width: 30rem; height: 3.7rem; background: #fff; border: 2px solid #2b5cc9; border-radius: 2rem; padding: 0 0.5rem 0 1.5rem; overflow: hidden; }
.box_search .inner #searchForm #total_option { height: 100%; border: none; margin-right: 1.3rem; padding: 0 1.5rem 0 0; color: #111; font-weight: 600; appearance: none; background: url('/images/T0002/layout/total_option_bg.png') no-repeat center right; }
.box_search .inner #searchForm #total_search { width: 100%; height: 100%; border: none; flex: 1; color: #bebebe; }
.box_search .inner #searchForm .srch_btn { font-size: 1.25rem; display: inline-block; width: 2.5rem; height: 2.5rem; border-radius: 50%; line-height: 2.5rem; color: #fff; background: #2b5cc9; text-align: center;} 
.btnSearchClose {position: absolute;top: -3.5rem;left: 50%;transform: translateX(37.6rem);width: 3rem;height: 3rem;line-height: 3rem;text-align: center;color: #fff;background: #333;border-radius: 50%;font-size: 1.25rem;}
.btnSearchClose::before { content: ''; display: block; width: 100vw; height: 5rem; position: absolute; right: 3.4rem; top: -0.7rem; }





/* 상단메뉴 */
#header .mob_btn {display:none;}
#header #nav {position:relative; width:100%; height:4rem; }
#header #nav #blind {position:absolute;left:0;top: 124px;width:100%;height:100%;z-index: 1; display: none;}
#header #nav #gnb {position:relative; max-width:91rem; margin:0 auto; z-index:10;} 
#header #nav #gnb .wrap{margin-left: 18rem;margin-right: 8rem;}
#header #nav #gnb .wrap > ul {position:relative; display:table; width:100%; height:auto;}
#header #nav #gnb .wrap > ul > li {position: relative; display:table-cell;}
#header #nav #gnb .wrap > ul > li > a {position:relative; display:block; text-align:center;}
#header #nav #gnb .wrap > ul > li > a span {position:relative; display:block; font-size:1.05rem; height:4rem; line-height:4rem; color:#222; font-weight: 500;}
#header #nav #gnb .wrap > ul > li > a span::before {content: '';display: block;width: 1.05rem;height: 0.6rem;background: url(/images/web/cls/layout/gnb_hover.png) no-repeat center / contain;position: absolute;left: 6px;top: 15px;opacity: 0;transition: all 0.2s;}
#header #nav #gnb .wrap > ul > li > a.ov span{ color: #2b5cc9; font-weight: 600;}
#header #nav #gnb .wrap > ul > li > a.ov span::before { opacity: 1;}
/* menu over underline animation
#header #nav #gnb .wrap > ul > li > a span:after {content:""; display:block; position:absolute; bottom:0; left:50%; width:0px; height:3px; }
#header #nav #gnb .wrap > ul > li > a.ov span:after, 
#header #nav #gnb .wrap > ul > li a:hover span:after, 
#header #nav #gnb .wrap > ul > li > a:active span:after {width:50%; background:#0c263d; left:0; padding-left:50%; opacity:1; -webkit-opacity:1; filter:alpha(opacity=100);} */

/* 200507 메뉴갯수 대응 */
#header #nav #gnb .wrap > ul.minNav{display:block; text-align:right; font-size:0; line-height:0;}
#header #nav #gnb .wrap > ul.minNav > li{display:inline-block; width:16%; vertical-align: top;}
#header #nav #gnb .wrap > ul.minNav > li > a{display:table; width:100%;}
#header #nav #gnb .wrap > ul.minNav > li > a span{padding:0 20px; display:inline-block; vertical-align: middle; line-height:4rem;}
#header #nav #gnb .wrap > ul.minNav > li > ul > li ul.group{text-align:left;}

#header #nav #gnb a, 
#header #nav #gnb span, 
#header #nav #gnb li:after, 
#header #nav #gnb li:before{transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -webkit-transition:all .2s ease;}

/* 2차메뉴 */
#header #nav #gnb .wrap a{display:block;}
#header #nav #gnb .wrap > ul > li > ul > li:last-child {display:block;}
#header #nav #gnb .wrap > ul > li > ul > li {position: relative; width:100%; float:none; overflow:hidden;}
#header #nav #gnb .wrap > ul > li > ul > li > a {font-size: 0.8rem;line-height: 1rem;height:auto;padding: 0.75rem 1.5rem 0.75rem 1rem;color:#333;text-align:left;font-weight: 500;} 
#header #nav #gnb .wrap > ul > li > ul > li > a strong {font-weight:normal;}
#header #nav #gnb .wrap > ul > li > ul > li > a[target='_blank']:after{content:'\f0f3'; font-family: 'remixicon'; position: absolute; right:15px; top:13px; line-height:20px; }
#header #nav #gnb .wrap > ul > li > ul > li > a:hover,
#header #nav #gnb .wrap > ul > li > ul > li > a:active,
#header #nav #gnb .wrap > ul > li > ul > li.open > a {background:#2b5cc9; color:#fff;}
#header #nav #gnb .wrap > ul > li > ul > li > a[target='_blank']:hover:after,
#header #nav #gnb .wrap > ul > li > ul > li > a[target='_blank']:active:after,
#header #nav #gnb .wrap > ul > li > ul > li.open > a[target='_blank']:after {content:'\f0f3'; font-family: 'remixicon';}

/* 3차메뉴 */
#header #nav #gnb .wrap > ul > li > ul > li.dep.open:after{transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);}
#header #nav #gnb .wrap > ul > li > ul > li ul.group{display:none; position: relative; left:auto; top:auto; padding:0.4rem 1rem; background:#fff;}
#header #nav #gnb .wrap > ul > li > ul > li ul.group li{width:100%; float:left; margin:0.3rem 0;}
#header #nav #gnb .wrap > ul > li > ul > li ul.group li a {position:relative; line-height:18px; padding-left:10px; font-size:0.75rem; color:#555; font-weight: 500;}
#header #nav #gnb .wrap > ul > li > ul > li ul.group li a::before{content:""; width:4px; height:4px; position: absolute; border-radius: 50%; left:0; top:8px; background:#006cb2;} 

/* oneDown */  
#header #nav.oneDown #gnb > .wrap > ul > li > ul {display:none;position: relative;top: -10px; left: 50%;transform: translateX(-50%);background:#fff; border-radius: 1rem; width: 11.5rem; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.1);} 
#header #nav.oneDown #gnb > .wrap > ul > li > ul > li.open{background:#dfe6ee;}
#header #nav.oneDown #gnb > .wrap > ul > li > ul > li.dep:before{content: "\ea4e"; font-family: 'remixicon'; font-size: 1.1rem; position: absolute; right:10px; top:13px; z-index:2; line-height: 1;}
#header #nav.oneDown #gnb > .wrap > ul > li > ul > li.dep:hover::before{ color: #fff;}
#header #nav.oneDown #gnb > .wrap > ul > li > ul > li.dep.open:before{content: "\ea78"; color: #fff; }
#header #nav.oneDown #gnb > .wrap > ul > li > ul > li ul.group{background:#fff;}
#header #nav.oneDown #gnb > .wrap > ul > li > ul > li.open ul.group{ border-bottom: 1px solid #ddd;}
#header #nav.oneDown #gnb > .wrap > ul > li > ul > li ul.group li a{color:#333;}
#header #nav.oneDown #gnb > .wrap > ul > li > ul > li ul.group li a:hover{color:#134589;} 


/* FullDown */ 
#navShadow { display:none; position:fixed; top:0px; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:100;}
#header #nav.fullDown #gnb > .wrap > ul::before{content:""; position: absolute; right:0; top:0; width:1px; height:100%; background:rgba(255,255,255,0.3); z-index: 10;}
#header #nav.fullDown,#header #nav.fullDown #gnb, #header #nav.fullDown #gnb .wrap > ul,
#header #nav.fullDown #gnb > .wrap > ul > li { position: static; z-index: 99;}
#header #nav.fullDown #gnb > .wrap > ul > li::before{content:""; position: absolute; left:0; top:0; width:1px; height:100%; background:rgba(255,255,255,0.3); z-index:10;}
#header #nav.fullDown #gnb > .wrap > ul > li > ul > li > a[target='_blank']:after{content:'\f0f3'; font-family: 'remixicon'; position: absolute; right:10px; top:10px; line-height:20px; }
#header #nav.fullDown #gnb > .wrap > ul > li > ul {display: none;}
#header #nav.fullDown #gnb > .wrap > ul > li > ul.ov{ display: flex; flex-wrap: wrap;  width: 91rem;position: absolute; left: 50%; transform: translateX(-50%); padding: 2rem 0 3.2rem;}
#header #nav.fullDown #gnb > .wrap > ul > li > ul.ov::before { content: ''; display: block; width: 100vw; background: #fff; height: 100%; position: absolute; top: -1px; left: 50%; transform: translateX(-50%);} 
#header #nav.fullDown #gnb > .wrap > ul > li > ul > li {width: 18.75%;}
#header #nav.fullDown #gnb > .wrap > ul > li > ul > li + li { margin-left: 1.5%;}
#header #nav.fullDown #gnb > .wrap > ul > li > ul > li:nth-child(6n) { margin-left: 0;}
#header #nav.fullDown #gnb > .wrap > ul > li > ul > li:nth-child(n+6) { margin-top: 0.5rem;}
#header #nav.fullDown #gnb > .wrap > ul > li > ul > li > a{ position: relative;color:#134589; display: block; padding: 0.8rem 1.9rem 0.8rem 0.9rem; border: 1px solid #d9dfe4; border-radius: 0.5rem; font-size: 0.8rem;}
#header #nav.fullDown #gnb > .wrap > ul > li > ul > li.on > a:hover,
#header #nav.fullDown #gnb > .wrap > ul > li > ul > li.on > a { background: #2b5cc9; color: #fff;}
#header #nav.fullDown #gnb > .wrap > ul > li > ul > li > a::after { content: '\ea6e'; font-family: 'remixicon';font-size: 1rem; font-weight: 600; position: absolute; right: 1rem; top: calc(50% - 0.5rem);}
 
#header #nav.fullDown #gnb > .wrap > ul > li > ul > li.dep.open:before{transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
#header #nav.fullDown #gnb > .wrap > ul > li > ul > li > ul.group li a{color:#555; font-size: 0.8rem;}
#header #nav.fullDown #gnb > .wrap > ul > li > ul > li > ul.group li a::before{content:""; width:4px; height:4px; position: absolute; border-radius: 50%; left:0; top:8px; background:#d9d9d9;}
#header #nav.fullDown #gnb > .wrap > ul > li > ul > li ul.group li a:hover{color:#134589;}
#header #nav.fullDown #gnb > .wrap > ul > li > ul > li ul.group li a:hover::before{background: #134589;}
#header #nav.fullDown #gnb .wrap > ul > li > ul > li ul.group{display:block; }

/* fullmenu */
.fullmenu { display: block; width: 2.75rem; height: 2.75rem; border-radius: 0.6rem; border: 1px solid #89cde7; background: url(/images/web/cls/layout/full_ico.png) no-repeat center;}

/* footer */ 
.f_logo { position: absolute; left: 1.5rem; top: 0;}
.area_footer {position:relative;  width:100%; background:#fff; border-top:1px solid #dcdde0;}
.box_footer {position:relative; width:100%; max-width:91rem; line-height:20px; padding:0 0 50px; margin:0 auto; }
.box_footer .footer_link{position: relative;padding: 1.1rem 0; }
.box_footer .footer_link::after { content: ''; display: block; clear: both;;}
.box_footer .footer_link::before { content:''; display: block; width: 200vw; height: 1px; background: #dcdde0; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.box_footer .footer_link li{float:left;}
.box_footer .footer_link li a{position:relative;display:block;color: #555;line-height: 1;font-size: 0.85rem; margin-right:1.8rem;} 
.box_footer .footer_link li a:hover{text-decoration: underline;}
.box_footer .footer_link li:last-child a{padding-right:0; margin-right:0;}
.box_footer .footer_link li:last-child a::before{display:none;}
.box_footer .footer_link li.point a{color:#134b8e; font-weight: 600;}

.box_footer .box_info{position: relative; margin:2.5rem 0 0; color:#222; overflow:hidden; display: flex; justify-content: space-between;}
.box_footer address { padding-left: 9.3rem; font-size: 0.9rem; color: #707070;}
.box_footer address span{position:relative; display: block; margin-bottom: 0.5rem; color: #222; font-weight: 500}   
.copyright { font-size: 0.75rem; color: #707070;}
/* 사이트링크 */
.footBtnWrap {position:absolute; top:0px; right:0;}
.footBtnWrap:after {content:""; display:block; clear:both; overflow:hidden;}
.footBtn {position:relative; width:20rem; float:left; z-index:10;}
.footBtn button {position:relative;width:100%;height: 3rem;text-align:left;color: #555;background: #fff;font-size: 0.9rem;cursor:pointer; border-left: 1px solid #dcdde0; border-right: 1px solid #dcdde0;}
.footBtn button span{padding:0 20px; display:block; line-height:20px;}
.footBtn button:hover, .footBtn button:focus{ color: #0b3c64;}
.footBtn button:before{content: "\ea78"; font-family: 'remixicon'; position:absolute; right:15px; top:calc(50% - 0.5rem); }
.footBtn.on button:before{transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.footBtn div {display:none;position:absolute;bottom: 3rem;left: 0;width:100%;max-height:223px;overflow-y:auto;text-align:left;background:rgba(0,0,0,0.8);z-index:10000;}
.footBtn div > ul {padding:10px;}
.footBtn ul li a {position:relative; display:block; line-height:16px; padding:5px 5px 5px 10px; color:#eee; overflow:hidden;}
.footBtn ul li a::before{content:""; position: absolute; left:0; top:10px; width:3px; height:3px; background:#ccc; border-radius:3px;}
.footBtn ul li a:hover {color:#fff; text-decoration:underline; }
.footBtn button, .footBtn button::before{ transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; }

/* 상단이동 */
.btn_top { position:fixed; width:2.5rem; height:2.5rem; background:#fff; border-radius: 50%; border: 1px solid #ddd; line-height: 2.5rem; right:20px; bottom:1rem; z-index:2000; font-size:0; transition: all 0.2s;}
.btn_top a {display:block; width:100%; height:100%; font-size: 1.2rem; color: #000; text-align: center;}
.btn_top:hover {transform: translateY(-5px);}

/************************************** 서브콘텐츠 :시작 **************************************/
/* content */
#sub_container_wrap {position:relative; width:100%; }
#sub_container_wrap:before {content:""; display:block; clear:both;}

.sub_content_wrap {position:relative; width:75rem; margin:0 auto; overflow:hidden; min-height:40rem; margin-top: 8.8rem;}
#sub_content {width:1100px; float:right;}
.subCntBody {position:relative; padding:40px 0; color:#333; font-size:15px; line-height:1.4;} /* 191211 */ 
.subCntBody p {line-height:1.4;}

/* 왼쪽메뉴 */
#menu {position:relative; float:left; width:15rem; height:100%;}
#menu h2 {padding:2.25rem 0; letter-spacing: -1px;  color:#fff; font-weight: 700; font-size:1.75rem; background: #2b5cc9  url('/images/web/cls/layout/snb_bg.png') no-repeat left bottom; text-align: center; border-radius: 1rem 1rem 0 1rem;} 
#menu h2 span{display:block; height:70px; line-height:35px; overflow:hidden;}
#menu .lnb{ margin-top: 0.5rem;}
#menu .lnb > li + li { margin-top: 0.4rem;}
#menu .lnb > li.on .subLnb {display:block;}
#menu .lnb > li > a {display:block;position:relative;padding: 0.825rem 2rem 0.825rem 1rem;font-size: 0.95rem;color: #111;background:#f3f5f8;border: 1px solid #dfe4ef;border-radius: 0.5rem;font-weight: 500;}  
#menu .lnb > li.on > a{color:#fff; background:#123fa4;  text-decoration:none;}
#menu .lnb > li.dep01 > a::before{ content:"\ea13"; font-family: 'remixicon'; position: absolute; right:10px; top:16px; font-size: 0.95rem; color: #777; border-radius: 50%; width: 1.5rem; height: 1.5rem; text-align: center; line-height: 1.5rem; background: #fff; border: 1px solid #dfe4ef;} 
#menu .lnb > li.dep01.open > a::before,
#menu .lnb > li.dep01.on > a::before { content: "\f1af"; color: #005aa9;}
#menu .lnb > li > a:hover:not(.dep01.on a) {color:#123fa4; }
#menu .subLnb {display:none; padding:0.8rem 1rem; border:1px solid #dfe4ef; background:#fff; border-radius: 0.5rem; margin-top: 0.35rem; }
#menu .subLnb li a {position:relative; display:block; color:#333; padding:10px 5px; border-top:1px solid #ddd; line-height:22px; font-size: 0.85rem; }
#menu .subLnb li:first-child a{border-top:0;} 
#menu .subLnb li a:hover, 
#menu .subLnb li a:focus, 
#menu .subLnb li a:active{color:#003876; font-weight: 500;}
#menu .subLnb li.on a {width:100%; padding:10px; color:#fff;  background:#0080f3 url('/images/common/E_layout/lnb_onBg.png') no-repeat right bottom; background-size:contain; text-decoration:underline;}
#menu .lnb a, #menu ::before, #menu ::after{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}

/* 새창 아이콘 */
#menu nav > .lnb > li > a[target='_blank']:after {display:inline-block; vertical-align:middle; position:relative; content:'\f0f3'; font-family: 'remixicon'; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%);}
#menu nav > .lnb > li > a:hover[target='_blank']:after, #menu nav > .lnb > li.on > a[target='_blank']:after, #menu nav > .lnb > li.on > a:hover[target='_blank']:after {display:inline-block; vertical-align:middle; position:relative; content:'\f0f3'; font-family: 'remixicon'; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%);}
#menu nav > .lnb > li > ul > li > a[target='_blank']:after {display:inline-block; vertical-align:middle; position:relative; content:'\f0f3'; font-family: 'remixicon';  position: absolute; right: 0.5rem; top: 50%; transform: translateY(-50%);}

/* sub 타이틀 */
#sub_content .title_area {position:relative;}
.title_area .pageTitle {padding: 3.5rem 0 1.4rem;word-break: keep-all;line-height:35px;font-size: 1.75rem;letter-spacing: -1px;color:#000;border-bottom: 1px solid #c4cbdb;}
/* Location */
#sub_content .location { position: absolute; top: 6px; left: 0; display: flex; align-items: center; }
#sub_content .location > .navi_item { position: relative; display: inline-block; }
#sub_content .location > .navi_item + .navi_item { padding-left: 1.8rem; }
#sub_content .location > .navi_item + .navi_item::before { position: absolute; top: 0; left: 9px; font-family: 'xeicon'; font-size: 0.9rem; color: #999; content: "\e93f"; }
#sub_content .location > a.navi_item { display: block; color: #555; font-size: 0.85rem; }
#sub_content .location > .navi_item.home { font-size: 1rem; width: 2rem; height: 2rem; line-height: 2rem; border-radius: 50%; background: #0098d1; text-align: center; color: #fff;}

/* sns */ 
.snsBox {position: absolute;bottom: 0.95rem;right: 0;}
.snsBox .btnPrint i, .snsBox .btnShare i{ font-size: 1.15rem; color: #010101;} 
.snsBox > button[type="button"] { padding-right: 1.1rem }
.snsBox .btnShare { position: relative;; margin-right: 1.1rem;}
.snsBox .btnShare::before { position: absolute; top: calc(50% - 0.5rem); right: 0; content: ''; display: block; width: 1px; height: 1rem; background-color: #ddd; }
.snsBox .sns_more { position: absolute; left: -0.65rem; top:2rem; display: none; border-radius: 1rem; background: #204260; color: #fff; padding: 0.3rem 0.7rem 0.7rem 0.7rem; z-index: 9; }
.snsBox .sns_more .sns_close { position: relative; font-size: 0.9rem !important;margin: 0 auto 0.3rem; padding-bottom: 0.3rem;}
.snsBox .sns_more .sns_close::before { content: ''; display: block; width: 1rem; height: 1px; background: rgba(255,255,255,0.3); position: absolute; bottom: 0; left: calc(50% - 0.5rem);}
.typeTop .snsBox .sns_more { right: 8.9rem; top: 3rem; }
.typeLeft .snsBox .sns_more { right: 3.8rem; top: 2.4rem; } 
.snsBox .sns_more > button[type="button"] { display: block; text-align: center; line-height: 2.1rem; font-size: 1.15rem; color: #fff;} 
/************************************** 서브콘텐츠 :끝 **************************************/

/********** Media quary **********/
@media screen and (min-width:1025px) { 
    #slide_map ::-webkit-scrollbar {width: 8px; height: 5px;}
    #slide_map ::-webkit-scrollbar-thumb {background-color: #0098d1; border-radius: 5px;}
    #slide_map ::-webkit-scrollbar-track {background-color: #eee; border-radius: 5px;}

    #slide_map {display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;padding: 8.5rem 1rem 3.5rem;z-index: 99;background: rgba(0,0,0,0.6);max-height: 100vh;}
    #slide_map .box { position: relative; max-width: 86rem; height: 100%; margin: auto; background: #fff; border-radius: 2.4rem; padding: 5.5rem 3rem 3.2rem; }
    #slide_map .box strong.title { display: none; }
    #slide_map .box a.close { position: absolute; top: 2rem; right: 3rem; width: 2.8rem; height: 2.8rem; line-height: 2.8rem; text-align: center; color: #000; background: #e3e3e3; font-size: 1.25rem; font-weight: 800; border-radius: 50%; z-index: 99; }
    #slide_map .box .binds { height: 100%; overflow-y: auto; overflow-x: hidden; } 
   #slide_map .box .binds  > ul > li { display: flex; }
   #slide_map .box .binds  > ul > li + li { margin-top: 5rem; }
   #slide_map .box .binds  > ul > li > a { position: relative; display: block; width: 9.75rem; font-size: 1.75rem; font-weight: 800; color: #111; padding-top: 0.8rem; } 
   #slide_map .box .binds  > ul > li > ul {width: calc(100% - 9.75rem);}
   #slide_map .box .binds  > ul > li > ul > li { display: inline-block; width: calc(100% / 5); padding: 0.4rem 0.75rem; vertical-align: top; }
   #slide_map .box .binds > ul > li > ul > li > a { position: relative; width: 100%; display: block; font-size: 0.8rem; color: #134589; padding: 0.75rem 1.2rem 0.75rem 0.8rem; border: 1px solid #d9dfe4; border-radius: 0.5rem; font-weight: 600; }
   #slide_map .box .binds > ul > li > ul > li.on > a:hover,
    #slide_map .box .binds > ul > li > ul > li.on > a { background: #2b5cc9; color: #fff;}
 
   #slide_map .box .binds > ul > li > ul > li > a::after { content: '\ea6e'; font-family: 'remixicon';font-size: 1rem; font-weight: 600; position: absolute; right: 0.5rem; top: calc(50% - 0.8rem);}
   #slide_map .box .binds  > ul > li > ul > li > ul > li a { position: relative; display: block; font-size: 0.8rem; color: #555; padding-left: 0.7rem; }
   #slide_map .box .binds > ul > li > ul > li > ul.group { padding: 0 1rem; margin-top: 0.7rem;}
    #slide_map .box .binds > ul > li > ul > li > ul.group li a::before{content:""; width:4px; height:4px; position: absolute; border-radius: 50%; left:0; top:10px; background:#d9d9d9;}
    #slide_map .box .binds > ul > li > ul > li ul.group li a:hover{color:#134589;}
    #slide_map .box .binds > ul > li > ul > li ul.group li a:hover::before{background: #134589;}
    #slide_map .slide_top { display: none;}
}
@media screen and (max-width:1850px) { 
    #header h1.logoBox { left: 1rem; margin-left: 0;}
    #header .toputil { right: 1rem; }
    .btnSearchClose { transform: none; right: 5rem; left: auto;}
    #header #nav.fullDown #gnb > .wrap > ul > li > ul.ov { width: 100%; padding:2rem 1rem 3.2rem;}

    #slide_map .box { padding: 4rem 1.7rem 1rem;}
    #slide_map .box a.close {top: 1rem;right: 1.5rem; }

    /* footer */
	.box_footer {width:calc(100% - 2rem);}
    .box_footer address {padding-left: 8.3rem; }
    .f_logo { left: 0;}
  
}
@media screen and (max-width:1560px) {
    
	/************************************** 서브콘텐츠 :시작 **************************************/
    .sub_content_wrap {width: calc(100% - 2rem);}
	#sub_content {width: 76%;}

	/* 왼쪽메뉴 */
	#menu {width:20%;}

}

@media screen and (max-width:1420px) {
 
	#wrap{min-width:100%;}
 
	/* top util */
	#header .toputil {width:96%;}

	/* header */
	#header #nav #gnb .wrap > ul > li > a span{font-size:18px;}
	#header #nav #gnb .wrap > ul > li > ul > li a{font-size:14px;}
	#header #nav #gnb .wrap > ul > li > ul > li ul.group li a{font-size:13px;}



}


@media screen and (max-width:1300px) {	
	
	/************************************** 서브콘텐츠 :시작 **************************************/	
	#sub_container_wrap,
	.sub_content_wrap,
	#sub_content,
	.subCntBody {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	/* content */
	#sub_container_wrap{width:100%;} 
	.sub_content_wrap {width:100%; padding-top:2.5rem;} 
	#sub_content {width:100%; min-height:0; padding:0 1rem 0;}
 
	/* sub 타이틀 */
	.title_area .pageTitle {font-size:1.4rem; margin:0.8rem 0 0;padding: 2.5rem 0 0.8rem;} 

	#sub_content  .location{ top:0; }
    #sub_content .location > .navi_item.home {font-size: 0.9rem;width: 1.5rem;height: 1.5rem;line-height: 1.5rem; }
    #sub_content .location > .navi_item + .navi_item {padding-left: 1rem;}
    #sub_content .location > .navi_item + .navi_item::before { left: 3px;}

	.subCntBody {width:100%; float:none; padding:25px 0 30px;} 
    .snsBox > button[type="button"] { padding-right: 0.5rem;}
	.snsBox .btnShare { margin-right: 0;}
    .snsBox .btnShare::before { display: none;}
    .snsBox > button.btnPrint { display: none;}
 
	/* common */
	.img_auto { width:100%; height:auto}

	/* 왼쪽메뉴 */
	#menu {position:absolute; left:0; top:0; width:calc(100% - 2rem); margin-left: 1rem; height:auto; z-index:10;} 

	#menu h2 { position:relative; width:100%; height:50px; line-height:30px; box-sizing:border-box; padding:10px 50px 10px 20px; margin-bottom:0; color:#fff; text-align:left;cursor:pointer; font-size:17px; background:#123fa4; border-radius: 0.5rem;}
	#menu h2::after{content:"\ea13"; font-family: 'remixicon'; position: absolute; right:15px; top:13px; width: 1.25rem; height: 1.25rem; line-height: 1.35rem; border-radius: 50%; background: #fff; color: #123fa4; text-align: center; transition: all 0.15s;}
	#menu h2.on::after{ content: "\f1af";}
	#menu h2::before{display:none;}
	
    #menu nav {display:none}
    #menu nav {position:relative; }
    #menu .lnb { margin-top: 0; background: #fff; border-radius: 0 0 0.5rem 0.5rem; box-shadow: 0 5px 10px rgba(0,0,0,0.1); padding: 0 0.75rem;}
	#menu .lnb > li {margin:0;}
    #menu .lnb > li + li { margin-top: 0;}
	#menu .lnb > li > a {padding: 0.5rem 2rem 0.5rem 0;font-size: 0.75rem;border: none; background: transparent; border-bottom: 1px solid #bbb; border-radius: 0;}
    #menu .lnb > li:last-child > a { border-bottom: none;}
    #menu .lnb > li.on > a { background: #fff; color: #005aa9; border-bottom: 1px solid #005aa9;}
	#menu .lnb > li.dep01 > a::before{right: 0;top: 0.35rem;}
	#menu .subLnb{padding:0 0.7rem;border: none;border-radius: 0;}
    #menu .subLnb li a { border-top: none; font-size: 0.7rem;padding: 5px 5px 5px 12px;}
    #menu .subLnb li a::before { content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background: #cdd3d8; position: absolute; left: 0; top: calc(50% - 2.5px);}
	#menu .subLnb li.on a{width:auto; padding:10px;}
    #menu .lnb > li.dep01 > a::before{content: '\e942'; font-family: 'xeicon'; color: #bbb;}
    #menu .lnb > li.dep01.open > a::before, #menu .lnb > li.dep01.on > a::before { background: #005aa9; border-color: #005aa9; color: #fff;content: '\e945'; font-family: 'xeicon';}
	/************************************** 서브콘텐츠 :끝 **************************************/	
}

@media screen and (max-width:1280px) {
	#wrap, #header, .headerWrap,
	#container, .area_footer, .box_footer,
	#gnb > li.others .m_util li,
	.box_search_2, .box_search_2 .box_search_2_1, .box_search_2 input,
	.area_footer .ft_site, .area_footer .ft_site .inner, .area_footer .ft_site ul, .area_footer .ft_site h2, .box_footer .box_info,
	.footBtnWrap, .footBtn button,
	.footBtn div,
	.footer_link {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

	#myMenu { display: none;}
	#wrap { width:100%}	
	.headerWrap {width:100%;}
    .btnSearchClose { right: 4.3rem; top: -3.5rem;}
	/** Header **/
	#header { height: 70px; background-image:none;border-bottom:1px solid #ccc;} 	
	#header .headerWrap {min-width:100%; height:3.5rem;}	
	#header .gnb {display:none;}

	#header .toputil{display:none;}
 
	/* 로고 */ 
	#header h1.logoBox{top:25px; }
    #header h1.logoBox a .name {font-size: 0.9rem;}

    /* topUtil2 */
    .toputil2 { top: 0.5rem;right: 1rem; }
    .box_search { top: 70px;}
    .box_search::before {left: auto;right: -2rem;bottom: -0.45rem;z-index: -1;max-width: 11rem;}
	/* 상단 메뉴 / 모바일 버튼 */
	#header #nav {display:none;} 
    
 
	.btn_top {display:none !important;}

	/* footer */ 
    .box_footer .box_info { flex-direction: column; }
    .box_footer .footer_link{padding: 0.875rem 0;}
    .box_footer address { padding-left: 0; position: relative;}
    .box_footer address span {position: absolute;top: -1.15rem;left: 8rem;}
    .box_footer address p {margin-top: 0.9rem; margin-bottom: 0.5rem;}
    .footBtn {width: 10.75rem;}
    .footBtn div { bottom: 2.5rem;}
    .footBtn button { height: 2.5rem; font-size: 0.8rem;}
    .footBtn button span { padding: 0 15px;}
    .f_logo { position: relative;}

    /*slide_map*/ 
    #slide_map .box .binds  > ul > li > ul > li { width: calc((100% - 0.5rem) / 3); } 

	/* 서브 */
	#sub_container_wrap{margin:0;}  
    .sub_content_wrap { margin-top: 4.5rem;}
}

@media screen and (max-width:1024px) {
    /*slide_map*/ 
    #slide_map { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; padding: 2.5rem 1rem; z-index: 9999; background: #fff; }
    #slide_map .box,
    #slide_map { padding: 0;}
    #slide_map .box::before { position: absolute; top: 0; left: 0; width: 34.5%; height: 100%; background: #f3f6fa; content: ""; z-index: -1; }
  
    #slide_map .box a.close { position: absolute; top: 0rem; right: 0.7rem; font-size: 1.5rem; color: #fff;}
    .slide_top { background: #005aa9; display: flex; padding-left: 0.9rem; transition: all 0.2s;}
    .slide_top li {position: relative;}
    .slide_top li + li { padding-left: 0.8rem; margin-left: 0.7rem;}
    .slide_top li + li::before { content: ''; display: block; width: 1px; height: 0.5rem; background: #4d8cc3; position: absolute; left: 0; top:calc(50% - 0.25rem);}
    .slide_top li a { color: #fff; font-size: 0.75rem; line-height: 2.5rem;}
    .slide_top li a i { display: inline-block; padding-right: 0.2rem;}
    .slide_top li.mobileNm a{ color: #fff !important; font-weight: 600; font-size: 0.8rem;}
 
    #slide_map .box .binds  > ul > li > a::after {content: '';display: block;width: 1.05rem;height: 0.6rem;background: url(/images/web/cls/layout/gnb_hover.png) no-repeat center / contain;position: absolute;right: 0;bottom: -0.3rem;opacity: 0;transition: all 0.2s;z-index: 1;}
    #slide_map .box .binds > ul > li > a { position: relative; display: block; width: 34.5%; padding:1.15rem 0; font-size: 0.8rem; color: #222; font-weight: 700; padding-left: 1.1rem; }
    #slide_map .box .binds  > ul > li > a::before { position: absolute; top: 0; left: -0.8rem; width: 0; height: 100%; background: #333; border-radius: 0.5rem 0.5rem 1.5rem 0.5rem; content: ""; z-index: 0; }
    #slide_map .box .binds  > ul > li > ul { position: absolute; top: 55px; right: 0; display: none; overflow: hidden; width: calc(65.5% - 1.6rem); padding-right: 1.25rem; } 
    #slide_map .box .binds  > ul > li > ul > li { position: relative; width: 100%; }
    #slide_map .box .binds  > ul > li > ul > li::before { content: "\e945"; font-family: 'xeicon'; font-size: 0.85rem; color: #bbb; display: block; border: 1px solid #bbb; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; border-radius: 50%; line-height: 1.25rem; text-align: center; transform: rotate(180deg); transition: all 0.2s; position: absolute; top: 17px;right: 0.3rem;}
    #slide_map .box .binds  > ul > li > ul > li > a { position: relative; display: block; width: 100%; padding: 0.88rem 1.75rem 0.88rem 0.3rem; font-size: 0.8rem; color: #272727; border-bottom: 1px solid #bbb; font-weight: 500; }
    #slide_map .box .binds  > ul > li > ul > li > ul {padding: 0.3rem; position: relative;z-index: 99;}
    #slide_map .box .binds  > ul > li > ul > li > ul > li > a { position: relative; font-size: 0.75rem; color: #555; padding: 0.3rem 0.9rem 0.3rem 0.5rem; font-weight: 500;}
    #slide_map .box .binds  > ul > li > ul > li > ul > li > a::before { content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: #cdd3d8; position: absolute;top:11px; left: 0;}
    #slide_map .box .binds  > ul > li > ul,
    #slide_map .box .binds  > ul > li > ul > li > ul { display: none; overflow: hidden;}
    #slide_map .box .binds  > ul > li.active > ul,
    #slide_map .box .binds  > ul > li > ul > li.active > ul { display: block; overflow: visible;} 
    #slide_map .box .binds  > ul > li.active > a { background: #fff; border-bottom: 1px solid #005aa9;}
    #slide_map .box .binds  > ul > li.active a::after { opacity: 1;}
    #slide_map .box .binds  > ul > li > ul > li.active::before { transform: rotate(0); border-color: #005aa9; color: #fff; background: #005aa9;}
    #slide_map .box .binds  > ul > li > a:hover,
    #slide_map .box .binds  > ul > li > a:focus { color: #005aa9;}
    #slide_map .box .binds > ul > li > ul > li.active > a,
    #slide_map .box .binds > ul > li > ul > li > a:hover,
    #slide_map .box .binds > ul > li > ul > li > a:focus {color: #005aa9; border-color: #005aa9;}
    #slide_map .box .binds  > ul > li > ul > li > ul > li.active > a::before,
    #slide_map .box .binds  > ul > li > ul > li > ul > li > a:hover::before ,
    #slide_map .box .binds  > ul > li > ul > li > ul > li > a:focus::before  {background: #005aa9;}
    #slide_map .box a.close:hover,
    #slide_map .box a.close:focus { transform: rotate(90deg);}
 
    .box_search {top: 3.85rem; border-top: 1px solid #ddd;}
    .box_search .inner h3 { display: none;}
    .box_search .inner #searchForm { width: 100%;}
}
@media screen and (max-width:870px) {	
	
	/* 사이트링크 */
	.footBtnWrap{position: relative; right:auto; top:auto;}	
    .footBtn { width: calc(100% + 2rem); margin-left: -1rem;}
    .footBtn button { border: none;}
    .box_footer .footer_link::before {bottom: auto;top: 0rem;}
    .box_footer .footer_link { padding: 0.5rem 0;}
    .box_footer .footer_link li a{ font-size: 0.8rem;margin-right: 1rem; margin-top: 0.4rem;} 
    .box_footer .box_info {margin-top: 1rem;}
    .box_footer address span {position: relative;top: auto;left: auto; margin-top: 0.6rem;}
    .box_footer address p { margin: 0;}
	/* 서브 */ 
	.title_area .pageTitle{font-size:25px; margin:15px 0 20px;}
	.title_area .location span, .title_area .location strong{display:inline-block;}
}
@media screen and (max-width:768px) {	
  

}

@media screen and (max-width:560px) {	
    #header .headerWrap { height: 50px;}	
	/* 로고 */ 
    #header h1.logoBox{top: 10px;}
	#header h1.logoBox a .logo {width:32px;}
	#header h1.logoBox a .name{padding-left:0;}
	#header h1.logoBox a .name::before{display:none;}
    #header { height: 50px;}
    #header h1.logoBox a .name { font-size: 0.7rem; margin-left: 0.5rem;}
    /* fullmenu */
    .fullmenu { width: 1.75rem; height: 1.75rem; background-size: 0.8rem;}

    /* topUtil2 */
    .toputil2 {top: 0.45rem; }
    .box_search {top: 50px;padding: 1.5rem 0 1.5rem;}
    .box_search::before {bottom: -1.3rem;max-width: 8rem;}
    .searchOpen {font-size: 1.2rem;margin-right: 0.8rem;}
    .box_search .inner #searchForm { height: 2.7rem;padding: 0 0.3rem 0 1rem;}
    .box_search .inner #searchForm .srch_btn {font-size: 1.1rem; width: 2rem;height: 2rem; line-height: 2rem; }  
    .btnSearchClose { width: 2rem;height: 2rem;line-height: 2rem; font-size: 0.95rem;right: 3.2rem;top: -2.5rem;}

 
    .sub_content_wrap { margin-top: 3.5rem;}
	/* sub 타이틀  */
	.title_area .pageTitle{font-size:22px; line-height:1.3; word-break: break-all;}
	.title_area .location a.home {display:none;}
	.title_area .location span.f_nav {padding-left:0; background:none;}

		
}

@media screen and (max-width:420px) {	
 
}

@media screen and (max-width:380px) {	
	 
	/* 서브 */
	.snsBox .sns_more{right:0; top:40px;}
}