#wrap { position: relative; overflow: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; }
#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:60rem; 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 { 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 { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
/* slick arrow show */
.arwShow .slick-arrow.slick-hidden { display: inline-block; }

/* header */
#header { position: relative; margin: 0 auto; height:130px; background: #fff;}
#header:before { position: absolute; top: 70px; left: 0; width: 100%; height: 1px; background: #ddd; z-index:100; content: ""; }
#header .header_wrap { width:96%; height: 70px; text-align:right; }
#header .header_wrap:after { clear: both; display: block; content: ""; }
#header h1 { position: absolute; top: 10px; left: 0; }
#header h1 a { display:block; }
#header h1 a img{ vertical-align: middle;}
#header .topUtil{display:flex; float:right; align-items:center; margin-top:15px;}
#header .header_wrap .util { position: relative; margin-right:0.25rem;}
#header .header_wrap .util li { float: left; }
#header .header_wrap .util li a { position: relative; display: block; padding: 0 10px; line-height: 38px; font-size: 0.7rem; color: #555; font-weight: 600; }
#header .header_wrap .util li a:hover,
#header .header_wrap .util li a:focus { text-decoration:underline; }
#header .header_wrap .util li + li a:before { position: absolute; top: 16px; left: 0; width: 4px; height: 4px; background: #9ea6af; border-radius: 50%; content: ""; }
#header .mBtn{ display:none; }

/* 화면 축소,확대 버튼 */
#header .header_wrap .util li.size_set a { float: left; margin: 0.45rem 0.15rem; padding: 0; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; border: 1px solid #555; opacity: 0.7; }
#header .header_wrap .util li.size_set a:before { display: none; }
#header .header_wrap .util li.size_set a:hover,
#header .header_wrap .util li.size_set a:focus { opacity: 1; }

/* web navigation */
/* gnb common */
#nav{ position:relative; width:100%; z-index:99; }
#gnb{ position:relative; height:50px; z-index:2; }
#gnb ul, #gnb li { position:relative; height:100%;}
#gnb li a{ position:relative; display:block; font-weight:400; }
#gnb li a span{ position:relative; }
#gnb .depth01{ width:100%; max-width:60rem; height:3rem; margin:0 auto; z-index:1; }
#gnb .depth01 > ul{ display:flex; width:100%; text-align:center; z-index: 1;}
#gnb .depth01 > ul > li { flex:1;}
#gnb .depth01 > ul > li > a{ display:flex; width:100%; height:3rem; line-height:1.2; justify-content: center; align-items: center; font-size:0.95rem; color:#333; font-weight:600; }
#gnb .depth01 > ul > li > a:before{content:""; position:absolute; left:50%; bottom:0; width:0px; height:3px; }
#gnb .depth01 > ul > li > a > span{ display:inline-block; padding:0 3px; word-break: keep-all;}
#gnb .depth01 > ul > li > a > span:before{ content:""; position:absolute; left:50%; bottom:0; width:0; height:10px; border-radius:5px; opacity: 0; z-index: -1;}
#gnb .depth01 > ul > li > a[target='_blank'] > span:after{ content:"\e980"; display:inline-block; padding-left:0.25rem; font-family: 'xeicon'; font-size:0.9rem; }
#gnb .depth01 > ul > li.on > a:before{ left:0; width:100%; }
#gnb .depth01 > ul > li.on > a > span:before{ left:0; width:100%; opacity: 1; }
#gnb .depth02{ width:100%; height:auto; text-align:left; }
#gnb .depth02 > ul{ padding:0.75rem 0; }
#gnb .depth02 > ul > li.dep:hover:before { color:#fff; }
#gnb .depth02 > ul > li.dep > a{ padding-right:1.25rem; }
#gnb .depth02 > ul > li > a{ color:#111; font-weight:400; padding:0.65rem 1rem; font-size:0.75rem;/* outline:none;*/}/*230615*/
#gnb .depth02 > ul > li > a[target='_blank'] > span:after{ content:"\e980"; display:inline-block; padding-left:0.25rem; font-family: 'xeicon'; vertical-align: middle; font-size:0.8rem; }
#gnb .depth03{ position:relative; display:none; }
#gnb .depth03 > ul{ padding:0.5rem 1rem; }
#gnb .depth03 > ul > li + li{margin-top:0.35rem;}
#gnb .depth03 > ul > li > a{ font-size:0.75rem; padding-left:0.5rem; color:#000; opacity: 0.8; }
#gnb .depth03 > ul > li > a:before{content:""; position:absolute; left:0; top:0.5rem; width:3px; height:3px; border-radius:50%; background:#333;}
#gnb .depth03 > ul > li > a > span:before{ content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background:#777; }
#gnb .depth03 > ul > li > a[target='_blank'] > span:after{ content:"\e980"; display:inline-block; padding-left:0.15rem; font-family: 'xeicon'; vertical-align: middle; font-size:0.7rem; }
#gnb .depth03 > ul > li > a:hover,
#gnb .depth03 > ul > li > a:focus{ opacity: 1; }
#gnb .depth03 > ul > li > a:hover > span:before,
#gnb .depth03 > ul > li > a:focus > span:before{ width:100%; }
#gnb .active > .depth03{ display:block; }
#gnb .depth04{ display:none;}
#gnb:before, #nav a,
#gnb li > a:before,
#gnb li > a:after,
#gnb li > a > span:before{ transition: all 0.1s; -webkit-transition: all 0.1s; }

