@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.wrap{width:100%; height:100%; clear:both;}

div.container{ margin: 0 auto; width: 1198px; height: 100%;}

table{ border-spacing: 0; vertical-align: top; background-color: #fff;}

/* 상단 디자인 */
#header_menu{
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 10px 20px 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{ display: flex; align-items: center; justify-content: end; position: relative; right: 0; top: 25px;}
#header_menu .cs_call button#cuscenter_btn{
    padding: 9px 8px;
    box-sizing: border-box;
    background-color: #fafafa;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 800;
    cursor: pointer;
}
#header_menu .cs_call button#cuscenter_btn img{ width: 12px; height: 12px; margin-right: 3px;}

#header_logo{ text-align: center; padding: 0 0 10px 0; box-sizing: border-box; border-bottom: 1px solid #eaeaea; background-color: #fff;}
#header_logo a{ display: inline-block; position: relative;}
#header_logo img{vertical-align: middle;}

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

#header_menu ul#mainmenu{ display: flex; flex-direction: row; justify-content: center; align-items: center;}
#header_menu ul#mainmenu li{ display: flex; padding: 18px 20px; flex-direction: row; align-items: flex-start;}
#header_menu ul#mainmenu li a{ font-weight: 800; font-size: 16px; line-height: 18px;}
#header_menu ul#mainmenu li a:hover{ color: #6215C7;}
#header_menu ul#mainmenu li img{ width: 24px; height: 24px; vertical-align: middle;}

#header_menu ul#mainmenu li a.active{ color: #6215C7;}

#header_menu:after{clear:both; content:""; display:block;}

#submenu{
    width: 100%;
    height: 166px;
    min-height: 166px;
    display: none;
    background-color: #fafafa;
    padding-bottom: 15px;
    position: absolute;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    border-bottom: 2px solid;
    border-image: linear-gradient(to right, #9a00d4, #0037af);
    border-image-slice: 1;
    z-index: 3;
}

#submenu #submenu_box1{ width: 34%; height: 166px; line-height: 166px; color: #fff; float: left; display: inline-block; font-size: 0;}
#submenu ul#submenu_box2{ float: left; margin-top: 32px;}
#submenu ul#submenu_box2:nth-child(2){ margin-right: 36px;}
#submenu ul#submenu_box2:nth-child(3){ margin-right: 34px;}
#submenu ul#submenu_box2 li{ margin-bottom: 24px;}
#submenu ul#submenu_box2 li a{ font-size: 16px; font-weight: 700; line-height: 18px;}
#submenu ul#submenu_box2 li a:hover{ color: #6215C7;}

#mobilelistbtn{ display: none;}
#slidemenu{ display: none;}

#body_block{
    z-index: 600;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    text-align: center;
    background-color: rgba(0,0,0,0.6);
}
/* 상단 디자인 */


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

#footer_logo{ width: 30%; height: 100%; float: left; display: inline-block;}
#footer_logo a{ display: inline-block; position: relative;}
#footer_logo img{ width: 83px; height: 64px;}

#footer_info{ position: relative; top: 0; float: right; display: inline-block;}

#footer ul#footer_info_top{ display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
#footer ul#footer_info_top li{ display: flex; flex-direction: row; align-items: flex-start;}
#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; margin-top: 10px; font-size: 12px; font-weight: 400; line-height: 17px;}
#footer #footer_info_bottom span{ padding-left: 10px; vertical-align: middle; color: #666;}
/* 하단 디자인 */


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

#quickmenu_pc{
    display: block;
    position: absolute;
    right: 30px;
    float: right;
    z-index: 999;
}
#quickmenu_pc #quickmenu_pc_right{ position: relative; box-sizing: border-box; background-color: #fafafa; border: 1px solid #eaeaea; border-radius: 8px;}
#quickmenu_pc #quickmenu_pc_right .quickmenu_baby, #quickmenu_pc #quickmenu_pc_right .quickmenu_map{ padding: 20px;}
#quickmenu_pc #quickmenu_pc_right .quickmenu_call{ padding: 20px; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}
#quickmenu_pc #quickmenu_pc_right .quickmenu_call a{ cursor: pointer;}

#quickmenu_pc #quickmenu_pc_right .quickmenu_img{ margin-bottom: 8px; text-align: center;}
#quickmenu_pc #quickmenu_pc_right .quickmenu_img img{ width: 24px; height: 24px; vertical-align: middle;}
#quickmenu_pc #quickmenu_pc_right a .quickmenu_title{ font-size: 12px; line-height: 16px; font-weight: 800; color: #555; text-align: center;}

.quickmenu_pc_fix{position:fixed !important; top:10px !important; z-index:100;}
/* 퀵메뉴 */


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

/* 배너슬라이드 */
div#mainbanner_container{ height: 40px; position: absolute; z-index: 50; margin-bottom:65px; top: 465px; left: 80%; width: auto;}

#mainbanner_container .bc_black{ background: #FFFFFF; border-radius: 99px;}
/* 배너슬라이드 */

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

section#bannerschdiv{ width: 100%; display: block; position: relative;}

#mainbanner_container .banner_menu{ position: relative; height: 8px; width: 40px; background: #efefef; opacity: 0.4; display: inline-block; cursor: pointer; border-radius: 99px;}
#mainbanner_container .bc_black{ background-color: #fff !important; width: 80px;opacity: 1;}
/* 메인배너 */

/* 인덱스 디자인 */


/* 실시간예약 디자인 */

