@import url('/resource/css/basic.css?ver1.0'); 

body::-webkit-scrollbar{width: 10px; }
body::-webkit-scrollbar-thumb{ background-color: #3d7717; border-radius: 5px; }
body::-webkit-scrollbar-track{background-color: rgba(0, 0, 0, 0); }

/* 1240 이상 모션 적용 */
@media (min-width: 1239px) {

	[class*="mot"]{opacity:0; -webkit-transition:opacity 0.3s ease, transform 0.3s ease; -ms-transition:opacity 0.3s ease, transform 0.3s ease; transition:opacity 0.3s ease, transform 0.3s ease; }
	[class*="-fpleft"] {-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); }
	[class*="-fpright"] {-webkit-transform:translateX(50%); -ms-transform:translateX(50%); transform:translateX(50%); }
	[class*="-fptop"] {-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
	[class*="-fpbottom"] {-webkit-transform:translateY(50%); -ms-transform:translateY(50%); transform:translateY(50%); }
	.active [class*="mot"] {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:2s; -ms-transition-delay:2s; transition-delay:2s; }
	.active [class*="mot11"] {-webkit-transition-delay:2.1s; -ms-transition-delay:2.1s; transition-delay:2.1s; }
	.active [class*="mot12"] {-webkit-transition-delay:2.2s; -ms-transition-delay:2.2s; transition-delay:2.2s; }
	.active [class*="mot13"] {-webkit-transition-delay:2.3s; -ms-transition-delay:2.3s; transition-delay:2.3s; }
	.active [class*="mot14"] {-webkit-transition-delay:2.4s; -ms-transition-delay:2.4s; transition-delay:2.4s; }
	.active [class*="mot15"] {-webkit-transition-delay:2.5s; -ms-transition-delay:2.5s; transition-delay:2.5s; }
	.active [class*="mot16"] {-webkit-transition-delay:2.6s; -ms-transition-delay:2.6s; transition-delay:2.6s; }
	.active [class*="mot17"] {-webkit-transition-delay:2.7s; -ms-transition-delay:2.7s; transition-delay:2.7s; }
	.active [class*="mot18"] {-webkit-transition-delay:2.8s; -ms-transition-delay:2.8s; transition-delay:2.8s; }
	.active [class*="mot19"] {-webkit-transition-delay:2.9s; -ms-transition-delay:2.9s; transition-delay:2.9s; }
	.active [class*="mot20"] {-webkit-transition-delay:3.0s; -ms-transition-delay:3.0s; transition-delay:3.0s; }
	.active [class*="mot21"] {-webkit-transition-delay:3.1s; -ms-transition-delay:3.1s; transition-delay:3.1s; }
	.active [class*="mot22"] {-webkit-transition-delay:3.2s; -ms-transition-delay:3.2s; transition-delay:3.2s; }
	.active [class*="mot23"] {-webkit-transition-delay:3.3s; -ms-transition-delay:3.3s; transition-delay:3.3s; }
	.active [class*="mot24"] {-webkit-transition-delay:3.4s; -ms-transition-delay:3.4s; transition-delay:3.4s; }
	.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); }
	.mtd-auto {margin: 0 auto; }
}

#wrap { position: relative; overflow-x:hidden; }
/* #wrap *{ scrollbar-arrow-color: #ddd; scrollbar-Track-Color: #ddd; scrollbar-base-color: #aaa; scrollbar-Face-Color: #aaa; scrollbar-3dLight-Color: #aaa; scrollbar-DarkShadow-Color: #aaa; scrollbar-Highlight-Color: #aaa; scrollbar-Shadow-Color: #aaa; } */
#wrap ::-webkit-scrollbar {width: 5px; height: 5px; }
#wrap ::-webkit-scrollbar-thumb {background-color: #aaa; border-radius: 10px; }
#wrap ::-webkit-scrollbar-track {background-color: #ddd; border-radius: 10px; }

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

/* slick slide common */
.slick-slider { -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.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; }
.slick-list { height: 100%; overflow: hidden; }
.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 { height: 100%; position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; z-index: 0 !important; }
.slider .control {z-index: 1 !important; }
/* slick arrow show */
.arwShow .slick-arrow.slick-hidden { display: inline-block; }

/* header */
#header {height:9rem; position:relative; width:100%; border-bottom:1px solid #d8d8d8; background: #fff; margin: 0 auto; z-index: 15; position:relative; }
#header:before {content: ""; width: 100%; height: 1px; background: #ddd; position: absolute; left: 0; top:5rem; z-index: 100; }
#header .popBtn{right:calc(50% - 820px); top: 24px; }
#header .header_wrap {position:relative; display:flex; height:100%; flex-direction:column; justify-content:space-between; align-items:center; width:100%; max-width:80rem; margin: 0 auto; z-index: 1;}
#header .header_nav {width:100%; height:5rem; display:flex; align-items: center; justify-content:end; padding: 1rem 0; }

/* header - 로고 */
#header h1 {position: absolute; left: 50%; top: 1.5rem; z-index:100; transform: translateX(-50%); }
#header h1 a {display:flex; line-height:0; }
#header h1 a img{ max-height:4.5rem;}
#header h1 a em, 
#header h1 a img {vertical-align: inherit; }
/* header - 로고 이미지 분리 */
#header h1.logo_ty{ display:flex; align-items: flex-end;}
#header h1.logo_ty a.img{ width: 10.5rem; overflow: hidden;}
#header h1.logo_ty a.home{ color:#88a14f; font-weight: 600; font-size: 1.5rem; line-height: 1;}
#header h1.logo_ty a.home:before{ content:""; display: inline-block; height: 1.45rem; width: 2px; margin:2px 0.75rem 0; background:#88a14f; vertical-align: bottom;}

/* header - 통합검색 */
#header .totalSearch { position:relative; width: 24.5rem; height: 3rem; padding:3px; top:50%; left: 50%; transform:translate(-50%, -50%); background: linear-gradient(to right, #00a05d, #0f4e93); border-radius: 0.3rem; }
#header .totalSearch::before{content: ''; display: block; width: 3.15rem; height: 2.75rem; position: absolute; left: -0.5rem; bottom: -0.05rem; background: url(/images/po/template/T1001/layout/ico_deco_tSearch.png) no-repeat center center / contain; }
#header .totalSearch > form{height: 100%; }
#header .totalSearch input { padding: 0 3rem 0 3.35rem; width: 100%; height:100%; font-size: 0.7rem; border: none; font-family: '돋움', Dotum; background:#fff; }
#header .totalSearch button { position: absolute; top:0; right:0; padding: 0; background:#0f4e93; width: 3rem; height: 3rem; line-height:3rem; color:#fff; border: none; font-size:1.4rem; border-radius: 0 0.3rem 0.3rem 0; }
#header .totalSearch input::-webkit-input-placeholder { color: #555; }
#header .totalSearch input::placeholder { color: #555; }

/* header - 유틸리티 */
#header .util-menu {display:flex; flex-direction:column; gap:0.75rem; align-items: flex-end; }
#header .topUtil {display: none}

.m_btn{display: none !important; }

/* 언어선택 */
.lang { width: 2.75rem; z-index:105; }
.lang:after {clear: both; display: block; content: ""; }
#lang .wrap, #translate .wrap {position: relative; }
#lang .wrap button, #translate .wrap button {position: relative; display: block; padding: 0; border-radius:0.75rem; height: 1.5rem; line-height: 1.4rem; text-align: left; font-size: 0.7rem; color:#111; }
.lang .wrap button {padding: 0 0.75rem; width: 100%; }
#lang .wrap button:before, #translate .wrap button:before {position: absolute; top: 1px; right: 0; font-family: 'xeicon'; font-size: 1.1rem; color: #111; content: "\e936"; }
#lang .wrap .lst, #translate .wrap .lst {position: absolute; top:1.5rem; left: -0.75rem; display: none; padding: 0.25rem 0.6rem; width: 150%;  background:#fff; border-radius: 0.75rem; box-shadow: 0 0 12px rgba(75,75,75,0.35); z-index: 10; }
#lang .wrap .lst ul, #translate .wrap .lst ul {padding-right: 5px; }
#lang .wrap .lst a, #translate .wrap .lst a {display: block; padding: 0.1rem 0; line-height: 1rem; font-size: 0.7rem; font-weight: 400; color: #888; text-align:left; }
#lang .wrap .lst a:hover, #translate .wrap .lst a:hover,
#lang .wrap .lst a:focus, #translate .wrap .lst a:focus {font-weight:700; color:#222; text-decoration:none; }
#lang :before, #translate :before,
#lang a, #translate a, 
#lang button, #translate button {transition: all .2s; -webkit-transition: all .2s; }
.lang .wrap button:hover,
.lang .wrap button.active {text-decoration:underline; }
#lang .wrap button.active:before, #translate .wrap button.active:before {transform: rotate(180deg); -webkit-transform: rotate(180deg); }
#lang .lst a:hover, #translate .lst a:hover,
#lang .lst a:focus, #translate .lst a:focus {text-decoration: underline; }

/* header - 사이트맵 버튼 */
#header .h_btn {position:relative; right:auto; top:auto; gap:2rem; z-index: 100; display:flex; }
#header .h_btn a { position:relative; font-size:0.75rem; color:#444; transition:all 0.2s; }
#header .h_btn a:not(.eng) i{ display: none;}
#header .h_btn a + a:before{ content:""; position:absolute; left:-1rem; top:25%; height:50%; border-left:1px solid #ccc;}
#header .h_btn a.sitemap {width: auto; height: auto; background:none; margin:0; line-height:normal; border-radius:0; }
#header .search_btn,
#header .sitemap {position: relative; display: block; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; border-radius: 50%; color: #fff; font-size: 1.3rem; margin-left:0.6rem; }
#header .search_btn {background:#1e6957; }
#header .sitemap {background: #002b60; }
#header .h_btn a:hover,
#header .h_btn a:focus {color:#1e6957; }

.engWrap #header .h_btn a + a:before{ display: none;} 

/* header - 버튼 */
#header .mBtn { position:absolute; bottom:0; display: flex; align-items: center; justify-content: center; width:2rem; height:4rem; font-size:0; line-height:0; z-index: 2;}
#header .mBtn.mSearch{ right:calc(50% - 37rem);}
#header .mBtn.mNav{ right:calc(50% - 40rem);}
#header .mBtn i{ font-size: 1.7rem; }


/* gnbblind */
#gnbblind { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 14; }

/* web navigation */
/* gnb common */
#nav {position: relative; z-index:99; width:100%; height:100%; }

.header_gnb{ width:100%;}
.gnb-wrap {position: relative; height:4rem; flex-shrink:0; display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 80rem; margin: 0 auto; }
#gnb {position: relative; height:100%; z-index: 1; }
#gnb li a {display: block; height:100%; position: relative; word-break: break-all; }
#gnb li a[target='_blank'] > span:after {content: "\e980"; display: inline-block; padding-left: 0.25rem; font-family: 'xeicon'; }
#gnb .depth01 {width:100%; height:100%; padding:0; margin: 0; }
#gnb .depth01 .titBox{display: none; }
#gnb .depth01 ul {height:100%; gap:2rem; }
#gnb .depth01 > ul {display: flex; width: 100%; }
#gnb .depth01 > ul > li {display:flex; flex: 1; align-items:center; justify-content:flex-start; position: relative;}
#gnb .depth01 > ul > li > a {display: flex; justify-content: center; align-items: center; height:auto; color: #333; font-weight:700; font-size:1.1rem; text-align: center; gap:0.5rem; }
#gnb .depth01 > ul > li > a::after{content: ''; display: block; opacity: 0; width: 8px; height: 8px; position: absolute; left: 50%; bottom: -5px; transform: translateX(-50%); background:#ff7906; border-radius: 50%; z-index: 9; box-shadow: 0 0 0 0.3rem rgba(255, 178, 114, 0.4); transition: 0.1s; animation: dotActive 1s infinite; }
#gnb .depth01 > ul > li > a:hover,
#gnb .depth01 > ul > li > a:focus {color:#1b4a01; }
#gnb .depth01 > ul > li > a > span{display: block; max-height: 4rem; overflow: hidden; }
#gnb .depth01 > ul > li > a > i{ display: none;}
#gnb .depth02 > ul > li > a { min-height:3rem; display: flex; align-items: center; border-bottom:1px dashed #ccc; margin-top:-1px; transition: all 0.2s;}
#gnb .depth02 > ul > li.dep > a span:before {content: '\EA6D'; font-family: 'remixicon'; font-size: 1rem; position: absolute; right: 0.5rem; top: calc(50% - 0.5rem); line-height: 1rem; z-index: 1; }
#gnb .depth03 {display: none; position: relative; padding:1rem 0.75rem 0.5rem; border-radius:0 0 0.5rem 0.5rem; margin-top:-0.5rem; background: #f2f8f3; }
#gnb .depth04 {display: none; }
/* gnb common : active */
#gnb .depth01 > ul > li > a{transition: 0.1s; }
#gnb .depth02 > ul > li.active{ border-bottom:none;}
#gnb .depth02 > ul > li.active > a span:before{ transform: rotate(90deg);}
/* #gnb .depth01 > ul > li.on > a::after{opacity: 1; } */
#gnb .active > .depth03 {display: block; }

/* 영문 예외 */
#wrap.engWrap #gnb .depth01 > ul > li > a{ font-size: 1rem;}
#wrap.engWrap #nav ul > li > a > span{ word-break: break-all; word-break: break-word;}

@keyframes dotActive{
	100%{ box-shadow: 0 0 0 0.3rem rgba(255, 178, 114, 0.4); }
	0%{ box-shadow: 0 0 0 0rem rgba(255, 178, 114, 0.4); }
}

