@charset "UTF-8";
/*********************************************
note : reset
*********************************************/
#header-wrapper {position:relative;z-index:99}
#header-wrapper ul, #header-wrapper ol {padding:0;margin: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.basic, #header-wrapper .mode-inner, #nav-header {margin-left:auto;margin-right:auto}
#header-wrapper .mode-inner::after {content:'';display:table;clear:both}
#header-wrapper .has-tip {border-bottom:0}

/*********************************************
note : 최상단영역
*********************************************/
/* 기본 */
#user-gnb {position:relative;background-color:rgba(255,255,255,1)}
#user-gnb::before {content:'';position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid rgba(0,0,0,.12)}
#user-gnb .mode-inner > [class*="user-"] {overflow:hidden;padding:.938rem 0;font-size:.75rem;font-weight:400;line-height:1;letter-spacing:-0.03em}

/* 최종편집 */
#user-gnb .user-intro {float:left;color:#555}

/* 로그인/회원가입 */
#user-gnb .user-logbox {float:right}
#user-gnb .user-logbox > li {float:left;padding:0 .625rem}
#user-gnb .user-logbox > li:first-child {padding-left:0}
#user-gnb .user-logbox > li:last-child {padding-right:0}
#user-gnb .user-logbox > li > a {font-size:.75rem;color:#555}
#user-gnb .user-logbox > li > a:hover {text-decoration:underline}

/*********************************************
note : 로고영역
*********************************************/
/* 기본 */
#nav-header {position:relative;display:table;padding:25px 0}
#nav-header > [class*="user-"] {display:table-cell;height:80px;vertical-align:middle}

/* 기본 */
#nav-header > .user-banner {width:310px;padding-left:10px;vertical-align:bottom}

/* sns, 번역 */
#nav-header ol {float:right;clear:both}
#nav-header ol::after {content:'';display:table;clear:both}
#nav-header ol > li {float:left;margin-left:5px}
#nav-header ol > li > a {display:block;width:23px;height:23px;padding-top:4px;font-size:12px;text-align:center;color:#fff;border-radius:50%}
#nav-header ol.user-sns > li > a.facebook {background-color:#3a589b}
#nav-header ol.user-sns > li > a.twitter {background-color:#58aee7}
#nav-header ol.user-sns > li > a.naver {background-color:#21c904}
#nav-header .user-trans {display:block}
#nav-header .user-trans ol {margin-top:5px}
#nav-header .user-trans ol > li > a {background:url("/image/user/trans-icon.png") no-repeat}
#nav-header .user-trans ol > li > a.en {background-position:0 0}
#nav-header .user-trans ol > li > a.ja {background-position:-46px 0}
#nav-header .user-trans ol > li > a.cn {background-position:-92px 0}
#nav-header .user-trans ol > li > a.de {background-position:-138px 0}
#nav-header .user-trans ol > li > a.fr {background-position:-184px 0}
#nav-header .user-trans ol > li > a.kr {background-position:-230px 0}

/*********************************************
note : 메뉴영역
*********************************************/
/* 기본 */
#user-nav {position:relative;font-size:0;border-top:1px solid rgba(0,0,0,.12);border-bottom:3px solid #e73f72;text-align:left}

/* 전체 */
#user-nav .user-allbtn {float:left;width:43px;height:43px;font-weight:700;font-size:16px;letter-spacing:-.075em;color:#000}