#sub_searchbox_wrap{ width: 100%;}
#sub_searchbox_wrap #sub_searchbox{
    box-sizing: border-box;
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
    background: linear-gradient(to right, #9a00d4, #0037af);
    padding: 36px 0;
}
#sub_searchbox #sub_searchbox_container{ display: inline-block; width: 80%; position: relative; top: 0; left: 10%;}

#sub_searchbox #sub_search{ text-align: left;}
#sub_searchbox .sub_search_topbox{display: flex;}

#sub_search .sub_search_box{ width: 30%;}
#sub_search .sub_search_box .sub_search_title{ font-size: 16px; line-height: 18px; font-weight: 400; margin-bottom: 10px; margin-left: 5px; color: #fff;}
#sub_search .sub_search_box input.date{
    width: 150px;
    height: 40px;
    font-size: 25px;
    text-align: center;
    font-weight: 800;
    line-height: 29px;
    letter-spacing: -1px;
    border: none;
    cursor: pointer;
    color: #fff;
    background-color: transparent;
}
#sub_search .sub_search_box select.hour{ width: 80px; height: 35px; font-size: 20px; line-height: 23px; border: none; color: #fff; background-color: transparent;}
#sub_search .sub_search_box select.hour img{ width: 20px; height: 20px; vertical-align: middle;}

#sub_search .sub_search_topbox .usedate{ width: 25%; display: inline-block; text-align: center; padding: 15px 15px 0 0;}
#sub_search .sub_search_topbox .usedate p{ font-size: 14px; font-weight: 800; line-height: 16px; color: #fff;}

#sub_search #searchbox_usedatebtn{ display:none;}

#sub_search #searchbox_searchbtn{
    width: 340px;
    background-color: #fff;
    border: none;
    border-radius: 8px;
    padding: 18px 24px;
    font-size: 20px;
    font-weight: 800;
    line-height: 23px;
    text-align: center;
    cursor: pointer;
}
#sub_search #searchbox_searchbtn p{
    background: linear-gradient(to right, #9a00d4, #0037af);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#rent_list{ width: 100%;}

#rent_list ul#list_category{
    display: flex;
    flex-direction: row;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 8px;
    margin: 40px 0;
}
#rent_list ul#list_category li{
    width: 14%;
    display: inline-block;
    padding: 20px 16px;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    font-weight: 800;
    color: #000;
    cursor: pointer;
    border: 1px solid #eaeaea;
}
#rent_list ul#list_category li:first-child{ border-radius: 8px 0 0 8px;}
#rent_list ul#list_category li:nth-child(7){ border-radius: 0 8px 8px 0;}

#rent_list ul#list_category li:not(:last-child){border-right: 1px solid #eaeaea;}

#rent_list ul#list_category li.active{ background-color: #6215C7; color: #fff; border: 1px solid #6215C7;}


#rent_list #modellist .modellist_box{ width: 100%; margin-bottom: 60px;}
#rent_list #modellist .modellist_box .modellist_goods{
    width: 32%;
    height: 414px;
    padding: 20px;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid #eaeaea;
    text-align: center;
    margin-right: 21px;
    margin-bottom: 20px;
}

#rent_list #modellist .modellist_box .modellist_goods:nth-child(3n){margin-right: 0;}
/*#rent_list #modellist .modellist_box .modellist_goods_mr:nth-child(4n){margin-right: 0px;}*/
#rent_list #modellist .modellist_box .modellist_goods_mr{ margin-right: 20px;}

#rent_list .modellist_box .model_image{
    height: 42%;
    padding: 10px 14px;
    background-color: #fafafa;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px;
    border: 1px solid #eaeaea;
}

#rent_list .modellist_box .model_image_tape{ position: absolute; top: 20px; left: 20px;}
#rent_list .modellist_box .model_image_tape ul.tape{ display: flex; align-items: center; padding: 8px; background-color: #0037af; border-radius: 8px 0;}
#rent_list .modellist_box .model_image_tape ul.tape li{ font-size: 12px; line-height: 14px; font-weight: 700; color: #fff;}
#rent_list .modellist_box .model_image_tape ul.tape li:not(:last-child):after{ content: "|"; height: 8px; padding: 0 6px; color: #fff;}

#rent_list .modellist_box .model_image_event{ width: 84%; background-color: #000; opacity: 0.6; border-radius: 0 0 8px 8px; position: absolute; top: 36.5%; left: 20px; padding: 8px 10px; text-align: left;}
#rent_list .modellist_box .model_image_event h4{ color: #fff; font-weight: 700; font-size: 15px; line-height: 16px; margin-bottom: 4px;}
#rent_list .modellist_box .model_image_event p{ color: #fff; font-size: 11px; line-height: 12px; font-weight: 400;}

#rent_list .modellist_box .model_info_txt{ padding-top: 20px;}

#rent_list .modellist_box .model_info h3{ display: table-cell; height: 40px; font-size: 18px; font-weight: 800; line-height: 20px; margin-bottom: 5px; text-align: left;}
#rent_list .modellist_box .model_info ul{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
#rent_list .modellist_box .model_info li{ font-size: 14px; font-weight: 400; line-height: 16px; padding: 5px 0;}
#rent_list .modellist_box .model_info li:not(:last-child):after{ content: "|"; height: 8px; padding: 0 4px; color: #d9d9d9;}

#rent_list .modellist_box .model_fee{ display: flex; justify-content: space-between;}
#rent_list .modellist_box .model_fee p.rental_hour{ font-size: 12px; font-weight: 400; line-height: 14px; color: #6215C7; text-align: end;}
#rent_list .modellist_box .model_fee p.rental_hour span{ font-size: 18px; font-weight: 800; line-height: 20px; text-align: end; color: #6215C7;}
#rent_list .modellist_box .model_fee p.rental_fee{ font-size: 16px; font-weight: 700; line-height: 18px; text-align: left;}