/* gnb : oneDown */
#nav.oneDown .depth01 > ul > li {z-index: 1; }
#nav.oneDown .depth01 > ul > li > a::after{bottom: 4px; }
#nav.oneDown .depth01 > ul > li > a[target="_blank"]::after{bottom: -6px; }
#nav.oneDown .depth02 {width: 120%; border-radius: 0 0 1rem 1rem; background: #fff; box-shadow: 0 0.15rem 1.75rem -1rem #676a6b; position: absolute; left: -10%; top: 4.95rem; opacity: 0; visibility: hidden; }
#nav.oneDown .depth02 > ul {padding: 0 0 0.75rem; }
#nav.oneDown .depth02 > ul > li > a {padding: 0.4rem 0.85rem; font-size: 0.75rem; color:#111; }
#nav.oneDown .depth02 > ul > li > a > span {z-index: 0; }
#nav.oneDown .depth03 {padding: 0.5rem 0.85rem; }
#nav.oneDown .depth03:before {content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
#nav.oneDown .depth03 > ul > li > a {padding: 0.25rem 0; font-size: 0.7rem; color:#222; }
/* gnb : oneDown : active */
#nav.oneDown .depth01 > ul > li.on > .depth02 {opacity: 1; visibility: visible; }
#nav.oneDown .depth02 > ul > li > a:hover,
#nav.oneDown .depth02 > ul > li > a:focus,
#nav.oneDown .depth02 > ul > li.dep.active > a{ font-weight:600; background:#004d7b; color:#fff; } /* 2차메뉴 active */
#nav.oneDown .depth02 > ul > li.dep.active > a:before {content: '\e944'; }
#nav.oneDown .depth03 > ul > li > a:hover,
#nav.oneDown .depth03 > ul > li > a:focus{ font-weight:600; color: #2a4e78; } /* 3차메뉴 active */
#nav.oneDown .depth03 > ul > li > a:before {background: #e9eef2; } /* 3차메뉴 active */

/* gnb : fullDown */
#nav.fullDown #gnb{ position:absolute; left:0; top:0; width:100%; height:4rem; }
#nav.fullDown #gnb:before{ content: ""; width: 100vw; height: 1px; background: #ddd; position: absolute; left: calc(50% - 50vw); top: 4rem; z-index: 1; }
#nav.fullDown #gnb:after { content: ""; width: 100vw; height: 0; background: #fff; box-shadow: 0 0.15rem 0.35rem rgba(165,170,172,0.35); position: absolute; left: calc(50% - 50vw); top: 4rem; z-index: -2; opacity: 0; visibility: hidden; }
#nav.fullDown .depth01 { position:relative; max-width:100%; width: auto; margin-right: 5rem; overflow:hidden; }
#nav.fullDown .depth01 > ul { align-items: start; gap: 0; }
#nav.fullDown .depth01 > ul > li{ display: block; align-self: stretch; }
#nav.fullDown .depth01 > ul > li > a{ height:4rem; line-height:1.3; padding:0 0.5rem; /*justify-content: left;*/ }
#nav.fullDown .depth01 > ul > li > a:before { content:""; position:absolute; left:50%; bottom:0; width:0px; height:3px; }
#nav.fullDown .depth01 > ul > li.on > .depth02 {background: #fff; top:-1px; }
#nav.fullDown .depth01 > ul > li.on > a{ color:#1b4a01; }
#nav.fullDown .depth02 {padding: 0 0.5rem; margin:1rem 0; height: calc(100% - 6rem); border-right:1px solid #eee; opacity: 0; visibility: hidden; }
#nav.fullDown .depth02:before {content: ""; display: block; width: 100%; height: calc(100% - 3rem); position: absolute; left: 0; top: 4rem; z-index: -1; opacity: 0; }
#nav.fullDown .depth01 > ul > li:first-of-type > .depth02{ border-left:1px solid #eee;}
#nav.fullDown .depth02 > ul > li > a { position: relative; padding: 0.25rem 0.75rem; font-size:0.8rem; z-index: 1; }
#nav.fullDown .depth02 > ul > li.dep > a { padding-right:1.5rem !important; }
#nav.fullDown .depth03 .tit{ display: none; }
#nav.fullDown .depth03 > ul > li + li{ margin-top:0.25rem}
#nav.fullDown .depth03 > ul > li > a {padding: 0.15rem 0; font-size: 0.75rem; }
#nav.fullDown .depth03 > ul > li > a span{ position:relative; display: inline-block; }
/* gnb : fullDown : active */
#nav.fullDown #gnb.active{ height:auto; }
#nav.fullDown #gnb.active:after {height: calc(100% - 4rem); opacity: 1; visibility: visible; }
#nav.fullDown .active .depth01 {height: auto;  min-height:16rem;}
#nav.fullDown .active .depth02 {opacity: 1; visibility: visible; }
#nav.fullDown .depth02 > ul > li > a:hover,
#nav.fullDown .depth02 > ul > li > a:focus,
#nav.fullDown .depth02 > ul > li.active > a { color:#fff; border-bottom:0; border-radius:0.3rem; background:#1b4a01; } /* 2차메뉴 active */
#nav.fullDown .depth02 > ul > li > a:hover:after,
#nav.fullDown .depth02 > ul > li > a:focus:after,
#nav.fullDown .depth02 > ul > li.active > a:after{ width:100%; }/* 2차메뉴 active 효과 */
#nav.fullDown .depth03 > ul > li > a:hover,
#nav.fullDown .depth03 > ul > li > a:focus{ font-weight:600; color: #333; }

.fullDown_info{ display: none; }
/* .fullDown_info{ position:absolute; right:0; top:3rem; width:13rem; padding:1.25rem 0 1.25rem 1rem; display: none;}
.fullDown_info a{ display: flex; justify-content: space-between; align-items: center; font-size:0.8rem; margin:5px 0; padding:0.5rem; border-radius:0.25rem; border:1px solid #ccc; background:#fff; transition: all 0.2s; }
.fullDown_info a:focus,
.fullDown_info a:hover{ color:#fff; background:#275c02; }
.fullDown_info .call{ display: flex; flex-direction: column; gap: 0.25rem; margin-top:0.75rem; }
.fullDown_info .call span{ font-weight: 600; font-size:0.85rem;}
.fullDown_info .call .num1{ font-weight: 700; font-size:1.5rem; line-height: 1; }
.fullDown_info .call .num1 strong{ color:#275c02; }
.fullDown_info .call .num2{ color:#444; font-weight: 400; font-size: 0.75rem; }
.fullDown_info .call .num2 strong{ color:#000; font-weight: 500; }
#nav.fullDown #gnb.active .fullDown_info{ display: block;} */


/* gnb : oneFull */
#nav.oneFull .depth01 > ul > li {position: static; justify-content: center; }
#nav.oneFull .depth02 {display: flex; visibility: hidden; width: 100%; max-width:80rem; min-height: 15rem; position: absolute; left:50%; top: 3rem; transform: translateX(-50%); border-top:1px solid #ddd; padding-left:11.5rem; }
#nav.oneFull .depth02:before {content: ""; width: calc(100vw - 5px); ; height:calc(100% + 1px); border-top:0; background: #fff url(/resource/images/layout/onefull_bg.png) no-repeat left -5rem bottom 0; box-shadow:none; position: absolute; left: 50%; top: 0; z-index: -1; transform: translateX(-50%); border-bottom:1px solid #ddd; } 
#nav.oneFull .depth02 .titBox{ display:block; width: 11rem; top:0; left:0; position:absolute; height:100%; flex-grow:1; z-index: 1; color: #000; padding-right:1rem; padding-top:2rem; }
#nav.oneFull .depth02 .titBox::before{content: ''; width: 10.25rem; height:10rem; position: absolute; bottom: -1rem; right: 1rem; background: url(/resource/images/layout/onefull_img.png) no-repeat center bottom/contain;  z-index: -1; }
#nav.oneFull .depth02 .titBox p{ position:relative; font-size:1.25rem; font-weight: 700; color:#000; }
#nav.oneFull .depth02 .titBox p:before {content:''; position:absolute; top:50%; left:0; width:100%; height:2px; background:#000; z-index: -1; }
#nav.oneFull .depth02 .titBox span{ display: inline-block; line-height:1.2; padding-right:0.5rem; margin-right:1rem; background:#fff; letter-spacing: -1px; word-break: keep-all; }
#nav.oneFull .depth02 > ul {display: flex; flex-wrap: wrap; min-height:15rem; height: 100%; max-width:100%; align-content: baseline; margin:1.5rem 0; gap:1.5rem 3rem; overflow:hidden; }
#nav.oneFull .depth02 > ul > li { position:relative; width:calc(25% - 2.25rem); align-items:center; padding:0; border-radius:0; border:0; }
#nav.oneFull .depth02 > ul > li:nth-child(-n+4):before{ content:""; position:absolute; right:-1.5rem; top:0; height:100vh; border-right:1px solid #ddd; }
#nav.oneFull .depth02 > ul > li > a { width:100%; height:2.8rem; line-height:1.3; display:flex; padding:0 1rem; align-items:center; border-radius:0.5rem; background:transparent; border:0; font-size:0.85rem; color:#333; position: relative; z-index: 2; box-shadow:1px 0 5px rgba(0,0,0,0.05); }
#nav.oneFull .depth02 > ul > li > a:before{ content:""; position:absolute; left:0; top:0; width:100%; height:2.8rem; border-radius:0.5rem; border:1px solid #ddd; }
#nav.oneFull .depth02 > ul > li > a span { position:relative; justify-content:space-between; display:flex; align-items:center; width:100%; }
#nav.oneFull .depth02 > ul > li > a span:before {content: ""; display: block; position: absolute; right: 0; top: 0; font-family:'xeicon'; line-height: 1.4rem; }
#nav.oneFull .depth02 > ul > li.dep > a span{ padding-right:1.1rem; word-break: keep-all;}
#nav.oneFull .depth02 > ul > li.dep > a span:before {content: "\e93e";  }
#nav.oneFull .depth02 > ul > li > a:hover,
#nav.oneFull .depth02 > ul > li > a:focus,
#nav.oneFull .depth02 > ul > li.active { z-index:10; }
#nav.oneFull .depth02 > ul > li.dep > a {padding-right: 1rem !important; }
#nav.oneFull .depth02 > ul > li.current > a {background:#fff; border-color:#fff; color:#333; }
#nav.oneFull .depth03 { display: block !important; height:100%; z-index: 1; background:none; padding-bottom:0; }
#nav.oneFull .depth03:before {content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0.05; }
#nav.oneFull .depth03 p.tit {font-size:1.2rem; font-weight: 700; color: #000; display: none; }
#nav.oneFull .depth03 > ul { height:auto; background:transparent; padding:0.5rem; }
#nav.oneFull .depth03 > ul > li {height:auto; }
#nav.oneFull .depth03 > ul > li > a {padding: 0.2rem 0; padding-left: calc(5px + 0.5rem); font-size: 0.7rem; position: relative; }
#nav.oneFull .depth03 > ul > li > a:before {content: ""; display: block; width:4px; height:2px; background: #666; position: absolute; left: 0; top: 0.7rem; }
#nav.oneFull .depth03 > ul > li > a > span {position: relative; z-index: 1; font-size: 0.85rem; font-weight: 400; color: #000; padding-left:0rem; }
#nav.oneFull .depth03 > ul > li > a > span:before {content: ""; display: block; width: 0; height: 5px; border-radius: 4px; position: absolute; left: 0; bottom: 1px; z-index: -1; opacity: 0.2; transition: 0.3s; }
/* gnb : oneFull:active */
#nav.oneFull .depth01 > ul > li.on > .depth02 { visibility: visible; }
#nav.oneFull .depth01 > ul > li.on > .depth02 .titBox p{opacity: 1; }
#nav.oneFull .depth02 > ul > li.active > a:before{ border:2px solid #215c00; }
#nav.oneFull .depth02 > ul > li > a:hover,
#nav.oneFull .depth02 > ul > li > a:focus,
#nav.oneFull .depth02 > ul > li.active > a { color: #215c00; font-weight: 600; }
#nav.oneFull .depth02 > ul > li > a:hover span:before,
#nav.oneFull .depth02 > ul > li > a:focus span:before,
#nav.oneFull .depth02 > ul > li.active > a span:before { transform: rotate(90deg); }
#nav.oneFull .depth03 > ul > li > a:hover,
#nav.oneFull .depth03 > ul > li > a:focus,
#nav.oneFull .depth03 > ul > li.active > a { font-weight: 500; }
#nav.oneFull .depth03 > ul > li > a span:hover,
#nav.oneFull .depth03 > ul > li > a span:focus  {text-decoration:underline; }
#nav.oneFull .depth03 > ul > li > a:hover > span:before,
#nav.oneFull .depth03 > ul > li > a:focus > span:before {width: 100%; }
#nav.oneFull .depth03 p.tit:hover,
#nav.oneFull .depth03 p.tit:focus {text-decoration:underline; color:#457d17; }
#nav.oneFull .depth03 > ul > li > a:hover,
#nav.oneFull .depth03 > ul > li > a:focus {color: #2a4e78; font-weight:600; } /* 3차메뉴 active */
#nav.oneFull .depth03 > ul > li > a:hover:before,
#nav.oneFull .depth03 > ul > li > a:focus:before {background: #2a4e78; } /* 3차메뉴 active */
#nav.oneFull .on > .depth02 {display:block!important; }

/* moblie search */
#mSearch {display: none; width: 100%; background: #fff; border-top: 1px solid #ddd; box-shadow: 0 0.45rem 0.35rem rgba(0,0,0,0.06); padding: 2rem 1rem; position: fixed; left: 0; top: 4.95rem; z-index: 102; }
.open #mSearch {top: 11.45rem; }
#mSearch .inner {display: flex; width:26rem; margin:0 auto; height: 3rem; padding: 3px; border-radius: 0.2rem; position: relative; }
#mSearch .inputText {flex: 1; height: 100%; border: 0; background: #f5f5f5; border: 2px solid #efeeee; border-radius:1.5rem; margin-right:0.75rem; padding: 0 1rem; font-size: 0.7rem; }
#mSearch .btnSearch {width: 2.7rem; height: 100%; font-size: 1.3rem; background:#009845; border-radius: 50%; color: #fff; font-weight: 600; white-space: nowrap; }
#mSearch .btnClose {width: 2.5rem; height: 2.5rem; border-radius: 50%; font-size: 1.2rem; color: #fff; position: absolute; right: 4.1rem; top: -3.6rem; z-index:102; background:#009845; }
/* moblie search : active */
#mSearch.active {display: block; }

