@charset "utf-8";

#car_search, #car_search *, #car_search *:after, #car_search *:before {box-sizing:border-box;text-align:left}
#car_search {position:relative;width:100%;padding:0;line-height:1.7;letter-spacing:-0.1px;background-color:#fff}
#car_search .tit_area {margin-bottom:25px;text-align:center;font-size:16px}
#car_search .tit_area h3 {margin-bottom:5px;font-size:20px;text-align:center;font-family:notokr-medium}
#car_search .tit_area .bar {width:40px;height:5px;margin:15px auto;background-color:#3d4349}

#car_search.search_bg {background:url(/sh_img/make24/rc_search/sub_bg.png) left bottom no-repeat fixed}
#car_search.pd_60 {padding:130px 0 0;background-position:left -305px}

/* 옵션 */
#sch_area {position:relative;width:1070px;margin:0 auto}
#sch_area:after {display:block;content:"";visibility:hidden;clear:both}
#sch_area .sch_rent {position:relative;float:left;width:243px;margin-left:3%;border:2px solid #444}
#sch_area .sch_rent.first {margin-left:0}
#sch_area .sch_rent > a.choice {display:block;position:relative;height:50px;padding-left:15px;border-radius:3px;font-size:16px;color:#333;line-height:50px;background-color:rgba(255,255,255,.9);transition:all .3s}
#sch_area .sch_rent > a.choice:after {display:block;position:absolute;top:-3px;right:15px;content:"\f078";color:#222;font-family:FontAwesome}
/* 옵션 선택 ON */
#sch_area .sch_rent > a.choice.on {color:#333;background-color:#fff}
#sch_area .sch_rent > a.choice.on:after {content:"\f077"}

/* 옵션 내용 */
#sch_area_wrap {padding:0 0 25px 0;transition:all .3s;background-color:#fff}
#sch_area_wrap.fiexd {padding:20px 0;position:fixed;top:0;left:0;z-index:99;width:100%}

#sch_area .sch_option {overflow:hidden;display:none;position:absolute;left:0;top:70px;z-index:300;width:440px;border:1px solid #ddd;font-size:13px;letter-spacing:-0.3px;color:#777;background-color:#fff}
#sch_area .sch_option .tit {position:absolute;top:0;width:100%;padding:10px 20px;font-size:15px;color:#fff;background-color:#3d4349;font-family:notokr-medium} 
#sch_area .sch_option .empty {padding-top:80px;text-align:center}
#sch_area .sch_option_cont {height:305px;padding:65px 10px 20px 20px}
#sch_area .sch_option_cont dl {margin-bottom:25px}
#sch_area .sch_option_cont dl.last {margin-bottom:0}
#sch_area .sch_option_cont dl dt {padding-bottom:3px;border-bottom:1px solid #ddd;font-size:14px;font-weight:bold}
#sch_area .sch_option_cont dl dt i {padding-right:5px;font-size:10px}
#sch_area .sch_option_cont ul {overflow:hidden;margin-bottom:2px}
#sch_area .sch_option_cont ul li {float:left;width:50%}
#sch_area .sch_option_cont .make_ul ul li {width:25%}
#sch_area .sch_option_cont ul li a {font-size:12px;color:#777;font-family:'Nanum Gothic'}
#sch_area .sch_option_cont ul li a.selected {font-weight:bold;color:#F30}
#sch_area .sch_option_cont ul li a:hover {color:#222;text-decoration:underline}

/* 옵션 닫기버튼 */
#sch_area .sch_option .CloseBtn {position:absolute;right:18px;top:9px;z-index:300;font-size:15px;color:#fff}
#sch_area .sch_option .CloseBtn:hover {cursor:pointer}
#sch_area .sch_option .CloseBtn i {font-weight:normal}
#sch_area .sch_option .close_btn  {padding:15px 0;border-top:1px solid #ddd}
#sch_area .sch_option .close_btn .CloseBtnBtm {display:block;width:100px;height:30px;margin:0 auto;border:none;border-radius:3px;font-size:12px;line-height:28px;color:#fff;text-align:center;background-color:#3d4349;transition:all .3s}
#sch_area .sch_option .close_btn .CloseBtnBtm:hover {background-color:#333}