#rent_list .modellist_box button#resbtn{
    width: 70%;
    margin-top: 25px;
    text-align: center;
    padding: 14px 10px;
    background-color: #6215C7;
    border-radius: 8px;
    border: 1px solid #6215C7;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    line-height: 18px;
    cursor: pointer;
}
#rent_list .modellist_box button#notresbtn{
    width: 70%;
    margin-top: 25px;
    text-align: center;
    padding: 14px 10px;
    background-color: #fafafa;
    border-radius: 8px;
    color: #888;
    border: 1px solid #eaeaea;
    font-size: 16px;
    font-weight: 800;
    line-height: 18px;
}
/* 실시간예약 디자인 */

/* 상세 디자인 */
#sub_detail_top_mobile, #sub_detail_bottom_mobile{ display: none;}

#sub_detail_top{
    width: 22%;
    display: inline-block;
    right: 15%;
    float: right;
    z-index: 2;
}
.sub_detail_top_fix{ position:fixed !important; top:10px !important; z-index:100;}

#sub_detail_top #sub_detail_res{
    width: 100%;
    float: right;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
    box-shadow: 0 10px 20px rgba(0,0,0,0.04);
    border-radius: 8px;
    padding: 20px;
}
#sub_detail_top #sub_detail_res .res_carinfo{ width: 100%;}

#sub_detail_res .res_carinfo .res_carimg{
    box-sizing: border-box;
    background-color: #fafafa;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    padding: 114px 90px 100px 90px;
    background-position: center;
    background-repeat: no-repeat;
}

#sub_detail_res .res_carinfo .res_cartxt h2{ font-size: 20px; font-weight: 800; line-height: 24px; margin-top: 20px;}

#sub_detail_res .res_carinfo .res_cartxt ul{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
#sub_detail_res .res_carinfo .res_cartxt li{ font-size: 14px; font-weight: 400; line-height: 16px; padding: 8px 0 20px 0;}
#sub_detail_res .res_carinfo .res_cartxt li:not(:last-child):after{ content: "|"; height: 8px; padding: 0 4px; color: #d9d9d9;}

#sub_detail_res .res_carinfo .res_cartxt li.equips{ font-size: 12px; font-weight: 400; line-height: 20px; color: #666; padding: 0;}
#sub_detail_res .res_carinfo .res_cartxt li.equips:not(:last-child):after{ content: "|"; padding: 0 4px; color: #666;}

#sub_detail_res .res_carinfo .res_carqual .res_qual_title{ font-size: 14px; font-weight: 400; line-height: 22px; padding-bottom: 5px; margin-top: 0;}
#sub_detail_res .res_carinfo .res_carqual p{ font-size: 16px; font-weight: 800; line-height: 22px;}

#sub_detail_res .res_carinfo .res_cardate_check{ padding: 20px 0 10px 0;}
#sub_detail_res .res_carinfo .res_cardate_check .res_cartime{ margin-bottom: 10px;}
#sub_detail_res .res_carinfo .res_cardate_check span.res_cartime{ float: right;}

#sub_detail_res .usedate{ display: none;}

#sub_detail_res .res_carinfo .res_cardate_check .res_cartime .res_date_title{ font-size: 16px; font-weight: 400; line-height: 22px; padding-bottom: 5px;}
#sub_detail_res .res_carinfo .res_cardate_check .res_cartime span{ font-size: 16px; line-height: 22px;}
#sub_detail_res .res_carinfo .res_cardate_check .res_cartime span.res_date{ font-weight: 800;}
#sub_detail_res .res_carinfo .res_cardate_check .res_cartime span.res_yoil{ font-weight: 700; margin: 0 4px;}
#sub_detail_res .res_carinfo .res_cardate_check .res_cartime span.res_time{ font-weight: 800;}
#sub_detail_res .res_carinfo .res_cardate_check .res_cartime span.res_time img{ width: 20px; height: 20px; vertical-align: middle;}
#sub_detail_res .res_carinfo .res_cardate_check .res_cartime span.res_usetime{ font-weight: 800;}

#sub_detail_resbox .res_paycheck{ margin-bottom: 25px;}
#sub_detail_resbox .res_paycheck .check_pay_title{ font-size: 18px; line-height: 20px; font-weight: 800;}
#sub_detail_resbox .res_paycheck .check_payment{ font-size: 20px; font-weight: 800; line-height: 23px; color: #6215C7; float: right; vertical-align: middle;}

#sub_detail_resbox button#pay_btn{
    width: 100%;
    padding: 18px 24px;
    background: linear-gradient(to right, #9a00d4, #0037af);
    border: none;
    border-radius: 8px;
    font-size: 20px;
    font-weight: 800;
    line-height: 23px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

#sub_detail_body{ width: 100%; padding: 40px 0;}

#sub_detail_body #sub_detail_paybox{ width: 64%;}
#sub_detail_body #sub_detail_paybox #sub_detail_resinfo{ padding: 40px 0;}
#sub_detail_body #sub_detail_paybox #sub_detail_payment{ padding: 0 0 40px 0;}
#sub_detail_body #sub_detail_paybox #sub_detail_agree{ padding: 0;}

#sub_detail_body #sub_detail_paybox .paybox_title{ padding: 10px 0; margin-bottom: 5px;}
#sub_detail_body #sub_detail_paybox .paybox_title h3{ font-size: 28px; font-weight: 700; line-height: 32px;}

#sub_detail_body #sub_detail_insu ul.insu_box{ width: 100%; display: flex; flex-wrap: wrap; box-sizing: border-box;}
#sub_detail_body #sub_detail_insu ul.insu_box li{
    width: 32%;
    box-sizing: border-box;
    background-color: #fafafa;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    padding: 20px;
    margin-right: 10px;
    opacity: 0.5;
}
#sub_detail_body #sub_detail_insu ul.insu_box li:nth-child(3n){ margin-right: 0;}
#sub_detail_body #sub_detail_insu ul.insu_box li span.insu_box_check{ display: none;}

