@charset "utf-8";

.header_wrap{position:absolute; top:0; left:0; z-index: 100;}
.header_wrap .header_inner{padding-left: 30px; padding-right: 30px;}
.header_wrap .right_con{font-size:0; margin-top:40px; float:right;}
.header_wrap .logo_con{display: inline-block; vertical-align: top; float:none; margin-top:43px;}
.header_wrap .menu_wrap{float:none; margin-right: 59px; display: inline-block; vertical-align: top;}

.header_wrap .gnb_wrap{font-size: 0; display: none; margin-top: 45px;}
.header_wrap .gnb_wrap > li{display: block; vertical-align:middle; margin-bottom: 15px;}
.header_wrap .gnb_wrap > li:last-child{padding-right: 0;}
.header_wrap .gnb_wrap > li > a{font-size:18px; font-size:1.8rem; line-height:25px; line-height:2.5rem; letter-spacing: -0.01em; font-weight: 500; color:#fff;}

.header_wrap .menu_icon_box{display: inline-block; vertical-align: middle; float:none;}
.header_wrap .menu_icon_box .menu_icon{display:inline-block; width:36px; height:28px; position: relative; overflow: hidden;}
.header_wrap .menu_icon_box .menu_icon span{width:36px; height:2px; background-color:#fff; position: absolute; top:50%; left:0; margin-top:-1px;}
.header_wrap .menu_icon_box .menu_icon:before{content:""; position: absolute; top:4px; left:0; width:36px; height:2px; background-color:#fff;}
.header_wrap .menu_icon_box .menu_icon:after{content:""; position: absolute; bottom:4px; left:0; width:36px; height:2px; background-color:#fff;}
.sub .header_wrap .menu_icon_box .menu_icon span{background-color: #fff;}
.sub .header_wrap .menu_icon_box .menu_icon:before{background-color: #fff;}
.sub .header_wrap .menu_icon_box .menu_icon:after{background-color: #fff;}

.header_wrap .member_menu_wrap{display: none; vertical-align: middle; float:none; margin-right: 38px;}
.header_wrap .member_menu_wrap ul > li{position:relative; display: inline-block; vertical-align: middle; padding-right: 14px; margin-right: 11px;}
.header_wrap .member_menu_wrap ul > li::after{content:''; position: absolute; top:50%; right:0; transform: translateY(-50%); height:14px; border-left:1px solid #cccccc; }
.header_wrap .member_menu_wrap ul > li:last-child{padding-right: 0; margin-right: 0;}
.header_wrap .member_menu_wrap ul > li:last-child::after{border:none;}
.header_wrap .member_menu_wrap ul > li > a{font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.025em; font-weight: 400; color:#fff;}
.sub .header_wrap .member_menu_wrap ul > li > a{color:#fff;}

.header_wrap .left_con{display: none; position: absolute; z-index: -1; top:0; left:0; width: 100vh; height: 100px; background-color: rgba(255,255,255,0.1); transform: rotate(90deg) translate(-50px, -50px); transform-origin: left;}
.sub .header_wrap .left_con{background-color: rgba(255,255,255,0.15);}
.header_wrap .left_con_inner{position: absolute; bottom:50%; right:50px; transform: rotate(180deg) translateY(-50%);}
.sub .header_wrap .left_con_inner{display: none;}
.header_wrap .left_con_text{font-size: 22px; font-size: 2.2rem; line-height: 28px; line-height: 2.8rem; letter-spacing: -0.025em; color: rgba(255,255,255,0.8);}

.lnb_wrap{position: absolute; left: 0; bottom:130px; text-align: center; z-index: 3;}
.lnb_wrap .lnb_menu_wrap{display: none}
.lnb_wrap .lnb_menu_wrap > li{display: inline-block; margin-right: 40px;}
.lnb_wrap .lnb_menu_wrap > li:last-child{margin-right: 0;}
.lnb_wrap .lnb_menu_wrap > li > a{display: inline-block; font-size: 18px; font-size: 1.8rem; line-height: 25px; line-height: 2.5rem; letter-spacing: -0.01em; font-weight: 400; color:#fff; opacity: 0.35;}
.lnb_wrap .lnb_menu_wrap > li > a.active{opacity: 1; font-weight: 500;}

@media all and (min-width: 768px) {
    .header_wrap .member_menu_wrap{display: inline-block;}
    .lnb_wrap .lnb_menu_wrap{display: inline-block;}
}

@media all and (min-width:992px){
    .header_wrap .header_inner{padding-right: 50px;}
    .header_wrap .gnb_wrap{display: inline-block;}
    .header_wrap .logo_con{margin-right: 66px; margin-top: 49px;}

    .header_wrap .menu_icon_box .menu_icon span{background-color: #000;}
    .header_wrap .menu_icon_box .menu_icon:before{background-color: #000;}
    .header_wrap .menu_icon_box .menu_icon:after{background-color: #000;}

    .header_wrap .member_menu_wrap ul > li > a{color:#000;}

    .header_wrap .left_con{display: block;}
}

@media all and (min-width:1199px){

}