@charset "utf-8";

@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/variable/pretendardvariable.min.css");
@import url('common.css');

/* 헤더 */
#wrap {position:relative; padding-top:80px;}
header {position:fixed; z-index:10004; left:0; top:0; width:100%; height:80px; padding:0 80px; border-bottom:1px solid #ebebeb; background:#fff;}
header:after {display:block; content:''; clear:both;}
header h1 {float:left; width:223px; height:29px; margin-top:25px; text-indent:-9999px; background:url(/static/images/ico/ico_logo.svg);}
header h1 a {display:block; width:100%; height:100%;}
header ul {float:right;}
header ul li {float:left;}
header ul li a {display:block; width:100%; height:80px; padding:28px 20px; text-align:center; letter-spacing:-0.57px; color:#000;}
header ul li:hover a ,
header ul li.on a {font-weight:500;}
header ul li.on a span {position:relative;}
header ul li.on a span:before {content:''; position:absolute; left:-2px; bottom:-9px; width:calc(100% + 4px); height:4px; background:#000;}
#kakao {position:fixed; z-index:9999; right:23px; bottom:40px; width:86px; height:42px; background:url(/static/images/ico/ico_kakao.svg) no-repeat 0 0;}
#kakao a {display:block; width:100%; height:100%; text-indent:-9999px;}

header ul li.icob_reser a {font-weight:500;}
header ul li.icob_reser a span {position:relative;}
header ul li.icob_reser a span:after {content:''; position:absolute; right:-8px; top:1px; width:6px; height:6px; border-radius:10px; background:#e65a4f;}

body {background:#eaeaea;}
body:before {content:''; position:absolute; z-index:0; left:50%; bottom:0; margin-left:-230px; width:460px; height:100%; background:#f3f4f5;}

#container {width:460px; margin:0 auto; padding:34px 23px 40px; background:#f3f4f5;}

/* 기존 style 영향으로 인해 삭제 */
/*h3 {margin-bottom:20px; font-size:23px; line-height:1.39; font-weight:500; letter-spacing:-1.15px;}*/
/*h3 a {margin-left:12px; font-size:18px; line-height:1.78; letter-spacing:-0.9px; color:#888;}*/

/* 공통 버튼 레이아웃 */
.btn_wrap > * {display:block; width:100%; text-align:center; font-size:15px; font-weight:600; line-height:50px; letter-spacing:-0.11px; color:#fff; border-radius:6px; background:#000;}
.btn_wrap > * + * {margin-top:12px;}
.btn_wrap.two > * {width:calc(50% - 7px) !important;}
.btn_wrap .empty {color:#000; font-weight:400; border:1px solid #000; background:transparent;}
.btn_wrap .cancel {color:#9b9b9b; font-weight:400; border:1px solid #cacaca; background:#fff;}
.btn_wrap .cancel.point {background:#fde7e7 !important;border:1px solid #fde7e7 !important; color:#e65a4f !important;}
.btn_wrap .cancel.point:hover {background:#fabdbd;}
.btn_wrap .active {color:#fff; border:1px solid #e65a4f; font-weight:600; background:#e65a4f;}

.btn_wrap .active.empty {color:#e65a4f; border:1px solid #e65a4f; font-weight:400; background:#fff;}
.btn_wrap input {line-height:48px;}
.btn_wrap input:disabled {color:#9b9b9b; font-weight:500; border-color:#e9e9ea; background:#e9e9ea;}
.btn_wrap .type_red {background:#e65a4f;color:#fff;}
.btn_wrap .type_line {height:46px !important;line-height:44px !important;background:#f3f4f5;border:1px solid #000;color:#000;font-size:14px !important;}
.btn_wrap .type_gray {height:46px !important;line-height:44px !important;color:#000;border:1px solid #f8f8f8; background:#f8f8f8;font-weight:400;}
.btn_wrap .type_gray:hover {background:#f9f9f9;}
.btn_wrap .type_gray_line {height:46px !important;line-height:44px !important;color:#000;border:1px solid #e0e0e0; background:#fff;font-weight:400;}
.btn_wrap .type_gray_line:hover {background:#f9f9f9;}
.btn_wrap.fixed {position:fixed;bottom:0;left:50%;transform:translate(-50%, 0%);padding:23px;width:460px;}

.shadow_btn {box-shadow: 0 6px 17px 0 rgba(177, 177, 177, 0.7);}

.btn_wrap input:disabled:hover {background:#e9e9ea;}

.btn_wrap.two:after {display:block; content:''; clear:both;}
.btn_wrap.two > * {float:left; width:calc(50% - 3px);}
.btn_wrap.two > * + * {float:right; margin-top:0;}

.btn_wrap.big > * {height:52px; font-size:17px; font-weight:500;}

.ico_prev {display:inline-block; width:15px; height:20px; margin-left:23px; text-indent:-9999px; background-position: -92px -863px;}
.ico_prev.poptop {margin-left:0;}
.icob_check:before {right:17px; top:20px; width:12px; height:9px; background-position:-82px -2212px;}
.icob_check.active:before {background-position:-30px -2212px;}

.ico_prev.spot {position:absolute;top:25px;right:4px;width:34px;height:34px;background:#fff url(/static/images/ico/ico_prev.svg) no-repeat 47% 50%;border-radius:50%;text-indent:-9999px;overflow:hidden}

.btn_page_up {position:fixed;left:18px;bottom:88px;z-index:9998;width:42px;height:42px;border:1px solid #ccc;border-radius:3px;text-indent:-9999px;overflow:hidden;}
.btn_page_up:before {content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:#fff;opacity:0.8;}
.btn_page_up:after {content:"";position:absolute;left: 14px;top: 16px;display:block;width:11px;height:11px;border:2px solid #000;border-radius:1px;border-top:0;border-right:0;transform: rotate(135deg);}

.btn_page_back {position:fixed;left:18px;bottom:88px;z-index:9998;width:42px;height:42px;border:1px solid #ccc;border-radius:3px;text-indent:-9999px;overflow:hidden;}
.btn_page_back:before {content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:#fff;opacity:0.8;}
.btn_page_back:after {content:"";position:absolute;left:16px;top:14px;display:block;width:11px;height:11px;border:2px solid #000;border-radius:1px;border-top:0;border-right:0;transform:rotate(45deg)}

/* 아이콘 */
[class*="icob_"] {position:relative;}
[class*="icob_"]:before {content:''; position:absolute; z-index:1; background-image:url(/static/images/ico/ico_sprite@2x.png); background-size:200px; background-repeat:no-repeat;}
.icob_loca {padding-left:14px; font-size:13px; letter-spacing:-0.65px; color:#7e868b;}
.icob_loca:before {left:0; top:4px; width:10px; height:12px; background-position:-34px -865px;}
.icob_loca1 {padding-left:14px; font-size:13px; letter-spacing:-0.65px; color:#7e868b;}
.icob_loca1:before {left:0; top:4px; width:14px; height:15px; background-position:-24px -74px;}
.icob_call {padding-left:22px;}
.icob_call:before {left:0; top:10px; width:16px; height:16px; background-position:-140px -74px;}
.icob_fold {padding-right:26px;}
.icob_fold:before {right:0; top:9px; width:14px; height:7px; background-position:-81px -122px;}
.icob_fold.on:before {right:0; top:9px; width:14px; height:7px; background-position:-25px -122px;}
.icob_place {padding-left:20px;}
.icob_place:before {left:0; top:0; width:12px; height:15px; background-position:-26px -74px;}
.icob_date {padding-left:22px;}
.icob_date:before {left:0; top:0; width:14px; height:15px; background-position:-82px -74px;}
.icob_arw:before {left:9px; top:10px; width:14px; height:8px; background-position:-26px -632px;}
.icob_arw_g:before {left:9px; top:10px; width:14px; height:8px; background-position:-68px -632px;}
.icob_arw.posR:before {left:auto;right:10px;}
.icob_time {padding-left:22px;}
.icob_time:before {left:0; top:0; width:18px; height:18px; background-position:-150px -2210px;}
.icob_alarm {position:relative;right:0;top:20px;width:40px;height:40px;z-index:10005}
.icob_alarm:before {position:absolute;right:0;top:0;width:40px;height:40px;background-position:-79px -2495px;}

[class*="icob_icn_"]:before {content:''; position:absolute; z-index:1; background-image:url(/static/images/ico/sprite_icn@2x.png); background-size:80px; background-repeat:no-repeat;}
.icob_icn_dpt_time:before {background-position: 7px -4261px;width: 35px;height: 24px;left: 0; top: 10px;}
.icob_icn_arv_time:before {background-position: -28px -4261px;width: 35px;height: 24px;left: 0; top: 10px;}
.icob_icn_psn:before {background-position: -7px -4301px;width: 35px;height: 24px;left: 14px;top: 11px;}
.icob_icn_add_waypoint:before {background-position: -44px -4302px;width: 22px;height: 26px;left: 10px;top: -2px;}
.icob_icn_sub_waypoint:before {background-position: -44px -4342px;width: 22px;height: 26px;left: 10px;top: -2px;}
.icob_icn_right:before {left:9px; top:10px; width:14px; height:13px; background-position:-48px -4441px;}
.icob_icn_airport_start:before {left:20px; top:12px; width:16px; height:23px; background-position:-12px -4475px;}
.icob_icn_airport_time:before {left:20px; top:12px; width:16px; height:23px; background-position:-49px -4475px;}
.icob_icn_airport_serial:before {left:20px; top:12px; width:16px; height:23px; background-position:-12px -4924px;}

.before.icob_icn_airport_luggage1:before{top:13px; left:22px;}
.icob_icn_airport_luggage1:before {left:23px; top:35px; width:16px; height:23px; background-position:-12px -4560px;}
.icob_icn_airport_luggage2:before {left:23px; top:34px; width:16px; height:23px; background-position:-48px -4560px;}
.icob_icn_airport_luggage3:before {left:23px; top:34px; width:20px; height:23px; background-position:-11px -4604px;}

.icob_icn_airport_luggage1 p {position: relative; float: left; top: 37px; left: 48px; font-size:16px; letter-spacing: -0.8px;}
.icob_icn_airport_luggage2 p {position: relative; float: left; top: 36px; left: 48px; font-size:16px; letter-spacing: -0.8px;}
.icob_icn_airport_luggage3 p {position: relative; float: left; top: 35px; left: 48px; font-size:16px; letter-spacing: -0.8px;}

.guide.icob_icn_airport_luggage1:before {left:0; top:0; width:16px; height:23px; background-position:-12px -4560px;}
.guide.icob_icn_airport_luggage2:before {left:0; top:0; width:16px; height:23px; background-position:-48px -4560px;}
.guide.icob_icn_airport_luggage3:before {left:0; top:0; width:20px; height:23px; background-position:-11px -4604px;}

.icob_icn_car_seat:before {left:20px; top:12px; width:16px; height:23px; background-position:-48px -4924px;}

.react_app .icob_icn_checked input[type="checkbox"]:checked + label:before {
    background-image:url(/static/images/ico/sprite_icn@2x.png);
    background-size:80px;
    background-repeat:no-repeat;
    background-position: -12px -4387px;
    z-index:1;
    transition: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    -moz-transition: none !important;
    border-color: #e65a4f;
}

header ul li.icob_alarm.on a span:before {
    left: -10px;
    bottom: 10px;
    width: 20px;
}

.icob_alarm.unread:before {position:absolute;right:0;top:0;width:40px;height:40px;background-position:-11px -2495px;}

.icob_arw_up:before {left:0; top:0; width:14px; height:14px; background-position:-69px -632px;transform:rotate(180deg);}
.icob_arw_down:before {left:0; top:0; width:14px; height:14px; background-position:-67px -625px;}
.icob_close:before {left:0; top:0; width:36px; height:36px; background-position:-11px -2376px;}

[class*="ico_"] {display:inline-block; background-image:url(/static/images/ico/ico_sprite@2x.png); background-size:200px; background-repeat:no-repeat;}
.ico_help {width:14px; height:14px; text-indent:-9999px; margin-left:6px; background-position:-152px -807px; vertical-align:top; margin-top:2px;}
.ico_help_dark {width:14px; height:14px; text-indent:-9999px; margin-left:6px; background-position:-152px -862px; vertical-align:top; margin-top:2px;}
.ico_help_big {width:18px; height:18px; text-indent:-9999px; margin:4px 0 0 8px; background-position:-148px -1252px; vertical-align:top;}

/* 메인 - 상단 배너 */
.main_ban {position:relative; margin-top:-4px; border-radius:6px; background:#fff; overflow:hidden;}
.main_ban .ban_list div img {display:block; width:100%; border-radius: 6px;}
.main_ban .ban_dots {position:absolute; z-index:1; right:12px; top:8px;}
.main_ban .ban_dots div {float:left; width:5px; height:5px; text-indent:-9999px; opacity:0.5; border-radius:5px; background:#d6d6d6;}
.main_ban .ban_dots div + div {margin-left:3px;}
.main_ban .ban_dots div.on {opacity:1; background:#cacaca;}


/* 메인 - 통계박스 */
.statistics_box {padding:24px 0 24px;}
.statistics_box div{width: 100%; display: flex; justify-content: space-between;}
.statistics_box div .box {
    display: block;
    width: 31%;
    height: 84px;
    border-radius: 6px;
    background: #fff;
    letter-spacing: -0.91px;
    text-align: center;
    padding-top: 15px;
}
.statistics_box div .box.requests {color:#313131;}
.statistics_box div .box.completes {color:#ff5d5d;}
.statistics_box div .box.cancels {color:#999999;}
.statistics_box div .box p.title{font-size:15px; height:22px; font-weight: 500; letter-spacing: -0.47px;width:100%;}
.statistics_box div .box p.value{font-size: 24px; height:36px; letter-spacing: -0.75px; font-weight:bold;width:100%;}

/* 메인 - 베너박스 */
.banner_box {
    width: 100%;
    display: block;
    height: 200px;
    border-radius: 6px;
    background: #fff;
    letter-spacing: -0.91px;
    text-align: left;
}
.banner_box h3 {font-size:15px; line-height:22px; letter-spacing:-0.47px; font-weight:500;}
.banner_box h3 + p {margin-top:12px; font-size:21px; line-height:0px; font-weight:bold; letter-spacing:-0.66px;}
.banner_box.bus {padding:33px 28px 40px; background:#fff url(/static/images/home/banner-img.svg) no-repeat right 24px bottom 18px;}

/* 메인 - 캠핑카 검색 */
.car_select_box {padding:30px 0 50px;}
.car_select_box.only {padding:0;}
.car_select_box.only .date {border:1px solid #dcdcdc;}
.car_select_box h3 {margin-bottom:18px;}
.car_select_box .tit {display:block; margin-bottom:5px; line-height:1; font-size:14px; letter-spacing:-0.7px; color:#888; font-weight:400;}
.car_select_box .con {display:inline-block; font-size:17px; letter-spacing:-0.85px; font-weight:500;}
.car_select_box .con.yet {color:#888;}

.car_select_box .place > a {display:block; height:80px; padding:18px 20px; border-radius:6px; background:#fff;}
.car_select_box .place > a:hover {background:#f9f9f9;}

.car_select_box .date {margin-top:12px; border-radius:6px; background:#fff; overflow:hidden;}
.car_select_box .date li {position:relative; float:left; width:50%;}
.car_select_box .date li + li:before {content:''; position:absolute; z-index:1; left:0; top:17px; width:1px; height:45px; background:#d8d8d8;}
.car_select_box .date li + .all_time:before {display:none;}
.car_select_box .date li a {display:block; height:80px; padding:20px;}

.car_select_box .all_time .con {margin-bottom:22px; font-size:20px;}
.car_select_box .all_time .con .add_time {margin-left:6px; color:#e65a4f; font-size:15px; font-weight:600;}
.car_select_box .date li.bg {background:#f9f9f9;}
.car_select_box .date .all_time {width:100%; padding:20px; border-top:1px solid #d8d8d8;}
.car_select_box .date .all_time .ico_help_big {margin:-1px 0 0 8px;}
.car_select_box .date .all_time a {display:block; width:100%; height:auto; padding:12px 0; color:#888; font-size:13px; text-align:center; border:1px solid #000;  border-radius:6px;}
.car_select_box .date .all_time a strong {margin-right:4px; color:#000; font-size:14px;}
.car_select_box .date .all_time a:hover {background:#f9f9f9;}

.car_select_box .date .all_time span.no_add_time {display:block; width:100%; height:auto; padding:12px 0; color:#888; font-size:13px; text-align:center; border-radius:6px; background-color:#eaeaea}

.car_select_box .search_btn {display:block; width:100%; height:52px; margin-top:24px; font-size:17px; color:#fff; letter-spacing:-0.85px; border:0; border-radius:6px; background:#e65a4f;}
.car_select_box .search_btn:hover {background:#ea4949;}

.recommend {padding-bottom:50px;}
.recommend h3 {margin-bottom:16px; font-size:18px; line-height:1.78; letter-spacing:-0.9px;}

.discount {margin-bottom:-1px; font-size:15px; font-weight:600;}
.discount strong {margin-right:8px; color:#b2b2b2; text-decoration:line-through;}
.discount span {color:#e65a4f;}

.day_bg_g {background:#eee;}

.car_detail {font-size:13px; letter-spacing:-0.65px;}
.car_detail .type {font-weight:500;}
.car_detail .discount {margin:9px 0 -6px;}
.car_detail .tag {margin-top:10px; margin-bottom:-4px;}
.car_detail .tag li {float:left; height:22px; margin:0 4px 4px 0; padding:1px 8px; font-size:12px; font-weight:500; letter-spacing:-0.3px; font-weight:500; border-radius:4px; border:1px solid #dcdcdc;}
.car_detail.detail_page .tag li.basic {color:#5c6469; font-weight:400;}

.car_list > li {border-radius:6px; overflow:hidden; background:#fff;}
.car_list > li + li {margin-top:18px;}
.car_list > li a {display:block; width:100%; height:100%;}
.car_list > li .pic img {display:block; width:100%;}
.car_list > li .info {position:relative;}
.car_list > li .info a {padding:26px 24px 24px;}
.car_list > li .info a .price {margin-top:0;}
.car_list > li .info .car_detail {margin-top:16px;}
.car_list > li .info .ico_heart {position:absolute; z-index:1; right:18px; top:18px; width:21px; height:18px; background:url(/static/images/ico/ico_heart.svg) no-repeat 0 0; background-size:21px;}
.car_list > li .info .ico_heart.on {background-image:url(/static/images/ico/ico_heart_on.svg);}
.car_list > li .info.disabled {background:rgba(0, 0, 0, 0.03);}

.map_car_list div.item {border-radius:6px; overflow:hidden; background:#fff; margin:5px;}
.map_car_list div.item a {display:block; width:100%; height:100%;}
.map_car_list div.item .pic img {display:block; width:100%;}
.map_car_list div.item .info {position:relative;}
.map_car_list div.item .info.disabled {background:rgba(0, 0, 0, 0.03);}
.map_car_list div.item .info a {padding:26px 24px 24px;}
.map_car_list div.item .info a.mapinfo {padding:20px 24px 22px 24px;}
.map_car_list div.item .info a .price {margin-top:0;}
.map_car_list div.item .info .car_detail.mapinfo {margin-top:6px;}
.map_car_list div.item .info .car_detail {margin-top:16px;}
.map_car_list div.item .info .ico_heart {position:absolute; z-index:1; right:18px; top:18px; width:21px; height:18px; background:url(/static/images/ico/ico_heart.svg) no-repeat 0 0; background-size:21px;}
.map_car_list div.item .info .ico_heart.on {background-image:url(/static/images/ico/ico_heart_on.svg);}
.map_car_list .slick-list {overflow:visible}

.none > li {padding-top:160px; text-align:center; font-size:18px; line-height:1.44; letter-spacing:-0.9px; font-weight:500; color:#888; background:transparent;}
.nologin > li {padding-top:118px; font-size:18px; line-height:1.44; font-weight:500; text-align:center; background:transparent;}

.bt_current_spot {position:absolute;right:0;top:100px;width:44px;height:44px;background:#fff url(/static/images/ico/ico_map_cursor.svg) no-repeat 50% 50%;border:1px solid #e3e3e3;border-radius:50%;text-indent:-9999px;overflow:hidden;z-index:10002}
i.map_spot_current {position:absolute;left:50%;top:50vh;display:inline-block;width:18px;height:18px;border:1px solid #e65a4f;border-radius:50%;background-color:#fff;z-index:10002}
i.map_spot_current:before {content:"";position:absolute;left:-10px;top:-10px;display:inline-block;width:36px;height:36px;border-radius:50%;background-color:#e65a4f;opacity:0.2}
i.map_spot_current:after {content:"";position:absolute;left:0;top:0;display:inline-block;width:10px;height:10px;border-radius:50%;border:3px solid #fff;background-color:#e65a4f}

/* 캠핑카 회사라면 / 자주묻는 질문 */
.main_quick {margin:0 -23px;}
.main_quick h3 {font-size:18px; line-height:1.33; letter-spacing:-0.9px; font-weight:500;}
.main_quick h3 + p {margin-top:12px; font-size:13px; line-height:1.38; letter-spacing:-0.65px;}

.main_quick.partner {padding:44px 23px 40px; background:#e5e5e5 url(/static/images/ico/ico_partner.svg) no-repeat right 32px top 42px;}
.main_quick.partner a {display:block; margin-top:34px; line-height:46px; color:#fff; font-size:16px; font-weight:500; letter-spacing:-0.8px; text-align:center; border-radius:6px; background:#4c4444;}
.main_quick.partner a:hover {background:#342929;}
.main_quick.faq {position:relative; padding:40px 23px; background:#30978e; color:#fff;}
.main_quick.faq a {position:absolute; z-index:1; right:23px; top:66px; width:104px; height:42px; line-height:42px; text-align:center; font-size:14px; letter-spacing:-0.7px; color:#000; font-weight:600; border-radius:6px; background:#fff;}


.main_quick.app {padding:44px 23px 40px; background:#fff;}
.main_quick.app p{margin-bottom: 30px;}
.main_quick.app div{width:100%; display:flex;justify-content:space-between;}
.main_quick.app a.android {
    line-height:46px;
    width: 48%;
    height: 46px;
    border-radius: 6px;
    background: #000000;
    font-weight: 500;
    font-size:16px;
    color:#fff;
    letter-spacing: -0.91px;
    text-align: center;
}
.main_quick.app a.iphone {
    line-height:46px;
    width: 48%;
    height: 46px;
    border-radius: 6px;
    background: #000000;
    font-weight: 500;
    font-size:16px;
    color:#fff;
    letter-spacing: -0.91px;
    text-align: center;
}
.main_quick.app a.android img{width:16px;margin-right:7px;margin-top:-2px;}
.main_quick.app a.iphone img{width:16px;margin-right:7px;margin-top:-5px;}

/* 고객센터 */
.cs_center .con {padding:19px 20px; margin-top:-1px; border-radius:0 0 6px 6px; border:1px solid #bebebe;}
.cs_center .con p {font-size:13px; opacity:0.6; letter-spacing:-0.65; line-height:1.54;}

/* 푸터 */
footer {width:460px; color:#a0a0a0; margin:0 auto; padding:24px 20px; font-weight:500; background:#fff;}
footer a {color:#a0a0a0; font-weight:500;}
footer > a {font-size:16px; line-height:1.06; letter-spacing:-1.05px;}
footer > address {margin-top:14px; padding-bottom:21px; border-bottom:1px solid #eee;}
footer > address p {font-size:12px; line-height:1.42; letter-spacing:-0.5px;}
footer .foot_util {padding:15px 0 20px; line-height:1.42; font-size:12px;}
footer .foot_util a {margin-right:14px; letter-spacing:-0.5px;}
footer .foot_util p {margin-top:29px; padding-right:30px; word-break:keep-all; letter-spacing:-0.79px;}

/* 팝업 */
.popup_wrap {position:fixed; z-index:10004; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.popup_wrap .popup {position:absolute; z-index:1; left:50%; top:50%; padding:30px 20px 20px; margin-left:-157px; width:314px; border-radius:8px; background:#fff; transform:translateY(-50%);}
.popup_wrap .popup .pop_head {margin-bottom:32px; font-size:16px; text-align:center; font-weight:600; letter-spacing:-0.77px;}
.popup_wrap .popup .pop_head .ico_help_big {margin:5px 0 0 8px;}
.popup_wrap .popup .btn_wrap {margin-top:25px;}
.popup_wrap .popup .btn_wrap > * {line-height:44px;letter-spacing: -0.64px;}
.popup_wrap.hide {display:none;}

.popup_wrap .popup.airport {padding:34px 24px 24px;}
.popup_wrap .popup.airport .btn_wrap {margin-top:36px;}

.popup_wrap .popup.charter_type .pop_close_btn{font-weight:300;cursor:pointer;line-height:14px;position:absolute;top:21px;right:22px;width:14px;font-size:28px;}

.popup_wrap .popup.charter_type {padding:36px 20px 36px 20px;width:314px;}
.popup_wrap .popup.charter_type .pop_head {margin-bottom:7px;font-size:18px;font-weight:700;line-height:22.5px;letter-spacing:-0.5px;text-align:center;}
.popup_wrap .popup.charter_type .pop_sub_head {margin-bottom:40px;font-size:14px;color:#3e3e3e;font-weight:400;line-height:19.6px;letter-spacing:-0.5px;text-align:center;}
.popup.charter_type .select_list li {width:150px;}
.popup.charter_type .select_list li span {background:#ffffff;box-shadow:0 0 10px 4px rgba(204, 204, 204, 0.4);padding:31px 14px 21px 15px;}
.popup.charter_type .select_list li span.compare_container {padding-top:28px;}
.popup.charter_type .select_list li span .inner_img_container {display:flex;justify-content:center;}
.popup.charter_type .select_list li span .inner_img_allocate {width:76px;height:52px;margin-bottom:30px;}
.popup.charter_type .select_list li span .inner_img_compare {width:67px;height:60px;margin-bottom:25px;}
.popup.charter_type .select_list li span .inner_title {font-size:16px;font-weight:700;text-align:center;line-height:20px;margin-bottom:10px;}
.popup.charter_type .select_list li span .inner_content {font-size:14px;font-weight:400;line-height:19.6px;letter-spacing:-0.7px;color:#3e3e3e;}
.popup.charter_type .select_list li span:hover {background:#e3e3e3;color:#000000;}
.popup.charter_type .select_list li span:active {background:#ffffff;border:2px solid #000000;padding:29px 12px 19px 13px;}

@media (max-width: 768px){
    .popup_wrap .popup.charter_type {width:80vw;padding-right:19px;padding-bottom:33px;}
    .popup.charter_type .select_list li {width:calc(50% - 9px);}
    .popup.charter_type .select_list li span {padding: 31px 23px 20px 23px;}
    .popup.charter_type .select_list li span .inner_img {margin-bottom:26px;}
    .popup.charter_type .select_list li span .inner_title {margin-bottom:8px;}
    .popup.charter_type .select_list li span .inner_content {line-height:18.9px;letter-spacing:-0.3px;}
}

/* 공지팝업 */
.popup_wrap.type_notice .popup {height:390px; padding:0; margin-top:-22px;}
.popup_wrap.type_notice .popup .pop_ctrl {position:absolute; z-index:1; left:0; bottom:-44px; width:100%; text-align:center;}
.popup_wrap.type_notice .popup .pop_ctrl a {display:inline-block; position:relative; padding:0 40px; color:#fff; font-weight:600; letter-spacing:-0.8px;}
.popup_wrap.type_notice .popup .pop_ctrl a + a:before {content:''; position:absolute; z-index:1; left:0; top:3px; width:1px; height:18px; background:#fff;}

/* 텍스트팝업 */
.popup_wrap.type_txt .popup {width:328px;padding:28px 24px 24px 24px;box-sizing: border-box;}
.popup_wrap.type_txt .popup .pop_head {margin-bottom:10px; text-align:left; font-size:18px; font-weight:500; letter-spacing:-0.77px;}
.popup_wrap.type_txt .popup .txt {position:relative; font-size:15px;}
.popup_wrap.type_txt .popup .txt p {letter-spacing:-0.77px;}
.popup_wrap.type_txt .popup .txt p.detail {letter-spacing:-0.64px;}
.popup_wrap.type_txt .popup .txt .time_add {position:absolute; top:7px; right:0;}
.popup_wrap.type_txt .popup .txt .time_add input {display:inline-block; width:73px; padding:0; vertical-align:middle; border:0; text-align:center;}
.popup_wrap.type_txt .popup .txt .time_add button {display:inline-block; vertical-align:middle; text-indent:-9999px;}
.popup_wrap.type_txt .popup .txt .time_add .ico_minus {width:30px; height:30px; background-position:-20px -1363px;}
.popup_wrap.type_txt .popup .txt .time_add .ico_plus {width:30px; height:30px; background-position:-91px -1363px;}
.popup_wrap.type_txt .popup .txt .time_add .ico_minus:disabled {opacity:0.5;}

.popup_wrap.type_txt .popup .txt .option {position:absolute; top:7px; right:0;}
.popup_wrap.type_txt .popup .txt .option + .option {margin-top:20px;}
.popup_wrap.type_txt .popup .txt .option label {display:block; position:relative;}
.popup_wrap.type_txt .popup .txt .option label strong {font-weight:400;}
.popup_wrap.type_txt .popup .txt .option label span {font-size:14px; color:#7e868b; margin-left:4px; letter-spacing:-0.44px;}
.popup_wrap.type_txt .popup .txt .option label input {position:absolute; z-index:-1; left:-9999px; width:0px; height:0px; clip:rect(0,0,0,0); overflow:hidden;}
.popup_wrap.type_txt .popup .txt .option label input + i {display:block; position:absolute; z-index:1; right:0; top:2px; width:20px; height:20px;}
.popup_wrap.type_txt .popup .txt .option label input[type="radio"] + i {background:url(/static/images/ico/ico_radio.svg);}
.popup_wrap.type_txt .popup .txt .option label input[type="radio"]:checked + i {background:url(/static/images/ico/ico_radio_on.svg);}

.popup_wrap.type_txt .popup .chk_list {margin-top:30px}
.popup_wrap.type_txt .popup .chk_list li + li {margin-top:10px}
.popup_wrap.type_txt .popup .txtArea {margin-top:14px}
.popup_wrap.type_txt .popup textarea {border-radius:6px;}

.popup_wrap.type_txt .popup .dl_list {letter-spacing:-0.75px;}
.popup_wrap.type_txt .popup .dl_list dt {float:left; width:65px; font-weight:500;}
.popup_wrap.type_txt .popup .dl_list dd {padding-left:65px; margin-bottom:4px;}
.popup_wrap.type_txt .popup .btn_wrap {margin-top:32px;}
.popup_wrap.type_txt .popup .btn_wrap .empty {line-height:40px; font-size:16px; font-weight:500;}
.popup_wrap.type_txt .popup .btn_wrap .empty:hover {background:#f9f9f9;}

.popup_wrap.withcar .popup {padding-top:0;}
.popup_wrap.withcar .popup .pic {margin:-1px -23px 0; border-radius:12px 12px 0 0; overflow:hidden;}
.popup_wrap.withcar .popup .pic img {display:block; width:100%;}
.popup_wrap.withcar .popup .pop_head {padding-top:30px;}

/* 하단 풀팝업 */
.popup_wrap.type_btm_full {background:rgba(0,0,0,0.3);}
/*.popup_wrap.type_btm_full:before {content:''; position:absolute; z-index:1; left:50%; bottom:0; width:100%; max-width:460px; height:460px; height:calc(100% - 108px); background:#ddd; transform:translateX(-50%); border-radius:36px 36px 0 0; }*/
.popup_wrap.type_btm_full .popup {left:50%; top:110px; width:100%; max-width:460px; margin-left:0; height:calc(100% - 110px); padding:36px 0 0 0; border-radius:36px 36px 0 0; transform:translateX(-50%); overflow:hidden;}
.popup_wrap.type_btm_full .popup:after {content:''; position:absolute; z-index:1; left:50%; top:12px; width:46px; height:5px; margin-left:-23px; border-radius:3px; background:#e6e6e6;}
.popup_wrap.type_btm_full .prev_btn {margin:-36px 0 0 0; padding-top:40px;}
.popup_wrap.type_btm_full .prev_btn.poptop {margin:-36px 0 20px 0;}


/* 지도 */
.map_wrap {position:fixed; z-index:9998; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.map_wrap .base {position:absolute; z-index:1; left:50%; top:50%; padding:30px 20px 20px; margin-left:-157px; width:314px; border-radius:12px; background:#fff; transform:translateY(-50%);}
.map_wrap .base .pop_head {margin-bottom:30px; font-size:16px; text-align:center; font-weight:600; letter-spacing:0;}
.map_wrap .base .pop_head .ico_help_big {margin:5px 0 0 8px;}
.map_wrap .base .btn_wrap {margin-top:25px;}
.map_wrap .base .btn_wrap > * {line-height:44px;}
.map_wrap.hide {display:none;}
.map_wrap.type_btm_full {background:rgba(0,0,0,0);}
.map_wrap.type_btm_full .base {left:50%; top:110px; width:100%; max-width:460px; margin-left:0; height:calc(100% - 110px); padding:36px 0 0 0; border-radius:36px 36px 0 0; transform:translateX(-50%); overflow:hidden;}
.map_wrap.type_btm_full .base.type_attach_top {top:79px;padding-top:0;border-radius:0;height:100%}
.map_wrap.type_btm_full .map {position:relative; width:100%; height:100%; background:#ddd;}
.map_wrap.type_btm_full .map .marker {position:absolute; z-index:1; width:42px; height:50px; padding-top:5px; text-align:center; font-size:20px; letter-spacing:-0.86px; color:#fff; font-weight:600; background:url(/static/images/bg/bg_map.svg) no-repeat 0 0;}
.map_wrap.type_btm_full .map .marker.on {color:#e65a4f; background-image:url(/static/images/bg/bg_map_select.svg);}
.map_wrap.type_btm_full .map span {display:inline-block;padding:0 12px 0 27px;margin-left:22px;height:32px;margin-top:3px;line-height:32px;box-shadow:0 2px 5px #9b9b9b;background-color:#fff;font-size:14px;letter-spacing:-0.4px;font-weight:500;color:#000;border-radius:0 100px 100px 0}

.map_car_wrap.type_btm_full {}
.map_car_wrap.type_btm_full .pop_car .map_car_list {padding:0 25px 40px 25px;}
.map_car_wrap.type_btm_full .pop_car {position:fixed; left:50%; bottom:25px; max-width:460px; width:calc(100% - 46px); transform:translateX(-50%); z-index:10003;overflow:hidden;}
.map_car_wrap.type_btm_full .pop_car .car_list {position:relative; left:50%; width:700px; margin-left:-207px; white-space:nowrap;}
.map_car_wrap.type_btm_full .pop_car .car_list .slick-slide {display:inline-block; width:414px; border-radius:6px; overflow:hidden; background:#fff; box-shadow: 0 4px 27px -9px rgba(0, 0, 0, 0.5);}
.map_car_wrap.type_btm_full .pop_car .car_list .slick-slide + .slick-slide {margin-top:0; margin-left:9px;}
.map_car_wrap.type_btm_full .pop_car .car_roll_ctrl {position:absolute; z-index:1; left:25px; bottom:0; width:410px; text-align:center;}
.map_car_wrap.type_btm_full .pop_car .car_roll_ctrl button {display:block; width:40px; height:40px; text-indent:-9999px; border-radius:25px; border:1px solid #d3d3d3; background:#fff; box-shadow:4px 0 27px -9px rgba(0, 0, 0, 0.5); background-repeat:no-repeat;}
.map_car_wrap.type_btm_full .pop_car .car_roll_ctrl button.prev {float:left; background-image:url(/static/images/ico/ico_prev.svg); background-position:13px 11px;}
.map_car_wrap.type_btm_full .pop_car .car_roll_ctrl button.prev:disabled {background-image:url(/static/images/ico/ico_prev_dis.svg);}
.map_car_wrap.type_btm_full .pop_car .car_roll_ctrl button.next {float:right; background-image:url(/static/images/ico/ico_next.svg); background-position:16px 11px;}
.map_car_wrap.type_btm_full .pop_car .car_roll_ctrl button.next:disabled {background-image:url(/static/images/ico/ico_next_dis.svg);}
.map_car_wrap.type_btm_full .pop_car .car_roll_ctrl .title {position:relative; float:left; width:calc(100% - 90px); height:40px; padding:7px 18px 0; margin-left:5px; border:1px solid #d3d3d3; border-radius:28px; background:#fff; box-shadow:4px 0 27px -9px rgba(0, 0, 0, 0.5);}
.map_car_wrap.type_btm_full .pop_car .car_roll_ctrl .title strong {display:block; width:84%; font-size:15px; font-weight:500; letter-spacing:-0.64px; line-height:normal;}
.map_car_wrap.type_btm_full .pop_car .car_roll_ctrl .title p {position:absolute; z-index:1; right:18px; top:10px; width:30px; text-align:right; font-size:12px; font-weight:500; letter-spacing:-0.6px;}
.map_car_wrap.type_btm_full .pop_car .car_roll_ctrl .close {display: inline-block; border:1px solid #d3d3d3; background:#fff;}

/* 하단 풀팝업(with animation) */
@keyframes motion {
    0% {margin-top: 1000px; }
    100% {margin-top: 0px;}
}

-webkit-@keyframes motion {
            0% {margin-top: 1000px;}
            100% {margin-top: 0px;}
        }

.popupSlideUp {
    animation: motion 0.5s linear 0s; margin-top: 0;
    -webkit-animation: motion 0.5s linear 0s; margin-top: 0;
}

/* 필터 팝업 */
.filter_pop {position:relative; height:calc(100%); padding:20px 23px;}
.filter_pop .tit {position:relative; padding-bottom:30px;}
.filter_pop .tit h3 {font-size:24px; margin-bottom:0; letter-spacing:-1.2px;}
.filter_pop .tit input {position:absolute; z-index:1; right:0; top:0; font-size:15px; color:#888; letter-spacing:-0.75px; line-height:36px; border:0; background:transparent;}
.filter_pop .filter_con {position:absolute; left:0; bottom:0; width:100%; height:calc(100%); padding:0 20px 50px; overflow:auto;}
.filter_pop .filter_con > h4 {padding:30px 0 22px; font-size:19px; letter-spacing:-0.95px; font-weight:500; border-top:1px solid #eae9e9;}
.filter_pop .filter_con > h4 span {font-size:16px; letter-spacing:-0.8px;}
.filter_pop .filter_con > h4 span:before {content:"/"; margin:0 3px 0 4px;}
.filter_pop .filter_con > div {padding-bottom:31px;}
.filter_pop .filter_con .price_range {margin-top:-48px;}
.filter_pop .filter_con .price_range p {color:#e65a4f; text-align:right; letter-spacing:-0.5px;}
.filter_pop .filter_con .price_range .bar i {display:inline-block; position:absolute; top:-7px; width:18px; height:18px; border-radius:18px; text-indent:-9999px; background:#e65a4f;}
.filter_pop .filter_con .price_range .bar i:before {content:''; position:absolute; z-index:1; left:6px; top:6px; width:6px; height:6px; border-radius:6px; background:#fff;}
.filter_pop .filter_con .price_range .bar {position:relative; width:100%; height:4px; margin:32px 0 7px; background:#e2e2e2;}
.filter_pop .filter_con .price_range .bar span {display:inline-block; position:absolute; top:-7px; width:18px; height:18px; border-radius:18px; text-indent:-9999px; background:#e65a4f;margin-left:0;}
.filter_pop .filter_con .price_range .bar span:before {content:''; position:absolute; z-index:1; left:6px; top:6px; width:6px; height:6px; border-radius:6px; background:#fff;}
.filter_pop .filter_con .price_range .bar span + span {margin-left:-18px}
.filter_pop .btm_btn {position:absolute; z-index:1; left:0; bottom:0; width:100%; height:50px;}
.filter_pop .btm_btn input {width:100%; height:50px; text-align:center; color:#fff; font-weight:500; letter-spacing:-0.8px; border:0; background:#e65a4f;}
.filter_pop .btm_btn input:hover {background:#ea4949;}

.ui-widget-header {background: #ffcece !important}
.ui-widget.ui-widget-content {border:0px !important}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 0px solid #c5c5c5 !important;
}

/* input radio, chk 리스트 */
.chk_list li + li {margin-top:20px;}
.chk_list li label {display:block; position:relative;}
.chk_list li label strong {font-weight:400;}
.chk_list li label span {font-size:14px; color:#7e868b; margin-left:4px; letter-spacing:-0.44px;}
.chk_list li label input {position:absolute; z-index:-1; left:-9999px; width:0px; height:0px; clip:rect(0,0,0,0); overflow:hidden;}
.chk_list li label input + i {display:block; position:absolute; z-index:1; right:0; top:2px; width:20px; height:20px;}
.chk_list li label input[type="checkbox"] + i {background:url(/static/images/ico/ico_chkbox.svg);}
.chk_list li label input[type="checkbox"]:checked + i {background:url(/static/images/ico/ico_chkbox_on.svg);}
.chk_list li label input[type="radio"] + i {background:url(/static/images/ico/ico_radio.svg);}
.chk_list li label input[type="radio"]:checked + i {background:url(/static/images/ico/ico_radio_on.svg);}
.chk_list.type_sm li {font-size:15px;}
.chk_list.type_set li {font-size:15px;}
.chk_list.type_set li + li {margin-top:14px;}

.btn_view {display:inline-block; margin-left:8px; padding:2px 8px; font-size:12px; letter-spacing:-0.6px; font-weight:600; color:#939393; border-radius:3px; border:1px solid #b0b0b0; vertical-align:top;}


/* 수량 설정 리스트 */
.amount_list li {position:relative; padding-right:100px;}
.amount_list li + li {margin-top:20px;}
.amount_list li strong {font-weight:400;}
.amount_list li .amount_wrap {position:absolute; z-index:1; right:0; top:-3px; width:100px;}
.amount_list li .amount_wrap input[type="number"] {width:40px; height:28px; padding:0; text-align:center; letter-spacing:-0.5px; border:0; vertical-align:top;}
.amount_list li .amount_wrap input[type="button"] {width:30px; height:30px; padding:0; text-indent:-9999px; border:0; background-color:transparent;}
.amount_list li .amount_wrap input[type="button"].ico_minus {float:left; background-position:-20px -1363px;}
.amount_list li .amount_wrap input[type="button"].ico_plus {float:right; background-position:-91px -1363px;}
.amount_list li .amount_wrap input[type="button"].ico_minus:disabled {background-position:-20px -1425px;}
.amount_list li .amount_wrap input[type="button"].ico_plus:disabled {background-position:-91px -1425px;}

/* 선택 리스트 */
.select_list {margin-bottom:-20px;}
.select_list li {float:left; width:calc(50% - 3px); margin-bottom:12px;}
.select_list li:nth-child(even) {float:right;}
.select_list li input {position:absolute; z-index:-1; left:-9999px; width:0; top:0; clip:rect(0,0,0,0); overflow:hidden;}
.select_list li input + span {display:block; line-height:50px; font-size:15px; letter-spacing:-0.75px; text-align:left; border-radius:6px; background:#f8f8f8; padding: 0 0 0 14px; min-height:50px;}
.select_list li input:hover + span ,
.select_list li input:checked + span {color:#e65a4f; font-weight:500; border-color:#e65a4f; padding-left:14px;}
.select_list li span h5 {font-size: 15px; color:#000; letter-spacing: -0.64px; height:20px; font-weight:bold;}
.select_list li span p {font-size: 13px; color:#9e9e9e; letter-spacing: -0.56px;}

.select_list li:hover span h5{color:#fff;}
.select_list li:hover input + span{background:#000; color:#fff;}

.select_list_full {margin-bottom:-6px;}
.select_list_full li {float:left; width:calc(100%); margin-bottom:6px;}
.select_list_full li:nth-child(even) {float:right;}
.select_list_full li input {position:absolute; z-index:-1; left:-9999px; width:0; top:0; clip:rect(0,0,0,0); overflow:hidden;}
.select_list_full li input + span {display:block; line-height:38px; font-size:15px; letter-spacing:-0.75px; text-align:center; border-radius:6px; border:1px solid #dbdbdb; background:#f8f8f8;}
.select_list_full li input:hover + span ,
.select_list_full li input:checked + span {color:#e65a4f; font-weight:500; border-color:#e65a4f;}
.select_list_full li input + span:after {content:"";display:inline-block;width:6px;height:6px;margin:-15px 0 0 3px;border-radius:50%;background-color:#e65a4f;vertical-align:middle;}


/* 알림박스 */
.notice_box {padding:18px 10px; text-align:center; border-radius:6px; border:1px solid #b6d5de; background:#f4fbfd;}
.notice_box p {font-size:13px; line-height:1.38; color:#3b879c; letter-spacing:-0.56px;}
.notice_box.big {padding:18px 30px; text-align:left;}
.notice_box.big p {font-size:16px; line-height:1.13; letter-spacing:-0.8px;}

/* 경고박스 */
.alert_box {padding:18px 10px; text-align:center; border-radius:6px; border:1px solid #ff9696; background:#ffeeee;}
.alert_box p {font-size:13px; line-height:1.38; color:#e65a4f; letter-spacing:-0.65px;}
.alert_box.big {padding:18px 30px; text-align:left;}
.alert_box.big p {font-size:16px; line-height:1.13; letter-spacing:-0.8px;}

/* 예약달력 */
.reser_calendar {padding:0 15px;}
.reser_calendar .month {position:relative; height:22px; margin-bottom:8px; line-height:22px;}
.reser_calendar .month > button {position:absolute; z-index:1; left:0; top:0; width:35px; height:22px; padding:2px 0 0 0; border:0;}
.reser_calendar .month > button:last-of-type {left:inherit; right:0;}
.reser_calendar .month > button i {display:block; width:7px; height:13px;}
.reser_calendar .month > button .ico_calprev {width:7px; height:13px; background-position:-119px -578px;}
.reser_calendar .month > button:disabled .ico_calprev {background-position:-24px -578px;}
.reser_calendar .month > button .ico_calnext {float:right; width:7px; height:13px; background-position:-168px -578px;}
.reser_calendar .month > button:disabled .ico_calnext {background-position:-73px -578px;}
.reser_calendar .month strong {display:block; text-align:center; font-size:15px; letter-spacing:0; font-weight:400;}
.reser_calendar + .notice_box {margin: 14px 0 36px;}
.reser_calendar + .alert_box {margin:28px 0 36px;}

.calendar {font-size:14px;}
.calendar thead th {padding:8px; color:#000000; font-size:14px; font-weight:400;}
.calendar tbody td {text-align:center;}
.calendar tbody td a {display:block; position:relative; padding:5px 0 6px; letter-spacing:-0.8px;}
.calendar tbody td a span {position:relative; z-index:2; display:inline-block;}
.calendar tbody td a span:hover {font-weight:bold;}
.calendar tbody td a.disabled {color:#b9b9b9;}
.calendar tbody td a.disabled span:hover {font-weight:inherit;}
.calendar tbody td a.today span:after {content:''; position:absolute; z-index:1; right:-5px; top:1px; width:3px; height:3px; border-radius:10px; background:#e65a4f;}
/*.calendar tbody td a:hover span {color:#fff;}*/
.calendar tbody td a.disabled:hover span {color:inherit;}
.calendar tbody td a.disabled:after {display:none;}
.calendar tbody td a:hover:after {content:''; position:absolute; z-index:1; left:50%; top:50%; width:28px; height:28px; margin:-14px 0 0 -14px; border-radius:50%;}
.calendar tbody td a.select span {color:#fff !important; font-weight:700;}
.calendar tbody td a.select:after {content:''; position:absolute; z-index:1; left:51%; top:48%; width:28px; height:28px; margin:-14px 0 0 -14px; border-radius:50%; background:#e65a4f;}
.calendar tbody td a.select.long:before {content:''; position:absolute; z-index:1; left:50%; top:50%; width:50%; height:28px; margin-top:-14px; background:#ffe7e7;}
.calendar tbody td a.select.long.end:before {left:inherit; right:50%;}
.calendar tbody td a.sel_period:before {content:''; position:absolute; z-index:1; left:0; top:50%; width:100%; height:28px; margin-top:-14px; background:#ffe7e7;}

/* 캠핑카 리스트 필터 */
.filter_wrap {position:relative;width:calc(100% - 26px); margin:-60px 0 14px 26px}
.filter_wrap ul li {position:relative; float:right; width:44px; height:44px; margin-bottom:6px; border-radius:44px; border:1px solid #e3e3e3; background:#fff;}
.filter_wrap ul li a {display:block; width:100%; height:100%; text-align:center;}
.filter_wrap ul li a i.ico_filter {width:16px; height:13px; margin-top:14px; background:url(/static/images/ico/ico_filter.svg) no-repeat 0 0; background-size:16px;}
.filter_wrap ul li a i.ico_place {width:15px; height:14px; margin-top:14px; background:url(/static/images/ico/ico_filter_map.svg) no-repeat 0 0; background-size:15px;}
.filter_wrap ul li a i.ico_list {width:15px; height:11px; margin-top:12px; background:url(/static/images/ico/ico_filter_list.svg) no-repeat 0 0; background-size:15px;}

.filter_wrap ul li.on:after {content:''; position:absolute; z-index:1; right:2px; top:4px; width:8px; height:8px; border-radius:50%; background:#e65a4f;}
.filter_wrap ul li.view {float:left; position:relative; width:calc(100% - 49px);}
.filter_wrap ul li.view input {display:block; width:100%; height:42px; padding:10px 20px 12px; font-size:15px; border:0; border-radius:44px;}
.filter_wrap ul li.view a {display:block; width:100%; height:42px; padding:10px 20px 12px; font-size:15px; border:0; border-radius:44px;}
.filter_wrap ul li.view a.long {display:block; width:100%; height:42px; padding:10px 20px 12px; font-size:15px; border:0; border-radius:44px; text-align:left}
.filter_wrap ul li.view a.left {display:block; width:50%; height:42px; padding:10px 0px 10px 12px; font-size:15px; border-radius:44px 0 0 44px; float:left; border-right:1px solid #e3e3e3; text-align:left}
.filter_wrap ul li.view a.right {display:block; width:50%; height:42px; padding:10px 0px 10px 10px; font-size:15px; border-radius:0 44px 44px 0; float:left; border:0; text-align:left}
.filter_wrap ul li.view a i {vertical-align:middle; padding-left:20px; top:2px;}
.filter_wrap ul li.view .ico_remove {position:absolute; z-index:1; right:-13px; top:12px; width:18px; height:18px; text-indent:-9999px; background-position:-30px -747px;}

.filter_wrap ul li.view_full {position:relative;padding-right:118px;float:left; position:relative; width:calc(100%);}
.filter_wrap ul li.view_full a {display:block; width:100%; height:42px; padding:10px 0 10px 10px; font-size:15px; border:0; border-radius:44px; text-align: left;}
.filter_wrap ul li.view_full a.left {display:block; height:42px; font-size:15px; border-radius:44px 0 0 44px; float:left; border-right:1px solid #e3e3e3; }
.filter_wrap ul li.view_full a.right {display:block; position:absolute;right:0;top:0;width:118px; height:42px; font-size:15px; border-radius:0 44px 44px 0; float:left; border:0; }
.filter_wrap ul li.view_full a i {vertical-align:middle; padding-left:20px; top:2px; margin-top:-2px;}

/* 캠핑카 상세 */
#container.detail_view {position:relative; padding:0 23px 68px; background:#fff;}
#container.detail_view .prev_btn {position:absolute; z-index:999; left:0; top:0; margin:0;}
#container.detail_view .prev_btn .ico_prev {background-position:-23px -1587px;}
#container.detail_view .ico_like {position:absolute; z-index:999; right:23px; top:32px; width:27px; height:22px; text-indent:-9999px; background-position:-75px -1586px;}
#container.detail_view .ico_like.on {background-position:-143px -1586px;}

/* 예약상세 상단 비주얼 영역 */
.detail_pic {position:relative; margin:0 -23px;}
.detail_pic .pic_list .pic_item img {display:block; width:100%;}
.detail_pic .pic_num {position:absolute; z-index:1; right:24px; bottom:20px; width:50px; height:24px; text-align:center; padding-top:3px; color:#fff; font-size:12px; font-weight:500; letter-spacing:-0.6px; border-radius:12px; background:rgba(43,43,43,0.5);}

.detail_pic .car_status {
    position: absolute;
    z-index: 1;
    left: 23px;
    bottom: 20px;
    height: 26px;
    text-align: center;
    padding: 4px 9px 4px 9px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.48px;
    border-radius: 6px;
    background-color: #e65a4f;
}

.pic .car_status {
    position: absolute;
    z-index: 1;
    text-align: center;
    padding: 4px 9px 4px 9px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.48px;
    border-radius: 6px;
    background-color: #e65a4f;
    margin-top: -40px;
    margin-left: 23px;
}


/* 예약상세 상단 */
.car_reser_info {padding:30px 0 32px;}
.car_reser_info .notice_box {padding:18px 30px; margin-bottom:30px; text-align:left;}
.car_reser_info .alert_box {padding:18px 30px; margin-bottom:30px; text-align:left;}
.car_reser_info .car_detail .type {font-size:16px; letter-spacing:-0.8px;}
.car_reser_info .car_detail .tag {margin-top:15px;}
.car_reser_info .car_detail .tag li {height:24px; padding:1px 10px 0; font-size:13px;}
.car_reser_info .car_detail .tag li .ico_help {margin-top:3px;}
.car_reser_info .car_select_box {padding-bottom:20px;}
.car_reser_info .car_select_box .date {margin-top:0; border:1px solid #dcdcdc;}

.grey_box {padding:16px; border-radius:6px; background:#f8f8f8;}
.grey_box.dl_info_box03 {margin-top:10px; margin-bottom:10px; font-size:14px; letter-spacing:-0.44px; color:#888; }
.grey_box p {font-size:13px; padding-right:15px; font-weight:500; color:rgba(0,0,0,0.5); letter-spacing:-0.41px;}
.grey_box.type_txt {padding:14px 15px 14px 20px;}
.grey_box.type_txt p {color:#000; padding-right:0;}

.dl_info_box {padding:16px 16px 15px; font-size:13px; font-weight:500; letter-spacing:-0.41px;}
.dl_info_box dl {margin-bottom:-4px;}
.dl_info_box dt {position:relative; float:left; width:48px;}
.dl_info_box dt:after {content:''; position:absolute; z-index:1; right:-9px; top:5px; width:1px; height:12px; background:#979797;}

.dl_info_box dd {padding-left:65px; margin-bottom:4px; }
.dl_info_box dd span {opacity:0.5;}
.dl_info_box dd div.add_time {color: #FF4C4C; font-size: 12px; display:inline-block;}

.dl_info_box dd:after {display:block; content:''; clear:both;}
.dl_info_box.big dt {float:left; width:auto; padding-right:11px; margin-right:10px;}
.dl_info_box.big dd {padding-left:0;}
.dl_info_box.big dt:after {right:0;}

/* 예약상세 리스트 스타일 - 캠핑카 상세 */
.reser_info_list {margin-top:30px;}
.reser_info_list > div.reser_wrap {padding-top:0; padding-bottom:0; font-size:14px; letter-spacing:-0.7px; border-top:1px solid #dcdcdc; margin-bottom:18px;}
.reser_info_list > div h4 {margin-bottom:14px; font-size:18px; font-weight:500; letter-spacing:-0.9px;}
.reser_info_list > div h4 .must {color:#e65a4f; margin-left:2px;}
.reser_info_list > div h4 span {font-size:15px; margin-left:4px; letter-spacing:-0.75px; color:#888;}
.reser_info_list > div .con {word-break:keep-all;}
.reser_info_list > div .con li + li {margin-top:6px;}
.reser_info_list .btn_wrap .empty {font-weight:500; font-size:16px; line-height:44px;}
.reser_info_list .btn_wrap .empty:hover {background:#f9f9f9;}
.reser_info_list .ess {margin-left:3px;color:#e65a5a}

/* 예약상세 리스트 스타일 - 예약 상세 */
.reser_info_list.reservation > div h4 {margin-bottom:26px;}
.reser_info_list.reservation > div h5 {margin:20px 0 12px; font-size:15px; letter-spacing:-0.47px;}
.reser_info_list.reservation > div h5:first-child {margin-top:0;}
.reser_info_list.reservation > div h5 span {color:#888;}

/* 예약 및 결제 */
.reser_wrap .reser_short {padding-top:10px;}
.reser_wrap .reser_short:after {display:block; content:''; clear:both;}
.reser_wrap .reser_short .pic {float:left; width:100px; height:100px; border-radius:8px; overflow:hidden;}
.reser_wrap .reser_short .pic img {width:100%; height:100%;}
.reser_wrap .reser_short .con {float:right; width:calc(100% - 118px);}
.reser_wrap .reser_short .con em {display:block; font-size:13px; letter-spacing:-0.65px;}
.reser_wrap .reser_short .con strong {display:block; margin:1px 0 3px; font-weight:500; letter-spacing:-0.8px;}
.reser_wrap .reser_short .con .vat_info {margin-left: 0; padding: 0; color: #B0B0B0; font-size: 12px; vertical-align: 0; font-weight:400;}

/* 예약상세 리스트 스타일 - 결과페이지 */
.reser_wrap .state {
    display:block;
    margin-bottom:-8px;
    padding:4px 7px;
    font-size:12px;
    font-weight:600;
    letter-spacing:-0.45px;
    color: #ffffff;
    width:74px;
    border-radius: 6px;
    margin-left:24px;
    text-align:center;
}
.reser_wrap .state.requests {background-color:#000000;}
.reser_wrap .state.completes {background-color:#e65a4f;}
.reser_wrap .state.cancels {background-color:#999999;}

.reser_wrap .req_date {float:right; margin-top:-15px; margin-right:24px; letter-spacing:-0.35px; font-weight:500; opacity: 0.3; font-size:14px;}

.reser_wrap.result {position:relative;border-radius:6px; background:#fff;overflow:hidden;}
.reser_wrap.result.cancels:after {content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background-color:#888888bd;opacity:0.3}
.reser_wrap.result .reser_short {padding:20px;}
.reser_wrap.result .reser_info_list {margin-top:0;}
.reser_wrap.result .reser_info_list > div {padding:24px;}
.reser_wrap.result .reser_info_list.reservation > div h4 {margin-bottom:16px;}
.reser_wrap.result .reser_info_list.reservation > div h5 {margin:16px 0 10px; font-size:14px; font-weight:500; color:#888;}
.reser_wrap.result .reser_info_list.reservation .line_top {border-top:1px solid #dcdcdc; }
.reser_wrap.result .dl_info_box {padding:14px;}
.reser_wrap.result .dl_info_box dt {width:60px;}
.reser_wrap.result .dl_info_box dt:after {right:0;}
.reser_wrap.result .dl_info_box dd {padding-left:70px;}
.reser_wrap.result .dl_info_box + .dl_info_box02 {margin-top:12px;}
.reser_wrap.result .dl_info_box02 {font-size:13px; font-weight:500;}
.reser_wrap.result .dl_info_box02 li + li {margin-top:14px;}
.reser_wrap.result .dl_info_box02 p {color:#000;}
.reser_wrap.result .dl_info_box02 span {opacity:0.5;}

.reser_wrap.result .dl_info_box + .dl_info_box03 {margin-top:12px;}
.reser_wrap.result .dl_info_box03 {font-size:14px; font-weight:500;}
.reser_wrap.result .dl_info_box03 li + li {margin-top:14px;}
.reser_wrap.result .dl_info_box03 div {color:#000; height:20px; letter-spacing:-0.44px;}
.reser_wrap.result .dl_info_box03 span {opacity:0.5;}

/*가격홈*/
.reser_wrap.result {margin-bottom:18px;}
.reser_short .con .title{font-size:13px; font-weight:600; letter-spacing: -0.65px;}
.reser_short .con .price{font-size:16px; font-weight:bold; letter-spacing: -0.8px;}
.reser_wrap .thumb_txt {position:relative;}
.reser_wrap .thumb_txt .con {float:none;position:absolute;left:118px;top:16px}
.reser_wrap .thumb_txt .icob_loca {margin-top:5px;color:#7e868b}
.reser_wrap .reser_short .func_btns {float:none;width:100%;clear:both;padding-top:12px;}
.reser_wrap .reser_short .func_btns button {width:49%;margin-top:6px;border:1px solid #e0e0e0;border-radius:6px;height:38px;line-height:35px;background:#f8f8f8;font-size:15px;letter-spacing:-0.75px}
.reser_wrap .reser_short .func_btns button:nth-child(odd) {float:left;}
.reser_wrap .reser_short .func_btns button:nth-child(even) {float:right;}
.reser_wrap .reser_short .func_btns button.w-full {width:100%;float:none}
.reser_wrap .reser_short .func_btns button.dot:after {content:'';display:inline-block;vertical-align:middle;margin:-12px 0 0 5px;width:6px;height:6px;border-radius:10px;background:#e65a4f;}

/*가격 상세*/
.priceDetail .card {position:relative;margin-top:20px;padding:25px;border-radius:6px}
.priceDetail .card h4 {margin-bottom:20px;font-size:18px;line-height:18px;font-weight:600;}
.priceDetail .card .title {font-size:18px;line-height:18px;font-weight:700;margin-bottom:15px;}
.priceDetail .card .item {position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;}
.priceDetail .card .item + .item {margin-top:12px;}
.priceDetail .card .item input {width:calc(100% - 80px);}
.priceDetail .card .item input + .unit {position:absolute;right:13px;top:13px;font-size:15px;}
.priceDetail .card .item input.withUnit {padding-right:35px;text-align:right;}
.priceDetail .card .item h5 {margin-bottom:0;font-size:15px;font-weight:500;white-space:nowrap;}
.priceDetail .card .item h5 .ess {margin-left:3px;color:#e65a5a}
.priceDetail .card .prc_tip {position:absolute;right:26px;top:24px;font-size:14px;color:#8d8d8d;}
.priceDetail .card .prc_tip:after {content:"";display:inline-block;vertical-align:middle;margin:-3px 0 0 3px;width:5px;height:5px;border-radius:1px;border-top:2px solid #8d8d8d;border-right:2px solid #8d8d8d;transform:rotate(45deg)}
.priceDetail .card.set_top {border-radius:6px 6px 0 0;}
.priceDetail .card.set_mid {border-radius:0;margin-top:0 !important;border-top:1px solid #dcdcdc}
.priceDetail .card.set_bot {margin-top:0 !important;border-radius:0 0 6px 6px;border-top:1px solid #dcdcdc}
.priceDetail.price_hour .card .item input {width:calc(100% - 92px);}
.priceDetail.price_discount .card .item input {width:calc(100% - 70px);}
.priceDetail.price_option .card {padding:14px 20px 14px 25px;margin-top:12px;}
.priceDetail.price_option .card .title {font-weight:500;}
.priceDetail.price_option .chk_list li label input + i {top:-10px}
.priceDetail.price_option .card_group.car .card {padding:25px}
.priceDetail .card .item .radio_btn {width:calc(100% - 100px);}

.line_title {position:relative;margin:40px 0 30px 0;text-align:center;}
.line_title:before {content:"";position:absolute;left:0;right:0;top:50%;display:block;height:1px;background:#c5c3c0}
.line_title span {position:relative;display:inline-block;background:#f3f4f5;padding:0 10px;font-size:14px;color:#acaaa8;z-index:10;}

#optionSeasonBox {padding:14px 20px 14px 25px;}
#optionSeasonBox .date_group {display:flex;justify-content:space-between;width:calc(100% - 100px);}
#optionSeasonBox .date_group input {width:45%;text-align:center}
#optionSeasonBox .date_group span {padding:5%;text-align:center;}
#specialPriceList .card:first-child {margin-top:30px;}
#specialPriceList .card {position:relative;padding:20px;border-radius:6px;cursor:pointer;}
#specialPriceList .card:after {content:'';position:absolute;right:20px;top:33px;width:14px;height:8px;z-index:1;background:url(/static/images/ico/ico_sprite@2x.png) no-repeat -26px -632px;background-size:200px;transform:scaleY(-1);opacity:0.7}
#specialPriceList .card.fold {height:72px;overflow:hidden;}
#specialPriceList .card.fold:after {top:31px;transform:scaleY(1)}
#specialPriceList .title {padding:4px 0 5px 15px;}
#specialPriceList .reser_info_list {margin-top:0;}
.timeSalePop .pop_head {margin-bottom:20px !important;}
.timeSalePop .pop_con .txt {position:relative;}
.timeSalePop .pop_con .txt .item {position:relative;}
.timeSalePop .pop_con .txt .item + .item {margin-top:20px;}
.timeSalePop .pop_con .txt .prc_tip {position:absolute;right:0;top:0;color:#8d8d8d;font-size:14px;}
.timeSalePop .pop_con .item input + .unit {position:absolute;right:13px;top:44px;font-size:15px;}
.timeSalePop .pop_con .item input.withUnit {padding-right:35px;text-align:right;}
.timeSalePop .pop_con .item input.withUnit::placeholder {text-align:left;}
.timeSalePop .pop_con .txt p {margin-bottom:10px;}
.timeSalePop .pop_con .txt input[type="number"],
.timeSalePop .pop_con .txt input[type="textbox"] {width:100%}
.timeSalePop .pop_con .car_select_box {padding:19px 0 30px}
.timeSalePop .pop_con .date {border:1px solid #e0e0e0;border-radius:6px;}
.timeSalePop .pop_con .date li {position:relative;}
.timeSalePop .pop_con .date li .con {font-size:15px;margin-top:3px;}
.timeSalePop .pop_con .date  {color:#888}
.timeSalePop .pop_con .date .icob_arw {position:absolute;right:33px;top:39px;opacity:0.6;}
.timeSalePop .discount_chk {position:relative;}
.timeSalePop .discount_chk .chk_list {position:absolute;right:0;top:3px;margin-top:0 !important;}
.timeSalePop .discount_chk .chk_list li i {top:-2px;}

/* 이전예약 */
.reser_wrap.old_reser {padding-bottom:10px;}
.reser_wrap.old_reser > ul > li {border-radius:6px; border:1px solid #cdcdcd; background:#e6e8eb;}
.reser_wrap.old_reser > ul > li + li {margin-top:14px;}
.reser_wrap.old_reser > ul > li a {display:block; padding:26px 30px;}
.reser_wrap.old_reser .state {padding:0; color:#888; margin-bottom:16px;}
.reser_wrap.old_reser .reser_short {padding-top:0;}
.reser_wrap.old_reser .reser_short .con {position:relative; top:-3px; padding-top:0; font-size:13px; color:#888;}
.reser_wrap.old_reser .reser_short .con strong {margin:0;}
.reser_wrap.old_reser .reser_short .con .price strong {margin:3px 0 6px; font-size:16px; font-weight:600;}
.reser_wrap.old_reser .reser_short .con .price .day_bg_g {padding:2px 11px 2px; margin-left:0; color:inherit; font-size:12px; letter-spacing:0; background:#d7dbe1;}

.icob_com_call {display:block; padding-right:20px;}
.icob_com_call:before {right:0; top:3px; width:16px; height:16px; background-position:-92px -2387px;}

/* 인원 안내 dl리스트 */
.people_num {margin-bottom:-12px;}
.people_num dt {float:left; width:100px; font-size:18px; font-weight:500; letter-spacing:-0.9px;}
.people_num dd {padding-left:100px; text-align:right; margin:1px 0 12px; font-size:16px; letter-spacing:-0.8px;}
.people_num dd:after {display:block; content:''; clear:both;}

/* 옵션리스트 */
.option_list {margin-top:20px;}
.option_list li {font-size:16px; letter-spacing:-0.5px;}
.option_list li:after {display:block; content:''; clear:both;}
.option_list li + li {margin-top:20px;}
.option_list li span {float:left;}
.option_list li i {float:right; display:block;}

.ico_toilet {width:24px; height:24px; background-position:-28px -1772px;}
.ico_shower {width:25px; height:26px; margin:-1px 0 0 0; background-position:-85px -1770px;}
.ico_bed {width:28px; height:22px; margin:2px -2px 0 0; background-position:-143px -1773px;}
.ico_sink {width:27px; height:24px; margin:1px -2px 0 0; background-position:-29px -1837px;}
.ico_induction {width:22px; height:24px; margin:-1px 1px 0 0; background-position:-89px -1835px;}
.ico_gas {width:28px; height:21px; margin:3px -2px 0 0; background-position:-143px -1837px;}
.ico_electric {width:28px; height:20px; margin:3px -2px 0 0; background-position:-28px -1900px;}
.ico_fridge {width:22px; height:24px; margin:0px 1px 0 0; background-position:-92px -1899px;}
.ico_water {width:22px; height:24px; margin:0px 1px 0 0; background-position:-149px -1898px;}
.ico_table {width:26px; height:20px; margin:3px -1px 0 0; background-position:-28px -1961px;}
.ico_tv {width:23px; height:19px; margin:4px 1px 0 0; background-position:-89px -1961px;}
.ico_aircon {width:25px; height:19px; margin:4px 0px 0 0; background-position:-146px -1961px;}
.ico_heater {width:27px; height:22px; margin:2px -1px 0 0; background-position:-28px -2019px;}
.ico_battery {width:28px; height:21px; margin:3px -2px 0 0; background-position:-92px -2019px;}

.none_option {margin-top:30px; padding:30px 0; border-top:1px solid #eae9e9;}
.none_option h4 {font-size:19px; font-weight:500; letter-spacing:-0.59px;}
.none_option h4 + p {margin-top:20px;}
.none_option li span {text-decoration:line-through;}

/* 대시리스트 */
.dash_list {margin-top:14px; padding-left:16px;}
.dash_list.inner {padding:0; margin-top:0;}
.dash_list li {position:relative; padding-left:8px; font-size:14px; letter-spacing:-0.7px;}
.dash_list li + li {margin-top:6px;}
.dash_list li:before {content:'-'; position:absolute; z-index:1; left:0; top:0;}
.dash_list li .sm_txt {display:block; font-size:13px; font-weight:500; margin-top:4px; opacity:0.5;}

/* 하단고정 예약버튼 */
.reser_quick {position:fixed; z-index:9999; left:50%; bottom:0; width:100%; max-width:460px; height:80px; padding:14px 23px; border-top:1px solid #e5e9eb; background:#fff; transform:translateX(-50%);}
.reser_quick .info {float:left;}
.reser_quick .info span {display:block; font-size:14px; color:#8d8d8d; letter-spacing:-0.47px;}
.reser_quick .info strong {display:block; font-size:19px; line-height:1.16; letter-spacing:-0.56px;}
.reser_quick a {float:right; display:block; width:172px; height:46px; margin-top:3px; color:#fff; text-align:center; font-size:16px; font-weight:600; padding-top:11px; border-radius:6px; background:#e65a4f;}
.reser_quick a:hover {background:#ea4949;}
.reser_quick a.disabled {color:#9b9b9b; background:#e9e9ea;}

/* 하단고정 예약상세 */
.reser_desc {position:fixed;z-index:10000; left:50%; bottom:80px; width:100%; max-width:460px;transform: translateX(-50%);box-shadow:0 0 5px #eaeaea;}
.reser_desc .bt_flip_desc {position:absolute;left:50%;top:-26px;width:120px;height:27px;padding-top:7px;margin-left:-60px;border:1px solid #e5e9eb;background-color:#fff;text-align:center;color:#000;border-radius:24px 24px 0 0;font-weight:500;font-size:13px;z-index:10000;}
.reser_desc .bt_flip_desc:before {content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border:1px solid #e65a4f;border-bottom:0;border-right:0;transform:rotate(45deg);vertical-align:middle;}
.reser_desc .bt_flip_desc:after {content:"";display:block;position:absolute;left:0;top:25px;width:100%;height:10px;background-color:#fff;}
.reser_desc .bt_flip_asc {position:absolute;left:50%;top:-26px;width:120px;height:27px;padding-top:7px;margin-left:-60px;border:1px solid #e5e9eb;background-color:#fff;text-align:center;color:#000;border-radius:24px 24px 0 0;font-weight:500;font-size:13px;z-index:10000;}
.reser_desc .bt_flip_asc:before {content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border:1px solid #e65a4f;border-bottom:0;border-right:0;transform:rotate(45deg);vertical-align:middle;}
.reser_desc .bt_flip_asc:after {content:"";display:block;position:absolute;left:0;top:25px;width:100%;height:10px;background-color:#fff;}
.reser_desc .reser_desc_inner {padding:30px 23px;background-color:#fff;display:none}
.reser_desc.open {border-top:1px solid #e5e9eb;}
.reser_desc.open .bt_flip_desc:before {border:1px solid #e65a4f;border-top:0;border-left:0;margin-top:-6px}
.reser_desc.open .reser_desc_inner {display:block;}
.reser_desc .tit {font-size:18px;font-weight:500;}
.reser_desc .desc ul {margin-top:26px}
.reser_desc .desc ul li {display:flex;justify-content:space-between}
.reser_desc .desc ul li + li {margin-top:10px;}
.reser_desc .desc ul li span {font-size:14px;color:#8d8d8d;font-weight:300}
.reser_desc .desc ul li strong {margin-right:0;font-size:14px;font-weight:500}
.reser_desc .desc ul li.discount span {color:#ff7070}
.reser_desc .desc ul li.discount strong {color:#ff7070;text-decoration: none}
.reser_desc .total {display:flex;justify-content:space-between;margin-top:27px;padding-top:25px;border-top:1px dashed #8d8d8d;}
.reser_desc .total span {font-size:18px;font-weight:500;}
.reser_desc .total strong {font-size:18px}

/* 대여가능 캠핑장비 */
.rental_list li {border-radius:6px; border:1px solid #dcdcdc;}
.rental_list li + li {margin-top:20px;}
.rental_list li .pic {width:calc(100%); margin:0 0;}
.rental_list li .pic img {display:block; width:100%;}
.rental_list li .info {padding:20px 23px 30px; font-size:14px; letter-spacing:-0.7px;}
.rental_list li .info .tit:after {display:block; content:''; clear:both;}
.rental_list li .info .tit strong {float:left;}
.rental_list li .info .tit em {float:right; font-weight:600;}
.rental_list li .info .con {margin-top:14px; word-break:break-all;}

#container.bg_white {margin-bottom:-68px; background:#fff;}
#container.bg_white h3,
#container.full_page h3 {font-size:24px; letter-spacing:-1.2px;font-weight:500;}
#container.full_page {margin-bottom:-68px;}
#container.full_page .page_desc {font-size:13px;color:#7e868b;letter-spacing:-0.41px;}
#container.full_page h3 + .page_desc {margin-top:-10px;}
#container.full_page h3.dot:after {content:'';display:inline-block;vertical-align:top;margin:3px 0 0 5px;width:6px;height:6px;border-radius:10px;background:#e65a4f;}

#container.error_page {position:fixed; z-index:1; left:50%; top:80px; width:460px; height:100%; margin-left:-230px; background:#fff;}
#container.error_page .btm_fixed {position:fixed; z-index:1; left:50%; bottom:0; width:100%; max-width:460px; padding:40px 23px; transform:translateX(-50%);}

/* 라디오 버튼 형식 */
.radio_btn:after {display:block; content:''; clear:both;}
.radio_btn li {float:left; width:50%;}
.radio_btn li + li {margin-left:-1px;}
.radio_btn li label {display:block;}
.radio_btn li label input[type="radio"] {position:absolute; z-index:-1; left:-9999px; width:0px; height:0px; clip:rect(0,0,0,0); overflow:hidden;}
.radio_btn li label input[type="radio"] + span {position:relative; z-index:1; display:block; border:1px solid #d1d1d1; text-align:center; line-height:44px; letter-spacing:-0.47px; color:#888;}
.radio_btn li label input[type="radio"]:checked + span {z-index:10; color:#e65a4f; font-weight:500; border-color:#e65a4f;}

.radio_btn li:first-of-type label input[type="radio"] + span {border-radius:6px 0 0 6px;}
.radio_btn li:last-of-type label input[type="radio"] + span {border-radius:0 6px 6px 0;}

/* 금액 산출 리스트 */
.price_result > li {font-size:15px; letter-spacing:-0.47px;}
.price_result > li + li {margin-top:8px;}
.price_result > li:after {display:block; content:''; clear:both;}
.price_result > li strong {float:left; font-weight:400;}
.price_result > li p {float:right; text-align:right; margin-top:1px;}
.price_result > li.total {margin-top:19px;}
.price_result > li.total strong {font-size:16px; font-weight:600;}
.price_result > li.total strong .vat_info {color: #888; font-size: 13px; font-weight:400;}
.price_result > li.total p {margin-top:-3px; font-size:20px; letter-spacing:-0.63px; font-weight:600;}
.price_result > li.dis_txt {color:#e65a4f}

.price_result.only_total > li.desc {margin-top:0;}
.price_result.only_total > li.desc strong {font-size:15px; letter-spacing:-0.47px;}
.price_result.only_total > li.desc p {font-size:15px; margin-top:0; letter-spacing:-0.47px;}

.price_result.only_total > li.total {margin-top:0;}
.price_result.only_total > li.total strong {font-size:18px; font-weight:500; letter-spacing:-0.56px;}
.price_result.only_total > li.total p {margin-top:0; font-weight:500; letter-spacing:-0.56px;}

.price_result .show_detail {font-size:13px; color:#888; margin-left:6px; cursor:pointer}

.line_box {padding:14px 20px; font-size:13px; letter-spacing:-0.65px; font-weight:500; color:rgba(0,0,0,0.35); word-break:keep-all; border-radius:6px; border:1px solid #dcdcdc;}
.line_box strong {font-weight:500; color:#e65a4f;}
.line_box.type_one {color:#7f7f7f; word-break:break-all;}

/* 링크리스트 */
.link_list li {font-size:14px; letter-spacing:-0.44px;}
.link_list li + li {margin-top:10px;}
.link_list li a {display:block;}

.icob_arr {padding-right:10px;}
.icob_arr:before {position:absolute; z-index:1; right:0; top:4px; width:8px; height:14px; background-position:-157px -2166px;}

.agree_chk label input {position:absolute; z-index:-1; left:-9999px; width:0px; height:0px; clip:rect(0,0,0,0); overflow:hidden;}
.agree_chk label input + i.ico_bigchk {display:inline-block; width:24px; height:24px; background-position:-74px -2261px; vertical-align:top;}
.agree_chk label input:checked + i.ico_bigchk {background-position:-26px -2261px;}
.agree_chk label span {display:inline-block; margin:1px 0 0 6px; font-size:14px; font-weight:500; letter-spacing:-0.44px; vertical-align:top;}

/* 선택시 노출 박스 */
.select_con {margin-top:30px; border-radius:6px; border:1px solid #5a5a5a; overflow:hidden;}
.select_con .tit {display:block; min-height:58px; padding:18px 16px; font-size:15px; font-weight:500; letter-spacing:-0.47px; background:#f8f8f8;}
.select_con .con {padding:16px; font-size:13px; color:#7f7f7f; font-weight:500; letter-spacing:-0.41px;}
.select_con .con strong {color:#2b2b2b;}

/* 풀팝업 안에 일반 내용 */
.normal_con {position:relative; height:100%;}
.normal_con .fixed_area {position:absolute; z-index:1; left:0; top:0; width:100%; height:62px; padding:15px 23px 20px; background:#fff;}
.normal_con .fixed_area strong {font-size:18px; letter-spacing:-0.9px; font-weight:500;}
.normal_con .con_area {position:relative; left:0; top:62px; width:100%; height:calc(100% - 91px); padding:0 23px 50px; overflow-y:auto;}

/* 일반 정보 리스트 */
.info_list {margin-bottom:-8px; font-size:15px; letter-spacing:-0.47px;}
.info_list dt {float:left; width:150px}
.info_list dd {padding-left:150px; margin-bottom:8px; text-align:right;}

/* 닫기 버튼 */
.close_btn {display:block; margin-bottom:30px;}
.close_btn:after {display:block; content:''; clear:both;}
.ico_close {display:block; float:right; width:16px; height:16px; text-indent:-9999px; text-align:left; background-position:-22px -2387px}

/* 계좌정보 */
.bank_info {margin:30px 0; padding:16px 10px 15px; text-align:center; border-radius:6px; border:1px solid #000; background:#f8f8f8;}
.bank_info strong {display:block; font-size:15px; font-weight:500; letter-spacing:-0.47px;}
.bank_info .time_info {display:block; font-size:12px; color:#7e868b; letter-spacing:-0.38px;}
.bank_info .copy_btn {display:block; margin-top:6px; font-size:13px; color:#e65a4f; letter-spacing:-0.41px; font-weight:500;}
.bank_info.inner {margin:24px 24px 12px;}
.bank_info.inner strong {font-size:14px;}

.info_txt {padding:0 24px; font-size:13px; line-height:1.31; letter-spacing:-0.65px; color:#7e868b;}
.info_txt strong {font-weight:500; color:#2b2b2b;}

/* 작은 취소버튼 */
.sm_btn {display:block; margin:16px 0 50px; text-align:center; color:#919191; font-size:14px; letter-spacing:-0.39px;}
.sm_btn:last-child {margin-bottom:10px;}

/* 로그인, 회원가입 공통 */
.prev_btn {position:relative;display:block; width:49px; height:65px; margin:-34px 0 15px -23px; padding-top:34px; overflow:hidden;z-index:100}

.inp_form_wrap .tit {display:block; margin:20px 0 12px; font-size:15px; font-weight:400; letter-spacing:-0.47px;}
.inp_form_wrap div + div {margin-top:12px;}
.inp_form_wrap input[type="text"] {display:block; width:100%; height:50px; color:#000; letter-spacing:-0.5px; padding-left:14px; border:1px solid #d1d1d1; border-radius:6px;}
.inp_form_wrap input[type="password"] {display:block; width:100%; height:50px; color:#000; letter-spacing:-0.5px; padding-left:14px; border:1px solid #d1d1d1; border-radius:6px;}
.inp_form_wrap input:hover {background:#f9f9f9;}
.inp_form_wrap input::placeholder {color:#888; letter-spacing:-0.5px;}
.inp_form_wrap .login_text {position:relative; border:1px solid #d1d1d1; border-radius:6px; overflow:hidden; background:#fff;}
.inp_form_wrap .login_text:after {content:''; clear:both; display:block;}
.inp_form_wrap .login_text:hover input {background:#f9f9f9;}
.inp_form_wrap .login_text input {border:0;}
.inp_form_wrap .login_text input[type="tel"] {float:left; width:100%; height:48px; padding-right:115px; color:#000; letter-spacing:-0.5px; padding-left:14px;}
.inp_form_wrap .login_text input[type="button"] {position:absolute; top:7px; right:7px;  width:100px; height:34px; font-weight:500; line-height:34px; font-size:13px; border-radius:4px; color:#fff; background:#000;}
.inp_form_wrap .login_text input[type="button"]:disabled {color:#9b9b9b; background:#e9e9ea;}
.inp_form_wrap .wrong_txt {font-size:13px; color:#e65a4f; letter-spacing:-0.36px; font-weight:500; margin:6px 0 18px 14px;}
.inp_form_wrap .wrong_txt:last-of-type {margin-bottom:0;}

.inp_form_wrap .btn_wrap input:hover {background:#000;}
.inp_form_wrap .btn_wrap input:disabled:hover {background:#e9e9ea;}

/* 미로그인 */
.login_wrap {margin:0 -23px; border-bottom:1px solid #d6d6d6; padding:0 23px 30px 23px;}
.foot_copy {left:0;right:0;text-align:center; margin-top:10px;}
.ctn_login {height:110vh;padding-top:0 !important;padding-bottom:0 !important;overflow:hidden;box-sizing:border-box;}
.ctn_login .topLogo {padding-top:24px; margin-bottom:35px;}

/* 로그인 후  */
.login_wrap.after:after {content:''; clear:both; display:block;}
.login_wrap.after {padding:20px 23px 50px 23px;}
.login_wrap.after .user {float:left; font-size:22px; line-height:1.41;}
.login_wrap.after .user strong{margin-bottom:20px;}
.login_wrap.after .user p {font-size:16px; color:#616162;}
.login_wrap.after .user .partner_info_box {margin-top:16px;}
.login_wrap.after .user .partner_info_box p + p {margin-top:5px;}
.login_wrap.after .logout {float:right; font-weight:500; letter-spacing:-0.8px; color:#888; padding:5px 0 18px;}

/* 로그인 : 고객센터 추가 */
.cs_center .btn_list {text-align:center; margin-top:18px;}
.cs_center .btn_list li {display:inline-block;}
.cs_center .btn_list li + li {position:relative;}
.cs_center .btn_list li + li:before {content:''; position:absolute; z-index:1; top:3px; left:0; width:1px; height:14px; background:#b7b7b7;}
.cs_center .btn_list li a {display:block; width:100%; height:100%; font-size:13px; letter-spacing:-0.65px; color:#888; padding:0 16px;}

/* 파트너 : 예약 처리 */
.day_box:after {content:"";clear:both;display:block;}
.day_box:first-child{border-top:0}
.day_box {background-color:white; padding:15px; border-top: 1px solid #dcdcdc; margin-bottom:0 !important}
.day_box .title {float:left;width:40%;margin-top:12px;margin-left:-7px;text-align:center;font-size: 15px; font-weight: 500; letter-spacing: -0.75px;}
.day_box .radio_btn {float:right;width:60%;}
.day_box .radio_btn li {width:50%;}

.day_box .title.saturday {color: #2279e7;}
.day_box .title.sunday {color: #e65a4f;}

#scheduleBookingMain .card:last-child {padding:0;overflow:hidden;}

.season_box {background-color:white; padding:0 0 0 10px;}
.season_box .title {float:left; margin:10px 35px 10px 10px; font-weight:bold;}
.season_box .radio_btn li {width:30%;}

h3.partner_status {
    text-align: center;
    color: #e65a4f;
    font-size: 23px;
}

.topLogo {position:relative; height:50px; text-align:center;}
.topMobileLogo {display:none; position:relative; height:50px; text-align:center;top:26px;}
.hide {display: none;}

/* 알림내역 */
h3 + .list_type {margin-top:-20px;}
.list_type li {position:relative;padding:30px 0 30px 76px;}
.list_type li:before {content:"";position:absolute;top:33px;left:0;display:block;width:60px;height:60px;border-radius:50%;}
.list_type li.wating:before {background:#e65a4f url("/static/images/ico/ico_alarm-wating.svg") no-repeat 50% 50%;}
.list_type li.ended:before {background:#d8d8e5 url("/static/images/ico/ico_alarm-ended.svg") no-repeat 50% 50%;}
.list_type li h4 {font-size:16px;font-weight:700}
.list_type li p {margin-top:3px;font-size:15px;font-weight:500}
.list_type li a.view_detail {position:absolute;display:block;left:0;top:0;right:0;bottom:0;text-indent:-9999px;overflow:hidden;}
.list_type li + li {border-top:1px solid #e9e9e9}

/* 코로나 알림 박스 */
.react_floating {position:fixed;z-index:90;left:24px;bottom:24px;width:210px;height:170px;padding:22px 20px 22px 26px;border-radius:30px 30px 30px 0;background:#44495a url(/static/images/ico_covid.png) no-repeat left 26px bottom 22px;background-size:116px}
.react_floating strong {display:block;margin-bottom:8px;font-size:16px;line-height:22px;color:#2ddb9b;letter-spacing:-.37px;font-weight:700}
.react_floating p {font-size:14px;line-height:18px;color:#fff;letter-spacing:-1px}
.react_floating a {position:absolute;z-index:1;right:26px;bottom:24px;font-size:14px;line-height:18px;color:#fff;letter-spacing:-.5px}

/* 견적 목록 info icon disable */
.label_end .icn_bid_info {
    width: 24px;
    height: 24px;
    background-position: -40px -923px;
    background-image: url(/static/images/ico/sprite_icn@2x.png);
    background-size: 80px 4951px;
    margin: -1px;
}

@media screen and (max-width:703px){
    .react_floating {left:16px;bottom:16px;width:197px;padding:22px 15px 22px 18px;background:#44495a url(/static/images/ico_covid.png) no-repeat left 18px bottom 22px;background-size:116px}
    .react_floating p {letter-spacing:-1.5px}
    .react_floating.up {bottom:90px}
}

@media all and (max-width:768px) {
    .react_floating {display: none;}
}

/******************************************************************************************************************************************************************************************/


@media all and (min-width:769px) {/*Device 769이상 (for PC)*/
    header.logged {padding:0 130px 0 80px;}

    .reser_wrap .reser_short .func_btns button:hover {background:#f9f9f9}
    .btn_wrap .type_line:hover {background:#f9f9f9}
    .btn_wrap .type_red:hover {background:#ea4949}
    .icob_arw.posR select:hover {background-color:#f9f9f9}
    #optionSeasonBox .date_group input:hover {background-color:#f9f9f9}
    .priceDetail .card .item input:hover {background-color:#f9f9f9}

    /* PC hover only */
    .btn_wrap .cancel:hover {background:#f9f9f9;}
    .btn_wrap .active:hover {background:#c7453c;}
}

@media all and (max-width:768px){
    header ul li.icob_reser a span:after {top:-25px}

    #header_menu_alarm {position:fixed; margin:0 auto; left: 400px; right:0;display:none;}
    .icob_alarm.home{display:block !important;}

    #wrap {padding-top:0; padding-bottom:68px;}
    header {bottom:0; z-index:9998; top:inherit; height:68px; padding:0 23px; border-bottom:0; border-top:1px solid #e5e9eb; background:#fff;}
    header.no_header {display:none;}
    header h1 {display:none;}
    header ul {float:none; width:100%;}
    header ul li {width:20%;}
    header ul li a {height:68px; padding:37px 0 0 0; font-size:12px; letter-spacing:-0.6px; color:#b6b6b6;}
    header ul li.on a {color:#000;}
    header ul li.on a span:before {display:none;}
    header ul li.on a span:after {display:none;}
    header ul li.login {display:none;}
    header ul li:before {left:50%; transform:translateX(-50%);}

    header ul li.icob_home:before {top:13px; width:20px; height:20px; background-position:-81px -268px;}
    header ul li.icob_like:before {top:13px; width:22px; height:21px; background-position:-80px -320px;}
    header ul li.icob_reser:before {top:11px; width:19px; height:21px; background-position:-81px -372px;}
    header ul li.icob_mypage:before {top:12px; width:21px; height:20px; background-position:-80px -425px;}
    header ul li.icob_booking:before {top:12px; width:48px; height:20px; background-position:-7px -2613px;}
    header ul li.icob_price:before {top:12px; width:48px; height:20px; background-position:-7px -2658px;}

    header ul li.icob_home.on:before {background-position:-25px -268px;}
    header ul li.icob_like.on:before {background-position:-24px -320px;}
    header ul li.icob_reser.on:before {background-position:-26px -372px;}
    header ul li.icob_mypage.on:before {background-position:-25px -425px;}
    header ul li.icob_booking.on:before {background-position:-58px -2613px;}
    header ul li.icob_price.on:before {background-position:-58px -2658px;}
    #kakao {bottom:73px;}

    #container.error_page {top:0;}
    #container.detail_view {padding-bottom:50px;}

    .popup_wrap.type_btm_full .popup {top:40px; height:calc(100% - 40px);}
    .map_wrap.type_btm_full .base.type_attach_top {top:0}
    .topMobileLogo {display:block; top:-10px; text-align:center;}
    .topMobileLogo.with_back {top:-53px; margin-bottom: -48px;}

    .btn_wrap.fixed {max-width:100%;}
    .btn_wrap.fixed input {box-shadow: 0 6px 17px 0 rgba(177, 177, 177, 0.7);}

    .priceDetail {padding-bottom:80px;}

    #calendar_box {padding-top:24px;}
    #calendar_box .pop_head {font-size:18px;margin-bottom:22px;}
    .reser_calendar + .notice_box {margin: 17px 0 36px;}

    /* Mobile hover > active */
    .btn_wrap .cancel:active {background:#f9f9f9;}
    .btn_wrap .active:active {background:#c7453c;}
}

@media all and (max-width:459px){
    #header_menu_alarm {left: 85%;}

    body {background:#f3f4f5;}
    body:before {display:none;}

    #container {width:auto;}
    #container.error_page {left:0; width:100%; margin-left:0;}
    #container.error_page .btm_fixed {left:0; transform:translate(0);}

    footer {width:auto;}

    .reser_quick {left:0; width:100%; transform:translate(0);}

    .map_wrap.type_btm_full .pop_car {bottom:63px;}
    .map_wrap.type_btm_full .pop_car .car_list {margin-left:-157px;}
    .map_wrap.type_btm_full .pop_car .car_list .slick-slide {width:314px;}
    .map_car_wrap.type_btm_full .pop_car .car_roll_ctrl {width:100%;left:0;}
    .map_car_wrap.type_btm_full .pop_car {overflow:visible}
    .map_car_wrap.type_btm_full .pop_car .map_car_list {padding:0 0 40px 0;}
}

@media all and (max-width:320px) {
    .map_car_list div.item .info a.mapinfo {padding:15px}
    .filter_wrap .view_full a {font-size:13px !important; padding-top: 11px !important; padding-left:10px !important;}
    .filter_wrap .view_full a i {margin-top: -3px !important;}
    .filter_wrap .view a {font-size:12px !important; padding-top: 13px !important; padding-left:5px !important; padding-right:5px !important;}
    .filter_wrap ul li.view a i {top:0}

    #optionSeasonBox {padding:14px}
    #optionSeasonBox .date_group {width: calc(100% - 90px);}
    .priceDetail .card .item h5 {font-size:14px;}
    .priceDetail.price_option .card {padding:14px}
    .priceDetail .card .item .radio_btn {width: calc(100% - 90px);}
}