@charset "utf-8";

/* 검색*/
#search{z-index:94;position: absolute; top:74px; right:50%; width:562px; margin:0 -320px 0 0;}
#search form{width:100%; border:1px solid #5c73c6;border-radius:7px; background:#fff;box-sizing:border-box;transition:0.25s ease-in-out;}
#search label{position:absolute; left:30px; top:50%; font-family:"score"; font-size:18px; font-weight:500; transform:translateY(-50%); color: #333;}
#search label:after{content:''; display:inline-block; vertical-align:middle; width:1px; height:16px; margin:-2px 0 0 26px; background:#ccc;} 
#search input[type="text"]{width:100%;height: 56px;line-height: 1; padding:0 120px 0 152px; border-radius:7px; border-color:#fff; border:none;text-align:left;box-sizing:border-box; background:#fff url('../../images/kr/common/ico_keyboard.png') no-repeat right 86px top 50%;}
#search ::-webkit-input-placeholder{color:#999;}
#search :-ms-input-placeholder{color:#999;}
#search ::placeholder{color:#999;}
#search button{position:absolute;top:0; right:0px;width: 60px;height: 58px; padding:0; font-size:0; text-indent:-999px;border-radius: 0 7px 7px 0; background:#5c73c6 url('../../images/kr/common/btn_sch.png') no-repeat 50% 50%;}

#search button:before,
#search button:after{content:'';display:none;position:absolute;top: 10px;left: 5px;width: 15px;height: 15px;border: 2px solid #ff9f00;border-radius:50%;box-sizing:border-box;}
#search button:after{left: 16px;top: 23px;width: 7px;height: 3px;border:none;border-radius:3px;transform:rotate(45deg);background: #ff9f00;}

#search .btn_sch{display:none; position:absolute; top:-10px; right:62px; width:40px; height:40px; padding:0; font-size:0; text-indent:-999px; border-radius:50%; background: #5c73c6 url('../../images/kr/common/btn_sch.png') no-repeat 50% 50%;}
#search .btn_close{background:url('../../images/common/ico_close_w.png') no-repeat 50% 50%;}
#search .btn_close:before,
#search .btn_close:after{display:none;}
#search ul{padding:0 0 0 3px;}
#search li{margin-bottom:10px; padding-left: 10px; font-size:15px;}
#search li:before{background:#fff;width: 5px; height: 5px; top: 8px;border: none;}

@media all and (max-width:1024px) {
	#search{right:0; width:100%; margin:0; color:#fff;text-align:left;}
	#search.on{z-index:96;}
	#search h2{padding:0 0 12px; font-size:28px;}
	#search form{visibility:hidden; opacity:0; position:absolute; top:-85px; right:0; width:100%; height:auto; padding:65px 30px 50px; border-radius:0; border:none; background:#292e44;}
	#search.on form{opacity:1; visibility:visible; top:-75px;}
	#search label{left:15px; font-size:16px;}
	#search label:after{margin:-2px 0 0 12px;}
	#search .in_sch{position:relative; max-width:500px; margin:0 auto;}
	#search input[type="text"]{height:55px;line-height:55px;padding:0 55px 0 95px;background:#fff;color: #333;}
	#search .btn_sch{display:block;}
	#search button{top: 9px;right: 15px;width: 40px;height:37px;background: none;}
	#search button:before{display:block; border-color:#292e44;top: 9px;left: 11px;}
	#search button:after{display:block; background-color:#292e44;top: 22px;left: 22px;}
	#search .in_txt{position:relative; margin:0 0 30px;}
}
@media all and (max-width:768px) {
	#search h2{padding:0 0 9px; font-size:24px;}
	#search .btn_sch{top:4px; right:55px;}
	#search li{margin:0 0 7px;}
}
@media all and (max-width:568px) {
	#search form{padding:60px 30px 35px;}
	#search h2{font-size:20px;}
	#search li{font-size:14px;}
	#search li:before {top:6px;}
}
@media all and (max-width:568px) {
	#search .btn_sch{top:1px;}
	#search h2{font-size:19px;}
	#search li{font-size:13px;}
}