@charset "UTF-8";
/*********************************************
note : reset
*********************************************/
#header-wrapper {padding-bottom:2.5rem;text-align:center;background-color:transparent;font-family:'Noto Sans KR',sans-serif}
#header-wrapper::after {content:'';display:table;clear:both}
#header-wrapper ul, #header-wrapper ol {list-style:none;padding:0;margin:0}

/*********************************************
note : 최상단영역
*********************************************/
#user-gnb {padding:1rem 0;line-height:1}
#user-gnb::after {content:'';display:table;clear:both}

/* 업데이트 */
#user-gnb .user-intro {float:left;margin-right:1rem;font-size:0.875rem;letter-spacing:-0.03em;color:#495057}

/* 로그인 */
#user-gnb .user-logbox {float:right}
#user-gnb .user-logbox li {float:left;padding:0 .625rem;font-size:0.875rem;line-height:1;letter-spacing:-0.05em}
#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 {color:#495057}

/*********************************************
note : 로고영역
*********************************************/
#nav-header {position:relative;padding:1.5rem 0}
#nav-header::before {content:'';z-index:-1;position:absolute;left:0;right:0;width:100%;height:100%;background-color:#f1f3f5}
#nav-header::after {content:'';display:table;clear:both}
#nav-header .dis-table {width:100%;table-layout:fixed}
#nav-header .dis-table-cell {width:100%;height:80px;vertical-align:middle}
#nav-header .dis-table-cell.user-banner {width:300px}

/*********************************************
note : 메뉴영역
*********************************************/
/* 기본 */
#user-nav::after,#user-nav-wrapper::after {content:'';display:table;clear:both}
#user-nav {background-color:#fff;box-shadow:0 0 6px rgba( 0, 0, 0, 0.08)}
#user-nav-wrapper {position:relative;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}

/* 전체 */
#user-nav .all-section {height:55px;padding:0 .5rem;font-size:1.063rem;cursor:pointer}

/* 검색 */
#user-nav .user-search {float:right;position:relative;z-index:2}
#user-nav .user-search .user-search-btn {height:55px;padding-left:1rem;padding-right:1rem;font-size:2rem;cursor:pointer}
#user-nav .user-search .user-search-form {display:none;position:absolute;z-index:999;width:220px;height:55px;padding:.5rem 0;right:0;top:0;background-color:#fff}
#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% - 65px);height:39px;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 button {float:right;height:39px;padding-left:1rem;padding-right:1rem;font-size:2rem;font-weight:400;color:#333;cursor:pointer}

/* 섹션 */
#user-nav .mega-menu {flex:1 1 0;min-width:0;max-width:100%}
#user-nav .mega-menu li.megaline {float:left;line-height:1}
#user-nav .mega-menu li.megaline > a {display:inline-block;position:relative;padding:.95rem;font-size:1.063rem;letter-spacing:-.08em;font-weight:700;text-decoration:none;-moz-transition:all .25s;transition:all .25s}
#user-nav .mega-menu li.megaline > a.a-hover {color:#e6336e}
#user-nav .mega-menu li.megaline > a.a-hover::before {content:'';z-index:1;position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:80%;
height:2px;background-color:#052c69;-moz-transition:all .15s;transition:all .15s}
#user-nav .mega-menu li.megaline ul {display:none;position:absolute;z-index:998;left:0;top:100%}
#user-nav .mega-menu li.megaline ul li.sub {float:left;font-size:.9rem;line-height:1;letter-spacing:-0.05em}
#user-nav .mega-menu li.megaline ul li.sub a {display:inline-block;padding:.9rem .625rem;font-weight:400;color:#888}
#user-nav .mega-menu li.megaline ul li.sub a:hover {color:#333}


/* 우측사이드영역 */
#user-wrap .wrapper {position:relative;width:1500px;padding-right:300px;margin:0 auto}
#user-wrap.aside-active .wrapper {width:1080px;padding-right:0}
#user-wrap.aside-active #snb-wrap {display:none}
#user-wrap.aside-active button.snb-open {display:block}

#snb-wrap {overflow-y:auto;position:absolute;top:0;right:0;width:290px;height:100%;padding:20px;background-color:#f8f8f8}
#snb-wrap button {font-size:30px;cursor:pointer;}
#snb-wrap button.snb-close {float:right;transition:transform .2s}
#snb-wrap button.snb-close:hover {transform:rotate(90deg)}
#header-wrapper button.snb-open {display:none;position:absolute;top:149px;right:0px;font-size:30px;cursor:pointer;z-index:1004}


@media screen and (max-width:81.25rem) {
	#snb-wrap{display:none !important}
	#user-wrap .wrapper{width:1080px !important; padding-right:0 !important}
}

/* 배진희 / 1480389 / 20250618 */
#user-gnb .float-center {display:flex;justify-content:flex-end}
#user-gnb .user-translation {display:block;/* margin-right:260px; */font-size:0}
#user-gnb .user-translation .translate-btn {overflow:hidden;position:relative;display:inline-block;vertical-align:middle;width:40px;height:24px;margin-right:.25rem;background:url('/image/country_list.png') no-repeat;cursor:pointer;background-size:auto 27px;border:0}
#user-gnb .user-translation .translate-btn:last-child {margin-right:0}
#user-gnb .user-translation .translate-btn.kr {background-position:0 0}
#user-gnb .user-translation .translate-btn.en {background-position: -38px 0}

/* 임희은 / 1515247 / 20251014 */
#user-gnb .user-translation {position:absolute;width:84px;left:50%;transform:translateX(-50%);}

/* 최은비 / 1523983 / 20251113 */
#user-nav .mega-menu li.megaline ul{width:100%;}

/* 강수현 / 1563294 / 20260318 */
#user-nav .mega-menu li.megaline > a[href*="S1N139"] {color:#8d1515}


/* 이승현 / 1581984 / 20260511 */
#user-nav .mega-menu li.megaline ul li.sub a {padding: .4rem .355rem;}
#header-wrapper {padding-bottom:3.7rem;}
#user-nav .mega-menu li.megaline ul {padding-top:.4rem;}

/* 홍경아 / 1597620 / 20260623 */
#snb-wrap {right:-10px}