@charset "UTF-8";
/*********************************************
note : reset
*********************************************/
#header-wrapper {position:relative;z-index:99;margin-bottom:1.3rem}
#header-wrapper ul, #header-wrapper ol {margin:0;padding:0;list-style:none}
#header-wrapper em ,#header-wrapper i {font-style:normal}
#header-wrapper button {cursor:pointer}
#header-wrapper .no-bullet {margin-bottom:0}
#header-wrapper .has-tip {border:0}
#header-wrapper.basic, #header-wrapper .mode-inner, #nav-header {margin-left:auto;margin-right:auto}
#header-wrapper .mode-inner::after {content:'';display:table;clear:both}

/*********************************************
note : 로고영역
*********************************************/
/* 기본 */
#nav-header {width:100%;padding:.925rem 0 1.875rem 0;font-size:0}
#nav-header > [class*="user-"] {display:inline-block;vertical-align:middle}
#nav-header > .user-logo {width:calc(100% - 560px);font-size:inherit}
/* #nav-header > .user-logo a {float:left} */
#nav-header > .user-logo :nth-child(2) img {margin:30px 0 0 15px}
#nav-header > .user-logo img[src*='MAIN_12_logo.png'] {margin-left:100px}
#nav-header > .user-logo .main12_logo {display:none}
/* #nav-header > .user-banner.text-left {width:320px} */
#nav-header > .user-banner {width:300px}

/*********************************************
note : 메뉴영역
*********************************************/
/* 기본 */
#user-nav {position:relative;margin:0 auto;z-index:2;font-size:0;text-align:left}
/* #user-nav::before {content:'';position:absolute;z-index:1;top:100%;left:0;width:100%;height:33px;background-color:#f6f6f6;border:1px solid #e6e6e6;border-top:none;transition:all .15s;} */
#header-wrapper.horizon #user-nav.active::before {height:33px}

/* 전체 */
#user-nav .user-allbtn {float:left;width:50px;height:35px;color:#fff;font-size:1.125rem}

/* 메뉴바 - 1차섹션 */
#user-nav .user-menu {float:left;position:relative;z-index:10;width:calc(100% - 300px)}
#user-nav .user-menu .secline {display:inline-block;position:relative;vertical-align:middle}
#user-nav .user-menu .secline:first-child{width:105px !important}
#user-nav .user-menu .secline:nth-child(2) {width:90px !important}
#user-nav .user-menu .secline:nth-child(4) {width:90px !important}
/*#user-nav .user-menu .secline:nth-child(5) {width:97px !important}*/
/* 강수현 / 1096752 / 20211006 */
#user-nav .user-menu .secline:nth-child(5) {width:45px !important}
#user-nav .user-menu .secline:nth-child(6) {width:60px !important}
#user-nav .user-menu .secline > a {display:block;overflow:hidden;position:relative;padding:0 .525rem;font-size:.9rem;font-weight:500;/*text-align:center;*/line-height:35px;color:#fff;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
#user-nav .user-menu .secline > a.a-hover {position:absolute;top:-21px;height:39px;line-height:41px;color:#183d8e;background:#f6f6f6;border:1px solid #183d8e;border-bottom:none;border-radius:5px 5px 0 0}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#user-nav .user-menu .secline > a.a-hover {top:-21px}
}

#user-nav .user-menu .secline > a.a-nohover {position:absolute;top:-21px;height:39px;line-height:41px;color:#fff;border-bottom:none; background:#183d8e; border-radius:none;}

/* 메뉴바 - 2차섹션 */
#user-nav .user-menu .secline > ul {overflow:hidden;position:absolute;z-index:1;top:100%;left:0;font-size:0;visibility:hidden}
#user-nav .user-menu .secline > ul::after {content:'';display:table;clear:both}
#user-nav .user-menu .secline > ul > :first-child::before {display:none}
#user-nav .user-menu .secline .sub > a {display:block;overflow:hidden;padding:0 .725rem;font-size:.813rem;font-weight:300;color:#000;text-overflow:ellipsis;white-space:nowrap}
#user-nav .user-menu .secline .sub > a.a-sub-hover, #user-nav .user-menu .secline .sub > a:hover {color:#2b2b2b;text-decoration:none}