#sub_detail_body #sub_detail_insu ul.insu_box li.active{
    width: 32%;
    box-sizing: border-box;
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    padding: 20px;
    margin-right: 10px;
    opacity: 1;
}
#sub_detail_body #sub_detail_insu ul.insu_box li.active span.insu_box_check{ display: inline-block;}
#sub_detail_body #sub_detail_insu ul.insu_box li.active span.insu_box_check img{ vertical-align: middle; margin-right: 3px; width: 25px; height: 25px;}

#sub_detail_body #sub_detail_insu ul.insu_box li:nth-child(n+4) {
	margin-top: 20px;
}


#sub_detail_insu .insurtxt{ display: none;}
#sub_detail_insu ul.insu_box li .insu_box_title{ font-size: 20px; font-weight: 800; line-height: 23px; margin-bottom: 20px;}
#sub_detail_insu ul.insu_box li .insu_box_title img{ width: 23px; height: 23px; vertical-align: middle; float: right; cursor: pointer;}
#sub_detail_insu ul.insu_box li .insu_box_content{ font-size: 14px; font-weight: 400; line-height: 24px; margin-bottom: 10px;}
#sub_detail_insu ul.insu_box li .insu_box_content span{ font-size: 14px; line-height: 24px; font-weight: 800; float: right;}

#sub_detail_insu ul.insu_box li p.insu_box_pay{ font-size: 20px; font-weight: 800; line-height: 23px; color: #6215C7; text-align: end;}
#sub_detail_insu ul.insu_box li button.insu_btn{
    width: 100%;
    padding: 14px 16px;
    background-color: #fafafa;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 800;
    line-height: 18px;
    color: #555;
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
}
#sub_detail_body #sub_detail_insu ul.insu_box li.active button.insu_btn{
    background-color: #fff;
    border: 1px solid #6215C7;
    color: #6215C7;
    cursor: pointer;
}

#sub_detail_resinfo .resinfo_box{
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 10px 20px rgba(0,0,0,0.04);
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    padding: 40px;
}

#sub_detail_resinfo .resinfo_box .resinfo_box_content{ display: flex;}
#sub_detail_resinfo .resinfo_box .resinfo_box_content .resinfo_box_title{ width: 15%; font-size: 16px; font-weight: 400; line-height: 26px; padding-top: 10px;}
#sub_detail_resinfo .resinfo_box .resinfo_box_content input, #sub_detail_resinfo .resinfo_box .resinfo_box_content textarea{
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    padding: 15px;
}
#sub_detail_resinfo .resinfo_box .mar{ float: right;}
#sub_detail_resinfo .resinfo_box .small{ width: 50%; margin: 20px 0;}
#sub_detail_resinfo .resinfo_box .small .resinfo_box_title{ width: 35%;}
#sub_detail_resinfo .resinfo_box .small .center{ text-align: center;}
#sub_detail_resinfo .resinfo_box .small input{ width: 100%;}

#sub_detail_resinfo .resinfo_box .resinfo_box_content input::placeholder,
#sub_detail_resinfo .resinfo_box .resinfo_box_content textarea::placeholder{ color: #888; font-size: 16px; line-height: 18px; font-weight: 700;}

#sub_detail_payment ul.payment_box{ display: flex; box-sizing: border-box;}
#sub_detail_payment ul.payment_box li{
    width: 50%;
    background-color: #fafafa;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
    padding: 30px;
    font-size: 20px;
    font-weight: 800;
    line-height: 23px;
    border-radius: 8px;
    cursor: pointer;
    opacity: 0.5;
}
#sub_detail_payment ul.payment_box li.active{
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
    cursor: pointer;
    opacity: 1;
}
#sub_detail_payment ul.payment_box li:not(:last-child){ margin-right: 10px;}
#sub_detail_payment ul.payment_box li img{ width: 32px; height: 32px; vertical-align: middle; padding-right: 16px;}

#sub_detail_agree .agree_box .pilsu_agree{
    width: 100%;
    padding: 15px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #eaeaea;
}
#sub_detail_agree .agree_box .pilsu_agree .pilsucheck{ width: 0; height: 0; opacity: 0; display: none;}

#sub_detail_agree .agree_box .pilsu_agree .checks{ position: relative;}
#sub_detail_agree .agree_box .pilsu_agree .checks input[type="checkbox"]{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
#sub_detail_agree .agree_box .pilsu_agree .checks input[type="checkbox"] + label{
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
#sub_detail_agree .agree_box .pilsu_agree .checks input[type="checkbox"] + label:before{
    content: ' ';
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 20px;
    margin: 0 3px 0 0;
    text-align: center;
    vertical-align: middle;
    background:url("../img/icon/check_off.png") no-repeat center;
    border-radius: 99px;
}
#sub_detail_agree .agree_box .pilsu_agree .checks input[type="checkbox"]:checked + label:before { background:url("../img/icon/check_on.png") no-repeat center; border-radius: 99px;}

