@charset "UTF-8";

@import url('../css/font/NanumSquareRound/nanumsquareround.css');

*{
    font-family: 'NanumSquareRound', sans-serif;
    font-style: normal;
    list-style: none;
    text-decoration: none;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    color: #333;
    letter-spacing: -0.6px;
}

div.container{ width: 95%; margin: 0 auto;}

/* 상단 디자인 */
#header_menu{
    width: 100%;
    height: 68px;
    box-sizing: border-box;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #9a00d4, #0037af);
    border-image-slice: 1;
}

#header_menu .cs_call{ top: 20px;}
#header_menu .cs_call button#cuscenter_btn{ padding: 6px 8px; font-size: 12px; line-height: 14px;}
#header_menu .cs_call button#cuscenter_btn img{ padding: 0; position: relative;}

#header_logo{ width: 90%; display: inline-block; padding: 0 20px; line-height: 68px; border-bottom: none; background-color: transparent;}
#header_logo a{ position: initial;}
#header_logo img{
	vertical-align: middle;
	float: left;
	padding: 8px 20px;
	position: absolute;
	top: 0;
	left: 0;
}

#header_logo img.pc_logo{ display: none;}
#header_logo img.mobile_logo{ display: block;}

#header_menu ul#mainmenu{ display: none; top: 0; right: 0; padding: 18px 0;}

#mobilelistbtn{ display: block; position: absolute; right: 0; top: 0; padding: 18px 20px; cursor: pointer;}

#slidemenu {
    width: 80%;
    background-color: #fff;
    z-index: 700;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    padding: 24px;
    box-sizing: border-box;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}

ul#mobile_mainmenu li{ padding: 12px 0;}
ul#mobile_mainmenu li a{ font-size: 15px; line-height: 17px; font-weight: 800;}
ul#mobile_mainmenu li a img{ float: right; vertical-align: middle;}

ul#mobile_mainmenu ul.mobile_submenu li{ padding: 8px 0;}
ul#mobile_mainmenu ul.mobile_submenu li a{ font-size: 15px; font-weight: 400; line-height: 17px;}
/* 상단 디자인 */


/* 하단 디자인 */
#footer{
    width: 100%;
    position: absolute;
    box-sizing: border-box;
    background-color: #f2f2f2;
    border-top: 1px solid #eaeaea;
    padding: 20px 20px 30px 20px;
}

#footer_logo{ padding: 0; width: 25%;}
#footer_logo a{ display: inline-block;}
#footer_logo img{ width: 67px; height: 52px;}

#footer #footer_info{ display: inline-block; position: relative; top: 0; padding: 0; float: right;}
#footer ul#footer_info_top{ display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-top: 0;}
#footer ul#footer_info_top li{ display: flex; flex-direction: row; align-items: flex-start; padding: 0;}
#footer ul#footer_info_top li a{ font-size: 13px; font-weight: 700; line-height: 15px;}
#footer ul#footer_info_top li:not(:last-child):after{ content: "|"; height: 12px; padding: 0 10px; color: #d9d9d9;}

#footer #footer_info_bottom{ text-align: end; font-size: 12px; font-weight: 400; line-height: 17px; padding: 0; margin-top: 50px;}
#footer #footer_info_bottom span{ padding-left: 10px; vertical-align: middle;}
/* 하단 디자인 */


/* 퀵메뉴 */
#quickmenu_mobile{
    display: block;
    position: absolute;
    right: 8px;
    bottom: 20%;
    z-index: 11;
}
#quickmenu_mobile #quickmenu_mobile_right{ position: relative; background-color: #fff; box-sizing: border-box; border: 1px solid #6215C7; box-shadow: 0 2px 4px rgba(3,3,3,0.02); border-radius: 99px; padding: 24px 16px;}
#quickmenu_mobile #quickmenu_mobile_right a img{ width: 24px; height: 24px;}
#quickmenu_mobile #quickmenu_mobile_right a img.icon_mar{ margin: 0 0 24px 0;}
.quickmenu_mobile_fix{position:fixed !important; top:10px !important; z-index:100;}