/* gnb : fullDown */
#nav.fullDown #gnb{ height:3rem; }
#nav.fullDown #gnb:before{ content:''; position:absolute; left:0; top:calc(2.9rem + 1px); width:100%; height:1px; background:#ccc; z-index:2; }
#nav.fullDown #gnb:after{ content:""; position:absolute; left:0; top:3rem; width:100%; height:0; background:#fff; z-index:0; opacity: 0; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
#nav.fullDown .depth01{ overflow:hidden; }
#nav.fullDown .depth01 > ul{ display:table; }
#nav.fullDown .depth01 > ul > li{ display:table-cell; }
#nav.fullDown .depth01 > ul > li:before{ content:""; position:absolute; top:3rem; left:0; width:100%; height:calc(100% - 3rem); border-left:1px solid #ddd; z-index: -1;}
#nav.fullDown .depth01 > ul > li.on:before{ background:#fafafa;}
#nav.fullDown .depth01 > ul > li:last-of-type:after{ content:""; position:absolute; right:0; top:3rem; height:calc(100% - 3rem); border-left:1px solid #ddd;}
#nav.fullDown .depth02{ position:relative; left:auto; top:auto; opacity: 0; visibility: hidden; transition-delay: 0s; }
#nav.fullDown .depth02 > ul {padding:0 0 1rem;}
#nav.fullDown .depth02 > ul > li > a{ padding:0.35rem 0.75rem;}
#nav.fullDown .depth02 > ul > li.dep > a:before{content:'\e941'; position:absolute; right:0.5rem; top:0.45rem; font-family: 'xeicon'; font-size:0.7rem;}
#nav.fullDown .depth03{background:#e8e8e8;}
#nav.fullDown .depth03 > ul{padding:0.5rem;}
#nav.fullDown .depth03 > ul > li > a{font-size:0.7rem;}
/** fullDown:active **/
#nav.fullDown #gnb.active{ height:auto; }
#nav.fullDown #gnb.active:after{ height:calc(100% - 3rem); opacity: 1; }
#nav.fullDown .active .depth01 {height:auto; }
#nav.fullDown .active .depth01 > ul > li > a{ color:#000; }
#nav.fullDown .active .depth01 > ul > li + li{ border-color:#eee; }
#nav.fullDown .active .depth01 > ul > li + li > a:before{ opacity: 1; }
#nav.fullDown .active .depth02{ opacity: 1; visibility: visible; }
#nav.fullDown .depth02 > ul > li.dep.active > a:before{content:'\e944';}
#nav.fullDown .depth02 > ul > li.dep.active > a:before{content:'\e944';}

/* gnb : oneDown */
#nav.oneDown #gnb{ height:3rem; }
#nav.oneDown #gnb:before{ content:''; position:absolute; left:0; top:calc(2.9rem + 1px); width:100%; height:1px; background:rgba(0,0,0,0.1); z-index:1; }
#nav.oneDown .depth01 > ul > li > a:before{ display:none;}
#nav.oneDown .depth02{ position:absolute; width:120%; left:-10%; top:2.5rem; border-radius:1rem; overflow:hidden; opacity: 0; visibility: hidden; transition-delay: 0s; text-align:left; box-shadow: 2px 2px 5px rgba(0,0,0,0.3);}
#nav.oneDown .depth02:before{ content:""; position:absolute; left:0; top:0; width:100%; height:0; background:#fff; z-index:0; opacity: 0; }
#nav.oneDown .depth02 > ul > li > a{padding:0.25rem 0.5rem;}
#nav.oneDown .depth02 > ul > li > a > span{z-index:0}
#nav.oneDown .depth02 > ul > li.dep > a:before{content:'\e941'; position:absolute; right:0.5rem; top:0.4rem; font-family: 'xeicon'; font-size:0.6rem;}
#nav.oneDown .depth03{background:#f5f5f5;}
#nav.oneDown .depth03 > ul > li > a{ font-size:0.7rem;}
/** oneDown : active **/
#nav.oneDown .depth01 > ul > li.on > .depth02{ opacity: 1; visibility: visible; display:block; }
#nav.oneDown .depth01 > ul > li.on > .depth02:before{ height:100%; opacity: 1; }
#nav.oneDown .depth02 > ul > li.dep.active > a:before{content:'\e944';}

/* gnb : oneFull */
#nav.oneFull #gnb{ height:3rem; }
#nav.oneFull #gnb:before{ content:''; position:absolute; left:0; top:calc(2.9rem + 1px); width:100%; height:1px; background:rgba(0,0,0,0.1); z-index:1; }
#nav.oneFull ul, #nav.oneFull li{ position:initial;}
#nav.oneFull .depth02{ position:absolute; left:0; top:3rem; display:none; transition-delay: 0s; text-align:left; }
#nav.oneFull .depth02:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; z-index:0; box-shadow:0 5px 10px rgba(0,0,0,0.1); }
#nav.oneFull .depth02 > ul{ width:100%; max-width:60rem; margin:0 auto; font-size:0; line-height:0; }
#nav.oneFull .depth02 > ul > li{ width:25%; display:inline-block; vertical-align: top; padding:0.5rem; font-size:0.8rem; line-height:1.6; }
#nav.oneFull .depth02 > ul > li.dep > a:before{content:'\e913'; position:absolute; right:0.75rem; top:0.6rem; width:1.5rem; height:1.5rem; line-height:1.5rem; text-align:center; font-family: 'xeicon'; font-size:0.85rem;}
#nav.oneFull .depth02 > ul > li > a{ background:#f5f5f5; border-radius:0.75rem; font-size:0.85rem; overflow:hidden;}
#nav.oneFull .depth02 > ul > li > a:after{ content:""; position:absolute; right:-7rem; top:-10rem; width:10rem; height:10rem; border-radius:50%; background:rgba(255,255,255,0.2); opacity: 0; transition: all 0.4s; -webkit-transition: all 0.4s;}
#nav.oneFull .depth03{ margin:0; opacity: 0; }
#nav.oneFull .depth02 > ul > li > a:hover:after,
#nav.oneFull .depth02 > ul > li.dep.on > a:hover:after{ right:-5rem; top:-6rem; opacity: 1; }
#nav.oneFull .depth03{ background:#fafafc; border-radius:0.75rem; margin-top:0.5rem;}
/** oneFull:active **/
#nav.oneFull #gnb.active{ height:auto; }
#nav.oneFull .depth02 > ul > li.dep.active > a:before{content:"\e91a"; }
#nav.oneFull .depth02 > ul > li.active .depth03{ opacity:1; display:block; }
#nav.oneFull .depth01 > ul > li.on > .depth02{ display:block; }