#sub_detail_agree .agree_box .pilsu_agree .agree_title,
#sub_detail_agree .agree_box .pilsu_agree span.pilsu_txt{ font-size: 18px; font-weight: 700; line-height: 20px;}
#sub_detail_agree .agree_box .pilsu_agree span.pilsu_txt{ color: #6215C7;}

#sub_detail_agree .agree_box .pilsu_agree .agree_title{ margin-left: 32px;}


#sub_detail_agree img.circle_up{ content: url('../img/icon/circle_up.png'); display: none;}
#sub_detail_agree img.circle_down{ content: url('../img/icon/circle_down.png');}

#sub_detail_agree .agree_box .pilsu_agree .looks{ position: relative; float: right;}

#sub_detail_agree .agree_box .pilsu_agree img{ vertical-align: middle; float: right; width: 24px; height: 24px;}

#sub_detail_agree .agree_box .agree_contents{ padding: 20px; box-sizing: border-box; background-color: #fafafa; border-bottom: 1px solid #eaeaea; max-height: 300px; overflow: auto;}
#sub_detail_agree .agree_box .hidden{ display: none !important;}
#sub_detail_agree .agree_box .agree_contents_inner{ position: relative; display: inline-block;}
#sub_detail_agree .agree_box .agree_contents_inner p{ font-size: 14px; line-height: 24px; color: #000;}

#sub_detail_agree .agree_box .agree_contents:after{ clear: both; content: ""; display: block;}

/* 상세 디자인 */


/* 서브 디자인 */