#quickmenu_pc{ display: none;}
/* 퀵메뉴 */


/* 인덱스 디자인 */
section#bannerschdiv{position: relative; padding: 0; margin: 0;}

/* 배너슬라이드 */
div#mainbanner_container{
	position: absolute;
	z-index: 50;
	text-align: center;
	top: 220px;
    left: 50%;
}
/* 배너슬라이드 */

/* 메인배너 */
section#bannerschdiv #mainbanner{ width: 100%; height: 250px;}
section#bannerschdiv #mainbanner .swiper-slide{ background-position: center; background-size: cover;}

section#bannerschdiv #mainbanner .swiper-wrapper img { width: 100%;}
section#bannerschdiv{ width: 100%; display: block; position: relative;}

#mainbanner_container .banner_menu{
	position: relative;
	width: 30px;
	height: 6px;
	display: inline-block;
	cursor: pointer;
	background: #efefef;
	opacity: 0.4;
	border-radius: 99px;	
}
#mainbanner_container .bc_black{
	width: 60px;
	height: 6px;
	background: #fff;
	border-radius: 99px;
	opacity: 1;
}
/* 메인배너 */

/* 인덱스 디자인 */


/* 모바일 차량목록 */

#sub_searchbox_wrap, #longrent_sub{ margin: 0;}
#sub_searchbox #sub_searchbox_container { left: 0; width: 100%;}

#sub_searchbox_wrap #sub_searchbox{ width: 100%; padding: 15px 0;}
#sub_searchbox #sub_search_rent { padding: 10px 20px;}

#sub_search .sub_search_box input.date{ width: 120px;height: 30px;font-size: 20px;text-align: center;font-weight: 800; line-height: 24px; letter-spacing: -1px; margin-bottom: 0;}

#sub_search .sub_search_box select.hour{ width: 70px; height: 25px; font-size: 16px; font-weight: 700; line-height: 18px; margin-bottom: 24px; margin-left: 5px;}

#sub_search .sub_search_topbox .usedate { width: 25%; padding: 40px 0 20px 0; text-align: center;}

#sub_search .sub_search_box { width: 35%;}
#sub_searchbox .sub_search_topbox { flex-wrap: wrap;}

#sub_search #searchbox_btn{ width: 100%; text-align : center; display: block;}

#sub_search #searchbox_searchbtn {
    width: 80%;
    border: none;
    padding: 16px 10px;
    margin-top: 8px;
    margin-bottom: 4px;
    font-size: 18px;
    font-weight: 800;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
}

#rent_list{ padding-top: 40px;}

#rent_list ul#list_category{ display: initial;}
#rent_list ul#list_category li{ float: left; width: 22.2%; padding: 20px 5px;}
#rent_list ul#list_category li:nth-child(1){ width: 20%; height: 77px; line-height: 77px;}
#rent_list ul#list_category li:nth-child(4){ border-radius: 0 8px 0 0;}
#rent_list ul#list_category li:nth-child(7){ border-radius: 0 0 8px 0;}
#rent_list #modellist{ margin-top: 20px;}
#rent_list #modellist .modellist_box .modellist_goods{ width: 100%;}

#rent_list .modellist_box .model_image_event{ width: 85%;}
#rent_list .modellist_box .model_image_event h4{ font-size: 14px;}
#rent_list .modellist_box .model_image_event p{ font-size: 10px; line-height: 11px;}

/* 모바일 차량목록 */


/* 모바일 차량상세 */
#sub_detail_top{ display: none;}
#sub_detail_top_mobile, #sub_detail_bottom_mobile{ display: block;}

