@charset "utf-8";

/* 캘린더 강제 맞추기..~ */
.mo_pop_wrap {display: block; position: static; background: none;}
.mo_pop_wrap .mo_pop {max-width: none; position: static; transform: translate(0,0);}
.mo_pop_wrap .mo_pop_content {background: none; padding:0;}
.mo_pop_wrap .mo_pop_content #calender {max-width: 100%;}
.mo_pop_wrap .mo_pop_header {display: none;}
.mo_pop_wrap .mo_pop_footer {display: none;}

@media screen and (max-width:1240px) {
  .mo_pop_wrap {display: none; position: fixed; background: rgba(0,0,0,0.5);}
  .mo_pop_wrap .mo_pop {max-width: 90%; position: fixed; transform: translate(-50%,-50%);}
  .mo_pop_wrap .mo_pop_content {background:#f3f3f3; padding:27px;}
  .mo_pop_wrap .mo_pop_content #calender {max-width: 362px;}
  .mo_pop_wrap .mo_pop_header {display: block;}
  .mo_pop_wrap .mo_pop_footer {display: block;}
}
@media screen and (max-width:1240px) {
  .mo_pop_wrap .mo_pop_content {padding:17px;}
}
/* // 캘린더 강제 맞추기..~ */



.virtual_banner {max-width: 1200px; margin: 24px auto; display: flex; column-gap:12px; }
.virtual_banner .left {width:100%;}
/* .virtual_banner .right {max-width: 408px; width:100%;} 240322삭제 */
.virtual_banner .main_virtual {overflow: hidden;}
.virtual_banner .main_virtual .swiper-pagination {bottom: 22px;}
.virtual_banner .main_virtual .swiper-pagination.left {text-align:left; padding: 0 47px;}
.virtual_banner .main_virtual .swiper-button-prev {display: none;}
.virtual_banner .main_virtual .swiper-button-next {display: none}

.banner {width:100%; border-radius: 12px; overflow: hidden; position: relative;}
.banner .tit_sec {position: absolute; width:100%; top: 40px; padding: 0 35px;}
.banner .tit_sec .tit {font-size: 4rem; font-weight: 700; color:#fff;}
.banner .img_sec {width:100%; }
.banner .img_sec img {max-width:100%;}

.real_reserv {max-width: 1200px; margin:0 auto 70px; }
.real_reserv .real_reserv_inner {position: relative; padding: 23px 33px; border-radius: 20px; border: 1px solid #E9E9E9; box-shadow: 0 3px 6px rgba(1,1,1,0.1); }
.real_reserv h2 {font-size: 3.2rem; display: inline-block;}
.real_reserv .btn_wrap {position: absolute; top: 21px; right: 34px;}
.real_reserv .btn_wrap .btn {display: inline-block; line-height: 40px; height: 40px; font-size: 1.8rem; padding: 0 45px 0 20px; border-radius: 8px; color:#fff; font-weight: 700;}
.real_reserv .btn_wrap .btn.btn01 {background: url(/src/images/ico/ico_arrow_white@20x.svg) no-repeat calc(100% - 20px) center #457199; margin-left: 14px;}
.real_reserv .btn_wrap .btn.btn02 {background: url(/src/images/ico/ico_arrow_white@20x.svg) no-repeat calc(100% - 20px) center #AE733C; margin-left: 6px;}
.real_reserv .btn_wrap .btn.btn03 {background: url(/src/images/ico/ico_arrow_white@20x.svg) no-repeat calc(100% - 20px) center #2872B7;}
.real_reserv .btn_wrap .btn.btn03 .ico {width:22px; height:22px; margin-right: 15px;}
.real_reserv .btn_wrap .btn.btn03 .ico img {display: block;}
.real_reserv .btn_wrap:after {content: ""; display: block; clear: both;}
.real_reserv .real_cont {position: relative; margin-top:37px; display: flex; column-gap: 12px; padding-top: 30px;}
.real_reserv .real_cont_inner {width:100%;}
.real_reserv .real_cont .box {border: 1px solid #C1C1C1; border-radius: 12px; height:100%;}
.real_reserv .real_cont .box.active {border: 2px solid var(--primary-blue)}
.real_reserv h3 {position: absolute; top: 0; pointer-events: none;}
.real_reserv h3 .num {font-family: 'GmarketSans', sans-serif;}
.real_reserv .calender {max-width:390px;}
.real_reserv .calender .box {padding: 12px 10px 10px 10px; height: calc(100% - 55px); background: #fff;}
.real_reserv .type {max-width: 139px;}
.real_reserv .type .box {padding: 18px 16px;}
.real_reserv .type .box li:not(:last-of-type) {margin-bottom: 12px;}
.real_reserv .go_reserv .top {display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap; padding: 0 20px;}
.real_reserv .go_reserv .top .rent {text-align: center; padding: 25px 17px 15px;}
.real_reserv .go_reserv .top .rent .rent_step {color: var(--primary-blue); font-size: 1.8rem; font-weight: 700; margin-bottom: 16px;}
.real_reserv .go_reserv .top .rent .rent_date {color: #888888; font-size: 1.8rem;}
.real_reserv .go_reserv .top .rent .rent_day {color: #555555; font-size: 1.8rem; font-weight: 500; line-height: 1.5;}
.real_reserv .go_reserv .top .rent .rent_day b {font-size: 2.8rem;}
.real_reserv .go_reserv .top .rent_total {width: 100%; padding: 16px 0; text-align: center; border-top: 1px dashed #CFCFCF; }
.real_reserv .go_reserv .top .rent_total .rent_total_price {display: flex; align-items:center; justify-content: space-between;; padding: 0 10px;}
.real_reserv .go_reserv .top .rent_total .rent_total_price > p {display: inline-block; font-size: 2.4rem; }
.real_reserv .go_reserv .top .rent_total .rent_total_price > p.rent_step {color: var(--primary-blue); font-size: 1.8rem; font-weight: 700;}
.real_reserv .go_reserv .top .rent_total .rent_total_price > p.rent_step span {margin-left: 15px; vertical-align: middle; font-size: 22px; font-weight: 400; color:#555555;}
.real_reserv .go_reserv .top .rent_total .rent_total_price > p.rent_step span b {font-weight: 600;}
.real_reserv .go_reserv .top .rent_total .ico {vertical-align: 1px;}
.real_reserv .go_reserv .top .rent_total .rental_car {position: relative; margin-bottom: 14px;}
.real_reserv .go_reserv .top .rent_total .rental_car .selected {width:100%; display: flex; justify-content:space-between; align-items: center; padding:18px 60px 18px 26px; background: url('/src/images/ico/ico_arrow_dgray@24x.svg') no-repeat right 24px center; border: 1px solid #D0D0D0; border-radius: 12px; text-align: left;}
.real_reserv .go_reserv .top .rent_total .rental_car .selected .label {font-size: 18px; font-weight: 500; color:#8c8c8c;}
.real_reserv .go_reserv .top .rent_total .rental_car .selected .select {font-size: 18px; font-weight: 500; color:var(--txt-dark01); flex: 1px; padding:0 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer;}
.real_reserv .go_reserv .top .rent_total .rental_car .selected .price {font-size:18px; color:#8c8c8c; font-weight: 500;}
.real_reserv .go_reserv .top .rent_total .rental_car .rental_car_select {max-height: 460px; position: absolute; background:#fff; width:100%; z-index: 10; border: 1px solid #D0D0D0; border-radius: 12px;; border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; overflow-y: auto; display: none;}
.real_reserv .go_reserv .top .rent_total .rental_car .rental_car_select::-webkit-scrollbar {width:5px;}
.real_reserv .go_reserv .top .rent_total .rental_car .rental_car_select::-webkit-scrollbar-track {background: transparent;}
.real_reserv .go_reserv .top .rent_total .rental_car .rental_car_select::-webkit-scrollbar-thumb {background: #D9D9D9; border-radius: 99px;}
.real_reserv .go_reserv .top .rent_total .rental_car .rental_car_select li + li {border-top: 1px solid #f4f4f4;}
.real_reserv .go_reserv .top .rent_total .rental_car .rental_car_select li button {width:100%; display:flex; justify-content: space-between; align-items: center; padding: 12px 50px 12px 27px;}
.real_reserv .go_reserv .top .rent_total .rental_car .rental_car_select li .name {font-size: 18px; font-weight: 500; color:var(--txt-dark01);}
.real_reserv .go_reserv .top .rent_total .rental_car .rental_car_select li .price {font-size:18px; color:#8c8c8c; font-weight: 500;}
.real_reserv .go_reserv .top .rent_total .rental_car.open .selected {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.real_reserv .go_reserv .top .rent_total .rental_car.open .rental_car_select {display: block;}
.real_reserv .go_reserv .bottom {padding:20px 30px; border-top: 1px solid var(--primary-blue)}
.real_reserv .go_reserv .bottom button {width:100%; padding: 0 10px; height: 56px; border-radius: 8px; background:var(--primary-blue); color:#fff; font-size: 2.4rem; font-weight: 700;}
.real_reserv .go_reserv .bottom button .ico {vertical-align: middle; margin-right: 20px;}

.article_desc {position: relative;}
.article_desc .tit {font-size:40px; font-weight: 700; margin-bottom: 10px;}
.article_desc .tit span.purple {color:#8F68FF;}
.article_desc .tit span.redpink {color:#EC546F;}
.article_desc .desc {font-size: 20px; font-weight: 500;}

.recommend {max-width: 1200px; margin: 0 auto;}
.recommend .recommend_list {margin-top: 17px; position: relative;}
.recommend .recommend_list .recommend_item .img {margin-bottom: 10px;}
.recommend .recommend_list .recommend_item .img>img {width: 100%;}
.recommend .recommend_list .recommend_item .txt .brand {display: inline-block; margin-right: 15px; vertical-align: middle; font-size: 0;}
.recommend .recommend_list .recommend_item .txt .brand>img {font-size:10px}
.recommend .recommend_list .recommend_item .txt .name {display: inline-block; font-size: 1.8rem; font-weight: 500; vertical-align: middle;}
.recommend .more {position: absolute; bottom:0; right:0;}
.recommend .more a {position: relative; display: inline-block; color:#666; padding-right: 47px; background: url(/src/images/btn/btn_line_right.svg) no-repeat right center;}
.recommend .swiper-button-prev,
.recommend .swiper-button-next {width: 38px; height: 38px; border-radius: 100%; border: 2px solid #E4E4E4; overflow: hidden;}
.recommend .swiper-button-prev {left: -19px;}
.recommend .swiper-button-next {right: -19px;}
.recommend .swiper-button-prev::after {content:""; width: 100%; height: 100%; background:url(/src/images/ico/ico_arrows_slide.svg) no-repeat left center #fff; background-size: auto 34px;}
.recommend .swiper-button-next::after {content:""; width: 100%; height: 100%; background:url(/src/images/ico/ico_arrows_slide.svg) no-repeat right center #fff; background-size: auto 34px; right: -19px;}

hr.gray {background:#DADADA; border:0; height: 2px; max-width: 1200px; margin: 60px auto 75px;}

.go_type_list {max-width: 1200px; margin:0 auto 77px;}
.go_type_list .list_wrap {display: flex; flex-wrap: wrap; gap:15px 19px; }
.go_type_list .list_wrap li {position: relative; width: calc(33.3% - 13px); aspect-ratio: 390/ 207; background: linear-gradient(50deg, #DDEBFF, #E0E0FF); padding: 25px 20px; border-radius: 16px; overflow: hidden;}
.go_type_list .list_wrap li .img {position: absolute; width:100%; height:100%; right:0; bottom:0;}
.go_type_list .list_wrap li .img img {mix-blend-mode: darken; max-width:100%;}
.go_type_list .list_wrap li .txt {position: relative; z-index: 1;}
.go_type_list .list_wrap li .txt .type_link {position: relative; padding-right:34px; font-size: 2.4rem; font-weight: 700; color:#334164;}
.go_type_list .list_wrap li .txt .type_link::after {content:""; position: absolute; right:0; top:3px; display: block; width: 28px; height: 28px; background:url(/src/images/ico/ico_arrow_white@20x.svg) no-repeat center center #4E7FFF; border-radius: 100%; }
.go_type_list .list_wrap li .txt .desc {font-weight: 500; margin-top: 14px;}

.delivery {padding: 77px 0; background-color:#F7F7F9;}
.delivery .delivery_inner {max-width:1200px; margin:0 auto; padding: 77px 0;}
.delivery .article_desc {margin-bottom: 42px;}
.delivery .delivery_type_scroll {max-width: 100%; overflow-x: auto;}
.delivery .delivery_type_scroll::-webkit-scrollbar { height:5px;}
.delivery .delivery_type_scroll::-webkit-scrollbar-thumb {background-color: rgba(163,163,163,0.5); border-radius: 10px;}
.delivery .delivery_type {width: fit-content; display: flex; column-gap: 12px; margin-bottom:3px;}
.delivery .delivery_type .btn_type {position: relative; font-size: 2rem; font-weight: 500; border-radius: 8px; border: 2px solid #8EA2C9; padding: 7px 30px; white-space: nowrap; background-color:#fff;}
.delivery .delivery_type .btn_type.active {color:#fff; font-weight: 700; background: #366DDA; border-color: #006FD6; padding-right: 45px;}
.delivery .delivery_type .btn_type.active::after {content:""; display: block; width: 20px; height: 20px; position: absolute; top:calc(50% - 10px); right: 20px; background:url(/src/images/ico/ico_arrow_white@20x.svg) no-repeat center center; transform: rotate(90deg);}
.delivery .delivery_slide {margin-top:44px; position:relative; margin: 44px -10px 0;}
.delivery .delivery_slide .swiper {padding: 0 10px;}
.delivery .delivery_slide .swiper-wrapper {padding-bottom: 46px;}
.delivery .delivery_slide .swiper-wrapper .swiper-pagination {bottom: 0;}
.delivery .delivery_slide .delivery_item {border-radius: 16px; border: 2px solid transparent; padding: 53px 10px 27px; text-align:center; box-shadow: 0 4px 4px rgba(0,0,0,0.25);background: #fff;}
.delivery .delivery_slide .delivery_item .img {width:100%;}
.delivery .delivery_slide .delivery_item .txt {margin-top: 17px; }
.delivery .delivery_slide .delivery_item .txt .name {font-size: 2rem; font-weight: 500;}
.delivery .delivery_slide .delivery_item .txt .summary {font-weight: 500; color:#b3b3b3; margin-bottom: 5px; line-height: 1.5;}
.delivery .delivery_slide .delivery_item .txt .price {font-weight: 500; color:#1B6ADD;}
.delivery .delivery_slide .delivery_item .txt .btn {margin-top: 30px; line-height: 39px; padding: 0 43px; font-size:1.8rem; color:#fff; border-radius: 8px; background:#1E385F;}
.delivery .delivery_slide .delivery_item:hover .btn {background: #1671F6;}
.delivery .delivery_slide .badge {position: absolute; top: 15px; left:15px; right:15px; display: flex; column-gap: 5px; justify-content: flex-end;}
.delivery .delivery_slide .badge > span {display: inline-block; padding: 2px 10px; border: 1px solid transparent; font-size:1.4rem;}
.delivery .delivery_slide .badge > span.red {border-color: #FF1506; color:#FF1506;}
.delivery .delivery_slide .badge > span.blue {border-color: #4E7FFF; color:#4E7FFF;}
.delivery .delivery_slide .delivery_item:hover {border-color:#4E7FFF;}
.delivery .delivery_slide .delivery_item:hover .btn_wrap .btn {background:#1671F6;}
.delivery .delivery_slide .swiper-button-prev,
.delivery .delivery_slide .swiper-button-next {color:#154994;}
.delivery .delivery_slide .swiper-button-prev {left:-48px;}
.delivery .delivery_slide .swiper-button-next {right:-48px;}
.delivery .delivery_slide .swiper-button-prev.swiper-button-disabled {color:#DFDFDF; opacity: 1;}
.delivery .delivery_slide .swiper-button-next.swiper-button-disabled {color:#DFDFDF; opacity: 1;}

@media screen and (max-width:1350px){
  .recommend {width:calc(100% - 40px);}
  .delivery .delivery_inner {width:calc(100% - 80px);}
  .delivery .delivery_slide .swiper-button-prev {left: -26px;}
  .delivery .delivery_slide .swiper-button-next {right: -26px;}
}

@media screen and (max-width:1240px) {

  .virtual_banner {padding: 0 20px;}
  .virtual_banner .left {max-width:none}
  .virtual_banner .right {display: none;}

  .real_reserv {padding: 0 20px;}
  .real_reserv .real_reserv_inner {padding: 20px; }
  .real_reserv h2 {font-size: 2.4rem;}
  .real_reserv h2 img {width: 2.6rem;}
  .real_reserv h3 {position: static; padding: 14px 20px; border-radius: 8px; border: 1px solid #D0D0D0; cursor: pointer}
  .real_reserv .btn_wrap {top:20px; right: 20px;}
  .real_reserv .real_cont {flex-wrap: wrap; padding-top: 0; column-gap: 6px; row-gap: 9px; margin-top: 25px;}
  .real_reserv .real_cont_inner:not(:last-of-type) {width: calc(50% - 4px);}
  .real_reserv .calender {max-width: none}
  .real_reserv .calender h3 {background: url(/src/images/ico/ico_calender_gray@24x.svg) no-repeat calc(100% - 20px) center; pointer-events: all;}
  .real_reserv .type {max-width: none; position: relative; }
  .real_reserv .type h3 {background: url(/src/images/ico/ico_arrow_dgray@24x.svg) no-repeat calc(100% - 20px) center; pointer-events: all;}
  .real_reserv .type .box {position: absolute; width: 100%; background: #fff; z-index: 999; left: 0; right: 0; height: auto; top: 55px; display: none;}
  .real_reserv .type.active .box { display: block;}
  .real_reserv .go_reserv {position: relative}
  .real_reserv .go_reserv .box {max-width: none;}
  .real_reserv .go_reserv h3 {border:0; position: absolute; top:0; cursor: auto;}
  .real_reserv .go_reserv .top {padding-top:40px;}
  .real_reserv .go_reserv .top .rent {padding: 15px 0; width:calc(50% - 15px);}
  .real_reserv .go_reserv .top .rent_total {padding: 16px 0;}
  .real_reserv .go_reserv .top .rent .rent_step {margin-bottom: 10px}
  .real_reserv .go_reserv .top .rent .rent_date {font-size: 1.6rem;}
  .real_reserv .go_reserv .top .rent .rent_day {font-size: 1.6rem;}
  .real_reserv .go_reserv .top .rent .rent_day b {font-size: 2.6rem;}
  .real_reserv .go_reserv .bottom {padding: 12px;}
  .real_reserv .go_reserv .bottom button {font-size: 2rem;}
  .real_reserv .go_reserv .bottom .ico img {width: 3rem;}

  .recommend {padding: 0 20px; width: 100%;}

  .go_type_list {padding: 0 20px;}
  .go_type_list .list_wrap li .txt .desc {margin-top: 8px;}

  .delivery .delivery_inner {padding: 0 20px; width:100%;}
  .delivery .delivery_slide .swiper-button-next {width: 1rem; right: -12px;}
  .delivery .delivery_slide .swiper-button-prev {width: 1rem; left: -12px;}
  .delivery .delivery_slide .swiper-button-next::after {font-size: 21px;}
  .delivery .delivery_slide .swiper-button-prev::after {font-size: 21px;}
}

@media screen and (max-width:768px) {
  .virtual_banner {margin:0; padding: 0;}
  /*.virtual_banner .main_virtual .swiper-pagination.left {padding: 0 40px;}
  .virtual_banner .main_virtual .swiper-button-prev {display: block; width: 20px; height: 29px;}
  .virtual_banner .main_virtual .swiper-button-prev:after {font-size: 26px; color:#fff;}
  .virtual_banner .main_virtual .swiper-button-next {display: block; width: 20px; height: 29px;}
  .virtual_banner .main_virtual .swiper-button-next:after {font-size: 26px; color:#fff;} */
  .virtual_banner .main_virtual .swiper-pagination { bottom:2px;}

	
  .banner {border-radius: 0;}
  .banner .tit_sec {padding: 0 40px;}
  .banner .tit_sec .tit {font-size: 3rem;}
  .banner .img_sec {height: auto; min-height:30px; max-height: 300px;}
  .banner .img_sec img {height:100%; object-fit: cover;}

  .real_reserv {padding: 0}
  .real_reserv .real_reserv_inner {margin-top: 10px; padding: 20px 20px 20px; border-radius: 0; box-shadow: none; border: 0;}
  .real_reserv .btn_wrap {position:static; margin-top: 20px;}
  .real_reserv .btn_wrap .btn {width:calc(50% - 5px); height: 48px; line-height: 48px;}
  .real_reserv .btn_wrap .btn.btn01 {margin-left: 0;}
  .real_reserv .btn_wrap .btn.btn02 {margin-left: 6px;}
  .real_reserv .btn_wrap .btn.btn03 {width:100%; margin-bottom: 22px; text-align: center; height:60px; line-height:60px}
  .real_reserv .go_reserv .top {padding: 40px 10px 0 10px;}
  .real_reserv .go_reserv .top .rent {padding: 10px;}
  .real_reserv .go_reserv .top .rent_total .rent_total_price {flex-wrap: wrap; justify-content: center; row-gap: 10px;}
  .real_reserv .go_reserv .top .rent_total .rent_total_price .rent_step {width:100%;}
  .real_reserv .go_reserv .top .rent_total .rental_car .selected {padding:15px 45px 15px 14px; justify-content: flex-start; background:url('/src/images/ico/ico_arrow_dgray@24x.svg') no-repeat right 12px center;}
  .real_reserv .go_reserv .top .rent_total .rental_car .selected .label {font-size: 16px; color:#333;}
  .real_reserv .go_reserv .top .rent_total .rental_car .selected .label:after {content:" :"}
  .real_reserv .go_reserv .top .rent_total .rental_car .selected .select {font-size: 16px; flex: none; display: inline-block; padding: 0 3px;}
  .real_reserv .go_reserv .top .rent_total .rental_car .selected .price {font-size: 16px;}
  .real_reserv .go_reserv .top .rent_total .rental_car .rental_car_select li button {padding: 12px 35px 12px 14px}

  .recommend .more {position: relative; margin-top: 8px;}
  .article_desc .tit {font-size:28px; margin-bottom: 5px;}
  .article_desc .desc {font-size: 14px;}
  .recommend .swiper-button-prev,
  .recommend .swiper-button-next {display: none;}

  hr.gray {background:#f9f9f9; height: 8px; margin: 40px auto 47px;}

  .go_type_list .list_wrap {gap: 5px;}
  .go_type_list .list_wrap li {width:calc(50% - 3px); aspect-ratio: 184 / 133; padding: 12px 15px;}
  .go_type_list .list_wrap li .img {height: auto;}
  .go_type_list .list_wrap li .txt .type_link {font-size: 2rem; padding-right: 25px;}
  .go_type_list .list_wrap li .txt .type_link::after {width: 21px; height: 21px; background-size: 15px;}
  .go_type_list .list_wrap li .txt .desc {font-size: 1.4rem; margin-top: 3px;}

  .delivery .article_desc {margin-bottom: 12px; padding: 0 10px;}
  .delivery .delivery_type_scroll {width: calc(100% - 20px); margin: 0 auto;}
  .delivery .delivery_inner {padding: 0 10px;}
  .delivery .delivery_slide {margin: 12px 0;}
  .delivery .delivery_slide .swiper {padding: 0 10px;}
  .delivery .delivery_slide .delivery_item {display: flex; padding: 2rem; justify-content: space-between; column-gap: 20px;}
  .delivery .delivery_slide .delivery_item .img {margin-top: 5px; padding: 2rem 0 0.5rem; display: flex; justify-content: center; align-items: flex-end;}
  .delivery .delivery_slide .delivery_item .txt {min-width: 133px; text-align: left; margin-top:0; display: flex; flex-direction: column; justify-content: space-between;}
  .delivery .delivery_slide .delivery_item .txt .name {font-size: 1.8rem;}
  .delivery .delivery_slide .delivery_item .txt .summary {font-size: 1.4rem; margin-bottom: 10px;}
  .delivery .delivery_slide .delivery_item .txt .price {font-size: 1.8rem;}
  .delivery .delivery_slide .delivery_item .txt .btn {margin-top: 1rem; padding: 0 20px;}
  .delivery .delivery_slide .badge {justify-content: flex-start; gap: 5px; max-width: calc(100% - 173px); align-items: flex-start; flex-wrap: wrap; top: 20px; left: 20px;}
  .delivery .delivery_slide .badge > span {font-size: 1.3rem; padding: 3px;}
  .delivery .delivery_type .btn_type {font-size: 1.6rem; padding: 8px 17px;}
  .delivery .delivery_type .btn_type.active {padding-right: 33px;}
  .delivery .delivery_type .btn_type.active::after {right: 10px;}
  .delivery .delivery_slide .swiper-button-next {right: -5px;}
  .delivery .delivery_slide .swiper-button-prev {left: -5px;}


}

@media screen and (max-width:500px) {
  .virtual_banner .main_virtual .swiper-pagination.left {padding: 0 24px;}
  .virtual_banner .main_virtual .swiper-button-prev {width:10px; height: 19px; top: 60%;}
  .virtual_banner .main_virtual .swiper-button-prev:after {font-size: 18px;}
  .virtual_banner .main_virtual .swiper-button-next {width:10px; height: 19px; top: 60%;}
  .virtual_banner .main_virtual .swiper-button-next:after {font-size: 18px;}
  .banner .tit_sec {padding: 0 24px; top: 27px;}


  /* 모바일 달력 팝업 */
  .real_reserv .type h3 {background-size: 28px; background-position: 90% center;}
  .real_reserv .calender h3 {background-size: 28px; background-position: 90% center;}
}

@media screen and (max-width:300px) {
  .real_reserv .real_cont_inner:not(:last-of-type) {width: 100%;}
  .real_reserv .go_reserv .top {flex-direction: column;}
  .real_reserv .go_reserv .top .rent {width:100%; padding: 10px;}
  .real_reserv .go_reserv .top .rent + .arrow {transform: rotate(90deg);}
  .real_reserv .go_reserv .top .rent_total > p + p {margin-left:0; margin-top: 5px;}
  .real_reserv .go_reserv .bottom button {font-size: 1.6rem;}
  .real_reserv .go_reserv .bottom button .ico {margin-right: 10px;}
  .real_reserv .go_reserv .bottom .ico img {width: 2.5rem;}
  .real_reserv .btn_wrap .btn {width:100%;}
  .real_reserv .btn_wrap .btn.btn02 {margin-top: 10px; margin-left:0;}
  .real_reserv .type h3 {background-size: auto;}
  .real_reserv .calender h3 {background-size: auto;}

  .go_type_list .list_wrap li {width:100%; }
  .go_type_list .list_wrap li .img {width: 100%;}

  .delivery .delivery_slide .delivery_item {display: block;}
  .delivery .delivery_slide .delivery_item .img {width: 100%; margin-top: 5px; padding-top: 15px;}
  .delivery .delivery_slide .delivery_item .txt {min-width: none; text-align: center; margin-top:10px; display: block; }
  .delivery .delivery_slide .delivery_item .txt .name {font-size: 1.8rem;}
  .delivery .delivery_slide .delivery_item .txt .summary {font-size: 1.4rem; margin-bottom: 10px;}
  .delivery .delivery_slide .delivery_item .txt .price {font-size: 1.8rem;}
  .delivery .delivery_slide .delivery_item .txt .btn {margin-top: 1rem;}
  .delivery .delivery_slide .badge {max-width: 100%; align-items: flex-start; }
  .delivery .delivery_slide .badge > span {font-size: 1.3rem; padding: 3px;}
  .mo_pop_wrap .mo_pop {width: 100vw;}
}
