/** 2026-09-20 index_rent.php **/
#wrap_rent{width:100%;margin:0;padding:0;background:#fff;color:#222}
#wrap_rent .body_rent{width:100%;box-sizing:border-box}
#wrap_rent #nav{display:none}
#rent_body{width:100%;padding:0!important;margin:0!important;display:block!important;overflow:visible!important}
#rent_body > .d1{width:100%!important;float:none!important}
#rent_body > .d1 > .d1_h{display:none}

/* ---------- 상단 검색 ---------- */
#inc_reserve{
    width:100%;
    box-sizing:border-box;
    background:#f7f7f7;
    border-bottom:1px solid #eee;
    padding:16px 0;
}
#inc_reserve .isrent_search_inner{
    width:min(1024px,calc(100% - 32px));
    margin:0 auto;
    display:flex;
    align-items:center;
    gap:14px;
}
#inc_reserve .isrent_date_box{
    height:52px;
    background:#fff;
    border:1px solid #eee;
    border-radius:12px;
    box-sizing:border-box;
}
#inc_reserve .isrent_date_box{
    flex:1 1 auto;
    min-width:470px;
    display:flex;
    align-items:center;
    padding:0 18px;
}
#inc_reserve .isrent_label{
    color:#999;
    font-size:14px;
    margin-right:22px;
    white-space:nowrap;
}
#inc_reserve .isrent_date_part{
    display:flex;
    align-items:center;
    min-width:0;
    cursor:pointer;
}
#inc_reserve .isrent_date_part .isrent_date_text{
    font-size:16px;
    color:#222;
    white-space:nowrap;
}
#inc_reserve .isrent_date_part .isrent_time_text{
    font-size:16px;
    color:#222;
    margin-left:5px;
    white-space:nowrap;
}
#inc_reserve .isrent_date_part small{display: none;}
#inc_reserve .isrent_arrow{
    width:30px;height:30px;border-radius:50%;
    background:#f5f5f5;
    display:flex;align-items:center;justify-content:center;
    margin:0 22px;
    flex:0 0 30px;
}
#inc_reserve .isrent_arrow img{width:22px!important;height:22px!important;opacity:.65}
#inc_reserve .isrent_duration{
    color:#00a0e9;
    font-size:15px;
    margin-left:auto;
    white-space:nowrap;
}
#inc_reserve .isrent_filter_mobile_btn{display:none}
#inc_reserve .isrent_search_btn{
    width:166px;
    height:52px;
    border:0;
    border-radius:12px;
    background:#00a0e9;
    color:#fff;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
    flex:0 0 166px;
}
#inc_reserve .isrent_search_btn span{display: none;}
#inc_reserve .isrent_search_btn i{margin-right:8px;font-size:14px}

/* 기존 검색에 필요한 원본 요소는 JS 호환을 위해 유지 */
#inc_reserve .legacy_reserve_fields{
    position:absolute!important;
    left:-99999px!important;
    width:1px!important;height:1px!important;
    overflow:hidden!important;
}
#inc_reserve .legacy_reserve_fields #div_insur,
#inc_reserve .legacy_reserve_fields #div_car{display:block!important}

/* ---------- 결과 + 필터 ---------- */
#rent_body > .d2#inc_list{
    width:min(1024px,calc(100% - 32px))!important;
    margin:0 auto!important;
    padding:32px 0 80px!important;
    float:none!important;
    display:grid!important;
    grid-template-columns:220px minmax(0,1fr);
    column-gap:36px;
    align-items:start;
}
#isrent_filter{
    grid-column:1;
    grid-row:1;
    width:100%;
}
#isrent_filter .filter_head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 0 20px;
    border-bottom:1px solid #eee;
}
#isrent_filter .filter_title{font-size:20px;font-weight:700}
#isrent_filter .filter_reset{font-size:13px;color:#999;text-decoration:none;cursor:pointer}
#isrent_filter .filter_reset i{margin-left:4px}
#isrent_filter .filter_section{padding:20px 0;border-bottom:1px solid #eee}
#isrent_filter .filter_section:last-child{border-bottom:0}
#isrent_filter .filter_section h4{margin:0 0 14px;font-size:15px;font-weight:700}
#isrent_filter .filter_buttons{display:flex;flex-wrap:wrap;gap:8px}
#isrent_filter .filter_btn{
    height:35px;
    padding:0 15px;
    border:1px solid #e1e1e1;
    border-radius:18px;
    background:#fff;
    color:#666;
    font-size:13px;
    cursor:pointer;
    box-sizing:border-box;
}
#isrent_filter .filter_btn.on{border-color:#00a0e9;background:#00a0e9;color:#fff}
#isrent_filter .filter_input{
    width:100%;height:42px;
    box-sizing:border-box;
    border:1px solid #e1e1e1;
    border-radius:10px;
    padding:0 14px;
    font-size:13px;
    outline:0;
}
#isrent_filter .filter_input:focus{border-color:#00a0e9}
#isrent_filter .filter_input::placeholder{color:#bbb}

/* 모바일 필터 버튼 */
#isrent_mobile_filter_bar{display:none}

#isrent_results{
    grid-column:2;
    grid-row:1;
    min-width:0;
}
#inc_searching,#div_no{grid-column:2;grid-row:1}

#inc_div .grid2{width:100%!important;box-sizing:border-box}

/* 기존 검색 중/결과 없음 */
#inc_searching{width:100%;box-sizing:border-box;text-align:center;padding:80px 0;display:none}
#div_no{width:100%;box-sizing:border-box;text-align:center;padding:80px 0;display:none}

@media all and (max-width:1100px) and (min-width:441px){
    #inc_reserve .isrent_search_inner,
    #rent_body > .d2#inc_list{width:calc(100% - 40px)}
    #inc_reserve .isrent_date_box{min-width:0}
    #inc_reserve .isrent_label{margin-right:12px}
}
	
@media all and (max-width:992px){
	#floatMenu{display: none;}
	#isrent_results{grid-column:1;}
    #rent_body > .d2#inc_list{width:100%; display:block!important;}
	#inc_reserve .isrent_label{display: none; margin: 0;}
}
@media all and (max-width:768px){	
	#inc_reserve .isrent_date_box,
	#inc_reserve .isrent_search_inner,
	#inc_reserve .isrent_date_part small{display: block}
	#inc_reserve .isrent_date_part{padding: 15px 0;}
	#inc_reserve .isrent_date_part:nth-child(2){border-bottom: 1px solid #e4e4e4;}
	#inc_reserve .isrent_date_part small{color: #999; margin-right: 20px;}
	#inc_reserve .isrent_arrow,
	#inc_reserve .isrent_duration{display: none;}
	#inc_reserve .isrent_date_box{
		height:auto;
		background:#fff;
		border:1px solid #eee;
		border-radius:12px;
	}
	#inc_reserve .isrent_date_box{
		width: 100%;
		min-width:auto;
		padding:5px 30px;
	}
	#inc_reserve .isrent_search_btn{
		display: flex;
		align-items: center;
		justify-content: center;
		width:100%;
		height:52px;
		margin-top: 10px;
	}
	#inc_reserve .isrent_search_btn span{display: inline-block; font-size: 16px; margin-right: 5px;}	
}