/* moblie search  */
#mSearch { display:none; position: fixed; top: 3.5rem; left: 0; z-index: 11; width: 100%; padding:1.25rem 0.5rem; background-color: #fff; box-shadow:0 3px 3px rgba(0,0,0,0.1); }
#mSearch .inner { position: relative; display:flex; padding-left: 5.5rem; border-radius:0.75rem; background:#ececec; overflow: hidden; }
#mSearch .inner select { position: absolute; left: 0; top: 0; padding: 0 0.5rem; width: 5.5rem; height: 2.5rem; font-size: 0.8rem; background: transparent; border: none; }
#mSearch .inputText { flex:1; padding: 0 10px 0; max-width: calc(100% - 4rem); height: 2.5rem; line-height: 2.5rem; background: none; border: none; }
#mSearch .btnSearch { min-width: 4rem; height:2.5rem; line-height:2.4rem; color: #fff; font-size:0.85rem; border-radius:0.75rem; border: 0; font-weight:600;}
#mSearch .btnClose { position: absolute; top:-3rem; right: 0.5rem; width: 2.5rem; height: 2.5rem; padding: 0; color:#fff; font-size:1.2rem; border-radius:0.5rem; overflow: hidden; }
#mSearch.active { display:block; }

/* moblie navigation  */
#mNav { position: fixed; top: 0; left: -100%; width: 100%; height: 100vh; font-weight: 400; background:#fff; transition: 0.25s ease; -webkit-transition: 0.25s ease;  z-index:999; overflow:auto; padding-bottom:4rem; display:none;}
#mNav h4{ font-size:1.1rem; font-weight: 600; color:#000; line-height:3.5rem; border-bottom:1px solid #e4e4e4; padding:0 1rem;}
#mNav #mNavClose { position:absolute; right:2%; top:0.5rem; width:2.5rem; height:2.5rem; line-height:2.5rem; font-size:1.1rem; text-align:center;}
#mNav #mNavClose i{font-weight: 200;}
#mNav.active { left: 0; }
#mNav .snb { display:block; border-bottom: 1px solid #ccc; padding:0.4rem 1rem; overflow:hidden; }
#mNav .snb > *{ display:inline-block; vertical-align: middle; margin: 0.25rem 0;}
#mNav .snb .util li { position:relative; float: left; padding: 0.1rem 1rem; padding-left: 1.25rem;}
#mNav .snb .util li + li:before{content:""; position:absolute; left:0; top: calc(50% - 0.13rem); width: 0.25rem; height: 0.25rem; border-radius:50%; background:#ccc;}
#mNav .snb .util li:first-child{padding-left:0;}
#mNav .snb .util li:first-child:before{display:none;}
#mNav .snb .util li a { display: block; line-height: 1.25rem; text-align: left; font-size: 0.7rem; color: #222; }
#mNav .snb .util li a:hover,
#mNav .snb .util li a:focus{text-decoration: underline;}

/* mgnb */
#mgnb div,
#mgnb ul{overflow:hidden;}
#mgnb li,
#mgnb li a{display:block; position:relative;}
#mgnb li a[target='_blank']:after{display:inline-block; padding-left:0.25rem; font-family: 'xeicon'; font-weight: 400; content: '\e980'; }
#mgnb li a{color:#333; font-weight: 600; font-size:0.9rem;}
#mgnb .depth01 > ul > li { border-bottom: 1px solid #ccc; overflow:hidden;}
#mgnb .depth01 > ul > li > a { padding:0.75rem 1rem; font-size:0.9rem; z-index: 1;}
#mgnb .depth02{ display: none; padding:0.5rem 1rem; }
#mgnb .depth02 > ul > li:before{content:""; position:absolute; left:0; top:0.95rem; width:5px; height:2px; border-radius:2px; }
#mgnb .depth02 > ul > li > a { padding:0.35rem 2rem 0.35rem 15px; font-size:0.85rem;}
#mgnb .depth03 {display: none; background:#fff; border-radius:0 0 0.5rem 0.5rem; padding:1rem; margin-right:3px; margin-bottom:0.25rem; box-shadow:1px 1px 3px rgba(0,0,0,0.2);}
#mgnb .depth03 > ul > li + li { margin-top:0.5rem;}
#mgnb .depth03 > ul > li > a { padding-left:12px; color:#666; font-size:0.8rem;}
#mgnb .depth03 > ul > li > a:before{content:""; position:absolute; left:0; top:0.55rem; width:5px; height:2px; border-radius:50%; background:#ccc; }
/* depth, _blank icon */
#mgnb li.dep > a:before{ position: absolute; font-family: 'xeicon'; }
#mgnb .depth01 > ul > li.dep.active > a {  background-image: url('/images/template/common/common/bg_mNav_active.png'); background-size: contain; background-position: right top; background-repeat: no-repeat;}
#mgnb .depth01 > ul > li.dep > a:before{content: '\e9c5'; top:1rem; right:1rem; font-size:1.1rem;}
#mgnb .depth02 > ul > li.dep > a:before{content: '\e9c5'; top:0.8rem; right:0;}
/* mgnb : active */
#mgnb li.dep.active > div{display:block;}
#mgnb .depth01 > ul > li.dep.active > a:before{content: '\e9c1'; }
#mgnb .depth02 > ul > li.dep.active > a:before{content: '\e9c1'; }

