@charset "utf-8";

#car_search, #car_search *, #car_search *:after, #car_search *:before {box-sizing:border-box}
#car_search {position:relative;width:100%;padding:50px 0 0;border-bottom:1px solid #ddd;line-height:1.7;letter-spacing:-0.1px;background-color:#f7f7f7}
#car_search .tit_area {margin-bottom:35px;text-align:center;font-size:16px;color:#fff}
#car_search .tit_area h3 {margin-bottom:5px;font-size:24px;font-weight:bold}
#car_search .tit_area h3 span {color:#fff}
#car_search .tit_area .bar {width:30px;height:2px;margin:15px auto;background-color:#fff}

/* 옵션 */
#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:31%;margin-left:3.5%}
#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 { position:absolute; bottom:0; left:0;width:100%;padding:25px 0;background-color:rgba(0,0,0,.25);transition:all .3s}
#sch_area_wrap.fiexd {padding:20px 0;position:fixed;top:0;left:0;z-index:1001;width:100%;height:90px;background-color:rgba(0,0,0,.8);}

/* 익스 8 */
@media \0screen {
#sch_area .sch_rent > a.choice {background-color:#eee}	
#sch_area_wrap {background-color:#333}
}

#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;font-weight:bold;color:#fff} 
#sch_area .sch_option .empty {padding-top:80px;text-align:center}
#sch_area .sch_option_cont {height:330px;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;padding:8px 0;border-bottom:1px dotted #ccc}
#sch_area .sch_option_cont ul li {float:left;width:25%}
#sch_area .sch_option_cont ul li a {color:#777}
#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:20px;top:8px;z-index:300;font-size:18px;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;background-color:#555;transition:all .3s}
#sch_area .sch_option .close_btn .CloseBtnBtm:hover {background-color:#444}

/* 검색버튼 및 초기화 */
#sch_btn_area {float:left;position:relative;width:330px;margin-left:30px}
#sch_btn_area .sch_btn {display:block;width:220px;height:50px;border-radius:3px;font-size:15px;font-weight:bold;line-height:50px;color:#fff;text-align:center; background-color:#2a89e7}
#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: -9px;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:0;font-size:14px;color:#fff}
#sch_btn_area .sch_reset i {padding-right:5px}
#sch_btn_area .sch_reset:hover{text-decoration:underline}

/* rc1016 개별 스타일 */
#car_search.search_bg_index {border-bottom:none;background:none;padding-top: 15px;}
#car_search.search_bg_index .tit_area {margin-bottom:25px;color:#222}
#car_search.search_bg_index #sch_area_wrap { position:relative;padding:0;background:none}
#car_search.search_bg_index #sch_area .sch_rent {width:186px}
#car_search.search_bg_index #sch_area .sch_rent.firat {margin-left:0}
#car_search.search_bg_index #sch_area .sch_rent > a.choice {height: 50px;padding-left: 6px;border-bottom:3px solid #fff;border-radius:0;line-height: 50px;color: #fff;background: none;}
#car_search.search_bg_index #sch_btn_area {width: 100%;margin-left:0;}
#car_search.search_bg_index #sch_btn_area .sch_btn {width: 100%;height: 56px;margin-left:0;margin-top: 31px;font-size:16px;font-weight:normal;line-height: 56px;background-color:hsla(0, 0%, 100%, 0.25);font-family:notokr-medium;}
#car_search.search_bg_index #sch_btn_area .sch_btn span:after {right: -10px;top: -16px;color: #fff;}
#car_search.search_bg_index #sch_btn_area .sch_reset {font-size:16px;color: #fff;top: 99px;}
#car_search.search_bg_index #sch_area{width:390px;margin:0}
#car_search.search_bg_index #sch_area .sch_rent > a.choice:after{font-size: 19px;color:#fff;content:"\f107";right: 6px;}

#car_search.pd_60 { position:relative;width:100%;height:390px;min-width:1052px;margin:0 auto;background:url(/sh_img/hd/sub_main_banner/sub_bg.jpg) no-repeat;}
#car_search.pd_60 .sch_tit_wrap {position:relative;width:1070px;margin:0 auto;padding-top:150px;font-size:17px;line-height:1.4; letter-spacing:0;color:#fff;text-align:center;font-family:notokr-demilight}
#car_search.pd_60 .sch_tit_wrap h2  {padding-bottom:8px;font-weight:normal;font-size:51px;letter-spacing:-1.5px;font-family:'notokr-thin'}

@media \0screen {
#car_search.search_bg_index #sch_area_wrap {background-color:#f7f7f7}	
}