/* moblie navigation */
#mNav {display: none; width: 100%; height: 100vh; background: #fff; padding-bottom: 6.75rem; position: fixed; left: -100%; top: 0; z-index: 999; overflow: auto; transition: 0.25s ease; }
#mNav h4 {line-height: 4rem; border-bottom: 1px solid #e0e0e0; padding: 0 1rem; font-size: 1.2rem; color: #222; font-weight: 700; }
#mNav #mNavClose {display: block; width: 2.2rem; height: 2.2rem; border-radius: 50%; background: #515160; font-size: 1.2rem; color: #fff; line-height: 2.2rem; text-align: center; position: absolute; right: 1rem; top: 0.9rem; }
#mNav #mNavClose i {position: relative; right: 0.05rem; top: 0.05rem; }
#mNav .snb {border-bottom: 1px solid #e4e4e4; background: #f6f6f6; padding: 0.4rem 1rem; overflow: hidden; }
#mNav .snb .util {display: flex; flex-wrap: wrap; margin: 0.25rem calc(-1rem - 5px); align-items:center; }
#mNav .snb .util li {padding-left: 5px; position:relative; }
#mNav .snb .util > li:before {content: ""; width: 5px; height: 5px; border-radius: 50%; background: #e1e1e1; position: absolute; left: 0; top: calc(1.1rem - 5px); }
#mNav .snb .util > li a {display: block; padding: 0.4rem 0.8rem; font-size: 0.75rem; color: #222; font-weight: 500; }
#mNav .snb .util > li a i{margin-right: 0.15rem; }
/* moblie navigation : active */
#mNav.active {left: 0; }
#mNav .snb .util li a:hover,
#mNav .snb .util li a:focus {text-decoration: underline; }

/* mgnb */
#mgnb li a {display: block; position: relative; }
#mgnb li a[target='_blank']:after {content: '\e980'; display: inline-block; padding-left: 0.25rem; font-family: 'xeicon'; }
#mgnb .depth01 > ul > li {border-bottom: 1px solid #e5e5e5; overflow: hidden; }
#mgnb .depth01 > ul > li > a {padding: 0.9rem 1rem; color: #222; font-weight: 500; z-index: 1; }
#mgnb .depth01 > ul > li.dep > a {padding-right: 2.4rem; }
#mgnb .depth01 > ul > li.dep > a:before {content: ""; display: block; width: 2px; height: 14px; background: #000; position: absolute; right: 18px; top: 20px; }
#mgnb .depth01 > ul > li.dep > a:after {content: ""; display: block; width: 14px; height: 2px; background: #000; position: absolute; right: 12px; top: 26px; }
#mgnb .depth02 {display: none; border-top-width: 2px; border-top-style: solid; padding: 0.35rem 1rem 0.8rem; position: relative; z-index: 1; }
#mgnb .depth02:before {content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0.05; }
#mgnb .depth02 > ul > li > a {padding: 0.35rem 0; font-size: 0.75rem; color: #222; font-weight: 500; }
#mgnb .depth02 > ul > li.dep > a {padding-right: 2.4rem; }
#mgnb .depth02 > ul > li.dep > a:before {content: "\e941"; font-family: 'xeicon'; position: absolute; right: 0; top: 0.55rem; }
#mgnb .depth03 {display: none; border-radius: 0.5rem; background: #fff; padding: 0.5rem 0.5rem; box-shadow: 0 0 0.4rem rgba(0,0,0,0.1); }
#mgnb .depth03 > ul > li > a {padding: 0.35rem 0; padding-left: calc(5px + 0.3rem); font-size: 0.7rem; color: #3d3d3d; font-weight: 500; }
#mgnb .depth03 > ul > li > a:before {content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; background: #999999; position: absolute; left: 0; top: calc(1rem - 5px); }
/* mgnb : active */
#mgnb li.dep.active > div {display: block; }
#mgnb .depth01 > ul > li > a:hover,
#mgnb .depth01 > ul > li > a:focus,
#mgnb .depth01 > ul > li.active > a {color: #052f60; font-weight: 700; }  /* 1차메뉴 active */
#mgnb .depth01 > ul > li.dep.active > a:before {display: none; }
#mgnb .depth02 > ul > li.dep.active > a{font-weight: 600; }
#mgnb .depth02 > ul > li > a:hover,
#mgnb .depth02 > ul > li > a:focus,
#mgnb .depth02 > ul > li.active > a {border-color:#ffb80e; color: #052f60; font-weight: 600; } /* 2차메뉴 active */
#mgnb .depth02 > ul > li.dep.active > a:before {content: "\e944"; }
#mgnb .depth03 {border-color: #052f60; } /* 3차메뉴 border */
#mgnb .depth03 > ul > li > a:hover,
#mgnb .depth03 > ul > li > a:focus {color: #052f60; font-weight:600; } /* 3차메뉴 active */
#mgnb .depth01 > ul > li.dep.active > a:before {color:#052f60; }