#sub_detail_top_mobile{ box-sizing: border-box; border: 1px solid #eaeaea; box-shadow: 0 10px 20px rgba(0,0,0,0.04);}
#sub_detail_body #sub_detail_paybox{ width: 100%;}
#sub_detail_body #sub_detail_paybox #sub_detail_insu, #sub_detail_body #sub_detail_paybox #sub_detail_resinfo,
#sub_detail_body #sub_detail_paybox #sub_detail_payment, #sub_detail_body #sub_detail_paybox #sub_detail_agree{ width: 100%;}

#sub_detail_top_mobile #sub_detail_res{ padding: 20px 0;}
#sub_detail_top_mobile #sub_detail_res .res_carinfo { flex-wrap: wrap;}
#sub_detail_res .res_carinfo .res_carimg { width: 100%;}

#sub_detail_res .res_carinfo .res_carinfo_txt { width: 100%; padding: 0; margin-top: 20px;}
#sub_detail_res .res_carinfo .res_carinfo_txt .res_cartxt h2{ font-size: 18px; font-weight: 700; line-height: 24px;}
#sub_detail_res .res_carinfo .res_cartxt li { padding: 0; font-size: 14px; line-height: 16px;}
#sub_detail_res .res_carinfo .res_cartxt ul { flex-wrap: wrap; padding-top: 10px;}

#sub_detail_res .res_carinfo .res_cartxt li.equips{ font-size: 12px; line-height: 20px;}

#sub_detail_res .res_carinfo .res_carqual .res_qual_title{ margin-top: 15px;}

#sub_detail_res .res_carinfo .res_cardate_check { padding: 10px 0;}
#sub_detail_res .res_carinfo .res_cardate_check .res_cartime { flex: 1 1 33%; margin-right: 0;}

#sub_detail_res .res_carinfo .res_cardate_check .res_cartime .res_date_title{ font-size: 16px; padding-bottom: 5px;}
#sub_detail_res .res_carinfo .res_cardate_check .res_cartime span.res_date{ font-size: 16px; line-height: 18px;}
#sub_detail_res .res_carinfo .res_cardate_check .res_cartime span.res_yoil{ font-size: 16px; line-height: 18px; margin: 0 10px 0 5px;}
#sub_detail_res .res_carinfo .res_cardate_check .res_cartime span.res_time{ font-size: 18px; line-height: 20px; margin-top: 10px;}

#sub_detail_res .res_carinfo .res_cardate_check #res_caretime { margin-right: 0;}

#sub_detail_body{ padding: 30px 0;}

#sub_detail_body #sub_detail_paybox .paybox_title h3{ font-size: 24px; line-height: 27px;}

#sub_detail_insu .insurtxt{ display: none;}
#sub_detail_insu ul.insu_box li .insu_box_title{ margin-bottom: 15px; font-size: 22px; line-height: 25px;}
#sub_detail_insu ul.insu_box li .insu_box_title img{ width: 25px; height: 25px; vertical-align: middle; float: right; cursor: pointer;}

#sub_detail_body #sub_detail_insu ul.insu_box{ display: inline-block;}
#sub_detail_body #sub_detail_insu ul.insu_box li, #sub_detail_body #sub_detail_insu ul.insu_box li.active{ width: 100%;}
#sub_detail_body #sub_detail_insu ul.insu_box li:not(:last-child){ margin-bottom: 10px;}

#sub_detail_body #sub_detail_insu ul.insu_box li.active{ box-shadow: 0 10px 20px rgba(0,0,0,0.04); border-left: 8px solid #6215C7;}

#sub_detail_insu ul.insu_box li .insu_box_content, #sub_detail_insu ul.insu_box li .insu_box_content span{ font-size: 16px; line-height: 24px;}

#sub_detail_body #sub_detail_insu ul.insu_box li button.insu_btn{ display: none;}

#sub_detail_body #sub_detail_paybox #sub_detail_resinfo{ padding: 30px 0 15px 0;}
#sub_detail_resinfo .resinfo_box { width: 100%; flex-wrap: wrap; padding: 20px;}

