/*Content CSS*/
#header_wrap { width:100%; height:60px;background: none; z-index:57; position:fixed; transition: all 0.3s; border-bottom: 1px solid rgba(255,255,255,0.2);
display: flex; justify-content: center; }
#logo {  padding:0;}
#logo a {display: block; height: 60px; line-height:60px; text-align: center; font-size: 0; background: url('../img/logo.png') no-repeat 50% 50%; background-size: auto 40px;
width: 180px;}

#search_btn {font-size: 24px; color:#fff; transition: color .3s; position: absolute; left:15px; top:11px ; }

.scrolled #header_wrap { background: #fff; border-bottom: 1px solid #ddd;}
.scrolled #header_wrap #logo a { background-image: url('../img/logo_b.png');}
.scrolled #search_btn {color:#000;}

/* hd_search_wrap */
#hd_search_wrap h2 { font-size: 30px; color: #212122; font-family: 'S-CoreDream-6Bold'; text-align: center; margin-bottom: 20px;}
#hd_search_wrap { position: fixed; left: 0; width: 100%; top: 0; height: 100vh; z-index: 100; display: none; background: #fff; display: flex; justify-content: center; align-items: center; text-align: center; overflow-y: auto; z-index: 101;}
#hd_search_wrap .close_btn { position: absolute; right: 15px; top: 15px; font-size: 24px; color: #000; }
#hd_search_wrap .filter_con::-webkit-scrollbar { width: 5px; }
#hd_search_wrap .filter_con::-webkit-scrollbar-thumb { background-color: #aaa; border-radius: 10px; height: 15px;}
#hd_search_wrap .filter_con::-webkit-scrollbar-track { background-color: #ccc;}
#hd_search_wrap .filter_con {background: #e7e7e7; padding: 15px 20px 30px; margin-top: 10px; height:400px; overflow-y: auto; text-align: left; display: block;}

#hd_search_wrap .filter_box {border-bottom: 1px solid #ccc; padding: 20px 0;}
#hd_search_wrap .filter_box h3 {font-size: 16px; color:#000; font-family: 'S-CoreDream-5Medium'; width: 100%;}
#hd_search_wrap .chkbox_list {width: 100%;}
#hd_search_wrap .chkbox_list ul {display: flex; flex-wrap: wrap;}
#hd_search_wrap .chkbox_list ul li { margin-right: 20px; font-size: 13px; font-weight: 400; color: #666; margin-top: 10px;}
#hd_search_wrap .chkbox_list ul li:last-child { margin-right: 0; }
#hd_search_wrap .chkbox_list ul li input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
#hd_search_wrap .chkbox_list ul li input[type="checkbox"] + label { position:relative; padding-left: 25px; cursor: pointer; font-size: 13px; font-weight: 400; line-height: 25px; display: inline-block; }
#hd_search_wrap .chkbox_list ul li input[type="checkbox"] + label::before { content:""; position:absolute; left:0; width:20px; top:4px; height: 20px; border:1px solid #ccc; background:#fff; }
#hd_search_wrap .chkbox_list ul li input[type="checkbox"]:checked + label::before { background: urL('../img/chk.png') no-repeat center #000; }
#hd_search_wrap .chkbox_list ul li input[type="checkbox"] ~ input[type="text"] { display: inline-block; margin-left: 10px; width:200px; }
#hd_search_wrap .chkbox_list ul li input[type="text"]:disabled { background-color: #f7f7f7}

#hd_search_wrap .sm_txt .chkbox_list ul li { margin-right: 15px;}
#hd_search_wrap .sm_txt .chkbox_list ul li input[type="checkbox"] + label { position:relative; padding-left: 25px; cursor: pointer; font-size: 13px; font-weight: 400; display: inline-block; }

#hd_search_wrap .chkbox_list ul li .txt_input {width: 100%; border: 1px solid #ccc; height: 35px; border-radius: 0; text-indent: 10px; font-size: 13px; }
#hd_search_wrap .fillter_btn {display: flex; justify-content: center; margin-top: 10px;}
#hd_search_wrap .fillter_btn button {margin-right: 2%; width: 49%;text-align: center; height: 45px; line-height: 45px; background: #aaa; color: #fff; font-size: 16px;  font-weight: 400;}
#hd_search_wrap .fillter_btn button:last-child{margin-right: 0; background: #333}