/* fullMenu_20230203 추가  */
#fullMenuArea { display:none; position:fixed; top:0; width:100%; height:100%; background:#fff; z-index:999; overflow:auto; }
#fullMenu a {display:block; position:relative;}
#fullMenuArea .inner{ position:relative; width:100%; height:90vh; padding-top:3rem; max-width:70rem; margin:5vh auto;}
#fullMenuArea .snb { display: flex; align-items: center; justify-content: center; margin-bottom: 2rem; }
#fullMenuArea .snb h1{display: none;}
#fullMenuArea .snb .fullMenu_tit{ position: relative; color: #005fd3; font-weight: 700; font-size: 2rem; margin-left: 0.5rem; z-index: 1;}
#fullMenuArea .snb .fullMenu_tit::before{content: ''; display: block; position: absolute; left: -0.2rem; right: -0.2rem; bottom: 0; top: 1.9rem; background: #fff7eb; z-index: -1; border-radius: 1rem;}
#fullMenuClose { position:absolute; right:0; top:0; width:2.5rem; height:2.5rem; line-height:2.1rem; border-radius:50%; color:#fff; font-size:1.25rem; text-align:center; background:#01a2fd; transition: all 0.2s; -webkit-transition: all 0.2s;}
#fullMenuClose i{ font-weight:600; vertical-align: middle;}
#fullMenuClose:hover{ background:#00469b;}
#fullMenu li a[target='_blank']:after{display:inline-block; padding-left:0.25rem; font-family:'xeicon'; font-weight:400; content:'\e980';}
#fullMenu .depth01 > ul{ display:flex; flex-wrap: wrap;}
#fullMenu .depth01 > ul > li{ position:relative; width:25%; margin-bottom:2rem;}
#fullMenu .depth01 > ul > li > a{ position:relative; font-size:1.25rem; padding:0 0 1rem; font-weight: 700; color:#000; border-bottom:1px solid #ddd;}
#fullMenu .depth02{ display:block; padding:0.5rem;}
#fullMenu .depth03 > ul > li > a{font-size:0.75rem; }
#fullMenu a:before{ transition: width 0.2s; -webkit-transition: width 0.2s;}
#fullMenu .depth01 > ul > li.active > a,
#fullMenu .depth01 > ul > li > a:hover{ color:#00a2ff;}
#fullMenuArea .gnb .depth01 > ul > li > a > span{ display:inline-block; }
#fullMenuArea .gnb .depth01 > ul > li > a[target='_blank'] > span:after{ content:"\e980"; display:inline-block; padding-left:0.25rem; font-family:'xeicon'; font-size:0.9rem; }
#fullMenuArea .gnb .depth02 > ul > li{ line-height:1.6; }
#fullMenuArea .gnb .depth02 > ul > li > a{ color:#111; font-size:0.85rem; z-index:1; padding:0.45rem 0; border-bottom:1px dotted #ccc;}
#fullMenuArea .gnb .depth02 > ul > li:last-of-type > a{border:none;}
#fullMenuArea .gnb .depth02 > ul > li > a:before{position:absolute; right:0.25rem; top:0.35rem; font-family:'xeicon'; color:#666; font-size:0.8rem}
#fullMenuArea .gnb .depth02 > ul > li.dep > a{ padding-right:1.5rem;}
#fullMenuArea .gnb .depth02 > ul > li.dep > a:before{content:'\e932'; }
/* #fullMenuArea .gnb .depth02 > ul > li > a[target='_blank']:before{content:"\e980";} */
#fullMenuArea .gnb .depth03{ display:none; position:relative; padding:0.75rem; background:#fef5e4; border-radius:0.5rem;}
#fullMenuArea .gnb .depth03 > ul > li + li{margin-top:0.25rem;}
#fullMenuArea .gnb .depth03 > ul > li > a{ padding-left:0.5rem; color:#000; }
#fullMenuArea .gnb .depth03 > ul > li > a:before{content:""; position:absolute; left:0; top:0.35rem; width:4px; height:4px; border-radius:50%; background:#fb7400;}
#fullMenuArea .gnb .depth03 > ul > li > a[target='_blank'] > span:after{ content:"\e980"; display:inline-block; padding-left:0.15rem; font-family:'xeicon'; vertical-align:middle; font-size:0.7rem; }
#fullMenuArea .gnb .depth03 > ul > li > a:hover,
#fullMenuArea .gnb .depth03 > ul > li > a:focus{ color:#fb7400; }
#fullMenuArea .gnb .active > .depth03{ display:block; }
#fullMenuArea .gnb a,
#fullMenuArea .gnb a:before{ transition: all 0.2s; -webkit-transition: all 0.2s;}
#fullMenuArea .gnb .depth02 > ul > li > a:hover,
#fullMenuArea .gnb .depth02 > ul > li > a:focus,
#fullMenuArea .gnb .depth02 > ul > li.dep.active > a{ color:#fb7400;}
#fullMenuArea .gnb .depth02 > ul > li.dep.active > a{ border:none;}
#fullMenuArea .gnb .depth02 > ul > li.dep.active > a:before{ color:#fb7400; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
#fullMenuArea .gnb .depth03 > ul > li > a:hover{ color:#fb7400;}