#sub_detail_resinfo .resinfo_box .resinfo_box_content { flex-wrap: wrap;}

#sub_detail_resinfo .resinfo_box .resinfo_box_content .resinfo_box_title { width: 100%; font-size: 14px; line-height: 24px; padding-top: 0;}
#sub_detail_resinfo .resinfo_box .resinfo_box_content span { width: 100%;}
#sub_detail_resinfo .resinfo_box .mar{ float: none;}
#sub_detail_resinfo .resinfo_box .small{ width: 100%; margin: 0;}

#sub_detail_resinfo .resinfo_box .small .center{ text-align: left;}

#sub_detail_resinfo .resinfo_box .resinfo_box_content input, #sub_detail_resinfo .resinfo_box .resinfo_box_content textarea{ width: 100%; margin-bottom: 10px;}
#sub_detail_resinfo .resinfo_box .resinfo_box_content textarea{ margin-bottom: 0;}
#sub_detail_resinfo .resinfo_box .resinfo_box_content span textarea.resinfo_box_right_txt {
    width: 100%;
}
#sub_detail_body #sub_detail_paybox #sub_detail_payment{ padding: 15px 0 30px 0;}
#sub_detail_payment ul.payment_box {
    flex-wrap: wrap;
}

#sub_detail_payment ul.payment_box li{
     margin-right: 0 !important;
}

#sub_detail_payment ul.payment_box li.active { width: 100%; padding: 22px; font-size: 18px; line-height: 20px;}
#sub_detail_payment ul.payment_box li { width: 100%; padding: 22px; font-size: 18px; line-height: 20px;}

#sub_detail_payment ul.payment_box li:not(:last-child){ margin-bottom: 10px;}

#sub_detail_body #sub_detail_insu ul.insu_box li.active span.insu_box_check img{ width: 20px; height: 20px;}

#sub_detail_agree .agree_box .pilsu_agree .agree_title{ margin-left: 10px;}
#sub_detail_agree .agree_box .pilsu_agree .agree_title, #sub_detail_agree .agree_box .pilsu_agree span.pilsu_txt{ font-size: 14px;line-height: 16px;}
#sub_detail_agree .agree_box .agree_contents { max-height: 200px; overflow: auto; padding: 15px;}
#sub_detail_agree .agree_box .agree_contents_inner p{ font-size: 12px; line-height: 20px;}

#sub_detail_bottom_mobile{
    box-sizing: border-box;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 -10px 20px rgba(0,0,0,0.04);
}

/*#sub_detail_bottom_mobile #sub_detail_lastbox { flex-wrap: wrap; padding: 20px 0 10px 0;}*/

#sub_detail_lastbox .last_paycheck { width: 100%; display: flex; justify-content: space-between; margin-bottom: 25px;}
#sub_detail_lastbox button#mobile_pay_btn {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #6215C7;
    background-color: #6215C7;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 800;
    line-height: 18px;
    color: #fff;
    cursor: pointer;
}

#sub_detail_lastbox .last_paycheck .check_pay_title{ font-size: 16px; line-height: 22px; font-weight: 800;}
#sub_detail_lastbox .last_paycheck .check_payment{ font-size: 24px; line-height: 27px; font-weight: 800; color: #6215C7;}

/* 모바일 차량상세 */

/* 서브 페이지 */
table.tbl4 td, table.tbl5 td{ font-size: 14px;}
table.common_table td{ padding: 10px 3px;}

div.txtbox1{ padding: 15px; margin-top: 20px; line-height: 22px; font-size: 14px;}
div.txtbox1 ul{ padding: 0 15px;}

div.center{ display: inline-block; margin-bottom: 40px;}
div.placebox{ width: 100%; margin-bottom: 10px;}
div.placebox h2{ font-size: 14px; line-height: 40px;}
div.placebox div.img{ padding: 30px 0 20px 0;}
div.placebox div.placebox_txt{ padding: 10px 15px; font-size: 13px; line-height: 18px;}