/* 검색버튼 및 초기화 */
#sch_btn_area {float:right;position:relative;width:100%;margin-top:30px;}
#sch_btn_area .sch_btn {display:block;width:220px;height:50px;margin:0 auto;border-radius:25px;font-size:15px;line-height:50px;color:#fff;text-align:center;box-shadow:7px 10px 18px #ddd;background:#3d4349;font-family:notokr-medium}
#sch_btn_area .sch_btn span {position:relative;transition:all .3s}
#sch_btn_area .sch_btn span:after {display:block;position:absolute;right:-13px;top:-14px;opacity:0;content:"\f002";font-size:12px;font-weight:normal;color:rgba(255,255,255,.5);font-family:FontAwesome;transition:all .3s}
#sch_btn_area .sch_btn:hover span {padding-right:6px}
#sch_btn_area .sch_btn:hover span:after {opacity:1}

/* 익스 8 */
@media \0screen {
#sch_btn_area .sch_btn span:after {display:none}
#sch_btn_area .sch_btn:hover span {padding-right:0}
}

#sch_btn_area .sch_reset {position:absolute;top:15px;right:10px;font-size:13px;font-family:'Nanum Gothic'}
#sch_btn_area .sch_reset i {padding-right:5px}
#sch_btn_area .sch_reset:hover{text-decoration:underline}

@media \0screen {
#car_search.search_bg_index #sch_area_wrap {background-color:#f7f7f7} 
}

/* 모바일 */
#car_search.mo {position:relative;width:100%;padding:30px 2%;margin-bottom:15px;background-color:#f2f2f2}
#car_search.mo #sch_area {width:100%} 
#car_search.mo h3{position:relative;margin-bottom:10px;font-size:18px;font-weight:normal;line-height:1;color:#222;text-align:center;font-family:notokr-bold}
#car_search.mo h3:before, #car_search.mo h3:after {display:block;content:"::";position:absolute;left:0;top:-2px;letter-spacing:2px;font-family:notokr-medium }
#car_search.mo h3:after {left:auto;right:0}
#car_search.mo h3 span {color:#da2027}
#car_search.mo #sch_area_wrap {padding:0;background-color:transparent}
#car_search.mo #sch_area .sch_rent {float:none;width:100%;margin:0 0 3px;border:none}
#car_search.mo #sch_area .sch_rent > a.choice {height:38px;padding-left:15px;border:1px solid #c2c2c2;border-radius:0;font-size:15px;line-height:39px;color:#222;font-family:notokr-bold}
#car_search.mo #sch_area .sch_rent > a.choice:after {top:-1px;right:13px}
#car_search.mo #sch_area .sch_rent > a.choice.on {background-color:rgba(218,32,39,.05)}
#car_search.mo #sch_area .sch_option {top:37px;width:100%}
#car_search.mo #sch_area .sch_option .tit {padding:5px 20px;font-size:13px}
#car_search.mo #sch_area .sch_option_cont {height:165px;padding:15px 10px 10px 15px}
#car_search.mo #sch_area .sch_option_cont ul {margin-bottom:4px}
#car_search.mo #sch_area .sch_option .close_btn {margin:0 10px 0}
#car_search.mo #sch_area .sch_option .close_btn .CloseBtnBtm {-webkit-appearance:button!important;background-color:#333}
#car_search.mo #sch_btn_area {float:none;margin-top:0;text-align:right}
#car_search.mo #sch_btn_area .sch_reset {display:inline-block;position:relative;top:auto;right:auto;padding:5px 0;text-align:right}
#car_search.mo #sch_btn_area .sch_btn {width:100%;height:38px;border:none;border-radius:0;font-size:13px;line-height:39px;color:#fff;box-shadow:none;background-color:#2d2d2d;cursor:pointer;font-family:notokr-bold}