.gnb_wrap{z-index: 4;}
.gnb_wrap .gnb_inner{margin-left:auto; margin-right:auto;}

.gnb_left_wrap{width:196px; height:41px; background: url('../img/gnb_left_down_arrow.png') no-repeat right 30px center; box-sizing: border-box; background-color: #d1141c; color:#fff; position: relative; z-index: 5;}

.mobile_gnb_wrap{cursor: pointer; position: relative; z-index: 5;}
.gnb_right_wrap{position: fixed; top:0; left:0; height:100%;}
.gnb_right_wrap .gnb_con > li{display:block; font-size:15px; font-size:1.5rem; line-height:2.1rem; font-weight:bold; color:#d1141c; background-color: #000;}
.gnb_right_wrap .gnb_con > li > a{display:block; padding:15px;}
.gnb_right_wrap .gnb_con > li:first-child{margin-left:0px;}
.gnb_right_wrap .gnb_con > li > .gnb_depth_2{height:0;}
.gnb_right_wrap .gnb_con > li > .gnb_depth_2 > li{font-size:13px; font-size:1.3rem; line-height:1.9rem;}
.gnb_right_wrap .gnb_con > li > .gnb_depth_2 > li > a{padding:5px; padding-left:30px;}
.gnb_dim{position:absolute; background-color: #000; opacity: 0.5; filter:alpha(opacity=50); width:100%; height:100%; left:0; z-index: 2;}

.close_btn{cursor: pointer; position: absolute; right:15px; top:15px; z-index: 200;}


.gnb_wrap.active .gnb_right_wrap{display:block; z-index: 100; background-color: #000;}
.gnb_wrap.active .gnb_right_wrap .gnb_con > li > a:hover{color:#fff;}
.gnb_wrap.active .gnb_right_wrap .gnb_con > li > a.active{color:#fff;}
.gnb_wrap.active .close_btn{display:block;}

@media (min-width: 992px){
    .gnb_right_wrap{float:right; font-size:0px; padding-top:10px; padding-bottom:10px; position: relative; z-index: 3; top:0;}
    .gnb_right_wrap .gnb_con > li{display:inline-block; color:#fff; margin-left:40px; margin-right:40px; background-color: transparent; border: none;}
    .gnb_right_wrap .gnb_con > li > a{padding:0px;}
    .gnb_right_wrap .gnb_con > li > .gnb_depth_2{display:none !important;}
    .gnb_wrap.active .gnb_right_wrap{background-color: transparent;}
    .gnb_wrap.active .close_btn{display:none;}
}