table.tbl4{ width: 100%; border-top: 3px solid #6215c7; box-shadow: 0 10px 10px rgba(0,0,0,0.08);}
table.tbl4 td{ border-left: 1px dashed #eaeaea; border-right: 1px dashed #eaeaea; border-bottom: 1px solid #eaeaea; padding: 15px 10px; text-align: center; font-weight: 700;}
table.tbl4 td.tab{ background-color: #fafafa; font-weight: 800;}

table.tbl5{ width: 100%; background-color: transparent; border-spacing: 1px; border-collapse: separate; box-shadow: 0 10px 10px rgba(0,0,0,0.08);}
table.tbl5 td{ padding: 15px 10px; border: none; background-color: #fafafa;}
table.tbl5 td.tab{ background-color: #d1bfd6; text-align: center; font-weight: 800;}

div.txtbox1{ padding: 20px; background-color: #fafafa; border-radius: 15px; margin-top: 30px; line-height: 26px; font-weight: 700; box-shadow: 0 10px 10px rgba(0,0,0,0.08);}
div.txtbox1 ul{ padding: 0 20px;}
div.txtbox1 ul li{ list-style: square;}

div.center{ display: flex; justify-content: space-between; margin-bottom: 50px;}
div.placebox{ display: inline-block; width: 19%; border: 1px solid #eaeaea; position: relative; box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-sizing: border-box; border-radius: 8px; margin-bottom: 0;}
div.placebox h2{
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 800;
    line-height: 50px;
    color: #fff;
    background: linear-gradient(to bottom, #9a00d4, #0037af);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    padding: 10px;
    border-radius: 8px 0 8px 0;
    font-size: 20px;
}
div.placebox div.img{ width: 100%; border-radius: 8px 8px 0 0; padding: 75px 0 20px 0; text-align: center;}
div.placebox div.placebox_txt{ padding: 20px; background-color: #fff; vertical-align: middle; font-weight: 700; border-top: 1px solid #eaeaea; border-radius: 0 0 8px 8px; font-size: 15px; line-height: 20px;}

div.commoninfo{ text-align: left; padding: 30px; border: 30px solid #eaeaea;}

h3.subtitle{ font-size: 20px; font-weight: 800; margin-bottom: 10px;}
p.txt_title{ font-size: 18px; font-weight: 800; margin-bottom: 8px;}
div.common_contents{ font-size: 16px; line-height: 21px;}

.sub-banner{
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 52px 0;
}
.sub-banner h1{ font-size: 32px; font-weight: 700; line-height: 36px; text-align: center; color: #fff;}
.sub-banner p{ font-size: 15px; font-weight: 700; line-height: 18px; text-align: center; color: #fff; margin-top: 10px;}

#contents_sub_top{
    width: 100%;
    background-image: url("../img/sub/rentalinfo_sub_topimg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 52px 0;
}
#info_sub_top{
    width: 100%;
    background-image: url("../img/sub/info_sub_topimg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 52px 0;
}
#cs_sub_top{
    width: 100%;
    background-image: url("../img/sub/cs_sub_topimg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 52px 0;
}
#common_sub_top{
    width: 100%;
    background-image: url("../img/sub/common_sub_topimg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 52px 0;
}
#review-sub-top{ background-image: url("../img/sub/review_sub_topimg.png");}
#review-sub-top h1, #review-sub-top p{ color: #333;}

#contents_sub_top h1, #info_sub_top h1, #cs_sub_top h1, #common_sub_top h1{ font-size: 32px; font-weight: 700; line-height: 36px; text-align: center; color: #fff;}

#contents_sub_div, #info_sub_div, #common_sub_div, #cs_sub_div{ margin: 40px 0 0 0;}
#contents_sub_div ul.contents_sub_tab, #info_sub_div ul.info_sub_tab, #cs_sub_div ul.cs_sub_tab, #common_sub_div ul.common_sub_tab{
    display: flex;
    flex-direction: row;
    justify-content: center;
    box-sizing: border-box;
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
    border-radius: 8px;
}
#contents_sub_div ul.contents_sub_tab li, #common_sub_div ul.common_sub_tab li{
    width: 33%;
    background-color: #fff;
    display: inline-block;
    padding: 24px 16px;
    text-align: center;
    font-size: 20px;
    line-height: 23px;
    font-weight: 800;
    border: 1px solid #eaeaea;
    cursor: pointer;
}
#contents_sub_div ul.contents_sub_tab li:first-child, #info_sub_div ul.info_sub_tab li:first-child, #cs_sub_div ul.cs_sub_tab li:first-child, #common_sub_div ul.common_sub_tab li:first-child{
    border-radius: 8px 0 0 8px;
}
#contents_sub_div ul.contents_sub_tab li:last-child, #info_sub_div ul.info_sub_tab li:last-child, #cs_sub_div ul.cs_sub_tab li:last-child, #common_sub_div ul.common_sub_tab li:last-child{
    border-radius: 0 8px 8px 0;
}
#contents_sub_div ul.contents_sub_tab li:not(:last-child), #info_sub_div ul.info_sub_tab li:not(:last-child), #cs_sub_div ul.cs_sub_tab li:not(:last-child), #common_sub_div ul.common_sub_tab li:not(:last-child){
    border-right: 1px solid #eaeaea;
}
#contents_sub_div ul.contents_sub_tab li.active, #info_sub_div ul.info_sub_tab li.active, #cs_sub_div ul.cs_sub_tab li.active, #common_sub_div ul.common_sub_tab li.active{
    color: #fff;
    background-color: #6215c7;
    border: 1px solid #6215C7;
}
#contents_sub_div .contents_sub, #info_sub_div .info_sub, #common_sub_div .common_sub{ padding: 60px 0;}
#cs_sub_div .cs_sub{ padding: 20px 0 80px 0;}

#info_sub_div ul.info_sub_tab li, #cs_sub_div ul.cs_sub_tab li{
    width: 49%;
    background-color: #fff;
    display: inline-block;
    padding: 24px 16px;
    text-align: center;
    font-size: 20px;
    line-height: 23px;
    font-weight: 800;
    border: 1px solid #eaeaea;
    cursor: pointer;
}

#cs_sub_notice .cs_sub_title{ box-sizing: border-box; padding: 15px 0; border-bottom: 1px solid #333;}
#cs_sub_notice .cs_sub_title h3{ font-size: 16px; font-weight: 400; line-height: 18px;}
#cs_sub_notice .cs_sub_title h3 span{ font-size: 15px; line-height: 17px; float: right; position: relative; top: 0; right: 3.5%;}

#cs_sub_notice ul.cs_sub_notice li.notice_title{ box-sizing: border-box; padding: 15px 0; border-bottom: 1px solid #eaeaea;}
#cs_sub_notice ul.cs_sub_notice li.notice_title a{ font-size: 18px; line-height: 32px; font-weight: 700;}
#cs_sub_notice ul.cs_sub_notice li.notice_title span.bdate{ font-size: 16px; line-height: 32px; font-weight: 400; float: right; margin-right: 10px;}

#cs_sub_notice ul.cs_sub_notice li.notice_title .notice_looks{ position: relative; float: right; margin-left: 30px; top: 0; left: 6%;}

#cs_sub_notice .cs_sub_notice img.circle_up{ content: url('../img/icon/circle_up.png'); display: none;}
#cs_sub_notice .cs_sub_notice img.circle_down{ content: url('../img/icon/circle_down.png');}

#cs_sub_notice ul.cs_sub_notice .notice_cont{ padding: 20px; box-sizing: border-box; background-color: #fafafa; border-bottom: 1px solid #e0e0e0;}
#cs_sub_notice ul.cs_sub_notice .hidden{ display: none !important;}
#cs_sub_notice ul.cs_sub_notice .notice_cont .notice_cont_inner{ position: relative; display: inline-block;}
#cs_sub_notice ul.cs_sub_notice .notice_cont .notice_cont_inner p{ font-size: 16px; line-height: 28px; color: #000;}

#cs_sub_notice ul.cs_sub_notice .notice_cont:after{ clear: both; content: ""; display: block;}

#cs_sub_location, #info_sub_place{ width: 100%;}

#info_sub_place{ display: flex; align-items: center; justify-content: space-between; margin-top: 50px;}
#info_sub_splace, #info_sub_eplace{ width: 49%;}

#cs_sub_location #map, #info_sub_splace #splace, #info_sub_eplace #eplace{ width: 100%; height: 350px; border-radius: 8px 8px 0 0;}

#cs_sub_location .cs_sub_location_addr, #info_sub_place .info_sub_place_addr{
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 0 0 8px 8px;
}
#cs_sub_location .cs_sub_location_addr .cs_sub_location_name, #info_sub_place .info_sub_place_addr .info_sub_place_name{ font-size: 20px; line-height: 23px; font-weight: 800; color: #6215C7;}
#cs_sub_location .cs_sub_location_addr .cs_sub_location_add, #info_sub_place .info_sub_place_addr .info_sub_place_add{ font-size: 18px; line-height: 20px; font-weight: 400; margin: 10px 0 20px 0;}
#info_sub_place .info_sub_place_addr .info_sub_place_add{ margin: 10px 0 0 0;}

#cs_sub_location ul.cs_sub_location_btn{
    width: 25%;
    position: relative;
    display: flex;
    background-color: #eaeaea;
    flex-direction: row;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    float: right;
    bottom: 20px;
    right: 0;
    padding: 8px 15px;
}
#cs_sub_location .cs_sub_location_addr ul.cs_sub_location_btn li{ display: inline-block;}
#cs_sub_location .cs_sub_location_addr ul.cs_sub_location_btn li a{ font-size: 14px; font-weight: 400; line-height: 16px; padding: 0; cursor: pointer;}
#cs_sub_location .cs_sub_location_addr ul.cs_sub_location_btn 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 li a img{ vertical-align: middle; width: 16px; height: 16px; margin-right: 5px;}
#cs_sub_location .cs_sub_location_addr p{ font-size: 16px; line-height: 26px; font-weight: 400;}
#cs_sub_location .cs_sub_location_addr p span{ font-weight: 700; font-size: 16px; line-height: 26px;}
#cs_sub_location .cs_sub_location_addr p span#add_ex{ display: block; padding-left: 4.1em;}

#cs_sub_location .cs_sub_location_btn_m{ display: none;}


#review-sub-div .table{ width: 100%; margin-top: 15px;}
#review-sub-div .table thead{ border-bottom: 1px solid #333;}
#review-sub-div .table thead th, #review-sub-div .table tbody td{ padding: 15px 0;}
#review-sub-div .table thead th{ font-weight: 400;}
#review-sub-div .table tbody tr{ border-bottom: 1px solid #eaeaea;}
#review-sub-div .table tbody tr.link{ cursor: pointer;}
#review-sub-div .write-btn-div{ text-align: end; margin: 25px 0;}
#review-sub-div .write-btn-div .review-btn{
    width: 20%;
    text-align: center;
    padding: 14px 10px;
    background-color: #6215C7;
    border-radius: 8px;
    border: 1px solid #6215C7;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    line-height: 18px;
    cursor: pointer;
}

#review-login, #review-write-div, #review-detail-div{ width: 100%; padding: 100px 0; text-align: center;}
#review-login #review-login-info-txt, #review-login #review-login-box, #review-write-div #review-write-box{
    width: 50%;
    position: relative;
    border: 1px solid #eaeaea;
    top: 0;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
}

#review-login #review-login-info-txt{ padding: 20px; border-radius: 12px; background-color: #eaeaea;}
#review-login #review-login-info-txt h5{ font-size: 20px; line-height: 22px; font-weight: 700;}

#review-login #review-login-box, #review-write-div #review-write-box, #review-detail-div #review-detail-box{
    border-radius: 8px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
    background-color: #fff;
    padding: 40px;
    margin-top: 30px;
}