/* 검색창 */
.box_search {display:none; position: absolute; top: 9rem; left: 50%; width: 100%; background: #f4f4f4; min-height:19rem; align-items:center; justify-content:center; z-index: 100; transform: translateX(-50%); border-bottom:1px solid #ddd; }
.box_search .inner { max-width: 40rem; margin: auto; padding: 0 1rem;  display: flex; justify-content: space-between; align-items: center; flex-direction:column; gap:1rem; }
.box_search .inner h3 { font-size: 1.9rem; color: #006cb2; font-weight: 900; }
.box_search .inner #searchForm { display: flex; align-items: center; width: 30rem; height: 3.5rem; background: #fff; border: 2px solid #333; border-radius: 1.75rem; padding: 0 0.15rem 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: #000;  font-size:0.9rem; }
.box_search .inner #searchForm #total_search::placeholder {color:#000; }
.box_search .inner #searchForm .srch_btn { font-size: 1.25rem; display: inline-block; width: 3rem; height: 3rem; border-radius: 50%; line-height: 3rem; color: #fff; background: #333; text-align: center; transition:all 0.2s; } 
.btnSearchClose {position: absolute; bottom: -1.5rem; left: 50%; transform: translate(-50%, 0); width: 3rem; height: 3rem; line-height: 3rem; text-align: center; color: #fff; background: #333; border-radius: 50%; font-size: 1rem; transition:all 0.2s; }
.btnSearchClose::before { content: ''; display: block; width: 100vw; height: 5rem; position: absolute; right: 3.4rem; top: -0.7rem; }
.btnSearchClose i {transition:all 0.2s; }
.btnSearchClose:hover i,
.btnSearchClose:focus i {transform:rotate(180deg); }
.box_search .inner #searchForm .srch_btn:hover,
.box_search .inner #searchForm .srch_btn:focus,
.btnSearchClose:hover,
.btnSearchClose:focus {background:#215c00; }
.box_search .inner .sch_recommend {position:relative; display:flex; gap:1rem; width: 30rem; align-items:flex-start; justify-content:center; padding:0 1rem; }
.box_search .inner .sch_recommend .title {width:5.5rem; display:flex; align-items:center; justify-content: center; gap:0.25rem; padding-top:0.25rem; }
.box_search .inner .sch_recommend .title p {font-size:0.9rem; font-weight:700; }
.box_search .inner .sch_recommend .title i {position:relative; font-size:1rem; font-weight:700; }
.box_search .inner .sch_recommend .tag {flex-grow:1; display:grid; grid-template-columns: repeat(4, 1fr); gap:0.5rem; }
.box_search .inner .sch_recommend .tag > a {border-radius:1rem; border:1px solid #e6e6e6; background:#fff; color:#444; font-size:0.8rem; height:2rem; font-weight:400; display:block; text-align:center; line-height:2rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.2s; }
.box_search .inner .sch_recommend .tag > a:hover,
.box_search .inner .sch_recommend .tag > a:focus {border-color:#009843; color:#009843; }


/* sub layout */
#sub_container { position:relative; background:#fff; z-index: 0;}
.subVisual{ display: none; position:absolute; top:0; right:calc(50% - 42.5rem); z-index: -1;}
.subCntBody { position:relative; display: flex; flex-wrap: wrap; max-width: 80rem; width:100%; padding:0 0 2.5rem; margin: 0 auto; }
.subCntBody .sub_container {width: calc(100% - 14rem); padding-top: 3rem; padding-left: 4rem; position: relative; margin-bottom: 2rem; }
.subCntBody .sub_container .subHeader {display:flex; flex-direction:column; gap:0.75rem; margin:0.5rem 0 3rem; position: relative; }
.subCntBody .sub_container .subContent { padding-bottom:2rem; min-height: 30rem; line-height: 1.6; word-break: keep-all; }

/* sub visual */
/* #sub_container .subCntBody:before{content:""; position:absolute; right:calc(50% - 42.5rem); top:0; }
#sub_container.official .subCntBody:before{ width:985px; height:230px; background:url('/resource/images/layout/subvisual_main.png') no-repeat right top; }
#sub_container.template .subCntBody:before{ width:735px; height:210px; background:url('/resource/images/layout/subvisual.png') no-repeat right top; } */

/* location */
#pageTitle {font-size: 1.5rem; color: #111; font-weight: 700; display:flex; flex-direction:column; padding-left:0; order:2; }
#pageTitle span {font-size:1.4rem; font-weight:700; }
#pageTitle small {font-size:0.8rem; color:#e4012e; font-weight:700; }

.subLocation {display: flex; align-items: center; height: 100%; padding: 0; margin-bottom: 0; order: 3; background:#f2f8f3; border-radius: 0.5rem;}
.subLocation ul {display: flex; width: 100%; padding-right: 5rem;}
.subLocation ul li { display: flex; flex:0 1 auto; color: #111; font-size:0.8rem; position:relative; min-width:0px; align-items: center;}
.subLocation ul li:first-child { position: relative; font-size: 0.75rem; display: flex; align-items: center; padding-left:0; }
.subLocation ul li:last-child{ flex: auto;}
.subLocation ul li:not(.home) + li:before {content:"\EA6E"; display: inline-block; margin:0 0.25rem; font-family: 'remixicon'; line-height:1; font-weight: 500; font-size: 0.8rem; vertical-align: middle;}
.subLocation ul li.home { width:3rem; max-width:3rem; height:3rem; border-radius:0.5rem; font-size:1rem; align-items:center; display:flex; justify-content:center; margin-right:1rem; background:#2a6900; color:#fff; }
.subLocation ul li.home i {font-weight:500; }
.subLocation ul li span { flex: 1; min-width:0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle;}
.subLocation ul li span.depth-1 {flex: 0 0 auto; }
.subLocation ul li span.depth-2 {flex: 1 1 10rem; display: -webkit-box; -webkit-line-clamp: 1; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.subLocation ul li span.depth-3 {flex: 1 1 12.5rem; display: -webkit-box; -webkit-line-clamp: 1; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.subLocation ul li span.depth-4 {flex-shrink:0; }

/* lnb */
#lnb { position:relative; width: 13rem; margin-bottom: 2rem; }
#lnb h2 { display: flex; height:5.5rem; padding:1rem;  align-items: flex-end; justify-content: center; font-size: 1.45rem; color: #fff; font-weight: 600; line-height:1.2; position: relative; word-break: keep-all;}
#lnb h2:before{ content:""; position:absolute; right:0; top:0; width:100vw; height:100%; border-radius:0 0 1rem 0; background:#1b4a01 url(/resource/images/layout/bg_lnb_v2.png) no-repeat right top;}
#lnb h2:after{ content:""; position:absolute; right:100%; top:100%; width:100vw; height:3.5rem; border-radius:0 0 1rem 0; background:#1b4a01;}
#lnb h2 span {display: block; position: relative; z-index: 1; }
#lnb li {position: relative; }
#lnb li > a {display: block; position: relative; }
#lnb li > a:after{ position: absolute; top: 50%; right:1rem; font-family: 'remixicon'; line-height:0; transform: translateY(-50%); font-weight: 400 !important; }
#lnb li > a[target='_blank']:after {content: '\ECAF' !important; }
#lnb li.dep > a:after { }
#lnb :before,
#lnb :after {display: block; }
#lnb nav{ position:relative; border-radius: 0 1rem 1rem 1rem; padding:0.5rem 0 0.5rem 0.5rem; z-index: 1; background:#1b4a01; z-index: 1; }
#lnb nav:before{ content:""; position:absolute; left: 0rem; top:0rem; width:100%; height:100%; border-radius:1rem 0 0 0; background:#fff;}
#lnb .dep01 > li a[target='_blank']{ padding-right: 1.5rem; }
#lnb .dep01 > li + li{ border-top: 1px solid #ddd; }
#lnb .dep01 > li > a { padding:0.75rem 2rem 0.75rem 1rem; border-radius: 0.75rem; font-size: 0.9rem; color: #111; position: relative; z-index: 2; }
#lnb .dep01 > li > a:after{ content:"\EA4D"; display:flex; align-items:center; justify-content:center;}
#lnb .dep01 > li > a > span { line-height:1.5rem;}
#lnb .dep01 > li.dep > a { padding-right: 2.4rem; }
#lnb .dep01 > li.dep > a:after{ font-size:1.1rem; }
#lnb .dep02 {display: none; padding: 1.75rem 1rem 0.75rem; margin-top:-1rem; margin-bottom:1rem; border-radius:1rem; position: relative; z-index: 1; background:#f2f8f3;}
#lnb .dep02 > li > a { padding: 0.25rem 0; font-size: 0.8rem; font-weight: 400; color: #444; }
#lnb .dep02 > li.dep > a:after { content:"\EA4E"; right:0; }
#lnb .dep02 > li > a[target='_blank']:after{ margin-top:3px; }
#lnb .dep03 {display: none; margin:0.25rem 0; padding: 0.5rem 0.75rem; background:#fff; border-radius:0.25rem; }
#lnb .dep03 > li + li {margin-top: 1px; }
#lnb .dep03 > li > a {padding: 0.15rem 0; padding-left: 0.7rem; font-size: 0.75rem; color: #111; font-weight: 400; }
#lnb .dep03 > li > a:before {content: ""; display: block; width: 0.25rem; height: 2px; background: #bbb; position: absolute; left: 0; top: 0.65rem; }
#lnb .dep03 > li > a[target='_blank'] {display:flex; align-items:center; gap:0.25rem; }
#lnb .dep03 > li > a[target='_blank']:after{ position:relative; right:auto; top:auto; transform: none; }
/* lnb : active */
#lnb li > a,
#lnb li > a:before,
#lnb li > a:after {transition: 0.2s; }
#lnb ul > li > a:hover,
#lnb ul > li > a:focus,
#lnb li.active > a{font-weight: 600; }
#lnb li.active > ul {display: block; }
#lnb .dep01 > li > a { transition: background-color 0.15s, color 0.15s; }
#lnb .dep01 > li.active{ border-top: none !important;}
#lnb .dep02 > li.active > a{ color:#2a6900;}
#lnb .dep01 > li.active > a { color:#fff; background:#2a6900;   }
#lnb .dep01 > li.active > a:after{ transform: translateY(-50%) rotate(180deg) ; }

/* lnb : 영문 예외 */
.engWrap #lnb h2 { height:auto; min-height: 5.5rem; font-size: 1.3rem; align-items: center;}
.engWrap #lnb .dep01 > li > a { font-size: 0.85rem; }
.engWrap #lnb .dep01 > li > a > span{line-height: 1.4;}
.engWrap #lnb .dep02 > li > a{ font-size: 0.75rem}

/* lnb 전화번호 안내 */
.lnbCall{ position:relative; margin-top:2rem; padding:1.5rem 0.5rem 1.5rem 4.5rem; border-radius: 0.5rem; background:#f5f5f5;}
.lnbCall img{ position:absolute; left:1.5rem; top:calc(50% - 1rem);}
.lnbCall h5{ font-size: 0.75rem; font-weight: 600; color:#333; }
.lnbCall p{ font-size: 1rem; font-weight: 700; color:#2a6900; }


/* 템플릿 */
/* .subLocation.template {order:3; margin-bottom:2rem; }
.subLocation.template {position:relative; display: flex; align-items: center; justify-content:space-between; height: 2.5rem; margin-top: 0rem; padding: 0; background: #f6f6f6; border-radius:1.25rem; }
.subLocation.template ul {display: flex; flex-wrap: wrap; align-items:center;  gap:1rem; }
.subLocation.template ul li {position:relative; font-size: 0.8rem; color: #111; display:flex; padding-right:1rem; align-items:center; }
.subLocation.template ul li:first-child { padding-left:0; position: relative; font-size: 0.75rem; padding-right:0; }
.subLocation.template ul li:first-child i {margin-right:0.5rem; }
.subLocation.template ul li:nth-child(2):before {display:none; }
.subLocation.template ul li + li:before {content:"\EA6E"; position:absolute; left:-1.5rem; margin:0;  display: inline-block; font-family: 'remixicon'; font-weight: 500; font-size: 0.8rem; }
.subLocation.template .home {display:flex; }
.subLocation.template .home i {align-items:center; display:flex; justify-content:center; width:2.5rem; height:2.5rem; border-radius:50%; background:#444; color:#fff; }
.subLocation.template .home i {font-size:1rem; font-weight:500; }
.subLocation.template .snsBox {position:relative; right:0.5rem; } */

/* 사이트맵 241115 추가 */
.cont_sitemap_row  {position:relative; display:flex; flex-direction:column; gap:2rem; }
.sitemap { position:relative; }
.sitemap h3 {position:relative; font-size:1.2rem; font-weight:700; margin-bottom:1rem; display:flex; transition:all 0.3s; }
.sitemap h3 a {position:relative; display:inline-block; }
.sitemap h3 a:after {content:''; position:absolute; bottom:-0.25rem; left:0; width:0; height:0.15rem; background:#275c02; transition:all 0.3s; }
.sitemap h3 a:hover,
.sitemap h3 a:focus {color:#275c02; }
.sitemap h3 a:hover:after,
.sitemap h3 a:focus:after {width:100%; }
.sitemap ul + h3 { margin-top:2rem; }
.sitemap a { position:relative; display:block; -webkit-transition:0.2s; transition:0.2s; }
.sitemap a:before { -webkit-transition:0.2s; transition:0.2s; }
.sitemap > ul { display:flex; flex-wrap:wrap; gap:1rem; }
.sitemap > ul > li {width: calc((100% - 4rem) / 5); }
.sitemap > ul > li > a {display:flex; align-items:center; justify-content:space-between; height:2.5rem; width:100%; border-radius:5px; border:1px solid #e0e0e0; padding:0 1rem; font-size:0.9rem; font-weight:500; transition:all 0.3s; }
.sitemap > ul > li > a[target='_blank']:after {content: "\e980"; display: inline-block; padding-left: 0.25rem; font-family: 'xeicon'; }
.sitemap > ul > li > a i {transition:all 0.3s; }
.sitemap > ul > li > a.active,
.sitemap > ul > li > a:hover,
.sitemap > ul > li > a:focus {border-color:#000000; font-weight:700; }
.sitemap > ul > li > a.active i {transform:rotate(180deg); }
.sitemap > ul > li .depth02 {display: none; padding:0.75rem 1rem; margin:0; display:flex; flex-direction:column; gap:0.25rem; }
.sitemap > ul > li .depth02 li {position:relative; padding-left:0.65rem; width:100%; }
.sitemap > ul > li .depth02 li:before {content:''; position:absolute; width:4px; height:4px; border-radius:50%; background:#999; left:0; top:0.5rem; }
.sitemap > ul > li .depth02 li a {color:#444444; font-size:0.8rem; }
.sitemap > ul > li .depth02 li ul li {padding-left:0; }
.sitemap > ul > li .depth02 > li > ul { padding:0.5rem; margin:0.5rem 0; background:#f5f5f5; border-radius:5px; }
.sitemap > ul > li .depth02 > li > ul > li:before {display:none; }
.sitemap > ul > li .depth02 > li > ul > li > a { position:relative; padding:0.1rem 0.75rem; font-size:0.7rem; }
.sitemap > ul > li .depth02 > li > ul > li > a:before { content:""; position:absolute; left:0; top:0.6rem; width:0.4rem; height:1px; background:#aaa; }
.sitemap > ul > li .depth02 > li > ul > li > a[target='_blank']:after {content: "\e980"; display: inline-block; padding-left: 0.25rem; font-family: 'xeicon'; }
.sitemap > ul > li > ul > li > a:hover,
.sitemap > ul > li > ul > li > a:focus {color:#275c02; }
.sitemap > ul > li > ul > li > ul > li > a:hover,
.sitemap > ul > li > ul > li > ul > li > a:focus { font-weight:600; }

/* 사이트맵 영문 예외처리 */
#wrap.engWrap .sitemap > ul > li{ width: calc((100% - 2rem) / 3);}
#wrap.engWrap .sitemap > ul > li > a{ height: auto; min-height: 4.5rem;}

/* 서브 */

/* location : sns */
.snsBox {display: flex; font-size: 1rem; position: absolute; right: 1rem; bottom: 0; z-index: 1; margin-right:0; }
.snsBox button,
.snsBox a {display:flex; align-items:center; justify-content:center; width: 2rem; height: 3rem; color: #444; }
.snsBox .btnPrint,
.snsBox .btnShare { position:relative; z-index:1; }
.snsBox .snsF {background:#1565be; }
.snsBox .snsT {background:#00c4f4; }
.snsBox .snsKs {background:#f1d824; }
.snsBox .snsN {background:#01b43f; font-size:0; }
.snsBox .snsB {background:#5a5a62; font-size:0; }
.snsBox .snsUrl {background:#01b43f; }
.snsBox button:hover, 
.snsBox button:focus, 
.snsBox a:hover, 
.snsBox a:focus { color:#2a6900; } 
.snsBox .btnShare.current { color:#2a6900; }
.snsBox button:last-child, 
.snsBox a:last-child {margin-right:0; }

.snsBox .sns-more {display:flex; flex-direction:row-reverse; }
.snsBox .sns-more .sns-list {position:absolute; left:0; top:2.5rem; display:none; width:2rem; z-index:0; padding:1rem 0.5rem; }
.snsBox .sns-more .sns-list.active {display: flex; flex-direction:column; gap:0.5rem; background:#fff; border-radius:1rem; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.snsBox .sns-more .sns-list a {font-size:1rem; width:auto; height:auto; }
.snsBox .sns-more .sns-list a:hover,
.snsBox .sns-more .sns-list a:focus {background:none; color:#444; }
.snsBox .sns-more .sns-list a img {width:0.7rem; }

.snsBox .snsMore {position: absolute; right:0; top:0; z-index: 2; opacity: 0; visibility: hidden; }
.snsBox .snsMore p {display: flex; border-radius: 5rem; background: #fff; padding-left: 1rem; box-shadow: 0 0 0.3rem rgba(0,0,0,0.2); }
.snsBox .snsMore p a {display: inline-flex; justify-content: center; align-items: center; padding: 0 0.4rem; font-size: 1.1rem; height: 2.5rem; color: #4e5d6d; }
.snsBox .snsMore p a.snsClose {width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #4e5d6d; padding: 0; color: #fff; font-size: 0.9rem; }

/* 첨부파일 */
.popover { position:absolute; z-index:1060; background-color:#fff; border:1px solid #ccc; border-radius:6px; }
.popover.top { margin-top:-10px; }
.popover.right { margin-left:10px; }
.popover.bottom { margin-top:10px; }
.popover.left { margin-left:-10px; }
.popover-title { padding:8px 14px; margin:0; font-size:14px; background-color:#f7f7f7; border-bottom:1px solid #ebebeb; border-radius:5px 5px 0 0 }
.popover-content { padding:9px 14px; }
.popover>.arrow, .popover>.arrow:after { position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid; }
.popover>.arrow { border-width:11px; }
.popover>.arrow:after { content:""; border-width:10px; }
.popover.top>.arrow { bottom:-11px; left:50%; margin-left:-11px; border-top-color:#999; border-top-color:rgba(0, 0, 0, 0.25); border-bottom-width:0; }
.popover.top>.arrow:after { bottom:1px; margin-left:-10px; content:" "; border-top-color:#fff; border-bottom-width:0; }
.popover.right>.arrow { top:50%; left:-11px; margin-top:-11px; border-right-color:#999; border-right-color:rgba(0, 0, 0, 0.25); border-left-width:0; }
.popover.right>.arrow:after { bottom:-10px; left:1px; content:" "; border-right-color:#fff; border-left-width:0; }
.popover.bottom>.arrow { top:-11px; left:50%; margin-left:-11px; border-top-width:0; border-bottom-color:#999; border-bottom-color:rgba(0, 0, 0, 0.25)}
.popover.bottom>.arrow:after { top:1px; margin-left:-10px; content:" "; border-top-width:0; border-bottom-color:#fff; }
.popover.left>.arrow { top:50%; right:-11px; margin-top:-11px; border-right-width:0; border-left-color:#999; border-left-color:rgba(0, 0, 0, 0.25)}
.popover.left>.arrow:after { right:1px; bottom:-10px; content:" "; border-right-width:0; border-left-color:#fff; }
.popover-content .btn_view { padding:1px 4px 2px !important; background:none; border-radius:5px !important; border:1px solid #004896; color:#004896; font-size:14px; margin: 0 0 0 10px !important; }
.popover-content .btn_view.ml0 { margin: 0 0 0 0 !important; }
.popover-content .btn_view i {padding-left:0 !important; }

/* aside */
#asideMenu {display: flex; flex-direction: column; align-items: flex-end; position: absolute; right: 1.1rem; top: 11.5rem; z-index: 2; transition: margin-top 0.3s; }
.openPop #asideMenu {margin-top: 7rem; }
#asideMenu .box {width: 8.5rem; border-radius: 0.75rem; border: 1px solid #d9dee9; background: #fff; box-shadow: 0 0.15rem 0.35rem rgba(124,124,124,0.57); padding: 0 1.05rem; text-align: center; }
#asideMenu .dDay {padding-right: 3.5rem; margin-bottom: 0.8rem; }
#asideMenu .dDay .box {padding-top: 0.25rem; padding-bottom: 0.45rem; position: relative; overflow: hidden; }
#asideMenu .dDay .box:before {content: ""; display: block; width: 5.3rem; height: 5.3rem; border-radius: 50%; background: #e4edff; position: absolute; right: calc(-2.5rem - 1px); bottom: calc(-2.9rem - 1px); }
#asideMenu .dDay * {position: relative; z-index: 1; }
#asideMenu .dDay .box h3 {font-size: 0.8rem; color: #111; font-weight: 600; }
#asideMenu .dDay .box p {line-height: 1.35rem; border-radius: 1.35rem; background: #415786; font-family: 'Montserrat'; color: #fff; font-weight: 700; margin-top: 0.15rem; }
#asideMenu .viewMob {padding-top: 0.1rem; padding-right: 3.5rem; margin-bottom: 0.8rem; }
#asideMenu .viewMob .box {padding-top: 0.75rem; padding-bottom: 0.8rem; }
#asideMenu .viewMob .box h3 {font-size: 0.75rem; color: #111; }
#asideMenu .viewMob .box p {font-size: 0; line-height: 0; margin-top: 0.5rem; }
/* aside : active */
#asideMenu.fixed {position: fixed; top: 4.5rem; }
.openPop #asideMenu.fixed {top: -2.5rem; }

/* 퀵메뉴 */
.quickMenu {position: absolute; right: 0.6rem; top: 11.5rem; z-index: 2; transition: margin-top 0.3s; }
.openPop .quickMenu {margin-top: 7rem; }
.quickMenu.fixed {position: fixed; top: 4.5rem; }
.openPop .quickMenu.fixed {top: -2.5rem; }
.quickMenu .toggleBtn {position:relative; display: flex; justify-content: center; align-items: center; width: 2.5rem; height: 4.65rem; border-radius: 0.5rem; background: #196ebe; box-shadow: 0.15rem 0.15rem 0.35rem rgba(124,124,124,0.57); color: #fff; font-weight: 600; letter-spacing: -0.25rem; writing-mode: vertical-lr; padding-top:0.25rem; z-index: 1; }
.quickMenu .toggleBtn:before {content: "\e93b"; position:absolute; top:-0.75rem; display: inline-block; width:1.5rem; height:1.5rem; line-height:1.45rem; border-radius:50%; background:#fff; box-shadow: 0.15rem 0.15rem 0.35rem rgba(124,124,124,0.57); color:#4b4b4b; text-align:center; font-family: 'xeicon'; font-size: 0.65rem; padding-bottom:0.2rem; }
.quickMenu .inner,
.quickMenu .inner2 {width: 8.5rem; border-radius: 0.5rem; box-shadow: 0 0 0.6rem rgba(75,75,75,0.35); position: absolute; transition: 0.3s; }
.quickMenu .inner {background: #fff url(/resource/images/common/qckInnerBg.png) no-repeat center top / contain; padding: 0.3rem 1rem 0.6rem; top: 0; right: 0; opacity: 0; visibility: hidden; }
.quickMenu .inner h3 {background: url(/resource/images/common/qckTitBg.png) right 1.1rem center no-repeat; padding: 0.5rem 0 0.7rem; padding-right: 1.55rem; font-size: 0.9rem; color: #196ebe; font-weight: 700; }
.quickMenu .inner .list {margin-top: 0.6rem; max-height:12.65rem; overflow-y:auto; }
.quickMenu .inner .list ul li a {display: block; padding: 0.2rem 0; padding-left: 0.65rem; font-size: 0.75rem; color:#222; position: relative; }
.quickMenu .inner .list ul li a:before {content: ""; display: block; width: 0.25rem; height: 0.25rem; border-radius: 50%; background: #4b4b4b; position: absolute; left: 0; top: 0.65rem; }
.quickMenu .inner2 {background: #083d7f; top: 0; right:3.5rem; }
.quickMenu .inner2 .list ul {display:flex; flex-wrap:wrap; width:100%; }
.quickMenu .inner2 .list ul li {width:50%; }
.quickMenu .inner2 .list ul li:nth-child(2n) {border-left:1px solid #2d5a92; }
.quickMenu .inner2 .list ul li:nth-child(n+3) {border-top:1px solid #2d5a92; }
.quickMenu .inner2 .list ul li a {display: block; padding:0.45rem 0.5rem; font-size: 0.7rem; color:#fff; position: relative; text-align:center; }
.quickMenu .inner2 .list ul li a .img {display:inline-block; margin-bottom:0.1rem}
.quickMenu ul a:hover,
.quickMenu ul a:focus {text-decoration:underline; }
/* 퀵메뉴 : active */
.quickMenu.active .toggleBtn:before {content: "\e9af"; }
.quickMenu.active .inner {right: calc(100% + 1rem); opacity: 1; visibility: visible; }
.quickMenu.active .inner2 {top: 16rem; }
.quickMenu .btn_top,
.quickMenu .btn_btm {display: flex; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; background:#4b4b4b; border-radius: 50%; border: 0; box-shadow: 0.15rem 0.15rem 0.35rem rgba(124,124,124,0.57); font-size: 1.4rem; color: #fff; position: absolute; right: 0; z-index: 2; opacity: 0; visibility: hidden; }
.quickMenu .btn_top {top: 5.25rem; }
.quickMenu .btn_btm {top: 5.25rem; opacity: 1; visibility: visible; transition: 0.3s; }
.quickMenu.scrolled .btn_btm {top: 8.25rem; opacity: 1; visibility: visible; transition: 0.3s; }
.quickMenu .btn_top.fixed,
.quickMenu .btn_btm.fixed {opacity: 1; visibility: visible; transition: 0.3s; }
.quickMenu .btn_btm.hide {opacity: 0; visibility: hidden; transition: 0.3s; }

/* 만족도 조사 */
.satisfaction {position: relative; margin: 0; width:100%; overflow:hidden; }
.satisfaction .satisfaction_list .input_radio span {margin-right: 0; }
.satisfaction .btn_na.mini {border: none; }
.satisfaction{ margin:-1px 0 20px; border:1px solid #e0e0e0;  background-color:#fff; padding:1.5rem; }
.satisfaction .question{position:relative; color:#000; font-size:0.85rem; display:flex; align-items:center; gap:0.25rem; font-weight:400; /* background:#858a92 url('/resource/images/board/survey_icon1.png') no-repeat 20px 13px; */}
.satisfaction .question_link{position:absolute; right:20px; top:8px; line-height:16px; color:#fff; padding:5px 10px 5px 32px; border:1px solid #b2bac0; background:url('/common/images/board/survey_icon2.png') no-repeat 10px center}
.satisfaction .satisfaction_list{overflow:hidden; }
.satisfaction .satisfaction_list label {vertical-align:middle}
.satisfaction_list input[type="text"] {font-size:inherit; font-family:inherit; color:inherit; line-height:24px; padding:1px 10px; border:solid 1px #dedede; vertical-align:middle; font-size:0.85rem; }
.satisfaction .satisfaction_list .input_radio {position:absolute; right:1.5rem; top:1.5rem; display:flex; }
.satisfaction .satisfaction_list .input_radio input[type="radio"] + label {position:relative; display:flex; align-items:center; gap:0.25rem; cursor: pointer; font-size:0.85rem; font-weight:400; color:#333; letter-spacing:0px; transition: all 0.2s ease; }
.satisfaction .satisfaction_list .input_radio input[type="radio"] + label span {position:relative; display:flex; align-items:center; gap:0.25rem; width:0.8rem; height:0.8rem; padding-left:0px!important; transition: all 0.2s ease; border-radius:50%; border:2px solid #000; margin-top:-1px; }
.satisfaction .satisfaction_list .input_radio input[type="radio"] + label span:before {content:''; position:absolute; left: 50%; top:50%; transform:translate(0%, -50%); }
.satisfaction .satisfaction_list .input_radio input[type="radio"]:focus-visible + label span { outline: 2px solid #005fcc; outline-offset: 3px;}
.satisfaction .satisfaction_list .input_radio input[type="radio"]:checked + label {font-size:0.85rem; font-weight:700; }
.satisfaction .satisfaction_list .input_radio input[type="radio"]:checked + label span {position:relative; background:transparent; }
.satisfaction .satisfaction_list .input_radio input[type="radio"]:checked + label span:before {content:''; position:absolute; left: 50%; top:50%; transform:translate(-50%, -50%); width:0.4rem; height:0.4rem; border-radius:50%; background:#000; }
.satisfaction .satisfaction_list .input_radio input[type="radio"] { line-height:0; width: 0px; height: 0px; position: absolute; left:0; top:0; }
.satisfaction .satisfaction_list label{display:inline-block; margin-right:15px; color:#535252}
.satisfaction .satisfaction_list .opinion {width:100%; display:flex; margin-top:10px; border-radius:0; }
.satisfaction .satisfaction_list .opinion input[type="text"]{background:#f4f4f4; width:calc(100% - 5rem); border-radius:0; }
.satisfaction .satisfaction_list .opinion input[type="button"]{width:5rem; border:1px solid #444; font-size:0.85rem; background-color:#fff; color:#000; }
.satisfaction .admin_info{position:relative; border-top:1px solid #e1e1e1; font-family:"NotoR"; font-size:13px}
.satisfaction .admin_info h3 {position:absolute; top:10px; left:20px; height:25px; color:#333; line-height:20px; background:url('/images/web/common/sub/survey_arrow.png') no-repeat 85px 8px; padding-right:10px; }
.satisfaction .admin_info ul{margin-left:120px; line-height:25px; padding:7px 0; border-left:1px solid #e1e1e1}
.satisfaction .admin_info ul li{float:left; margin-left:25px; padding-left:10px; background:url('/images/web/common/sub/survey_dot.png') no-repeat left 50%}
.satisfaction .admin_info ul li a{color:#333}
.satisfaction .admin_info ul li span{ float:left;  font-family:"NotoM"; color:#1c55cc; margin:0 10px 0 0; padding-right:8px; background:url('/images/web/common/sub/survey_line.gif') no-repeat right 50%; }

#snb {position: relative; width:100%; height: 2.5rem; background: #f4f4f4; z-index: 2; }
#snb > .container {height:100%; }
#snb .snb_wrap {display:flex; height:100%; gap:2rem; }
#snb .snb_wrap .sub-depth ul.depth01 {display:none; }
#snb .snb_wrap .sub-depth h2 {height:100%; display:flex; align-items:center; justify-content:center; }
#snb .snb_wrap .sub-depth h2 span {font-size:0.8rem; }
#snb .snb_wrap .sub-depth:last-child > h2 {max-width:11rem; width:100%; justify-content:flex-start; min-width:7rem; }
#snb .snb_wrap .sub-depth:last-child > h2 span {font-weight:700; }
#snb .snb_wrap .sub-depth:last-child:before {display:none; }
#snb .snb_wrap ul,
#snb .snb_wrap div {position:relative; }
#snb .snb_wrap ul:before,
#snb .snb_wrap div:before {content:'\EA6E'; font-family: 'remixicon'; position:absolute; right:-1.5rem; top:50%; color:#666; transform:translate(0%, -50%); }

/* 서브 바로가기 */
.side-bar {width:150px; position:fixed; top:150px; right:-150px; height:auto; transition:right 0.3s; z-index:10; }
.side-bar.active {right:0; cursor:default; }
.side-bar .sbar_btn { position:absolute; top:0; left:-50px; display:inline-block; width:50px; height:2.5rem; line-height:50px; text-align:center; background:#333; color:#fff; border-radius:1rem 0 0 1rem; transition:all 0.3s; }
.side-bar .sbar_btn:before {content:'\eb46'; font-family:'xeicon'; font-size:1.2rem; }
.side-bar.active .sbar_btn:before {content:'\eb45'; }
.side-bar .sbar_tit {position:relative; line-height:2.5rem; background:#444; color:#fff; font-weight:600; padding-left:0.6rem; }
/*.side-bar .sbar_tit:before {content:''; position:absolute; right:0.45rem; bottom:0.4rem; width:55px; height:68px; background:url('/resource/images/layout/sbar_tit_icon.png') no-repeat 0 0 / contain; } */
.side-bar ul {background:#fff; padding:0.5rem 0; border-bottom-left-radius:1rem; box-shadow: 0 0 10px rgba(20,20,19,0.15); }
.side-bar li {padding: 0.55rem 0.7rem; color:#111; font-size:0.7rem; line-height:1.2; }
.side-bar li ~ li {border-top:1px dashed #d3d2d2; }
.side-bar li a:hover,
.side-bar li a:focus {text-decoration:underline; }

/* 자료관리자 230912 jhkim 추가*/
.dtaList {position:relative; border:1px solid #858a92; overflow:hidden; background-color:#fff; padding:0.6rem 1rem; z-index:1;}
.dtaList .info {display:flex; align-items:center; flex-wrap:wrap; }
.dtaList .info p {font-size:0.75rem; margin-right:1.7rem; padding:0.2rem 0; }
.dtaList .info p em {position:relative; display:inline-block; padding: 0 1.2rem 0 0.8rem; margin-right:0.9rem; font-size:0.8rem; font-weight:600; }
.dtaList .info p em:before,
.dtaList .info p em:after  {content:''; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.dtaList .info p em:before {left:0; width:5px; height:5px; border-radius:50%; background:#454f5f; }
.dtaList .info p em:after  {right:0; width:1px; height:12px; background:#ccc; }

/* family site */
.family-site {position: fixed; right: 2rem; top: calc(40% - 3rem); z-index:10; width:4.5rem; height:6rem; background:url('/images/com/main/family-icon.png') no-repeat 50% 50%; background-size:contain; }
.family-site.familySiteEng { background-image: url('/images/com/main/familyEng-icon.png');}
.family-wrap {display: none; background-color: #2f4858; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; }
.family-wrap .inner {position:relative; width: 96rem; height: 100%; margin: 0 auto; display: flex; padding:3rem 0 0; }
.family-wrap .inner:before {content: ""; width: 100vw; height: calc(100% - 3rem); position: absolute; right:-100%; bottom: 0; background-color: #fff; }
.family-wrap .inner .family-close {position:absolute; right:0rem; top:3rem; transform: translate(0, -50%); border-radius:50%; width:3.2rem; height:3.2rem; background:#00877f; display:flex; align-items:center; justify-content:center; font-size:1.25rem; color:#fff; box-shadow:5px 0 30px rgba(0,0,0,0.2); }
.family-wrap.active .inner .fn-title:before {opacity: 1; transform:translate(-50%, -50%); }
/*.family-wrap.active .inner .fn-content:before {transform: translateX(0); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); opacity: 1; }*/
.family-wrap.active .inner .family-close i {transition:all 0.3s; }
.family-wrap.active .inner .family-close:hover i,
.family-wrap.active .inner .family-close:focus i {transform:rotate(180deg); }
.fn-title {position: relative; flex-grow: 1; height: calc(100% - 3rem); padding: 4rem 0 4rem 4rem; }
.fn-title:before {content: ''; position: absolute; top: 50%; left: 50%; width: 35rem; height: 35rem; background: url('/images/com/main/flag-bg.png') no-repeat 50% 50%; background-size: cover; opacity: 0; transform:translate(-100%, -50%); transition: all 0.3s 0.5s; }
.fn-title p.crt01 {position: absolute; width: 9.5rem; height: 12rem; left: -2rem; top: 2rem; }
.crt01:before {content: ''; position: absolute; left: 50%; top: calc(0% - 2rem); width: 1.5rem; height: 1.5rem; background: url('/images/com/main/heart-icon02.png') no-repeat 50% 50%; background-size: contain; animation: heartbeat 1s infinite; }
.crt02 {position: absolute; width: 5rem; height: 5rem; right: 1.5rem; top: 2rem; animation: animation01 1.5s ease infinite; }
.fn-txt {position: relative; margin-top: 3rem; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 0.5rem; }
.fn-txt span {display:flex; align-items:center; justify-content:center; background: #29404f; border-radius: 1.1rem; color: #fff; font-size: 0.9rem; font-weight: 300; height: 2.25rem; padding: 0 2rem; margin-top: 0.5rem; word-break:keep-all; }
.fn-content {position: relative; width: 53.5rem; height: auto; padding: 2.5rem; overflow:auto; background:#fff; border-radius:4rem 0 0 0; }

.fn-section {position: relative; z-index: 1; display: flex; flex-direction: column; gap: 1.25rem; }
.fn-list {display: flex; justify-content: space-between; flex-direction: column; gap: 0.7rem; }
.fn-list .title {display: flex; align-items: center; justify-content: space-between; border-radius: 0.75rem 0.75rem 0.25rem 0.25rem; height: 3rem; position: relative; }
.fn-list .title p {color: #fff; font-size: 1rem; font-weight: 700; position: relative; z-index: 2; }
.fn-list .title a {display: flex; align-items: center; justify-content: center; background: #fff; width: 10rem; height: 2rem; border-radius: 1rem; font-size: 0.75rem; font-weight: 700; color: #111; padding: 0 1rem; gap: 0.25rem; position: relative; z-index: 2; }
.fn-list .title a strong,
.fn-list .title a i {color:#457d17; }
.fn-list .item a:hover,
.fn-list .item a:focus {border-color: #649d34; color: #649d34; font-weight: 700; }

.fn-box,
.fn-list .list {width:100%; }
.fn-list:nth-child(1) .title {background: linear-gradient(to right, #649d34, #8fb63b); padding:0 1rem 0 1.75rem; }
.fn-list:nth-child(1) .title::before { content: ''; display: block; width: 6.45rem; height: 2rem; background: url(/images/com/main/family_logo1.png) no-repeat center / contain; position: absolute; right: 9.5rem; bottom: 0; z-index: 1; }
.fn-list:nth-child(1) .title a{ border: 1px solid #659e35; }
.fn-list:nth-child(1) .item a {position:relative; padding-left:2.75rem; }
.fn-list:nth-child(1) .item a:before {content:''; position:absolute; width:1.5rem; height:1.5rem; left:1rem; top:50%; transform:translate(0, -50%); }
.fn-list:nth-child(1) .item a:nth-child(1):before {background:url('/images/com/main/fmb-icon01.png') no-repeat 50% 50%; background-size:contain; }
.fn-list:nth-child(1) .item a:nth-child(2):before {background:url('/images/com/main/fmb-icon02.png') no-repeat 50% 50%; background-size:contain; }
.fn-list:nth-child(1) .item a:nth-child(3):before {background:url('/images/com/main/fmb-icon03.png') no-repeat 50% 50%; background-size:contain; }
.fn-list:nth-child(1) .item a:nth-child(4):before {background:url('/images/com/main/fmb-icon04.png') no-repeat 50% 50%; background-size:contain; }
.fn-list:nth-child(2) .title {background:#24994f; padding:0 1rem 0 1.75rem; }
.fn-list:nth-child(2) .title::before { content: ''; display: block; width: 6.45rem; height: 2rem; background: url(/images/com/main/family_logo2.png) no-repeat center / contain; position: absolute; right: 9.5rem; bottom: 0; z-index: 1; }
.fn-list:nth-child(2) .title a{ border: 1px solid #197f47; }
.fn-list:nth-child(3) .list:nth-child(odd) .title {background:#00877f; padding:0 0.5rem 0 1rem; }
.fn-list:nth-child(3) .list:nth-child(even) .title {background:#007b8f; padding:0 0.5rem 0 1rem; }
.fn-list:nth-child(3) p {font-size:0.9rem; }
.fn-list:nth-child(3) a {width:2rem; }
.fn-box .item {display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between; gap:0.5rem; }
.fn-box .item a {flex:1 1 calc(20% - 0.5rem); /*max-width:calc(25% - 0.5rem); */ border: 1px solid #dddddd; border-radius: 0.25rem; color: #111; font-size: 0.8rem; height:2.5rem; display:flex; align-items:center; transition: all 0.3s; font-weight: 500; width:100%; padding:0 0.5rem 0 1rem; justify-content:space-between; word-break:keep-all; }
.fn-box .item a i {opacity:0; width:1.5rem; height:1.5rem; display:flex; align-items:center; justify-content:center; color:#5a8c31; background:#e0ecd7; border-radius:50%; transition: all 0.3s; }
.fn-box .item a:hover,
.fn-box .item a:focus {border-color:#649d34; color:#000; font-weight:700; }
.fn-box .item a:hover i,
.fn-box .item a:focus i {opacity:1; }
.row-list {display: flex; flex-direction: row; }
.row-list .fn-box .item {width:100%; margin-top:0.5rem; }
.row-list .fn-box .item a {max-width:100%; flex:1 1 100%; width:100%; }
.row-list .list > .title a i {font-size:0.85rem; color:#111; }
.fn-link .fn-box .item a {background:#ecf5f6; align-items:center; border:1px solid #d9ebee; justify-content:center; padding:0; }
/* .fn-link .fn-box:nth-child(1) {width:31rem; } */
.fn-link .fn-box:nth-child(1) a {flex: 1 1 calc(25% - 0.5rem); max-width:calc(25% - 0.5rem); }
/* .fn-link .fn-box:nth-child(1) .item a:first-child {flex: 1 1 100%; max-width: 100%; background:#c3e4d4; border:1px solid #37a771; }*/
.fn-link .fn-box:nth-child(2) {flex-grow:1; }
.fn-link .fn-box:nth-child(2) a {flex: 1 1 calc(33.333333% - 0.35rem); max-width:calc(33.333333% - 0.35rem); }
.fn-link {display:flex; flex-direction: row; }
.fn-list:last-child .item a {position:relative; align-items:center; justify-content:center; transition: all 0.3s; gap:0.5rem; }
.fn-list:last-child .item a i {position:absolute; right:0.5rem; top:50%; transform:translate(0, -50%); display:none; background:#fff; color:#007198; font-weight:700; }
.fn-list:last-child .item a:hover,
.fn-list:last-child .item a:focus {color:#fff; background:#007198; border-color:#007198; justify-content:flex-start; }
.fn-list:last-child .item a:hover i,
.fn-list:last-child .item a:focus i {display:flex; }
.fn-list:last-child .item .icon {width:1.5rem; height:1.5rem; text-indent:-9999px; }
.fn-list:last-child .item a:nth-child(1) .icon {background:url('/images/com/main/fmb-icon05-off.png') no-repeat 50% 50%; background-size:contain; }
.fn-list:last-child .item a:nth-child(2) .icon {background:url('/images/com/main/fmb-icon06-off.png') no-repeat 50% 50%; background-size:contain; }
.fn-list:last-child .item a:nth-child(3) .icon {background:url('/images/com/main/fmb-icon07-off.png') no-repeat 50% 50%; background-size:contain; }
.fn-list:last-child .item a:nth-child(4) .icon {background:url('/images/com/main/fmb-icon08-off.png') no-repeat 50% 50%; background-size:contain; }
.fn-list:last-child .item a:nth-child(1):hover .icon,
.fn-list:last-child .item a:nth-child(1):focus .icon {background:url('/images/com/main/fmb-icon05-on.png') no-repeat 50% 50%; background-size:contain; }
.fn-list:last-child .item a:nth-child(2):hover .icon,
.fn-list:last-child .item a:nth-child(2):focus .icon {background:url('/images/com/main/fmb-icon06-on.png') no-repeat 50% 50%; background-size:contain; }
.fn-list:last-child .item a:nth-child(3):hover .icon,
.fn-list:last-child .item a:nth-child(3):focus .icon {background:url('/images/com/main/fmb-icon07-on.png') no-repeat 50% 50%; background-size:contain; }
.fn-list:last-child .item a:nth-child(4):hover .icon,
.fn-list:last-child .item a:nth-child(4):focus .icon {background:url('/images/com/main/fmb-icon08-on.png') no-repeat 50% 50%; background-size:contain; }

/* 패밀리사이트 : 영문 */
.familySiteEng .fn-list .title a{ width: auto;}
.familySiteEng .fn-box .item a{ flex:1 1 calc(50% - 0.5rem)}

/* footer */
#footer { border-top:1px solid #cccccc; background: #f8f8f8; font-size:0.8rem; padding:0; position:relative; width:100%; height:100%; color:#000; }
#footer .footer_banner:before {content: ""; width: 100vw; height: 1px; background: #ddd; position: absolute; left: 50%; top: 4rem; z-index: 0; transform: translateX(-50%); }
#footer .footer_banner:after {content:''; position:absolute; height:4rem; top:0; left:50%; width:300vw; transform: translateX(-50%); background:#fff; z-index:1; }
#footer .container {display:block; max-width:80rem; height:auto; padding:0 1rem; z-index:1; }
#footer .footer_banner {position:relative; display:flex; width:100%; height:4rem; margin:0; gap:3rem; }
#footer .footer_banner .banner_list .slick-track { margin-left: 0 !important; }
#footer .footer_banner .title {position:relative; width:10rem; flex-shrink:0; display: flex; justify-content:space-between; align-items:center; }
#footer .footer_banner .title .tit {color:#111; font-weight:700; font-size:1.1rem; display: flex; height: 100%; align-items: center; z-index: 3; }
#footer .footer_banner .banner_list {flex-grow:1; width:100%; overflow:hidden; z-index: 3; }
#footer .item > a {height:100%; display:flex; width:100%; align-items:center; justify-content:center; }
#footer .control { position: relative; z-index: 3; }
#footer .control a {font-size:1rem; font-weight:700; }
#footer .control a.play {display:none; }
#footer .footer_info {position:relative; padding:2rem 0; width:100%; height:100%; display:flex; flex-direction:column; gap:1rem; }
#footer .footer_txt{ flex: 1;}
#footer .foot_address {display:flex; flex-direction:column; gap:0.5rem; }
#footer .foot_address p {font-size:0.85rem; font-weight:400; }
#footer .foot_address strong {font-weight:700; font-size:0.85rem; }
#footer .footer_content {width:100%; display:flex; justify-content:space-between; }
#footer .footer_site{ position:absolute; right:0; top:2rem; width:15rem; z-index: 99;}
#footer .footer_site > a{ position:relative; display: flex; justify-content: space-between; align-items: center; line-height:3rem; color:#000; font-weight: 600; padding:0 1rem; border-radius:0.5rem; border:1px solid #ccc; background:#fff; z-index: 1; transition: all 0.2s;}
#footer .footer_site > a:after{ content:"\EA4E"; font-family: 'remixicon'; display: inline-block; font-size: 1.2rem; transform: rotate(180deg); transition: all 0.2s;}
#footer .footer_site > a:hover,
#footer .footer_site > a.active{ border-color:#98bb3c; color:#2a6900;}
#footer .footer_site > a:hover:after,
#footer .footer_site > a:focus:after,
#footer .footer_site > a.active:after{ transform: rotate(0);}
#footer .footer_site ul{ display: none; position:absolute; bottom:2.5rem; width:100%; max-height:20rem; overflow-y: auto; padding:0.75rem 1rem 1.25rem; border-radius:0.5rem; border:1px solid #98bb3c; background:#f3f9eb;}
#footer .footer_site li a{ display: block; margin:0.4rem 0;}
#footer .footer_site li a:hover,
#footer .footer_site li a:focus{ text-decoration: underline;}
#footer .footer_link {position:relative; right:0; }
#footer .footer_link ul {display:flex; flex-direction:column; gap:0.5rem; }
#footer .footer_link ul li a {font-size: 0.85rem; font-weight:700; }
#footer .footer_link .sns-wrap {display:flex; margin-top:1rem; gap:0.4rem; align-items: center; justify-content: end;}
#footer .footer_link .sns-wrap > a {width:2rem; height:2rem; border-radius:50%; border:1px solid #e4e4e4; display:flex; align-items:center; justify-content:center; background:#fff; transition:all 0.3s; }
#footer .footer_link .sns-wrap > a i {font-size:1rem; }
#footer .footer_link .sns-wrap > a:hover,
#footer .footer_link .sns-wrap > a:focus {border-color:#2a6900; }

#footer .footer_link .sns-wrap h5{ font-size: 0.9rem; font-weight: 400; margin-right: 0.5rem;}
#footer .footer_link .sns-wrap + .sns-wrap{ margin-top:0.25rem;}

#footer .footer_copy {width:100%; border-top:1px solid #d8d8d8; padding:1rem 0 1.5rem; display:flex; justify-content:space-between; flex-wrap: wrap;}
#footer .footer_copy .footer_util { font-size: 0; margin-left:-0.75rem}
#footer .footer_copy .footer_util > a { display: inline-block; font-size:0.85rem; color:#1d1d1d; font-weight:400; margin:0.25rem 0.75rem;}
#footer .footer_copy .footer_util > a:nth-child(1),
#footer .footer_copy .footer_util > a:hover,
#footer .footer_copy .footer_util > a:focus {color:#003964; font-weight:700; }
#footer .footer_copy .text{ margin: 0.25rem 0; word-break: keep-all; }
#footer .copyright {display:block; text-transform:uppercase; font-size:0.75rem; color:#333333; font-weight:400; text-align:center; padding:0; }
#footer .sns_link {position:relative; display:flex; align-items:center; gap:0.35rem; }
#footer .sns_link a {display:flex; height:100%; align-items:center; }

#footer .btn_top{ position:fixed; right:3rem; bottom:5vh; min-width: 0px; width: 3.5rem; height: 3.5rem; display: flex; align-items: center; justify-content: center; padding:0; color:#fff; font-size: 1rem; border-radius: 50%; background:#888; z-index: 9999;}
#footer .btn_top > i{ margin-left:0;}

/* 보훈병원 footer 배너 */
#footer .bn_wrap {overflow:hidden;}
#footer .bn_wrap .txt_list { display: flex; flex-wrap: wrap; width:calc(100% + 2rem); word-break: keep-all; margin-left:-1rem; padding:1rem 0; }
#footer .bn_wrap .txt_list li{ position:relative; padding:0.25rem 1rem; }
#footer .bn_wrap .txt_list li + li:before{ content:""; position:absolute; left:0; top:25%; height:50%; border-left:1px solid #ccc; }
#footer .bn_wrap .txt_list li a{ display: block; }
#footer .bn_wrap .img_list { display: flex; gap: 1rem;}
#footer .bn_wrap .img_list li{ flex: 1;}
#footer .bn_wrap .img_list li a{ display: block; min-height:100%; text-align: center; padding:1rem 0.5rem; border-radius:0.25rem; border:1px solid #ccc; background:#fff;}
#footer .bn_wrap .img_list li a img{ max-width:100%; height:auto; margin-bottom:1rem;}
#footer .bn_wrap .img_list li a > strong{ display: block;}
#footer .bn_wrap .img_list li a > p > strong{ display: inline-block;}


@media (max-width: 1940px) {
	.family-wrap .inner .family-close {right:3rem; top: 2.3rem; }

}


@media (max-width: 1850px) {
	/* 패밀리사이트 */
	.family-wrap .inner {width:100%; }
	.fn-content {width:60%; }
	.fn-title p.crt01 {left:1rem; }
}

@media (max-width: 1770px) {
	/* 패밀리사이트 */
	.family-site { position:absolute; top:-4rem; right:auto; width:100%; max-height:3.5rem; background:url('/images/com/main/family-icon-tablet.png') no-repeat right center; }

	/* 패밀리사이트 */
	.family-site.familySiteEng { background-image:url('/images/com/main/familyEng-icon-tablet.png'); }
}

@media (max-width: 1680px) {	
	.subCntBody {padding:2.5rem 1rem 0 1rem; }
	#header .header_wrap {padding:0 1rem; }
	#header .topUtil .util .drop-menu {left:calc(50% - 1rem); }
	
	/* footer */
	#footer .footer_banner {padding:0 1rem; }
	#footer .footer_info {gap:1rem; padding:2rem 1rem; }
	#footer .footer_copy {padding:1rem 1rem 1.5rem; }
}

@media (max-width: 1660px) {
	/* header - 상단팝업버튼 */
	#header .popBtn{width: 2.5rem; height: 2.5rem; border-radius:50%; padding: 0.65rem 0; font-size: 0.55rem; line-height: 1; position: fixed; right: 1.1rem; top: auto; bottom: 4rem; z-index: 10; }
	#header .popBtn:after { display:block; margin-left:0; }
	
	/* 패밀리사이트 */
	.fn-list:nth-child(3) .title p {font-size:0.8rem; }
	.fn-list:nth-child(3) .title a {width:1.5rem; height:1.5rem; padding:0; }
	.fn-txt span {height:auto; min-height:2.25rem; padding:0.5rem 2rem; }
	.fn-title {padding:4rem; }
	.fn-content {padding:1.5rem 1rem; border-radius:2rem 0 0; }
}

@media (max-width: 1640px) {	
	/* aside */
	#asideMenu {display: none; }

	#header .mBtn.mNav{ right: 1rem;}
	#header .mBtn.mSearch{ right: 3.5rem;}
	/* #nav.fullDown .depth01 > ul{ width:calc(100% - 4.5rem);} */
}

@media (max-width: 1480px) {	
	#footer .footer_site{ top:auto; bottom:1rem;}
	#footer .footer_link .sns-wrap{ margin-top:0;}
}

@media (max-width: 1420px) {	
	
	#header .header_wrap {position:relative; padding: 0 1rem; }
	#header .header_nav {gap:1rem; }	
	#header h1{left: 1rem; transform: none;}
	#header .topUtil{right: 1rem; }
	#header .h_btn{right: 0.5rem; }

	/* sub layout */
	.subCntBody{padding:1.5rem 1rem; }
	.subCntBody .sub_container {padding-left:3rem; }

	/* gnb : fullDown */
	/* #nav.fullDown .depth01 > ul { width:100%; } */
	#nav.fullDown .depth01 > ul > li > a{ justify-content: center;}
	.fullDown_info{ display: none !important;}
}

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

	/* gnb : oneFull */
	#nav.oneFull .depth02{ padding-left:10rem; }
	#nav.oneFull .depth02 .titBox{ width:10rem; }
	#nav.oneFull .depth02 .titBox::before{ width:9rem; }
	#nav.oneFull .depth02 > ul{ gap: 2rem; }
	#nav.oneFull .depth02 > ul > li { width:calc(33.33% - 1.4rem); }
	#nav.oneFull .depth02 > ul > li:nth-child(-n+4):before{ right:-1rem; }
	#nav.oneFull .depth03{ padding-bottom:1rem; }

	.satisfaction .satisfaction_list .input_radio {position:static; margin-top:0.5rem; }

	/* 보훈병원 footer 배너 */
	#footer .bn_wrap .img_list { flex-wrap: wrap; gap: 0.75rem;}
	#footer .bn_wrap .img_list li{ flex: none; width:calc((100% - 1.5rem) / 3);}
}

@media (max-width: 1300px) {
	/* 패밀리사이트 */	
	.family-wrap {overflow:hidden; }
	.family-wrap .inner {display:block; overflow:auto; padding:0; }
	.family-wrap .inner:before {display:none; }
	.family-wrap.active .inner .fn-title:before {display:none; }
	.fn-title {width:100%; height:auto; overflow:hidden; position:relative; }
	.fn-content {width:100%; height:auto; overflow:hidden; padding:1.5rem 1.25rem; }
	.fn-content:before {border-radius:2rem 0 0; transition: none; }
	.fn-txt {margin-top:0; flex-direction:row; flex-wrap:wrap; }
	.fn-title p.crt01 {width:7.5rem; height:10rem; left: 5rem; top: 3rem; }
	.fn-title p.crt01 img {width:100%; }
	.crt02 {width:3.5rem; height:3.5rem; top:5rem; right:8rem; }
	.crt02 img {width:100%; transform: scaleX(-1); }
	
}

@media (max-width: 1240px) {
	/* #gnb .depth01 {max-width:25rem; } */
	#gnb .depth01 > ul > li > a {font-size:0.95rem; padding:0 0.25rem; }	
    .container {padding: 0; }
    .subContent .container {padding: 0; }

	#nav.fullDown .depth01 > ul > li > a{ padding: 0 0.25rem; }
	#nav.fullDown .depth02 > ul > li > a{ padding:0 0.5rem; font-size: 0.75rem;}


	/* sub layout */
	.subCntBody { display: block; padding:0; }	
	.subCntBody .sub_container {width: 100%; padding: 1rem; }
	.subCntBody .sub_container .subHeader {margin-bottom: 2.5rem; }
	.subLocation ul{ padding-right: 0;}

	/* lnb */
	#lnb{ position:relative; width:auto; height:auto; display:block; margin:0 1rem; }
	#lnb h2{ position:relative; align-items: center; width:100%; height:4rem; justify-content: start; font-size:1.2rem; cursor: pointer; }
	#lnb h2:after{content:"\e941"; position:absolute; right:1rem; top:50%; width:auto; height:auto; font-family: 'xeicon'; font-size:0.9rem; font-weight: 400; color:#fff; transform:translate(0, -50%); border-radius: 0; background:none;}
	#lnb h2.active:after {transform: translate(0, -50%) rotate(180deg); }
	#lnb nav{display:none; background:none; border-radius: 0; padding:0.5rem 0;}
	#lnb .dep01 > li > a{ padding:0.5rem 1.25rem; border-radius:0 0.5rem 0.5rem 0.5rem}
	#lnb .dep01 > li.dep > a:before{font-size:0.9rem; }
	#lnb .dep02{ padding-top:1.5rem; }
	#lnb .dep02 > li > a{ padding-left:14px; }

	.engWrap #lnb h2{ min-height:auto;}
	.engWrap #lnb h2{ min-height:auto;}

	/* location : snsBox */
	.snsBox {top:0; }	
	.snsBox button.btnPrint {display: none; }
	.snsBox .sns-more { flex-shrink:0; }
	.subLocation {margin-bottom:0; }
	.subLocation .snsBox {right:0; }
	.subLocation .snsBox button {margin-right:0; }
	
	/* 사이트맵 */
    .sitemap ul > li {width: calc((100% - 3rem) / 4); }

	/* footer */
	#footer .btn_top{ right:1rem; bottom:1rem; width: 3rem; height: 3rem; }
	
}

@media screen and (max-width: 1180px) {
	/* header - totalSearch */
	#header .totalSearch{width: 17rem; }

	/* 패밀리사이트 */
	.fn-txt {max-width:calc(100% - 20rem); margin:0 auto; }
	.fn-txt span {text-align:center; }
}

@media screen and (max-width: 1024px) { 
	#header .mBtn {top:0; flex-direction: column; display: flex; line-height:0.9; align-items: center; min-width:3.5rem; justify-content: center; color: #111; background: none; gap: 0.3rem; border-radius: 50%; border: 1px solid #d7d7d7; margin: 0; position:relative; font-size:0.85rem; font-weight:700; }
	#header .mBtn i {font-size:1.1rem; }	
	#header .header_gnb {display:none; }
	
	#header .header_wrap,
	#header .header_nav {padding:0; align-items:center; }
	#header .mBtn.mNav:before,
	#header .mBtn.mNav:after {display:none; }
	
	
	/* header */
	#header .m_btns .mBtn.mSearch {right:0; }
	#header .m_btns .mBtn.mNav {left:0; }
	#header .m_btns .mBtn {position:relative; line-height:1.4; font-size:0.75rem; gap:0; top:0; width:auto; min-width:3.5rem; }
	#header .m_btns {display:flex; }
	

	#header {width: 100%; height: 4rem; display:flex; margin-top:0; border-top:none; border-bottom:0; border-color:#ddd; border-bottom-style: solid; position: fixed; justify-content:space-between; padding:0 1rem; left: 0; top: 0; z-index: 99; box-shadow:none !important; }
	#header:before {display: none; }
	#header:after {display: none; }
	#header h1 {width: 100%; text-align: center; display:flex; align-items:center; position: relative; left:auto; top:auto; }
	#header h1 a {display: flex; align-items:center; justify-content:center; height:auto; }
	#header h1 a em, 
	#header h1 a img {display:block; height:100%; }
	#header h1 span {margin-left:0.25rem; }
	#header .totalSearch{display: none; }
	#header .topUtil {display: none; }
	#header .h_btn{display: none; }
	.m_btn{display: block !important; }
	#header .mBtn {display:flex; height:100%; width: 2.5rem; justify-content:center; align-items:center; font-size: 1.3rem; line-height: 2.5rem; text-align: center; position: absolute; top: 0.5rem; border-radius: 50%; color: #fff; }
	#mNav .snb .util li.size {display:none; }

	/* gnb common */
	#nav {display: none; }
	#sub_container {margin-top:4rem; position:relative; }
	#container {position:relative; padding-top:4rem; }
	.subVisual{ display: none;}
	
	/* moblie navigation */	
	#mNav {display: block; }	
	#mSearch {top:3.45rem !important; padding:1rem; }
	#mSearch .btnClose {right:1rem !important; }
	.m_btn{display: block !important; }
	
	/* moblie  */
	#header .mBtn.mSearch {right: 0rem; background: #009845; background: transparent; color: #333; border:0; border-radius:0; } /* 모바일 검색창 열기 버튼 */
	#header .mBtn.mNav {position:relative; left:auto; border:0; background: transparent; color: #333; border-radius:0; } /* 모바일 메뉴 버튼 */
	#header .mBtn.mNav:before,
	#header .mBtn.mNav:after {content:''; width: 1.25rem; height:0.175rem; background: #000; }
	#header .mBtn.mNav span {margin-top:-0.05rem; width:1rem; height:0.175rem; background: #000; }

	#mNav #mNavClose {border-radius:50%; }
	
	/* 패밀리사이트 */
	.fn-txt p:last-child {display:none; }	
	
	/* 통합검색 */
	.box_search {min-height:16.5rem; top:4rem; }
	.box_search .inner {padding:0 1rem 2rem 1rem; }
	
	/* footer */
	#footer .footer_banner {gap:1.5rem; }
	#footer .footer_banner .title {width:auto; }
	#footer .footer_banner .title .tit {display:none; }

	/* sub layout */
	#sub_container .subCntBody:before{ display: none; }
	.subCntBody{ padding-top:0;}
	.subCntBody .sub_container .subHeader{ margin:0.5rem 0 2rem; gap: 0.5rem; }
	
	/* lnb */
	#lnb .dep02 > li > a:before {top:14px; }
	
	/* 사이트맵 */
    .sitemap ul > li {width: calc((100% - 2rem) / 3); } 
    
}	

@media screen and (max-width: 768px) { 
    #header { height: 3.6rem; }
    #header .m_btns .mBtn {font-size: 0.6rem; }
    #header .mBtn i {font-size:1rem; }	
	.box_search{ top:3.6rem;}
 
	#header h1 a img {max-width: 100%; max-height: 32px; }
	#header .mBtn.mNav {left: 0.5rem; }
	#header .mBtn.mSearch {right: 0.5rem; }

	.lnbCall{ padding:1rem 0.5rem 1rem 4.5rem;}
	
    /* gnb common */ 
	#container {position:relative; padding-top:3.6rem; }

	/* moblie search */
	#mSearch .btnClose {right: 0.5rem !important; }
    
    /* footer : modal */
    .footer_link li .mdBox .mdBoxCont {flex-direction: column; }

	/* sub layout */
	#sub_container{ margin-top: 3.6rem;}
	.subCntBody .sub_container .subHeader {margin-bottom: 2rem; }

	/* location */
	#pageTitle {font-size: 1.3rem; padding-right: 2.5rem; }	
	.subLocation ul li.home{ min-width:2rem; height:2.2rem; margin-right: 0.5rem;}
	.subLocation ul li a{ white-space: nowrap; display: block; text-overflow: ellipsis; overflow:hidden;}
	.subLocation ul li:not(.home) + li:before{ margin:0 2px;}

	/* location : snsBox */
	.snsBox button{width: 2rem; height: 2rem; }
	.snsBox .snsMore p{padding-left: 0.5rem; }
	.snsBox .snsMore p a{height: 2rem; }
	.snsBox .snsMore p a.snsClose{width: 2rem; height: 2rem; margin-left: 0.3rem; }
	
	/* 패밀리사이트 */ 
	.fn-list {position:relative; flex-wrap:wrap; justify-content:flex-start; }
	.fn-list.row-list {display: grid; grid-template-columns: repeat(3, 1fr); }
	.fn-link .fn-box:nth-child(1) {width:100%; }
	.fn-list:nth-child(4) {z-index:0; }
	/* .fn-list:nth-child(4):before {content:''; position:absolute; left:-1.5rem; bottom:-0.5rem; height:calc(100% - 2.5rem); background:#ecf5f6; width:calc(100% + 3rem); z-index:-1; } */
	.fn-list .hidden-text {display: inline-block; white-space: nowrap; overflow: hidden; }
    .fn-link .fn-box:nth-child(1) .item {gap:1rem 0.5rem; }
    .fn-link .fn-box:nth-child(2) {margin-top:-0.25rem; }
	.fn-txt p img {width:100%; min-width:10rem; }
	.fn-title p.crt01 {width:5.5rem; height:auto; }
	.fn-title {padding:3rem; }


	/* footer */
	#footer .footer_info {gap:1rem; padding:2rem 0; }	
	#footer .footer_content {gap:4rem; }
	#footer .footer_link {right:0; margin-top:0rem; }
	#footer .foot_address,
	#footer .footer_link ul {gap:0.25rem; }
	#footer .footer_copy {flex-direction:column; }
	#footer .copyright {text-align:left; }
	#footer .footer_link .sns-wrap {margin-top:0; }
	#footer .copyright {font-size:0.65rem; }
	#footer .footer_copy{ padding:1rem 0 1.5rem;}
	
	
	.subLocation ul li span.depth-2 {flex: 1 1 5rem; }
  	.subLocation ul li span.depth-3 {flex: 1 1 5rem; }

	/* lnb */
	#lnb .dep02 > li > a:before { width:3px; height:3px; top:15px; }
	

	/* 사이트맵 영문 예외처리 */
	#wrap.engWrap .sitemap > ul > li{ width: calc((100% - 1rem) / 2);}
	
}

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

	/* 보훈병원 footer 배너 */
	#footer .bn_wrap .img_list li{ width:calc(50% - 0.375rem);}

	/* 패밀리사이트 : 영문 */
	.familySiteEng .fn-box .item a{ flex:100%; text-align: center;}
}

@media screen and (max-width: 640px) {
	.subCntBody .sub_container .subContent {min-height:15rem; }
	#pageTitle {margin-bottom:0rem; padding-left:0rem; }
	.subLocation {padding:0; }	
	#footer .siteLink .wrap{width: 50%; }
	
	/* 사이트맵 */	
    .sitemap ul > li {width: calc((100% - 1rem) / 2); }
}	

@media screen and (max-width: 580px) {	
    #header .m_btns .mBtn { min-width: 2.5rem; } 
	#mSearch .inner {width:100%; }
	.satisfaction .question {align-items:flex-start; }
	.satisfaction .satisfaction_list .input_radio {flex-wrap:wrap; }
	
	/* 통합검색 */
	.box_search .inner {max-width:100%; width:100%; } 
	.box_search .inner #searchForm,
	.box_search .inner .sch_recommend {max-width:100%; width:100%; }
	.box_search .inner .sch_recommend {flex-direction:column; gap:0.5rem; }
	.box_search .inner .sch_recommend .tag {width:100%; }
	
	/* 패밀리사이트 */	
	.family-site{ position:relative; top:auto !important; right:auto; height:2rem; background:url('/images/com/main/family-icon-mobile.png') no-repeat;}
	/* .family-site {top:2rem; right:1rem; width:6.75rem; height:100%; max-height:2rem; background:url('/images/com/main/family-icon-mobile.png') no-repeat; } */
	.family-wrap .inner .family-close {width:2rem; height:2rem; right:1rem; top:2rem; }
	.fn-title p.crt01 {left:2.5rem; }
    .fn-content { padding: 1.5rem 0.7rem; }
	.crt02 {right:4rem; }
    .fn-list:nth-child(1) .title::before,
    .fn-list:nth-child(2) .title::before {right: 1.5rem; }
    .fn-list:nth-child(3) .list:nth-child(odd) .title,
    .fn-list:nth-child(3) .list:nth-child(even) .title { padding-left: 0.5rem; }
    .fn-list { gap: 0.3rem; }
    .fn-box .item { gap: 0.3rem; }
	.row-list .fn-box .item { margin-top: 0.3rem; }

	/* 패밀리사이트 : 영문 */
	.family-site.familySiteEng {background-image:url('/images/com/main/familyEng-icon-mobile.png'); height: 30px;}
    .familySiteEng .fn-title { padding: 2rem; } 
    .familySiteEng .fn-list .title { padding: 1rem;  height: auto; min-height: 3rem;}
    .familySiteEng .fn-list .title a { flex-wrap: wrap; min-width: 2rem; padding: 0; }
    .familySiteEng .fn-list .title a span { display: none; }
    
	/* footer */
	#footer .footer_content {flex-direction:column; gap:1rem; }
	#footer .footer_link .sns-wrap{ justify-content: start;}
	#footer .footer_link  {margin-top:0.5rem; }
	#footer .footer_info {position:relative; }
	#wrap:not(.engWrap) #footer .footer_info > p {display: flex; width: 80%; }
	#footer .footer_info > p img {max-width:100%; }
	#footer .footer_site{ position:relative; right:auto; bottom:auto; width:auto;}
	
	.subLocation ul {flex-wrap:nowrap; }
	
}

@media screen and (max-width: 480px) {
	#header .h_btn .util a.mypage {display:none; }
	#header .h_btn .util a {padding:0 0.75rem; font-size:0.85rem; }
	
	#lnb:before{ height:3.5rem;}
    #lnb h2 { height:3.5rem; padding:0.75rem 2.25rem 0.75rem 0.5rem; }
    #lnb h2 span {font-size:1rem; }
    
    /* 패밀리사이트 */ 
    .fn-list:nth-child(1) .item a:before,
    .fn-list:nth-child(1) .item a:nth-child(1):before,
    .fn-list:nth-child(1) .item a:nth-child(2):before,
    .fn-list:nth-child(1) .item a:nth-child(3):before,
	.fn-list:nth-child(1) .item a:nth-child(4):before { display: none; }
    .fn-list:nth-child(1) .item a{ padding-left: 0.5rem; text-align: center; }
    .fn-list.row-list {display: grid; grid-template-columns: repeat(2, 1fr); }
    .fn-list .title { padding: 0 1rem; }
    .fn-title { padding: 2rem; } 
    .fn-list .title a { flex-wrap: wrap; width: 2rem; padding: 0; }
    .fn-list .title a span { display: none; }
	.fn-title p.crt01 {width: 4rem; left: 1rem; top: 1rem; }
    .crt01:before { left: 36%; top: calc(0% - 1.4rem); width: 1rem; height: 1rem; }
    .crt02 { right: 1rem; top: 3.5rem; }
    .fn-txt p img { min-width: 8rem; }
    .fn-list:last-child .item a:nth-child(1) .icon,
    .fn-list:last-child .item a:nth-child(2) .icon,
    .fn-list:last-child .item a:nth-child(3) .icon,
    .fn-list:last-child .item a:nth-child(4) .icon {display: none; }
    .fn-box .item a { padding: 0 0.5rem; justify-content: center; }
    .fn-box .item a i { display: none; }
    .row-list .fn-box .item a { text-align: center; }
	.fn-link .fn-box:nth-child(1) .item{ gap: 0.5rem;}
	.fn-link .fn-box:nth-child(1) a {flex: 1 1 calc(50% - 0.25rem); max-width:calc(50% - 0.25rem); }

    #footer .item > a img {max-width:80%; margin:0 auto; }
    
    #snb .snb_wrap {gap:1rem; }
	#snb .snb_wrap ul:before, 
	#snb .snb_wrap div:before {right:-1rem; }
	
	/* .subLocation ul li span {white-space:normal; } */
	.subLocation ul li span.depth-2 {flex: 1 1 5rem; }
  	.subLocation ul li span.depth-3 {flex: 1 1 5rem; }
	
	/* 사이트맵 */
    .sitemap ul > li {width: 100%; }

	/* footer */
	#footer .footer_copy .footer_util { margin-left:-0.5rem}
	#footer .footer_copy .footer_util > a {  margin:0.15rem 0.5rem;}	

	/* 사이트맵 영문 예외처리 */
	#wrap.engWrap .sitemap > ul > li{ width: 100%;}
	#wrap.engWrap .sitemap > ul > li > a{ min-height: 0px; padding:0.5rem}
	
}

@media screen and (max-width: 440px) {
	#footer .siteLink{margin: 0; }
	#footer .siteLink .wrap{width: 100%; padding: 0; }
	.satisfaction .satisfaction_list .opinion {flex-direction:column; }
	.satisfaction .satisfaction_list .opinion input[type="text"] {width:100%; height:2.5rem; }
	.satisfaction .satisfaction_list .opinion input[type="button"] {width:100%; height:2.5rem; }

   /* 패밀리사이트 */  
    .fn-list:nth-child(1) .title,
    .fn-list:nth-child(2) .title { padding: 0 0.6rem; } 

   /* 패밀리사이트 */  
   .familySiteEng .fn-list:nth-child(1) .title,
   .familySiteEng .fn-list:nth-child(2) .title { padding: 0.75rem; } 
    
    /* 대표 lnb */
    #lnb.official .dep01 > li > a,
    #lnb.official .dep01 > li.dep > a { padding-top:0.5rem; padding-bottom:0.5rem; }   
	#lnb.official .dep02{ padding:0.65rem; }
}

@media screen and (max-width: 380px) {
	#header {height:3.6rem; }
	#sub_container {margin-top:3.6rem; position:relative; }
 
	#pageTitle span {font-size:1.15rem; }
	
	/* 통합검색 */ 
	.box_search {top:3.6rem; }
	.box_search .inner #searchForm {height:2.5rem; padding:0 0.15rem 0 1rem; }
	.box_search .inner #searchForm .srch_btn {width:2rem; height:2rem; line-height:2rem; font-size:1rem; }
	.box_search .inner #searchForm #total_search {font-size:0.8rem; }
	.box_search .inner .sch_recommend .tag {grid-template-columns: repeat(3, 1fr); }
	.btnSearchClose {width:2rem; height:2rem; bottom:-1rem; line-height:2rem; font-size:1rem; }

	/* footer */
	#footer .footer_info{ padding-bottom:1rem;}
	#footer .footer_copy {gap:1rem; }
	#footer .footer_copy .footer_util {flex-direction:column; gap:0; }	

    /* 패밀리사이트 */ 
    .fn-title {padding: 1.2rem 2rem; }  
    .fn-title p.crt01, 
    .crt02 { display: none; }
    .fn-link .fn-box:nth-child(2) a {flex: 1 1 calc(50% - 0.35rem); max-width: calc(50% - 0.35rem); }
    
	.subLocation ul li{ font-size: 0.75rem;} 
	.subLocation ul li:not(:last-of-type) {max-width:2.5rem; }
	.subLocation ul li + li:before{ margin:0 2px;}
	
	.snsBox button {margin-right:0; width:1.5rem; height:1.5rem; font-size:0.85rem; }
	.snsBox button, .snsBox a{ height:1.5rem;}
	.snsBox .sns-more .sns-list{ top: 1.5rem; left: -0.25rem;}
	.subCntBody .sub_container {padding:0.5rem 1rem; }
	.subCntBody .sub_container .subHeader {gap:0.25rem; }
	.subHeader:has(.subLocation) {padding-bottom:0.5rem; }

	/* 보훈병원 footer 배너 */
	#footer .bn_wrap .img_list{ gap: 0.5rem;}
	#footer .bn_wrap .img_list li{ width:100%; }
	#footer .bn_wrap .img_list li a{ padding:0.75rem 0.5rem;}
	#footer .bn_wrap .img_list li a img{ margin-bottom:0;}

}

@media screen and (max-width: 340px) {
    
	.subLocation ul li{ font-size: 0.7rem;} 

	/* 통합검색 */ 
	.box_search .inner .sch_recommend .tag {grid-template-columns: repeat(2, 1fr); }
}	

@media screen and (max-width: 300px) {
	#mSearch .inputText {margin-right:0.25rem; }
	.family-site  {right:0.5rem; }
}	

@media print{
	body{ width:1024px; font-size:16px;}
	#header, #lnb, .snsBox, #footer, .satisfaction{ display:none; }
}