/* Navigation Legacy Styles - 기존 네비게이션 스타일 보존 */

/* TOP BAR */
#top {
    width: 100%;
    height: 100px;
    top: 0;
    left: 0;
    position: absolute;
    background: #fff;
    z-index: 35;
}

#top:before {
    content: '';
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #f00;
    display: none;
}

#top .top_wrap {
    max-width: 1288px;
    height: 100px;
    margin: 0 auto;
    position: relative;
}

#top .top_wrap .logo_wrap {
    top: 50%;
    left: 50%;
    margin-top: -26px;
    transform: translateX(-50%);
    position: absolute;
    cursor: pointer;
}

#top .top_wrap .member_wrap {
    top: 50%;
    margin-top: -15px;
    right: 0px;
    position: absolute;
    font-size: 0;
}

#top .top_wrap .member_wrap .btn {
    display: inline-block;
    cursor: pointer;
    position: relative;
}

#top .top_wrap .member_wrap .btn > p {
    font-family: 'Oswald-Bold';
    font-size: 11px;
    line-height: 1;
    color: #000;
    padding: 5px 10px;
}

#top .top_wrap .member_wrap .btn:before {
    content: '';
    top: 20%;
    left: 0;
    position: absolute;
    width: 1px;
    height: 60%;
    background: rgba(0,0,0,.1);
}

#top .top_wrap .member_wrap .btn:last-child:after {
    content: '';
    top: 20%;
    right: 0;
    position: absolute;
    width: 1px;
    height: 60%;
    background: rgba(0,0,0,.1);
}

/* GNB */
#gnb a {
    text-decoration: none;
}

#gnb {
    top: 100px;
    left: 0;
    position: absolute;
    width: 100%;
    min-width: 1288px;
    height: 60px;
    font-size: 0;
    line-height: 0;
    z-index: 30;
    background: rgba(255,255,255,1);
}

#gnb:before {
    /* content: ''; bottom: 0; left: 0; position: absolute; width: 100%; height: 1px; background: rgba(255,255,255,.1) */
}

#gnb_bt_line {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgba(0,0,0,0);
}

#gnb .gnb_wrap {
    width: 100%;
    height: 100%;
    position: relative;
}

#gnb .gnb_wrap > div:nth-child(1) {
    max-width: 1288px;
    height: 100%;
    background: none;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.gnb_d1_wrap {
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 0;
}

.gnb_d1_wrap .d1_wrap {
    margin-left: 0px;
    margin-right: 0px;
    height: 60px;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.gnb_d1_wrap .d1_wrap.fixed {
    margin-left: 60px;
}

.gnb_d1_wrap .d1_wrap .btn_wrap {
    position: relative;
}

.gnb_d1_wrap .d1_wrap .btn_wrap .btn {
    padding: 24px 1.31% 21px 1.31%;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.gnb_d1_wrap .d1_wrap .btn_wrap .btn p {
    font-family: 's-c-d-regular';
    font-size: 16px;
    line-height: 1;
    letter-spacing: -1px;
    color: #2b2b2b;
}

.gnb_d1_wrap .d1_wrap .btn_wrap .btn .btn_hit {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
}

.gnb_d1_wrap .d1_wrap .btn_wrap .btn.fixed {
    padding: 24px 1.17% 21px 1.17%;
}

.gnb_d1_wrap .d1_wrap .bg {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
}

#gnb .logo {
    top: 0;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    overflow: hidden;
}

#gnb .logo > div {
    width: 100%;
    height: 100%;
    background: url(../images/gnb/logo.png) center center no-repeat;
}

#gnb .right_wrap {
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    position: absolute;
    background: none;
    display: none;
}

#gnb .right_wrap:before {
    content: '';
    top: 20%;
    left: 0px;
    position: absolute;
    width: 1px;
    height: 60%;
    background: rgba(0,0,0,0);
}

#gnb .right_wrap:after {
    content: '';
    top: 20%;
    right: 0px;
    position: absolute;
    width: 1px;
    height: 60%;
    background: rgba(0,0,0,0);
}

#gnb .right_wrap .bg {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
}

#gnb .global_wrap {
    top: 0;
    right: 0;
    position: absolute;
    width: 60px;
    height: 100%;
    text-align: center;
}

#gnb .global_wrap:before {
    /* content: ''; top: 20%; left: 0px; position: absolute; width: 1px; height: 60%; background: rgba(0,0,0,.1) */
}

#gnb .global_wrap .open {
    width: 100%;
    height: 100%;
    position: relative;
    background: url(../images/gnb/global.png) center center no-repeat;
}

#gnb .global_wrap .btn_wrap {
    position: relative;
    height: 0;
    overflow: hidden;
}

#gnb .global_wrap .btn_wrap .linkBtn {
    padding: 6px 20px;
    position: relative;
    background: rgba(255,255,255,1);
}

#gnb .global_wrap .btn_wrap .linkBtn:nth-child(n+3):after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,.1);
}

#gnb .global_wrap .btn_wrap .linkBtn .icon {
    width: 19px;
    height: 12px;
    position: relative;
}

#gnb .global_wrap .line_left {
    top: 0;
    left: 0;
    position: absolute;
    width: 1px;
    height: 100%;
    background: rgba(0,0,0,.1);
}

#gnb .global_wrap .line_right {
    top: 0;
    right: 0;
    position: absolute;
    width: 1px;
    height: 100%;
    background: rgba(0,0,0,.1);
}

#gnb .global_wrap .line_bottom {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgba(0,0,0,.1);
}

.bar_container {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
}

.bar_container .bar_wrap {
    position: relative;
}

/* SUBMENU */
#subMenu_wrap a {
}

#subMenu_wrap {
    top: 80px;
    left: 0;
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,.8);
    text-align: center;
    overflow: hidden;
    display: none;
}

#subMenu_wrap .wrap {
    max-width: 1420px;
    margin: 0 auto;
    position: relative;
    background: none;
}

#subMenu_wrap .wrap .menu_wrap {
    position: relative;
    font-size: 0;
}

#subMenu_wrap .wrap .menu_wrap .btn {
    display: inline-block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    height: 60px;
}

#subMenu_wrap .wrap .menu_wrap .btn .title {
    font-family: 's-c-d-regular';
    color: #aaa;
    font-size: 15px;
    line-height: 1;
    letter-spacing: -.5px;
    padding: 23px 20px 100px 20px;
}

#subMenu_wrap .wrap .menu_wrap .btn:before {
    content: '';
    top: 35%;
    left: 0;
    position: absolute;
    width: 1px;
    height: 30%;
    background: rgba(255,255,255,.2);
}

#subMenu_wrap .wrap .menu_wrap .btn:last-child:after {
    content: '';
    top: 35%;
    right: 0;
    position: absolute;
    width: 1px;
    height: 30%;
    background: rgba(255,255,255,.2);
}