@media all and (max-width:440px){
/*
    #inc_reserve{padding:10px 8px 14px;background:#f7f7f7}
    #inc_reserve .isrent_search_inner{
        width:100%;
        display:grid;
        grid-template-columns:minmax(0,1fr) 84px 222px;
        gap:8px;
    }
    #inc_reserve .isrent_date_box{
        grid-column:1 / 4;
        width:100%;
        min-width:0;
        height:54px;
        padding:0 16px;
        border-radius:15px;
    }
    #inc_reserve .isrent_label{display:none}
    #inc_reserve .isrent_search_btn{
        grid-column:3;
        width:100%;height:54px;
        border-radius:15px;
        font-size:16px;
    }
*/
    #inc_reserve .isrent_filter_mobile_btn{
        grid-column:2;
        display:flex;
        align-items:center;
        justify-content:center;
        width:100%;height:54px;
        border:1px solid #eee;
        background:#fff;
        border-radius:15px;
        font-size:15px;
        color:#333;
        cursor:pointer;
    }
    #inc_reserve .isrent_filter_mobile_btn b{margin-left:5px}
    #inc_reserve .isrent_arrow{margin:0 8px;width:28px;height:28px;flex-basis:28px}
    #inc_reserve .isrent_date_part .isrent_date_text,
    #inc_reserve .isrent_date_part .isrent_time_text{font-size:15px}
    #inc_reserve .isrent_date_part .isrent_time_text{margin-left:3px}
    #inc_reserve .isrent_duration{font-size:15px;margin-left:auto}

    #rent_body > .d2#inc_list{
        width:calc(100% - 20px) !important;
        padding:0 10px 50px!important;
        display:block!important;
    }
    #isrent_filter{
/*
        position:fixed;
        z-index:9999;
        left:0;right:0;bottom:0;
        max-height:82vh;
        overflow:auto;
        background:#fff;
        border-radius:20px 20px 0 0;
        box-shadow:0 -8px 30px rgba(0,0,0,.12);
*/
        padding:15px 10px;
        box-sizing:border-box;
    }
    #isrent_filter.open{display:block}
    #isrent_filter .filter_head{padding-bottom:10px;}
    #isrent_filter .filter_title{font-size:16px}
    #isrent_filter .filter_section{padding:15px 0}
	#isrent_filter .filter_section h4{margin-bottom: 8px;}
    #isrent_filter .filter_btn{height:32px;font-size:13px;padding:0 14px}
    #isrent_mobile_filter_bar{display:none;justify-content:flex-end;padding:14px 4px 12px}
    #isrent_results{width:100%}
    #inc_div{display:block!important}
    #inc_div .grid2{margin-bottom:12px}
    #inc_searching,#div_no{width:100%}
}

@media all and (min-width:441px)
{
	#div_input{padding:20px 0 30px}
	#div_input p.t{border-bottom:1px solid #444;padding-bottom:10px;font-size:12pt;font-weight:bold;color:#000;}
	#div_input .grid_input{display:grid;grid-template-columns:repeat(1,1fr);justify-content:space-between;margin-bottom:20px;}
	#div_input .grid_input div p{padding:10px 0;overflow:hidden;}
	#div_input .grid_input div p b{float:right;cursor:pointer}
	#div_input .grid_input div p b i{font-size:11pt}
	#div_input .grid_input div ul{margin-top:15px}
	#div_input .grid_input div ul li{margin-bottom:10px}
	#div_input .grid_input div ul li a{display:inline-block;width:100px}
	#div_input .grid_input div ul li input[type=radio]{width:12pt;height:12pt;}
	#div_input .grid_input div ul li input.bg{background: #f1fcff;}
	#div_input .grid_input div ul li label{margin-right:15px;font-size:10pt;margin-left:3px;position:relative;top:-1px}
	#div_input .grid_input .input_tel{width: 30%; text-align:center;}
	#div_input .alert{padding:8px;background:#f7f7f9;border-radius:3px}
	#div_input .alert ul li{color:#997777;font-size:10pt;line-height:1.4em}
	#div_input .alert ul li.red{color:red;}
	.div_btns{display:grid;grid-template-columns:45% 45%;justify-content:space-evenly;padding-top:20px}
	.div_btns div{padding:10px 0;text-align:center;cursor:pointer}
	.div_btns div p{font-size:14pt;color:#fff;padding-bottom:5px}
	.div_btns div p i{font-size:16pt;position:relative;top:-2px}
	.div_btns .card{background:#fd7e14;color:#fff;}
	.div_btns .counsel{background:#00b2d6;color:#fff;}
	#memo{border:1px solid #ddd;padding:3px;line-height:1.4em;width:100%;height:60px}
}

@media all and (max-width:440px)
{
	#div_input{padding:15px 0 25px}
}

@media all and (min-width:441px){
	.place_bus #map{width:500px;float:left;height:327px}
	.place_bus #info{float:right;width:450px;background:#f7f7f9;padding:16px 15px;}
	.place_bus #info p.h{font-size:12pt;font-weight:bold;color:#000}
	.place_bus #info p.t{font-size:18pt;padding:15px 0;color:#222}
	.place_bus #info ul{overflow:hidden;}
	.place_bus #info ul li{padding:10px 0;color:#222;font-size:10pt;}
	.place_bus #info ul li a{display:table;margin-bottom:5px;font-size:10pt;color:#999}
	.place_bus #info ul li.term{border-bottom:1px solid #eee}
	.place_bus #info ul li.left{float:left;width:62%}
	.place_bus #info ul li.right{float:left;width:38%}
	#cont{padding:20px;background:#f7f7f9;}
	#cont p{line-height:1.8em}
}
@media all and (max-width:440px){
	#cont{padding:20px;background:#f7f7f9;border-top:1px solid #eee}
	#cont p{line-height:1.8em}
}


/* ---------- 전체 페이지 ---------- */
#div_top_room{
    display:none !important;
}

#div_room{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 0 70px !important;
}

#div_nav{
    width:1200px !important;
    max-width:calc(100% - 40px) !important;
    margin:0 auto !important;
    padding:20px 0 12px !important;
    color:#999;
    font-size:12px;
    box-sizing:border-box;
}

#div_nav img{
    opacity:.45;
    margin-right:6px;
}

