@charset "UTF-8";
/*********************************************
note : reset
*********************************************/
#header-wrapper {position:relative;z-index:99}
#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 {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}

/*********************************************
note : gnb
*********************************************/
#user-gnb {background-color:#202123}
#user-gnb > .mode-inner {display:block;line-height:50px;height:50px}
#header-wrapper.basic #user-gnb > .mode-inner {padding:0 1rem}

/* 슬로건 */
#user-gnb .slogan {width:100%;font-size:1rem;text-align:center;color:rgba(255,255,255,1);font-weight:500}

/*********************************************
note : 로고영역
*********************************************/
/* 기본 */
#nav-header {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;padding-top:54px}
#header-wrapper.basic #nav-header {margin-left:auto;margin-right:auto}
#nav-header .user-header-item {-ms-flex:0 0 auto;flex:0 0 auto;width:300px;max-width:100%}

/* 바로가기 */
#nav-header .user-link-box {max-width:95px}
#nav-header .user-link-box a {display:block;color:#222222;font-size:.8125rem;font-weight:700;line-height:1;text-align:center;border-top:1px solid #222;padding:8px 0}
#nav-header .user-link-box a:first-child {border-top:0}
#nav-header .user-link-box a:hover {color:#fff;background-color:#202123}

/* logo */
#nav-header .user-logo {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;min-width:0;font-size:0;text-align:center}
#nav-header .user-logo > a {display:inline-block}

/*********************************************
note : 검색영역
*********************************************/
#search-wrapper > .mode-inner {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:flex-end;justify-content:flex-end}
#search-wrapper .user-search {max-width:180px;width:180px;height:34px;padding:0 .5rem;border:1px solid #ccc;border-radius:2rem}
#search-wrapper .user-search input#search {float:left;width:calc(100% - 32px);height:32px;margin:0;font-size:.813rem;line-height:32px;background-color:transparent;border:none;box-shadow:none}
#search-wrapper .user-search button[onclick] {float:right;width:32px;height:32px;font-size:1.25rem;font-weight:400;color:#333}

/*********************************************
note : 메뉴영역
*********************************************/
/* 기본 */
#user-nav {position:relative}
/* #user-nav::after {content:'';position:absolute;top:100%;left:0;right:0;z-index:9;display:none;width:100%;height:55px;background-color:#f5f5f5} */
#user-nav.active::after {display:block}
#header-wrapper.basic #user-nav > .mode-inner {padding:0 1rem}

/* 전체 */
#user-nav .user-allbtn {-ms-flex:0 0 24px;flex:0 0 24px;max-width:24px;height:30px;font-size:1.5rem;color:#000;margin-right:14px}

/* 메뉴바 - 1차섹션 */
#user-nav .user-menu {-ms-flex:1 0 0%;flex:1 0 0%;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;min-width:0}
#user-nav .user-menu .secline {-ms-flex:0 0 auto;flex:0 0 auto;min-width:0;position:relative}
#user-nav .user-menu .secline > a {display:block;padding:14px 15px;color:#212529;font-size:1rem;font-weight:700;text-decoration:none}
#user-nav .user-menu .secline > a.a-hover {color:#e6336d}

/* 메뉴바 - 2차섹션 */
#user-nav .user-menu .secline > ul {overflow:hidden;position:absolute;top:100%;z-index:99;display:-ms-flexbox;display:flex;white-space:nowrap;visibility:hidden}
#user-nav .user-menu .secline .sub > a {display:block;padding:0 .75rem;font-size:.813rem;color:rgba(0,0,0,.6);font-weight:400}
#user-nav .user-menu .secline .sub > a.a-sub-hover, #user-nav .user-menu .secline .sub > a:hover {color:#000}

/* 메뉴바 - 2차섹션(가로) */
#header-wrapper.horizon #user-nav .user-menu .secline .sub > a {line-height:55px}

/* 메뉴바 - 2차섹션(세로) */
#header-wrapper.vertical #user-nav .user-menu .secline > ul {-ms-flex-direction:column;flex-direction:column;background-color:#fff;border:1px solid #444;text-align:center}
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a {padding:.5rem .875rem}

/* 메뉴바 - 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 {top:100%;left:50%;width:100%;height:300px;padding:1rem;-ms-transform:translateX(-50%);transform:translateX(-50%)}
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub {width:200px;padding:0;text-align:left}
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .article-menu {display:block;position:absolute;left:200px;top:0;right:0;bottom:0;padding: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%);transform:translateX(-50%)}
#header-wrapper.right #user-nav .user-menu .secline > ul {left:inherit;right:0}

/* 로그인 */
#user-nav .user-logbox {-ms-flex:0 0 auto;flex:0 0 auto;min-width:0}
#user-nav .user-logbox > li {float:left;position:relative;margin-right:.438rem;padding-right:.438rem}
#user-nav .user-logbox > li::after {content:'';position:absolute;z-index:2;top:50%;right:0;width:1px;height:15px;background-color:#cbcbcb;-ms-transform:translateY(-50%);transform:translateY(-50%)}
#user-nav .user-logbox > li:last-child {margin-right:0;padding-right:0}
#user-nav .user-logbox > li:last-child::after {display:none}
#user-nav .user-logbox > li > a {color:#777777;font-size:.875rem;font-weight:300}

/*********************************************
note : 연재영역
*********************************************/
/* 최종편집 */
#header-wrapper.nav-none .issue {display:none}
#user-btm .updated {-ms-flex:0 0 auto;flex:0 0 auto;min-width:0;color:#919191;font-size:.75rem;font-weight:400}
#user-btm {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
#user-btm > .mode-inner {border-top:1px solid #222222;border-bottom:3px solid #222222;padding:.75rem 0}
#user-btm .auto-name {-ms-flex:0 0 166px;flex:0 0 166px;width:166px;font-size:.875rem;color:#222222;font-weight:800;text-align:center}
#user-btm .issue-more {display:-ms-flexbox;display:flex;-ms-flex-pack:flex-end;justify-content:flex-end;-ms-flex:0 0 63px;flex:0 0 63px;width:63px;font-size:.875rem;color:#222222;font-weight:700;text-align:center}
#user-btm .issue-more a {display:block;width:24px;height:24px;line-height:24px;font-size:1.25rem;border-radius:50%;box-shadow:2px 2px 2px rgba(0,0,0, .35)}
 {-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:flex-end;justify-content:flex-end}
#user-btm .wrapper {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;min-width:0}
#user-btm .wrapper > .item 
{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;min-width:0;margin-left:1.25rem;padding-left:1.25rem;border-left:1px solid #bfbfbf}
#user-btm .wrapper > :first-child {margin-left:0;border-left-color:#222222}
#user-btm .wrapper > .item > a {display:block;padding:.6rem 0;font-size:1rem;color:#123577;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 1.375;text-align:center}

/* 강수현 / 1403458 / 20240905 */
#nav-header .user-header-item.right {position:relative}
#nav-header .user-header-item.right img {position:absolute;top:-60px;right:0}


/* 홍경아 / 1494094 / 20250730 */
#user-gnb-top {background: linear-gradient(to left, #f3e8ff, #dceafe);}
#user-gnb-top > .mode-inner {display:block;line-height:50px;height:50px}
#user-gnb-top .recruit {width:100%;font-size:1rem;text-align:center;color:#000;font-weight:500}
#user-gnb-top .recruit span {color:#2094f3}
#user-gnb-top .recruit img {width:20px; margin-left:3px}
#user-gnb-top a{text-decoration: none;}