@charset "UTF-8";
/*********************************************
note : reset
*********************************************/
#header-wrapper {margin-bottom:1.25rem;text-align:center;height:205px !important}
#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:.938rem 0;line-height:1;background:#222}
#user-gnb::after {content:'';display:table;clear:both}

/* 업데이트 */
#user-gnb .user-intro {float:left;font-size:.8rem;font-weight:400;letter-spacing:-0.03em;color:rgba(255,255,255,.65)}
#user-gnb .user-intro strong {font-weight:700}

/* 로그인 */
#user-gnb .user-logbox {float:right}
#user-gnb .user-logbox li {float:left;padding:0 .625rem;font-size:.8rem;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:rgba(255,255,255,.65)}
#user-gnb .user-logbox li a:hover {color:#fff}

/*********************************************
note : 로고영역
*********************************************/
#nav-header {padding:.938rem 0 .4rem}
#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-logo {text-align:left}
#nav-header .dis-table-cell.user-banner {width:40px}
#nav-header .dis-table-cell.user-banner2 {width:560px}

/*********************************************
note : 메뉴영역
*********************************************/
/* 기본 */
#user-nav::after,#user-nav-wrapper::after {content:'';display:table;clear:both}
#user-nav .dis-table-cell {height:50px;vertical-align:middle}
#user-nav-wrapper {position:relative;z-index:999;border:1px solid #222;background-color:#fff}

/* 전체 */
#user-nav .all-section {float:left;height:50px;width:50px;border-right:1px solid #222;cursor:pointer;outline:0}
#user-nav .all-section .all-icon {position:relative;display:inline-block;width:20px;height:6px;cursor:pointer;vertical-align:middle}
#user-nav .all-section .icon {display:block;position:relative;width:20px;height:3px;background-color:#222}
#user-nav .all-section .icon::before,#user-nav .all-section .icon::after {content:'';position:absolute;z-index:1;left:0;width:100%;height:0;border-top:3px solid #222;-webkit-transition:all .15s;transition:all .15s}
#user-nav .all-section .icon::before {top:-.438rem}
#user-nav .all-section .icon::after {bottom:-.438rem}

/* 전체닫기 */
#user-header.is-active #user-nav .all-section .icon {background-color:transparent}
#user-header.is-active #user-nav .all-section .icon::before {top:0;transform:rotate(45deg)}
#user-header.is-active #user-nav .all-section .icon::after {top:0;bottom:inherit;transform:rotate(-45deg)}

/* 섹션 */
#user-nav .mega-menu {display:table;width:100%;table-layout:fixed}
#user-nav .mega-menu li.megaline {position:relative;display:table-cell;width:100%;height:50px;text-align:center;vertical-align:middle}
#user-nav .mega-menu li.megaline::before {content:'';display:block;position:absolute;height:80%;top:10%;left:0;border-left:1px solid rgba(0,0,0,.12)}
#user-nav .mega-menu li.megaline:first-child::before {display:none}
#user-nav .mega-menu li.megaline > a {position:relative;display:inline-block;width:100%;font-size:1.125rem;font-weight:700;text-decoration:none;outline:0}
#user-nav .mega-menu li.megaline > a > strong {position:relative}
#user-nav .mega-menu li.megaline > a > strong::after {content:'';display:none;position:absolute;left:-25px;top:-6px;width:19px;height:36px;background: url('./menu_ov_img.png') no-repeat}
#user-nav .mega-menu li.megaline > a.a-hover {color:#e6336e}
#user-nav .mega-menu li.megaline > a.a-hover > strong::after {display:block}
#user-nav .mega-menu li.megaline .sub-menu-vertical {display:none;position:absolute;z-index:998;width:140px;text-align:left;background-color:#222;border:1px solid #222;left:50%;top:100%;-ms-transform:translateX(-50%);transform:translateX(-50%)}
#user-nav .mega-menu li.megaline .sub-menu-vertical li.sub {font-size:.8rem;line-height:1;letter-spacing:-0.05em}
#user-nav .mega-menu li.megaline .sub-menu-vertical li.sub a {display:block;padding:.8rem;font-weight:400;color:rgba(255,255,255,.6);text-decoration:none}
#user-nav .mega-menu li.megaline .sub-menu-vertical li.sub a:hover {color:#333;background-color:#fff}