#div_pagetitle{
    width:1200px !important;
    max-width:calc(100% - 40px) !important;
    margin:0 auto 22px !important;
    padding:10px 0 0 !important;
    border:0 !important;
    box-sizing:border-box;
}

/* ---------- 메인 ---------- */
#div_rent_body{
    width:1200px !important;
    max-width:calc(100% - 40px) !important;
    margin:0 auto !important;
    padding:0 !important;
    box-sizing:border-box;
}
#div_rent_body > .head{
    display:grid !important;
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) !important;
    gap:15px !important;
    align-items:start;
    margin:0 !important;
    padding:0;
}
	
#div_rent_body > .head > .left{
    width:auto !important;
    min-width:0;
    margin:0 !important;
    padding:50px;
	background: #f8f8f9;
    overflow:hidden;
}

#div_rent_body > .head > .left > .img{
    position:relative;
	height: 300px;
    margin:0 !important;
    padding:0 !important;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

#div_rent_body > .head > .left > .img:after{
    content:"";
    position:absolute;
    left:10%;
    right:10%;
    bottom:25px;
    height:24px;
    border-radius:50%;
    background:rgba(0,0,0,.08);
    filter:blur(12px);
}

#div_rent_body > .head > .left .title{
    margin:10px 0;
    color:#222;
    font-size:24px;
    line-height:1.4;
	text-align: center;
}
	
#div_rent_body > .head > .left .rent_info{
	display: flex;
	justify-content: center;
	margin-bottom: 15px;
}

#div_rent_body > .head > .left .rent_info li:nth-child(n+2){
	border-left: 1px solid #ddd;
	margin-left: 20px;
	padding-left: 20px;
}

#div_rent_body > .head > .left .rent_info li i{
	font-size: 2rem !important;	
	margin-right: 20px;
}

#div_rent_body > .head > .left .rent_info li span{
	font-size: 1.6rem !important;
}
	
#img_big{
    position:relative;
    z-index:1;
    display:block;
    width:88% !important;
    height:100% !important;
    object-fit:contain;
    object-position:center;
    mix-blend-mode:multiply;
}

#dl_rent_info{
    margin:0 !important;
    padding:0 !important;
}

#dl_rent_info dt{
    padding:18px 20px 10px !important;
    color:#222 !important;
    font-size:16px !important;
    font-weight:800 !important;
}

#dl_rent_info dd{
    display:flex;
    align-items:center;
    min-height:42px;
    margin:0 !important;
    padding:0 20px !important;
    border-top:1px solid #f1f1f2;
    box-sizing:border-box;
}

#dl_rent_info dd b{
    width:68px;
    flex:0 0 68px;
    color:#888;
    font-size:12px;
    font-weight:500;
}

#dl_rent_info dd a{
    color:#333;
    font-size:13px;
    font-weight:600;
}

#dl_rent_info dd.t{
    display:block;
    min-height:auto;
    padding:7px 20px !important;
    border:0;
    color:#777;
    font-size:12px;
    line-height:1.5;
}

#dl_rent_info dd.t:first-of-type{
    padding-top:2px !important;
}

#div_rent_body > .head > .left > p:last-child{
    margin:0 !important;
    padding:0 20px !important;
    color:#777;
    font-size:12px;
}

/* ---------- 우측 예약 요약 카드 ---------- */
#div_rent_body > .head > .right{
    position:relative;
    width:auto !important;
    min-width:0;
    margin:0 !important;
    padding:40px 40px 40px 20px;
    background:#fff;
    box-sizing:border-box;
}
	
#div_rent_body > .head > .right .top{display: flex; justify-content: space-between;}
#div_rent_body > .head > .right .top .name{ font-size: 1.425rem;}
#div_rent_body > .head > .right .top .time{ font-size: 1.2rem; color: #ff3c00;}
#div_rent_body > .head > .right .rent_date{display: flex; justify-content:space-around; margin: 20px 0;}
#div_rent_body > .head > .right .rent_date dl{width: 50%; text-align: center;}
#div_rent_body > .head > .right .rent_date dl dt,
#div_rent_body > .head > .right .rent_date dl dd{padding: 15px 5px; text-align: center; border-bottom: 1px solid #ddd;}
#div_rent_body > .head > .right .rent_date dl dt{background: #f1fcff;}
#div_rent_body > .head > .right .rent_date dl dd{font-size: 15px; font-weight: 700;}
#div_rent_body > .head > .right .rent_info{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px 20px 5px; background: #f8f8f9;}
#div_rent_body > .head > .right .rent_info dl{width: 45%; display: flex; justify-content: space-between; margin-bottom: 15px;}
#div_rent_body > .head > .right .option {margin: 30px 0;}
#div_rent_body > .head > .right .option strong{ display: block; margin-bottom: 10px; font-weight: 400; font-size: 1.2rem; }
#div_rent_body > .head > .right .option p{line-height: 1.6; word-break: keep-all; color: #666; font-size: 0.925rem;}
#div_rent_body > .head > .right .option p .a_term{font-size: 0.825rem; color: #ddd; margin: 0 5px;}

/* ---------- 보험 ---------- */
.rent_insurance_box{
    margin:18px 0 !important;
    padding:18px !important;
    border:1px solid #e3e5e8 !important;
    border-radius:12px !important;
    background:#fafbfc !important;
    box-shadow:none !important;
}

.rent_insurance_title{
    margin-bottom:13px !important;
}

.rent_insurance_title span{
    margin-top:3px;
    font-size:12px !important;
    color:#999 !important;
}

.rent_insurance_list{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
}

.insurance_content{
    min-height:112px !important;
    padding:14px !important;
    border:1px solid #ddd !important;
    background:#fff !important;
}

.insurance_item:hover .insurance_content{
    border-color:#f3a0a0 !important;
    box-shadow:0 3px 12px rgba(240,75,75,.06);
}

.insurance_item.active .insurance_content{
    padding:13px !important;
    background:#fff8f8 !important;
    box-shadow:0 4px 14px rgba(240,75,75,.08);
}

.insurance_top{
    margin-bottom:9px !important;
}

.insurance_top strong{
    font-size:14px !important;
}

.insurance_content p{
    font-size:11px !important;
    color:#8a8e93 !important;
}

.insurance_notice{
    margin-top:9px !important;
    padding:9px 10px !important;
    font-size:10px !important;
    color:#888 !important;
}

/* ---------- 총 금액 ---------- */
.jeju_total_price{
	width: 100%;
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    padding:20px 0;
	border-top: 1px solid #555;
    box-sizing:border-box;
}

.jeju_total_price .price_label{
    font-size:18px;
    font-weight:500;
}

.jeju_total_price strong{
    font-size:25px;
    line-height:1;
    font-weight:800;
    letter-spacing:-.8px;
}