#review-login #review-login-box .review-login-info, #review-write-div #review-write-box .review-contents,
#review-detail-div #review-detail-box .review-contents{
    display: flex;
    align-items: center;
    margin: 20px 0;
}
#review-login #review-login-box .review-login-info:first-child, #review-write-div #review-write-box .review-contents:first-child,
#review-detail-div #review-detail-box .review-contents:first-child{
    margin: 0;
}
#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{
    width: 20%;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    text-align: left;
}
#review-login #review-login-box .review-login-info input, #review-write-div #review-write-box .review-contents input,
#review-write-div #review-write-box .review-contents textarea{
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    padding: 15px;
    width: 80%;
}
#review-write-div #review-write-box .review-contents li:last-child,
#review-detail-div #review-detail-box .review-contents li:last-child{
    width: 80%;
    text-align: left;
    font-weight: 700;
    color: #333;
}
#review-login #review-login-box .review-login-info input::placeholder,
#review-write-div #review-write-box .review-contents input::placeholder,
#review-write-div #review-write-box .review-contents textarea::placeholder{
    font-size: 16px;
    line-height: 18px;
    color: #888;
    font-weight: 700;
}
#review-login button, #review-write-div button, #review-detail-div button{
    padding: 14px 16px;
    width: 100%;
    border: 1px solid #6215C7;
    border-radius: 8px;
    background-color: #6215C7;
    font-size: 16px;
    line-height: 18px;
    font-weight: 800;
    color: #fff;
    cursor: pointer;
}

#review-write-div #review-write-box, #review-detail-div #review-detail-box{ width: 100%; margin-top: 0;}
#review-write-div .write-btn-div{ text-align: center; display: flex; align-items: center; justify-content: space-between;}
#review-write-div button{ width: 49%;}
#review-write-div button.cancel-btn, #review-detail-div button.cancel-btn{
    border: 1px solid #eaeaea;
    background-color: #eaeaea;
    color: #333;
}
/* 서브 디자인 */


/* 페이징 디자인 */
#pagination{ width: 100%; text-align: center; margin: 10px 0;}
#pagination button{
    margin: 2px;
    padding: 5px 7px;
    cursor: pointer;
    font-weight: 700;
    color: #333;
    background-color: #eaeaea;
    border: 1px solid #eaeaea;
    border-radius: 4px;
}

#pagination button.active{ background-color: #6215C7; color: #fff; border: 1px solid #6215C7;}
/* 페이징 디자인 */


/* 예약확인 디자인 */
#rescheck_sub{ width: 100%;}
#rescheck_sub #rescheck_sub_box{ padding: 185px 0; text-align: center;}
#rescheck_sub #rescheck_sub_box .rescheck_title h1{ font-size: 40px; line-height: 45px; font-weight: 700; margin-bottom: 10px;}
#rescheck_sub #rescheck_sub_box .rescheck_title p{ font-size: 18px; line-height: 26px; font-weight: 700;}