/* 검색 */
#user-nav .user-search {float:right;position:relative;z-index:1004;width:50px;height:50px;border-left:1px solid #222;cursor:pointer;outline:0}
#user-nav .user-search .user-search-btn {width:50px;z-index:5;height:50px;color:#999;cursor:pointer;outline:0;font-size:1.25rem}
#user-nav .user-search .user-search-btn:hover {color:#222}
#user-nav .user-search .user-search-form {overflow:hidden;position:absolute;z-index:6;width:300px;height:0;right:1px;top:100%;border:1px solid #222;background:#fff;visibility:hidden;-webkit-transition:all .3s;transition:all .3s}
#user-nav .user-search.active .user-search-form {overflow:visible;height:47px;padding:.2rem 0;visibility:visible}
#user-nav .user-search .user-search-form::before, #user-nav .user-search .user-search-form::after {content:'';display:block;position:absolute;z-index:1004;bottom:100%;right:18px;border-style:solid;border-color:transparent}
#user-nav .user-search .user-search-form::before {border-width:5px;border-bottom-color:#000}
#user-nav .user-search .user-search-form::after {border-width:4px;border-bottom-color:#fff;right:19px}
#user-nav .user-search .user-search-form input {position:absolute;z-index:99;width:227px;height:0;top:0;left:0;margin:0;padding:0 2rem 0 .625rem;font-size:.813rem;color:#222;letter-spacing:-0.05em;background:transparent;border:none;box-shadow:none}
#user-nav .user-search .user-search-form button {position:absolute;z-index:99;width:50px;height:0;top:.313rem;right:.313rem;font-size:.813rem;font-weight:400;color:#fff;background-color:#222;cursor:pointer}
#user-nav .user-search .user-search-form input,#user-nav .user-search .user-search-form button {visibility:hidden;-webkit-transition:all .3s;transition:all .3s}
#user-nav .user-search.active .user-search-form input {height:46px;visibility:visible}
#user-nav .user-search.active .user-search-form button {height:35px;visibility:visible}

/* 검색닫기 */
#user-nav .user-search .user-search-btn::before,#user-nav .user-search .user-search-btn::after {content:'';position:absolute;z-index:9;left:14px;width:20px;height:0;border-top:3px solid transparent;-webkit-transition:all .15s;transition:all .15s}
#user-nav .user-search .user-search-btn::before {top:18px}
#user-nav .user-search .user-search-btn::after {bottom:18px}
#user-nav .user-search.active .user-search-btn::before {top:23px;transform:rotate(45deg);border-color:#222}
#user-nav .user-search.active .user-search-btn::after {top:23px;bottom:inherit;transform:rotate(-45deg);border-color:#222}

/*********************************************
note : 전체메뉴
*********************************************/
#user-nav-wrapper .all-menu {display:none;position:absolute;z-index:1003;left:-1px;top:100%;padding:.313rem .938rem;border:1px solid #222;background:#fff}
#user-nav .all-menu::after {content:'';display:table;clear:both}
#user-nav .all-menu .menu-group {text-align:left}

#user-nav .all-menu .menu-group .group-list {height:43px;line-height:43px;border-top:1px solid #e7e7e7}
#user-nav .all-menu .menu-group .group-list::after {content:'';display:table;clear:both}
#user-nav .all-menu .menu-group .group-list:first-child {border-top:none}
#user-nav .all-menu .menu-group .group-list .list-tit {float:left;width:120px;margin-right:.75rem;font-weight:700;font-size:1rem;color:#333}
#user-nav .all-menu .menu-group .group-list .sub-list > li {float:left;padding:0 .625rem;font-size:.813rem;line-height:43px}
#user-nav .all-menu .menu-group .group-list .sub-list > li > a {color:#777}
#user-nav .all-menu .menu-group .group-list .sub-list > li > a:hover {color:#222}


/*********************************************
note : 메뉴따라다니기
*********************************************/
#user-nav.scroll {position:fixed;top:0;left:0;right:0;transition: 0.1s ease-in;z-index:99999}
#user-nav.scroll #user-nav-wrapper {box-shadow:0px 5px 5px rgba(0,0,0,0.2)}