.jeju_total_price strong small{
    margin-left:3px;
    font-size:18px;
    font-weight:500;
}

#div_rent_body > .head > .right > div[style*="border:1px solid #eee"]{
    margin-top:10px !important;
    padding:13px 14px !important;
    border:1px solid #ececef !important;
    background:#fafafa !important;
    border-radius:8px !important;
    color:#777 !important;
    font-size:11px !important;
}

#div_rent_body > .head > .right > div[style*="border:1px solid #eee"] p{
    color:#444 !important;
}

/* ---------- 고객정보 ---------- */
#div_input{
    margin-top:18px !important;
    padding:0 !important;
}

#div_input > p.t{
    padding:50px 0 15px !important;
	margin-bottom: 10px;
    background:#fff;
    color:#222 !important;
    font-size:17px !important;
    font-weight:800 !important;
}

#div_input form{
    padding:0;
    background:#fff;
    border-top:0;
    box-sizing:border-box;
}

#div_input .grid_input{
    display:block !important;
    margin:0 !important;
}

#div_input .grid_input .g{
    width:100%;
}

#div_input .grid_input ul{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:28px;
    row-gap:0;
    margin:0 !important;
    padding:0 !important;
    list-style:none;
}

#div_input .grid_input li{
    display:flex;
    align-items:center;
    min-height:55px;
    margin:0 !important;
    padding:0 !important;
}

#div_input .grid_input li:nth-last-child(-n+2){
    border-bottom:0;
}

#div_input .grid_input li > a{
    flex:0 0 110px;
    width:110px !important;
    font-size:14px;
}
#div_input .grid_input li > a em{color: #ff3c00;}

#div_input .grid_input li > span{
    flex:1;
    min-width:0;
    color:#666;
    font-size:14px;
}
#div_input .grid_input li > span small{display: block; width: 100%; color: #ff3c00; font-size: 0.925rem;}
#div_input input[type="text"],
#div_input .input_txt,
#div_input .input_num,
#div_input .input_tel{
    height:38px;
    padding:0 10px;
    border:1px solid #ddd;
    background:#fff;
    color:#333;
    font-family:inherit;
    font-size:13px;
    box-sizing:border-box;
    outline:none;
}

#div_input input[type="text"]:focus,
#div_input .input_txt:focus,
#div_input .input_num:focus,
#div_input .input_tel:focus,
#memo:focus{
    border-color:#f28b8b;
    box-shadow:0 0 0 3px rgba(240,75,75,.08);
}

#div_input .input_txt{
    width:100%;
}

#div_input .input_tel{
    text-align:center;
    padding:0 4px;
}

#div_input #memo{
    width:100% !important;
    height:82px !important;
    padding:10px !important;
    border:1px solid #ddd !important;
    background:#fff;
    box-sizing:border-box;
    resize:vertical;
    font-family:inherit;
    font-size:13px;
}

#div_input .grid_input li:has(#memo){
    grid-column:1 / -1;
    align-items:flex-start;
    padding:12px 0 !important;
}

#div_input .grid_input li:has(#memo) > a{
    padding-top:10px;
}

#div_input .grid_input li:has(#num_babycar){
    grid-column:1 / -1;
}

#div_input .grid_input li:has(#num_babycar) span{
    display:flex;
	flex-wrap: wrap;
    align-items:center;
    gap:6px;
}

/* ---------- 안내 / 동의 ---------- */
#div_input > .alert{
    margin-top:12px !important;
    padding:15px !important;
    background:#f8f8f9 !important;
}

#div_input > .alert ul{
    margin:0;
    padding:0;
    list-style:none;
}

#div_input > .alert li{
    position:relative;
    padding-left:10px;
    margin:5px 0;
    color:#333 !important;
    font-size:13px !important;
    line-height:1.55 !important;
}

#div_input > .alert li:before{
    content:"·";
    position:absolute;
    left:0;
    color:#aaa;
}

#div_input > .alert li.red{
    font-weight:600;
}

#div_input .div_btns{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:15px;
    padding:50px 0 !important;
}

#div_input .div_btns > div{
    float:none !important;
    width:auto !important;
    padding:25px !important;
    box-sizing:border-box;
    text-align:center;
    transition:transform .15s,box-shadow .15s;
}

#div_input .div_btns > div:hover{
    transform:translateY(-1px);
    box-shadow:0 5px 16px rgba(0,0,0,.08);
}

#div_input .div_btns .card{
    background:#222 !important;
}

#div_input .div_btns > div p{
    margin:0 0 5px !important;
    padding:0 !important;
    font-size:20px !important;
}

#div_input .div_btns > div{
    color:#eee !important;
    font-size:12px;
}

/* ---------- 개인정보 ---------- */
#div_rent_body > div[style*="padding-top:20px"]{
    margin-top:18px !important;
    box-sizing:border-box;
}

#div_rent_body > div[style*="padding-top:20px"] > p:first-child{
    margin:0 !important;
    font-size:17px !important;
    font-weight:800 !important;
}

#div_news_form{
    margin:0 0 12px !important;
    padding:0 !important;
    border:1px solid #e4e5e7 !important;
    overflow:hidden;
    background:#f8f8f9 !important;
}

#div_news_form textarea{
    display:block;
    width:100% !important;
    height:145px !important;
    padding:14px !important;
    border:0 !important;
    background:#f8f8f9 !important;
    color:#777 !important;
    font-family:inherit;
    font-size:11px !important;
    line-height:1.65 !important;
    box-sizing:border-box;
    resize:none;
}

#div_rent_body > div[style*="padding-top:20px"] > p:last-child{
    display:flex;
    align-items:center;
    gap:5px;
    margin:0 !important;
    padding:0 !important;
    font-size:12px !important;
    color:#555 !important;
}

/* ---------- 예약 진행 단계 ---------- */
#wrap_circle{
    margin-top:18px !important;
    padding:28px 20px !important;
    background:#fff;
    box-sizing:border-box;
}

#wrap_circle > .t{
    margin:0 0 22px !important;
    color:#333 !important;
    font-size:14px !important;
    font-weight:700;
    text-align:center;
}

#div_circle{
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:10px;
}

#div_circle a{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    width:130px;
    height:92px;
    border:1px solid #e7e7e9;
    background:#fafafa;
    color:#777;
    font-size:12px;
    line-height:1.5;
    box-sizing:border-box;
}

#div_circle a:first-child{
    border-color:#f2b0b0;
    background:#fff8f8;
}

#div_circle a i{
    margin-bottom:7px;
    font-size:22px;
}

#div_circle img{
    width:18px;
    height:auto;
    opacity:.35;
}

#div_circle #w{
    display:block;
}

/* ---------- 셔틀 / 지도 ---------- */
.div_info_terminal{
    margin-top:18px !important;
    padding:20px !important;
    background:#fff;
    box-sizing:border-box;
}