.box_line_map{display:none;}

@media screen and (min-width:1241px){
	#fullMenu .depth01 > ul > li > a:before{ content:""; position:absolute; left:0; bottom:0; width:0px; height:4px; background:#00a2ff;}
	#fullMenu .depth01 > ul > li.active > a:before{ width:100%;}
}

/* footer */
#footer { position: relative; padding: 1.5rem 0 2.5rem; font-weight:400; font-size: 0.7rem; }
.footer_link { padding-bottom:1rem;}
.footer_link ul {display: flex; flex-wrap: wrap; width: calc(100% + 2rem); margin-left:-1rem; }
.footer_link li {line-height:1.5rem; position: relative;}
.footer_link li a:hover,
.footer_link li a:focus { text-decoration:underline; }
.footer_link li > a { position:relative; display: block; padding:0 1rem; letter-spacing: -0.025em; }
.footer_link li + li > a:before{ content:""; position:absolute; left: -1px; top:calc(50% - 0.35rem); height:0.7rem;}
.footer_link li > a strong { font-weight:600;}
.footer_link li .mdBox {display: none; border-radius: 0.3rem; border: 1px solid #ccc; background: #fff; color: #333; position: absolute; left: 1rem; top: -0.4rem; transform: translateY(-100%); z-index: 999;}
.footer_link li.actv .mdBox {display: block;}
.footer_link li .mdBox:before {content: ""; display: block; border-left: 0.5rem solid transparent; border-right: 0.5rem solid transparent; border-top: 0.4rem solid #ccc; position: absolute; left: 0.5rem; bottom: 0; transform: translateY(100%);}
.footer_link li .mdBox:after {content: ""; display: block; border-left: calc(0.5rem - 1px) solid transparent; border-right: calc(0.5rem - 1px) solid transparent; border-top: calc(0.4rem - 1px) solid #fff; position: absolute; left: calc(0.5rem + 1px); bottom: 0; transform: translateY(100%);}
.footer_link li .mdBox h3 {padding: 0.1rem 0.5rem; border-radius: 0.25rem 0.25rem 0 0; border-bottom: 1px solid #ebebeb; background: #f7f7f7; font-size: 0.7rem;}
.footer_link li .mdBox .mdBoxCont {display: flex; padding: 0.25rem;}
.footer_link li .mdBox .mdBoxCont a {display: inline-block; padding: 0.1rem 0.2rem; border-radius: 0.25rem; border: 1px solid #004896; font-size: 0.7rem; color: #004896; font-weight: 600; text-align: center; margin: 0.25rem; white-space: nowrap;}
.footer_link li .mdBox .mdBoxCont a i {padding-left: 0;}
.footer_link li .mdBox .mdCls {padding: 0.4rem 0.5rem; font-size: 0.7rem; position: absolute; right: 0; top: 0;}
#footer address { line-height: 2;padding-right: 14rem;}
#footer address span { display:inline-block; margin-right:5px; }
#footer .btn_top { display:block; overflow:hidden; position:fixed; right:0.5rem; bottom:1rem; z-index:100; width:2.5rem; height:2.5rem; text-align:center; padding:0; border-radius: 50%; font-size:1rem; min-width:auto; }
#footer .btn_top i{ padding:0; vertical-align: middle; line-height:2.5rem; }
#footer .foot_info_box { margin: 0.5rem 0; padding-right: 14rem; overflow: hidden; }
#footer .foot_info_box textarea { float: left; width: calc(100% - 2.75rem); height: 2.5rem; color: #000; border: 1px solid #ddd; border-radius: 0.25rem; }
#footer .foot_info_box button { float: right; width: 2.5rem; height: 2.5rem; color: #fff; background: #000; border-radius: 0.25rem; }

/* 방문통계 */
.visitant { position:absolute; bottom:0; right:0; min-width:14rem; height:2rem; padding:0 0.5rem; border-radius:2rem; }
.visitant h2 { text-indent:-10000em; font-size:0; }
.visitant ul { display:flex; overflow:hidden; }
.visitant ul li { position:relative; flex:1; line-height:2rem; text-align:center; padding:0 0.5rem; font-size:0.65rem; text-align:center;}
.visitant ul li + li:before{ content:""; position:absolute; left:0; top:calc(50% - 0.25rem); height:0.5rem;}
.visitant ul li strong { margin-right:0.5rem; font-weight: 600; }

/* sub layout */
#sub_container { position:relative; background:#fff;}
#sub_container:after { content:""; display:block; clear:both; }
.subCntBody { position:relative; max-width:62rem; padding:0 1rem; margin:2rem auto 0; overflow: hidden;}
.sub_container{ position:relative; width:calc(100% - 12.25rem); padding-left:2rem; float:right; }
.subContent{min-height:30rem; font-weight: 400; line-height:1.6; font-size:0.75rem; padding:2.5rem 0;}

/* sub visual */
.subvisual{ position:relative; width:100%; line-height:0; overflow:hidden; }
.subvisual img{ position:relative; width:auto; height:auto; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}

/* lnb */
#lnb { width:12.25rem; float:left; display:block; margin-bottom:2rem;}
#lnb h2{ position:relative; min-height:6rem; display:flex; align-items:center; justify-content: center; border-radius:1rem; text-align:center; padding:1rem 0.25rem; font-weight: 700; font-size:1.2rem; overflow:hidden; z-index:0;}
#lnb h2 span{display:inline-block; padding:0 0.25rem; background:url('/images/template/common/common/pttrn_lnb.png') repeat-x center bottom;}
#lnb li { position:relative; }
#lnb li a { position:relative; display:block; font-weight: 600;}
#lnb .dep01 > li:first-of-type > a,
#lnb .dep01 > li.active + li > a{ border-top-color:transparent;}
#lnb .dep01 > li > a{ padding:0.75rem 1rem; font-size:0.8rem; color:#333; border:1px solid transparent; border-top-color:#ddd; overflow:hidden; z-index: 1;}
#lnb .dep01 > li.dep > a{ padding-right:2rem;}
#lnb .dep01 > li > a:before{ content:""; position:absolute; right:-6rem; top:-7rem; width:8rem; height:8rem; border-radius:50%; opacity: 0;}
#lnb .dep01 > li > a:after{position:absolute; right:1rem; top:0.85rem; font-family:'xeicon'; font-size:0.9rem; font-weight: 400;}
#lnb .dep02{ display:none; padding:1rem; margin-top:0.5rem; border-radius:0.5rem; background:#fafafb; }
#lnb .dep02 > li + li{margin-top:0.5rem;}
#lnb .dep02 > li > a{ padding-left:20px; font-size:0.75rem;}
#lnb .dep02 > li > a:before { content:''; position:absolute; left:0; top:0.5rem; width:10px; height:3px; border-radius:3px;}
#lnb .dep02 > li > a:after{position:absolute; right:0; top:0.3rem; font-family: 'xeicon'; font-size:0.6rem;}

#lnb .dep03{ display:none; padding:0.75rem 0.5rem; margin-top:0.5rem; background:#fff; }
#lnb .dep03 > li + li{margin-top:0.5rem;}
#lnb .dep03 > li > a{ padding-left:15px; font-size:0.7rem; font-weight: 400;}
#lnb .dep03 > li > a:before { content:''; position:absolute; left:0; top:10px; display:block; width:6px; height:2px; background:#bbb; }

#lnb .dep01 > li.active > a:before{ right:-4rem; top:-4rem; opacity: 1; z-index: -1;}
#lnb .dep01 > li.dep > a:after{content:"\e913"; }
#lnb .dep02 > li.dep > a:after{content:'\e941'; }
/*
#lnb .dep01 > li > a[target='_blank'] > span:after,
#lnb .dep02 > li > a[target='_blank'] > span:after{content:'\e980';}
*/

/* lnb:active */
#lnb .dep01 a,
#lnb .dep01 a:before{ transition: all 0.2s; -webkit-transition: all 0.2s;}
#lnb li.active > ul{display:block;}
#lnb .dep01 > li.active > a{ border-radius:1.5rem; font-weight:600; box-shadow:0 0 5px rgba(0,0,0,0.2);}
#lnb .dep01 > li.dep.active > a:after{content:"\e91a"; }
#lnb .dep02 > li.dep.active > a:after{content:"\e944"; }

/* sub header */
.subHeader{ display:flex; align-items:center; flex-wrap: wrap; padding-bottom:1rem; background:url('/images/template/common/common/pttrn_sublocation.png') repeat-x bottom;}
#pageTitle { flex:auto; max-width:calc(100% - 3rem); font-size:1.4rem; font-weight:700; overflow:hidden; }

/* location */
.subLocation { position:relative; width:100%; margin:0.5rem 0 1.25rem;}
.subLocation ul.mnavi li{display: inline-block;vertical-align: middle; line-height:1.25rem; font-size:0.7rem;}
.subLocation ul.mnavi li i{display:inline-block;width:1.25rem; height:1.25rem; line-height:1.25rem; color:#fff; background:#8b8b8b; text-align:center; border-radius:50%; font-size:13px;margin-right: 0.2rem;}
.subLocation ul.mnavi li + ul.mnavi li:before{content:"\e93f"; display:inline-block; font-family: 'xeicon'; margin:0 0.4rem;}

.box_line_map_1 .sp_home,
.box_line_map_1 .span_gt {display:block; overflow:hidden; height:0; font-size:0; line-height:100px; text-indent:-10000px;}

/* location : sns */
.snsBox3 { position:relative; font-size:0; margin-left:auto;}
.snsBox3 button { position:relative; display:inline-block; width:2rem; height:2rem; line-height:2rem; font-size:1rem; color:#111; overflow:hidden; padding:0; margin-left:10px; border-radius:50%; border:none; box-shadow:0 0 3px rgba(0,0,0,0.3); background:#fff; z-index:1;}
.snsBox3 .snsMore{ position:relative; right:-2.5rem; width:0; height:2rem; float:left; opacity: 0; visibility: hidden; border-radius:2rem; border:1px solid #bfc9d9; background:#fff; font-size:0.9rem; box-shadow:0 0 5px rgba(0,0,0,0.1); z-index:2; overflow:hidden; transition: height,opacity 0.2s; -webkit-transition: height,opacity 0.2s; -ms-transition: height,opacity 0.2s;}
.snsBox3 .snsMore p{margin-left:0.5rem;}
.snsBox3 .snsMore a{float:left; width:1.5rem; height:2rem; line-height:2rem; text-align:center;}
.snsBox3 .snsMore a + a{margin-left:4px;}
.snsBox3 .snsMore a.snsT{color:#59acee;}
.snsBox3 .snsMore a.snsK{color:#ffc20d;}
.snsBox3 .snsMore a.snsF{color:#3c5899;}
.snsBox3 .snsMore a.snsIn{color:#d63497;}
.snsBox3 .snsMore a.snsClose{background:#ebf2fc; font-size:0.8rem; width:2rem; border-radius:50%;}
/* location : sns : active */
.snsBox3 .snsMore.active{width:auto; opacity: 1; visibility: visible;}
.snsBox3 .snsMore a.snsT:hover,
.snsBox3 .snsMore a.snsT:focus{color:#257fc9;}
.snsBox3 .snsMore a.snsK:hover,
.snsBox3 .snsMore a.snsK:focus{color:#d36e10;}
.snsBox3 .snsMore a.snsF:hover,
.snsBox3 .snsMore a.snsF:focus{color:#183372;}
.snsBox3 .snsMore a.snsIn:hover,
.snsBox3 .snsMore a.snsIn:focus{color:#af1c4d;}
.snsBox3 .btnBookmark:before {content:'\ea16'; font-family:'xeicon';}
.snsBox3 .btnBookmark.on:before {content:'\ea0f'; font-family:'xeicon';}

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

    /* fullMenu_20230203 추가  */
	#fullMenu{ padding:0 1.5rem;}
	#fullMenuClose { right:0.75rem;}
}

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

    .container { padding:0 1rem;}
    .subContent .container {padding: 0;}

	/* header */
	#header .header_wrap{ padding:0;}
	#gnb .depth01 > ul > li > a{ font-size:0.9rem;}
	/* oneDown */
	#nav.oneDown .depth02{ width:100%; left:0; }

	/* fullMenu_20230203 추가  */
	#fullMenuArea{ background:#f7fcff;}
	#fullMenuArea .snb h1{ display:flex; height:3.25rem; align-items:center; border-bottom:1px solid #ddd; background:#fff; padding:0 1rem;}
	#fullMenuArea .snb .fullMenu_tit{display: none;}
	#fullMenuArea .snb{ display:block; margin-bottom: 0; }
	#fullMenuArea .snb .link{ background:#e7eef5; padding:0.5rem 0;}
	#fullMenuArea .snb .link ul{ padding:0; overflow: hidden;}
	#fullMenuArea .snb .link li{ float:left; padding:0 0.75rem; font-size:0.7rem;}
	#fullMenuArea .snb .link li i{ vertical-align: middle; margin-right:0.25rem;}
	#fullMenuArea .inner{ height:100vh; margin:0; padding:0;}
	#fullMenuClose{ width:2.25rem; height:2.25rem; line-height:2.4rem; top:0.5rem; font-size:1.1rem;}
	#fullMenu{ padding:0 0 3rem;}
	#fullMenu .depth01 > ul > li{ width:100%; margin:0; border-bottom:1px solid #ddd;}
	#fullMenu .depth01 > ul > li > a{ font-weight:400; font-size:1rem; padding:0.75rem 1rem 0.6rem;}
	#fullMenu .depth01 > ul > li > a > span:before{ display:none;}
	#fullMenu .depth01 > ul > li.dep > a{ padding-right:1.75rem; border-top:0;}
	#fullMenu .depth01 > ul > li > a:before{position:absolute; right:0.75rem; top:0.7rem; line-height:1.5rem; font-family:'xeicon'; font-weight:400; opacity: 0.7;}
	#fullMenu .depth01 > ul > li.dep > a:before{content:'\e913'; }
	#fullMenu .depth02,
	#fullMenu .depth03{ display:none;}
	#fullMenu .depth02 { margin:0; padding:0.5rem 1rem; background:#fff;}
	#fullMenu .depth02 > ul > li.dep > a{ padding-right:1.5rem;}
	#fullMenu .depth02 > ul > li.dep > a:before{right:0; top:0.35rem; font-size:0.95rem;}
	#fullMenu .depth03 { margin:0.15rem 0 0.5rem; padding:0.75rem; background:#fef5e4;}

	#fullMenu .depth01 > ul > li > a[target='_blank']:before,
	#fullMenu .depth03 > ul > li > a[target='_blank']:after{content:"\e980";}
	#fullMenu .depth03 > ul > li > a[target='_blank']:after{ display:inline-block; padding-left:0.15rem;}
	#fullMenu .depth03 > ul > li + li{ margin-top:0.25rem;}
	#fullMenu li.active > .depth02,
	#fullMenu li.active > .depth03{ display:block;}
	#fullMenu .depth01 > ul > li.active > a{ color:#fff; background:#00a2ff;}
	#fullMenu .depth01 > ul > li.active > a:before{ content:"\e91a";}
	#fullMenu .depth02 > ul > li.active > a{ color:#e07a00;}

	/* sub layout */
	.subCntBody{padding:0; margin:0;}
	#lnb{width:100%; float:none;}
	.sub_container{ width:100%; float:none; padding:0 1rem;}
	.subHeader{ align-items: flex-end; }
	.subLocation{ margin:0.75rem 0 1rem;}

	/* sub visual */
	.subvisual img{ width:150%; left:-25%; transform: none; -webkit-transform: none; -ms-transform: none;}

	/* lnb */
	#lnb{margin-bottom:0;}
	#lnb h2{ display:block; min-height:0px; padding:0.75rem 2.25rem 0.75rem 1.25rem; font-size:1.05rem; text-align:left; border-radius:0; cursor: pointer; }
	#lnb h2:after{content:"\e941"; position:absolute; right:1rem; top:1rem; font-family: 'xeicon'; font-size:0.9rem;}
	#lnb h2 span{background-image: none;}
	#lnb h2.active:after{transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
	#lnb nav{display:none; box-shadow:0 2px 10px rgba(0,0,0,0.1); padding:0 0.5rem;}
	#lnb .dep01 > li > a{padding:0.75rem 1.25rem;}
	#lnb .dep01 > li.dep > a:before{font-size:0.9rem; top:0.9rem;}
	#lnb .dep02 > li > a{ padding-left:14px;}
	#lnb .dep02 > li > a:after{ font-size:0.7rem;}
	#lnb .dep02 > li > a:before{ width:6px; height:2px; top:0.45rem;}

	/* location : snsBox */
	.snsBox3{width:auto; height:auto; line-height:0; background:none; border:none; overflow:initial; border-radius:0;}
	.snsBox3 button{ }
	.snsBox3 button.btnPrint{display:none;}
	.snsBox3 .snsMore{ position:absolute; right: -0.05rem; top:2.25rem; height:0px; line-height:0; float:none; background:#fff; text-align:center; border-radius:1rem;}
	.snsBox3 .snsMore p{margin:0;}
	.snsBox3 .snsMore.active{height:auto !important; line-height:2rem; padding:0.5rem 0 0; }
	.snsBox3 .snsMore a{ display:block; float:none; width:100%;}
	.snsBox3 .snsMore a + a{margin-left:0;}
	.snsBox3 .snsMore a.snsClose{ margin-top:0.25rem;}
}

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

	/* header */
	#header { position:fixed; left:0; top:0; width:100%; height:3.5rem; border-bottom:1px solid #ddd; z-index:99; }
	#header .header_wrap{ width:100%; height:3.5rem; }
	#header:before,
	#header .topUtil,
	#nav{ display: none; }
	#mNav{display:block;}
	#header h1{ position:relative; left:auto; top:auto; width:100%; text-align:center; }
	#header h1 a{ display:inline-block; line-height:3.5rem; font-size: 0;}
	#header .mBtn{ display:block; position:absolute; top:0.5rem; width:2.5rem; height:2.5rem; line-height:2.5rem; font-size:1.3rem; text-align:center; border-radius: 0.5rem;}
	#header .mBtn.mSearch{ right:0.5rem; }
	#header .mBtn.mNav{ left:0.5rem; }

	/* 화면 축소,확대 버튼 */
	#mNav .size_set { display: none; }

	/* footer */
	#footer:before { display: none; }
	#footer address{ padding-right:0; margin:0.5rem 0; } 
	#footer .foot_info_box { padding-right: 0; }

	/* 방문통계 */
    .visitant { position:relative; top:0; right:0; width:50%; margin-top:0.5rem; }

	/* footer */
	.btn_top{ bottom:2.5%; right:2.5%; }

	/* sub layout */
	#sub_container{margin-top:3.5rem;}

	.top_tit span.msg {display: none;}
	#mNav .snb .util li:nth-child(4), li:nth-child(5){/*display:none !important;*/}

	.subLocation .mnavi{display:none;}
	
	/* linemap */
	.box_line_map_1 .span_gt,
	.box_line_map_1 .sp_home,
	.box_line_map_2 > a .sp_img {background-image:url("/images/template/common/common/sp_sub.png"); background-repeat:no-repeat;}
	.box_line_map {display:block; width:100%; position:relative; z-index:80; height:39px; padding:0; margin:0; border-bottom:1px solid #eee; background-color:#f3f3f3;}
	.box_line_map_1 {position:relative; width:800px;}
	.box_line_map_1 > p,
	.box_line_map_1 > p > span,
	.box_line_map_1 .box_line_map_2 {float:left; margin:0 7px;}
	.box_line_map_1 .box_line_map_2 {margin:0;}
	.box_line_map_1 > p {height:39px; font-weight: 400; color:#555;}
	.box_line_map_1 > p > span {font-weight: 400;}
	.box_line_map_1 .txt  {line-height:39px;}
	.box_line_map_1 .sp_home {width:15px; margin:14px 7px 0 13px; padding-top:13px; background-position:0 0;}
	.box_line_map_1 .span_gt {width:9px; margin-top:12px; padding-top:17px; background-position:-40px 0;}
	.box_line_map_2 {position:relative;}
	.box_line_map_2.on {width:200px;}
	.box_line_map_2 > a {display:block; float:left; position:relative; padding-right:23px; line-height:39px; font-weight: 400; color:#555;}
	.box_line_map_2 > a .sp_img {display:block; position:absolute; top:18px; right:5px; width:9px; height:5px; background-position:-20px 0;}
	.box_line_map_2.on > a .sp_img {background-position:-30px 0;}
	.box_line_map_2.on > a {color:#151515;}
	.box_snb_1 {display:none; overflow:hidden; position:absolute; top:35px; left:-5px; z-index:1; max-height:0;}
	.box_snb_1 ul {border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}
	.box_snb_1 ul li{display: block;}
	.box_snb_1 a {display:block; font-size:13px; padding:0 20px; border-bottom:1px solid #d5d5d5; background-color:#fff; color:#555; line-height:39px; white-space:nowrap;}
	.box_snb_1 a:hover,
	.box_snb_1 li.on a {background-color: #26b159; color:#fff; text-decoration:underline;}

}

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

	.subContent{ padding:1.5rem 0; }
	#pageTitle { font-size:1.3rem; }

	/* header */
	#header h1 a img{ width:auto; height:32px;}
    
    /* footer */
    .footer_link li .mdBox .mdBoxCont {flex-direction: column;}
}

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

	/* 방문통계 */
    .visitant { width:70%; min-width:13rem;}
}

@media (max-width:380px) {

	/* mobile navi */
	#mgnb .snb li a { padding: 0 0.75rem; }
}

/*웹 접근성 마크 css */
.wamark {position:absolute; width:120px;}
.wamark img{width:100%;}