@charset "utf-8";

.header_wrap{background-color: #ffffff;}
.header_wrap .input_con{position: absolute; right:15px; top:50%; margin-top:-12px; height:24px; width:150px;}
.header_wrap .input_con input[type=text]{color:#000; outline: none; height:100%; box-sizing: border-box; border:1px solid #000;
    width:-webkit-calc(100% - 30px);  width:-moz-calc(100% - 30px);  width:calc(100% - 30px);
}
.header_wrap .input_con input[type=text] + .search_btn > span > .search_icon{display:inline;}
.header_wrap .input_con input[type=text] + .search_btn > span > .close_icon{display:none;}
.header_wrap .input_con input[type=text].show + .search_btn > span > .search_icon{display:none;}
.header_wrap .input_con input[type=text].show + .search_btn > span > .close_icon{display:inline;}

.gnb_close_btn{position: fixed; right:23px; top:27px; z-index: 51; cursor: pointer;}
.gnb_close_btn > img {width: 60%;}


@media all and (min-width:480px){
    .gnb_close_btn{right:29px;}
}