.div_info_terminal > p:first-child{
    margin:0 0 12px !important;
    color:#555 !important;
    font-size:13px !important;
}

.div_info_terminal > p:first-child a{
    margin-left:5px;
}

.div_info_terminal img{
    display:block;
    width:100% !important;
}

.div_info_terminal .p_info{
    display:flex;
    gap:8px;
    margin:8px 0 0 !important;
}

.div_info_terminal .p_info a{
    flex:1;
    padding:12px;
    background:#f7f7f8;
    color:#666;
    font-size:11px;
    text-align:center;
}

.place_bus{
    display:grid !important;
    grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);
    gap:0;
    margin-top:18px !important;
    background:#fff;
    overflow:hidden;
}

.place_bus #map{
    width:auto !important;
    height:390px !important;
    float:none !important;
}

.place_bus #info{
    width:auto !important;
    float:none !important;
    padding:26px 24px !important;
    background:#fff !important;
    box-sizing:border-box;
}

.place_bus #info p.h{
    margin:0;
    color:#999;
    font-size:11px;
    letter-spacing:.4px;
}

.place_bus #info p.t{
    margin:8px 0 20px;
    padding:0;
    color:#222;
    font-size:22px;
    font-weight:800;
}

.place_bus #info ul{
    margin:0;
    padding:0;
    list-style:none;
}

.place_bus #info ul li{
    min-height:0 !important;
    margin:0 !important;
    padding:13px 0 !important;
    border-bottom:1px solid #f0f1f2;
    color:#555 !important;
    font-size:12px !important;
    line-height:1.5;
}

.place_bus #info ul li a{
    display:block !important;
    margin-bottom:3px !important;
    color:#999 !important;
    font-size:10px !important;
}

.place_bus #info ul li.left,
.place_bus #info ul li.right{
    float:none !important;
    width:auto !important;
}

.place_bus #cont{
    grid-column:1 / -1;
    padding:18px 22px !important;
    background:#fafafa;
    color:#777;
    font-size:12px;
    line-height:1.7;
}

/* ---------- 하단 버튼 ---------- */
.div_btn{
    display:grid !important;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    margin-top:18px !important;
    padding:0 !important;
    clear:both;
}

.div_btn a{
    display:flex !important;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding:0 10px !important;
    border:1px solid #ddd !important;
    background:#fff !important;
    color:#555 !important;
    font-size:12px !important;
    font-weight:600;
    box-sizing:border-box;
}

.div_btn a:hover{
    border-color:#aaa !important;
    color:#222 !important;
}

/* 기존 숨김 안내는 유지 */
#div_rent_body .info{
    display:none !important;
}

/* ---------- 모바일 ---------- */
@media (max-width:900px){
    .rent_insurance_list{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    #div_nav,
    #div_pagetitle,
    #div_rent_body{
        max-width:calc(100% - 28px) !important;
    }

    #div_rent_body > .head{
        grid-template-columns:1fr !important;
    }

    #div_rent_body > .head > .left > p:first-child{}

    #div_rent_body > .head > .right{
        padding:16px !important;
    }

    #div_input .grid_input ul{
        grid-template-columns:1fr;
    }

    #div_input .grid_input li{
        min-height:52px;
    }

/*
    #div_input .grid_input li:nth-last-child(-n+2){
        border-bottom:1px solid #f0f1f2;
    }
*/

    #div_input .grid_input li:last-child{
        border-bottom:0;
    }

    #div_input .grid_input li:has(#memo){
        grid-column:auto;
    }

    #div_input .grid_input li:has(#num_babycar){
        grid-column:auto;
    }

    .place_bus{
        grid-template-columns:1fr;
    }

    .place_bus #map{
        height:300px !important;
    }

    .place_bus #cont{
        grid-column:auto;
    }
}

@media (max-width:640px){
    .rent_insurance_list{
        grid-template-columns:1fr !important;
    }

    #div_room{
        padding-bottom:35px !important;
    }

    #div_nav,
    #div_pagetitle,
    #div_rent_body{
        max-width:calc(100% - 20px) !important;
    }

    #div_nav{
        padding:13px 0 7px !important;
        font-size:10px;
    }

    #div_pagetitle{
        margin-bottom:13px !important;
        padding-top:5px !important;
    }

    .jeju_heading_eyebrow{
        margin-bottom:5px;
        font-size:9px;
    }

    .jeju_page_heading p{
        font-size:24px !important;
    }

    .jeju_heading_desc{
        margin-top:6px;
        font-size:11px;
    }

    #div_rent_body > .title{
        margin-bottom:10px !important;
        padding:15px 16px !important;
        font-size:17px !important;
    }

    #div_rent_body > .head > .left > p:first-child{}

    #dl_rent_info dt{
        padding:14px 15px 8px !important;
        font-size:14px !important;
    }

    #dl_rent_info dd{
        padding:0 15px !important;
    }

    #dl_rent_info dd.t{
        padding:6px 15px !important;
    }

    #div_rent_body > .head > .left > p:last-child{
        padding:12px 15px !important;
    }

    .tbl_form td{
        padding:11px 2px !important;
    }

    .tbl_form td.t{
        width:72px;
        font-size:12px !important;
    }

    .tbl_form td:not(.t){
        font-size:12px;
    }

    .rent_insurance_box{
        margin:13px 0 !important;
        padding:13px !important;
    }

    .rent_insurance_list{
        grid-template-columns:1fr !important;
        gap:7px !important;
    }

    .insurance_content{
        min-height:0 !important;
        padding:13px !important;
    }

    .insurance_item.active .insurance_content{
        padding:12px !important;
    }

    .insurance_content p{
        font-size:10px !important;
    }

    .jeju_total_price{
        padding:15px !important;
    }

    .jeju_total_price strong{
        font-size:22px;
    }

    #div_input > p.t{
        padding:15px !important;
        font-size:15px !important;
    }

    #div_input form{
        padding:14px !important;
    }

    #div_input .grid_input li{
        display:block;
        padding:10px 0 !important;
        min-height:0;
    }

    #div_input .grid_input li > a{
        display:block;
        width:auto !important;
        margin-bottom:6px;
        font-size:11px;
    }

    #div_input .grid_input li > span{
        display:block;
    }

    #div_input .input_tel{
        width:31% !important;
    }

    #div_input .grid_input li:has(#num_babycar) span{
        display:block;
        line-height:2.5;
    }

    #div_input .grid_input li:has(#memo){
        display:block;
    }

    #div_input > .alert{
        padding:13px !important;
    }

    #div_input > .alert li{
        font-size:10px !important;
    }

    #div_input .div_btns{
        grid-template-columns:1fr !important;
    }

    #div_input .div_btns > div{
        min-height:62px;
    }

    #wrap_circle{
        padding:20px 10px !important;
    }

    #div_circle{
        gap:4px;
    }

    #div_circle a{
        width:72px;
        height:72px;
        font-size:9px;
    }

    #div_circle a i{
        margin-bottom:4px;
        font-size:17px;
    }

    #div_circle img{
        width:9px;
    }

    .div_info_terminal{
        padding:14px !important;
    }

    .div_info_terminal .p_info{
        display:block;
    }

    .div_info_terminal .p_info a{
        display:block;
        margin-top:5px;
    }

    .place_bus #map{
        height:250px !important;
    }

    .place_bus #info{
        padding:20px 17px !important;
    }

    .place_bus #info p.t{
        font-size:19px;
    }

    .div_btn{
        grid-template-columns:1fr !important;
    }
	#div_rent_body > .head > .left{padding: 20px;}
	#div_rent_body > .head > .left .title{font-size:18px;}
	#div_rent_body > .head > .left > .img{height: auto; margin: 20px 0 !important;}
	#div_rent_body > .head > .left .rent_info li i{font-size: 1.2rem !important; margin-right: 8px; padding-top: 2px;}
	#div_rent_body > .head > .left .rent_info li span{font-size: 1.2rem !important;}
	#div_rent_body > .head > .right .top .name{font-size: 1.2rem;}
	#div_rent_body > .head > .right .top .time{font-size: 1rem; padding-top: 1px;}
	#div_rent_body > .head > .right .rent_info dl{width: 100%;}
	#div_rent_body > .head > .right .rent_date dl dd{font-size: 13px;}
	#div_rent_body .head .right #a_price_wrap{padding: 15px 0 0 !important;}
}