div.commoninfo{ padding: 15px; border: 15px solid #eaeaea;}

h3.subtitle{ font-size: 18px;}
p.txt_title{ font-size: 16px;}

div.common_contents{ font-size: 13px; line-height: 17px;}

.sub-banner{ padding: 30px 0;}
.sub-banner h1{ font-size: 24px; line-height: 27px;}

#contents_sub_top, #info_sub_top, #cs_sub_top, #common_sub_top{ padding: 30px 0;}
#contents_sub_top h1, #info_sub_top h1, #cs_sub_top h1, #common_sub_top h1{ font-size: 24px; line-height: 27px;}
#contents_sub_div, #info_sub_div, #cs_sub_div, #common_sub_div{ margin: 20px 0 0 0;}

#contents_sub_div .contents_sub, #common_sub_div .common_sub, #info_sub_div .info_sub{ padding: 40px 0;}
#cs_sub_div .cs_sub{ padding: 25px 0 60px 0;}

#contents_sub_div ul.contents_sub_tab li, #info_sub_div ul.info_sub_tab li, #cs_sub_div ul.cs_sub_tab li, #common_sub_div ul.common_sub_tab li{
    font-size: 16px;
    line-height: 18px;
    padding: 16px 8px;
    white-space: nowrap;
}
#info_sub_place{ display: inline-block; margin-top: 25px;}
#info_sub_splace, #info_sub_eplace{ width: 100%;}
#cs_sub_location #map, #info_sub_splace #splace, #info_sub_eplace #eplace{ height: 270px; border-radius: 8px;}
#info_sub_splace #splace, #info_sub_eplace #eplace{ border-radius: 8px 8px 0 0;}

#info_sub_splace{ margin-bottom: 20px;}

#cs_sub_location .cs_sub_location_btn{ display:none !important;}
#cs_sub_location #cs_sub_location_add, #info_sub_place .info_sub_place_addr .info_sub_place_add{ font-size: 14px; line-height: 16px;}
#cs_sub_location .cs_sub_location_addr .cs_sub_location_name, #info_sub_place .info_sub_place_addr .info_sub_place_name{ font-size: 18px; line-height: 20px;}

#cs_sub_location #add_ex{ display: block; padding-left: 4.1em;}

#cs_sub_location .cs_sub_location_btn_m{ display: block;}

#cs_sub_location ul.cs_sub_location_btn_m {
    width: 90%;
    position: relative;
    display: flex;
    background-color: #eaeaea;
    flex-direction: row;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    float: initial;
    bottom: 0;
    right: 0;
    padding: 8px 15px;
    margin-top: 15px;
}


#cs_sub_location .cs_sub_location_addr ul.cs_sub_location_btn_m li{ display: inline-block;}
#cs_sub_location .cs_sub_location_addr ul.cs_sub_location_btn_m li a{ font-size: 14px; font-weight: 400; line-height: 16px; padding: 0;}
#cs_sub_location .cs_sub_location_addr ul.cs_sub_location_btn_m li:not(:last-child):after{ content: "|"; height: 12px; padding: 0 15px; color: #d9d9d9;}
#cs_sub_location .cs_sub_location_addr ul.cs_sub_location_btn_m li a img{ vertical-align: middle; width: 16px; height: 16px; margin-right: 5px;}

#cs_sub_location .cs_sub_location_addr{ padding: 30px 20px; border: none; border-radius: 0;}
#cs_sub_location .cs_sub_location_addr p, #cs_sub_location .cs_sub_location_addr p span{ font-size: 14px; line-height: 24px; margin: 0;}

