@charset "UTF-8";
/*********************************************
note : reset
*********************************************/
#header-wrapper {position:relative;z-index:99;margin-bottom:1.875rem}
#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 : 최상단영역
*********************************************/
/* 기본 */
#user-gnb {position:relative;padding:.75rem 0;background-color:#1b899d}
#user-gnb .user-intro, #user-gnb .user-logbox, #user-gnb .user-search {float:left}
#user-gnb .user-logbox, #user-gnb .user-search {position:relative;margin-left:1rem}

/* 최종편집 */
#user-gnb .user-intro {font-size:0;white-space:nowrap;text-align:left}
#user-gnb .user-intro > .item {display:inline-block;margin-left:.75rem;font-size:.8125rem;line-height:45px;color:rgba(255,255,255,.5);vertical-align:middle}
#user-gnb .user-intro > a.item {color:#fff}
#user-gnb .user-intro > .item:first-child {margin-left:0}

/* 로그인/회원가입 */
#user-gnb .mem-btns {height:45px;font-size:1.25rem;color:#fff}
#user-gnb .logbox-lists {display:none;position:absolute;z-index:10;left:50%;top:100%;background-color:#fff;border:1px solid #aaa;text-align:center;-ms-transform:translateX(-50%);transform:translateX(-50%)} 
#user-gnb .logbox-lists::before, #user-gnb .logbox-lists::after {content:'';overflow:hidden;position:absolute;left:50%;bottom:100%;width:0;height:0;border-style:solid;border-color:transparent;-ms-transform:translateX(-50%);transform:translateX(-50%)}
#user-gnb .logbox-lists::before {border-width:4px;border-bottom-color:#aaa}
#user-gnb .logbox-lists::after {border-width:3px;border-bottom-color:#fff}
#user-gnb .logbox-lists > a {display:block;padding:0 .75rem;font-size:.75rem;line-height:32px;color:rgba(0,0,0,.6);border-top:1px dotted rgba(0,0,0,.2);white-space:nowrap}
#user-gnb .logbox-lists > a:first-child {border-top:0}
#user-gnb .logbox-lists > a:hover {color:rgba(0,0,0,.95);background-color:#f8f8f8}

/* 검색 */
#user-gnb .user-search {position:relative;width:180px;margin-top:.4375rem}
#user-gnb .user-search input#search {height:32px;margin:0;padding:0 .75rem 0 2.5rem;font-size:.75rem;color:#fff;background:transparent;border-color:rgba(255,255,255,.25);border-radius:2rem;box-shadow:none}
#user-gnb .user-search input#search:focus {background-color:rgba(0,0,0,.05);border-color:#fff}
#user-gnb .user-search button[onclick] {position:absolute;z-index:2;left:0;top:0;width:40px;height:32px;font-size:1.125rem;color:rgba(255,255,255,.75);cursor:pointer}
#user-gnb .user-search input#search:focus + button[onclick] {color:#fff} 

/* hot issue */
#user-gnb .hot-issue {float:right;width:50%;max-width:380px;font-size:0;white-space:nowrap;text-align:right}
#user-gnb .hot-issue > .titles, #user-gnb .hot-issue > .auto-article {display:inline-block;vertical-align:middle}
#user-gnb .hot-issue > .titles {width:95px;font-size:.9375rem;line-height:45px;color:#ffc43a;text-align:left}
#user-gnb .hot-issue > .auto-article {width:calc(100% - 95px)}
#user-gnb .hot-issue > .auto-article .auto-titles {font-size:.9375rem;font-weight:300;color:#fff !important}

/*********************************************
note : 로고영역
*********************************************/
/* 기본 */
#nav-header {padding:1.875rem 0;font-size:0}
#nav-header > [class*="user-"] {display:inline-block;vertical-align:middle}
#nav-header .user-logo {width:calc(100% - 600px);font-size:inherit}
#nav-header .user-banner {width:300px}

/*********************************************
note : 메뉴영역
*********************************************/
/* 기본 */
#header-wrapper #user-nav {border-bottom:1px solid #000}

/* 전체 */
#user-nav .user-allbtn {float:left;width:55px !important;height:55px;text-align:left;outline-width:0}
#user-nav .user-allbtn > .icon {display:block;position:relative;width:16px;height:2px;background-color:#000}
#user-nav .user-allbtn > .icon::before, #user-nav .user-allbtn > .icon::after {content:'';overflow:hidden;position:absolute;z-index:1;left:0;width:22px;height:0;border-top:2px solid #000}
#user-nav .user-allbtn > .icon::before {top:-9px}
#user-nav .user-allbtn > .icon::after {bottom:-9px}

