@charset "UTF-8";
@import url("http://m.chosun.com/css/mcs_gnb_17.css");

/* common styles */
body.body_search { background: #eaeaea }
.wrap {}
.wrap.search_only { max-width: 640px; height: 100%; margin: 0 auto; background: #fff }
.wrap_skip { position: relative; top: 0; left: 0; width: 0; left: 0}
.wrap_skip a { position: absolute; top: -100px; left: 0; display: inline-block; background: #222; color: #fff; padding: 5px 10px; border: solid 1px #e5e5e5; white-space: nowrap; z-index: 9999}
.wrap_skip a:focus, .wrap_skip a:active { top:0;}
/* .wrap_col { max-width: 500px; box-sizing: border-box }
.wrap_col h3 { margin-bottom: 10px; font-size: 20px } */

/* search head */
.mcsg_wrap.mcsg_search a.mcsg_search:after { background: url('http://m.chosun.com/img/mcs_ico_all.png') no-repeat -225px 0; background-size: 250px }
.search_box_dum { height: 42px; padding-top: 10px; background: #fff }
.search_box { height: 40px; margin: 0 15px; border-bottom: solid 2px #222 }
.search_box .search_box_leg { display: none }
.search_box .search_input_box {position: relative; padding-right: 80px; }
.search_box .search_input_box input[type="search"]::-ms-clear { display: none }
.search_box .search_input_box input[type="search"]::-webkit-search-decoration,
.search_box .search_input_box input[type="search"]::-webkit-search-cancel-button,
.search_box .search_input_box input[type="search"]::-webkit-search-results-button,
.search_box .search_input_box input[type="search"]::-webkit-search-results-decoration { display: none }
.search_box .search_input_box .search_input_query { position: relative; width: 100%; height: 40px; padding-left: 0; box-sizing: border-box; border: 0; font-size: 20px; line-height: 40px; color: #000; border-radius: 0; -webkit-appearance: none; outline: none; z-index: 99 }
.search_box .search_input_box input::placeholder { color: #cacaca }
.search_box .search_input_box .search_input_submit { position: absolute; display: block; width: 36px; height: 40px; top: 0; right:0; background: #fff; border: 0; font-size: 0 }
.search_box .search_input_box .search_input_submit .search_input_submit_ico { position: absolute; width: 20px; height: 20px; margin: auto; top: 0; right: 0; left: 0; bottom: 0; background: url('http://m.chosun.com/img/mcs_ico_all.png') no-repeat -175px 0; background-size: 250px }
.search_box .search_input_box .search_input_del { position: absolute; display: none; width: 36px; height: 40px; top: 0; right:36px; background: #fff; border: 0; font-size: 0 }
.search_box .search_input_box .search_input_del .search_input_del_ico { position: absolute; width: 18px; height: 18px; margin: auto; top: 0; right: 0; left: 0; bottom: 0; background: url('http://m.chosun.com/img/mcs_ico_all.png') no-repeat -225px -175px; background-size: 250px }
.search_box input:active, .search_box button:active,
.search_box input:focus, .search_box button:focus { z-index: 101 }

.search_box.ontopfix { position: fixed; top: 0; left: 0; width: 100%; height: 50px; margin: 0; border-bottom-width: 1px; opacity: 0.95; background: #fff; z-index: 9999 }
.search_box.ontopfix .search_input_box { padding-right: 95px }
.search_box.ontopfix .search_input_box .search_input_query { height: 50px; line-height: 50px; padding-left: 15px }
.search_box.ontopfix .search_input_box .search_input_submit { width: 36px; height: 50px; right: 15px }
.search_box.ontopfix .search_input_box .search_input_submit .search_input_submit_ico { left:0 }
.search_box.ontopfix .search_input_box .search_input_del { width: 36px; height: 50px; right: 51px }
.search_box.ontopfix .search_input_box .search_input_del .search_input_submit_ico { left:0 }

.search_keyword_box { position: relative; padding: 12px 15px; background: #fff; border-bottom: solid 10px #eaeaea }
.search_keyword_box .search_keyword_inner {}
.search_keyword_box .search_keyword_tit { display: inline; margin-right: 10px; font-size: 15px; font-weight: bold; color: #222 }
ul.search_keyword_list { display: inline; line-height: 1.7em }
ul.search_keyword_list li.key_item { display: inline; margin-right: 12px }
ul.search_keyword_list li.key_item a { display: inline-block; font-size: 15px; color: #666; word-break: keep-all }



#search_keyword_box_id { display: none }




/* end */