/* 메뉴바 - 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 > a {display:block;position:relative;padding:0 1.05rem;font-size:17px;font-weight:normal;line-height:43px;letter-spacing:-.08em;color:#000;font-weight:500;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
#user-nav .user-menu .secline > a.arrow::before, #user-nav .user-menu .secline > a.arrow::after {content:'';overflow:hidden;position:absolute;left:50%;bottom:-1px;width:0;height:0;border-style:solid;border-color:transparent;transform:translateX(-50%)}
#user-nav .user-menu .secline > a.arrow::before {z-index:99;border-width:5px;border-bottom-color:#aaa}
#user-nav .user-menu .secline > a.arrow::after {z-index:100;border-width:4px;border-bottom-color:#fff}
#user-nav .user-menu .secline > a.a-hover {color:#e73f72}

/* 메뉴바 - 2차섹션 */
#user-nav .user-menu .secline > ul {position:absolute;z-index:1;top:100%;left:0;font-size:0;background-color:#fff;border:1px solid #aaa;visibility:hidden}
#user-nav .user-menu .secline .sub > a {display:block;overflow:hidden;padding:0 .5rem;font-size:.813rem;font-weight:300;letter-spacing:-.025em;color:rgba(0,0,0,.7);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:rgba(0,0,0,.95)}

/* 메뉴바 - 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,.15);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#header-wrapper.horizon #user-nav .user-menu .secline .sub:first-child::before {display:none}
#header-wrapper.horizon #user-nav .user-menu .secline .sub > a {display:inline-block;line-height:32px}

/* 메뉴바 - 2차섹션(세로) */
#header-wrapper.vertical #user-nav .user-menu .secline > ul {display:none;padding:.375rem .4rem}
#header-wrapper.vertical #user-nav .user-menu .secline .sub {float:none;border-top:1px solid rgba(255,255,255,.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 {line-height:35px}

/* 메뉴바 - 2차섹션(세로 - 자동박스) */
#header-wrapper.vertical.nav-autobox #user-nav .user-menu,
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline {position:inherit}
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline > ul {z-index:99;width:100%;height:300px;left:50%;background-color:#fff;transform:translateX(-50%);border:1px solid rgba(0,0,0,.12)}
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub {float:left;width:50%}
#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%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);}
#header-wrapper.right #user-nav .user-menu .secline > ul {left:inherit;right:0}

/* 메뉴바 - 화살표위치 */
#header-wrapper.left #user-nav .user-menu .secline > ul::before {left:1.875rem}
#header-wrapper.left #user-nav .user-menu .secline > ul::after {left:1.9375rem}
#header-wrapper.center #user-nav .user-menu .secline > ul::before {left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%)}
#header-wrapper.center #user-nav .user-menu .secline > ul::after {left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%)}
#header-wrapper.right #user-nav .user-menu .secline > ul::before {right:1.875rem}
#header-wrapper.right #user-nav .user-menu .secline > ul::after {right:1.9375rem}
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline > ul::before, #header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline > ul::after {display:none}

/*********************************************
note : 메뉴영역 (2차섹션 배경이 slideDown이 되어야 할 경우)
- subShow 옵션값을 hidden으로 설정해주세요.
#header-wrapper.horizon #user-nav::before {content:'';position:absolute;z-index:1;top:50px;left:0;width:100%;height:0;background-color:transparent;-ms-transition:all .15s ease-in-out;transition:all .15s ease-in-out}
#header-wrapper.horizon #user-nav.active::before {height:43px}
#header-wrapper.horizon #user-nav.active .user-menu .secline .sub > a {color:#fff}
*********************************************/

/* 검색 */
#user-nav .mode-inner .user-search {float:right;position:relative;z-index:2}
#user-nav .user-search > .user-search-btn {height:43px;padding:0 16px;font-size:16px;color:#333;cursor:pointer}
#user-nav .user-search > .user-search-form {display:none;position:relative;width:220px;height:43px;;background:#ecf0f1}
#user-nav .user-search > .user-search-form::after {content:'';display:table;clear:both}
#user-nav .user-search > .user-search-form input {float:left;width:calc(100% - 50px);height:43px;margin:0;padding:0 .625rem;font-size:.9rem;letter-spacing:-0.05em;background:transparent;border:none;box-shadow:none}
#user-nav .user-search > .user-search-form input::placeholder {color:rgba(0,0,0,.5)}
#user-nav .user-search > .user-search-form button {float:right;width:50px;height:43px;padding:0 16px;font-size:16px;color:#333;cursor:pointer}

/* 윤미정 / 1302154 / 20230905 */
#nav-header .user-logo a img {width: 300px;}