/* 메뉴바 - 1차섹션 */
#user-nav .user-menu {float:left;position:relative;width:calc(100% - 55px);font-size:0;text-align:left;white-space:nowrap}
#user-nav .user-menu .secline {position:relative;display:inline-block;text-align:center;vertical-align:middle}
#user-nav .user-menu .secline:first-child:nth-last-child(2), #user-nav .user-menu .secline:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .secline {width:50%}
#user-nav .user-menu .secline:first-child:nth-last-child(3), #user-nav .user-menu .secline:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .secline {width:33.33333%}
#user-nav .user-menu .secline:first-child:nth-last-child(4), #user-nav .user-menu .secline:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .secline {width:25%}
#user-nav .user-menu .secline:first-child:nth-last-child(5), #user-nav .user-menu .secline:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .secline {width:20%}
#user-nav .user-menu .secline:first-child:nth-last-child(6), #user-nav .user-menu .secline:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .secline {width:16.66667%}
#user-nav .user-menu .secline:first-child:nth-last-child(7), #user-nav .user-menu .secline:first-child:nth-last-child(7):first-child:nth-last-child(7) ~ .secline {width:14.28571%}
#user-nav .user-menu .secline:first-child:nth-last-child(8), #user-nav .user-menu .secline:first-child:nth-last-child(8):first-child:nth-last-child(8) ~ .secline {width:12.5%}
#user-nav .user-menu .secline:first-child:nth-last-child(9), #user-nav .user-menu .secline:first-child:nth-last-child(9):first-child:nth-last-child(9) ~ .secline {width:11.11111%}
#user-nav .user-menu .secline:first-child:nth-last-child(10), #user-nav .user-menu .secline:first-child:nth-last-child(10):first-child:nth-last-child(10) ~ .secline {width:10%}
#user-nav .user-menu .secline > a {overflow:hidden;display:block;position:relative;height:55px;padding:0 1.55rem;font-size:1.188rem;font-weight:500;line-height:55px;color:#000;white-space:nowrap;text-overflow:ellipsis;text-decoration:none;transition:all .15s ease-in-out}

/* 메뉴바 - 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 .sub > a {display:block;overflow:hidden;font-size:.813rem;font-weight:300;color:rgba(0,0,0,.65);text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
#user-nav .user-menu .secline .sub > a.a-sub-hover,
#user-nav .user-menu .secline .sub > a:hover {color:rgba(0,0,0,.95)}

/* 메뉴바 - 2차섹션(가로) */
#header-wrapper.horizon #user-nav {border-bottom-color:rgba(0,0,0,.15)}
#header-wrapper.horizon #user-nav::after {content:'';display:block;overflow:hidden;height:42px;background-color:#f8f8f8}
#header-wrapper.horizon #user-nav::after {border-top:1px solid rgba(0,0,0,.05)}
#header-wrapper.horizon #user-nav .user-menu .secline > ul {width:auto;padding:0 1.25rem;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 > a {position:relative;display:inline-block;padding:0 .625rem;line-height:42px}

/* 메뉴바 - 2차섹션(세로) */
#header-wrapper.vertical #user-nav .user-menu .secline > ul {padding:.625rem 1.25rem;background-color:#fff;border:1px solid #000;border-top:0;text-align:left}
#header-wrapper.vertical #user-nav .user-menu .secline .sub:not(:first-child) {border-top:1px dotted rgba(0,0,0,.2)}
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a {position:relative;color:rgba(0,0,0,.8);line-height:40px;white-space:nowrap}
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a::before {content:'';overflow:hidden;position:absolute;z-index:1;top:50%;right:0;width:0;height:0;border:3px solid transparent;-ms-transform:translateY(-50%);transform:translateY(-50%)}
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a.a-sub-hover,
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a:hover {color:rgba(0,0,0,.95)}
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a.a-sub-hover::before,
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a:hover::before {border-left-color:rgba(0,0,0,.35)}

/* 메뉴바 - 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}

/* 배진희 / 1068820 / 20210628 */
#user-gnb .right_box{float:right;}
#user-gnb .right_box .inner{float:right;text-align:center;}
#user-gnb .right_box .item_jb{float:none;display:inline-block;margin-left:0 !important;;font-size:.8125rem;line-height:1em;color:#fff;vertical-align:middle}
#user-gnb .right_box .user-logbox{float:none !important;margin-left:0 !important;}
#user-gnb .right_box .user-logbox a{position:relative;display:inline-block;padding-left:.75rem;font-size:.8125rem;line-height:1em;color:#fff;vertical-align:middle}
#user-gnb .right_box .user-logbox a:before{content:"/";position:absolute;left:0;top:0;}
#user-gnb .right_box .user-logbox a:first-child{padding-left:0;}
#user-gnb .right_box .user-logbox a:first-child:before{display:none;}
#user-gnb .right_box .user-search{float:right !important;}

/* 임희은 / 1231866 / 20230105 */
#user-nav .user-menu .secline:first-child {width:222px !important;}
#user-nav .user-menu .secline:nth-child(2) {width:88px !important;}



/* 홍경아 / 1327495 / 20231204 */
#nav-header .user-logbox{margin-top:15px;margin-right: 60px;}
#nav-header .user-logbox a{position:relative;display:inline-block;padding-left:.75rem;font-size:.8125rem;line-height:1em;color:#777;vertical-align:middle;font-weight: 500;}
#nav-header .user-logbox a:before{content:"/";position:absolute;left:3px;top:0;}
#nav-header .user-logbox a:first-child{padding-left:0;}
#nav-header .user-logbox a:first-child:before{display:none;}
#user-gnb .user-search {margin-top:0;}
#user-gnb .user-intro > .item { line-height: 2;}
#user-gnb .right_box .inner { padding-top: 3px;}