/*header_wrap*/
.header_wrap{margin-bottom:150px; z-index:100;}
.sub .header_wrap{margin-bottom:0px;}
.header_wrap .gnb_wrap{height:100px;}
.header_wrap .gnb_con{width:100px; background-color: #000; height:100%; box-sizing: border-box;}
.header_wrap .gnb_icon_box{cursor: pointer;}
.header_wrap .main_header_con{width:203px; background-color: #fff; height:100%;}
.header_wrap h1{border-bottom:7px solid #000;}
.header_wrap .subscribe{color:#fff; letter-spacing: 0.02em;}
.header_wrap .img_box .on{cursor:pointer; display:inline;}
.header_wrap .img_box .on_sub{display:none;}
.sub .header_wrap .img_box .on{display:none;}
.sub .header_wrap .img_box .on_sub{cursor:pointer; display:inline;}

.sub .header_wrap .subscribe{color:#000;}
/*//header_wrap*/



@media all and (min-width: 480px) {
    .header_wrap{margin-bottom:229px;}
}
@media all and (min-width: 768px) {
    .header_wrap .gnb_con {
        width: 124px;
    }

    .header_wrap .main_header_con {
        width: 251px;
    }

    .header_wrap .gnb_wrap {
        height: 123px;
    }
}