/* FontAwesome가 없는 환경에서도 보험 안내 아이콘 영역이 깨지지 않도록 */
.insurance_notice i{
    width:12px;
    flex:0 0 12px;
}

/* ===== 자차선택 4카드 ===== */
.rent_insurance_rent{
    margin:50px 0 !important;
    padding:0 !important;
    border:0 !important;
    background:#fff !important;
    border-radius:0 !important;
}
.rent_insurance_rent .isrent_insurance_title{
    text-align:center;
    margin:0 0 18px !important;
}
.rent_insurance_rent .isrent_insurance_title strong{
    font-size:18px !important;
    font-weight:700 !important;
    color:#222 !important;
}
.rent_insurance_rent .isrent_insurance_list{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:12px !important;
    align-items:stretch;
}
.rent_insurance_rent .insurance_item{
    min-width:0;
    cursor:pointer;
    position:relative;
}
.rent_insurance_rent .insurance_content{
    height:100%;
    padding:25px 25px 0 !important;
    border:1px solid #ddd !important;
    background:#fff !important;
    box-sizing:border-box;
    transition:all .18s ease;
}
.rent_insurance_rent .insurance_item:hover .insurance_content{
    border-color:#00b2d6 !important;
    box-shadow:none !important;
}
.rent_insurance_rent .insurance_item.active .insurance_content{
    padding:25px 25px 0 !important;
    border:2px solid #00b2d6 !important;
    background:#fff !important;
    box-shadow:none !important;
}
.rent_insurance_rent .insurance_card_head{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:25px;
    margin-bottom:10px;
}
.rent_insurance_rent .insurance_card_head strong{
    font-size:19px !important;
    font-weight:700 !important;
    color:#222 !important;
}
.rent_insurance_rent .insurance_badge{
    display:none;
    position:absolute;
    left:50%;
    top:-39px;
    transform:translateX(-50%);
    padding:6px 8px 5px;
    background:#00b2d6;
    color:#fff !important;
    font-size:14px !important;
    white-space:nowrap;
	z-index: 9;
}
.rent_insurance_rent .insurance_item.active .insurance_badge{
    display:block;
}
.rent_insurance_rent .insurance_age{
    text-align:center;
    color:#666;
    font-size:14px;
}
.rent_insurance_rent .insurance_info_rows{
	margin: 20px 5px;
}
.rent_insurance_rent .insurance_info_rows > div{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    border-top:1px solid #eee;
    padding:7px 0;
    font-size:11px;
}
.rent_insurance_rent .insurance_info_rows > div:first-child{border-top: 0;}
.rent_insurance_rent .insurance_info_rows span{
    color:#aaa;
}
.rent_insurance_rent .insurance_info_rows b{
    color:#777;
    font-weight:500;
}
.rent_insurance_rent .insurance_info_rows b.red{
    color:#f04b4b;
}
.rent_insurance_rent .insurance_company{
    margin:0 -24px;
    padding:18px 24px 15px;
    background:#f8f8f9;
    text-align:center;
    font-size:14px;
    font-weight:700;
}
.rent_insurance_rent .insurance_item.active .insurance_company{
    margin-left:-24px;
    margin-right:-24px;
}
.rent_insurance_rent .insurance_company .pin{
    color:#00b2d6;
    margin-right:4px;
    font-size:14px;
}
.rent_insurance_rent .insurance_options{
    margin:0 -24px;
    padding:0 24px 14px;
    background:#f8f8f9;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px 5px;
}
.rent_insurance_rent .insurance_item.active .insurance_options{
    margin-left:-24px;
    margin-right:-24px;
}
.rent_insurance_rent .insurance_options span{
    display:block;
    padding:4px 5px;
    border-radius:6px;
    background:#eee;
    color:#555;
    font-size:10px;
    line-height:1.2;
    text-align:center;
    white-space:nowrap;
}
.rent_insurance_rent .insurance_options span::first-letter{
    color:#4aa56a;
}
.rent_insurance_rent .insurance_options span.off{
    color:#ccc;
}
.rent_insurance_rent .insurance_price{
    margin:0 -24px;
    padding:24px 24px 15px;
    background:#fafafa;
    border-top:1px solid #f0f0f0;
}
.rent_insurance_rent .insurance_item.active .insurance_price{
    margin-left:-24px;
    margin-right:-24px;
    background:#f1fcff;
}
.rent_insurance_rent .insurance_price > div{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:8px;
}
.rent_insurance_rent .insurance_price > div:last-child{margin-bottom:0;}
.rent_insurance_rent .insurance_price span{
    color:#999;
    font-size:11px;
}
.rent_insurance_rent .insurance_price strong{
    color:#00b2d6;
    font-size:16px;
    font-weight:700;
}
.rent_insurance_rent .insurance_price b{
    color:#777;
    font-size:11px;
    font-weight:500;
}
.rent_insurance_rent .insurance_notice{
    display:none;
}
@media (max-width:1100px){
    .rent_insurance_rent .isrent_insurance_list{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:640px){
    .rent_insurance_rent .isrent_insurance_list{grid-template-columns:1fr !important;}
    .rent_insurance_rent .insurance_content{min-height:0 !important;}
}

/* 자차보험 */
.rent_insurance_box{margin:30px 0;padding:20px;border:1px solid #e4e7eb;background:#fff;box-sizing:border-box;}
.rent_insurance_title{margin-bottom:15px; text-align: center;}
.rent_insurance_title strong{display:block;font-size: 25px; color:#222; margin-bottom: 30px;}
.rent_insurance_title span{display:block;font-size:13px;color:#888;}
.rent_insurance_list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.insurance_item{position:relative;display:block;cursor:pointer;margin:0;}
.insurance_item input{position:absolute;opacity:0;pointer-events:none;}
.insurance_content{position:relative;min-height:105px;padding:18px;border:1px solid #ddd;background:#fff;box-sizing:border-box;transition:all .2s;}
.insurance_item:hover .insurance_content{border-color:#f04b4b;}
.insurance_item.active .insurance_content{border:2px solid #f04b4b;background:#fff8f8;padding:17px;}
.insurance_top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.insurance_top strong{font-size:15px;color:#222;}
.insurance_top em{display:inline-block;margin-left:5px;padding:2px 6px;border-radius:3px;background:#f04b4b;color:#fff;font-size:10px;font-style:normal;vertical-align:2px;}
.insurance_content p{margin:0;font-size:12px;line-height:1.5;color:#888;}
.insurance_content p span{display:block;margin-top:4px;color:#f04b4b;font-weight:600;}
.insurance_check{position:relative;width:18px;height:18px;border:1px solid #ccc;border-radius:50%;box-sizing:border-box;flex:none;}
.insurance_item.active .insurance_check{border-color:#f04b4b;background:#f04b4b;}
.insurance_item.active .insurance_check:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.insurance_notice{display:flex;align-items:flex-start;gap:6px;margin-top:12px;padding:11px 13px;background:#f7f7f8;border-radius:5px;font-size:11px;line-height:1.5;color:#777;}
.insurance_notice i{color:#999;margin-top:2px;}
.insur_selected_text{font-weight:600;color:#222;}
#insur_limit_text{margin-left:5px;color:#f04b4b;font-weight:normal;}
@media all and (max-width:640px){
	.rent_insurance_box{margin:15px 0;padding:15px;}
	.rent_insurance_list{grid-template-columns:1fr;gap:8px;}
	.insurance_content{min-height:auto;padding:15px;}
	.insurance_item.active .insurance_content{padding:14px;}
	.rent_insurance_title strong{font-size:16px;}
}




/* 자차선택 모달 */
.modal_trigger{display:flex;justify-content: space-between;align-items:center; width:100%;padding: 18px;margin:0 0 10px;background:#f8f8f9;color:#333;cursor:pointer;text-align:center;transition:all 0.2s ease;border-radius: 10px;}
.modal_trigger:last-child{margin-bottom: 0;}
.modal_trigger span{font-size:15px;font-weight: 700; }
.modal_trigger span i{margin-left: 5px;}
.modal_trigger:hover{background: #02acd6; border-color: #02acd6; color:#fff;}
.modal_trigger:hover span{color:#fff;}
body.modal_pop_lock{overflow:hidden;}
.modal_pop{
    display:none;
    position:fixed;
    z-index:999999;
    inset:0;
    background:rgba(0,0,0,.58);
    align-items:center;
    justify-content:center;
    padding:16px;
    box-sizing:border-box;
}

.modal_pop.is_open{
    display:flex;
}

.modal_pop_box{
    position:relative;
    width:100%;
    max-width:500px;
    height:calc(100vh - 32px);
    max-height:650px;
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 20px 60px rgba(0,0,0,.25);
    display:flex;
    flex-direction:column;
}


/* 닫기 */
.modal_pop_close{
    position:absolute;
    right:14px;
    top:14px;
    z-index:20;
    width:28px;
    height:28px;
    border:0;
    color:#777;
    font-size:25px;
    line-height:25px;
    cursor:pointer;
}


/* ---------------------------------------------------------
   차량 상단
--------------------------------------------------------- */

.modal_car_header{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    padding:20px 35px 20px 20px;
    border-bottom:1px solid #eee;
    background:#fff;
}
.modal_car_header img{
    width:180px;
    object-fit:contain;
	margin-right: 10px;
}

.modal_car_info{
    min-width:0;
}

.modal_car_year{
    font-size:13px;
    color:#555;
    margin-bottom:4px;
}

.modal_car_name{
    font-size:20px;
    font-weight:700;
    color:#222;
    margin-bottom:7px;
}

.modal_car_meta{
    display:flex;
    align-items:center;
    gap:13px;
    color:#777;
    font-size:12px;
}

.modal_car_meta span{
    white-space:nowrap;
}

.modal_car_meta span i{
    font-size: 11px; margin-right: 5px;
}



/* ---------------------------------------------------------
   보험 필터 + 정렬
--------------------------------------------------------- */

.modal_filter{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 16px;
    border-bottom:1px solid #eee;
    background:#fff;
}

.modal_insur_tabs{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
}

.modal_insur_tab{
    height:40px;
    padding:0 15px;
    border:1px solid #eee;
    background:#fff;
    border-radius:3px;
    color:#777;
    font-size:13px;
    cursor:pointer;
}

.modal_insur_tab.on{
    background:#647d9e;
    border-color:#647d9e;
    color:#fff;
    font-weight:bold;
}

.modal_insur_tab.insur_general.on{
    background:#f5f5f5;
    color:#777;
    border-color:#ddd;
}

.modal_insur_tab.insur_high.on{
    background:#eef8ff;
    color:#168dd0;
    border-color:#b9def4;
}

.modal_insur_tab.insur_full.on{
    background:#fff5e9;
    color:#ef8c18;
    border-color:#ffd39d;
}

/* ---------------------------------------------------------
   업체 리스트
--------------------------------------------------------- */

.modal_result{
    flex:1;
    overflow-y:auto;
    padding:0 16px 30px;
    background:#fafafa;
}

.modal_result::-webkit-scrollbar{
    width:7px;
}

.modal_result::-webkit-scrollbar-thumb{
    background:#aaa;
    border-radius:10px;
}

.modal_company{
    margin-top:16px;
    padding:20px;
    background:#fff;
    border-radius:9px;
    box-shadow:0 2px 12px rgba(0,0,0,.04);
}

.modal_company_head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 0 10px;
}
.modal_company_name{
    font-size:14px;
    color:#444;
}

/* 상품 */
.modal_product{
    position:relative;
    cursor:pointer;
    cursor:pointer;
}

.modal_product:hover{
    border-color:#5d7698;
    box-shadow:0 3px 12px rgba(0,0,0,.07);
}

.modal_product_top{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.modal_product_title{
    font-size:19px;
    color:#333;
}

.modal_product_title small{
    font-size:12px;
    display: block;
	margin-top: 10px;
	font-weight: 400;
	color:#aaa;
}
.modal_product_price{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:6px;
    margin-top:8px;
}

.modal_product_price del{
    color:#aaa;
    font-size:11px;
}

.modal_product_price strong{
    color:#ec5050;
    font-size:20px;
}
	
/* 모바일 */
@media(max-width:600px){
    .modal_pop{
        padding:0;
        align-items:flex-end;
    }

    .modal_pop_box{
        width:100%;
        height:92vh;
        max-height:none;
        border-radius:16px 16px 0 0;
    }

    .modal_car_header{
        padding:22px 18px 15px;
    }
    .modal_car_header img{
        width:56px;
        height:45px;
    }

    .modal_car_name{
        font-size:17px;
    }

    .modal_car_meta{
        gap:8px;
        font-size:11px;
    }

    .modal_filter{
        display:block;
        padding:10px;
    }

    .modal_insur_tabs{
        display:flex;
        overflow-x:auto;
        flex-wrap:nowrap;
        padding-bottom:7px;
    }

    .modal_insur_tab{
        flex:0 0 auto;
        height:38px;
        padding:0 12px;
        font-size:12px;
    }

    .modal_result{
        padding:0 10px 25px;
    }

    .modal_company{
        margin-top:10px;
        padding:0 10px 10px;
    }

    .modal_company_name{
        font-size:13px;
    }
    .modal_product{
        padding:12px;
    }

    .modal_product_price strong{
        font-size:19px;
    }
}


/* 보험 안내 */
.isrent_insure_form {
    width: 100%;
    margin: 30px 0;
    box-sizing: border-box;
}

.isrent_insure_form * {
    box-sizing: border-box;
}

.isrent_insure_form .insure_title {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #ddd;
}

.isrent_insure_form .insure_title li {
    flex: 1;
    margin: 0;
    padding: 0;
}

.isrent_insure_form .insure_title li a {
    display: block;
    width: 100%;
    padding: 16px 5px;
    text-align: center;
    color: #666;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-bottom: 0;
    text-decoration: none;
    font-size: 15px;
}

.isrent_insure_form .insure_title li + li a {
    border-left: 0;
}

.isrent_insure_form .insure_title li a.on {
    color: #fff;
    background: #333;
    border-color: #333;
    font-weight: 600;
}

.isrent_insure_form .insure_info {
    display: none;
    padding: 25px 0;
    line-height: 1.7;
    font-size: 14px;
    color: #555;
}

.isrent_insure_form .insure_info:first-of-type {
    display: block;
}


/* 기본 리스트 */
.isrent_insure_form ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.isrent_insure_form .sub_info > ul {
    margin-bottom: 20px;
}

.isrent_insure_form .sub_info > ul > li {
    position: relative;
    padding-left: 12px;
    margin-bottom: 2px;
}

.isrent_insure_form .sub_info > ul > li:before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
}


/* 강조 */
.isrent_insure_form .red {
    color: #ec5050;
}

.isrent_insure_form .f_bold {
    font-weight: 600;
}


/* 테이블 */
.isrent_insure_form .tbl_head04 {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #333;
    margin: 15px 0 20px;
}

.isrent_insure_form .tbl_head04 th,
.isrent_insure_form .tbl_head04 td {
    padding: 13px 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    vertical-align: middle;
    line-height: 1.6;
}

.isrent_insure_form .tbl_head04 th {
    background: #f7f7f7;
    color: #333;
    font-weight: 600;
}

.isrent_insure_form .tbl_head04 td {
    background: #fff;
}

.isrent_insure_form .tbl_head04 .top {
    border-top: 0;
}


/* 안내문 */
.isrent_insure_form .etc_info {
    margin:0 0 5px;
    line-height: 1.6;
    font-size: 13px;
}

.isrent_insure_form .sub_info h4 {
    margin: 15px 0 0;
    font-size: 15px;
    font-weight: 600;
}


/* 환불규정 */
.isrent_insure_form .refund-table {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #333;
    margin-bottom: 20px;
}

.isrent_insure_form .refund-table th,
.isrent_insure_form .refund-table td {
    padding: 13px 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.isrent_insure_form .refund-table th {
    background: #f7f7f7;
    border-top: 1px solid #333;
    font-weight: 600;
}

.isrent_insure_form .refund-table .season-head {
    background: #f7f7f7;
}

.isrent_insure_form .refund-table .sub {
    color: #888;
    font-size: 12px;
}

.isrent_insure_form .isrent_form_info3 {
    margin-top: 15px;
}

.isrent_insure_form .isrent_form_info3 li {
    position: relative;
    padding-left: 12px;
    margin-bottom: 8px;
    line-height: 1.6;
}

.isrent_insure_form .isrent_form_info3 li:before {
    content: "•";
    position: absolute;
    left: 0;
}


/* 인수방법 */
.isrent_insure_form .map_area{display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
.isrent_insure_form .map_info {
	width: 350px;
    margin-bottom: 20px;
}

.isrent_insure_form .map_info h2 {
    margin: 0 0 10px;
    font-size: 20px;
    color: #222;
}

.isrent_insure_form .map_info li {
    position: relative;
    padding-left: 12px;
    margin-bottom: 5px;
}

.isrent_insure_form .map_info li:before {
    content: "•";
    position: absolute;
    left: 0;
}

.isrent_insure_form .map_info li span {
    color: #ec5050;
}

.isrent_insure_form .map_info h4 {
    position: relative;
    margin: 15px 0 0;
    padding: 12px 12px 12px 35px;
    background: #f7f7f7;
    font-size: 13px;
    line-height: 1.7;
}

.isrent_insure_form .map_info .mark {
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0;
}

.isrent_insure_form .airport_map {
    display: block;
    width: calc(100% - 400px);
    height: auto;
}


/* 모바일 */
@media screen and (max-width: 767px) {

    .isrent_insure_form {
        margin: 20px 0;
    }

    .isrent_insure_form .insure_title li a {
        padding: 13px 2px;
        font-size: 13px;
    }

    .isrent_insure_form .insure_info {
        padding: 20px 0;
        font-size: 13px;
    }

    .isrent_insure_form .tbl_head04 {
        font-size: 12px;
    }

    .isrent_insure_form .tbl_head04 th,
    .isrent_insure_form .tbl_head04 td {
        padding: 9px 5px;
    }

    .isrent_insure_form .etc_info {
        font-size: 12px;
    }

    .isrent_insure_form .map_info h2 {
        font-size: 18px;
    }

    .isrent_insure_form .map_info h4 {
        font-size: 13px;
    }

}