#cs_sub_notice .cs_sub_title h3, #cs_sub_notice .cs_sub_title h3 span{ font-size: 14px;}
#cs_sub_notice ul.cs_sub_notice li.notice_title{ padding: 10px 0;}
#cs_sub_notice ul.cs_sub_notice li.notice_title a{ font-size: 14px; line-height: 25px;}
#cs_sub_notice ul.cs_sub_notice li.notice_title span.bdate{ font-size: 12px; line-height: 25px;}
#cs_sub_notice .cs_sub_notice img{ width: 25px; height: 25px;}

#cs_sub_notice ul.cs_sub_notice .notice_cont{ padding: 10px;}
#cs_sub_notice ul.cs_sub_notice .notice_cont .notice_cont_inner p{ font-size: 12px; line-height: 20px;}

#info_sub_place .info_sub_place_addr{ padding: 20px;}

/* 셔틀안내 */
#pc_part{ display:none;}
#mobile_part{ display:block;}
/* 셔틀안내 */

#review-sub-div .table thead th, #review-sub-div .table tbody td{ padding: 10px 0; font-size: 14px;}
#review-sub-div .write-btn-div .review-btn{ width: 100%;}

#review-login, #review-write-div, #review-detail-div{ padding: 50px 0;}
#review-write-div #review-write-box, #review-detail-div #review-detail-box{ width: auto; padding: 20px;}

#review-login #review-login-box, #review-write-div #review-write-box, #review-detail-div #review-detail-box{ padding: 20px;}

#review-login #review-login-info-txt, #review-login #review-login-box, #review-write-div #review-write-box{ width: 100%;}
#review-login #review-login-info-txt h5{ font-size: 18px; line-height: 20px;}

#review-login #review-login-box .review-login-info h5, #review-write-div #review-write-box .review-contents h5,
#review-write-div #review-write-box .review-contents li:first-child, #review-detail-div #review-detail-box .review-contents li:first-child{
    font-size: 14px;
    line-height: 20px;
}
/* 서브 페이지 */


/* 예약확인 */

#rescheck_sub #rescheck_sub_box{ padding: 40px 0;}
#rescheck_sub #rescheck_sub_box .rescheck_title h1, #rescheck_sub #rescheck_subd_box .rescheck_title h1{ font-size: 28px; line-height: 32px;}
#rescheck_sub #rescheck_sub_box .rescheck_title p, #rescheck_sub #rescheck_subd_box .rescheck_title p{ font-size: 16px;}

#rescheck_sub #rescheck_sub_box .rescheck_box{ width: 90%; padding: 30px 20px;}

#rescheck_sub #rescheck_sub_box .rescheck_box .rescheck_input .rescheck_box_content {flex-wrap: wrap;}
#rescheck_sub #rescheck_sub_box .rescheck_box .rescheck_title {width: 100%;}
#rescheck_sub #rescheck_sub_box .rescheck_box span {width: 100%;}
#rescheck_sub #rescheck_sub_box .rescheck_box input.rescheck_txt {width: 100%;}

#rescheck_sub #rescheck_subd_box{ padding: 60px 0; text-align: center;}

#rescheck_sub #rescheck_subd_box .rescheck_box { width: 90%;}

.rescheck_car_info .rescheck_date_box .rescheck_car_date .rescheck_date_title {
    font-family: 'NanumSquareRound';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	display: flex;
	align-items: center;
	letter-spacing: -0.6px;
	color: #333333;
}
.rescheck_car_info .rescheck_date_box .rescheck_car_date .rescheck_date {
	font-family: 'NanumSquareRound';
	font-style: normal;
	font-weight: 800;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: -1px;
	color: #333333;
}
#rescheck_subd_box .rescheck_innerbox .rescheck_car_info .rescheck_date_box .rescheck_car_date{ margin-right: 3em;}
#rescheck_sub #rescheck_subd_box .rescheck_box .rescheck_btn button#res_before_btn, #rescheck_sub #rescheck_subd_box .rescheck_box .rescheck_btn button#res_check_btn{ width: 48%;}

/* 예약확인 */