#rescheck_sub #rescheck_sub_box .rescheck_box{
    width: 50%;
    position: relative;
    display: inline-block;
    top: 0;
    left: 0;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
    border-radius: 8px;
    background-color: #fff;
    padding: 40px;
    margin-top: 40px;
}
#rescheck_sub #rescheck_sub_box .rescheck_box .rescheck_input .rescheck_box_content{ display: flex; align-items: center;}
#rescheck_sub #rescheck_sub_box .rescheck_box .rescheck_input .mar{ margin: 20px 0;}
#rescheck_sub #rescheck_sub_box .rescheck_box .rescheck_title{ width: 18%; font-size: 16px; line-height: 26px; font-weight: 400; text-align: left; margin-right: 20px;}
#rescheck_sub #rescheck_sub_box .rescheck_box input.rescheck_txt{
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    padding: 15px;
    width: 400px;
}
#rescheck_sub #rescheck_sub_box .rescheck_box input.rescheck_txt::placeholder{ font-size: 16px; line-height: 18px; color: #888; font-weight: 700;}
#rescheck_sub #rescheck_sub_box .rescheck_box button#res_search_btn{
    padding: 14px 16px;
    width: 100%;
    border: 1px solid #6215C7;
    border-radius: 8px;
    background-color: #6215C7;
    font-size: 16px;
    line-height: 18px;
    font-weight: 800;
    color: #fff;
    margin-top: 40px;
    cursor: pointer;
}

#rescheck_sub #rescheck_subd_box{ padding: 80px 0; text-align: center;}
#rescheck_sub #rescheck_subd_box .rescheck_title h1{ font-size: 40px; line-height: 45px; font-weight: 700; margin-bottom: 10px;}
#rescheck_sub #rescheck_subd_box .rescheck_title p{ font-size: 18px; line-height: 26px; font-weight: 700;}

#rescheck_sub #rescheck_subd_box .rescheck_box{
    width: 50%;
    position: relative;
    display: inline-block;
    top: 0;
    left: 0;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    margin-top: 40px;
}
#rescheck_sub #rescheck_subd_box .rescheck_box .rescheck_innerbox .rescheck_car_img{
    padding: 20px 0;
    background-color: #fafafa;
    border-bottom: 1px solid #eaeaea;
    background-position: center;
    background-repeat: no-repeat;
    /*background-size: 75% 100%;*/
    height: 150px;
}
#rescheck_sub #rescheck_subd_box .rescheck_box .rescheck_innerbox .rescheck_car_info{ padding: 20px; background-color: #fff; text-align: left;}
#rescheck_sub #rescheck_subd_box .rescheck_box .rescheck_innerbox .rescheck_car_infotxt{ margin-bottom: 25px;}

#rescheck_sub #rescheck_subd_box .rescheck_box .rescheck_innerbox .rescheck_car_infotxt h3{ font-size: 18px; font-weight: 800; line-height: 24px; margin-bottom: 5px;}
#rescheck_sub #rescheck_subd_box .rescheck_box .rescheck_innerbox .rescheck_car_infotxt ul{ display: flex; align-items: center; flex-direction: row;}
#rescheck_sub #rescheck_subd_box .rescheck_box .rescheck_innerbox .rescheck_car_infotxt ul li{ font-size: 14px; font-weight: 400; line-height: 16px;}
#rescheck_sub #rescheck_subd_box .rescheck_box .rescheck_innerbox .rescheck_car_infotxt ul li:not(:last-child):after{ content: "|"; height: 8px; color: #d9d9d9; padding: 0 4px;}

#rescheck_subd_box .rescheck_innerbox .rescheck_car_info .rescheck_date_box{ display: flex; margin-bottom: 25px;}
#rescheck_subd_box .rescheck_innerbox .rescheck_car_info .rescheck_date_box .rescheck_car_date{ margin-right: 124px;}
#rescheck_subd_box .rescheck_innerbox .rescheck_car_info .rescheck_date_box .rescheck_car_date:last-child{ margin-right: 0;}

.rescheck_car_info .rescheck_date_box .rescheck_car_date .rescheck_date_title{ font-size: 16px; font-weight: 400; line-height: 18px; margin-bottom: 10px;}
.rescheck_car_info .rescheck_date_box .rescheck_car_date .rescheck_date{ font-size: 16px; font-weight: 800; line-height: 18px; letter-spacing: -1px;}

#rescheck_sub #rescheck_subd_box .rescheck_box .rescheck_innerbox .rescheck_fee{ display: flex; justify-content: space-between;}
#rescheck_sub #rescheck_subd_box .rescheck_box .rescheck_innerbox .rescheck_fee p.rescheck_fee_contents{ font-size: 12px; font-weight: 400; line-height: 14px; color: #6215C7; text-align: end;}
#rescheck_sub #rescheck_subd_box .rescheck_box .rescheck_innerbox .rescheck_fee p.rescheck_fee_contents span{ font-size: 24px; font-weight: 800; line-height: 27px; text-align: end; color: #6215C7;}
#rescheck_sub #rescheck_subd_box .rescheck_box .rescheck_innerbox .rescheck_fee p.rescheck_fee_title{ font-size: 16px; font-weight: 700; line-height: 18px; text-align: left;}

#rescheck_sub #rescheck_subd_box .rescheck_box .rescheck_btn{ padding: 0 20px 20px 20px;}
#rescheck_sub #rescheck_subd_box .rescheck_box .rescheck_btn button#res_before_btn{
    width: 48.5%;
    background-color: #888;
    border: 1px solid #888;
    border-radius: 8px;
    padding: 14px 24px;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    font-weight: 800;
    margin-right: 8px;
    cursor: pointer;
}
#rescheck_sub #rescheck_subd_box .rescheck_box .rescheck_btn button#res_check_btn{
    width: 48.5%;
    background-color: #6215C7;
    border: 1px solid #6215C7;
    border-radius: 8px;
    padding: 14px 24px;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    font-weight: 800;
    cursor: pointer;
}
/* 예약확인 디자인 */


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