@charset "utf-8"; 
@import url('/25_common/css/basic.css');

#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; height: 5px;}
#wrap ::-webkit-scrollbar-thumb {background-color: #aaa; border-radius: 5px;}
#wrap ::-webkit-scrollbar-track {background-color: #ddd; border-radius: 5px;}

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

/* slick slide common */
.slick-slider {transition: all ease-in-out 0.3s; 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; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}

/* slick arrow show */
.arwShow .slick-arrow.slick-hidden {display: inline-block;}

/* 로케이션 */
#location { position:relative; display:block; overflow:hidden; font-size:12px; vertical-align:middle; padding-top:40px;}
#location img {vertical-align:middle; margin-top:-2px}
#location span,
#location strong { display:inline-block; padding-left:13px; margin-left:7px; background:url('/images/web/template/1077/sub/bgLocation.gif') no-repeat 0 5px; }
#location span { color:#666; }
#location strong { color:#333; }

/* 레이어팝업 */
.lyrPopup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url("/25_common/images/up_pop/pattern.png"); z-index: 999;}
.lyrWrap {position: absolute; top: 50%; padding: 0 1rem; width: 100%; text-align: center; transform: translateY(-50%);}
.lyrWrap .inner {display: inline-block; width: 100%; max-width: 50rem; background: #fff; border-radius: 2rem; overflow: hidden;}
.lyrWrap .inner h3 {padding: 1rem; text-align: center; font-size: 0.95rem; color: #fff; background: #474d5d;}
.lyrWrap .inner h3 strong {font-weight: 700;}
.lyrWrap .inner .cont {margin: 1.5rem; max-height: calc(90vh - 10rem); overflow-y: auto;}
.lyrWrap .inner .cont img {max-width: 100%;}
.lyrWrap .control {margin-top: 2rem; text-align: center;}
.lyrWrap .control a {display: inline-block; margin: 0.15rem 0.25rem; padding: 0 1rem; min-width: 3rem; height: 3rem; line-height: 3rem; text-align: center; font-size: 0.85rem; font-weight: 200; color: #fff; background: #242733; border-radius: 0.25rem; transition: all 0.2s; }
.lyrWrap .control a i {margin-right: 0.25rem; vertical-align: middle; font-size: 1.2rem;}
.lyrWrap .control a .count {font-weight: 700; color: #fff799;}
.lyrWrap .control a:hover {background:rgba(0,0,0,0.6);}

/* 레이어팝업 : 상단팝업 리스트, 팝업 배너 상세보기 */
.lyrWrap .popuplst {padding: 0 0.5rem; max-height: 15.25rem;}
.lyrWrap .popuplst table {width: 35rem; border-top: 2px solid #474d5d;}
.lyrWrap .popuplst table td {padding: 0.75rem 0.5rem; text-align: center; border-bottom: 1px solid #474d5d;}
.lyrWrap .popuplst table td span {display: inline-block; padding: 0 0.5rem; min-width: 3rem; line-height: 1.5rem; text-align: center; font-size: 0.75rem; color: #fff; background: #474d5d; border-radius: 1rem;}
.lyrWrap .popuplst table td p {position: relative; padding-left: 10px; text-align: left;}
.lyrWrap .popuplst table td p:before {position: absolute; top: 0.5rem; left: 0; width: 4px; height: 4px; background: #474d5d; border-radius: 50%; content:"";}
.lyrWrap .popuplst table td a.bu_blank:after {display: inline-block; margin-left: 4px; font-family: 'xeicon'; content: "\e980";}
.lyrWrap .popuplst table td a.bu_blank:hover {color: #474d5d; text-decoration: underline;}

/* 레이어팝업 : 슬라이드 */
.lyrWrap.allPopWrap .inner {position: relative; padding: 0 4.5rem; max-width: 70rem; background: transparent; border-radius: 0;}
.lyrWrap.allPopWrap .inner h3 {margin-bottom: 2rem; padding: 0; font-size: 2.5rem; font-weight: 100; background: transparent;}
.lyrWrap.allPopWrap .inner h3 strong {font-weight: 700;}
.lyrWrap.allPopWrap .inner .btn > a {position: absolute; bottom: calc(18.5rem / 2); margin-bottom: -1.5rem; width: 3rem; height: 3rem; line-height: 3rem; text-align: center; font-size: 2.5rem; color: #fff; overflow: hidden;}
.lyrWrap.allPopWrap .inner .btn > .prev {left: 0;}
.lyrWrap.allPopWrap .inner .btn > .next {right: 0;}
.lyrWrap .slick-list,
.lyrWrap .slick-track {height: 100%;}
.lyrWrap #allPopSlide {margin: 0 -1rem; width: calc(100% + 2rem); height: 18.5rem; overflow: hidden;}
.lyrWrap #allPopSlide .item {float: left; width: calc(100% / 3); height: 100%;}
.lyrWrap #allPopSlide .item a {position: relative; display: block; padding: 0 1rem; height: 100%; overflow: hidden;}
.lyrWrap #allPopSlide .item a .img {display: block; width: 100%; height: 100%; text-align: center; font-size: 0; background: rgba(255,255,255,0.3); border-radius: 1rem; overflow: hidden;}
.lyrWrap #allPopSlide .item a .img img {width: 100%; height: 100%;}

/* 레이어팝업 : 방문통계 */
.lyrWrap.visitPopWrap .inner {position: relative; max-width: 20rem; border-radius: 1rem;}
.lyrWrap.visitPopWrap .inner h3 {padding: 0 2.5rem 0 1rem; height: 2.5rem; line-height: 2.5rem; font-size: 1rem; text-align: left; background: #114fa4;}
.lyrWrap.visitPopWrap .inner .cont {margin: 1rem;}
.lyrWrap.visitPopWrap .inner .visit_info li {position: relative; width: 100%; line-height: 2rem; color: #333; font-size: 0.85rem; white-space: nowrap; overflow: hidden;}
.lyrWrap.visitPopWrap .inner .visit_info li:before {position: absolute; top: 50%; left: 0; width: 100%; height: 1px; border-top: 2px dotted #c5c9d6; content: "";}
.lyrWrap.visitPopWrap .inner .visit_info li span {position: relative; display: inline-block; padding: 0 0.25rem; background: #fff;}
.lyrWrap.visitPopWrap .inner .visit_info li .fr {color: #114fa4; font-weight: 700;}
.lyrWrap.visitPopWrap .inner .visit_info li strong {margin-right: 0.25rem; color: #000; font-weight: 700;}
.lyrWrap.visitPopWrap .hashClose {position: absolute; top: 0; right: 0; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; font-size: 1.2rem; color: #fff;}
/* slick arrow show */
.arwShow .slick-arrow.slick-hidden { display: inline-block; }

/* 상단(로고 및 메뉴) */
.area_header {position:relative;top:0;left:0;z-index:20;width:100%;height: 7.55rem;}
.area_header:before {position: absolute; top: 4.5rem; left: 0; width: 100%; height: 1px; background: #eeeff1; content: ""; z-index: 100;}
.area_header:after {position: absolute; bottom:0; left: 0; width: 100%; height: 2px; background: var(--line-color); content: ''; z-index: 0;}/* 1뎁스 메뉴영역 하단 1px 라인용 */
.area_header:before, .area_header:after {transition:0.1s;}

.area_header .header{width:100%; border-bottom:1px solid #c8c8c8;}
.area_header header {position:relative; width:70rem; max-width: 100%; margin:0 auto;}
.area_header header h1 {position:absolute;left:0;top: 1.25rem;}

.top_menu ul {position:absolute;right:15rem;top: 1.5rem;z-index:1;display:flex;align-items:center;height:1.5rem;}
.top_menu li {position:relative; display:block; padding:0 0.625rem; line-height:1rem; font-size:0.75rem; color:#333; font-weight:600; }
.top_menu li:before {position:absolute;top:0.4rem; left:-0.1rem;width:4px;height:4px; border-radius:50%; background:#c9c9c9; content:"";}
.top_menu li:first-child::before {display:none;}
.top_menu li a {font-size:0.7rem; word-break:break-all;}
.top_menu a:hover {text-decoration:underline}

/* 검색 - 웹버전 */
.box_search_0 {position: absolute; top: 1rem; right:0 ; width: 15rem; height: 2.5rem; line-height: 2.2rem; background: #fff; border: 0.15rem solid #f1f1f1; border-radius: 1.25rem;}
.box_search_0 input {float: left; width: calC(100% - 2.5rem); padding: 0 1rem; height: 2.2rem; background: transparent; border: none;}
.box_search_0 button {position:relative;float: right; margin: 0.25rem; padding: 0; width: 1.7rem; height: 1.7rem; line-height: 1.7rem; text-align: center; font-size: 1rem; color: #fff; background: #464d5d; border-radius: 50%;}
.box_search_0 button {color: var(--text-color);background: var(--main-color);}
.box_search_0 button:before {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);content: "\e97a";font-size: 1rem;font-family: 'xeicon';}
.box_search_0 button > span {position: absolute; margin: -1px;padding: 0;width: 1px;height: 1px;border: 0;clip: rect(0, 0, 0, 0);overflow: hidden;}
.box_search_0 input::-webkit-input-placeholder {color: #666;}.box_search_0 .btnSearchClose {position: absolute; top: -3.5rem; left: 0; display: none; width: 3.5rem; height: 3.5rem; line-height: 3.5rem; text-align:center; font-size:1.2rem; color:#fff; background: #004fba;}
#searchOpen {display: none;}

/* ie8 미디어쿼리 핵 */
@media \0screen {
.box_search_0 input {line-height:28px}
}

/* 웹네비게이션 */
#webNavi {position:absolute;left:0;top: 4.5rem;width:100%;display:block;z-index:1;}
#gnb {position:relative;height: 3rem;display: table;width:100%;text-align:center;}
#gnb > li { position:relative; display:table-cell;line-height:1.6;vertical-align:top;}
#gnb > li > a {display: flex; width:100%; font-size:1rem; font-weight:700; height:3rem; justify-content:center; align-items:center; z-index:2;}
#gnb > li > a:before {position: absolute; bottom: 0.7rem; left: 50%; width: 0; height: 0.5rem; background: #1756b3; border-radius: 0.25rem; opacity: 0.2; content: "";}
#gnb > li.on > a {color:var(--main-menu-color);font-weight:700;}
#gnb > li.on > a:before {left: 0; width: 100%; background:var(--main-color)}
#gnb > li > a, #gnb li.on > a:before {transition:all 0.1s;}

/* 세로메뉴 */
#gnb > li ul.box {position:absolute; top:calc(3rem - 1px); left:calc(50% - 5.5rem); padding:1rem 0.75rem; height:auto; text-align:left; width:11rem; background:#fff; border:2px solid #1756b3; border-top:0; border-radius:0 0 0.5rem 0.5rem; opacity:0; visibility:hidden; transition-delay:0s;}
#gnb > li ul.box {border-color:var(--main-color);}
#gnb > li.on ul.box {display:block; opacity:1; visibility:visible;}
#gnb > li ul.box li {height:100%;}
#gnb > li ul.box li a {transition:all 0.1s;position:relative; display:block;font-weight:400;padding:0.35rem 0; font-size:0.8rem; color:#444; text-align: left; z-index:2;}
#gnb > li ul.box li a:hover, #gnb li ul.box li a:focus { text-decoration:underline;}
#gnb li a[target='_blank']:after {position: absolute; top: 0.35rem; right: 0; font-family: 'xeicon'; line-height: 1; content: "\e980"; z-index: 2;}
/* active */
#gnb > li ul.box li a:hover, 
#gnb > li ul.box li a:focus {color:var(--main-menu-color);font-weight:700;}


/* mobile layout */
#tablet {display:none; width:100%}
#tabletHeader {width:100%; height:68px; margin:0 auto; position:fixed; top:0; left:0; z-index:20; background:#fff;}
#tabletGnb {position: absolute; top: 0; right: 0; height:4rem;}
#tabletGnb #menuOpen {display: inline-block; width: 4rem; height: 4rem; line-height: 4rem; text-align: center; font-size: 0; color: #fff; background: #124ea8; border-radius: 0;}
#tabletGnb #menuOpen {color:var(--text-color); background:var(--main-color);}

/* mobile 검색영역 */
#tabletSearch { position: absolute; top:0; right:4rem; left:auto;  }
#tabletSearch #searchOpen {display:block;width:4rem; height:4rem; line-height:4rem; font-size:1.5rem; border-right:1px solid #fff;}
#tabletSearch #searchOpen::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: "\e97a"; font-size: 1.5rem; font-family: 'xeicon';}

#mSearch { display:none; position: absolute; top: 4rem; left: 0; width: 100%; height:auto; padding: 1rem 0.75rem; background:#fff; border:none; border-radius:0;line-height:2.2rem; z-index: 18; }
#mSearch:before {position:fixed; top:8rem; left:0;width:100%; height:100vh;background:rgba(0,0,0,0.4);content:'';}
#mSearch .con { height:2rem; background:#f2f2f2; border-radius:0.25rem; overflow:hidden; }
#mSearch .con .inputText { float:left; width: calc(100% - 2rem); height: 2rem; height: 2rem; padding: 0 1rem; border: none; background:transparent;}
#mSearch .con .btnSearch { float:right; position:relative; margin:0; padding:0; width:2rem; height:2rem; line-height:2rem; font-size:1.2rem; border-radius:0; background:var(--main-color); color:var(--text-color);}
#mSearch .con .btnSearch::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: "\e97a"; font-size: 1.2rem; font-family: 'xeicon';}
#mSearch .btnSearchClose { position:absolute; top:-4rem; right:4rem; display:block; width: 4rem; height:4rem;border-right:1px solid #fff;}
#mSearch .btnSearchClose {color:var(--text-color); background:var(--main-color);}
#mSearch .btnSearchClose:before {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);content: "\e921";font-size: 1.5rem;font-family: 'xeicon';}
#mSearch  button > span {position: absolute; margin: -1px;padding: 0;width: 1px;height: 1px;border: 0;clip: rect(0, 0, 0, 0);overflow: hidden;}

/* mobile navi */
#mNavi{display:none; position:fixed; left:0; top:0; width:100%; height:100vh; z-index:9999; background-color:#fff;}
#mNavi #mtitle{width:100%; height:3rem; background:#383f59;}
#mNavi #mtitle a {z-index:10000; font-size:0; line-height:0; text-indent:-9999em; display:inline-block; width:3rem; height:3rem; position:absolute; right:0; top:0; background:url(/images/img_202410/T0001/layout/btn_close.gif) no-repeat center center /24px auto }

#mNavi #mgnb {position:relative; height:calc(100% - 3rem); max-height:100%;}
#mNavi #mgnb:before {position:absolute; top:0;left:0;width:40%;height:100%; background:#f6f6f6;content:'';z-index:-1;}
#mNavi #mgnb .snb  {width:100%; border-bottom:1px solid #d0d0d0; padding:5px 0;}
#mNavi #mgnb .snb , #mNavi #mgnb .snb  ul li {background-color:#e6e6e6;}
#mNavi #mgnb .snb  ul {width:100%;display:flex;}
#mNavi #mgnb .snb  li {flex:1;}
#mNavi #mgnb .snb  li a {display:inline-block; text-align:left; font-size:0.85rem; color:#333; width:100%; line-height:normal; height:auto; padding:0.5rem 0 0.5rem 1rem; }

#mNavi #mgnb > ul {width:100%;position:relative;}
#mNavi #mgnb > ul > li{width:100%; line-height:1.6; font-size:0.8rem;}
#mNavi #mgnb > ul > li .dep {display:flex; position:relative; align-items:center; padding: 0 1rem; width:40%; min-height:2.5rem; font-size:0.85rem; color:#000; }
#mNavi #mgnb > ul > li .dep:before {position: absolute; bottom: 0; left: 1rem; width: calc(100% - 2rem); height: 1px; background: #e3e3e3; content: "";}
#mNavi #mgnb > ul > li > a:hover, #mNavi #mgnb > ul > li > a:focus, #mNavi #mgnb > ul > li > a:active {font-weight:700;}

#mNavi #mgnb > ul > li > ul {display:none;position:absolute;top:0;left:40%;padding:0 1rem;width:60%;}
#mNavi #mgnb > ul > li > ul > li{width:100%;}
#mNavi #mgnb > ul > li > ul > li a{display:block; position:relative; color:#333; z-index:1; font-size:0.85rem; padding:0.55rem 0 0.6rem; border-bottom:1px solid #ddd;}
#mNavi #mgnb > ul > li > ul > li a:hover, #mNavi #mgnb ul > li > ul > li a:focus, #mNavi #mgnb ul > li > ul > li a:active{font-weight:700;}

#mNavi #mgnb > ul > li > ul > li > ul{display:none; position:relative; border-top:2px solid #000;}
#mNavi #mgnb > ul > li > ul > li > ul li{background:transparent; }
#mNavi #mgnb > ul > li > ul > li > ul li a{display:block; position:relative; font-size:0.75rem; padding:0.55rem 0 0.6rem 0.5rem; border-bottom:1px solid #ddd;}
#mNavi #mgnb > ul > li > ul > li > ul li a:before {position:absolute; top:1rem; width:4px; height:4px; left:0; content:""; background:#606060;}
#mNavi #mgnb > ul > li > ul > li > ul li a:hover, 
#mNavi #mgnb > ul > li > ul > li > ul li a:focus, 
#mNavi #mgnb > ul > li > ul > li > ul li a:active{font-weight:700;}

#mNavi #mgnb .dep3 + ul {display:none;padding:0.5rem; border:1px solid #e3e3e3; border-radius:0.25rem;background:#f6f6f6;}
#mNavi #mgnb .dep3 + ul > li > a {padding:0.15rem 0 0.15rem 0.5rem; font-size:0.7rem; color:#666;border-bottom:none;}
#mNavi #mgnb .dep3 + ul > li > a:before {top:0.6rem; width:0.25rem; height:2px;background:#a0a0a0;}

/* active */
#mNavi #mgnb ul li a {transition:all 0.2s;}
#mNavi #mgnb > ul > li.active > ul {display:block;}
#mNavi #mgnb > ul > li.active .dep:before {display:none;}
#mNavi #mgnb ul li.active .dep {font-weight:700; background:#fff;}
#mNavi #mgnb > ul > li > ul > li > ul li.active > a {border-bottom:none;}

/* 서브레이아웃 */
#sub_container {position:relative;}
#sub_container:after {content:""; display:block; clear:both;}
#subContent {padding:0 1rem 2.5rem;}

/* 서브비주얼 */
.S_visual {position: relative; width: 100%; height: 10rem; line-height: 0; background: #e2edff; overflow: hidden;}
.S_visual p {height:100%;}
.S_visual img {position: relative; left: 50%; width: auto; height: auto; transform: translateX(-50%);  -ms-transform: translateX(-50%);}

.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;}

.subCntBody {position: relative; margin: 0 auto; width: 100%; max-width: 70rem;} 

/* 세로형 : typeVert */
.typeVert.sub_content:after {clear: both; display: block; content: "";}
/* 서브페이지 */
.typeVert #sideContent {float: left; margin-top: -2.5rem; width: 14rem;}
.typeVert #subContent {position: relative; float: right; width: calc(100% - 17.5rem); padding: 1.5rem 0;}

/* 가로형 : typeHori */
.typeHori #sideContent {margin-top: -1.5rem; height: 3rem; line-height: 3rem;} 
.typeHori #subContent {margin-top: 2.5rem;}

.subContent_body {position: relative; min-height: 600px;}

/* 서브메뉴 */
/* 세로형 : typeVert */
.typeVert #sideContent h1 {display: flex; align-items: center; justify-content: center; padding-bottom: 1rem; width: 100%; height: 6.25rem; line-height: 1.3; font-size: 1.3rem; font-weight: 700; color: #fff; background: #124da7 url("/25_common/images/con_com/bg_snb_h2.png") no-repeat top center; border-radius: 1rem 1rem 0 0; }
.typeVert #sideContent h1:after {position: absolute;top: -1.75rem;left: 6rem;width: 2rem;text-align: center;font-family: 'xeicon';content: "\e94a";}
.typeVert #sideContent .home {display: none;}
.typeVert #sideContent .sideNavi > ul {margin-top: -1rem; padding: 1rem 1rem 1.5rem; background: #fff; border-radius: 1rem; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.typeVert #sideContent .sideNavi > ul li a {position: relative; display: block;}
.typeVert #sideContent .sideNavi > ul li.dep > a,
.typeVert #sideContent .sideNavi > ul li > a[target="_blank"] {padding-right: 1.25rem;}
.typeVert #sideContent .sideNavi > ul li.dep > a:after,
.typeVert #sideContent .sideNavi > ul li > a[target="_blank"]:after {position: absolute; top: 0.8rem; right: 0.5rem; font-family: 'xeicon'; font-size: 1rem;}
.typeVert #sideContent .sideNavi > ul li.dep > a:after {content: "\e942";}
.typeVert #sideContent .sideNavi > ul li > a[target="_blank"]:after {content: "\e980";}
.typeVert #sideContent .sideNavi > ul > li > a {padding: 0.65rem 0; font-size: 0.85rem; font-weight: 400; color: #000; border-bottom: 2px dotted #c5c9d6;}
.typeVert #sideContent .sideNavi > ul > li > ul{display: none; padding: 0.25rem 0.75rem 0.5rem; background: #f6f6f6; border-top: 2px solid #124da7; border-radius: 0 0 0.5rem 0.5rem;}
.typeVert #sideContent .sideNavi > ul > li > ul > li > a {padding: 0.35rem 0 0.35rem 0.75rem; font-size: 0.8rem; color: #444;}
.typeVert #sideContent .sideNavi > ul > li > ul > li > a:before {position: absolute; top: 1rem; left: 0; width: 8px; height: 3px; background: #6a6e74; border-radius: 0.075rem; content: "";}
.typeVert #sideContent .sideNavi > ul > li > ul > li.dep > a,
.typeVert #sideContent .sideNavi > ul > li > ul > li > a[target="_blank"] {padding-right: 0.5rem;}
.typeVert #sideContent .sideNavi > ul > li > ul > li.dep > a:after,
.typeVert #sideContent .sideNavi > ul > li > ul > li > a[target="_blank"]:after {top: 0.55rem; right: -0.25rem;}
.typeVert #sideContent .sideNavi > ul > li > ul > li.dep > a:after {content: "\e914";}
.typeVert #sideContent .sideNavi > ul > li > ul > li > ul {display: none; padding: 0.25rem 0.75rem; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;}
.typeVert #sideContent .sideNavi > ul > li > ul > li > ul > li > a {padding: 0.25rem 0 0.25rem 0.5rem; font-size: 0.8rem; color: #666;}
.typeVert #sideContent .sideNavi > ul > li > ul > li > ul > li > a:before {position: absolute; top: 0.75rem; left: 0; width: 4px; height: 4px; background: #6a6e74; border-radius: 50%; content: "";}
.typeVert #sideContent .sideNavi > ul > li > ul > li > ul > li > a[target="_blank"] {padding-right: 0;}
.typeVert #sideContent .sideNavi > ul > li > ul > li > ul > li.dep > a:after,
.typeVert #sideContent .sideNavi > ul > li > ul > li > ul > li > a[target="_blank"]:after {top: 0.35rem; right: -1rem;}
.typeVert #sideContent .sideNavi > ul > li > ul > li > ul > li > ul {display: none; padding: 0.35rem 0.5rem; width: calc(100% + 1rem); background: #124da7; border-radius: 0.5rem;}
.typeVert #sideContent .sideNavi > ul > li > ul > li > ul > li > ul > li > a {color: #fff;}
.typeVert #sideContent .sideNavi > ul > li > ul > li > ul > li > ul li > a[target="_blank"]:after {top: 0.35rem; right: -0.5rem;}
/* active */
.typeVert #sideContent .sideNavi > ul a, 
.typeVert #sideContent .sideNavi > ul a:after {transition: all 0.2s; } 
.typeVert #sideContent .sideNavi > ul li.open > [class*="dep0"] {display: block;} 
.typeVert #sideContent .sideNavi > ul > li.open > a {font-weight: 700; color: #124da7; border-style: solid; border-color: #124da7;}
.typeVert #sideContent .sideNavi > ul > li.open > a:after {content: "\e945";}
.typeVert #sideContent .sideNavi > ul > li:not(.open) > a:hover,
.typeVert #sideContent .sideNavi > ul > li:not(.open) > a:focus {color: #124da7;}
.typeVert #sideContent .sideNavi > ul > li > ul > li.open > a {font-weight: 700; color: #000;}
.typeVert #sideContent .sideNavi > ul > li > ul > li.open > a:after {content: "\e91b";}
.typeVert #sideContent .sideNavi > ul > li > ul > li:not(.open) > a:hover,
.typeVert #sideContent .sideNavi > ul > li > ul > li:not(.open) > a:focus {color: #000;}
.typeVert #sideContent .sideNavi > ul > li > ul > li > ul > li > a:hover,
.typeVert #sideContent .sideNavi > ul > li > ul > li > ul > li > a:focus {color: #000;}

/* 가로형 : typeHori */
.typeHori .location {display: none;}


/* 지워야할 부분 */
/* 세로형 : typeVert */
.typeVert #snb h2 {display: flex; align-items: center; justify-content: center; padding-bottom: 1rem; width: 100%; height: 6.25rem; line-height: 1.3; font-size: 1.3rem; font-weight: 700; color: #fff; background: #124da7 url("/25_common/images/con_com/bg_snb_h2.png") no-repeat top center; border-radius: 1rem 1rem 0 0;}
.typeVert #snb h2 span {position: relative; display: block; padding-top: 0.75rem;}
.typeVert #snb h2 span:after {position: absolute; top: -0.5rem; left: 0; width: 100%; text-align: center; font-family: 'xeicon'; content: "\e94a";}
.typeVert #snb .home {display: none;}
.typeVert #snb .dep01 {margin-top: -1rem; padding: 1rem 1rem 1.5rem; background: #fff; border-radius: 1rem; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.typeVert #snb .dep01 li a {position: relative; display: block;}
.typeVert #snb .dep01 li.dep > a,
.typeVert #snb .dep01 li > a[target="_blank"] {padding-right: 1.25rem;}
.typeVert #snb .dep01 li.dep > a:after,
.typeVert #snb .dep01 li > a[target="_blank"]:after {position: absolute; top: 0.8rem; right: 0.5rem; font-family: 'xeicon'; font-size: 1rem;}
.typeVert #snb .dep01 li.dep > a:after {content: "\e942";}
.typeVert #snb .dep01 li > a[target="_blank"]:after {content: "\e980";}
.typeVert #snb .dep01 > li > a {padding: 0.65rem 0; font-size: 0.85rem; font-weight: 400; color: #000; border-bottom: 2px dotted #c5c9d6;}
.typeVert #snb .dep02 {display: none; padding: 0.25rem 0.75rem 0.5rem; background: #f6f6f6; border-top: 2px solid #124da7; border-radius: 0 0 0.5rem 0.5rem;}
.typeVert #snb .dep02 > li > a {padding: 0.35rem 0 0.35rem 0.75rem; font-size: 0.8rem; color: #444;}
.typeVert #snb .dep02 > li > a:before {position: absolute; top: 1rem; left: 0; width: 8px; height: 3px; background: #6a6e74; border-radius: 0.075rem; content: "";}
.typeVert #snb .dep02 li.dep > a,
.typeVert #snb .dep02 li > a[target="_blank"] {padding-right: 0.5rem;}
.typeVert #snb .dep02 li.dep > a:after,
.typeVert #snb .dep02 li > a[target="_blank"]:after {top: 0.55rem; right: -0.25rem;}
.typeVert #snb .dep02 li.dep > a:after {content: "\e914";}
.typeVert #snb .dep03 {display: none; padding: 0.25rem 0.75rem; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;}
.typeVert #snb .dep03 > li > a {padding: 0.25rem 0 0.25rem 0.5rem; font-size: 0.8rem; color: #666;}
.typeVert #snb .dep03 > li > a:before {position: absolute; top: 0.75rem; left: 0; width: 4px; height: 4px; background: #6a6e74; border-radius: 50%; content: "";}
.typeVert #snb .dep03 li > a[target="_blank"] {padding-right: 0;}
.typeVert #snb .dep03 li.dep > a:after,
.typeVert #snb .dep03 li > a[target="_blank"]:after {top: 0.35rem; right: -1rem;}
.typeVert #snb .dep04 {display: none; padding: 0.35rem 0.5rem; width: calc(100% + 1rem); background: #124da7; border-radius: 0.5rem;}
.typeVert #snb .dep04 > li > a {color: #fff;}
.typeVert #snb .dep04 li > a[target="_blank"]:after {top: 0.35rem; right: -0.5rem;}
/* active */
.typeVert #snb .dep01 a, 
.typeVert #snb .dep01 a:after {transition: all 0.2s; } 
.typeVert #snb .dep01 li.open > [class*="dep0"] {display: block;} 
.typeVert #snb .dep01 > li.open > a {font-weight: 700; color: #124da7; border-style: solid; border-color: #124da7;}
.typeVert #snb .dep01 > li.open > a:after {content: "\e945";}
.typeVert #snb .dep01 > li:not(.open) > a:hover,
.typeVert #snb .dep01 > li:not(.open) > a:focus {color: #124da7;}
.typeVert #snb .dep02 > li.open > a {font-weight: 700; color: #000;}
.typeVert #snb .dep02 > li.open > a:after {content: "\e91b";}
.typeVert #snb .dep02 > li:not(.open) > a:hover,
.typeVert #snb .dep02 > li:not(.open) > a:focus {color: #000;}
.typeVert #snb .dep03 > li > a:hover,
.typeVert #snb .dep03 > li > a:focus {color: #000;}

/* 가로형 : typeHori */
.typeHori .location {display: none;}

/* quickMenu */
.quickMenu {position: fixed; top: calc(100vh / 2); right: -8rem; margin-top: -13.5rem; width: 8rem; height: 27rem; color: #fff; z-index: 102; transition: right 0.2s; }
.quickMenu .toggleBtn {position: absolute; top: 1.5rem; left: -3.5rem; padding-left: 1.75rem; width: 5rem; height: 2rem; line-height: 2rem; background: #464d5d; border-radius: 0 0 1rem 1rem; transform: rotate(90deg); z-index: -1;}
.quickMenu .toggleBtn:before {position: absolute; top: 0; left: 0; display: inline-block; width: 2rem; line-height: 2rem; text-align: center; font-family: 'xeicon'; font-size: 1.2rem; color: #fff; content: "\e942";}
.quickMenu .inner {position: relative; padding: 1rem 0.5rem 1rem 0.75rem; background: #464d5d; border-radius: 0 0 0 0.75rem;}
.quickMenu h4 {font-size: 0.85rem; font-weight: 700;}
.quickMenu h4 + * {margin-top: 0.25rem;}
.quickMenu .list {padding-right: 0.25rem; max-height: 26rem; overflow: hidden; overflow-y: auto;}
.quickMenu .list > li {padding: 0.75rem 0;}
.quickMenu .list > li:first-of-type {padding-top: 0;}
.quickMenu .list > li:last-of-type {padding-bottom: 0;}
.quickMenu .list > li + li {border-top: 1px dashed #6b717d;}
.quickMenu .list > li a {word-break: keep-all;}
.quickMenu .list .weather {margin: 0.25rem 0;}
.quickMenu .list .weather i {margin-right: 0.5rem;}
.quickMenu .list .small {font-size: 0.7rem;}
.quickMenu .list ul {font-size: 0.7rem;}
.quickMenu .list ul > li > a {position: relative; display: block; padding-left: 0.5rem;}
.quickMenu .list ul > li > a:before {position: absolute; top: 0.5rem; left: 0; width: 0.25rem; height: 2px; background: #fff; content: "";}
#wrap .quickMenu ::-webkit-scrollbar-thumb {background-color: #000;}
#wrap .quickMenu ::-webkit-scrollbar-track {background-color: #313641;}
/* active */    
.quickMenu.active {right: 0;}
.quickMenu.active .toggleBtn:before {content: "\e945";}
/* 구글 번역 */
.gbSchlTrans {display: block; width: 100%; background: #fff; border-radius: 1.5rem;}
.goog-te-gadget-simple {position: relative; display: block !important; padding: 0.5rem !important; font-size: 0.7rem !important; background-color: #fff !important; border: none !important; border-radius: 1.5rem; cursor: pointer; zoom: 1;}
.goog-te-gadget-icon {margin-left: 5px; margin-right: 5px;}
.goog-te-gadget img {border-radius: 50%;}
.goog-te-gadget-simple .goog-te-menu-value span {font-family: 'NotoSans';}
.goog-te-gadget-simple .goog-te-menu-value img + span {position: absolute; top: 0.65rem; right: 1.25rem; font-size: 0.5rem !important; color: #000 !important; border: none !important;}
.goog-te-gadget-simple span {border: none !important;}

.openPop .quickMenu {margin-top: -9.5rem;}

/* footer */
#footer {position: relative; font-size: 0.75rem; font-weight: 400; background: #fff;}
#footer .footer_link {position: relative; padding-right: 12rem; height: 2.5rem; line-height: 2.5rem; font-size: 0.8rem;}
#footer .footer_link:before {position: absolute; top: 0; left: -200%; width: 500%; height: 100%; background: #f1f1f1; content: "";}
#footer .footer_link > ul {margin: 0 -1rem; overflow: hidden; padding: 0.5rem 0;}
#footer .footer_link > ul > li {position: relative; float: left; padding: 0 1rem;}
#footer .footer_link > ul > li + li:before {position: absolute; top: calc(50% - 0.35rem); left: 0; width: 1px; height: 0.7rem; background: #bdbfc4; content: "";}
#footer .footer_link > ul > li a {display: block; line-height:1.5rem; color: #333;}
#footer .footer_link > ul > li a:hover,
#footer .footer_link > ul > li a:focus {text-decoration: underline;}
#footer .footer_link > ul > li a strong {font-weight: 700; color: #124ea8;}
#footer .f_info {padding: 2rem 0; font-weight: 200; color: #666;}
#footer address {margin-bottom: 0.25rem; font-weight: 400; color: #333;}
#footer address span {display: inline-block; margin-right: 1rem;}
#footer address span:before {position: absolute; top: 0; right: 0; width: 1rem; content: "/";}
#footer .copyright {margin-top: 0.5rem; color: #666;}
#footer .wa_mark {position: absolute; top: -1rem; right: 0; max-width: 5.25rem;}
#footer .wa_mark img {display: block;}
/* 방문자수 */
#footer .visitant {position: absolute; top: 0; right: 0; display: block; padding: 0 1rem; width: 16rem; height: 2.5rem; font-size: 0.8rem; font-weight: 400; color: #111; background: #dfdfdf; overflow: hidden;}
#footer .visitant i {float: right; display: inline-block; margin-top: 0.5rem; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; background: #fff; border-radius: 50%;}
/* 사이트링크 */
#footer .footBtnWrap {position: relative; display: flex;}
#footer .footBtnWrap:after {display: block; clear: both; content: "";}
#footer .footBtn {position: relative; flex: 1;}
#footer .footBtn + .footBtn {border-left: 1px solid #fff;}
#footer .footBtn button {position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 0 2.5rem 0 1.5rem; width: 100%; height: 2.5rem; text-align: left; font-size: 0.8rem; color: #fff; background: #35363a;}
#footer .footBtn button:before {position: absolute; top: 50%; right: 1.5rem; font-family: "xeicon"; content: "\e944";  transform: translateY(-50%);}
#footer .footBtn div {position: absolute; bottom: 2.5rem; left: 0; display: none; width: calc(100% + 1px); max-height: 12rem; overflow-y: auto; border: 1px solid #728197; border-bottom: 0; z-index: 10000;}
#footer .footBtn ul li {font-size: 0.7rem; font-weight: 400; border-top: 1px solid #5d6a77;}
#footer .footBtn ul li strong {display: block; padding: 0.35rem 0.5rem; color: #fff799; background: #343b42; opacity: 1;}
#footer .footBtn ul li:first-child {border: 0;}
#footer .footBtn ul li ul {border-top: 1px solid #5d6a77;}
#footer .footBtn ul li a {display: block; padding: 0.35rem 0.5rem; color: #d4dde7; background: #343b42; opacity: 0.9; overflow: hidden;}
/* 사이트링크  :action */
#footer .footBtn ul li a:hover,
#footer .footBtn ul li a:focus,
#footer .footBtn ul li a:active {color: #fff; opacity: 1;}
#footer .footBtn.on button {background: #00a7eb;}
#footer .footBtn.on button:before {  transform: translateY(-50%) rotate(180deg);}
#footer .footBtn button,
#footer .footBtn button:before { transition: all 0.3s ease;}

/* 탑버튼 */
.btn_top {position: absolute; right: 0; bottom: 2rem; z-index: 998; transition: all 0.6s ease;}
.btn_top i {position: relative; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; font-size: 1.2rem; color: #464d5d; background: #fff; border-radius: 50%;}
.btn_top:before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ecedee; border-radius: 50%; animation: pulse 1.25s infinite ease-in-out alternate; content: "";}
@keyframes pulse {
  from {transform: scale(1.05); opacity: 1;}
  to {transform: scale(1.4); opacity: 0.5;}
}


/* sub title */
.title_area {position: relative; margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 1px solid #f1f1f1;}
.title_area .location {margin-bottom: 1rem;}
.title_area .location span {position: relative; display: inline-block; padding-left: 1.1rem; font-size: 0.75rem;}
.title_area .location .now {color: #000;}
.title_area .location span:before {position: absolute; top: 50%; left: 0.2rem; font-size: 0.9rem; font-family:'xeicon'; content:'\e93f'; transform:translateY(-50%);}
.title_area #pageTitle {font-size: 1.3rem;font-weight: 700;color: #000;padding-top: 0.5rem;}

/* etc :sns */ 
.snsBox {position: absolute; bottom: 1rem; right: 0; z-index:2;} 
.snsBox button {padding: 0;}
.snsBox > button {position: relative; display: inline-block; height: 1rem; line-height: 1rem; font-size: 0.75rem; color: #444; z-index: 1;} 
.snsBox > .btnPrint {margin-left: 0.75rem; padding-left: 0.75rem;}
.snsBox > .btnPrint:before {position: absolute; top: 50%; left: 0; margin-top: -0.3rem; width: 1px; height: 0.6rem; background: #cdcdcd; content: "";}
.snsBox > button i {margin-right: 0.25rem;}
.sns_more {position: absolute; top: 1.25rem; right: 4rem; display: none; padding: 0 0.5rem; width: 7.2rem; height: 2rem; border-radius: 1rem; background: #fff; border: 0.1rem solid #e5e5e5; z-index: 0;}
.sns_more.active {display: block;}
.sns_more button {position: relative; float: left; display: inline-block; width: 1.5rem; height: 1.8rem; line-height: 1.8rem; font-size: 0.9rem; overflow: hidden; z-index: 1;}
.sns_more .btnTwt {color: #59acee;}
.sns_more .btnkks {color: #ffc20d;}
.sns_more .btnFbook {color: #3c5899;}
.sns_more .btnInsta {color: #d63497;} 
.sns_more .btnClose {position: absolute; right: -2.25rem; top: 0; width: 2rem; height: 2rem; font-size: 0.9rem; color: #fff; background: #232757; border-radius: 50%;}
.snsBox > button:hover,
.snsBox > button:focus,
.snsBox > button.active {color: #2c61a2;}

/* ========== 2023.09.14 CHo,SY 지원청 top 유틸영역 틀어짐 수정 추가작업 */
@media screen and (min-width: 1401px){
	/* header */
	#header h1 a img {max-height: 2.5rem;}

	#header .topUtil {min-width: calc(50% - 7.5rem);}
}
@media screen and (min-width: 1241px) and (max-width: 1400px){
	/* header */
	#header h1 a img {max-height: 1.5rem;}

	/* header - 유틸리티 */
	#header .topUtil {min-width: calc(50% - 5.75rem);}
	.top_menu ul {right:12rem;}

	/* 검색 */
	.box_search_0 {width: 11.5rem;}
	.box_search_0 input {font-size: 0.75rem;}
}
@media screen and (min-width: 1241px){
	
	/* 전체메뉴 */
	.popFullmenu .fullmenu_wrap{ max-width: 72rem; padding: 0 1rem;}
	.fullmenu {display: inline-block; width: 5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; color: #fff; background: #124ea8; border-radius: 0.75rem;}
	.fullmenu i {margin-right: 0.15rem;}
	.fullmenuClose {position: absolute; top: 1.25rem; right: 0; width: 2.25rem; height: 2.25rem; line-height: 2.25rem; text-align: center; font-size: 1.2rem; color: #000; transition: all 0.2s;}
	.fullmenuClose:focus,
	.fullmenuClose:hover {color: #fff; background: #1756b3; border-radius: 0.25rem;}

	/* 서브메뉴 */
	#sideContent nav{ display: block;}

	/* 가로형 : typeHori */
	.typeHori #sideContent {position: relative; margin-left: 3rem; width: calc(100% - 3rem); height: 3rem; background: #fff; border-radius: 1.5rem; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	.typeHori #sideContent h1 {position: relative; float: left; padding: 0 1.5rem; width: 25%; height: 3rem; font-size: 0.9rem; color: #444;}
	.typeHori #sideContent h1:after {position: absolute; top: 0; right: 1rem; line-height: 3rem; font-family: 'xeicon'; font-size: 1.1rem; font-weight: normal; opacity: 0.65; transform: rotate(-90deg); content: "\e938";}
	.typeHori #sideContent .sideNavi {position: relative; float: left; width: 75%;}
	.typeHori #sideContent .home {position: absolute; top:0; left: calc(calc(-100% / 3) - 3rem); display: inline-block; width: 3rem; height: 3rem; background: #464d5f; border-radius: 50%;}
	.typeHori #sideContent .home:after {display: block; line-height: 3rem; text-align: center; font-family: "xeicon"; font-size: 1.1rem; color: #fff; content: "\e900";}
	.typeHori #sideContent a {position: relative; display: block; line-height: 1.5; font-size: 0.8rem; color: #444;}
	.typeHori #sideContent ul {position: absolute; top: 0; left: 0; padding-top: 3rem; height: 3rem;}
	.typeHori #sideContent ul.open {height: auto;} 
	.typeHori #sideContent ul.open > li {visibility: visible; opacity: 1;}  
	.typeHori #sideContent ul.open > li.active > a {color: #fff; background: #124da7;}
	.typeHori #sideContent ul.open > li.active > a:before {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.2; content: "";}
	.typeHori #sideContent ul.open > li.active > a span {position: relative;}
	.typeHori #sideContent ul.sideNavi > ul > li > ul > li > ul >.open > li.active > a,
	.typeHori #sideContent ul.sideNavi > ul > li > ul > li > ul >.open > li.active > a:before {border-top-right-radius: 1.5rem;}
	.typeHori #sideContent ul.open > li.active > a:after { transform: rotate(180deg); opacity: 1;}
	.typeHori #sideContent li {position: relative; width: 100%; opacity: 0; visibility: hidden;}
	.typeHori #sideContent li.active {position: absolute; top: 0; left: 0; display: table; width: 100%; height: 3rem; visibility: visible; opacity: 1; z-index:1;}
	.typeHori #sideContent li.active:before {position: absolute; top: 1rem; left: 0; width: 1px; height: 1rem; background: #cdcdcd; opacity: 0.5; content: "";} 
	.typeHori #sideContent li.active > a {display: table-cell; padding: 0 1.5rem; vertical-align: middle; font-size: 0.9rem;}
	.typeHori #sideContent li.active > a:after {position: absolute; top: 0; right: 1rem; line-height: 3rem; font-family: 'xeicon'; font-size: 1.1rem; font-weight: normal; opacity: 0.65; content: "\e938";} 
	.typeHori #sideContent li:not(.active) > a {padding: 0.5rem 2rem; color: #fff; background: #124da7;}
	.typeHori #sideContent li:not(.active) > a:before {position: absolute; top: 1rem; left: 1rem; width: 4px; height: 4px; background: #fff; border-radius: 50%; content: "";}
	.typeHori #sideContent li:not(.active):last-child > a {padding-bottom: 1rem; border-radius: 0 0 1.5rem 1.5rem; overflow: hidden;}
	.typeHori #sideContent li:not(.active) > a:hover,  
	.typeHori #sideContent li:not(.active) > a:focus {font-weight: 600; text-decoration: underline;}
	.typeHori #sideContent li:not(.active) > a span {position: relative; padding: 0.25rem 0;}
	.typeHori #sideContent li > a[target='_blank'] > span:after {display: inline-block; margin-left: 0.35rem; vertical-align: middle; font-family: 'xeicon'; font-size: 0.8rem; content: "\e980";}
	.typeHori #sideContent .sideNavi > ul {width: calc(100% / 3); z-index: 3;}
	.typeHori #sideContent .sideNavi > ul > li {width: 100%;} 
	.typeHori #sideContent .sideNavi > ul > li > ul,
	.typeHori #sideContent .sideNavi > ul > li > ul > li > ul {left: 100%; width: 100%;}
	.typeHori #sideContent li, 
	.typeHori #sideContent a, 
	.typeHori #sideContent :before, 
	.typeHori #sideContent :after{transition: all 0.3s; }
}
/* ========== 2023.09.14 CHo,SY 지원청 top 유틸영역 틀어짐 수정 추가작업 */

/* media query mobile */
@media screen and (max-width: 1440px){
	/* header */
	.area_header header h1 {left:0.5rem;}
	.box_search_0 {right:0.5rem;}
	#gnb > li:first-child > ul.box {left:0;} 
	#gnb > li:last-child > ul.box {left:auto;right:0;} 
	
	/* 방문자수 */
	.visitant {right: -1rem;}
	/* 탑버튼 */
	.btn_top {right: 0.5rem;}

	.container {padding: 0 1rem;}

	/* 사이트링크 */
	#footer .footBtnWrap {flex-wrap: wrap; margin-left: -1rem; width: calc(100% + 2rem);}
}

@media screen and (max-width: 1280px){   
    .quickMenu {display: none;}
}

@media screen and (max-width: 1240px){ 
	/* 상단(로고 및 메뉴) */
	#wrap { height:100%; }
	#wrap, 
	.area_footer, 
	.box_footer {width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	#web {display:none;}
	#tablet { display:flex;position:relative; width:100%;padding:0 1rem; height:4rem; border-bottom:1px solid #ddd; background: #fff; z-index: 102; }
	.tabletlogo {display:block;}
	
	#tabletHeader { position: relative; width: auto; height: auto; margin: 0; z-index: 35; }
	#tabletLogo {position:relative; line-height: 4rem; }
	#tabletLogo a { display: flex; height: 4rem; align-items:center;}
	#tabletLogo a img {max-width: 100%;height: auto;max-height: 2rem;}        
	#tabletGnb #menuOpen {position: relative;}
	#tabletGnb #menuOpen::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: "\e91c"; font-size: 1.5rem; font-family: 'xeicon';}

	.area_header {display:none}	
	.area_header header { padding: 0 1rem; }
	.area_header header h1 { left: 1rem; }

	/* 검색 */
	
	
	/* 웹네비게이션 */
	/* gnb common */
	#nav {display: none;}

	/* mobile navi */
	#mNavi #mgnb > ul > li {display:block;}

	/* footer */
	#footer .f_info {padding: 1.5rem 0;}
	#footer .footer_link {padding: 0; height: auto;}
	#footer .footer_link > ul {margin: 0 -0.5rem;}
	#footer .footer_link > ul > li {padding: 0 0.5rem; width: auto; text-align: center;}
	#footer .footer_link > ul > li + li:before {display: none;}
	/* 사이트링크 */
	#footer .footBtn + .footBtn {border-left: none;}
	#footer .footBtn:nth-of-type(2n) {border-left: 1px solid #fff;}
	#footer .footBtn:nth-of-type(n+3) {border-top: 1px solid #fff;}
	#footer .footBtn {flex: inherit; width: 50%;}
	#footer .footBtn button {padding-left: 1rem; padding-right: 1.75rem;}
	#footer .footBtn button:before {right: 1rem;}
	/* 방문자수 */
	#footer .visitant {position: relative; top: auto; right: auto; margin: 0 -1rem; width: calc(100% + 2rem); line-height: 2.5rem;}

	/* 탑버튼 */
	.btn_top {bottom: 1.5rem;}

	/* 서브비주얼 */
	.S_visual p {height:100%;}
	.S_visual img {max-height: 100%;}

	/* 서브메뉴 */
	#sideContent nav{ display: none;}
	/* 세로형 : typeVert */
	.typeVert #sideContent {margin: -1.5rem 1rem 0; width: calc(100% - 2rem); background: #124ea8; border-radius: 0.5rem; overflow: hidden;}
	.typeVert #sideContent h1 {padding-bottom: 0; width: 100%; height: 3rem; font-size: 1rem; background: #0d3875; border-radius: 0; justify-content:flex-start;padding-left:1rem;position:relative;}
	.typeVert #sideContent h1:after {top: 50%; left:auto; right:0; padding-right: 2.5rem; text-align: right; content: "\e938"; transform:translateY(-50%);}
	.typeVert #sideContent h1.on:after {content: "\e932";}
	.typeVert #sideContent .sideNavi {position: relative; display: none; max-height: 500px; overflow: hidden; overflow-y: auto;}
	.typeVert #sideContent .sideNavi > ul {margin-top: 0; padding: 0 1rem 1rem; background: transparent; border-radius: 0; box-shadow: none;}
	.typeVert #sideContent .sideNavi > ul > li > a {color: #fff; border-bottom: 1px solid rgba(255,255,255,0.2);}
	.typeVert #sideContent .sideNavi > ul > li > ul{padding: 0; background: transparent; border-top: 2px solid #fff; border-radius: 0;}
	.typeVert #sideContent .sideNavi > ul > li > ul > li > a {padding: 0.65rem 0.5rem; color: #fff; border-bottom: 1px dashed rgba(255,255,255,0.2);}
	.typeVert #sideContent .sideNavi > ul > li > ul > li > a:before {top: 1.3rem; width: 3px; background: #fff; border-radius: 0;}
	.typeVert #sideContent .sideNavi > ul > li > ul > li.dep > a:after, 
	.typeVert #sideContent .sideNavi > ul > li > ul > li > a[target="_blank"]:after {top: 0.75rem; right: 0.5rem;}
	.typeVert #sideContent .sideNavi > ul > li > ul > li > ul {padding: 0.5rem 1rem; background: rgba(0,0,0,0.2); border-top: none; border-bottom: none; border-radius: 0.5rem;}
	.typeVert #sideContent .sideNavi > ul > li > ul > li > ul > li > a {padding: 0.25rem 0 0.25rem 1rem; color: #fff; }
	.typeVert #sideContent .sideNavi > ul > li > ul > li > ul > li > a:before {top: 0.8rem; width: 8px; height: 2px; background: #fff; border-radius: 0;}
	.typeVert #sideContent .sideNavi > ul > li > ul > li > ul > li > a[target="_blank"]:after {top: 0.35rem; right: -0.5rem;}
	/* active */
	.typeVert #sideContent .sideNavi > ul > li.open > a {color: #fff; border-color: #fff;}
	.typeVert #sideContent .sideNavi > ul > li:not(.open) > a:hover,
	.typeVert #sideContent .sideNavi > ul > li:not(.open) > a:focus {color: #fff;}
	.typeVert #sideContent .sideNavi > ul > li > ul > li.open > a {color: #fff;}
	.typeVert #sideContent .sideNavi > ul > li > ul > li:not(.open) > a:hover,
	.typeVert #sideContent .sideNavi > ul > li > ul > li:not(.open) > a:focus {color: #fff;}
	.typeVert #sideContent .sideNavi > ul > li > ul > li > ul > li > a:hover,
	.typeVert #sideContent .sideNavi > ul > li > ul > li > ul > li > a:focus {color: #fff;}

	/* 가로형 : typeHori */
	.typeHori #sideContent {margin: -1.5rem 1rem 0; width: calc(100% - 2rem); height: auto; line-height: normal; background: #124ea8; border-radius: 0.5rem; overflow: hidden;}
	.typeHori #sideContent h1 {display: flex; align-items: center; justify-content: flex-start; line-height: 1.3; width: 100%; height: 3rem; font-size: 1rem; font-weight: 700; color: #fff; background: #0d3875; padding-left:1rem; position:relative;}
	.typeHori #sideContent h1:after {position: absolute; top: 50%; left: auto; right:0; padding-right: 1.5rem; width: 100%; text-align: right; font-family: 'xeicon'; content: "\e938"; transform:translateY(-50%);}
	.typeHori #sideContent h1.on:after {content: "\e932";}
	.typeHori #sideContent .sideNavi {position: relative; display: none; max-height: 500px; overflow: hidden; overflow-y: auto;}
	.typeHori #sideContent .sideNavi > ul {padding: 0 1rem 1rem;}
	.typeHori #sideContent .sideNavi > ul li a {position: relative; display: block;}
	.typeHori #sideContent .sideNavi > ul li.dep > a, 
	.typeHori #sideContent .sideNavi > ul li > a[target="_blank"] {padding-right: 1.25rem;}
	.typeHori #sideContent .sideNavi > ul li.dep > a:after, 
	.typeHori #sideContent .sideNavi > ul li > a[target="_blank"]:after {position: absolute; top: 0.8rem; right: 0.5rem; font-family: 'xeicon'; font-size: 1rem;}
	.typeHori #sideContent .sideNavi > ul li.dep > a:after {content: "\e942";}
	.typeHori #sideContent .sideNavi > ul li > a[target="_blank"]:after {content: "\e980";}
	.typeHori #sideContent .sideNavi > ul > li > a {padding: 0.65rem 0; font-size: 0.85rem; font-weight: 400; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.2);}
	.typeHori #sideContent .sideNavi > ul > li > ul{display: none; border-top: 2px solid #fff;}
	.typeHori #sideContent .sideNavi > ul > li > ul > li > a {position: relative; display: block; padding: 0.65rem 0 0.65rem 1rem; font-size: 0.8rem; color: #fff; border-bottom: 1px dashed rgba(255,255,255,0.2);}
	.typeHori #sideContent .sideNavi > ul > li > ul > li > a:before {position: absolute; top: 1.3rem; left: 0; width: 3px; height: 3px; background: #fff; content: "";}
	.typeHori #sideContent .sideNavi > ul > li > ul > li.dep > a:after {content: "\e914";}
	.typeHori #sideContent .sideNavi > ul > li > ul > li.dep > a, 
	.typeHori #sideContent .sideNavi > ul > li > ul > li > a[target="_blank"] {padding-right: 0.5rem;}
	.typeHori #sideContent .sideNavi > ul > li > ul > li > ul {display: none; padding: 0.5rem 1rem; background: rgba(0,0,0,0.2); border-top: none; border-bottom: none; border-radius: 0.5rem;}
	.typeHori #sideContent .sideNavi > ul > li > ul > li > ul > li > a[target="_blank"] {padding-right: 0;}
	.typeHori #sideContent .sideNavi > ul > li > ul > li > ul > li > a {padding: 0.25rem 0 0.25rem 1rem; font-size: 0.8rem; color: #fff;}
	.typeHori #sideContent .sideNavi > ul > li > ul > li > ul > li > a:before {position: absolute; top: 0.8rem; left: 0; width: 8px; height: 2px; background: #fff; content: "";}
	.typeHori #sideContent .sideNavi > ul > li > ul > li > ul > li > a[target="_blank"]:after {top: 0.35rem; right: -0.5rem;}
	/* active */
	/* .typeHori #sideContent .sideNavi > ul li.open > [class*="dep"] {display: block;} */
	.typeHori #sideContent .sideNavi > ul > li > ul > li.open > a:after {content: "\e91b";}
	.typeHori #sideContent .sideNavi > ul a, 
	.typeHori #sideContent .sideNavi > ul a:after {transition: all 0.2s; }

	/* 서브페이지 */
	.typeVert #subContent,
	.typeHori #subContent {margin-top: 0; padding: 1.5rem 1rem; width: 100%;}

	/* etc :sns */ 
	.snsBox > .btnPrint {display: none;}
	.sns_more {right: 2rem;}
}

@media (max-width: 768px) {
	/* 서브비주얼 */
	.S_visual {height: 7rem;}
}

@media (max-width: 480px) {
	/* mobile navi */
	#mNavi #mgnb .snb  ul {flex-wrap:wrap;}
	#mNavi #mgnb .snb  li {flex:auto;}
}


@media (max-width: 380px) {
	/* 사이트링크 */
	#footer .footBtn {width: 100%;}
	#footer .footBtn + .footBtn {border-top: 1px solid #fff; border-left: none;}
}