/* 메뉴바 - 주제별 콘첸트 2차 */
.depth-2-board.on{top:18px;transform:rotateX(0deg);visibility:visible; opacity:1}
.depth-2-board{position:absolute;left:-278px;visibility:hidden;transform:rotateX(70deg);opacity:0;transform-origin:0 0 0; transition:all 0.27s ease-in-out 0s; background:#fff; z-index:9; box-sizing:border-box}
.depth-2-board .depth2-ul{width:100%;width:1200px;border:1px solid #ddd;border-top:0;padding:0 0 0 30px;background:#f7f7f7;overflow:hidden;box-sizing:border-box;}
.depth-2-board .depth2-ul .depth2-li .depth2-body a.word-link{float:left}
.depth-2-board .depth2-ul .depth2-li .depth2-body a.word-link:hover{color:#183d8e}
.depth-2-board .depth2-ul .depth2-li .depth2-body a.all-link{font-weight:600; text-decoration:underline}
.depth-2-board .depth2-ul .depth2-li{float:left;width:100%;margin-top:4px; margin-bottom:-5px;}
.depth-2-board .depth2-ul .depth2-li .depth2-body{overflow:hidden;}
.depth-2-board .depth2-ul .depth2-li .depth2-body a.word-link{width:20%;display:block;margin-bottom:6px;padding-left:2.5rem;font-size:.813rem;font-weight:300;letter-spacing:0; line-height:20px;}

.depth-2-board .depth2-ul .depth2-li .depth2-body a.word-link2{float:left}
.depth-2-board .depth2-ul .depth2-li .depth2-body a.word-link2:hover{color:#183d8e}
.depth-2-board .depth2-ul .depth2-li .depth2-body a.word-link2{width:16.6%;display:block;margin-bottom:6px;padding-left:2rem;font-size:.813rem;font-weight:300;letter-spacing:0; line-height:20px;}
.depth-2-board .depth2-ul .depth2-li .depth2-body a.gray-c{color:#999}

#depth2-area2{display:none;}

/**/
.user-nav-dn {margin:0 auto;height:33px;background-color:#f6f6f6;border:1px solid #e6e6e6;border-top: none;}

/* 메뉴바 - 2차섹션(가로) */
#header-wrapper.horizon #user-nav .user-menu .secline > ul {width:auto;padding:0 .625rem;white-space:nowrap}
#header-wrapper.horizon #user-nav .user-menu .secline .sub {display:inline-block;position:relative;font-size:0;vertical-align:middle}
#header-wrapper.horizon #user-nav .user-menu .secline .sub::before {content:'';overflow:hidden;position:absolute;z-index:2;left:0;top:50%;width:0;height:.75rem;border-left:1px solid rgba(0,0,0,.12);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#header-wrapper.horizon #user-nav .user-menu .secline .sub > a {display:inline-block;line-height:33px}

/* 메뉴바 - 2차섹션(세로) */
#header-wrapper.vertical #user-nav .user-menu .secline > ul {padding:.375rem 1rem;background-color:#fff;border:1px solid rgba(0,0,0,.12)}
#header-wrapper.vertical #user-nav .user-menu .secline .sub {float:none;border-top:1px solid rgba(0,0,0,.1);text-align:center}
#header-wrapper.vertical #user-nav .user-menu .secline > ul > :first-child {border-top:0}
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a {color:rgba(0,0,0,.5);line-height:35px}

/* 메뉴바 - 2차섹션(세로 - 자동박스) */
#header-wrapper.vertical.nav-autobox #user-nav .user-menu,
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline {position:static}
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline > ul {width:100%;height:300px;padding:0;-ms-transform:translateX(0);transform:translateX(0)}
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub {float:left;width:50%;border-top:0}
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .article-menu {display:block;position:absolute;left:320px;top:0;right:0;bottom:0;padding:0 1.25rem;border-left:1px solid rgba(0,0,0,.08)}

/* 메뉴바 - 2차섹션 위치 */
#header-wrapper.left #user-nav .user-menu .secline > ul {left:0}
#header-wrapper.center #user-nav .user-menu .secline > ul {left:50%;-ms-transform:translateX(-50%);top:17px;transform:translateX(-50%)}
#header-wrapper.right #user-nav .user-menu .secline > ul {left:inherit;right:0}

/* 검색 */
#user-nav .user-search {overflow:hidden;float:right;position:relative;width:240px;height:27px;margin-top:4px;font-size:0;}
#user-nav .user-search::before {content:'';position:absolute;z-index:1;top:.625rem;bottom:.625rem;left:0;width:0;border-left:1px solid rgba(0,0,0,.08)}
#user-nav .user-search input#search {float:left;width:calc(100% - 40px);height:27px;padding:0 1rem;margin:0;font-size:.813rem;border:none;box-shadow:none;}
#user-nav .user-search button[onclick] {float:right;width:40px;height:27px;color:#fff;font-size:1.125rem;cursor:pointer;}

/*********************************************
note : gnb
*********************************************/
#user-gnb {position:relative;z-index:1;border-top:2px solid #183d8e}

/* 최종편집 */
#user-gnb .user-intro {overflow:hidden;float:left;font-size:.75rem;line-height:35px;color:rgba(0,0,0,.5);text-overflow:ellipsis;white-space:nowrap}

/* 로그인/회원가입 */
#user-gnb .user-logbox {float:right;font-size:0;text-align:left}
#user-gnb .user-logbox > a {display:inline-block;overflow:hidden;position:relative;padding:0 .625rem;font-size:.75rem;line-height:35px;color:rgba(0,0,0,.5);text-overflow:ellipsis;white-space:nowrap}
#user-gnb .user-logbox > :first-child {padding-left:0}
#user-gnb .user-logbox > a::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.625rem;border-left:1px solid rgba(0,0,0,.1);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#user-gnb .user-logbox > a:first-child::before {display:none}
#user-gnb .user-logbox > a:hover {color:rgba(0,0,0,.8)}

/* sns */
#user-gnb .user-sns {float: right;display:block;margin-top:6px;font-size:0;text-align:right;}
#user-gnb .user-sns > a {display:inline-block;overflow:hidden;width: 22px;height: 22px;margin-left:2px;font-size: .925rem;line-height: 22px;color:#fff;background-color:#e8e8e8;border:0;text-align:center;}
#user-gnb .user-sns > a.yu {background-color:#f51b2f}
#user-gnb .user-sns > a.fb {background-color:#3a559f}
#user-gnb .user-sns > a.ins {background: rgb(76,92,203);/* Old browsers */background: -moz-linear-gradient(top,  rgb(76,92,203) 0%, rgb(164,46,195) 36%, rgb(247,77,80) 66%, rgb(254,198,79) 87%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  rgb(76,92,203) 0%,rgb(164,46,195) 36%,rgb(247,77,80) 66%,rgb(254,198,79) 87%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  rgb(76,92,203) 0%,rgb(164,46,195) 36%,rgb(247,77,80) 66%,rgb(254,198,79) 87%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c5ccb', endColorstr='#fec64f',GradientType=0 ); /* IE6-9 */}
#user-gnb .user-sns > a.po {background-color:#1dbd2a}
#user-gnb .user-sns > a.rss {background-color:#f39a11}

/*********************************************
note : footer
*********************************************/
#user-footer.type-1 {border-top:1px solid rgba(0,0,0,.12)}
#user-footer.type-1 .infomation {display:none !important}

/* 강수현 / 1096752 / 20211006 */
.depth-2-eb, .depth-2-board {left:-151px !important;}
#user-nav .user-menu .secline:first-child, #user-nav .user-menu .secline:nth-child(3) {width:101px !important}

/* 최은비 / 1161776 / 20220518 */
.depth-2-board .depth2-ul{padding:0;}
.depth-2-board .depth2-ul .depth2-li .depth2-body a.word-link2{text-align:center;padding-left:0;}

/* 경훈 220523 */
/* 이벤트 메뉴바 */
.depth-2-eb.on{transform:rotateX(0deg);visibility:visible; opacity:1}
.depth-2-eb{position:absolute;left:0;visibility:hidden;transform:rotateX(70deg);opacity:0;transform-origin:0 0 0; transition:all 0.27s ease-in-out 0s; background:#fff; z-index:9; box-sizing:border-box}
.depth-2-eb .depth-2-ebul{width:100%;width:1020px;border:1px solid #ddd;border-top:0;padding:0 0 0 30px;background:#f7f7f7;overflow:hidden;box-sizing:border-box;}
.depth-2-eb .depth-2-ebul .depth-2-ebli .depth-2-ebbody a.word-link{float:left}
.depth-2-eb .depth-2-ebul .depth-2-ebli .depth-2-ebbody a.word-link:hover{color:#183d8e}
.depth-2-eb .depth-2-ebul .depth-2-ebli .depth-2-ebbody a.all-link{font-weight:600; text-decoration:underline}
.depth-2-eb .depth-2-ebul .depth-2-ebli{float:left;width:100%;margin-top:4px; margin-bottom:-5px;}
.depth-2-eb .depth-2-ebul .depth-2-ebli .depth-2-ebbody{overflow:hidden;}
.depth-2-eb .depth-2-ebul .depth-2-ebli .depth-2-ebbody a.word-link{width:20%;display:block;margin-bottom:6px;padding-left:2.5rem;font-size:.813rem;font-weight:300;letter-spacing:0; line-height:20px;}
.depth-2-eb .depth-2-ebul .depth-2-ebli .depth-2-ebbody a.word-link2{float:left}
.depth-2-eb .depth-2-ebul .depth-2-ebli .depth-2-ebbody a.word-link2:hover{color:#183d8e}
.depth-2-eb .depth-2-ebul .depth-2-ebli .depth-2-ebbody a.word-link2{width:16.6%;display:block;margin-bottom:6px;padding-left:2rem;font-size:.813rem;font-weight:300;letter-spacing:0; line-height:20px;}
.depth-2-eb .depth-2-ebul .depth-2-ebli .depth-2-ebbody a.gray-c{color:#999}


/* 이승현 / 1287820 / 20230713 */
#user-nav .user-menu .secline:nth-child(7) {width:88px !important}
/* #user-nav .user-menu .secline:nth-child(8) {width:70px !important}*/

/* 배진희 / 1327776 / 20231205 */
#user-nav .user-menu .secline:nth-child(1){width:88px !important}
#user-nav .user-menu .secline:nth-child(2) {width:101px !important}
#user-nav .user-menu .secline:nth-child(3) {width:90px !important}
#user-nav .user-menu .secline:nth-child(4) {width:101px !important}
#user-nav .user-menu .secline:nth-child(5) {width:90px !important}
#user-nav .user-menu .secline:nth-child(6) {width:45px !important}
#user-nav .user-menu .secline:nth-child(7) {width:60px !important}

/* 홍경아 / 1354274 / 20240308 */
#user-nav .user-menu .secline:nth-child(8) {width:88px !important}
#user-nav .user-menu .secline:nth-child(9) {width:70px !important}