@charset "utf-8";

/* sub visual */
.sub_visual_wrap {overflow-x: clip;  position: relative; z-index: 2;}
.sub_visual_wrap .swiper-slide {display: flex; flex-direction: column; justify-content: center; row-gap: 6rem; height: 48rem}
.sub_visual_wrap .swiper-slide img {display: block;   position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  object-fit: cover; max-width:100%}
.sub_visual_wrap .slider_title {display: flex;   flex-direction: column;  justify-content: center; align-items: flex-start;}
.sub_visual_wrap .slider_title h3 {font-size: 24px;   font-weight: 400;   margin-bottom: 0.4em;}
.sub_visual_wrap .slider_title h2 {font-size: 50px;}
.sub_visual_wrap .slider_title .link_btn {font-size: 17px;   font-weight: 500;   display: inline-block;   border: 2px solid #222;  padding: 0.5em 1.8em;  border-radius: 50px; transition: all 0.15s;}
.sub_visual_wrap .slider_title .link_btn:hover {background: var(--key-color);  color: #fff; border-color: var(--key-color);}
.sub_visual_wrap .swiper-pagination {bottom: 30px !important}
.sub_visual_wrap .swiper-pagination-bullet {width: 14px;    height: 14px;   background: #fff;   opacity: 0.5;}
.sub_visual_wrap .swiper-pagination-bullet-active {opacity:1;}
.sub_visual_wrap .search-container {position: relative; bottom: auto; left: auto; transform: unset; border: 1px solid #C4C6CA;}
.subvisual {height: 28rem; position: relative;}
.subvisual img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; max-width: unset;}
.subvisual .container {display: flex; align-items: center; height: 100%;}
.subvisual .subvisual-text { z-index: 1; position: relative; }
.subvisual .subvisual-text p, .subvisual .subvisual-text h1 {color: #fff; line-height: 1.3em; font-weight: 400; word-break: keep-all;}

.sub-product {padding-top: 6rem;}
.sub-product .title_wrap {display: flex; align-items: center; justify-content: space-between; flex-direction: row; margin-bottom: 2rem;}
.sub-product .select-wrap .nice-select {height: auto; line-height: 1.6em;}
.sub-product .select-wrap .nice-select:after {right: 0.8rem;}
.sub-product .select-wrap .nice-select .list {width: 12rem; border: 0; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.20); border-radius: 1rem; z-index: 50;}
.sub-product .select-wrap .nice-select .option {height: auto; line-height: 1.6em; min-height: unset; text-align: center; padding: 0.5rem 0.8rem;}
.sub-event-product .product-list .info-title {height: auto; margin-bottom: 1rem; font-weight: 400;}
.sub-event-product .product-list .info-tags {letter-spacing: -0.13px;}

.filter {position: sticky; top: 9rem; background: #fff; z-index: 1000; border-bottom: 1px solid #EEE;}
.filter .search {background: #FAFBFC; border-bottom: 1px solid #EEE; position: relative; z-index: 1;}
.filter .search-container {position: static; bottom: auto; left: auto; transform: unset; background: transparent; padding-right: 0;}
.filter .search-container .search-field {padding: 0; width: auto; flex: 1; position: relative;}
.filter .search-container .search-field .selected {padding: 1.9rem 3rem;}
.filter .search-container .search-field.date-picker {padding: 1.9rem 3rem;}
.filter .custom-select--location, .filter .date-picker {border-right: 1px solid #EEE;}
.filter .custom-select--location .options, .filter .custom-select--number .options {left: 0; width: 36.5rem;}
.filter .butn.default {font-size: 1.3rem;}
.filter .butn.butn-search {padding: 0.7rem 1.5rem; line-height: 1.5em; margin-left: 3rem;}
.filter .butn-search::before {width: 1.6rem; height: 1.6rem;}
.filter .filter-container {display: flex; align-items: center; column-gap: 1rem; max-width: 128rem; width: 95%; margin: 0 auto; padding: 1.2rem 0; position: relative; z-index: 0;}
.filter .filter-title {display: flex; align-items: center; padding: 9px 1.5rem; border: 1px solid #DDD; width: 22rem; border-radius: 6px; cursor: pointer;}
.filter .filter-title--text {font-size: 1.4rem; }
.filter .filter-title--icon {display: inline-block; margin-left: auto; width: 1rem; height: 1rem; }
.filter .bar {display: block; width: 1px; background: #EEE; align-self: stretch;}
.filter .filter-price {position: relative;}
.filter .filter-price .filter-options {top: calc(100% + 0.6rem);}
.filter .filter-options {display: none; position: absolute; z-index: 10; background: #fff; border-radius: 10px; background: #fff; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.20); width: 35rem; padding: 2rem 2.5rem;}
.filter .filter-options .input-item {border-radius: 6px; padding: 0 1.5rem;}
.filter .filter-options .label {font-size: 1.4rem;}
.filter .filter-options input {line-height: 1.14em; padding: 0.9rem 0;}
.filter .filter-price .filter-options .form-row--btn {flex-direction: row; justify-content: flex-end; align-items: center; column-gap: 2rem; padding-top: 2rem; border-top: 1px solid #EEE;}
.filter .filter-options .form-row--btn * {font-size: 1.3rem; line-height: 1.5em;}
.filter .filter-options .form-row--btn .filter-price--reset {text-decoration: underline; text-underline-offset: 3px; cursor: pointer;}
.filter .filter-options .form-row--btn .filter-price--submit {border-radius: 6px; padding: 5px 1rem;}
.checkbox-wrap--button {column-gap: 1rem;}
.checkbox-wrap--button .checkbox .checkbox-label {display: flex; justify-content: center; background: #F8F8F8; border: 1px solid #F1F1F1; border-radius: 6px; padding: 0.8rem 1.3rem; cursor: pointer; transition: 0.17s ease; }
.checkbox-wrap--button .checkbox .checkbox-label span {color: #000; font-weight: 500; font-size: 1.4rem; }
.checkbox-wrap--button input:checked + .checkbox-label {background: var(--yellow); border-color: var(--yellow);}
.checkbox-wrap--button input:checked + .checkbox-label span {color: #000;}
.checkbox-wrap--button.icon .checkbox .checkbox-label {display: flex; flex-direction: column; row-gap: 1rem; padding: 2rem 2.5rem; background: #EBECF0; border: 1px solid #DBDBDB; border-radius: 6px; cursor: pointer; transition: 0.17s ease;}
.filter .butn.filter-btn {line-height: 1.23em; padding: 0.9rem 1.5rem;}
.filter .filter-options.open {display: flex;}

@media (hover: hover) {
	.filter .search-container .search-field:hover {background: #F3F4F5;}
	.filter .filter-title:hover {border-color: #666}
	.filter .butn.filter-btn:hover {background: #767676;}
	.checkbox-wrap--button .checkbox .checkbox-label:hover {background: #FFFBCC; border-color: #F0EBAC;}
}


/* toru list */ 
.tour_list_section .section_title {font-size: 45px; position: relative;}
.tour_list_section .section_title .add_title {font-size: 0.5em;   color: #999;   font-weight: 600;   display: inline-block;  padding-left: 0.2em;}
.tour_list_section .section_title:before {content:""; position:absolute; left: 0;   top: 0;   width: 0.933em;   height: 0.933em;   background-position: center; background-size:cover; display:none}
.tour_list_section .section_title.package:before {background-image:url(../img/sub/tour_list_packgae_icon.png)}
.tour_list_section .section_title.freetour:before {background-image:url(../img/sub/tour_list_free_icon.png)}
.tour_list_section .section_title.walk:before {background-image:url(../img/sub/tour_list_walk_icon.png)}
.tour_list_section .section_title.ticket:before {background-image:url(../img/sub/tour_list_ticket_icon.png)}
.tour_list_section .section_title.ticketplus:before {background-image:url(../img/sub/tour_list_packgae_icon.png)}
.tour_list_section.freetour  {background-image:url(../img/sub/freetour_bg.jpg); background-size:cover;  background-position: bottom left; }
.tour_list_sliders {position: relative; overflow: hidden}
.tour_list_sliders .swiper-slide {}
.tour_list_sliders .swiper-button-next,
.tour_list_sliders .swiper-button-prev {width: 70px;   height: 60px;   background-color: #ceccd3; top: 50%;  transform: translateY(-50%);    margin: 0; background-repeat: no-repeat;  background-position: center; transition: all 0.15s;}
.tour_list_sliders .swiper-button-next:after,
.tour_list_sliders .swiper-button-prev:after {content:none} 
.tour_list_sliders .swiper-button-next { right: 0; background-image:url(../img/main/slide_next.png);}
.tour_list_sliders .swiper-button-prev {left:0; background-image:url(../img/main/slide_prev.png);}
.tour_list_sliders .swiper-button-next:hover,
.tour_list_sliders .swiper-button-prev:hover { background-color: var(--key-color); }

.tour_list_sliders .swiper-slide {max-width:300px; margin-right:30px}


/* 투어 리스트 슬라이더 아닐경우 */
.tour_list_section .tour_list_sliders.no-slider {padding-top:20px}
.tour_list_section .tour_list_sliders.no-slider .swiper-wrapper {display: flex;   flex-wrap: wrap;  gap: 30px;}
.tour_list_section .tour_list_sliders.no-slider .swiper-slide {width:calc((100% - 90px) / 4); padding:0}




/*약관*/
.terms_wrap {padding-bottom: 8rem;}
#page_caption {     /*background-color: #f9f9f9;*/	text-align: center;	width: 100%;	margin: auto;}
#page_caption h1 {    line-height: 1.3em; font-size: 40px;font-weight: 700;    text-transform: none;    letter-spacing: -2px;    color: #000000;}
.policy_section h4 { font-size: 2rem;     padding-top: 1rem;    padding-bottom: 1rem;}
.policy_section p {font-size: 1.5rem; padding-top: 0.7em;    padding-bottom: 1.3em;	line-height: 1.6em; word-break: keep-all;}
.policy_section table {   width: 100%;  border-spacing: 0;   border-collapse: collapse;    margin: 10px 0 30px 0;}
.pivacy_ta thead {    background: var(--sub-key-color);    color: #fff;    font-size: 17px;}
.policy_section table tr th, .policy_section table tr td {	font-size: 15px;    padding: 20px;    text-align: left;    border-bottom: 1px solid #dce0e0;	line-height: 1.6em;}
.policy_section h5 {font-size: 15px;padding-top: 0.7em;    padding-bottom: 1.3em;	line-height: 1.6em;}
.policy_section table .row_1 td {background:#f8f8f8}
.policy_section p span {display: block; padding-left: 1.5rem; font-size: 15px; line-height: 1.6em; padding-top: 0.6em;}
/*.policy_section li {font-size: 15px; line-height: 1.6em;}*/

/*약관 추가 24.10.21*/
.policy_section table.normal {width:auto; margin:0}
.policy_section table.normal tr td {border-bottom:none; padding:0; vertical-align:top}

.pivacy_ta_wrap {overflow-x:auto}

@media only screen and ( max-width: 980px ) {
	.pivacy_ta_wrap .pivacy_ta {width:980px}
}





/* 상품 상세화면 */
#sit form .devided-section {display: flex; flex-wrap: wrap; column-gap: 5%; row-gap: 4rem;}
#sit #sit_ov_from {width: 100%;}
#sit_ov_wrap {border-bottom:8px solid var(--line-top)}
#sit_ov_wrap .container {   max-width: 128rem;}
#sit_ov_wrap .photo {width: 100%}
#sit_ov_wrap .photo .swiper-container { position: relative; border-radius: 20px; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);}
#sit_ov { padding-top: 5px; width: 38%; position: sticky;  top: 12rem; right:0; height: 100%; background: #fff; order: 3;}
#sit_ov .hidden_title {display: none}
#sit_ov.fixed {position: fixed; top: 151px; max-width: 43.5rem; padding: 0} 
#sit_ov.fixed.endPosition { top: auto;   bottom: 0;  position: absolute;  right: 0 !IMPORTANT;}
#sit_ov.fixed .prd_head_sum,
#sit_ov.fixed #sit_title,
#sit_ov.fixed .prd_tag_list, 
#sit_ov.fixed .sit_info .prd_price {display:none}
#sit_ov.fixed .hidden_title {  display: block;  background: var(--key-color);  font-size: 20px; color: #fff; text-align: center; padding: 0.7em;margin-bottom: 1.2em;   margin-left: -1px;  margin-right: -1px;}
#sit_ov.fixed .get_item_options {padding: 0 20px 0;}
#sit_ov.fixed .add_option_plus_minus {   margin-left: 0;  margin-bottom: 0;  margin-right: 0}
#sit_ov.fixed .total_price_wrap {display: block; padding: 0;}
#sit_ov.fixed #sit_tot_price {width: 100%;   display: flex;   justify-content: space-between; margin-bottom: 20px; align-items:center}
#sit_ov.fixed #sit_ov_btn {   width: 100%;   display: flex;   align-items: center; gap:0 5px}
#sit_ov.fixed  #sit_ov_btn button {width:calc(100% - 49px); height:44px; line-height:44px; font-size:15px; padding:0 10px; border-radius:6px}
#sit_ov.fixed .calendar_select_wrap {left: -95px; min-width: 380px; padding: 20px 8px;}
#sit_ov.fixed .add_option_plus_minus .option_wrap {padding: 8px 20px; font-size: 14px; display:block; position:relative}
#sit_ov.fixed .add_option_plus_minus .option_wrap .btn_wrap .minus,
#sit_ov.fixed .add_option_plus_minus .option_wrap .btn_wrap .plus {width: 24px; height:24px}
#sit_ov.fixed .add_option_plus_minus .option_wrap .btn_wrap input[type="text"]{}
#sit_ov.fixed .add_option_plus_minus .option_wrap b {width: auto;} /* 2024.11.01 김희정 position:absolute; left:20px; top: 13px */
#sit_ov.fixed .add_option_plus_minus .option_wrap .dis_price {  width: 70px; margin-left:0; font-size:13px}
#sit_ov.fixed .add_option_plus_minus .option_wrap .price {right: 25px; font-size:13px}


.photo {position: relative;}
.photo .show-carousel {cursor: pointer;}
.photo .photo-single-layout {height: 50rem;}
.photo .photo-gallery-layout {display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; gap: 1rem; height: 50rem;}
.photo .photo-single-layout .photo-img,
.photo .photo-gallery-layout .photo-img {display: flex; align-items: center; justify-content: center; height: 100%; overflow: hidden; border-radius: 1rem; background: #F5F6F8; cursor: pointer;}
.photo .photo-gallery-layout .photo-img:nth-child(n+4) {display: none;}
.photo .photo-gallery-layout .photo-img:nth-child(1) {grid-column: 1 / 2; grid-row: 1 / 3;}
.photo .photo-gallery-layout .photo-img:nth-child(2) {grid-column: 2 / 3; grid-row: 1 / 2;}
.photo .photo-gallery-layout .photo-img:nth-child(3) {grid-column: 2 / 3; grid-row: 2 / 3;}
.photo .photo-single-layout .photo-img img,
.photo .photo-gallery-layout .photo-img img {min-width: 100%; max-width: unset; min-height: 100%; object-fit: cover;}
/*.photo .photo-single-layout .photo-img img,
.photo .photo-gallery-layout .photo-img img {width: auto; height: 100%; object-fit: contain; max-width: unset; display: block;}*/
.photo .photo-gallery-btn {display: flex; align-items: center; column-gap: 1rem; padding: 1rem 2rem; background: rgba(0, 0, 0, 0.50); border-radius: 50px; backdrop-filter: blur(10px); font-size: 1.3rem; line-height: 1.5em; color: #fff; position: absolute; right: 1rem; bottom: 1rem; z-index: 2; cursor: pointer;}

.photo-modal-overlay {position: fixed; inset: 0; background: rgba(0, 0, 0, 0.85); z-index: 99999; display: flex; align-items: center; justify-content: center;}
.photo-modal-close {position: absolute; top: 2rem; right: 2rem; font-size: 2rem; background: none; border: none; color: #fff; cursor: pointer;}
.photo-modal {display: flex; flex-direction: column; row-gap: 3rem; position: relative; width: 90%; max-width: 86rem;}
.swiper.photo-main {width: 100%; height: 50rem; margin-bottom: 1rem; position: relative;}
.swiper.photo-main .swiper-slide {display: flex; align-items: center; justify-content: center; border-radius: 1rem; overflow: hidden; background: #000;}
.swiper.photo-main .swiper-slide img {max-height: 100%; max-width: 100%; width: auto !important; height: auto !important; object-fit: contain;}
.photo-modal .slide-arrow--prev, .photo-modal .slide-arrow--next {position: absolute; top: 25rem; background: url('../img/sub/photo-arrow.png') no-repeat center/ contain; width: 5rem; height: 5rem; }
.photo-modal .slide-arrow--prev { left: -3rem; transform: translate(-100%, -50%);}
.photo-modal .slide-arrow--next { right: -3rem; transform: translate(100%, -50%) rotate(180deg);}
.swiper.photo-thumbs {height: 6.7rem; margin-left: 0; margin-right: 0;}
.swiper.photo-thumbs .swiper-slide {display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 1rem; overflow: hidden; background: #000;}
.swiper.photo-thumbs .swiper-slide img {min-height: 100%; max-width: unset; max-width: auto; width: auto !important;}
.swiper.photo-thumbs .swiper-slide-thumb-active {border: 2px solid var(--yellow); }

.info-summary {display: flex; flex-direction: column; row-gap: 1rem;}
.info-summary .info-title {line-height: 1.3em; font-weight: 500;}
.info-summary .info-rate .rate-score {font-size: 1.9rem;}
.info-summary .info-rate .rate-num {display: flex; padding-top: 1px;}
.info-summary .info-detail {display: flex; align-items: center; column-gap: 2rem; margin-top: 2rem;}
.info-summary .location {display: flex; align-items: center; column-gap: 5px; font-size: 1.6rem;}
.info-summary .location::before {content: ""; display: inline-block; width: 2rem; height: 2rem; 
background: url('../img/main/icon-mappin.svg') no-repeat center / contain; }
.info-summary .person-num span, .info-summary .pet {font-size: 1.2rem;}
.info-summary .pet {display: flex; align-items: center; column-gap: 5px;}
.info-summary .pet::before {content: ""; display: inline-block; width: 1.6rem; height: 1.6rem; background: url('../img/main/icon-paw.svg') no-repeat center / contain; }
.info-summary + .horizontal-bar {display: block; width: 100%; height: 1px; background: #EEE;}
#sit .info-detail {padding-top: 1rem;}
.info-detail .info-detail--title {font-size: 1.7rem; font-weight: 500; line-height: 1.6em; padding: 1.2rem 2rem; background: #F5F6F8; border: 1px solid #EEE; border-radius: 6px;}
.info-detail:not(.info-detail--option) .info-detail--title {margin-bottom: 2rem;}
.info-detail.info-detail--option .info-detail--title {margin-bottom: 3rem;}
.info-detail .info-detail--content {display: flex; flex-direction: column; row-gap: 3rem; }
.info-detail .info-detail--content.--accordion {max-height: 12rem; overflow: hidden; transition: max-height 0.4s ease; position: relative;}
.info-detail .info-detail--content.is-open {max-height: 50000px;}
.info-detail .info-detail--content.--accordion::after {content: ""; display: inline-block; width: 100%; height: 6rem; position: absolute; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 80.77%); z-index: 1;}
.info-detail .info-detail--content.--accordion.is-open::after {background: transparent; z-index: -1;}
.info-detail .info-detail--close {margin-top: 2rem; text-align: center;}
.info-detail .info-detail--close button {min-width: 10rem;}
.info-detail .info-detail--content p {font-size: 1.4rem; line-height: 1.9em;}
.info-detail .info-detail--content .tag-list {display: flex; flex-wrap: wrap; gap: 0.5rem;}
.info-detail .info-detail--content .content-tags span {font-size: 1.3rem; line-height: 1.6em; color: #1C50D7; padding: 3px 1rem; border-radius: 3px; background: #F0F4FF;}
.info-detail .horizontal-bar {display: block; width: 100%; height: 1px; background: #EEE;}
.info-detail--option .content-options {display: flex; flex-direction: column; row-gap: 2rem;}
/* .info-detail .option-list {padding: 3rem 0 0;} */
.option-list {display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 4.2rem; row-gap: 3rem;}
.option-item {display: flex; flex-direction: column; align-items: center; row-gap: 8px; flex: 0;}
.option-item .option-icon {display: inline-block; width: 5.5rem; height: 5.5rem;}
.option-item.option-item--electric .option-icon {background: url(../img/sub/icon-option-electric.svg) no-repeat center / contain;}
.option-item.option-item--toilet .option-icon {background: url(../img/sub/icon-option-toilet.svg) no-repeat center / contain;}
.option-item.option-item--shower .option-icon {background: url(../img/sub/icon-option-shower.svg) no-repeat center / contain;}
.option-item.option-item--bed .option-icon {background: url(../img/sub/icon-option-bed.svg) no-repeat center / contain;}
.option-item.option-item--sink .option-icon {background: url(../img/sub/icon-option-sink.svg) no-repeat center / contain;}
.option-item.option-item--induction .option-icon {background: url(../img/sub/icon-option-induction.svg) no-repeat center / contain;}
.option-item.option-item--gas .option-icon {background: url(../img/sub/icon-option-gas.svg) no-repeat center / contain;}
.option-item.option-item--electricrange .option-icon {background: url(../img/sub/icon-option-electricrange.svg) no-repeat center / contain;}
.option-item.option-item--fridge .option-icon {background: url(../img/sub/icon-option-fridge.svg) no-repeat center / contain;}
.option-item.option-item--waterheater .option-icon {background: url(../img/sub/icon-option-waterheater.svg) no-repeat center / contain;}
.option-item.option-item--table .option-icon {background: url(../img/sub/icon-option-table.svg) no-repeat center / contain;}
.option-item.option-item--tv .option-icon {background: url(../img/sub/icon-option-tv.svg) no-repeat center / contain;}
.option-item.option-item--aircon .option-icon {background: url(../img/sub/icon-option-aircon.svg) no-repeat center / contain;}
.option-item .option-title {text-align: center; font-size: 1.2rem; width: 90%; margin: 0 auto; word-break: keep-all; line-height: 1.2em;}
.info-map {padding-top: 3rem;}

/* 캠핑장 검색 */
.option-item.option-item--wifi .option-icon {background: url(../img/sub/icon-option-aircon.svg) no-repeat center / contain;}
.option-item.option-item--firewood .option-icon {background: url(../img/sub/icon-option-firewood.svg) no-repeat center / contain;}
.option-item.option-item--hotwater .option-icon {background: url(../img/sub/icon-option-hotwater.svg) no-repeat center / contain;}
.option-item.option-item--trampoline .option-icon {background: url(../img/sub/icon-option-trampoline.svg) no-repeat center / contain;}
.option-item.option-item--waterplay .option-icon {background: url(../img/sub/icon-option-waterplay.svg) no-repeat center / contain;}
.option-item.option-item--playground .option-icon {background: url(../img/sub/icon-option-playground.svg) no-repeat center / contain;}
.option-item.option-item--trail .option-icon {background: url(../img/sub/icon-option-trail.svg) no-repeat center / contain;}
.option-item.option-item--sportsfield .option-icon {background: url(../img/sub/icon-option-sportsfield.svg) no-repeat center / contain;}
.option-item.option-item--sportsfacilities .option-icon {background: url(../img/sub/icon-option-sportsfacilities.svg) no-repeat center / contain;}
.option-item.option-item--mart .option-icon {background: url(../img/sub/icon-option-mart.svg) no-repeat center / contain;}
.option-item.option-item--dumpstation .option-icon {background: url(../img/sub/icon-option-dumpstation.svg) no-repeat center / contain;}


.card-group {display: flex; flex-wrap: wrap; gap: 6px;}
.card-group .card {display: flex; align-items: center; column-gap: 1.1rem; border-radius: 6px; border: 1px solid #EEE; background: #fff; width: calc((100% - 6px) / 2); padding: 1rem 1.5rem;}
.card-group .card-text {display: flex; flex-direction: column; position: relative;}
.content-vehicle .card-group .card-text--title {font-size: 1.2rem; line-height: 1.5em; color: #666;}
.content-vehicle .card-group .card-text--content {font-size: 1.4rem; line-height: 1.6em; font-weight: 500;}
.content-vehicle .card-icon {margin-left: auto; position: relative;}
.content-vehicle .card-icon::after {content: ""; display: inline-block; width: 1px; height: 2rem; position: absolute; left: -1rem; top: 50%; transform: translateY(-50%); background: #EEE;}
.content-vehicle .card-icon img {width: 3.2rem; height: 3.2rem;}
.info-map .info-title {padding-bottom: 2rem;}
.info-map .map {border-radius: 1rem; overflow: hidden;}
.info-map .map iframe {width: 100% !important; height: 40rem !important;}
.info-map--content {display: flex; flex-direction: column; row-gap: 2rem;}
.info-map .map-address {display: flex; align-items: center; column-gap: 3rem; font-size: 1.6rem; line-height: 1.6em;}

/*2024.10.08 이다혜 상품상세 우측 고정창 레이아웃 수정*/
#sit_ov .fixed_btn {display:none}
#sit_ov_btn .wish {display:none}
#sit_ov.fixed .sit_info {border:1px solid var(--line); border-radius:10px; margin-top:10px; padding:20px}
/* #sit_ov.fixed .fixed_btn {display:block} */
#sit_ov.fixed .get_item_options {flex-direction:column; align-items:flex-start; padding:0; gap:6px 0}
#sit_ov.fixed .get_item_options .option_select {width:100%}
#sit_ov.fixed .get_item_options label {font-size:14px; width:100%}
#sit_ov.fixed .add_option_plus_minus .option_wrap .btn_wrap {padding-bottom:5px} /* 2024.11.01 김희정 padding-left:45px; */
#sit_ov.fixed .add_option_plus_minus .option_wrap .price:before {margin:0 5px}
#sit_ov.fixed #sit_tot_price:after {display:none}
#sit_ov.fixed #sit_tot_price strong	{font-size:0.67em}
#sit_ov.fixed #sit_tot_price span {width:auto; font-size:14px; padding-bottom:0}
#sit_ov.fixed #sit_ov_btn .wish,
#sit_ov.fixed #sit_ov_btn .whisadd{display:block; width:44px; height:44px; border:1px solid var(--line); border-radius:6px; background:#fff; position:relative}
#sit_ov.fixed #sit_ov_btn .wish:before,
#sit_ov.fixed #sit_ov_btn .whisadd:before{content:''; display:block; width:24px; height:24px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-mask-image:url(../img/sub/heart.svg); background-color:var(--font-gray2)}
#sit_ov.fixed #sit_ov_btn .wish:hover:before {background-color: var(--sub-key-color)}
#sit_ov.fixed #sit_ov_btn .whisadd:before {-webkit-mask-image: url(../img/sub/wish_icon_chk.svg); background-color: var(--sub-key-color)}


#sit_ov_wrap .photo .btn-prev,
#sit_ov_wrap .photo .btn-next {width: 40px;     height: 40px;  background-color: #ceccd3;    border: none;    position: absolute;  top: 50%;    transform: translateY(-50%);     background-repeat: no-repeat;  background-position: center; transition: all 0.15s; z-index: 10;}
#sit_ov_wrap .photo .btn-next { right: 0; background-image:url(../img/main/slide_next.png); border-top-left-radius:40px; border-bottom-left-radius:40px;}
#sit_ov_wrap .photo .btn-prev {left:0; background-image:url(../img/main/slide_prev.png); border-top-right-radius:40px; border-bottom-right-radius:40px;}
#sit_ov_wrap .photo .btn-prev:hover,
#sit_ov_wrap .photo .btn-next:hover { background-color: var(--sub-key-color); }
#sit_ov_wrap .photo .swiper-pagination {display: block;     position: absolute;    right: 30px;    top: 30px;    width: 70px;    left: auto;    font-size: 16px;    background: #fff;    height: auto;    bottom: auto;    padding: 0.3em 0.5em;    border-radius: 30px;    font-weight: 600;}
#sit_ov_wrap .photo .swiper-slide {height: 625px }
#sit_ov_wrap .photo .swiper-slide img {height: 100%;   max-width: 100%;   width: 100%;  object-fit: cover;}
#sit_ov_wrap .photo .swiper-slide video {position: absolute;   left: 0;   top: 0;   width: 100%;   height: 100%;   background: #222;}



#sit_ov .prd_head_sum {display: flex;  position: relative;    padding-bottom: 0;    margin-bottom: 1.5em;}
#sit_ov .prd_head_sum p {font-size: 14px;   color: var(--font-gray2);   margin-right: 3em;}
#sit_ov .prd_head_sum p b {color: var(--font-gray2);   padding-left: 0;   font-weight: 800;   font-size: 1.1em;  padding-top: 0.3em;}

#sit_btn_opt {top: -10px;}
#sit_btn_opt button { width:24px; height: 24px; background-color:#fff; border:none; background-repeat:no-repeat; background-position: center}
#sit_btn_opt .btn_sns_share { -webkit-mask-image:url(../img/sub/share.svg); background-color:var(--font-bk); margin-right:20px}
#sit_btn_opt .btn_sns_share:hover {background-color:var(--sub-key-color)}
#sit_btn_opt .btn_sns_share .fa {display:none}
#sit_btn_opt .wish {-webkit-mask-image:url(../img/sub/heart.svg); background-color:var(--font-bk)}
#sit_btn_opt .wish:hover {background-color:var(--sub-key-color)}
#sit_btn_opt .whisadd {/*background-image:url(../img/sub/prd_whishadd2_icon.png)*/-webkit-mask-image:url(../img/sub/wish_icon_chk.svg); background-color:var(--sub-key-color)}
#sit_btn_opt  .sns_area {     position: absolute;    left: 0;    top: calc(100% + 10px);    display: none;}
#sit_btn_opt  .sns_area a {     display: flex;    justify-content: center;    align-items: center;    width: 40px;    height: 40px;    border: 1px solid rgba(0, 0, 0, 0.1);    background-color: #fff;  background-repeat:no-repeat; background-position: center}
#sit_btn_opt  .sns_area a img {display: none}
#sit_btn_opt  .sns_area .share-facebook {background-image:url(../img/sub/i_fb.png)}
#sit_btn_opt  .sns_area .share-twitter {background-image:url(../img/sub/i_tw.png)}

/*ldh 24.12.02*/
#sit_btn_opt .sns_area a.clip {position:relative}
#sit_btn_opt .sns_area a.clip:before {content: ''; display: block; width: 18px; height: 18.7px; -webkit-mask-image: url(../img/sub/share_link.svg); -webkit-mask-size: cover; background: #000; transition: .2s ease;}
#sit_btn_opt .sns_area a.clip:hover:before {background:var(--sub-key-color)}

#sit_ov #sit_title {font-size: 32px;   line-height: 1.2em;   margin-bottom: 0.47em}
#sit_ov .prd_tag_list {display: flex; margin-bottom: 2.67em;}
#sit_ov .prd_tag_list ul {display: flex;  gap: 5px;  flex-wrap: wrap;}
#sit_ov .prd_tag_list li {display: inline-block;   font-size: 15px;   background: var(--bg-light);    padding: 0.5em;   border-radius: 5px;   color: var(--font-gray);   font-weight: 400;}
#sit_ov .prd_price {margin-bottom: 2.67em;}
#sit_ov .prd_price h2 { display: flex;  font-size: 25px; font-weight: 800; align-items: flex-end;}
#sit_ov .prd_price .discount_percent {display: inline-block;   margin-right: 0.4em;  color: #ff5050;}
#sit_ov .origin_price {display: inline-block;   font-size: 0.8em;   color: #999;   font-weight: 600;   padding-left: 1em; text-decoration: line-through; padding-bottom: 0.1em;}


.get_item_options {display: flex;   align-items: center;   flex-wrap: wrap; }
.get_item_options label {font-size: 16px;  color: var(--font-gray2);  margin: 0;   width: 85px;   font-weight: 600;}
.get_item_options .option_select {display: block;   width: calc(100% - 85px); position: relative}
.get_item_options .option_select select,
.get_item_options input {width: 100%;    height: 45px;   border: 1px solid var(--line); border-radius:6px;  font-size: 14px; line-height:1.8em;  padding: 0 0.94em; margin: 0;}
.get_item_options .select_options_ul {  height: 45px;   border: 1px solid #ddd;  padding: 0; margin: 0;  position: relative; background:url(../img/sub/select_arrow.png) no-repeat 94% 50%}
.get_item_options .option_select select { background:url(../img/sub/select_arrow.png) no-repeat 94% 50%;  -webkit-appearance: none;   -moz-appearance: none;}
.get_item_options .datepicker {   background: url(../img/sub/calendar_product.svg) no-repeat 97% 50%;  background-size: 20px 20px; cursor:pointer}
.get_item_options .option_select.select_date:before {content:""} 
/*
.get_item_options  ul {position: absolute; left:0; top:0; width:100%; z-index: 5; padding: 0;  margin: 0;}
.get_item_options  ul li.init {height: 45px; line-height:45px;  align-items: center;   width: 100%;  font-size: 14px;  padding: 0 1.5em; cursor: pointer;}
.get_item_options  ul li:not(.init) { float: left; width: 100%; height: 40px; line-height:40px;  font-size: 14px;   padding: 0 1.5em; display: none; background: #f2f1f3; cursor: pointer;position: relative; border-left: 1px solid #ddd;  border-right: 1px solid #ddd;}
.get_item_options ul li:not(.init):hover, .sit_option .get_item_options ul li.selected:not(.init) {background: #ddd; }
.get_item_options ul li.init { color: #858585;}
.get_item_options ul li.init span {display:none}
.get_item_options ul li .pleft {position: absolute;   right: 20px;   top: 52%;   transform: translateY(-50%);}
.get_item_options ul li:last-child {border-bottom: 1px solid #ddd}
.get_item_options.pack .select_options_ul {z-index: 20;}  
.get_item_options.people .select_options_ul {z-index: 10;} 
*/
.get_item_options .sit_option {padding: 0;  margin: 0;}

.get_item_options .nice-select {display: flex;   align-items: center; width: 100%;   border-radius: 0;   border: 1px solid var(--line); border-radius:6px;  height: 45px; font-size: 14px; padding: 0 0.94em; background:url(../img/sub/select_arrow.png) no-repeat 97% 50%; }
.get_item_options .nice-select:after {content:none}
.get_item_options .nice-select .list {width: calc(100% + 2px); border-radius: 1rem; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.20); border: 0;  left: -1px; transform-origin: top left; padding: 0;}
.get_item_options #pay_date::placeholder {color:#222; opacity:1}
.get_item_options .nice-select .current {   overflow: hidden;   white-space: nowrap;   width: 100%;     display: inline-block;     text-overflow: ellipsis; line-height: 1.4em;}
.get_item_options .nice-select .list li {height: auto; white-space: normal; line-height: 1.1em; display: flex; align-items: center; border-radius: 5px; min-height: 3.6rem; padding-top: 1rem; padding-bottom: 1rem;}
.get_item_options .nice-select .list li:not(:last-child) {border-bottom: 1px solid #F5F6F8;}
.get_item_options .nice-select .option:hover, .get_item_options .nice-select .option.focus,  .get_item_options.nice-select .option.selected.focus {background-color: var(--lightyellow) !important; }
#sit_ov .add_option_plus_minus {margin-left: 0; margin-bottom: 0;}
#sit_ov .add_option_plus_minus .option_wrap {display: flex; padding: 13px 20px; background: var(--bg-light); align-items: center;  justify-content: flex-start;  position: relative; font-size: 14px; border-radius:5px}
#sit_ov .add_option_plus_minus .option_wrap b {display: inline-block;  min-width: 60px; color:var(--font-gray2); font-size:15px; white-space:nowrap; margin-right:15px; line-height:30px;} /* 2024.11.01 김희정 수정 (min-width: 60px; white-space:nowrap; line-height:30px;) */
#sit_ov .add_option_plus_minus .option_wrap .btn_wrap {display: flex}
/*#sit_ov .add_option_plus_minus .option_wrap .btn_wrap .minus {border-top-left-radius: 20px;     border-bottom-left-radius: 20px;     border: 1px solid #ddd;    border-right: none;    padding-left: 5px;    width: 30px;    height: 30px;    background: #fff;    font-size: 20px;    font-weight: bold;    text-align: center;    cursor: pointer;}*/
/*#sit_ov .add_option_plus_minus .option_wrap .btn_wrap .plus  {border-top-right-radius: 20px;     border-bottom-right-radius: 20px;    border: 1px solid #ddd;    border-left: none;    padding-right: 5px; width: 30px;    height: 30px;    background: #fff;    font-size: 20px;    font-weight: bold;    text-align: center;    cursor: pointer;}*/
/*#sit_ov .add_option_plus_minus .option_wrap .btn_wrap input[type="text"] {width: 35px;     height: 30px;    border: none;    border-top: 1px solid #ddd;    border-bottom: 1px solid #ddd;    text-align: center;    font-size: 16px;}*/
/*2024.10.07 이다혜 상품상세 인원 디자인 수정*/
#sit_ov .add_option_plus_minus .option_wrap .btn_wrap .minus,
#sit_ov .add_option_plus_minus .option_wrap .btn_wrap .plus {width:24px; height:24px; border:1px solid var(--line); border-radius:50%; font-size:0}
#sit_ov .add_option_plus_minus .option_wrap .btn_wrap .minus {background:var(--color-white) url('../img/sub/count_minus.svg') no-repeat center}
#sit_ov .add_option_plus_minus .option_wrap .btn_wrap .plus {background:var(--color-white) url('../img/sub/count_plus.svg') no-repeat center}
#sit_ov .add_option_plus_minus .option_wrap .btn_wrap input[type="text"] {width:50px; border:none; background:transparent; text-align:center; font-size:18px; font-weight:600}
/*2024.10.07 이다혜 상품상세 인원 디자인 수정*/

#sit_ov .add_option_plus_minus .option_wrap .del_opt_btn {position: absolute;    right: 20px;   top: 50%;  transform: translateY(-55%);     font-size: 28px;    font-weight: 200;    display: inline-block;    cursor: pointer; color:var(--font-gray2)}
#sit_ov .add_option_plus_minus .option_wrap .dis_price {width: auto;    text-align: right;   text-decoration: line-through; font-size:15px; margin-left:30px; color:var(--font-gray2)}
#sit_ov .add_option_plus_minus .option_wrap .price {font-size: 15px;   font-weight: 400;}
#sit_ov .add_option_plus_minus .option_wrap .price:before{content:'→'; display:inline-block; margin:0 10px}

/*
#sit_sel_option {margin-bottom: 30px;}
#sit_sel_option ul {margin-left: 45px; }
#sit_opt_added li {   padding: 0;   background: #f9f9f9; padding: 8px 20px; border: none; margin: 0;  position: relative; display: flex;   justify-content: flex-start;  align-items: center; gap: 10px;}
#sit_opt_added .sit_qty_minus {border-top-left-radius: 20px;     border-bottom-left-radius: 20px;    border: 1px solid #ddd;    border-right: none;    padding-left: 15px;}
#sit_opt_added .sit_qty_plus  {border-top-right-radius: 20px;     border-bottom-right-radius: 20px;    border: 1px solid #ddd;    border-left: none;    padding-right: 15px;}
#sit_opt_added .num_input {width: 35px;}
#sit_opt_added li .opt_count {  width: calc(100% - 130px); display: flex;   align-items: center;  justify-content: space-between;  gap: 10px;}
#sit_opt_added .sit_opt_del {top: 0.45em;   font-size: 14px;  border: none ! IMPORTANT;  background: transparent;}
#sit_opt_added li .del_option {position: absolute;     right: 20px;    top: 50%;    transform: translateY(-55%);    font-size: 18px;}
#sit_opt_added li .del_option:hover {font-weight: 600;}
#sit_opt_added li .opt_name {width: 120px;}
#sit_opt_added li .sit_opt_sale_prc {width:80px; text-decoration: line-through; text-align:right}
#sit_opt_added .sit_opt_prc {width:80px}
*/

#sit_ov .total_price_wrap {display: flex;   justify-content: space-between;  align-items: center; }
#sit_tot_price {width: 55%; display: flex;  align-items: flex-end;}
#sit_ov_btn {/*width: 45%;display: flex;  align-items: center;*/}
#sit_ov #sit_ov_btn button { /* width: 50%;   float: none;   height: 40px;   font-weight: normal;   font-size: 15px;   margin: 0; margin-left: 10px; border: none;  border-radius: 5px; color:#fff; transition: all 0.15s;*/}
#sit_ov #sit_tot_price {  font-size: 30px;   line-height: 1em;   font-weight: bold;   text-align: left;}
#sit_ov #sit_tot_price:after {content: none;}
/*#sit_ov #sit_tot_price strong {   font-size: 0.93em;   margin-left: 0.8em;}*/
#sit_ov #sit_tot_price strong span {font-size:0.73em; font-weight:400; padding-bottom:0}
#sit_ov #sit_tot_price span {   float: none;   font-size: 0.55em;   display: inline-block;   padding-bottom: 0.3em; width:50px}
#sit_ov #sit_ov_btn .wish_btn {background: #ceccd3}
#sit_ov #sit_ov_btn .wish_btn:hover {  background: #686868; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);}
#sit_ov #sit_ov_btn .sit_btn_buy {background:var(--key-color)}
#sit_ov #sit_ov_btn .sit_btn_buy:hover {box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);}

#sit #sit_info {width: 57%;}
/*#sit_info .container {display: flex;   flex-wrap: wrap;}*/
#sit_info #sit_tab {display: block; width: 100%;   padding-right:0;  margin-right: 0;}
#sit_info #sit_buy {position: absolute;   top: 0;   right: 0;   width: 100%;  border: none;  display: block; max-width: 395px; background: #fff; z-index: 19;}
#sit_info #sit_buy.fixed {position: fixed; top: 100px; } 
#sit_info #sit_buy.fixed.endPosition {position: absolute;   top: auto;   right: 0 !important; bottom:0}



/* date-picker  */
.sit_option .datepicker {background: url('../img/sub/date_icon.png') no-repeat 95% 50%; background-size: 20px 20px;}
.ui-datepicker { font-size:14px !important; width:100% !important; max-width:400px; z-index:6; margin:0px !important; border-radius: 20px ! IMPORTANT;  padding: 20px ! IMPORTANT;  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1);}  
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{font-weight:normal !important;}
 td.ui-datepicker-week-end a{color:#666 !important;}
.ui-datepicker table{width:100%;background: #fff;border-radius: 5px;margin-top:5px;height:270px}
.ui-datepicker td{/*padding:3% 4% !important;*/ width:54px; height:38px;vertical-align: middle;}
.ui-datepicker td span, .ui-datepicker td a{text-align:center !important; }
.ui-datepicker .ui-datepicker-header{font-size:1.7em !important; width:97%; padding: 0 !IMPORTANT; padding-bottom: 0.5em !important }
.ui-datepicker .ui-datepicker-title{ text-align:center; margin:0;color:#fff !important; font-size:24px;} 
.ui-datepicker .ui-datepicker-title span{color:#222 !important;  font-size:20px;}
.ui-datepicker .ui-datepicker-title span.ui-datepicker-year{color:#222 !important; font-size:20px;}
.ui-widget-header{background:none !important; border:none !important;margin-top: 2%;} 
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:none !important; background:none !important; color:#222 !important; width: 40px;  height: 40px; border-radius: 100%;  display: flex;   align-items: center;   justify-content: center;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background:var(--key-color) !important; color:#fff !important;}
.ui-datepicker .ui-datepicker-next{top:22%;right: -4%;}
.ui-datepicker .ui-datepicker-next span{background:url('../img/main/slide_next.png')no-repeat center center var(--key-color) ; cursor:pointer;}
.ui-datepicker .ui-datepicker-prev{top: 22%;}
.ui-datepicker .ui-datepicker-prev span{background:url('../img/main/slide_prev.png')no-repeat center center var(--key-color) ; cursor:pointer;}
.ui-datepicker th:first-child span{color:#ff0000 !important;}
.ui-datepicker th:last-child span{color:#0062ff !important;}
.ui-datepicker th span{font-weight:normal; color:#666 !important; font-size:14px !important;}
.ui-datepicker-week-end span{color:#666 !important}
.ui-datepicker-week-end .ui-state-default{color:#666 !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {border: none; background: var(--key-color) !important; border-radius:100% !important;	color: #fff !important }
.ui-widget-content .ui-state-hover:hover{ }
.ui-datepicker .ui-datepicker-next-hover{background:none!important; }
.ui-datepicker .ui-datepicker-prev-hover{background:none!important; }
.ui-datepicker-week-end .ui-state-active{color:#666 !important;}
.highlight a.ui-state-default{display:block;  background:url('/img/main/cal_bg.png') repeat !important;   -webkit-border-radius: 5px !important; -moz-border-radius:5px !important; border-radius:5px !important;}
.highlight a.ui-state-active, .highlight a.ui-widget-content .highlight a.ui-state-active, .highlight a.ui-widget-header .highlight a.ui-state-active{background:#1378bf !important; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{margin:0 !important; width:100%; height:100%; top:0 !important; left:0 !important;border-radius: 100%;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{width:40px !important; height:40px !important;display:inline-block;}
.ui-datepicker table td a{font-size:16px} 
#ui-datepicker-div {z-index: 1999 !important;}
#ui-datepicker-div.small {transform: scale(0.7);   transform-origin: top left;}
.ui-datepicker .ui-datepicker-title select {border: 1px solid #ddd;   margin: 0 5px !important;   border-radius: 5px;   padding: 6px !important; background:url(../img/sub/select_arrow.png) no-repeat 95% 50%;  font-size: 20px !important; -webkit-appearance: none;  -moz-appearance: none;}





/* 상품상세 칼렌더 */
/*.main_calendar_wrap + .table_c {font-size:13px}*/
.item_detail_calendar_display {width: 100%;}
.item_detail_calendar_display .td_wrap {width: 60px;   height: 55px;  position: relative; margin:0 auto} /* 2024.11.01 김희정 width,height 변경 */
.item_detail_calendar_display .td_wrap:hover {}
.item_detail_calendar_display .tbody_td {position: absolute;    top:0; left:0;  width: 100%;   height: 100%;  z-index: 10; cursor: pointer;}
.item_detail_calendar_display .single-day {position: absolute;    top:0; left:0;  width: 100%;   height: 100%;  z-index: 1; display: flex;   justify-content: flex-start;   flex-direction: column;   align-items: center; font-size: 13px; padding-top: 0; transform:translateY(14px)} /* 2024.11.01 김희정 translateY 18->14 변경 */
.item_detail_calendar_display .single-day b {font-size: 0.75em;   font-weight: 400;  color: #5e2bb8;}
.item_detail_calendar_display .blank .single-day {color: #ccc;} 
.item_detail_calendar_display .td_wrap:not(.blank):hover {background: #5e2bb8;  border-radius: 5px;} /* 2024.11.01 김희정 border-radius 100% > 5px 변경 */
.item_detail_calendar_display .td_wrap:not(.blank):hover .single-day, 
.item_detail_calendar_display .td_wrap:not(.blank):hover .single-day b {color:#fff!important}
.modal-content .close {display: none}
.main_calendar_wrap a.prev,
.main_calendar_wrap a.next {display: inline-block;   text-indent: -9999px;  width: 10px;   height: 10px;  border-bottom: 2px solid #222; border-right: 2px solid #222;}
.main_calendar_wrap a.prev {transform: rotate(135deg);}
.main_calendar_wrap a.next {transform: rotate(316deg);}
.main_calendar_wrap select {font-size: 15px;   font-weight: bold;   border: none; background: #fff; -webkit-appearance: none;  -moz-appearance: none;}
.main_calendar_wrap select#selectYear {margin-left:10px}
.main_calendar_wrap select#selectMonth + span {margin-right:10px}
.main_calendar_wrap span {display: inline-block;  margin-right: 5px;}
.item_detail_calendar_display .td_wrap.non_active  .single-day {  color: var(--font-bk);}
.item_detail_calendar_display .td_wrap.non_active  .single-day b {  color: #ccc;}


/*.day.start-date, .day.end-date {background-color: #222; color: white; border-radius: 50%; font-weight: 600;}
.day.in-range {background-color: var(--lightyellow); color: #222;}
.day.in-range::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--lightyellow); z-index: -1;}
.day.start-date.in-range::before {left: 50%;}
.day.end-date.in-range::before {right: 50%;}*/


.prd_default_information {display: flex; flex-direction: column; row-gap: 4rem;}
.prd_default_information .info_line {/*display: flex;   flex-wrap: wrap;  align-items: center; padding: 25px 0 25px 50px;  border-bottom: 1px solid #eee;*/}
.prd_default_information .info_line:last-child { border-bottom: none}
.prd_default_information .info_line .subjects {font-size: 20px;   position: relative;  margin-right: 1.5em;}
.prd_default_information .info_line .subjects:before {content: "";    position: absolute;     left: -1.5em;    top: 0;    width: 1em;    height: 1em;    background-size: cover;}
.prd_default_information .info_line.duration .subjects:before {background-image:url(../img/sub/info_icon_01.png)}
.prd_default_information .info_line.language .subjects:before {background-image:url(../img/sub/info_icon_02.png)}
.prd_default_information .info_line.meeting .subjects:before {background-image:url(../img/sub/info_icon_03.png)}
.prd_default_information .info_line.Includes_excludes .subjects:before {background-image:url(../img/sub/info_icon_04.png)}
.prd_default_information .info_line.highlights .subjects:before {background-image:url(../img/sub/info_icon_05.png)}
.prd_default_information .info_line.minimum .subjects:before {background-image:url(../img/sub/info_icon_person.png)}
.prd_default_information .info_line .desc,
.prd_default_information .info_line .googlemap,
.prd_default_information .info_line li {font-size: 18px; }
.prd_default_information .info_line .desc {  line-height: 1.3em;   letter-spacing: 0;   font-weight: 300; word-break: keep-all;}
.prd_default_information .info_line.meeting .subjects,
.prd_default_information .info_line.Includes_excludes .subjects,
.prd_default_information .info_line.highlights .subjects {width: 100%;  margin-bottom: 1.2em;}
.prd_default_information .info_line .googlemap {display: block;  font-weight: 600;  color: var(--key-color);  padding-top: 1em;}
.prd_default_information .info_line .googlemap:hover {text-decoration: underline;   text-underline-offset: 2px; }
.prd_default_information .info_line .flex_wrap {display: flex;   flex-wrap: wrap;  width: 100%;}
.prd_default_information .info_line .flex_wrap > ul {width: 50%}
.prd_default_information .info_line ul li {/*font-weight: 500;     display: block;    position: relative;    padding-left: 1.1em;    margin-bottom: 0.7em;*/}
.prd_default_information .info_line ul li:last-child { margin-bottom: 0}
.prd_default_information .info_line ul li:before {/*content: "";    position: absolute;     left: 0;    top: 0.1em;  width: 0.77em;    height: 0.77em;    background-size: cover;*/}
.prd_default_information .info_line ul.includes li:before {background-image:url(../img/sub/info_include.png)}
.prd_default_information .info_line ul.excludes li:before {background-image:url(../img/sub/info_exclude.png)}
.prd_default_information .info_line ul li .cont {display: block;   font-size: 0.9em;  padding-top: 0.4em;   color: #999;}
.prd_default_information .info_line ul li .add_option {font-size: 0.95em;   color: #aaaaaa;  display: inline;  padding-left: 5px;  font-weight: 400;}



.prd_default_information .info_line.highlights {display: block;} 
.highlights_contents_wrap {overflow:hidden; height:300px; padding: 30px 25px; margin-top: 0;} /* display: none;  제거 2024.10.28 김희정 */
.highlights_contents_wrap.open {height:auto;} /* 2024.10.28 김희정 추가 */ 
.info_line.highlights.n_day_schedule_wrap .contents .inner_tit:before {content:none}
.highlight_btn_wrap {padding:15px 0; display: flex;  align-items: center;  justify-content: center;  border-top: 1px solid var(--line);}
.highlight_btn_wrap a {font-size: 18px;   color: var(--sub-key-color);  font-weight: 600; display: inline-flex;   gap: 10px;  align-items: center;}
.highlight_btn_wrap a span {display: inline-block;     width: 10px;    height: 10px;    border-bottom: 2px solid var(--key-color);    border-right: 2px solid var(--key-color);    transform: rotate(45deg) translateY(-50%);}
.highlight_btn_wrap a.open span {transform: rotate(227deg);}

.prd_default_youtube_wrap {margin-bottom: 50px;}
.prd_default_youtube_wrap .movie_wrap {display: block;   width: 100%;   padding-bottom: 56.25%;   position: relative;}
.prd_default_youtube_wrap .movie_wrap iframe {position: absolute;    top: 0;   left: 0;   width: 100%;  height: 100%;}




#sit_tab .tab_tit {display: flex;   align-items: center;  flex-wrap: nowrap; /*gap:0 2.5px*/ gap:0 3px}
#sit_tab .tab_tit li {/*width: 25%;*/ width:calc((100% - 5px) / 3)}
#sit_tab .tab_tit li button {display: flex; position:relative; justify-content: center;   align-items: center;    font-size: 16px;    width: 100%;    height: 3.33em; background:var(--bg-light); font-weight: 400;  border: 1px solid var(--line); transition: all 0.15s; border-top-left-radius:6px; border-top-right-radius:6px;}
#sit_tab .tab_tit li button:hover {background:var(--color-white)}
#sit_tab .tab_tit li:first-child button { border-left: 1px solid #ceccd3;}
#sit_tab .tab_tit li button.selected {background:var(--color-white); border:1px solid var(--font-bk); border-bottom:none; font-weight:600}
#sit_tab .tab_tit li button.selected:after{content:''; display:block; width:100%; height:2px; background:var(--color-white); position:absolute; bottom:-1px}
#sit_tab .tab_con {padding: 40px 30px;   border: 1px solid var(--font-bk);  min-height: 200px; border-bottom-left-radius:6px; border-bottom-right-radius:6px}
.n_day_schedule_wrap .tit {display: block;    font-size: 20px;    padding: 1em 1.5em;    background: var(--bg-light);    border-radius: 30px;    position: relative;    margin-bottom: 1.25em; cursor:pointer}
.n_day_schedule_wrap .tit:after {content: "";  position: absolute;     right: 1.5em;    top: 55%;    transform: translateY(-90%) rotate(45deg);    width: 0.4em;    height: 0.4em;    border-bottom: 2px solid #fff;    border-right: 2px solid #fff;}
.n_day_schedule_wrap .tit.on:after {transform: translateY(-60%) rotate(227deg);}
.n_day_schedule_wrap .photo_sliders {padding-bottom: 10px;}
.n_day_schedule_wrap  p + .photo_sliders {padding-top:40px}
.n_day_schedule_wrap .photo_sliders.no-padding-bottom {padding-bottom: 10px;}
.n_day_schedule_wrap .photo_sliders.no-padding-bottom.no-photo {padding-bottom: 0;}
.n_day_schedule_wrap .photo_sliders.no-padding-bottom.no-photo .get_photos.single_image {padding-bottom:10px}
.n_day_schedule_wrap .photo_sliders .get_photos.single_image img {max-width:100%}
.n_day_schedule_wrap .swiper-container {position: relative;  overflow: hidden;}
.n_day_schedule_wrap .travel_detail_slider.empty {display:none}
.travel_detail_slider .swiper-button-next,
.travel_detail_slider .swiper-button-prev {    width: 45px;    height: 35px;    background-color: #ceccd3;    top: 50%; transform: translateY(-50%);    margin: 0;    background-repeat: no-repeat;    background-position: center;    transition: all 0.15s;}
.travel_detail_slider .swiper-button-prev {    left: 0;    background-image: url(../img/main/slide_prev.png); border-top-right-radius:35px; border-bottom-right-radius:35px}
.travel_detail_slider .swiper-button-next {    right: 0;    background-image: url(../img/main/slide_next.png); border-top-left-radius:35px; border-bottom-left-radius:35px}
.travel_detail_slider .swiper-button-next:after,
.travel_detail_slider .swiper-button-prev:after {content:none} 
.travel_detail_slider .swiper-button-next:hover,
.travel_detail_slider .swiper-button-prev:hover { background-color: var(--sub-key-color); }
.n_day_schedule_wrap .photo_sliders .travel_detail_slider .swiper-slide img {height: 150px; max-width: 100%; object-fit: cover;}
/*24.10.21 추가 이다혜*/
.n_day_schedule_wrap .photo_sliders .travel_detail_slider .swiper-slide.single-slide_img img {height:auto}
.travel_detail_slider .swiper-button-prev.swiper-button-disabled,
.travel_detail_slider .swiper-button-next.swiper-button-disabled {pointer-events: all;}

.n_day_schedule_wrap .tit .local {display: inline-block;   font-size: 0.9em;  padding-left: 0.8em; color:#222 !important}
.n_day_schedule_wrap .tit.on {color: var(--sub-key-color); } 
.n_day_schedule_wrap .tit:before {content: "";   position: absolute;   right: 1em;   top: 50%;   transform: translateY(-50%);   width: 1.4em;  height: 1.4em;  background: var(--sub-key-color); border-radius: 100%;}
.n_day_schedule_wrap .contents_wrap {padding-left: 51px;  position: relative;} 
.n_day_schedule_wrap .contents,
.n_day_schedule_wrap .contents .line {position: relative}
.n_day_schedule_wrap .contents .line {padding-bottom:5px}
.n_day_schedule_wrap .contents .line:before {content: "";  position: absolute;     left: -32px;    top: 0;    width: 1px;    height: 100%;    background: url(../img/sub/day_dash_line.svg) repeat-y;}
/*.n_day_schedule_wrap .contents:last-child .line:last-child:before {content:none}*/
.n_day_schedule_wrap .contents:last-child .line:last-child {padding-bottom:50px}
.n_day_schedule_wrap .contents .line:after {content: "";   position: absolute;   left: -32px;   top: -40px;   width: 1px;   height: 50px;  background: url(../img/sub/day_dash_line.svg) repeat-y;  z-index: 1; }
.n_day_schedule_wrap .contents:first-child .line:first-child:after {content:none}
.n_day_schedule_wrap .contents.content_end .line:after {content:none}
/*.n_day_schedule_wrap .contents.no_more_line .line:last-child:before {content:none}
.n_day_schedule_wrap .contents.photo.no_more_line .line:after {content:none}
.n_day_schedule_wrap .contents .line.remark.no_more_line:after {content:none}*/
.n_day_schedule_wrap .contents .line.end_has_under_remark:before {content:none}
.n_day_schedule_wrap .contents.photo_prev_end .line:before {content:none}

.n_day_schedule_wrap .contents .sub_tit {font-size: 20px;   padding-bottom: 0.5em;  margin-top: 40px; position: relative; padding-top:5px}
.n_day_schedule_wrap .contents .sub_tit:before {content:"";  position: absolute;   left: -51px;   top: -0.25em;   width: 2.05em;   height: 2.05em;  background-size: cover; z-index: 10;}
.n_day_schedule_wrap .contents .sub_tit.start:before { background-image:url(../img/sub/item_start_icon_new.svg)}
.n_day_schedule_wrap .contents .sub_tit.site:before { background-image:url(../img/sub/item_site_icon_new.svg)}
.n_day_schedule_wrap .contents .sub_tit.meal:before { background-image:url(../img/sub/item_meal_icon_new.svg)}
.n_day_schedule_wrap .contents .sub_tit.end:before { background-image:url(../img/sub/item_end_icon_new.svg)}
.n_day_schedule_wrap .contents .sub_tit.stay:before { background-image:url(../img/sub/item_stay_icon.svg)}
.n_day_schedule_wrap .contents.destination .sub_tit.end:before { background-image:url(../img/sub/item_end_icon_new.svg)}

.n_day_schedule_wrap .contents.task .line:after {top:-50px}

.n_day_schedule_wrap .contents .inner_tit {font-size: 18px;   margin-bottom: 12px;  position: relative;}
.n_day_schedule_wrap .contents .inner_tit:before {content: "";  position: absolute;     left: -35px;    top: 0.2em;    width: 0.5em;    height: 0.5em;    background: #222;    border-radius: 100%;z-index: 10;}
.n_day_schedule_wrap .inner_content,
.n_day_schedule_wrap .inner_content p {font-size: 15px; line-height: 1.7;   word-break: keep-all; } 
.n_day_schedule_wrap .inner_content {  padding-bottom: 0.75em; }
.n_day_schedule_wrap .inner_content.pickup {display: flex;  gap: 20px;} 
.n_day_schedule_wrap .inner_content.pickup p {position: relative;   display: inline-block;  padding-left: 1.5em;}
.n_day_schedule_wrap .inner_content.pickup p:before {content: "";   position: absolute;   left: 0;   top: 0.1em;    width: 1.08em;   height: 1em;  background-image:url(../img/sub/item_check_icon.png);  background-size: 100% 100%;}
.n_day_schedule_wrap .inner_content.pickup p.on:before {background-image:url(../img/sub/item_checked_icon.png);}
.n_day_schedule_wrap .inner_content p.time {position: relative;   display: inline-block;  padding-left: 1.5em;}
.n_day_schedule_wrap .inner_content p.time:before {content: "";   position: absolute;   left: 0;   top: 0.12em;    width: 1em;   height: 1.08em;  background-image:url(../img/sub/item_clock_icon.png);  background-size: 100% 100%;}
.n_day_schedule_wrap .inner_content.flex_wrap {display: flex;  gap: 20px;}
.n_day_schedule_wrap .contents_wrap .contents:first-child {padding-top:10px}
.n_day_schedule_wrap .contents_wrap .contents:last-child {padding-bottom:30px}
.n_day_schedule_wrap .contents_wrap .contents:first-child .sub_tit {margin-top:0; padding-top:5px}
.n_day_schedule_wrap .inner_content.meal {display: flex;  gap: 20px; /*padding-top: 10px; padding-bottom: 25px; */ padding-bottom: 20px;} 
.n_day_schedule_wrap .inner_content.meal .meal_box {  display: flex; justify-content: flex-start;   align-items: center; gap:6px; flex-direction: column; }
.n_day_schedule_wrap .inner_content.meal .meal_box .iconbox {/*width: 120px;*/ width:auto;  display: flex;   justify-content: center;   align-items: center;  gap: 5px;  /*padding: 25px; */  flex-direction: column; /* background: #f8f8f8;  border-radius: 10px;*/}
.n_day_schedule_wrap .inner_content.meal .meal_box p {font-size: 17px}
.n_day_schedule_wrap .inner_content.meal .icon {display:block; width: 45px; height:43px; background-size:cover}
.n_day_schedule_wrap .inner_content.meal .txt {font-size:16px; font-weight:600}
.n_day_schedule_wrap .inner_content.meal .meal_box.breakfast .icon {background-image:url(../img/sub/item_meal_icon_01.png)}
.n_day_schedule_wrap .inner_content.meal .meal_box.lunch .icon {background-image:url(../img/sub/item_meal_icon_02.png)}
.n_day_schedule_wrap .inner_content.meal .meal_box.dinner .icon {background-image:url(../img/sub/item_meal_icon_03.png)}

.n_day_schedule_wrap .contents.tour_attractions:not(.num_1) .sub_tit.site {display: none;}



.tab_con .include_exclude_wrap h2 {font-size: 20px;   margin-bottom: 1em; padding-top: 1em;}
.tab_con .include_exclude_wrap {margin-bottom: 30px}
.include_exclude_wrap dl {display: flex; flex-wrap: wrap; border-bottom: 1px solid #ddd; width:100%}
.include_exclude_wrap dl:first-of-type {border-top: 1px solid #ddd;}
.include_exclude_wrap dl dt {width: 150px;    display: flex;   align-items: center;   background: #f7f7f7;   font-size: 16px;  padding: 20px; font-weight: 500;}
.include_exclude_wrap dl dd {width: calc(100% - 150px);   display: flex;   align-items: center;   padding: 20px;   font-size: 16px;   line-height: 1.5em; }
.tab_con .bottom_btns_wrap {display: flex;   flex-wrap: wrap; align-items: center;   justify-content: center;   gap: 10px;}
.tab_con .bottom_btns_wrap a {display: flex;    font-size: 16px;   color: #bbb;   width: calc(33.33% - 14px);   align-items: center;   justify-content: center;  padding: 0.6em;  border: 2px solid #bbb;  border-radius: 30px;}
.tab_con .bottom_btns_wrap a .icon {display: inline-block;   width: 1.18em;  height: 1.18em;  background-image:url(../img/sub/item_notice_icon.png) ; background-size: cover; margin-right: 5px; filter: contrast(0.2); transition: all 0.15s;}
.tab_con .bottom_btns_wrap a.on,
.tab_con .bottom_btns_wrap a:hover {background:var(--key-color); color:#fff; border-color: var(--key-color);}
.tab_con .bottom_btns_wrap a.on .icon,
.tab_con .bottom_btns_wrap a:hover .icon { filter: contrast(1);}
.tab_con  .travel_info_pop_wrap {display: none; position: fixed;     top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 19999;    background: rgba(0, 0, 0, 0.4)}
.tab_con  .travel_info_pop_wrap .pop_content_box {position: absolute;     left: 50%;    top: 50%;    transform: translate(-50%, -50%);    width: 90%;    max-width: 600px;  min-height: 250px;   background: #fff;   padding: 40px;    border-radius: 20px;}
.tab_con  .travel_info_pop_wrap .pop_content_box  h3 {font-size: 20px;   padding-bottom: 0.5em;   border-bottom: 1px solid #222;  margin-bottom: 1em;}
.tab_con  .travel_info_pop_wrap .pop_content_box .pop_contents,
.tab_con  .travel_info_pop_wrap .pop_content_box .pop_contents p {font-size: 16px;   line-height: 1.5em;  word-break: keep-all;}
.tab_con  .travel_info_pop_wrap a.close {position: absolute;   right: 40px;  top: 20px;  font-size: 40px;}


/* popup slider */
.travel_detail_slide_popup {position: fixed;   top: 0;  left: 0;   width: 100%;  height: 100%;  background: #222;  z-index: 199999;}
.travel_detail_slide_popup .swiper-container {position: relative;  overflow: hidden;}
.travel_detail_slide_popup .photo_wrap {width: 90%;  height:100%;  max-width: 1200px;   margin: 0 auto;   position: relative;}
.travel_detail_slide_popup .head_wrap {height: 80px;   position: relative;   display: flex;   align-items: center;  justify-content: center;z-index: 19999;  background: #222;}
.travel_detail_slide_popup .head_wrap button {position: absolute;   left: 0;   top: 50%;   transform: translateY(-50%);   color: #fff;   background: none;  border: none;  font-size: 40px;  font-weight: 300; font-family: 'open-snas';   cursor: pointer;}
.travel_detail_slide_popup .head_wrap h2 {display: none; font-size: 16px;  color: #fff;}
.travel_detail_slide_popup .full_slide_img {margin-bottom: 5px;}
.travel_detail_slide_popup .full_slide_img .swiper-slide {height: 675px; display: flex;   justify-content: center;  align-items: center;}
.travel_detail_slide_popup .full_slide_img .swiper-slide img {width:100%;  max-width:1200px; height:100%; max-height:675px;object-fit: scale-down;}
.travel_detail_slide_popup .full_slide_img .swiper-pagination, .travel_detail_slide_popup .full_slide_img .swiper-pagination span {color: #fff;}
.travel_detail_slide_popup .full_slide_img .swiper-button-next:after, .travel_detail_slide_popup .full_slide_img .swiper-button-prev:after {color:#fff}
.travel_detail_slide_popup .slider_wrap {position: absolute;   top: 50%;  left: 50%;  transform: translate(-50%,-50%);    width: 100%;}
.travel_detail_slide_popup .thumb_slide_img .swiper-slide img {height:100px; width:115px; max-width: 100%; object-fit: cover;}
.travel_detail_slide_popup .thumb_slide_img .swiper-slide {cursor:pointer; border: 1px solid #222; overflow: hidden;}
.travel_detail_slide_popup .thumb_slide_img .swiper-slide.swiper-slide-thumb-active {border: 1px solid #fff;}


#sit_qa .tit {font-size: 20px;  padding-bottom: 1em;}
#sit_qa .desc,
#sit_qa .desc p,
#sit_qa .desc span,
#sit_qa .desc li {font-size: 15px;   line-height: 1.3em;   /*font-weight: 300;*/  word-break: keep-all;}
#sit_dex .policy_desc { /*display: flex; flex-wrap: wrap;    width: 100%; border-top: 1px solid #ddd;   border-bottom: 1px solid #ddd; */}
#sit_dex .policy_desc .tit { font-size: 20px; margin-bottom: 0.5em;   /*display: flex;  align-items: center;  padding: 1em;   background: #f6f6f6;   border-right: 1px solid #ddd; font-weight:300 */}
#sit_dex .policy_desc .desc {   font-size: 17px;  line-height: 1.4em; margin-bottom:1.5em; /* display: flex;    align-items: center; padding: 1em; */font-weight:300}
#sit_dex .policy_desc .desc b { color:#ff0000;}
#sit_dex .policy_desc .sub_tit {font-size: 20px;   margin-bottom: 0.5em; }




#sit_use #sit_use_ol {margin:0; padding-bottom: 30px;}
#sit_use .sit_use_li {padding: 30px 0;}
#sit_use .user_info {font-size: 14px;   color: #999;  margin-bottom: 1.2em;}
#sit_use .sit_use_con {display: block; margin: 0;}
#sit_use .sit_use_con .sit_use_p {margin: 0;   padding: 0.5em 0;  font-size: 16px;  line-height: 1.4em; padding-bottom: 1.5em;}
#sit_use .sit_use_con .sit_use_p p { font-size: 16px;  line-height: 1.4em;}
#sit_use .sit_use_con .sit_use_p img {max-width:200px}
#sit_use .sit_use_dl .sit_use_tit {font-size: 16px;   color: #222 !important;   margin-bottom: 0.5em;}
#sit_use .is_useful {text-align: right;   font-size: 14px;   color: #666;   font-weight: 600; display:flex; justify-content: flex-end; align-items:center}
#sit_use .is_useful a {display: inline-flex; padding-left: 8px; align-items: center; gap: 0 5px}
#sit_use .is_useful a .icon {display: inline-block;   position:relative; width: 30px;  height: 30px; border-radius:50%; background:var(--line); /*background:url(../img/sub/useful_icon.png)  no-repeat center;*/ transform: translateY(2px);}
#sit_use .is_useful a .icon:after{content:''; display:block; width:14px; height:14px; background:var(--font-gray2); -webkit-mask-size: cover; 	-webkit-mask-image: url(../img/sub/useful_icon.png); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
#sit_use .is_useful a:hover .icon {background:var(--sub-key-color)}
#sit_use .is_useful a:hover .icon:after {background:var(--color-white)}
#sit_use .sit_use_images {display: flex; align-items: center; justify-content: center;  /*flex-wrap: wrap; gap: 10px;   padding-top: 25px;   padding-bottom: 10px;*/}
#sit_use .sit_use_images a {display: block; width: 15%}
#sit_use_write .review_write_btn_wrap > button {border:none; font-size: 14px;}
#sit_use_write .review_write_btn_wrap .btn_submit.key_color {background: #5e2bb8;}
#sit_use_write .review_write_btn_wrap .btn_close {background: #cccaca;  color: #fff;}
#sit_use_write #is_subject {font-size: 16px;  padding: 10px;}



#sit_buy .sit_side_option {padding: 30px 15px 0;  border-bottom: none;}
#sit_buy h3.header {font-size: 18px;  color: #fff;   text-align: center;   padding: 1em;   background: var(--key-color);   font-weight: 600;  margin: 0;}
#sit_buy .sit_buy_inner { border: 1px solid #ceccd3; height: calc(90vh - 150px); max-height: 700px;}
#sit_buy .get_side_item_options {    display: flex;     align-items: center;    flex-wrap: wrap;    margin-bottom: 10px; position: relative;}
#sit_buy .get_side_item_options label {    font-size: 15px;    color: #222;    margin: 0;    width: 40px;    font-weight: 600;}
#sit_buy .get_side_item_options > span {   display: block; width: calc(100% - 40px);}
#sit_buy .get_item_options label {  width: 40px;}
#sit_buy .get_item_options > span { width: calc(100% - 40px);}

#sit_buy .get_side_item_options input,
#sit_buy .get_side_item_options select {  width: 100%;   height: 45px;   border: 1px solid #ddd;   font-size: 14px;   padding: 0.1em 1.5em;  margin: 0;}
#sit_buy .get_side_item_options .datepicker {    background: url(../img/sub/date_icon.png) no-repeat 95% 50%;    background-size: 20px 20px;}
#sit_buy .sit_sel_option ul {  margin-left: 40px; }
#sit_buy .sit_sel_option li {   padding: 0;      background: #f9f9f9;  padding: 8px 10px;   border: none;  margin: 0;    position: relative;    display: flex;    justify-content: space-between;    align-items: center;}
#sit_buy .sit_sel_option li .opt_name {    line-height: 28px;    font-weight: bold; width: 95px;}
#sit_buy .sit_sel_option li .opt_count {    width: calc(100% - 100px); display: flex;  justify-content: space-between;  align-items: center;}
#sit_buy .sit_sel_option li .opt_count  .btn_wrap {display: flex;   align-items: center;  justify-content: flex-start;}
#sit_buy .sit_sel_option .sit_qty_minus {    border-top-left-radius: 20px;    border-bottom-left-radius: 20px;    border: 1px solid #ddd;    border-right: none;  padding-left: 10px; width: 25px;}
#sit_buy .sit_sel_option .num_input {    width: 30px;}
#sit_buy .sit_sel_option .sit_qty_plus {    border-top-right-radius: 20px;    border-bottom-right-radius: 20px;    border: 1px solid #ddd;    border-left: none;    padding-right: 10px; width: 25px;}
#sit_buy .sit_sel_option .sit_opt_del {    top: 0.4em;    font-size: 14px;    border: none ! IMPORTANT;    background: transparent;}
#sit_buy .sit_sel_option .sit_opt_prc {font-size: 13px; width: auto;}
#sit_buy .sit_sel_option .sit_opt_sale_prc {text-decoration: line-through;} 
#sit_buy .sit_sel_option {height: auto;  padding: 0 15px;}
#sit_buy .sit_order_btn {     display: flex;    align-items: center;	gap: 10px;    position: absolute;    bottom: 30px;    left: 0;    width: 100%; padding: 0 15px;}
#sit_buy .sit_order_btn button {    width: 50%;    float: none;    height: 40px;    font-weight: normal;    font-size: 15px;    margin: 0;   border: none;    border-radius: 5px;    color: #fff;    transition: all 0.15s;}
#sit_buy .sit_order_btn .wish_btn {    background: #ceccd3;}
#sit_buy .sit_order_btn .sit_btn_buy {    background: var(--key-color);}
#sit_buy .sit_order_btn .wish_btn:hover {  background: #686868; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);}
#sit_buy .sit_order_btn .sit_btn_buy:hover {box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);}
#sit_buy .sum_section .sit_tot_price {display: flex;     justify-content: flex-end;    align-items: center;    font-size: 30px; border-top: 1px solid #ddd;    padding-top: 0.5em;}
#sit_buy .sum_section .sit_tot_price span {font-size: 0.6em;  font-weight: 600;}
#sit_buy .sum_section .sit_tot_price strong {font-size: 1em;}
#sit_buy .sit_sel_option ul .del_option {position: absolute;   right: 8px;  top: 50%;   transform: translateY(-55%);  font-size: 16px;}


#sit_use_list .sit_empty {font-size: 18px;}







/* My Page */
.mypgae_title {font-size: 30px;   text-align: center;  margin-bottom: 1.5em;}
.mypage_wrap .flex_wrap  {display: flex;    flex-wrap: wrap;  gap: 30px;}
.mypage_wrap .flex_wrap .inner_box {width: calc(25% - 23px);   background: #f8f8f8;  border-radius: 20px;    padding: 50px 20px; transition: all 0.15s;}
.mypage_wrap .flex_wrap .inner_box a { display: flex;     flex-direction: column; align-items: center;    justify-content: center;    text-align: center; }
.mypage_wrap .flex_wrap .inner_box h3 {font-size: 35px;     font-weight: 800;    margin-bottom: 0.5em;}
.mypage_wrap .flex_wrap .inner_box h3 span {display: block;    font-size: 0.4em;   font-weight: 500;  text-transform: uppercase;    margin-bottom: 0.4em;}
.mypage_wrap .flex_wrap .inner_box p {display: inline-block;   font-size: 18px;     color: var(--key-color);    border: 2px solid var(--key-color);    border-radius: 30px;    padding: 0.4em 3em;    background: #fff;    font-weight: 500;    margin-top: 1.5em; transition: all 0.15s;}
.mypage_wrap .flex_wrap .inner_box:hover {box-shadow: inset 0 0 0 5px var(--key-color);}
.mypage_wrap .flex_wrap .inner_box:hover p { color:#fff; background:var(--key-color)}

.mypage.btn_confirm {margin-top:80px}
.mypage.btn_confirm .btn_goback {   display: inline-flex;    width: 200px;    justify-content: center;    align-items: center;    height: 50px;    border: none;    background: var(--key-color);    border-radius: 50px;    margin: 0 5px;    font-size: 17px;    color: #fff;    transition: all 0.15s;    vertical-align: top;cursor: pointer;}
.mypage.btn_confirm .btn_goback:hover {box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);}



/*.payment_history_wrap table thead th {height: 70px; border-top: 1px solid #222; font-size:18px; border-bottom:1px solid #222}
.payment_history_wrap table tbody td {font-size: 16px;   color: #222;  height: 70px;  padding: 20px 15px; border: none; border-top: 1px solid var(--line);}
.payment_history_wrap table tbody tr:first-child td {border-top:none}
.payment_history_wrap table tbody td:first-child {font-weight:600}
.payment_history_wrap table tbody td a {font-size: 16px;   color: #666; font-weight:400 !important; word-break:keep-all}
.payment_history_wrap table tbody td a:hover {text-decoration: underline;}
.payment_history_wrap table tbody .td_prdname {width: 22%;}
.payment_history_wrap table tbody .td_prdnumber {width: 15%;}
.payment_history_wrap table tbody td .viewbtn {display: inline-flex;    justify-content: center;   align-items: center;   border: 2px solid var(--key-color);   color: var(--key-color);   padding: 0.5em 2.2em;   border-radius: 50px;  font-weight: 600 !IMPORTANT; transition: all 0.15s;}
.payment_history_wrap table tbody td .viewbtn:hover {color:#fff; background: var(--key-color); }*/

.qrcode_popup_wrap {display: none; position: fixed;    top: 0;   left: 0;   width: 100%;  height: 100%; z-index: 19999; }
.qrcode_popup_wrap .qrcode_box {position: absolute;     top: 50%;    left: 50%;    transform: translate(-50%, -53%);    width: 90%;    max-width: 360px;}


/* 2024.10.30 - 김희정  */
.scroll_swiper {overflow:hidden; position:relative; z-index:1;}
.scroll_swiper .swiper-slide {width:100%; min-width:900px;}
.scroll_swiper table {width:100%; min-width:900px;}
.scroll_swiper .swiper-horizontal > .swiper-scrollbar, 
.scroll_swiper .swiper-scrollbar.swiper-scrollbar-horizontal {bottom:0 !important; left:0 !important; right:0 !important; width:100% !important; height:12px !important; border-radius: 10px; background-color: #ddd;}
.scroll_swiper .swiper-scrollbar .swiper-scrollbar-drag {height:12px !important; background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff;}

.scroll_swiper + .butns_wrap_right {padding-top:15px;}

.scroll_swiper .payment_history_wrap {overflow-x:visible;}
.scroll_swiper .payment_history_wrap table {width:100%;}
/*
.qrcode_popup_wrap .qrcode_box .heading {width: 100%;  height: 26px;background-image:url(../img/sub/qr_box_head.png); background-size:cover; background-position:top center; }
.qrcode_popup_wrap .qrcode_box .body_wrap {background: var(--key-color);  padding: 0 30px; margin-top: -1px;}
.qrcode_popup_wrap .qrcode_box .item_name {text-align: CENTER;   font-size: 30px;   color: #fff;   line-height: 1.2em;   padding: 0.7em 0 0.8em;  border-bottom: 1px solid #fff;  margin-bottom: 0.8em;}
.qrcode_popup_wrap .qrcode_box table {width: 100%;}
.qrcode_popup_wrap .qrcode_box table th {font-size: 16px;    color: #fff;   font-weight: 400;   width: 30%;   text-align: left;  padding: 8px 0;}
.qrcode_popup_wrap .qrcode_box table td {font-size: 15px;    color: #fff;   font-weight: 400;  text-align: left !important; }
.qrcode_popup_wrap .qrcode_box .code_img {display: flex;   flex-direction: column;  align-items: center;  gap: 8px;  padding: 20px 0 30px;}
.qrcode_popup_wrap .qrcode_box .code_img img {width: 175px}
.qrcode_popup_wrap .qrcode_box .code_img p {font-size: 15px;  color: #fff;}
.qrcode_popup_wrap .qrcode_box .notice_wrap {background: #000;   padding: 20px 30px;}
.qrcode_popup_wrap .qrcode_box .notice_wrap p {font-size: 14px;  color: #fff;  line-height: 1.5em;  font-weight: 300;}
.qrcode_popup_wrap .qrcode_box .footers {width: 100%;  height: 18px;background-image:url(../img/sub/qr_box_footer.png); background-size:cover; background-position:top center; }
*/
.qrcode_popup_wrap .qrcode_box .close_btn {position: absolute;    top: 0;     right: -40px;    z-index: 10;    background: #222;    color: #fff;    display: inline-flex;    justify-content: center;    align-items: center;     font-size: 35px;    font-weight: 300;    width: 40px;    height: 40px;    border-radius: 100%;    padding-bottom: 5px;}


#sod_fin_no.detail {background: #000;    border-radius: 0;   border: none;   font-size: 18px;   padding: 1.4em 0;   text-align: center;   margin-bottom: 100px;}
#sod_fin_no.detail .inner_wrap {color: #fff;}
/*.payment_detail_wrap h2 {font-size: 23px;   margin-bottom: 1em;}*/
.payment_detail_wrap .flex_wrap {display: flex;   flex-wrap: wrap;}
.payment_detail_wrap .flex_wrap .left_cont {width: 70%;  padding-right: 30px;}
.payment_detail_wrap .flex_wrap .right_cont {width: 30%; padding-top: 46px; }
.payment_detail_wrap #sod_fin_list .tbl_head03 {border-top: 1px solid #222;}
.payment_detail_wrap #sod_fin_list .tbl_head03 thead th {background: #f8f8f8;   border-top: none;  border-bottom: none; border-right: 1px solid #d3d3d3; padding: 0 10px; height: 55px;font-size: 1.3em;   line-height: 1.2em;}
.payment_detail_wrap #sod_fin_list .tbl_head03 thead th:last-child { border-right: none }
.payment_detail_wrap #sod_fin_list .td_prd {padding: 20px;}
.payment_detail_wrap #sod_fin_list .td_prd .flex_wrap {display: flex;  flex-wrap: nowrap; align-items: center; gap: 20px;}
.payment_detail_wrap #sod_fin_list .sod_img {   position: relative;  top: 0;  left: 0; width: 150px; border-radius: 10px; overflow: hidden;}
.payment_detail_wrap #sod_fin_list .sod_img img {height: auto !important;}
.payment_detail_wrap #sod_fin_list .tbl_head03 td {border-left: 1px solid #d3d3d3; font-size: 16px;}
.payment_detail_wrap #sod_fin_list .tbl_head03 td:first-child {border-left: none;}
.payment_detail_wrap #sod_fin_list .sod_name {width: calc(100% - 170px);}
.payment_detail_wrap #sod_fin_list .sod_name a {line-height: 1.2em;   font-size: 16px;   font-weight: 600;   word-break: keep-all;   padding: 0.8em 0;  display: block;}
.payment_detail_wrap #sod_fin_list .sod_opt {font-size: 14px;}
.payment_detail_wrap #sod_fin_list .sod_name .sod_opt:before {   content: "[옵션]"; color:#222 ; background: #fff;}
/*.payment_detail_wrap #sod_fin_list {margin-bottom: 60px}*/
.payment_detail_wrap .sod_left {float: none;   width: 100%;   margin-right: 0;  }
 #sod_fin .payment_detail_wrap .info_table table {border-top: 1px solid #222;  width: 100%; border-collapse: collapse;   border-spacing: 0; margin-bottom: 60px;}
 #sod_fin .payment_detail_wrap .info_table table th,
 #sod_fin .payment_detail_wrap .info_table table td {padding: 20px;  font-size: 1.3em;  color: #222; border-bottom: 1px solid #d3d3d3;   }
 #sod_fin .payment_detail_wrap .info_table table th {width: 200px;  background: #f8f8f8; font-weight: 600; text-align: left;}
.payment_detail_wrap .right_cont .sod_right {float: none;  width: 100%;}
/*.payment_detail_wrap #sod_fin_pay {border: none;}
.payment_detail_wrap #sod_fin_pay ul {padding: 0; border-top: 1px solid #222;}
.payment_detail_wrap #sod_fin_pay li {line-height: 1em;    padding: 0;   display: flex;   align-items: center;}
.payment_detail_wrap #sod_fin_pay li>strong,
.payment_detail_wrap #sod_fin_pay li>span {display: flex;  align-items: center;  padding: 0 20px; height:55px;   font-size: 1.3em;  border-bottom: 1px solid #d3d3d3;   }
.payment_detail_wrap #sod_fin_pay li>strong {margin-right: 0;    width: 150px; padding: 0 10px; background: #f8f8f8; }
.payment_detail_wrap #sod_fin_pay li>span { width: calc(100% - 150px);word-break: break-all;}
.payment_detail_wrap #sod_fin_pay li .viewbtn {display: inline-block;   font-size: 14px;    color: #fff;   background: var(--key-color);   padding: 0.5em 1.5em;  border-radius: 30px;}
.payment_detail_wrap #sod_fin_pay li .viewbtn:hover {box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);}*/
.payment_detail_wrap #sod_fin_cancel .sod_fin_c_btn {height: 50px;    border: none;   border-radius: 5px;   font-weight: 500;   width: 100%;   background: var(--key-color); ;   color: #fff;   font-size: 18px;}
.payment_detail_wrap #sod_fin_cancel .sod_fin_c_btn:hover { box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5); background: var(--key-color);  }
.payment_detail_wrap #sod_fin_cancelfrm {width: 90%;  max-width: 400px; margin-left: 0;   margin-top: 0; transform: translate(-50%, -50%); border-radius:10px}
.payment_detail_wrap #sod_fin_cancel h2 {padding: 25px 30px 15px;   border-bottom: none;   text-align: center;  margin-bottom: 0;}
.payment_detail_wrap #sod_fin_cancelfrm .frm_input {margin: 0 0 5px;   width: 100%;   padding: 15px;   font-size: 15px;    border: 1px solid #ddd;    border-radius: 0;   box-shadow: none;   background: #fff;   margin-bottom: 20px;}
.payment_detail_wrap #sod_fin_cancelfrm .btn_frmline {     background: #a8a8a8;    color: #fff;    border: 0;    padding: 14px;    width: 100%;    cursor: pointer;    font-size: 15px;}
.payment_detail_wrap #sod_fin_cancelfrm .btn_frmline:hover {background: var(--key-color);}
.payresultdetail_btn_wrap {display: flex;   align-items: center;  justify-content: center;}
.payresultdetail_btn_wrap .btn {display: inline-block;   font-size: 18px;     color: #fff;     background: var(--key-color);    font-weight: 400;    width: 200px;    height: auto;    line-height: 1em;    padding: 1em;    border-radius: 30px; transition: all 0.15s;}
.payresultdetail_btn_wrap .btn:hover {box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);}

.payment_history_wrap.coupon table thead th { font-size: 15px;}
.payment_history_wrap.coupon table tbody td {text-align: center; font-size: 15px;}
.payment_history_wrap.coupon table tbody td.cou_top {width: 26%; transition: .2s; cursor: pointer;}
.payment_history_wrap.coupon table tbody td.cou_top:hover {text-decoration: underline; text-underline-offset: 3px;}
.payment_history_wrap.coupon .coupon_sub_title {padding-bottom:1em; text-align:left}
.payment_history_wrap.coupon .coupon_down_btn {height: 2em;    width: 6em;    font-size: 16px;    border: none;    background: #5e2bb8;    color: #fff;    border-radius: 5px; transition: all 0.15s;}
.payment_history_wrap.coupon .coupon_down_btn:hover {box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);}


#sod_ws_act .btn02 {border: none;     background: var(--key-color);    font-size: 18px;    width: 220px;    display: inline-flex;    justify-content: center;    align-items: center; transition: all 0.15s;}
#sod_ws_act .btn02:hover {box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);}
#sod_ws .wishlist_head {border-bottom: 1px solid #ddd;  padding-bottom: 20px;display: flex;  align-items: center;}
#sod_ws .wishlist_head label input {position:absolute; display:none}
#sod_ws .wishlist_head label input + span {font-size: 15px;  color: #999; display: inline-block;   padding-left: 1.5em;   position: relative;    cursor: pointer; }
#sod_ws .wishlist_head label input + span:hover {color:var(--key-color)}
#sod_ws .wishlist_head label input + span:before {content:""; position: absolute;     left: 0;    top: -2px;    width: 18px;    height: 17px;    background-image: url(../img/sub/item_check_icon.png);  background-size: cover;}
#sod_ws .wishlist_head label input:checked + span:before {  background-image: url(../img/sub/item_checked_icon.png)}
#sod_ws .wishlist_head a {font-size: 15px;  color: #999; display: inline-block;   padding-left: 1.5em; position:relative}
#sod_ws .wishlist_head a:hover {color:var(--key-color)}
#sod_ws .wishlist_head a:before {content:""; position: absolute;     left: 0.7em;    top: 0.1em;    width: 1px;    height: 0.8em;    background: #ddd;}
#sod_ws .list_02 li {  float: none;  width: 100%;   margin: 0;   display: flex;   align-items: center;   padding: 30px 20px;   border-bottom: 1px solid #ddd;}
#sod_ws .wish_chk {position: relative !important; width:auto !important}
#sod_ws .wish_chk label input + span {display: inline-block;  width: 50px;}
#sod_ws .wish_chk label input + span:before {content:""; position: absolute;     left: 0;    top: -2px;    width: 18px;    height: 17px;    background-image: url(../img/sub/item_check_icon.png);  background-size: cover;}
#sod_ws .wish_chk label input:checked + span:before {  background-image: url(../img/sub/item_checked_icon.png)}
#sod_ws .wish_info {   padding: 0 !important;;   position: relative !important;   border-bottom: none !important;   margin-top: 0 !important;   height: auto !important; padding-left:20px !important}
#sod_ws .wish_info .prd_tag_list ul {   display: flex;  gap: 5px;  flex-wrap: wrap;}
#sod_ws .wish_info .prd_tag_list li {   display: inline-block;  width: fit-content;  font-size: 13px;   background: #f6f6f6;   padding: 0.5em 1em;   border-radius: 5px;  color: #625f68;  font-weight: 600; border: none;}
#sod_ws .wish_info .info_link {font-size: 17px;   color: #222;  margin-bottom: 1.5em !important;}
#sod_ws .wish_info .info_date {font-size: 14px;}
#sod_ws #sod_ws_act {margin: 40px 0 0;}









/* 결제화면 */
.checkout_wrap_all .checkout_sub_title {font-size: 23px;  margin-bottom: 1em;}
.checkout_wrap_all #sod_frm div.tbl_frm01 {padding:0 !important; margin:0}
.checkout_wrap_all #sod_frm_orderer {border:none; /*margin-bottom: 50px;*/}
/*.checkout_wrap_all .data_input_list {border-top: 1px solid #222}*/
/*.checkout_wrap_all .data_input_list li {display: flex; flex-wrap: wrap; border-bottom: 1px solid #bbb; margin: 0;}*/
/*.checkout_wrap_all .data_input_list li label {display: flex;     align-items: center;    width: 230px;    font-size: 17px;    font-weight: 600;    padding-left: 1.5em;    background: #f8f8f8;}*/
/*.checkout_wrap_all .data_input_list li .data_input {width: calc(100% - 230px);  padding: 10px; display: flex; align-items: center;}*/ 
.checkout_wrap_all .data_input_list li .data_input .frm_input {border: 1px solid #ddd;     border-radius: 0;    box-shadow: none;    padding: 10px;    font-size: 17px;    height: 40px; width: 100% !important;  max-width: 710px;}
/*.checkout_wrap_all .data_input_list .email_input_wrap {display: flex;   align-items: center; width: 100%;}*/
/*.checkout_wrap_all .data_input_list .email_input_wrap span {display: inline-flex;   width: 50px;  justify-content: center;  align-items: center;  font-size: 17px;}*/
/*.checkout_wrap_all .data_input_list .email_input_wrap input {width: 100%;  max-width: 225px !important;}*/
/*.checkout_wrap_all .data_input_list .email_input_wrap select {width: 100%;  max-width: 200px !important; margin-left: 10px; color: #999;    background: url(../img/main/select_arrow.png) no-repeat 90% 50%;   -webkit-appearance: none;   -moz-appearance: none;}*/
.checkout_wrap_all .iti {height: 40px;  width: 100%;}
.checkout_wrap_all .iti__country-container {height: 40px;   width: 150px;    border: 1px solid #ddd; }
.checkout_wrap_all .iti__selected-country {width: 100%;  padding: 10px; position:relative}
.checkout_wrap_all .iti__selected-dial-code {   margin-left: 4px;   font-size: 16px;  color: #666; }
/* .checkout_wrap_all .iti__tel-input {  margin-left: 160px !important;     width: 100%; max-width: 270px !important;   padding: 10px !IMPORTANT;} */
/* .checkout_wrap_all .iti__tel-input:focus, 
.checkout_wrap_all .iti__tel-input:focus-visible {border: 1px solid #558ab7 !important; outline: none} */
.checkout_wrap_all .iti__arrow {display:none}
.checkout_wrap_all .iti__selected-country-primary {display: none;}

.checkout_wrap_all .input-wrap--phone .input-item {border-radius: 0; border: 0; padding: 0;}
.checkout_wrap_all .input-wrap--phone .iti {display: flex; flex-direction: column; row-gap: 0.8rem; height: auto;}
.checkout_wrap_all .input-wrap--phone .iti__country-container {position: static; width: 100%; height: auto; border: 1px solid #ddd; border-radius: 50px; padding: 0;}
.checkout_wrap_all .input-wrap--phone .input-item .iti > input {border: 1px solid #ddd; padding: 1.1rem 2rem !important; border-radius: 50px; width: 100%; margin-left: 0; width: calc(100% - 4rem); max-width: unset; padding-left: 2rem !important;}
.checkout_wrap_all .input-wrap--phone .iti__selected-country {font-size: 1.3rem; padding: 1.1rem 2rem;}
.checkout_wrap_all .iti__selected-dial-code {  margin-left: 0;  font-size: 1.3rem; line-height: 1.5em; height: 2rem;}
.checkout_wrap_all .iti--inline-dropdown .iti__dropdown-content {z-index: 5;}
.checkout_wrap_all .iti--inline-dropdown .iti__dropdown-content input {height: auto; min-height: 2rem; box-sizing: border-box; padding: 1.1rem 2rem;}
.checkout_wrap_all .iti .iti__country {padding-top: 1rem; padding-bottom: 1rem; font-size: 1.3rem;}
.checkout_wrap_all .input-wrap--phone .active .iti__country-container {border-color: var(--yellow);}

.checkout_wrap_all .datepicker {background: url('../img/sub/date_icon.png') no-repeat 95% 50%; background-size: 20px 20px;}
.checkout_wrap_all .add_traveler_btn {padding-bottom: 50px;}
.checkout_wrap_all .add_traveler_btn a {display: flex;   align-items: center;   justify-content: center;   width: 100%;   font-size: 17px;  color: #fff;  background: #666;  height: 50px;  margin-top: -35px; transition: all 0.15s;}
.checkout_wrap_all .add_traveler_btn a:hover {background:var(--key-color);}
.checkout_wrap_all .add_traveler_btn a b {display: inline-block;   font-weight: inherit;   transform: translateY(-2px);   margin-right: 0.2em;}
/*.checkout_wrap_all #sod_frm_pay {display: flex;   flex-wrap: wrap;   gap: 20px;   /*margin: 0; margin-bottom: 50px;}*/
/*.checkout_wrap_all #od_tot_price {background: #fafafa;   line-height: 1em;   text-align: inherit;   padding: 30px;   border: 1px solid #ddd;   margin: 0;  width: calc(50% - 10px);}*/
/*.checkout_wrap_all #od_pay_sl {background: #fafafa;  padding: 30px;   border: 1px solid #ddd;  width: calc(50% - 10px) }*/
.checkout_wrap_all #od_tot_price h3,
.checkout_wrap_all #od_pay_sl  h3 {font-size: 20px;  margin:0 ; margin-bottom: 0.8em;}
.checkout_wrap_all #od_tot_price .order,
.checkout_wrap_all #od_tot_price .coupon {text-align: right;   font-size: 17px;   color: #666;  line-height: 1.6em;}
.checkout_wrap_all #od_tot_price .order span,
.checkout_wrap_all #od_tot_price .coupon span {float: none;   font-weight: inherit;  color: inherit;}
/*.checkout_wrap_all #od_tot_price .total {margin-top: 10px;   border-top: 1px solid #333;   padding-top: 20px;   display: flex;   justify-content: space-between;  align-items: center;}*/
.checkout_wrap_all #od_tot_price .total span {font-size: 17px;   color: #666;  font-weight: 500;}
/*.checkout_wrap_all #od_tot_price .total strong {font-size: 20px;  color: #222;}*/
.checkout_wrap_all .privacy_check_wrap {margin-bottom: 30px;}
.checkout_wrap_all .privacy_check_wrap label input {position:absolute; display:none}
.checkout_wrap_all .privacy_check_wrap label input + span {font-size: 17px;   display: inline-block;  position: relative; padding-left: 1.2em; line-height:1em; cursor:pointer}
.checkout_wrap_all .privacy_check_wrap label input + span:before {content: "";   position: absolute;   left: 0;   top: 0;   width: 15px;   height: 15px;   border: 2px solid #666; background: #fff;}
.checkout_wrap_all .privacy_check_wrap label input:checked + span:before {border-color:var(--key-color); background:url(../img/sub/p_check_icon.png) no-repeat center #fff; background-size: 11px;}
/*.checkout_wrap_all .privacy_check_wrap label input:checked + span:after {content: "";   position: absolute;  left: 3px;  top: 3px;  width: 9px;  height: 9px; background:var(--key-color)}*/
.checkout_wrap_all .privacy_check_wrap label span {font-size: 17px;   display: inline-block;  position: relative; line-height:1em;}
.checkout_wrap_all .privacy_check_wrap .head { padding-bottom: 15px;}
.checkout_wrap_all .privacy_check_wrap .toggle_head {background: #fafafa;     padding: 18px;    border: 1px solid #ddd;    position: relative;}
.checkout_wrap_all .privacy_check_wrap .toggle_head.last {border-top:none}
.checkout_wrap_all .privacy_check_wrap .toggle_head a {position: absolute;   right: 20px;  top: 50%;  transform: translateY(-50%) rotate(45deg);  width: 10px;  height: 10px;  border-bottom: 2px solid #222;  border-right: 2px solid #222;transition: all 0.15s;}
.checkout_wrap_all .privacy_check_wrap .toggle_head.open a { transform: translateY(-50%) rotate(225deg);}
.checkout_wrap_all .privacy_check_wrap .toggle_body { display: none; padding: 20px;   border: 1px solid #ddd;  border-top: none;  height: 200px;  overflow-y: auto;}
.checkout_wrap_all .checkout_btn_wrap {text-align: CENTER;}
.checkout_wrap_all .checkout_btn_wrap .butn {margin: 0 auto;}
.checkout_wrap_all .payment_method_select_box {display: flex;  gap: 10px;}
.checkout_wrap_all .payment_method_select_box label {display: flex;   align-items: center;   justify-content: center;   width: calc(50% - 5px);  cursor: pointer;}
.checkout_wrap_all .payment_method_select_box label p {margin: 0 !IMPORTANT;  font-size: 18px;  font-weight: 500;   height: 100px;   display: flex;   justify-content: center;  align-items: center;  border: 1px solid var(--line);  width: 100%;   border-radius: 10px;  background: #fff;}
.checkout_wrap_all .payment_method_select_box label input:checked + p {border-color:#ff0000}
.checkout_wrap_all .payment_method_select_box label p span {display: inline-block}
.checkout_wrap_all .payment_method_select_box label p span:before{display:block; content:''; margin:0 auto 10px}
.checkout_wrap_all .payment_method_select_box label.card p span:before {width:29px; height:22px; background:url("../img/sub/card_icon.svg") no-repeat center / cover}
.checkout_wrap_all .payment_method_select_box label.bankbook p span:before {width:27px; height:25px; background:url("../img/sub/bankbook_icon.svg") no-repeat center / cover;} 
.checkout_wrap_all .data_input.name .frm_input.half {max-width: 350px;  margin-right: 10px;}
.checkout_wrap_all .data_input.name .frm_input.half:last-child {margin-right:0}
.checkout_wrap_all .od_prd_list .td_prd {padding-left: 30px;}
.checkout_wrap_all .od_prd_list .td_prd .inner_wrap {display: flex;  align-items: center;}
.checkout_wrap_all .od_prd_list .td_prd .sod_img {  position: relative;  top: 0;  left: 0; border-radius: 10px; overflow: hidden;-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);}
.checkout_wrap_all .od_prd_list .td_prd .sod_img img {width: 150px; height:150px; object-fit:cover}
.checkout_wrap_all  .od_prd_list .td_prd .sod_name {padding-left: 20px;}
.checkout_wrap_all  .od_prd_list .td_prd .sod_name h2 {font-size: 18px; margin-bottom: 0.8em;}
.checkout_wrap_all #sod_frm .sod_name p {font-size: 16px;   margin-bottom: 0.5em;}
.checkout_wrap_all .od_prd_list {border-top: 1px solid #222;}
.checkout_wrap_all .od_prd_list table {  }
.checkout_wrap_all .od_prd_list table thead th {border-top: none; border-right: 1px solid #ddd; background: #f8f8f8; font-size: 17px;}
.checkout_wrap_all .od_prd_list table thead th:last-child {border-right:none}
.checkout_wrap_all .od_prd_list table tbody td { border-right: 1px solid #ddd; font-size: 17px;padding: 25px 5px;}
.checkout_wrap_all .od_prd_list table tbody td:last-child {border-right:none}
.checkout_wrap_all .od_prd_list table thead th:not(.prdname) {width:10%; padding: 0 10px;}
.checkout_wrap_all .data_input_list li .radio_select_wrap label {width: auto;   background: #fff;  font-weight: normal;}
.checkout_wrap_all .data_input_list li .radio_select_wrap label input {position: absolute; display:none}
.checkout_wrap_all .data_input_list li .radio_select_wrap label input + span {display: inline-block; padding-left: 1.2em; position:relative; cursor:pointer}
.checkout_wrap_all .data_input_list li .radio_select_wrap label input + span:before {content: "";   position: absolute;   left: 0;   top: 0;   width: 16px;   height: 16px;   border: 2px solid #ddd;   border-radius: 100%;}
.checkout_wrap_all .data_input_list li .radio_select_wrap label input:checked + span:before { border: 2px solid var(--key-color);}
.checkout_wrap_all .data_input_list li .radio_select_wrap label input:checked + span:after { content: "";   position: absolute;   left: 4px;   top: 4px;   width: 8px;   height: 8px;  border-radius: 100%;  background: var(--key-color);}
.checkout_wrap_all .delete-traveler-btn {display: inline-block;     margin-top: 20px;    font-size: 16px;    padding: 0.6em 1em;    border: none;    border-radius: 5px;    color: #fff;    background: #666; transition: all 0.15s;}
.checkout_wrap_all .delete-traveler-btn:hover { background: var(--key-color);}
.checkout_wrap_all  #sod_list .use_coupon_btn {display: inline-block;   background: #5e2bb8;   padding: 0.5em 1.2em;   border-radius: 5px;   color: #fff;   font-size: 0.9em; transition:all 0.15s}
.checkout_wrap_all  #sod_list .use_coupon_btn:hover {box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);}

/*.checkout_wrap_all .traveler_value_copy {text-align: right;   margin-bottom: 1em;}*/
/*.checkout_wrap_all .traveler_value_copy label input {    position: absolute;   display: none;}*/
/*.checkout_wrap_all .traveler_value_copy label input + span {     font-size: 17px;    display: inline-block;    position: relative;    padding-left: 1.2em;    line-height: 1em;    cursor: pointer;} */
/*.checkout_wrap_all .traveler_value_copy label input + span:before {    content: "";    position: absolute;    left: 0;    top: 0;    width: 15px;    height: 15px;    border: 2px solid #666;    background: #fff;}*/
/*.checkout_wrap_all .traveler_value_copy label input:checked + span:before {    border-color: var(--key-color);    background: url(../img/sub/p_check_icon.png) no-repeat center #fff;    background-size: 11px;}*/


.coupon_apply_popup_wrap {padding: 30px;width: 100%;  overflow: auto;}
.coupon_apply_popup_wrap table {border-spacing: 0;   border-collapse: collapse; width:800px}
.coupon_apply_popup_wrap table td  {     font-size: 15px;    color: #666;    height: 70px;    padding: 25px 15px;    border: none;    border-top: 1px solid #ccd2d9;	text-align: center;    vertical-align: middle;	border-bottom:1px solid #ddd;}
.coupon_apply_popup_wrap table thead td {    height: 70px;    background: #f8f8f8;    border-top: 1px solid #222;    font-size: 15px;	color: #222;    font-weight: 600;}
.coupon_apply_popup_wrap table td a {display: inline-block; color: #000;   transition:all 0.15s  }
.coupon_apply_popup_wrap table td a:hover {text-decoration: underline;} 
.coupon_popup_close_btn_wrap {padding: 60px;  text-align: center;}
.coupon_popup_close_btn_wrap a {display: inline-block;   font-size: 16px;  color: #fff;   background: #a8a8a8;  padding: 0.5em 1.2em;  border-radius: 5px; transition:all 0.15s}
.coupon_apply_popup_wrap table td .butn-coupon {padding: 8px 1.6rem; border-radius: 6px;}
.coupon_popup_close_btn_wrap a:hover { background:#222;}




/* 검색결과 */
#ssch {margin:0 !important}
#ssch #ssch_frm {border: none;}
#ssch #ssch_frm .ssch_scharea {padding: 0;  border-bottom: none }
#ssch h2.search_result_title {font-size: 24px;   margin-bottom: 1em;}
#ssch h2.search_result_title strong {color:inherit}
#ssch .ssch_frm_inner {padding: 30px;   background: #f8f8f8;   border: 1px solid #ddd;   margin-bottom: 60px;}
#ssch #ssch_frm .ssch_scharea {display: flex;   align-items: center;  justify-content: center;}
#ssch #ssch_frm .ssch_scharea .ssch_input {height: 60px;   width: 450px;   border-radius: 50px;   border: 2px solid var(--sub-key-color);   padding: 1em 1.2em;   font-size: 20px;}
#ssch #ssch_frm .ssch_scharea .btn_submit {width: 60px;     height: 60px;    border-radius: 100%;    border: none;    background: var(--sub-key-color);    font-size: 26px;    font-weight: 300;}
#ssch .main_hover_slide.small {display: flex;   flex-wrap: wrap;  gap: 30px;}
#ssch .main_hover_slide.small .swiper-slide {width: calc((100% - (30px * 3)) / 4);}





/* Request */

.request_page .board_head h2 {  font-size: 30px;  font-weight: 800;  text-align: center;}
.request_page .bo_w_select.write_div,
.request_page .bo_w_tit.write_div,
.request_page .bo_w_option.write_div,
.request_page .bo_w_info.write_div {  height: 60px;  border: 1px solid #eee;  padding: 10px;  padding-left: 140px;}
.request_page .bo_w_select.write_div label,
.request_page .bo_w_tit.write_div label,
.request_page .bo_w_option.write_div .title,
.request_page .bo_w_info.write_div .title {width: 130px;   height: 58px;   background: #f7f7f7;   display: flex;   align-items: center;   position: absolute;   left: 0;   top: 0;   text-align: left;   font-size: 17px;  color: #666;  padding-left: 15px;}
.request_page #bo_w .write_div {  margin: 0;  margin-bottom: 10px;  position: relative;}
.request_page #bo_w .write_div:after {  display: block;  visibility: hidden;  clear: both;  content: "";}
.request_page #bo_w .content_area .bo_w_option.write_div { height: auto;  border-bottom: 1px solid #eee;}
.request_page .bo_w_option.write_div .title {height:100%}
.request_page #bo_w .bo_w_select select {   border: 1px solid #d0d3db;   width: 100%;   height: 40px;   border-radius: 3px;   font-size: 16px;  padding: 0 15px; -webkit-appearance: none; -moz-appearance: none;}
.request_page .bo_w_select.write_div .board_select_box {   width: 100%;  max-width: 200px; position: relative;}
.request_page .bo_w_tit.write_div input, .bo_w_info.write_div input {   font-size: 16px;  padding-left: 15px;}
.request_page .btn_confirm {    margin: 0; margin-bottom: 10px;   position: relative;   text-align: center;  margin-top: 30px;}
.request_page #bo_w .btn_cancel:focus,
.request_page #bo_w .btn_cancel:hover {   background: var(--key-color);}
.request_page #bo_w .btn_cancel { display: inline-block;color: #fff;    text-decoration: none;    vertical-align: middle;    padding: 18px;    font-size: 16px;    font-weight: 400;    width: 180px;    border-radius: 30px;    line-height: 1em;    height: auto;    background: #ddd;    margin: 0 5px;}
.request_page #bo_w .btn_submit {   display: inline-block;   font-size: 16px;    line-height: 1em;    padding: 10px 10px;    border: 2px solid var(--custom-color);    height: auto;    font-weight: 600;    width: 180px;    padding: 18px;	cursor: pointer;	border-radius: 30px;    color: #fff;    border: none;    background: var(--key-color);}
.request_page #bo_w .btn_submit:hover {    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.5);}
.request_page .nice-select,
.request_page .nice-select .list {width:200px}
.request_page #bo_w .content_area .bo_w_option.write_div textarea {  font-size: 16px;padding: 15px;}
.request_page .nice-select {font-size: 16px;}




/* 개인결제 */
.personal_pay_list_wrap h2 {text-align: center;   font-size: 30px;  margin-bottom: 2em;}
.personal_pay_list_wrap ul.sct  {display: flex;   flex-wrap: wrap; gap: 30px; }
.personal_pay_list_wrap .sct_pv .sct_li {margin: 0;   display: flex;   align-items: center;   width: calc((100% - 90px) / 4);   border: 1px solid #ddd;   font-size: 18px;   height: auto;  gap: 1em;  flex-direction: column;  padding: 20px;   border-radius: 10px; transition:all 0.15s}
.personal_pay_list_wrap .sct_pv .sct_li  .sct_img {}
.personal_pay_list_wrap .sct_pv .sct_li a:hover {text-decoration: underline;   text-underline-offset: 3px;}
.personal_pay_list_wrap .sct_pv .sct_li:hover {box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);}

.personal_payment_form_wrap .sod_left {display: block;     float: none;    width: 100%;    margin-right: 0;    vertical-align: middle;}
.personal_payment_form_wrap .pesonal {border: none;   margin-bottom: 80px;}
.personal_payment_form_wrap .pesonal h2 {border-bottom: none;   font-size: 30px;  padding: 0;   padding-bottom: 1em; }
.personal_payment_form_wrap .pesonal .tbl_frm01 {padding: 0;   margin: 0; border-top: 1px solid #ddd;}
.personal_payment_form_wrap .pesonal th {font-size: 18px;     width: 10em;    padding: 1.5em 0.8em;    border-bottom: 1px solid #ddd;    background: #f8f8f8;}
.personal_payment_form_wrap .pesonal td {font-size: 16px;    padding: 0.5em;  line-height: 1.4em;  border-bottom: 1px solid #ddd;}
.personal_payment_form_wrap .pesonal td input {width:100%; max-width:400px}
.personal_payment_form_wrap #personal_pay { border: none; }
.personal_payment_form_wrap .sod_right {display: block;     float: none;    width: 100%;    height: auto;    vertical-align: top;}
.personal_payment_form_wrap #personal_pay h2 {border-bottom: none;   font-size: 30px;  padding: 0;   padding-bottom: 1em;}
.payment_method_btn_wrap {display: flex;   flex-wrap: wrap;  align-items: center;  border-top: 1px solid #ddd;   border-bottom: 1px solid #ddd;  }
.payment_method_btn_wrap .method_title { display: flex;   align-items: center; font-size: 18px;    width: 10em;    padding: 1.5em 0.8em;     background: #f8f8f8;}
.payment_method_btn_wrap .method_btn { padding: 0.5em;  }
.payment_method_btn_wrap .method_btn .btn {display: inline-block;    background: var(--key-color);    color: #fff;    border-radius: 5px;    font-size: 16px;    width: 6em; transition:all 0.15s}
.payment_method_btn_wrap .method_btn .btn:hover {box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
















/* Media Query */
@media only screen and ( min-width: 2000px ) {
	.sub_visual_wrap .swiper-slide {height: 63rem;}
}

@media only screen and ( max-width: 1600px ) {
/* sub visual */
.sub_visual_wrap .slider_title h3 {  font-size: 1.25vw;}
.sub_visual_wrap .slider_title h2 {   font-size: 3.125vw;}
.sub_visual_wrap .slider_title .link_btn {    font-size: 1.0625vw;}

/* toru list */
.tour_list_section .section_title {  font-size: 2.8125vw;}



/* 상품 상세화면 */
#sit_ov_wrap .photo .swiper-slide {height: 33.125vw}
#sit_ov_wrap .photo .swiper-slide img {height: 100%; max-width: 100%; object-fit: cover;}
#sit_ov_wrap .photo .btn-prev, #sit_ov_wrap .photo .btn-next {  width: 60px;  height: 50px;}


#sit_ov .prd_head_sum p {   font-size: 13px;}
#sit_ov #sit_title {  font-size: 2vw;}
#sit_ov .prd_tag_list li {font-size: 12px;}
#sit_ov .prd_price h2 { font-size: 1.5625vw;}
.sit_option .get_item_options label {   font-size: 13px; width: 40px;}
.sit_option .get_item_options > span {   width: calc(100% - 40px);}
.sit_option .get_item_options input, .sit_option .get_item_options select {font-size: 13px;}
#sit_opt_added li .opt_name {font-size: 11px;}
#sit_opt_added .sit_opt_prc {font-size: 13px;}
#sit_ov .prd_tag_list {margin-bottom: 1.875vw;}

.prd_default_information .info_line .subjects {  font-size: 1.25vw;}
.prd_default_information .info_line .desc, .prd_default_information .info_line .googlemap, .prd_default_information .info_line li {   font-size: 1.125vw;}


.n_day_schedule_wrap .photo_sliders .travel_detail_slider .swiper-slide img {  height: 9.375vw;}


#sit_tab .tab_tit li button {font-size: 1.125vw;}
.n_day_schedule_wrap .tit {font-size: 1.25vw;}
.n_day_schedule_wrap .schedule_list .list_tit, .n_day_schedule_wrap .schedule_list .list_desc {font-size: 14px;}
#sit_qa .tit {  font-size: 1.25vw;}
#sit_qa .desc, #sit_qa .desc p, #sit_qa .desc span {  font-size: 16px; word-break: break-all;}
#sit_dex .policy_desc .tit {font-size: 16px;}
#sit_dex .policy_desc .desc {font-size: 14px;}
#sit_use .sit_use_li {   padding: 1.875vw 0;}
#sit_use .user_info {   font-size: 12px;}
#sit_use .sit_use_dl .sit_use_tit {   font-size: 14px;}
#sit_use .sit_use_con .sit_use_p p {   font-size: 14px;}
#sit_use .is_useful {font-size: 12px;}
#sit_dex .policy_desc .sub_tit {  font-size: 16px;}


/* #sit_info #sit_tab {  width: calc(100% - 395px); padding-right: 20px;  margin-right: 0; } */
#sit_info #sit_buy {width: 395px;}
.prd_default_information .info_line .subjects {   font-size: 1.6vw;  }
.prd_default_information .info_line .desc,
.prd_default_information .info_line .googlemap,
.prd_default_information .info_line li {    font-size: 1.4vw;  }
 .n_day_schedule_wrap .tit {   font-size: 1.6vw;  }
 

#sit_ov .add_option_plus_minus .option_wrap {padding: 8px 25px 8px 15px;}
#sit_ov .add_option_plus_minus .option_wrap .btn_wrap input[type="text"] {  width: 30px;}



/* My Page */
.mypage_wrap .flex_wrap .inner_box {padding: 3.125vw 1.25vw; }
.mypage_wrap .flex_wrap .inner_box h3 {  font-size: 2.1875vw;}
.mypage_wrap .flex_wrap .inner_box .icon img {width: 4.6875vw}
.mypage_wrap .flex_wrap .inner_box p {font-size: 1.18vw}

.payment_history_wrap table thead th {  height: 60px;  font-size: 14px;}
.payment_history_wrap table tbody td {   height: 60px; font-size: 13px; padding: 20px 8px;}
.payment_history_wrap table tbody td a { font-size: 13px;}


.payment_detail_wrap #sod_fin_list .sod_img {width: 9.375vw;}
.payment_detail_wrap #sod_fin_list .sod_name {  width: calc(100% - 10.625vw); }


/* 개인결제 */
.personal_pay_list_wrap h2  {font-size: 1.875vw;}
.personal_pay_list_wrap .sct_pv .sct_li {font-size: 1.125vw;}
.personal_payment_form_wrap .pesonal h2,
.personal_payment_form_wrap #personal_pay h2 {font-size: 1.875vw;}
.personal_payment_form_wrap .pesonal th,
.payment_method_btn_wrap .method_title {font-size: 1.125vw;}
.personal_payment_form_wrap .pesonal td,
.payment_method_btn_wrap .method_btn .btn {   font-size: 1vw;}
}



@media ( min-width: 2000px) {
.mypage_wrap {min-height: calc(100vh - 456px);}
}



@media only screen and ( max-width: 1440px ) {
/* 상품 상세화면 */
#sit_ov .add_option_plus_minus {   margin-left: 0;}

}



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

/* 상품 상세화면 */
/*#sit_ov_wrap .photo {   width: 50%;}
 #sit_ov {   width: calc(50% - 30px); position: relative;} */





/* My Page */
.payment_history_wrap {overflow-x: auto;}
/*::-webkit-scrollbar { -webkit-appearance: none; }
::-webkit-scrollbar:vertical { width: 12px; }
::-webkit-scrollbar:horizontal { height: 12px; }
::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; }
::-webkit-scrollbar-track { border-radius: 10px; background-color: #ddd; }*/
.payment_history_wrap table {/*width:1100px;*/}

.payment_detail_wrap .flex_wrap .left_cont {   width: 100%;  padding-right: 0;}
.payment_detail_wrap .flex_wrap .right_cont {   width: 100%;   padding-top: 0;   margin-bottom: 60px;}

.payment_detail_wrap #sod_fin_list .sod_img {width: 150px;}
.payment_detail_wrap #sod_fin_list .sod_name {  width: calc(100% - 170px); }

}



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

/* toru list */
.tour_list_sliders .swiper-button-next, .tour_list_sliders .swiper-button-prev {   width: 50px;   height: 45px;}

/* 투어 리스트 슬라이더 아닐경우 */
.tour_list_section .tour_list_sliders.no-slider .swiper-slide {   width: calc((100% - 60px) / 3);}
.tour_list_section .tour_list_sliders.no-slider .main_hover_slide.small .swiper-slide .thumb-nail,
.tour_list_section .tour_list_sliders.no-slider .main_hover_slide.small .swiper-slide .thumb-nail img {height: 20vw;}


/* 상품 상세화면 */

#sit_info #sit_buy {display: none;}
#sit_info #sit_tab {   width: 100%;    padding-right: 0;      margin-right: 0;  }
#sit_ov #sit_title {     font-size: 2.5vw;  }
#sit_ov .prd_price h2 { font-size: 3vw; }
#sit_opt_added li {justify-content: flex-start;   align-items: center;  flex-wrap: wrap;}
#sit_opt_added li .opt_name {  width: 100%; }
#sit_opt_added li .opt_count {  width: 100%; }
/*#sit_ov .total_price_wrap {flex-wrap: wrap;}*/
.prd_default_information .info_line .subjects {   font-size: 2vw; }
.prd_default_information .info_line .desc, .prd_default_information .info_line .googlemap, .prd_default_information .info_line li {   font-size: 1.8vw;  }

#sit_tab .tab_tit li button {   font-size: 2vw;    }
.n_day_schedule_wrap .tit {   font-size: 2vw;  }
.n_day_schedule_wrap .schedule_list .list_tit, .n_day_schedule_wrap .schedule_list .list_desc {    font-size: 16px;  }
#sit_qa .tit {   font-size: 2vw; }

#sit_ov .add_option_plus_minus .option_wrap {flex-wrap: wrap;}
#sit_ov .add_option_plus_minus .option_wrap b {   display: inline-block;  /*width: 100%;  margin-bottom: 10px;*/}
#sit_ov .add_option_plus_minus .option_wrap .price {top: 65%;}

.n_day_schedule_wrap .photo_sliders .travel_detail_slider .swiper-slide img {   height: 30vw;  }


/* My Page */
.payment_detail_wrap #sod_fin_list .tbl_head03 {overflow-x: auto;}
.payment_detail_wrap #sod_fin_list .tbl_head03 table {    width: 900px;   white-space: nowrap;}

#sod_fin .payment_detail_wrap .info_table table th {  width: 150px;}
.payment_detail_wrap #sod_fin_pay li>strong { width: 150px;}
/* .payment_detail_wrap #sod_fin_pay li>span {   width: calc(100% - 150px);} */


/* 개인결제 */
.personal_pay_list_wrap h2  {font-size: 3vw;}
.personal_pay_list_wrap .sct_pv .sct_li {font-size: 1.8vw;}
.personal_payment_form_wrap .pesonal h2,
.personal_payment_form_wrap #personal_pay h2 {font-size: 3vw;}
.personal_payment_form_wrap .pesonal th,
.payment_method_btn_wrap .method_title {font-size: 1.8vw;}
.personal_payment_form_wrap .pesonal td,
.payment_method_btn_wrap .method_btn .btn {   font-size: 1.6vw;}
}



@media ( max-width: 980px) {
/* 상품 상세화면 */
#sit_ov_wrap .photo {    width: 100%; }
#sit_ov_wrap .photo .swiper-slide {    height: 60vw;  }
#sit_ov {   width: 100%;max-width: 100%; }
#sit_ov .add_option_plus_minus {  margin-left: 0;}


/* 결제화면 */
/*.checkout_wrap_all  .data_input_list li label {width: 100%;    background: #fff;   padding-left: 0;   padding-top: 1em;}*/
/*.checkout_wrap_all  .data_input_list li .data_input {width: 100%; padding-left: 0;}*/
.checkout_wrap_all .data_input_list .email_input_wrap .frm_input {max-width: 27vw !important;}
.checkout_wrap_all  .data_input_list .email_input_wrap span {width: 15px;}
.checkout_wrap_all .data_input_list li .radio_select_wrap label {margin-right: 10px;}
.checkout_wrap_all #sod_list .use_coupon_btn {padding: 0.5em 0.8em;}

/* 검색결과 */
#ssch .main_hover_slide.small .swiper-slide {width:calc((100% - (30px * 2)) / 3)}
#ssch .main_hover_slide.small .prd_name {font-size:1.8vw}

}




@media only screen and ( max-width: 767px ) {
/* sub visual */
.sub_visual_wrap .slider_title h3 {   font-size: 2vw;  }
.sub_visual_wrap .slider_title h2 {  font-size: 4vw; }
.sub_visual_wrap .slider_title .link_btn {     font-size: 2vw;     padding: 0.6em 1.8em 0.5em;  }

/* toru list */
.tour_list_sliders .swiper-button-next, .tour_list_sliders .swiper-button-prev { display:none; }
.tour_list_section .section_title {  font-size: 5vw;}
.tour_list_sliders {margin-right: -6%}

/* 투어 리스트 슬라이더 아닐경우 */
.tour_list_section .tour_list_sliders.no-slider .swiper-slide {width:90%; }
.tour_list_section .tour_list_sliders.no-slider .main_hover_slide.small .swiper-slide .thumb-nail,
.tour_list_section .tour_list_sliders.no-slider .main_hover_slide.small .swiper-slide .thumb-nail img {height: 56vw;}

/* 상품 상세화면 */

#sit_ov #sit_title {   font-size: 4.5vw;  }
#sit_ov .prd_price h2 {   font-size: 4.5vw;  }
.prd_default_information .info_line .subjects {   font-size: 3.3vw;  }
.prd_default_information .info_line .desc, .prd_default_information .info_line .googlemap, .prd_default_information .info_line li {  font-size: 3.3vw; }
#sit_tab .tab_tit li button {   font-size: 3vw;  }
.n_day_schedule_wrap .tit {  font-size: 3.3vw; }
#sit_qa .tit {   font-size: 3.3vw; }
#sit_dex .policy_desc .tit {  width: 100%; }
#sit_use .sit_use_li { padding: 5vw 0; }

.n_day_schedule_wrap .inner_content.meal .meal_box .iconbox {  width: 100px;}
.include_exclude_wrap dl dt,
.include_exclude_wrap dl dd {  width: 100%;}
.tab_con .bottom_btns_wrap a {width: 100%;}

/* My Page */
.mypage_wrap .flex_wrap .inner_box {  width: calc(50% - 15px);}
.mypage_wrap .flex_wrap .inner_box {padding: 5vw 2vw; }
.mypage_wrap .flex_wrap .inner_box h3 {  font-size: 4vw;}
.mypage_wrap .flex_wrap .inner_box .icon img {width: 8vw}
.mypage_wrap .flex_wrap .inner_box p {font-size: 2vw}

.payment_history_wrap.coupon table {    /*width:1030px;*/   }
.payment_history_wrap.coupon table thead th,
.payment_history_wrap.coupon table tbody td {   font-size: 15px;height: 70px;   padding: 10px;}
.coupon_page_gap.pb40 {padding-bottom: 15vw;}



/* 결제화면 */
.checkout_wrap_all #od_tot_price,
/*.checkout_wrap_all #od_pay_sl {width: 100%; padding: 20px;}*/
.checkout_wrap_all #sod_list {display: block;   width: 100%;   white-space: nowrap;   overflow-x: auto;}
.checkout_wrap_all .od_prd_list table tbody td {padding: 25px 25px;}






/* 검색결과 */
/*#ssch .main_hover_slide.small .swiper-slide {   width: 100%;}
#ssch  .main_hover_slide.small .swiper-slide .thumb-nail img {max-width:100%}
#ssch .main_hover_slide.small .swiper-slide .thumb-nail {    height: 60vw;   }
#ssch .main_hover_slide.small .swiper-slide .thumb-nail img {      height: 62vw;   }*/
#ssch .ssch_frm_inner {  padding: 20px;}
#ssch #ssch_frm  .ssch_scharea .ssch_input { height: 40px; width: 60vw; padding: 0.2em 1.2em;  font-size: 18px;}
#ssch #ssch_frm .ssch_scharea .btn_submit {width: 40px;  height: 40px;font-size: 18px;}

#ssch .main_hover_slide.small {gap:60px 20px}
#ssch .main_hover_slide.small .swiper-slide {width:calc((100% - 20px) / 2)}
#ssch .main_hover_slide .swiper-slide .thumb-nail {height:43.69vw}
#ssch .main_hover_slide.small .prd_name {font-size:18px}
#ssch .main_hover_slide.small .prd-price {font-size:18px}


/* 개인결제 */
.personal_pay_list_wrap .sct_pv .sct_li {width: calc((100% - 30px) / 2);}
.personal_pay_list_wrap .sct_pv .sct_li {    font-size: 2.8vw;  }

}


@media only screen and ( max-width: 480px ) {
/* sub visual */
.sub_visual_wrap .slider_title h3 {   font-size: 3.3vw;  }
.sub_visual_wrap .slider_title h2 {  font-size: 6vw; }
.sub_visual_wrap .slider_title .link_btn {     font-size: 3.3vw;     padding: 0.6em 1.8em 0.5em;  }
.sub_visual_wrap .swiper-pagination {  bottom: 10px !important;}

/* toru list */
.tour_list_section .section_title {  font-size: 8vw;}
.tour_list_section .section_title .add_title {display: block;   padding-left: 0;  padding-top: 0.5em;}



/*약관*/
#page_caption h1 {font-size: 25px;}





/* 상품 상세화면 */
#sit_ov_wrap .photo .btn-prev, #sit_ov_wrap .photo .btn-next {   width: 50px;   height: 40px; }
#sit_ov_wrap .photo .swiper-pagination {right: 10px; top: 10px;  width: 63px; font-size: 13px;}
#sit_ov .prd_head_sum {flex-wrap: wrap;}
#sit_ov .prd_head_sum p {   font-size: 16px;   margin-right: 0;   width: 100%; }
#sit_ov .prd_head_sum p b {display: inline-block; font-size: 1em;   padding-top: 0;  padding-left: 0.5em;}
#sit_ov #sit_title {  font-size: 6.8vw; }
#sit_ov .prd_price h2 {   font-size: 6.8vw;  }
.sit_option .get_item_options label {display: none;}
.sit_option .get_item_options > span {   width: 100%; }
#sit_sel_option ul {  margin-left: 0;}
#sit_btn_opt .sns_area {top: 35px;}
 #sit_ov .prd_tag_list li {   font-size: 14px; }
 #sit_ov .prd_tag_list {  margin-bottom: 5vw; }
 

.prd_default_information .info_line .subjects {   font-size: 4.5vw;  }
.prd_default_information .info_line .desc, .prd_default_information .info_line .googlemap, .prd_default_information .info_line li {   font-size: 4.3vw;  }
.prd_default_information .info_line .flex_wrap > ul {  width: 100%;}
.prd_default_information .info_line .flex_wrap  ul.includes {margin-bottom: 15px;}

#sit_tab .tab_tit li button {   font-size: 3.8vw; }
#sit_tab .tab_con { padding: 30px 10px;}
.n_day_schedule_wrap .tit {   font-size: 4.8vw; font-weight: 600; padding: 0.8em 2em 0.8em 0.8em;      display: flex;      align-items: center;}
.n_day_schedule_wrap .tit:before { right: 15px; width: 20px;  height: 20px;}
.n_day_schedule_wrap .tit:after {right: 22px;  width: 6px;  height: 6px; top: 54%;}
.n_day_schedule_wrap .tit b {width: 98px;}
.n_day_schedule_wrap .tit .local {width:calc(100% - 48px); padding-left: 10px;}
.n_day_schedule_wrap .contents {  padding: 0 10px 10px;}
.n_day_schedule_wrap .contents .contents {padding: 0 0 10px;}
#sit_qa .tit {   font-size: 4.5vw;  }
#sit_tab .tab_tit {gap: 2px;}
#sit_tab .tab_tit li {   width: calc(50% - 1px);}
#sit_tab .tab_tit li button {border-left: 1px solid #ceccd3 }

#sit_use .sit_use_images a {  width: 30%;}

 #sit_dex .policy_desc .tit {  font-size: 18px; }
 #sit_dex .policy_desc .desc {  font-size: 16px; }
 #sit_dex .policy_desc .sub_tit {   font-size: 18px;}
#sit_dex .policy_desc .sub_tit.last {padding-top: 15px;}
 


.n_day_schedule_wrap .contents_wrap {  padding-left: 40px;}
.n_day_schedule_wrap .contents .sub_tit {  font-size: 18px; margin-top: 20px;}
.n_day_schedule_wrap .contents .inner_tit {  font-size: 16px;}
.n_day_schedule_wrap .inner_content.meal {gap: 10px;}
.n_day_schedule_wrap .inner_content.meal .meal_box .iconbox {    width: 22vw; padding:2vw; }
.n_day_schedule_wrap .inner_content.meal .icon {  width: 25px;  height: 23px;}
.n_day_schedule_wrap .inner_content.meal .txt {  font-size: 12px;}
.n_day_schedule_wrap .inner_content.meal .meal_box p {   font-size: 13px; display: flex;    flex-direction: column;     align-items: center;    gap: 5px;}
.include_exclude_wrap dl dt {font-size: 15px;}
.include_exclude_wrap dl dd {font-size: 14px;}
.tab_con .include_exclude_wrap h2 { font-size: 18px;}
.include_exclude_wrap dl dt,
.include_exclude_wrap dl dd {padding: 12px}

.travel_detail_slider .swiper-button-next, .travel_detail_slider .swiper-button-prev {  width: 30px;  height: 30px;}


.get_item_options .nice-select .list li {height: auto; white-space: normal; line-height: 1.25em; display: flex;  align-items: center;} 
.get_item_options .nice-select {display: flex;  align-items: center;}
.get_item_options .nice-select .current {overflow: hidden; white-space: nowrap;   width: 97%;   display: inline-block;   text-overflow: ellipsis;}





/* popup slider */
.travel_detail_slide_popup .head_wrap {  height: 60px;}
.travel_detail_slide_popup .full_slide_img .swiper-slide {  height: 250px;}
.travel_detail_slide_popup .thumb_slide_img .swiper-slide img {   height: 50px; width: 100%;  max-width: 100%;}
.travel_detail_slide_popup .full_slide_img .swiper-button-next {right:0}
.travel_detail_slide_popup .full_slide_img .swiper-button-prev {left:0}
.travel_detail_slide_popup .full_slide_img .swiper-button-next:after,
.travel_detail_slide_popup .full_slide_img .swiper-button-prev:after { font-size: 25px;}


/* My Page */
.mypgae_title {  font-size: 20px;}
.mypage_wrap .flex_wrap {gap: 20px;}
.mypage_wrap .flex_wrap .inner_box {  width: calc(50% - 10px);}
.mypage_wrap .flex_wrap .inner_box {padding: 8vw 2vw; }
.mypage_wrap .flex_wrap .inner_box h3 {  font-size: 6vw;}
.mypage_wrap .flex_wrap .inner_box .icon img {width: 12vw}
.mypage_wrap .flex_wrap .inner_box p {font-size: 4.8vw;     padding: 0.25em;  width: 6em;}

.mypage.btn_confirm .btn_goback {width: 120px;height: 40px; font-size: 15px;}

/*
.qrcode_popup_wrap .qrcode_box .item_name {font-size: 20px;}
.qrcode_popup_wrap .qrcode_box table th {  font-size: 14px;}
.qrcode_popup_wrap .qrcode_box table td {  font-size: 13px;}
.qrcode_popup_wrap .qrcode_box .code_img img {  width: 150px;}
.qrcode_popup_wrap .qrcode_box .notice_wrap p { font-size: 13px;}
.qrcode_popup_wrap .qrcode_box table th {padding: 5px 0;}
.qrcode_popup_wrap .qrcode_box .body_wrap {padding: 0 25px;}
.qrcode_popup_wrap .qrcode_box .notice_wrap {padding: 15px 20px 5px}
.qrcode_popup_wrap .qrcode_box .code_img {padding: 15px 0 20px;}
*/
.qrcode_popup_wrap .qrcode_box .close_btn {right: -15px;}

#sod_fin_no.detail {margin-bottom: 50px; font-size: 3.8vw;}
.payment_detail_wrap h2 {  font-size: 20px;}
#sod_fin .payment_detail_wrap .info_table table th {  width: 100px;  }
#sod_fin .payment_detail_wrap .info_table table th,
#sod_fin .payment_detail_wrap .info_table table td { padding: 15px;}
.payment_detail_wrap #sod_fin_pay li>strong {   width: 100px; }
/* .payment_detail_wrap #sod_fin_pay li>span {   width: calc(100% - 100px);  } */
.payment_detail_wrap .flex_wrap .right_cont {margin-bottom: 40px;}


#sod_ws .list_02 li {padding: 20px 10px; flex-wrap: wrap;}
#sod_ws .wish_chk label input + span {width: 30px;}
#sod_ws .wish_info {padding-left: 30px !important;   padding-top: 20px ! IMPORTANT;  width: 100%;}
#sod_ws .wish_info .prd_tag_list li {font-size: 12px;}




/* 결제화면 */
.checkout_wrap_all .iti__country-container {width: 70px;}
.checkout_wrap_all .iti__selected-dial-code {  margin-left: 0;  font-size: 14px;}
/* .checkout_wrap_all .iti__tel-input {margin-left: 80px !important; max-width: calc(100% - 80px) !important;} */
.checkout_wrap_all .privacy_check_wrap label input + span {   font-size: 15px;}
.checkout_wrap_all .payment_method_select_box label p {font-size: 16px;height: 70px;}
.checkout_wrap_all .data_input_list li .data_input .email_addr_select {font-size: 13px;}
.checkout_wrap_all .traveler_value_copy {    text-align: left;}

.ui-datepicker {width: 90% !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {width: 28px;  height: 28px;}
.ui-datepicker table td a {  font-size: 14px;}
.ui-datepicker .ui-datepicker-title {font-size: 20px;}
.ui-datepicker td {width: 30px;  height: 30px;}
.ui-datepicker th span {font-size: 13px !important;}
.ui-datepicker .ui-datepicker-title select {font-size: 15px !important; width: 40% ! IMPORTANT; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {  width: 30px !important;  height: 30px !important;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {background-size: 8px;}

#sit_ov .add_option_plus_minus .option_wrap .del_opt_btn {font-size: 32px;}

.checkout_wrap_all .od_prd_list .td_prd .sod_img img {   width: 100px;   height: 100px;}
.checkout_wrap_all .od_prd_list .td_prd {   padding-left: 0;}
.checkout_wrap_all .privacy_check_wrap .toggle_head {padding: 15px; padding-right: 35px;}



/* Request */
.request_page #bo_w {  margin-top: 40px; }
.request_page .bo_w_select.write_div label,
.request_page .bo_w_tit.write_div label,
.request_page .bo_w_option.write_div .title,
.request_page .bo_w_info.write_div .title {  width: 80px;  height: 38px;  font-size: 13px;	padding: 10px 10px;   padding-left: 10px; }
.request_page .bo_w_select.write_div,
.request_page .bo_w_tit.write_div,
.request_page .bo_w_option.write_div,
.request_page .bo_w_info.write_div {  height: 40px;   padding: 5px;   padding-left: 85px; }
.request_page #bo_w .bo_w_tit .frm_input,
.request_page #bo_w .bo_w_info .frm_input {   padding-right: 5px;  height: 28px;  font-size: 13px;  }
.request_page .bo_w_option.write_div .title {   height: 100%;}
.request_page #bo_w .bo_w_select.write_div .board_select_box select {height: 28px;  font-size: 13px;}
.request_page .wr_content textarea {height: 150px !important}
.request_page #bo_w .btn_cancel,
.request_page  #bo_w .btn_submit {  font-size: 13px;  width: 90px;  padding: 10px; }
.request_page .nice-select {height: 28px;  line-height: 28px;}

.request_page.ko .nice-select {font-size: 13px;}


/* 개인결제 */
.personal_pay_list_wrap h2  {font-size: 6vw;}
.personal_pay_list_wrap .sct_pv .sct_li {font-size: 6.2vw; width: 100%;}
.personal_payment_form_wrap .pesonal h2,
.personal_payment_form_wrap #personal_pay h2 {font-size: 6vw;}
.personal_payment_form_wrap .pesonal th,
.payment_method_btn_wrap .method_title {font-size: 4.2vw; width: 8em;   padding: 1em 0.8em;}
.personal_payment_form_wrap .pesonal td,
.payment_method_btn_wrap .method_btn .btn {   font-size: 3.8vw;}
.personal_payment_form_wrap .pesonal td input {height: 38px;}

/*검색결과*/
#ssch .pt100 {padding-top:60px}
#ssch h2.search_result_title {font-size:20px}
#ssch .main_hover_slide .swiper-slide .thumb-nail {height:90vw}
#ssch .main_hover_slide.small {gap:40px 0}
#ssch .main_hover_slide.small .swiper-slide {width:100%}
}


@media only screen and ( max-width: 375px ) {
	.tour_list_sliders .swiper-slide {max-width:255px; margin-right:20px}
}


@media only screen and ( max-width: 420px ) {
	.item_detail_calendar_display .td_wrap {   width: 45px;   height: 50px;}
	.item_detail_calendar_display .single-day b {font-size:0.8em;}
}

@media only screen and ( max-width: 320px ) {
	.item_detail_calendar_display .td_wrap {   width: 36px;     height: 50px;    }
	.item_detail_calendar_display .single-day b {font-size:0.8em;}
}


/*****2024.09.12 이다혜 마이페이지 작업*****/
.mypage_new_wrap {display:grid; grid-template-columns: 230px minmax(auto, calc(100% - 280px)); grid-template-rows: auto 1fr; gap:0 50px}
.mypage_new_wrap .side_menu {grid-row: 1 / span 3}

.mp_title {font-size:36px; font-weight:700}
.mp_sub_title {font-size:26px; font-weight:700; text-align:left}
.mp_sub_title:before{content:''; display:block; width:22px; height:4px; background:var(--sub-key-color); border-radius:4px; margin-bottom:8px}

/*.mypage_new_wrap .side_menu .side_menu_list {margin-top:30px; padding:15px; border:1px solid var(--line); border-radius:15px}
.mypage_new_wrap .side_menu .side_menu_list li a {display:block; font-size:16px; font-weight:400; padding:0.88em 1.06em; border-radius:6px; text-align:center; transition:0.2s ease; position:relative}
.mypage_new_wrap .side_menu .side_menu_list li a:hover,
.mypage_new_wrap .side_menu .side_menu_list li a.active {background:var(--sub-key-color); color:#fff; text-indent:-20px; font-weight:600}
.mypage_new_wrap .side_menu .side_menu_list li a:hover:after,
.mypage_new_wrap .side_menu .side_menu_list li a.active:after {content:'→'; display:block; position:absolute; right:1.06em; top:50%; transform:translateY(-50%)}*/

.mypage_new_wrap .profile_box {padding:20px 40px; border-radius:10px; border:1px solid var(--line); background:var(--bg-light); display:flex; align-items:center; gap:0 30px}
.mypage_new_wrap .profile_box .profile_img {overflow:hidden; width:80px; height:80px; border-radius:50%}
.mypage_new_wrap .profile_box .profile_img img {width:100%; height:100%; object-fit:cover}
.mypage_new_wrap .profile_box .profile_info p:first-child {font-size:19px; font-weight:600; margin-bottom:5px}
.mypage_new_wrap .profile_box .profile_info p:last-child {color:var(--font-gray)}

.mypage_new_wrap [class*="chk_wrap_"] .row {padding:20px 0}
.mypage_new_wrap [class*="chk_wrap_"] .row:last-child {border-bottom:1px solid var(--line)}

.title_cir + .agree_pirvacy_policy {border-top:2px solid var(--font-bk)}
.agree_pirvacy_policy.with_slide_btn {border-top:1px solid var(--font-bk)}
.agree_pirvacy_policy.with_slide_btn [class*="chk_wrap_"] .row {padding:20px}

.privacy_contents_wrap + .agree_pirvacy_policy.with_slide_btn {border-top:none}
.agree_pirvacy_policy.with_slide_btn.last [class*="chk_wrap_"] .row {padding:20px 20px 0; border-bottom:none}

.caption_box {border:1px solid var(--line); margin-top:15px; padding:20px}
.caption_box ul li {padding-left:13px; position:relative; line-height:1.5}
.caption_box ul li:before{content:''; display:block; width:3px; height:3px; border-radius:50%; background:var(--font-bk); position:absolute; left:0; top:9px}
.caption_box ul li.notion {color:var(--point)}
.caption_box ul li.notion:before{background:var(--point)}

.mypage_new_wrap .goodbye_box {text-align:center}
.mypage_new_wrap .goodbye_box .profile_img {overflow:hidden; width:80px; height:80px; border-radius:50%; margin:0 auto}
.mypage_new_wrap .goodbye_box .profile_img img {display:block; width:100%; height:100%; object-fit:cover}
.mypage_new_wrap .goodbye_box .profile_img + p {font-size:24px; font-weight:600; margin-top:10px}
.mypage_new_wrap .goodbye_box .profile_img + p + p {margin-top:5px; color:var(--font-gray)}

.mypage_new_wrap .goodbye_box .single_input_box {background:var(--bg-light); padding:20px 40px; border-radius:6px; max-width:422px; width:100%; margin-left:auto; margin-right:auto; display:flex; align-items:center; gap:0 20px}
.mypage_new_wrap .goodbye_box .single_input_box label {flex-shrink:0}

/* .mypage_new_wrap .my_review_list {border:1px solid var(--line); border-radius:15px; overflow:hidden}
.mypage_new_wrap .my_review_list .item {padding:0 40px; transition:0.2s ease}
.mypage_new_wrap .my_review_list .item:hover {background:#f8f8f8}
.mypage_new_wrap .my_review_list .item:hover .inner .title a{color:var(--sub-key-color)}
.mypage_new_wrap .my_review_list .item:first-child {padding:15px 40px 0}
.mypage_new_wrap .my_review_list .item:last-child {padding:0 40px 15px}
.mypage_new_wrap .my_review_list .item .inner {padding:32px 0; border-bottom:1px solid var(--line); display:grid; grid-template-columns:minmax(auto, calc(100% - 210px)) 190px; grid-template-rows: auto 1fr; gap: 0 20px}
.mypage_new_wrap .my_review_list .item:last-child .inner {border-bottom:none}
.mypage_new_wrap .my_review_list .item .inner .title {font-size:22px; font-weight:700; display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.3}
.mypage_new_wrap .my_review_list .item .inner .title a {transition:0.2s ease}
.mypage_new_wrap .my_review_list .item .inner ul {margin-top:15px}
.mypage_new_wrap .my_review_list .item .inner ul li {line-height:1.4}
.mypage_new_wrap .my_review_list .item .inner ul li span {color:var(--font-gray2)}
.mypage_new_wrap .my_review_list .item .inner .list_ctrl {grid-column-start: 2; grid-row: 1 / span 3; align-self: center; justify-self:flex-end; display:flex; gap:0 10px}
.mypage_new_wrap .my_review_list .item .inner .list_ctrl .c_btn{width:90px; height:90px; border-radius:50%; font-size:15px; font-weight:700; border:none; display:block; padding-top:28px; transition:0.2s ease}
.mypage_new_wrap .my_review_list .item .inner .list_ctrl .edit{background:var(--sub-key-color) url("../img/sub/edit_icon_pencil.svg") no-repeat 50% 23px; color:var(--color-white)}
.mypage_new_wrap .my_review_list .item .inner .list_ctrl .edit:hover {background-color:var(--key-color)}
.mypage_new_wrap .my_review_list .item .inner .list_ctrl .delete{background:var(--line) url("../img/sub/edit_icon_delete.svg") no-repeat 50% 21px; color:var(--font-gray2)}
.mypage_new_wrap .my_review_list .item .inner .list_ctrl .delete:hover {background-color:#CECECE}
.mypage_new_wrap .my_review_list .item .inner .list_ctrl .edit.reg {background-image: url("../img/sub/edit_icon_cal.svg")} */

.mypage_new_wrap #sod_ws .my_review_list .wish_chk {display:inline-block; cursor:pointer}
.mypage_new_wrap #sod_ws .my_review_list .wish_chk label input + span {width:24px; height:24px; display:block}
.mypage_new_wrap #sod_ws .my_review_list .wish_chk label input + span:before {background-image:url("../img/sub/wish_icon.svg"); width:24px; height:24px}
.mypage_new_wrap #sod_ws .my_review_list .wish_chk label input:checked + span:before {background-image:url("../img/sub/wish_icon_chk.svg")}

.mypage_new_wrap .my_review_list .item .inner .title.wish {display:flex; align-items: center; gap:0 10px}

.my_review_write {border-top:1px solid var(--font-bk)}
.my_review_write .title {font-size:22px; font-weight:600; padding:1.36em 1.14em; border-bottom:1px solid var(--line); line-height:1.3; word-break:keepa-ll}
.my_review_write .write_wrap {padding:30px 20px}
.my_review_write .title_input_wrap {display:flex; flex-direction:column; gap:10px 0}

@media only screen and ( max-width: 1280px ) {
	.mypage_new_wrap {grid-template-columns:100%; grid-template-rows:auto}
	.mypage_new_wrap.pt50 {padding-top:6.15vw}
	.mypage_new_wrap.pb90 {padding-bottom:8.3vw}
	.mypage_new_wrap .side_menu {grid-row:inherit}
	.mypage_new_wrap .side_menu .side_menu_list {display:grid; grid-template-columns: repeat(3, 1fr)}
	.mypage_new_wrap .mypage_nav {margin-top:30px}
}

@media only screen and ( max-width: 980px ) {
	.mp_title {font-size:28px}
	.mp_sub_title {font-size:22px}
	.title_cir {font-size:18px; padding-left:15px}
	.title_cir:before {width:8px; height:8px; top:6px}

	/*.mypage_new_wrap .my_review_list .item {padding:0 20px}
	.mypage_new_wrap .my_review_list .item:first-child {padding:10px 20px 0}
	.mypage_new_wrap .my_review_list .item:last-child {padding:0 20px 10px}
	.mypage_new_wrap .my_review_list .item .inner {padding:22px 0}
	.mypage_new_wrap .my_review_list .item .inner .title {font-size:18px; padding-top:10px}
	.mypage_new_wrap .my_review_list .item .inner ul {margin-top:10px}

	.mypage_new_wrap .my_review_list .item .inner .title.wish {gap:0 6px}
	.mypage_new_wrap #sod_ws .my_review_list .wish_chk label input + span {width:20px; height:20px}
	.mypage_new_wrap #sod_ws .my_review_list .wish_chk label input + span:before {width:20px; height:20px}

	.my_review_write .title {font-size:18px}*/
}

@media only screen and ( max-width: 767px ) {
	/*.mypage_new_wrap .my_review_list .item .inner {grid-template-columns: 100%}
	.mypage_new_wrap .my_review_list .item .inner .list_ctrl {grid-column-start: inherit; grid-row: inherit; margin-top:15px}
	.mypage_new_wrap .my_review_list .item .inner .list_ctrl .c_btn {width:60px; height:60px; font-size:13px; padding-top:20px}
	.mypage_new_wrap .my_review_list .item .inner .list_ctrl .edit {background:var(--sub-key-color) url("../img/sub/edit_icon_pencil.svg") no-repeat 50% 10px}
	.mypage_new_wrap .my_review_list .item .inner .list_ctrl .delete {background:var(--line) url("../img/sub/edit_icon_delete.svg") no-repeat 50% 7px}

	.my_review_write .write_wrap {padding:30px 0}*/

}

@media only screen and ( max-width: 480px ) {
	.mp_title {font-size:24px}
	.mp_sub_title {font-size:20px}
	.mp_sub_title.mt100 {margin-top:12.3vw}
	.mp_sub_title + .mt30 {margin-top:5.9vw}

	.mypage_new_wrap.pt50 {padding-top:9.15vw}
	.mypage_new_wrap.pb90 {padding-bottom:12.3vw}

	/* .mypage_new_wrap .side_menu .side_menu_list {padding:5px} 
	.mypage_new_wrap .side_menu .side_menu_list li a {font-size:13px; padding:0.8em 0.5em}
	.mypage_new_wrap .side_menu .side_menu_list li a:hover:after, 
	.mypage_new_wrap .side_menu .side_menu_list li a.active:after {right:0.5em}

	.mypage_new_wrap .mypage_nav.mb30 {margin-bottom:30px}

	.mypage_new_wrap .profile_box.mb30 {margin-bottom:20px}
	.mypage_new_wrap .profile_box {padding:15px 10px; gap:0 15px}
	.mypage_new_wrap .profile_box .profile_img {width:60px; height:60px}
	.mypage_new_wrap .profile_box .profile_info p:first-child {font-size:17px}

	.mypage_new_wrap .goodbye_box .profile_img {width:60px; height:60px}
	.mypage_new_wrap .goodbye_box .profile_img + p {font-size:20px}
	.mypage_new_wrap .goodbye_box .single_input_box {padding:10px 20px; gap:0 15px}
	.mypage_new_wrap .goodbye_box .single_input_box.mt30 {margin-top:20px}

	.mypage_new_wrap .my_review_list .item,
	.mypage_new_wrap .my_review_list .item:first-child,
	.mypage_new_wrap .my_review_list .item:last-child{padding:0 15px}
	.mypage_new_wrap .my_review_list .item .inner .title {padding-top:0}

	.my_review_write .write_wrap {padding:30px 0 20px}
	.my_review_write .title {padding:1.36em 0}*/

	.sub_page.pb90 {padding-bottom:12.3vw}
}


/*****2024.09.27 이다혜 서브페이지 새 작업*****/

/**서브 비주얼 공통**/
.sub_headline_wrap {display:flex; align-items:center}
.sub_headline {text-align: left; font-size: 5rem; font-family: "Noto Serif KR", serif; font-weight:normal; width:100%; line-height:1.4}

@media (max-width:1600px) {
	.sub_headline {font-size:2.5vw}	
}

@media (max-width:767px) {
	.sub_headline {font-size:4vw; padding-top:14px}	
}

@media (max-width:480px) {
	.sub_headline {font-size:6vw; word-break:keep-all}
	.sub_headline br {display:none}
}

/**상품 리스트**/
.sub_product_wrap {display:grid; gap: 8rem 2rem; grid-template-columns: repeat(4, minmax(calc((100% - (2rem * 3)) / 4), 300px));}
/* 2024.10.30 - 김희정 display: flex; flex-direction:column; height:100%; */
.sub_product_wrap .item a {
    display: flex; flex-direction:column; height:100%; border-radius: 10px; overflow: hidden; background: #fff;
    -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);
    transition: all 0.1s;
}
.sub_product_wrap .item .thumb-nail {
    position: relative;
}
.sub_product_wrap .item .thumb-nail .state-label {
    position: absolute; left: 10px; top: 10px; display: block;
    width: 49px; height: 49px; border-radius: 50%; font-size: 13px;
    font-weight: 700; color: #fff; background: var(--sub-key-color);
    display: flex; justify-content: center; align-items: center; line-height: 1.1;
}
.sub_product_wrap .item .thumb-nail .state-label.arr {background:var(--label-yellow); color:var(--font-bk)}
.sub_product_wrap .item .thumb-nail .state-label.res {background:var(--label-green)}
/* 2024.10.30 - 김희정 flex:1;  */
.sub_product_wrap .item .info {
	flex:1; 
}
.sub_product_wrap .item .info .date_label_wrap {
    display: flex; gap: 3px; flex-wrap: wrap;
}
.sub_product_wrap .item .info .date_label_wrap span {
    font-size: 12px; font-weight: 600; color: var(--sub-key-color);
    background: #eeecf9; padding: 5px 10px; border-radius: 12px;
    display: inline-block;
	letter-spacing:-0.04em; /* 2024.10.30 - 김희정 letter-spacing:-0.04em; */
}
.sub_product_wrap .item .info .date_label_wrap + * {
    margin-top: 15px;
}
.sub_product_wrap .item .info .prd_name {
    font-size: 20px; font-weight: 500; line-height: 1.2em; height: auto;
    margin-bottom: 0.4em; overflow: hidden; word-wrap: break-word;
    text-overflow: ellipsis; white-space: nowrap; transition: all 0.15s;
}
.sub_product_wrap .item .info .tags {
    color: #999; word-spacing: 0.1em; margin-bottom: 2em;
    transition: all 0.15s; height: 1.2em; overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap;
}

/*2024.10.21 이다혜 서브 상품 리스트 추가수정*/
.sub_product_wrap .item .thumb-nail {
	position: relative;
    width: 100%; /* 필요에 따라 너비를 설정 */
    height: 300px; /* 원하는 높이 설정 */
    overflow: hidden; /* 넘치는 부분 숨김 */
}

.sub_product_wrap .item .thumb-nail img {
	width: 100%; /* 너비를 100%로 설정 */
    height: 100%; /* 높이를 100%로 설정 */
    object-fit: cover; /* 이미지 비율 유지하면서 크기 조정 */
    object-position: center; /* 이미지 중앙 정렬 */
	max-width:100%;
}

@media (max-width:1600px) {
	.sub_product_wrap .item .info .date_label_wrap span {font-size:0.8vw}

	/*2024.10.21 이다혜 서브 상품 리스트 추가수정*/
	.sub_product_wrap .item .thumb-nail {height:18.75vw}
}

@media (max-width:980px) {
	.sub_product_wrap {padding-top:10px; grid-template-columns: repeat(3, minmax(calc((100% - (30px * 2)) / 3), 300px))}
	.sub_product_wrap .item .info .date_label_wrap span {font-size:1.4vw}
	.sub_product_wrap .item .info .prd_name {font-size:1.8vw}
	.sub_product_wrap .item .info .prd-price {font-size:1.8vw}

	/*2024.10.21 이다혜 서브 상품 리스트 추가수정*/
	.sub_product_wrap .item .thumb-nail {height:30.61vw}
}

@media (max-width:767px) {
	.sub_product_wrap {gap:60px 20px; grid-template-columns: repeat(2, minmax(calc((100% - 20px) / 2), 50%))}

	/*2024.10.21 이다혜 서브 상품 리스트 추가수정*/
	.sub_product_wrap .item .thumb-nail {height:43.69vw}
}

@media (max-width:480px) {
	.sub_product_wrap .item .info {min-height:auto}

	/*2024.10.21 이다혜 서브 상품 리스트 추가수정*/
	.sub_product_wrap .item .thumb-nail {height:90vw}
}

/**상품 리스트 페이저 커스텀**/
.product_content .pg_wrap {margin: 65px 0 0}
.product_content .pg_page{cursor: pointer;width: 40px;height: 40px;padding: 0;min-width: unset;text-decoration: none;background: unset;border: 0;font-size: 14px;font-weight: 500;line-height: 40px;text-align: center;letter-spacing: 0;color: #505050;-webkit-transition: all 0.35s;-moz-transition: all 0.35s;-o-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;}
.product_content .pg_page.pg_page_num:last-child{margin-left: 5px;}
/* .product_content .pg_page:hover{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);background-color: unset;} */
.product_content .pg_page:hover {background: #D0D0D0}
.product_content .pg_current{border-radius: 100px;width: 40px;height: 40px;line-height: 40px; background: #222;border: unset;color: #fff;cursor: pointer;}
.product_content .pg_prev,
.product_content .pg_next{background: unset;border: 0;text-indent: unset;width: fit-content; color: #222;font-size: 14px;font-weight: 500;line-height: 16.71px;text-align: center;height: auto;border-radius: 0; -webkit-transition: all 0.35s;-moz-transition: all 0.35s;-o-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;}
.product_content .pg_prev{margin-left: -55px;margin-right: 55px;}
.product_content .pg_next{margin-left: 55px;margin-right: -55px;}
.product_content .pg_prev:hover{margin-left: -60px;margin-right: 60px;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.product_content .pg_next:hover{margin-left: 60px;margin-right: -60px;}

/**마이페이지 페이저 커스텀**/
/*.mypage_cont .pg_wrap {margin-top:30px}
.mypage_cont .pg_page{cursor: pointer;width: 40px;height: 40px;padding: 0;min-width: unset;text-decoration: none;background: unset;border: 0;font-size: 14px;font-weight: 500;line-height: 40px;text-align: center;letter-spacing: 3px;color: #505050;-webkit-transition: all 0.35s;-moz-transition: all 0.35s;-o-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;}
.mypage_cont .pg_page.pg_page_num:last-child{margin-left: 5px;}
.mypage_cont .pg_page:hover{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);background-color: unset;}
.mypage_cont .pg_current{border-radius: 100px;width: 40px;height: 40px;line-height: 40px; background: #222;border: unset;color: #fff;cursor: pointer;}
.mypage_cont .pg_prev,
.mypage_cont .pg_next{background: unset;border: 0;text-indent: unset;width: fit-content; color: #222;font-size: 14px;font-weight: 500;line-height: 16.71px;text-align: center;height: auto;border-radius: 0; -webkit-transition: all 0.35s;-moz-transition: all 0.35s;-o-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;}
.mypage_cont .pg_prev{margin-left: -55px;margin-right: 55px;}
.mypage_cont .pg_next{margin-left: 55px;margin-right: -55px;}
.mypage_cont .pg_prev:hover{margin-left: -60px;margin-right: 60px;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.mypage_cont .pg_next:hover{margin-left: 60px;margin-right: -60px;}*/

@media (max-width:980px) {
	.product_section.pb90 {padding-bottom:10.2vw}
	.product_content .pg_prev{margin-left: -25px;margin-right: 25px;}
	.product_content .pg_next{margin-left: 25px;margin-right: -25px;}
	.product_content .pg_prev:hover{margin-left: -30px;margin-right: 30px;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
	.product_content .pg_next:hover{margin-left: 30px;margin-right: -30px;}

	/*.mypage_cont .pg_prev{margin-left: -25px;margin-right: 25px;}
	.mypage_cont .pg_next{margin-left: 25px;margin-right: -25px;}
	.mypage_cont .pg_prev:hover{margin-left: -30px;margin-right: 30px;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
	.mypage_cont .pg_next:hover{margin-left: 30px;margin-right: -30px;}*/
}

@media (max-width:480px) {
	.product_content .pg_wrap {margin:35px 0 0}
	.product_content .pg_page {height: 20px; line-height: 20px;     min-width: 20px;}
	.product_content .pg_current {padding: 0 5px;     min-width: 20px; }

	/*.mypage_cont .pg_wrap {margin:35px 0 0}
	.mypage_cont .pg_page {height: 20px; line-height: 20px;     min-width: 20px;}
	.mypage_cont .pg_current {padding: 0 5px;     min-width: 20px; }*/
}


/**여행상품 메인 및 서브**/
.tour_menu ul {display:flex; justify-content:center; gap:0 70px}
.tour_menu ul span.icon {display:block; width:110px; height:110px; border-radius:40px}
.tour_menu ul span.txt {display:block; padding-top:15px}
.tour_menu ul li:nth-child(1) span.icon {background:var(--bg-light) url('../img/sub/tour_menu_icon1.svg') no-repeat center / 60px}
.tour_menu ul li:nth-child(2) span.icon {background:var(--bg-light) url('../img/sub/tour_menu_icon2_new.svg') no-repeat center / 61px}
.tour_menu ul li:nth-child(3) span.icon {background:var(--bg-light) url('../img/sub/tour_menu_icon3.svg') no-repeat center / 60px}
.tour_menu ul li:nth-child(4) span.icon {background:var(--bg-light) url('../img/sub/tour_menu_icon4.svg') no-repeat center / 55px}
.tour_menu ul li:nth-child(5) span.icon {background:var(--bg-light) url('../img/sub/tour_menu_icon5.svg') no-repeat center / 57px}
.tour_menu ul li:nth-child(6) span.icon {background:var(--bg-light) url('../img/sub/tour_menu_icon6.svg') no-repeat center / 60px}
.tour_menu ul li a span.icon {transition:0.2s ease}

.tour_menu ul li a:hover span.icon {box-shadow: 0px 0px 26px rgb(84 95 138 / 18%)}

.event_swiper_wrap {position:relative}
.event_swiper_wrap .event_swiper .sub_swiper .swiper_slide {overflow:hidden; border-radius:10px}
.event_swiper_wrap [class *="btn-"] {display: block; width: 58px; height: 58px; background: #fff; border-radius: 50%; box-shadow: 1px 1px 30px 1px rgba(0, 0, 0, 0.1); font-size: 0; display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform:translateY(-50%); z-index:2; transition: 0.2s ease}
.event_swiper_wrap [class *="btn-"]:before {content: ""; display: block; -webkit-mask-size: cover; width: 12px; height: 22px; -webkit-mask-image: url(../img/main/slide_arrow.svg); background-color: var(--font-bk); transition: 0.2s ease}
.event_swiper_wrap .btn-prev {left:-100px}
.event_swiper_wrap .btn-next {right:-100px}
.event_swiper_wrap .btn-prev:before {transform:rotate(180deg)}

.event_swiper_wrap .thumb-nail {border-radius:10px; overflow:hidden; height:230px}
.event_swiper_wrap .thumb-nail img {width:100%; height:100%; object-fit:cover; max-width:100%}

.mid_banner .inner {display: flex; align-items: center; column-gap: 1.6rem;}
/*.mid_banner .inner img {position:absolute; left:0; top:0; display:block; width:100%; height:100%; object-fit:cover}*/
.mid_banner .inner .cont{position:relative; z-index:2; height:100%; display:flex; justify-content:center; flex-direction:column}
.mid_banner .inner .cont h2 {padding-bottom:15px}
.mid_banner .inner .cont p {line-height:1.3; padding-bottom:15px}
.title-withbar {font-size: 2.2rem; position: relative; padding-left: 1.8rem;}
.title-withbar::before {content: ""; display: inline-block; width: 0.8rem; height: 2rem; background: var(--yellow); position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50px;}
.title-withbar.font-15 {font-size: 1.5rem; padding-left: 1.3rem;}
.title-withbar.font-15::before {width: 0.6rem; height: 1.5rem;}

@media (max-width:1600px) {
	.event_swiper_wrap .thumb-nail{height:14.37vw}
}

@media (max-width:1440px) {
	.event_swiper_wrap .btn-prev {left:-29px}
	.event_swiper_wrap .btn-next {right:-29px}
}

@media (max-width:1280px) {
	/**여행상품 메인**/
	.tour_menu ul {gap:5.46vw}
	.tour_menu ul span.icon {width: 8.59vw; height: 8.59vw; border-radius: 3.12vw}
	.tour_menu ul li:nth-child(1) span.icon {background-size: 4.86vw}
	.tour_menu ul li:nth-child(2) span.icon {background-size: 4.76vw}
	.tour_menu ul li:nth-child(3) span.icon	{background-size: 4.86vw}
	.tour_menu ul li:nth-child(4) span.icon {background-size: 4.29vw}
	.tour_menu ul li:nth-child(5) span.icon {background-size: 4.45vw}
	.tour_menu ul li:nth-child(6) span.icon {background-size: 4.86vw}
}

@media (max-width:767px) {
	.tour_menu ul {display:grid; grid-template-columns: repeat(3, 1fr); gap:3.46vw}
	.tour_menu ul span.icon {margin:0 auto; width: 12.59vw; height: 12.59vw; border-radius: 4.12vw}
	.tour_menu ul li:nth-child(1) span.icon {background-size: 6.86vw}
	.tour_menu ul li:nth-child(2) span.icon {background-size: 6.76vw}
	.tour_menu ul li:nth-child(3) span.icon	{background-size: 6.86vw}
	.tour_menu ul li:nth-child(4) span.icon {background-size: 6.29vw}
	.tour_menu ul li:nth-child(5) span.icon {background-size: 6.45vw}
	.tour_menu ul li:nth-child(6) span.icon {background-size: 6.86vw}

	.event_swiper_wrap [class *="btn-"] {display:none}
	.event_swiper_wrap .thumb-nail{height:23.98vw}

	.sub_product_wrap .item .info .date_label_wrap span {font-size:13px}
	.sub_product_wrap .item .info .prd_name {font-size:18px}
	.sub_product_wrap .item .info .prd-price {font-size:18px}
}

@media (max-width:480px) {
	.tour_menu.pbt100 {padding: 10.9vw 0}
	.tour_menu ul {gap: 6.46vw 3.46vw}
	.tour_menu ul span.icon {width: 19.59vw; height: 19.59vw; border-radius: 6.12vw}
	.tour_menu ul li:nth-child(1) span.icon {background-size: 9.86vw}
	.tour_menu ul li:nth-child(2) span.icon {background-size: 9.76vw}
	.tour_menu ul li:nth-child(3) span.icon	{background-size: 9.86vw}
	.tour_menu ul li:nth-child(4) span.icon {background-size: 9.29vw}
	.tour_menu ul li:nth-child(5) span.icon {background-size: 9.45vw}
	.tour_menu ul li:nth-child(6) span.icon {background-size: 9.86vw}

	.banner_zone.pb90 {padding-bottom:10.2vw}
	
	.sub_product_wrap {grid-template-columns:100%; gap:40px 0}

	.tour_list_section.pt80 {padding-top:9.45vw}
	.tour_list_section.pb70 {padding-bottom:8.65vw}

	.mid_banner.mb90 {margin-bottom:10.2vw}
	.mid_banner.mt70 {margin-top:7.65vw}

	.event_swiper_wrap .thumb-nail{height:39.98vw}
}

/**여행상품 상세**/
.prd_price_table th{font-size:16px; font-weight:600; width:84px; text-align:left}
.prd_price_table tr {display:block}
.prd_price_table tr + tr{padding-top:7px}
.prd_price_table .sale {color:var(--sub-key-color); padding-right:10px}
.prd_price_table .price {font-size:16px; padding-right:20px}
.prd_price_table .price strong{font-size:24px; font-weight:700; vertical-align:text-top}
.prd_price_table .nor_price {color:var(--font-gray2); text-decoration:line-through}

.sit_info_title {font-size:26px; font-weight:700}
.sit_info_title + * {margin-top:20px}

.prd_default_information .info_line.highlights .data_table_wrap {border-top:none}
.prd_default_information .info_line.highlights .data_table_wrap > ul > li label {width:100%}

.sit_info_cont p + ul {margin-top:15px}
.sit_info_cont ul + p {margin-top:25px}
.sit_info_cont p {position:relative; padding-left:14px}
.sit_info_cont p:before {content:''; display:block; width:8px; height:8px; background:var(--sub-key-color); border-radius:50%; position:absolute; left:0; top:4px}
.sit_info_cont ul {counter-reset: list-number}
.sit_info_cont ul li {line-height:1.3; counter-increment: list-number}
.sit_info_cont ul li + li {padding-top:6px}
.sit_info_cont ul li:before {content:counter(list-number)'.'; padding-right:3px}

#sit_use_wbtn a {background:var(--sub-key-color)!important; transition:0.2s ease; border-radius:8px}
#sit_use_wbtn a:hover {background:var(--key-color)!important}

.info_line.highlights.n_day_schedule_wrap .highlights_contents_wrap .inner_tit {position:relative; padding-left:14px}
.info_line.highlights.n_day_schedule_wrap .highlights_contents_wrap .inner_tit:before {content:''; display:block; width:8px; height:8px; background:var(--sub-key-color); position:absolute; left:0; top:5px}

/*상품 상세 탭 재수정*/
.n_day_schedule_wrap .tit {text-transform:uppercase}
.n_day_schedule_wrap .contents .line .start_air{padding:20px; background:var(--bg-light) url(../img/sub/start_air.svg) no-repeat center; border-radius:6px; display:grid; gap:0 120px; grid-template-columns: repeat(2, calc(50% - 60px))}
.n_day_schedule_wrap .contents .line .start_air p {display:flex; flex-direction:column}
.n_day_schedule_wrap .contents .line .start_air p span {text-align:center}
.n_day_schedule_wrap .contents .line .start_air p span:first-child {font-size:24px; font-weight:700}
.n_day_schedule_wrap .contents .line .start_air p span:last-child {color:var(--font-gray); padding-top:4px}
.n_day_schedule_wrap .contents .line > p{line-height:1.5; word-break:keep-all}
.n_day_schedule_wrap .contents .line .time_label {color:var(--font-gray); position:relative; padding-left:21px;}
.n_day_schedule_wrap .contents .line .time_label:before {content:''; width:16px; height:16px; background:url(../img/sub/clock_label.svg) no-repeat center; position:absolute; left:0; top:4px}

/*여행상품 상세 반응형 추가*/
@media (max-width:1600px) {
	/*#sit_ov_wrap .photo{width:39.0625vw; }*/
	#sit_ov_wrap .photo .swiper-slide {height:39.0625vw}
	/* #sit_ov {width:calc(100% - 39.0625vw); padding-left:5vw} */

	.n_day_schedule_wrap .contents.task .line:after {top:-3.15vw}
}

@media (max-width:980px) {
	#sit_ov_wrap .container {flex-direction:column}
	#sit_ov_wrap .photo {width:100%}
	#sit_ov_wrap .photo .swiper-slide {height:90vw}
	/* #sit_ov {width:100%; padding-left:0} */
	#sit_ov #sit_title {font-size:24px}
}

@media (max-width:767px) {
	#sit_ov .total_price_wrap {flex-direction:column; align-items:flex-start}
	.prd_price_table .sale {padding-right:5px}
	.prd_price_table .price {padding-right:5px}
	/*.prd_price_table .nor_price {display:block; padding-top:5px}*/
	#sit_ov .add_option_plus_minus .option_wrap {padding:14px 10px}
	#sit_ov .add_option_plus_minus .option_wrap .dis_price {margin-left:0; margin-top:15px}
	#sit_ov .add_option_plus_minus .option_wrap .price {margin-top:15px}
	#sit_ov .add_option_plus_minus .option_wrap .btn_wrap {width:100%}
	#sit_ov #sit_tot_price {width:100%}
	/*#sit_ov #sit_tot_price strong {font-size:0.83em; margin-left:0.6em; width:calc(100% - 50px)}*/
	#sit_ov_btn {width:100%; margin-top:20px}
	#sit_ov #sit_ov_btn button {width:100%; max-width:100%}

	.n_day_schedule_wrap .contents .line .start_air {padding:2.60vw; gap:0 15.64vw; grid-template-columns:repeat(2, calc(50% - 7.82vw))}
	.n_day_schedule_wrap .contents .line .start_air {background-size:15.64vw}
	.n_day_schedule_wrap .contents .line .start_air p span:first-child {font-size:5vw}
}

@media (max-width:480px) {
	#sit_ov_wrap.pt80 {padding-top:9.45vw}
	#sit_ov_wrap.pb90 {padding-bottom:10.2vw}

	.prd_price_table th {font-size:15px; width:64px}
	.prd_price_table .price strong {font-size:20px}
	.get_item_options label {font-size:15px; width:64px}
	.get_item_options .option_select {width:calc(100% - 64px)}

	#sit_info.pt60 {padding-top:7.9vw}
	#sit_info.pb80 {padding-bottom:9.45vw}

	.sit_info_title {font-size:22px}

	.highlights_contents_wrap {padding:20px 10px}

	/*#sit_tab .tab_tit {display:grid; grid-template-columns:repeat(2, 1fr)}*/
	#sit_tab .tab_tit li {width:calc(100% - 1px)}

	.n_day_schedule_wrap .contents .sub_tit:before {left:-51px}

	.info_line.highlights.n_day_schedule_wrap .highlights_contents_wrap .inner_tit {padding-left:10px}
	.info_line.highlights.n_day_schedule_wrap .highlights_contents_wrap .inner_tit:before {width:6px; height:6px}

	.n_day_schedule_wrap .contents.task .line:after {top:-6.15vw}


}

/**예약 페이지**/
.passport_area {display:grid; grid-template-columns: 298px minmax(auto, calc(100% - 328px)); gap:0 30px}
.passport_area .left {border:1px solid var(--line); padding:25px 20px}

.passport_area .data_table_wrap > ul > li > label {white-space:nowrap}

.passport_area .filebox.preview-image .upload-thumb-wrap{height:176px; border-radius:8px; background:url('../img/sub/passport_ex.png') no-repeat center / cover; overflow:hidden; position:relative}
.passport_area .filebox.preview-image .upload-thumb-wrap img {width:100%; height:100%; object-fit:cover; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.passport_area .filebox.preview-image .upload-name {border:none}

.data_table_wrap.include_total #od_tot_price {background:var(--bg-light); border-bottom:1px solid var(--line);}
.data_table_wrap.include_total #od_tot_price .table_total_area {grid-template-columns: auto auto; grid-template-rows:auto auto; gap:0 10px; border-left:none; background:transparent; border-bottom:none}
.data_table_wrap.include_total #od_tot_price .table_total_area p {grid-column: 1 / 3}
.data_table_wrap.include_total #od_tot_price .table_total_area ul {grid-row: 2 / 3; grid-column: 1 / 2}
.data_table_wrap.include_total #od_tot_price .table_total_area .total {grid-row: 2 / 3; grid-column: 2 / 3}

.data_table_wrap.include_total #od_pay_sl {background:var(--bg-light); border-left:1px solid var(--line); border-bottom:1px solid var(--line); padding:25px}

[class *= 'butns_'] .sod_cls_btn {position:static}

#sod_cancel_pop .data-input-textarea {border-radius:0}
#sod_cancel_pop .data-input-textarea::placeholder {color:#999}
#sod_cancel_pop .data-input-textarea::-webkit-input-placeholder {color:#999}

/*24.11.11 이다혜 예약 무통장 관련 추가*/
#settle_bank {background:var(--bg-light); border-left:none; border-right:none; border-bottom:1px solid var(--line); padding:25px; display:flex; align-items:center; gap:0 10px}
#settle_bank .bank_tit {flex-shrink: 0; margin-right:20px}

@media (max-width:1024px) {
	.passport_area {grid-template-columns: 100%; gap:30px 0}
	.passport_area .filebox.preview-image .upload-thumb-wrap {max-width:258px; width:100%}
	.passport_area .butn_style5.full {max-width:258px; width:100%; padding:12px 10px}
	.passport_area .filebox.preview-image {display:flex; flex-direction:column; align-items:center}

	#sod_frm_pay.data_table_wrap.include_total.half	{grid-template-columns:100%}

	.data_table_wrap.include_total #od_tot_price .table_total_area {grid-template-columns: inherit; grid-template-rows: inherit; gap:0}
	.data_table_wrap.include_total #od_tot_price .table_total_area p {grid-column: inherit}
	.data_table_wrap.include_total #od_tot_price .table_total_area ul,
	.data_table_wrap.include_total #od_tot_price .table_total_area .total {grid-row:inherit; grid-column:inherit}
	.data_table_wrap.include_total #od_pay_sl {border-left:none}

	/*24.11.11 이다혜 예약 무통장 관련 추가*/
	#settle_bank {flex-direction: column; align-items: flex-start; gap:2px 0}
	#settle_bank p {line-height:32px}
}

@media (max-width:980px) {
	.data_table_wrap.include_total.in_payment {grid-template-columns:100%}
}

@media (max-width:768px) {
	/*24.11.11 이다혜 예약 무통장 관련 추가*/
	#settle_bank {padding:20px 15px}
}

@media (max-width:480px) {
	.passport_area .left {padding:20px 15px}
	.data_table_wrap.include_total #od_pay_sl {padding:20px 15px}

	.checkout_wrap_all .payment_method_select_box {gap:5px}
	.checkout_wrap_all .payment_method_select_box label {width:calc(50% - 2.5px)}
	.checkout_btn_wrap.mt60 {margin-top:40px}

	/*.payresultdetail_btn_wrap {width:90%; margin:0 auto}
	.payresultdetail_btn_wrap.mt60 {margin-top:40px}
	.payresultdetail_btn_wrap.pb100 {padding-bottom:calc(7.9vw + 20px)}*/
}

/*** 일반페이지 ***/

/* 회사소개 */
.subpage .container-column {display: flex; flex-direction: column; row-gap: 5rem;}
.subpage-intro .sub-visual {display: flex; align-items: center; justify-content: center; background: url('../img/sub/intro-visual.png') no-repeat center/ cover; height: 75rem; width: 100%;}
.subpage-intro .visual-heading--text {display: flex; align-items: center; justify-content: center; flex-direction: column; row-gap: 3rem; text-align: center;}
.subpage-intro .visual-heading--text * {color: #fff; line-height: 1.3em;}
.subpage-intro .intro-text--desc {font-weight: 300;}
.subpage-intro .sub-row--section {padding: 12rem 0 14rem;}
.subpage-intro .section-heading * {word-break: keep-all;}
.subpage-intro .section-heading p {line-height: 1.6em;}
.subpage-intro .vision.sub-row--section {padding-bottom: 27.5rem; position: relative;}
.subpage-intro .vision .vision-bg {position: absolute; bottom: -14rem; left: 50%; transform: translateX(-50%); font-size: 30rem; line-height: 1.4em; font-weight: 900; color: #F5F6F8;}
.subpage-intro .vision .container-flex {column-gap: 3rem;}
.subpage-intro .vision .section-heading {width: 40.6rem; flex-shrink: 0;}
.subpage-intro .vision .section-content {flex: 1;}
.subpage-intro .section-paragraph {display: flex; flex-direction: column; row-gap: 2rem;}
.subpage-intro .section-paragraph p {line-height: 1.5em;}
.subpage-intro .benefit1 {background: #F5F6F8;}
.subpage-intro .gallery {gap: 6rem;}
.subpage-intro .gallery-item {display: flex; flex-direction: column; row-gap: 2rem; width: calc((100% - 6rem) / 2);}
.subpage-intro .gallery-item--img {border-radius: 1rem; overflow: hidden;}
.subpage-intro .gallery-item--text {display: flex; flex-direction: column; align-items: center; row-gap: 1rem; text-align: center;}
.subpage-intro .gallery-item--text .text-desc {line-height: 1.6em; word-break: keep-all}
.subpage-intro .check-list {display: flex; flex-direction: column;}
.subpage-intro .check-list li {position: relative;}
.subpage-intro .check-list .icon-check {display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 50px; position: absolute; left: 0; top: 1.4rem; transform: translateY(-50%);}
.subpage-intro .check-list .icon-check::before {content: ""; display: inline-block; background-image: url('../img/sub/intro-check-icon.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; width: 11.5px; height: 7.5px;}
.subpage-intro .benefit2 .check-list {row-gap: 1rem; padding: 3.5rem 4rem;}
.subpage-intro .card-list {display: flex; flex-wrap: wrap; column-gap: 3rem;}
.subpage-intro .card {width: calc((100% - 3rem) / 2); border: 2px solid; border-radius: 1rem; overflow: hidden;}
.subpage-intro .card.card-blue {border-color: #4075FF}
.subpage-intro .card.card-blue .card-title {background: #4075FF;}
.subpage-intro .card.card-blue .icon-check {background-color: #4075FF;}
.subpage-intro .card.card-green {border-color: #7BB726;}
.subpage-intro .card.card-green .card-title {background: #7BB726;}
.subpage-intro .card.card-green .icon-check {background-color: #7BB726;}
.subpage-intro .card .card-title {color: #fff; text-align: center; padding: 1.5rem 3rem; font-size: 2.4rem; font-weight: 500; line-height: 1.6em;}
.subpage-intro .card li {font-size: 1.7rem; line-height: 1.6em; padding-left: 3rem; word-break: keep-all;}
.subpage-intro .banner {background: url('../img/sub/intro-banner-bg.png') no-repeat center/ cover;}
.subpage-intro .banner * {color: #fff;}
.subpage-intro .banner .container-flex {align-items: center; justify-content: space-between; gap: 2rem;}
.subpage-intro .history {background: url('../img/sub/intro-history-bg.png') no-repeat center/ cover;}
.subpage-intro .history * {color: #fff;}
.subpage-intro .history .container {row-gap: 7rem;}
.subpage-intro .history .check-list {row-gap: 1rem; }
.subpage-intro .history li {font-size: 2rem; line-height: 1.6em; padding: 2rem 3rem; padding-left: 6.5rem;  border: 1px solid rgba(255, 255, 255, 0.30); background: rgba(0,0,0,0.1); border-radius: 1rem; width: fit-content;}
.subpage-intro .history .icon-check {background-color: #FEED01; top: 50%; left: 3rem}
.subpage-intro .history .icon-check::before {filter: invert(1);}

/* 이용안내 */
.subpage-guide .sub-row {padding: 12rem 0 14rem;}
.subpage-guide .sub-row .container {display: flex; flex-direction: column; row-gap: 5rem;}
.subpage-guide .sub-row .container-flex {flex-direction: row; justify-content: space-between; column-gap: 3rem;}
.subpage-guide .section-heading {word-break: keep-all;}
.subpage-guide .section-slider {position: relative;}
.subpage-guide .swiper-container {overflow: hidden;}
.subpage-guide .slide-item {display: flex; flex-direction: column; row-gap: 4rem; align-items: flex-start;}
.subpage-guide .slide-item--img {border-radius: 1rem; overflow: hidden;}
.subpage-guide .slide-item--text {display: flex; flex-direction: column; row-gap: 1.5rem;}
.subpage-guide .slide-item--text .dot-list li {font-size: 1.6rem; line-height: 1.6em; position: relative; padding-left: 1.4rem;}
.subpage-guide .slide-item--text .dot-list li::before {content: "•"; color: var(--yellow); font-weight: 100; position: absolute; left: 0; top: 1rem; transform: translateY(-50%); font-size: 2rem; line-height: 1em;}
.slide-pagination {display: flex; justify-content: center; gap: 1rem;}
.slide-pagination .swiper-pagination-bullet {width: 4rem; height: 4rem; border-radius: 1rem; background: #fff; border: 1px solid #DDD; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; color: #000; opacity: 1; cursor: pointer;}
.slide-pagination .swiper-pagination-bullet-active {background: var(--yellow); border-color: var(--yellow);}
.subpage-guide .slide-arrow {font-size: 0; position: absolute; top: 20rem; z-index: 1; cursor: pointer; transform: translateY(-50%);}
.subpage-guide .slide-arrow.slide-arrow--prev {left: 4rem;}
.subpage-guide .slide-arrow.slide-arrow--next {right: 4rem;}
.subpage-guide .slide-arrow span {display: flex; align-items: center; justify-content: center; width: 4.4rem; height: 4.4rem; border-radius: 50px; background: #fff;}
.subpage-guide .slide-arrow span::after {content: ""; display: inline-block; width: 2rem; height: 2rem; background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; left: 50%; top: 50%;}
.subpage-guide .slide-arrow.slide-arrow--next span::after {background-image: url('../img/sub/guide-slider-arrow.svg'); transform: rotate(180deg) translate(50%, 50%);}
.subpage-guide .slide-arrow.slide-arrow--prev span::after {background-image: url('../img/sub/guide-slider-arrow.svg'); transform: translate(-50%, -50%);}
.subpage-guide .slide-arrow.swiper-button-disabled {opacity: 0.2; cursor: default;}
.subpage-guide .section-box {padding: 2.5rem 4rem; border-radius: 1rem; }
.subpage-guide .section-box.box-yellow {padding: 4rem;}
.subpage-guide .section-box--flex {display: flex; align-items: center; column-gap: 6rem;}
.subpage-guide .section-box--column {display: flex; flex-direction: column; align-items: flex-start; row-gap: 2rem;}
.box-grey {background: #EBECF0}
.box-yellow {background: #FBF384;}
.subpage-guide .section-box .box-heading {display: flex; align-items: center; column-gap: 3rem;}
.subpage-guide .section-box .heading-icon {display: inline-block; width: 8rem; height: 8rem; flex-shrink: 0; aspect-ratio: 1/1; background: var(--bg-light) url('../img/sub/guide-box-icon1.svg') no-repeat center/ contain; border-radius: 50px;}
.subpage-guide .reservation .heading-icon {background: url('../img/sub/icon-license.svg') no-repeat center/ contain;}
.subpage-guide .rental .heading-icon {background: url('../img/sub/icon-rental-location.svg') no-repeat center/ contain;}
.subpage-guide .section-box .heading-title {font-size: 1.7rem; line-height: 1.6em;}
.subpage-guide .section-box .heading-title.font-24 {font-size: 2.4rem;}
.subpage-guide .section-box li {font-size: 1.4rem; line-height: 1.6em;}
.subpage-guide .section-box li::before {color: #666;}
.subpage-guide .rental {background: #FFFDE6}
.subpage-guide .section-box .box-list {display: flex; align-items: center; flex-wrap: wrap; gap: 1.5rem;}
.subpage-guide .section-box .box {background: #fff; padding: 1.4rem 4rem; border-radius: 1rem; display: flex; align-items: center; column-gap: 2rem; justify-content: space-between; width: calc((100% - 1.5rem) / 2); }
.subpage-guide .section-box .box-text {font-size: 1.7rem; line-height: 1.6em;}
.subpage-guide .box .box-icon {display: inline-block; width: 9rem; height: 9rem; flex-shrink: 0; aspect-ratio: 1/1; }
.subpage-guide .box.time .box-icon {background: url('../img/sub/icon-guide-clock.png') no-repeat center/ contain;}
.subpage-guide .box.place .box-icon {background: url('../img/sub/icon-guide-mappin.png') no-repeat center/ contain;}
.subpage-guide .box.return .box-icon {background: url('../img/sub/icon-guide-vehicle.png') no-repeat center/ contain;}
.subpage-guide .box.late .box-icon {background: url('../img/sub/icon-guide-coin.png') no-repeat center/ contain;}
.subpage-guide .section-progress {display: flex; flex-direction: column; row-gap: 2rem;}
.subpage-guide .section-progress .progress {display: flex; align-items: center; column-gap: 2rem;}
.subpage-guide .progress-bg {display: flex; align-items: center; justify-content: center; flex: 1; padding: 2rem 5rem; border-radius: 50px; }
.subpage-guide .progress-case {background: #F5F6F8;}
.subpage-guide .progress-result {background: #FFFBCC;}
.subpage-guide .progress .progress-text {font-size: 1.9rem; line-height: 1.5em; text-align: center;}
.subpage-guide .progress-arrow {display: flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; border-radius: 50px; background: var(--yellow); flex-shrink: 0; }
.subpage-guide .progress-arrow::after {content: ""; display: inline-block; width: 2.4rem; height: 2.4rem; background: url('../img/main/slider-arrow.svg') no-repeat center/ contain; transform: rotate(180deg);}
.subpage-guide .insurance {background: #F0F4FF;}
.subpage-guide .insurance-item {display: flex; align-items: flex-start; column-gap: 5rem;}
.subpage-guide .insurance-item .item-number { align-self: stretch; position: relative;}
.subpage-guide .insurance-item .item-number::after {content: ""; display: inline-block; width: 2px; height: calc(100% - 6rem); background: #fff; position: absolute; left: 50%; top: 6rem; transform: translateX(-50%); }
.subpage-guide .insurance-item .item-number span {display: flex; align-items: center; justify-content: center; width: 6rem; height: 6rem; border-radius: 50px; background: #4075FF; color: #fff; font-size: 1.7rem; line-height: 1.6em; font-weight: 700; padding-bottom: 3px;}
.subpage-guide .insurance-item .item-box {display: flex; flex-direction: column; row-gap: 2.5rem; background: #fff; padding: 3rem; border-radius: 1rem; flex: 1;}
.subpage-guide .insurance-item:not(:last-child) .item-box {margin-bottom: 6rem;}
.subpage-guide .insurance-item .item-box h6 {font-size: 1.9rem; line-height: 1.5em; word-break: keep-all;}
.subpage-guide .insurance-item .item-box p {font-size: 1.7rem; line-height: 1.6em;}
.subpage-guide .insurance-item .box-detail {display: flex; flex-direction: column; row-gap: 8px;}
.subpage-guide .insurance-item ul {display: flex; align-items: center; column-gap: 8px;}
.subpage-guide .insurance-item li {display: flex; align-items: center; column-gap: 1rem; padding: 8px 2rem; background: #F5F6F8; border-radius: 5px; font-size: 1.5rem; line-height: 1.6em;}
.subpage-guide .condition .section-box {padding: 0;}
.subpage-guide .condition .box-list {display: flex; align-items: center; column-gap: 3rem;}
.subpage-guide .condition .box.box-border {display: flex; align-items: center; justify-content: flex-start; column-gap: 5rem; padding: 3.5rem 5rem; border: 1px solid #DDD; background: #fff; border-radius: 1rem; width: calc((100% - 3rem) / 2); flex: 1;}
.subpage-guide .condition .box .vertical-bar {width: 0.5px; height: 5rem; background: #D9D9D9;}
.subpage-guide .condition .box-title {font-size: 2.4rem; line-height: 1.6em;}
.subpage-guide .condition .box li {position: relative; padding-left: 3rem; font-size: 1.7rem;}
.subpage-guide .condition .icon-check {display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 50px; position: absolute; left: 0; top: 1.4rem; transform: translateY(-50%); background-color: #FEED01;}
.subpage-guide .condition .icon-check::before {content: ""; display: inline-block; background-image: url('../img/sub/intro-check-icon.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; width: 11.5px; height: 7.5px; filter: invert(1);}
.subpage-guide .sub-row.banner {padding: 11.1rem 0;}
.subpage-guide .banner {display: flex; align-items: center; background: url(../img/sub/guide-banner-bg.jpg) no-repeat 50% 50% / cover; heighT: 28rem;}
.subpage-guide .banner .section-heading * {color: #fff;}



.section-heading {display: flex; flex-direction: column; row-gap: 1.5rem; position: relative;}
.section-heading--center {text-align: center;}
.section-heading--desc {color: #666; line-height: 1.6em; word-break: keep-all;}
.section-heading--flex {flex-direction: row;}

.select-wrap .nice-select {border: 0;}
.select-wrap .nice-select .list {padding: 1rem;}
.select-wrap .nice-select .option:hover, .select-wrap .nice-select .option.focus, .select-wrap .nice-select .option.selected.focus {background: var(--lightyellow);}
.select-wrap .nice-select:after {border-bottom: 0; border-right: 0; background: url('../img/main/icon-category-select.svg') no-repeat 50% 50% / contain; width: 1.6rem; height: 1.6rem; margin-top: 0; transform-origin: 50% 0; transform: rotate(0) translateY(-50%)}
.select-wrap .nice-select.open:after {transform: rotate(-180deg) translateY(-50%);}
.input-item--month .nice-select ul {width: 21rem;}
.input-item--month .nice-select li {text-align: center}

/* 호스팅 */
.section-flex .container {display: flex; }
.gallery.gallery-flex {display: flex; flex-wrap: wrap;}
.subpage--hosting .sub-visual {display: flex; align-items: center; justify-content: center; background: url('../img/sub/hosting-visual.jpg') no-repeat center/ cover; height: 75rem; width: 100%;}
.subpage--hosting .visual-heading {display: flex; flex-direction: column; row-gap: 6rem;}
.subpage--hosting .visual-heading--text {text-align: center;}
.subpage--hosting .visual-heading--text * {color: #fff; line-height: 1.3em;}
.subpage--hosting .visual-heading .intro-text--title {font-weight: 700; margin-bottom: 4rem; }
.subpage--hosting .visual-heading .intro-text--desc.font-34 {font-weight: 500; margin-bottom: 1rem;}
.subpage .section-button {display: flex; align-items: center; justify-content: center; column-gap: 1rem;}
.subpage--hosting .sub-content {display: flex; flex-direction: column; row-gap: 17rem; padding-top: 12rem;}
.subpage--hosting .section-effect {z-index: 2;}
.subpage--hosting .section-effect .section-content {margin-top: 7rem;}
.subpage--hosting .section-effect .gallery {gap: 1rem;}
.subpage--hosting .section-effect .gallery-item {display: flex; flex-direction: column; justify-content: space-between; border-radius: 1rem; width: calc((100% - 1rem) / 2); position: relative; overflow: hidden;}
.subpage--hosting .section-effect .gallery-item--img {position: relative; }
.subpage--hosting .section-effect .gallery-item--img::after {content: ""; display: inline-block; padding-bottom: 55%;} 
.subpage--hosting .section-effect .gallery-item--img img {position: absolute; width: 100%; height: 100%; max-width: unset;}
.subpage--hosting .section-effect .gallery-item--text {display: flex; flex-direction: column; position: absolute; width: 100%; height: 100%; padding: 3rem 4rem 3.5rem;}
.subpage--hosting .section-effect .gallery-item--text * {color: #fff; line-height: 1.6;}
.subpage--hosting .section-effect .gallery-item .text-number {display: inline-block; font-size: 3rem; font-weight: 700; color: rgba(255,255,255,0.6); margin-bottom: auto;}
.subpage--hosting .section-effect .gallery-item .text-desc {font-weight: 300; letter-spacing: 0.2px; padding-top: 1rem;}
.subpage--hosting .form-wrap .input-wrap.input-wrap--column {align-items: flex-start;}
.subpage--hosting .input-wrap .upload-appearance, .subpage--hosting .file-upload-box .butn {cursor: pointer;}
.subpage--hosting .file-list {display: flex; flex-direction: column; row-gap: 0.8rem; width: 80%;}
.subpage--hosting .file-list .file-delete {align-items: flex-start;}
.subpage--hosting .file-delete-btn {cursor: pointer;}

.subpage--form {background: #F5F6F8; padding: 7rem 0 12.5rem;}
.subpage--form .container {max-width: 73.5rem;}
.subpage--form .subpage-heading {padding-bottom: 6rem;}
.subpage--form .form-box--white {background: #fff; border-radius: 1rem; padding: 3rem 4rem;}
.subpage--form .form-box--yellow {background: #FFFBCC; padding: 2rem 4rem; border-radius: 1rem;}
.subpage--form .form-box--white.pd25 {padding: 2.5rem;}
.subpage--form form {display: flex; flex-direction: column; row-gap: 4rem;}
.subpage--form .form-section--title {font-size: 1.8rem; line-height: 1.3em; }
.subpage--form .form-box {display: flex; flex-direction: column; row-gap: 3.5rem;}
.radio-wrap.radio-wrap--button {column-gap: 1rem;}
.radio-wrap--button .radio {width: calc((100% - 1rem) / 2);}
.radio-wrap--button .radio .radio-label {justify-content: center; background: #fff; border: 1px solid #666; border-radius: 999px; padding: 1.2rem 1.5rem; cursor: pointer; transition: 0.17s ease; }
.radio-wrap--button .radio .radio-label span {display: flex; align-items: center; justify-content: center; color: #000;font-weight: 500; font-size: 1.4rem; }
.radio-wrap--button input:checked + .radio-label {background: var(--yellow); border-color: var(--yellow);}
.radio-wrap--button input:checked + .radio-label span {color: #000;}
.radio-wrap--button.icon .radio .radio-label {display: flex; flex-direction: column; row-gap: 1rem; padding: 2rem 2.5rem; background: #EBECF0; border: 1px solid #DBDBDB; border-radius: 6px; cursor: pointer; transition: 0.17s ease;}
.radio-wrap--button.icon .radio .radio-icon {width: 3.6rem; height: 3.6rem;}
.radio-wrap--button .type-own .radio-icon {background: url('../img/sub/icon-running-own.svg') no-repeat center/ contain;}
.radio-wrap--button .type-commission .radio-icon {background: url('../img/sub/icon-running-commission.svg') no-repeat center/ contain;}
.radio-wrap--button.icon .radio .radio-label span {color: #000; }
.radio-wrap--button.icon input:checked + .radio-label {background: var(--yellow); border-color: var(--yellow);}
.checkbox-wrap--option {display: flex; flex-wrap: wrap; gap: 3.6rem 3.3rem;}
.checkbox-wrap--option .checkbox-label {display: flex; flex-direction: column; row-gap: 8px; align-items: center; justify-content: center; text-align: center;}
.checkbox-wrap--option .checkbox-label .checkbox-icon {display: inline-block; width: 6.5rem; height: 6.5rem;}
.checkbox-wrap--option .checkbox-electric .checkbox-icon {background: url('../img/sub/icon-option-electric.svg') no-repeat center/ contain;}
.checkbox-wrap--option .checkbox-toilet .checkbox-icon {background: url('../img/sub/icon-option-toilet.svg') no-repeat center/ contain;}
.checkbox-wrap--option .checkbox-shower .checkbox-icon {background: url('../img/sub/icon-option-shower.svg') no-repeat center/ contain;}
.checkbox-wrap--option .checkbox-bed .checkbox-icon {background: url('../img/sub/icon-option-bed.svg') no-repeat center/ contain;}
.checkbox-wrap--option .checkbox-sink .checkbox-icon {background: url('../img/sub/icon-option-sink.svg') no-repeat center/ contain;}
.checkbox-wrap--option .checkbox-induction .checkbox-icon {background: url('../img/sub/icon-option-induction.svg') no-repeat center/ contain;}
.checkbox-wrap--option .checkbox-gas .checkbox-icon {background: url('../img/sub/icon-option-gas.svg') no-repeat center/ contain;}
.checkbox-wrap--option .checkbox-electricrange .checkbox-icon {background: url('../img/sub/icon-option-electricrange.svg') no-repeat center/ contain;}
.checkbox-wrap--option .checkbox-fridge .checkbox-icon {background: url('../img/sub/icon-option-fridge.svg') no-repeat center/ contain;}
.checkbox-wrap--option .checkbox-waterheater .checkbox-icon {background: url('../img/sub/icon-option-waterheater.svg') no-repeat center/ contain;}
.checkbox-wrap--option .checkbox-table .checkbox-icon {background: url('../img/sub/icon-option-table.svg') no-repeat center/ contain;}
.checkbox-wrap--option .checkbox-tv .checkbox-icon {background: url('../img/sub/icon-option-tv.svg') no-repeat center/ contain;}
.checkbox-wrap--option .checkbox-aircon .checkbox-icon {background: url('../img/sub/icon-option-aircon.svg') no-repeat center/ contain;}
.checkbox-wrap--option .checkbox-text {font-size: 1.2rem; line-height: 1.2em;}
.subpage--form .radio-heading {display: flex; flex-direction: column; row-gap: 1rem; margin-bottom: 2rem;}
.subpage--form .radio-heading--title {font-size: 1.5rem;}
.subpage--form .radio-heading .dot-list {display: flex; flex-direction: column;}
.subpage--form .radio-heading .dot-list li {font-size: 1.3rem; line-height: 1.5em; color: #666; position: relative; padding-left: 1.5rem;}
.subpage--form .radio-heading .dot-list li:before {content: 'ㆍ'; display: block; color: #666; border-radius: 50%; position: absolute; left: 0; top: 1rem; transform: translateY(-50%); font-size: 1.3rem;}

/* .subpage--hosting .num-list, .subpage--hosting .dot-list {margin: 10px 0;} */
.subpage--hosting .form-wrap .nice-select .list {width: 38rem; left: -2rem;}
.subpage--hosting .form-wrap .nice-select .list li {text-align: center;}
.subpage--hosting .num-list {display: flex; flex-direction: column; row-gap: 8px;}
.subpage--hosting .num-list span {display: block; font-weight: 600;}
.subpage--hosting .num-list .dot-list {margin-top: 0; margin-bottom: 0;}
.subpage .dot-list li {display: flex; align-items: baseline; column-gap: 5px;}
.subpage .dot-list li::before {content: "·"; display: inline-block; font-size: inherit; color: inherit; line-height: inherit;}
.subpage--hosting .butn-submit {font-weight: 500; width: 30rem; margin: 0 auto; justify-content: center;}
.subpage .radio-wrap--button:not(.icon) .radio.dimmed .radio-label {background: #EBECF0; border: 1px solid #E3E3E5;}
.subpage .radio-wrap--button:not(.icon) .radio.dimmed .radio-label span {color: #B2B3B7}
.subpage--hosting .booking-list {display: flex; flex-direction: column;}
.subpage--hosting .booking-item {display: flex; flex-direction: column; row-gap: 1.7rem; padding: 2rem;}
.subpage--hosting .booking-item:not(:last-child) {border-bottom: 1px solid #EEE;}
.subpage--hosting .booking-item .booking-item--header {font-size: 1.7rem;}
.subpage--hosting .booking-item--content ul {display: flex; flex-direction: column; row-gap: 0.9rem;}
.subpage--hosting .booking-item li {display: flex; align-items: baseline; justify-content: space-between; }
.subpage--hosting .booking-item span {display: inline-block; font-size: 1.55rem; line-height: 1.4em;}
.subpage--hosting .booking-item .booking-content--label {width: 9rem; flex-shrink: 0;}
.subpage--hosting .booking-item .booking-content--value {color: #666; text-align: right;}
.subpage--hosting .booking-item .chip {font-size: 10.5px; line-height: 1.8em; padding: 1px 8.5px; font-weight: 600;}
.modal .booking-list {display: flex; flex-direction: column;}
.modal .booking-item {display: flex; flex-direction: column; row-gap: 1.7rem; padding: 2rem;}
.modal .booking-item:not(:last-child) {border-bottom: 1px solid #EEE;}
.modal .booking-item .booking-item--header {font-size: 1.7rem; text-align: left;}
.modal .booking-item--content ul {display: flex; flex-direction: column; row-gap: 0.9rem;}
.modal .booking-item li {display: flex; align-items: baseline; justify-content: space-between; }
.modal .booking-item span {display: inline-block; font-size: 1.55rem; line-height: 1.4em;}
.modal .booking-item .booking-content--label {width: 9rem; flex-shrink: 0; text-align: left;}
.modal .booking-item .booking-content--value {color: #666; text-align: right;}
.modal .booking-item .chip {font-size: 10.5px; line-height: 1.8em; padding: 1px 8.5px; font-weight: 600;}

.subpage--hosting .section-income {position: relative; z-index: 1;}
.subpage--hosting .section-income::after {content: ""; display: inline-block; width: 100%; height: 130%; background: linear-gradient(180deg, #FFF 0%, #F5F6F8 61.06%); z-index: -1; position: absolute; bottom: 8%; left: 0;}
.subpage--hosting .section-income .section-heading {padding: 14rem 0 23rem;}
.subpage--hosting .section-income .section-heading--title {margin-bottom: 3rem;}
.subpage .section-heading--highlight {position: relative; margin-bottom: 2rem; z-index: 1; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; line-height: 1.3em;}
.subpage .section-heading--highlight::after {content: ""; display: inline-block; width: 105%; height: 0.5em; background: var(--yellow); position: absolute; bottom: -3px; left: 50%; transform: translateX(-50%); z-index: -1;}
.subpage--hosting .section-income .section-content {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 49%;}
.subpage--hosting .section-income .section-content img {max-width: unset;}
.subpage--hosting .section-review .container {display: flex; flex-direction: column; row-gap: 5rem;}
.subpage--hosting .section-review {background: transparent;}
.subpage--hosting .section-review .slide-text {padding: 2.5rem 2rem; }
.subpage--hosting .section-review .slide-text::after {content: ""; display: inline-block; width: 4rem; height: 4rem; background: url('../img/sub/icon-quote--grey.svg') no-repeat 50% 50%/ contain; position: absolute; top: 7px; right: 1rem; }
.subpage--hosting .section-review .info {display: flex; flex-direction: column; row-gap: 1.3rem;}
.subpage--hosting .section-review .info * {margin-top: 0; margin-bottom: 0;}
.subpage--hosting .section-review .info-detail {color: #000;}
.subpage--hosting .section-review .info-name {font-size: 1.3rem; color: #666;}
.subpage .section-heading .controls {position: absolute; bottom: 0; right: 0; display: flex; align-items: center; column-gap: 1rem;}
.subpage .controls .slide-arrow {font-size: 0;}
.subpage .controls .slide-arrow span {display: inline-block;width: 3.6rem; height: 3.6rem; background: #F5F6F8; border: 1px solid #EBEBEB; border-radius: 50px; position: relative;}
.subpage .controls .slide-arrow span::after {content: ""; display: inline-block; width: 1.95rem; height: 1.95rem; background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; left: 50%;}
.subpage .controls .slide-arrow.slide-arrow--prev span::after {background-image: url('../img/main/slider-arrow.svg'); transform: translate(-50%, -50%);}
.subpage .controls .slide-arrow.slide-arrow--next span::after {background-image: url('../img/main/slider-arrow.svg'); transform: rotate(180deg) translate(50%, 50%);}

.section-faq {background: url('../img/sub/hosting-faq-bg.png') no-repeat center/ cover; padding: 11.5rem 0 10rem;}
.section-faq.section-flex .container {column-gap: 4rem; flex-wrap: wrap;}
.subpage--hosting .section-faq .section-heading {width: 46%;}
.subpage--hosting .section-faq .section-heading--title {color: #fff;}
.subpage--hosting .section-faq .section-content {width: 46%;}
.subpage--hosting .faq-list {display: flex; flex-direction: column; row-gap: 1rem;}
.subpage--hosting .faq-item {border-radius: 1rem; overflow: hidden;}
.subpage--hosting .faq-item .question {padding: 1.5rem 2.5rem; font-weight: 500; position: relative; cursor: pointer; background: #fff;}
.subpage--hosting .faq-item .question p {font-size: 1.7rem; line-height: 1.6em; -webkit-transition: all .2s ease; transition: all .2s ease;}
.subpage--hosting .faq-item .more {position: absolute; right: 3rem; top: 50%; transform: translateY(-50%);}
.subpage--hosting .faq-item .more::before,
.subpage--hosting .faq-item .more::after {content: ''; position: absolute; top: 50%; left: 50%; width: 1.65rem; transform: translate(-50%, -50%); border-bottom: 1px solid #000; transition: all .3s ease;}
.subpage--hosting .faq-item .more::before {transform: translate(-50%, -50%) rotate(90deg);}
.subpage--hosting .faq-item .more.active::before {transform: translate(-50%, -50%) rotate(0);}
.subpage--hosting .faq-item .answer {display: none; background-color: #EBECF0; padding: 1.5rem 2.5rem; word-break: keep-all; line-height: 1.6em;}
.subpage--hosting .faq-item .answer p {word-break: keep-all; font-size: 1.4rem; line-height: 1.6em;}
.subpage--hosting .faq-item .answer a {text-decoration: transparent underline; text-underline-offset: 3px; }
.section-faq .section-button {width: 100%; margin-top: 8.5rem;}

@media (hover: hover) {
	.subpage .radio-wrap--button:not(.icon) .radio .radio-label:hover {background: var(--lightyellow); border-color: var(--lightyellow); }
	.subpage .radio-wrap--button:not(.icon) .radio .radio-label:hover span {color: #000;}
	.photo .photo-gallery-btn:hover {background: rgba(0, 0, 0, 0.70)}
}
                   
@media only screen and (min-width: 2000px) {
	.subpage--hosting .section-income .section-heading {padding: 21rem 0 34.5rem;}
}

/* 상품 상세 */
.tabmenu-bar {display: none; align-items: center; position: fixed; top: 0; left: 0; right: 0; background: #fff; border-bottom: 1px solid #EEE; z-index: 999;  height: 7rem; }
.tabmenu-bar .container {display: flex; align-items: center; column-gap: 10rem; height: 100%;}
.tabmenu-bar .logo {position: absolute; left: -26rem;}
.tabmenu-bar .tabmenu-scroll-wrapper {position: relative; }
.tabmenu-bar .tabmenu-list {display: flex; align-items: center; column-gap: 2rem; height: 100%; flex-wrap: nowrap; white-space: nowrap; padding-right: 20px; height: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}
/*.tabmenu-bar .tabmenu-scroll-wrapper::after {content: ''; position: absolute; top: 0; right: 0; width: 40px; height: 100%; pointer-events: none; background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1)); z-index: 10;
}*/
.tabmenu-bar .tabmenu-list::-webkit-scrollbar {display: none;}
.tabmenu-bar .tabmenu-list li {height: 100%; white-space: nowrap; flex: 0 0 auto;}
.tabmenu-bar .tabmenu-list a {display: flex; align-items: center; justify-content: center; height: 100%; font-size: 1.5rem; padding: 1rem 0.5rem;}
.tabmenu-bar .tabmenu-list a::after {content:""; width: 100%; height: 2px;position: absolute; bottom: 0; left: 0; transform: scaleX(0); transition: transform 0.3s ease; background: transparent;}
.tabmenu-bar .tabmenu-list a.active {position: relative;}
.tabmenu-bar .tabmenu-list a.active::after { background: var(--yellow); transform: scaleX(1);}
.tabmenu-bar .tabmenu-action {display: flex; align-items: center; column-gap: 4rem; height: 100%; margin-left: auto;}
.tabmenu-bar .tabmenu-action--price strong {font-size: 2.8rem; font-weight: 800; line-height: 1.6em; font-family: 'Noto Sans korean'; letter-spacing: -0.28px;}
.tabmenu-bar .tabmenu-action a {display: flex; align-items: center; justify-content: center; width: 20rem; padding: 0 1rem; background: var(--lightyellow); color: #000; height: 100%; align-self: stretch; font-size: 1.6rem;}
#sit .itemform-wrap {display: flex; flex-direction: column; row-gap: 2rem; background: #F5F6F8; border-radius: 1rem; padding: 2rem 3rem 3rem;}
#sit .product-summary .summary-head {display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 2rem; row-gap: 5px; align-items: baseline;}
#sit .product-summary .price {font-weight: 400; line-height: 1.6em;}
#sit .product-summary .price strong {font-weight: 500; line-height: 1.6em;}
#sit .product-summary .prd_code {font-size: 1.3rem; line-height: 1.6em; color: #666;}
#sit .product-summary .itemform-guide {width: 100%; font-size: 1.3rem; line-height: 1.5em; color: #666;}
#sit .itemform-wrap .sit_info {display: flex; flex-direction: column; row-gap: 2rem;}
#sit .get_item_options .option_select {width: 100%; background: #fff; border: 1px solid #fff; border-radius: 1rem; border: 1px solid #DDD;}
#sit .get_item_options .option_select.select_date {display: flex; align-items: center; background: #EBECF0; border: 0;}
#sit .get_item_options .option_select .option_select--date {display: flex; flex-direction: column; padding: 1rem 1.8rem; width: 50%; cursor: pointer; border-radius: 1rem; border: 2px solid transparent;}
#sit .get_item_options .option_select .option_select--date.focusing { border-color: #000; background: #fff;}
#sit .get_item_options .option_select .select-guide {font-size: 1.3rem; line-height: 1.5em;}
#sit .get_item_options .option_select .select-date--result {font-size: 1.4rem; line-height: 1.6em; color: #666;}
#sit .review-section {padding-bottom: 5rem;}
#sit #itemuse {display: flex; flex-direction: column; row-gap: 3rem;}
#sit #sit_use_ol {display: flex; flex-wrap: wrap; column-gap: 6rem; border-top: 1px solid #666; padding-bottom: 0;}
#sit .sit_use_li:after {content: none;}
#sit_use_list > h3 {position:absolute;font-size:0;line-height:0;content:""}
#sit .review-heading {display: flex; flex-direction: column; row-gap: 1.5rem; padding: 2rem 0 4rem; position: relative;}
#sit .section-heading--title {font-size: 3.2rem; line-height: 1.3em; font-weight: 400;}
#sit .review-heading p {display: flex; align-items: flex-end;}
#sit .review-heading .heading-actions {position: absolute; right: 0; bottom: 4rem; }
#sit .review-heading .heading-actions {font-size: 1.4rem;}
#sit .review-rate {display: flex; align-items: center; column-gap: 5px; font-size: 3rem;}
#sit .review-count {color: #666; line-height: 1.5em; padding-left: 1rem}
#sit .review-item {display: flex; align-items: center; column-gap: 3rem; width: calc((100% - 6rem) / 2); border-bottom: 0; padding: 4rem 0; position: relative; cursor: pointer;}
#sit .review-item::after {content: ""; display: inline-block; width: calc(200% + 6rem); height: 1px; background: #EEE; position: absolute; bottom: 0; left: 0; visibility: visible;}
#sit .review-item .review-text {display: flex; flex-direction: column; row-gap: 1.5rem; flex: 1}
#sit .review-item .review-detail {display: flex; flex-wrap: wrap; align-items: center; row-gap: 5px;}
#sit .review-item .review-content {line-height: 1.4em;}
#sit .sit_use_li.review-item .review-content {line-height: 1.6em; display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all;}
#sit .review-item .review-username {width: 100%; line-height: 1.6em;}
#sit .review-item .review-detail--star {display: flex; align-items: center; column-gap: 3px;}
#sit .review-item .review-detail--star img {width: 11rem;}
#sit .review-item .review-detail--date {padding: 0 1rem; color: #686868;}
#sit .review-content p {line-height: 1.6em; display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all;}
#sit .review-content .view_image {display: none;}
#reviewModal .modal-box {max-height: 90vh; overflow-y: auto;}
#reviewModal .modal-box::-webkit-scrollbar {width: 10px;}
#reviewModal .modal-box::-webkit-scrollbar-thumb {background: #DDD; border-radius: 4px; border: 3px solid transparent; background-clip: content-box;}
#sit .modal-box .review-content div {line-height: 1.6em; font-size: 1.5rem;}
#sit .modal-box .review-detail .review-info {display: flex; align-items: center; flex-wrap: wrap; row-gap: 0.5rem; column-gap: 1.3rem;}
#sit .modal-box .review-detail .detail-name {width: 100%;}
#sit .modal-box .review-detail .detail-rate span {display: inline-block; width: 1.6rem; height: 1.6rem;}
#sit .modal-box .review-detail .detail-rate {column-gap: 3px;}
#sit .review-img {display: block; width: 11rem; height: 11rem; border-radius: 1rem; overflow: hidden;}
#sit .review-img img {object-fit: cover; min-width: 100%; min-height: 100%;}
.subpage .related-section .section-heading {padding-top: 3rem;}
.subpage .related-section .controls {position: absolute; right: 0; bottom: 0; display: flex; align-items: center; column-gap: 1rem;}
.subpage .related-section {display: flex; flex-direction: column; row-gap: 4rem;}
.subpage .related-section .related-slide {overflow: hidden; padding: 2rem 0 5rem;}
.subpage .related-section .related-slide .rate-num {margin-left: -3px;}
.subpage .related-section .slide-arrow span {display: inline-block; width: 3.6rem; height: 3.6rem; background: #F5F6F8; border: 1px solid #EBEBEB; border-radius: 50px; position: relative; font-size: 0;}
.subpage .related-section .slide-arrow span::after {content: ""; display: inline-block; width: 1.95rem; height: 1.95rem; background-size: contain; background-repeat: no-repeat; background-position: centre; position: absolute; top: 50%; left: 50%; }
.subpage .related-section .slide-arrow.slide-arrow--prev span::after {background-image: url('../img/main/slider-arrow.svg'); transform: translate(-50%, -50%)}
.subpage .related-section .slide-arrow.slide-arrow--next span::after {background-image: url('../img/main/slider-arrow.svg'); transform: rotate(180deg) translate(50%, 50%);}
.subpage .product-detail.specialevent {display: flex; flex-direction: column; row-gap: 3rem;}
.subpage .related-section.specialevent .related-slide {padding: 0 0 5rem;}
#sit .with-section {padding: 3rem 0 5rem;}
#sit .with-section .controls {position: absolute; right: 0; bottom: 0; display: flex; align-items: center; column-gap: 1rem;}
#sit .with-section .with-slide {overflow: hidden;}
#sit .with-section .slide-arrow span {display: inline-block; width: 3.6rem; height: 3.6rem; background: #F5F6F8; border: 1px solid #EBEBEB; border-radius: 50px; position: relative; font-size: 0;}
#sit .with-section .slide-arrow span::after {content: ""; display: inline-block; width: 1.95rem; height: 1.95rem; background-size: contain; background-repeat: no-repeat; background-position: centre; position: absolute; top: 50%; left: 50%; }
#sit .with-section .slide-arrow.slide-arrow--prev span::after {background-image: url('../img/main/slider-arrow.svg'); transform: translate(-50%, -50%)}
#sit .with-section .slide-arrow.slide-arrow--next span::after {background-image: url('../img/main/slider-arrow.svg'); transform: rotate(180deg) translate(50%, 50%);}
#sit_ov .horizontal-bar {width: 100%; height: 1px; background: #DDD;}
#sit_ov #add_option_txt {display: flex; flex-direction: column; row-gap: 2rem; width: 100%;}
#sit_ov .prdOption-item {display: flex; align-items: center; column-gap: 5px; row-gap: 5px; width: 100%;}
#sit_ov .prdOption-item--title {color: #666; line-height: 1.5em; width: 70%;} 
#sit_ov .prdOption-item--price {font-weight: 400; line-height: 1.6em; margin-left: auto; flex: 0 0 auto;} 
#sit_ov .prdOption-item--close {display: flex; align-items: center; justify-content: center; width: 1.8rem; height: 1.8rem; border-radius: 50px; background: #EBECF0; cursor: pointer;}
#sit_ov .prdOption-item--close::after {content: ""; display: inline-block; width: 7px; height: 7px; background: url('../img/main/icon-x.svg') no-repeat 50% 50% / contain;}
#sit_ov #sit_tot_price {display: flex; justify-content: space-between; align-items: center; width: 100%;}
#sit_ov #sit_tot_price span {font-size: 1.6rem; line-height: 1.6em; font-weight: 400; padding: 0; width: auto;}
#sit_ov #sit_tot_price strong {font-size: 1.9rem; font-weight: 500; line-height: 1.5em;}
#sit_ov .total_price_wrap {flex-direction: column; row-gap: 2rem; align-items: flex-start;}
#sit_ov #sit_ov_btn {width: 100%;}
#sit_ov #sit_ov_btn .butn-reservation {font-size: 1.6rem;}
#sit_ov .prdOption-title-wrap > .prdOption-item span {font-size: 1.6rem; font-weight: 500; line-height: 1.6em; color: #000; }
#sit_ov .prdOption-item--title {display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all;}
#sit_ov .prdOption-wrap {padding-left: 2rem;}

.related-section .custom-select {display: flex; align-items: center; column-gap: 5px; font-size: 2.2rem; position: relative;}
.related-section .custom-select::before {content: ""; display: inline-block; width: 2.6rem; height: 2.6rem; background: url('../img/sub/icon-number.svg') no-repeat center / contain; filter: invert(0%) sepia(0%) saturate(7500%) hue-rotate(201deg) brightness(1%) contrast(107%); }
.related-section .custom-select .selected {cursor: pointer; position: relative; padding-right: 3rem;}
.related-section .custom-select .selected-text {display: block; font-size: 1.7rem; line-height: 1.6em;}
.related-section .custom-select .selected::after {content: ""; display: inline-block; width: 2.4rem; height: 2.4rem; background: url('../img/main/icon-category-select.svg') no-repeat center / 1.6rem 1.6rem; border-radius: 50px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: transform 0.2s ease-in-out;}
.related-section .custom-select .options {display: none; position: absolute; top: 120%; left: 1%; z-index: 10; background: #fff; border-radius: 10px; background: #fff; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.20); width: 15rem; padding: 1rem;}
.related-section .custom-select li {font-size: 1.4rem; line-height: 1.6em; text-align: center; padding: 5px 8px; cursor: pointer;} 
.related-section .custom-select.open .options {display: block;}		

/* 예약하기 */
.sub-content--checkout.subpage--form .container {max-width: 128rem}
.sub-content--checkout.subpage--form .subpage-heading {text-align: center; font-weight: 500; padding-bottom: 4rem;}
.sub-content--checkout #sit_ov .itemform-wrap {display: flex; flex-direction: column; row-gap: 2rem; padding: 2rem 3rem 3rem; background: #F5F6F8; border-radius: 1rem; }
.sub-content--checkout #sod_frm {display: flex; flex-direction: column; row-gap: 6rem;}
.sub-content--checkout #sod_frm .form-wrap {display: flex; align-items: flex-start; justify-content: space-between;}
.sub-content--checkout .form-left {width: 57%; display: flex; flex-direction: column; row-gap: 4rem;}
.sub-content--checkout .form-right {position: sticky; top: 6rem; width: 38%; padding-top: 4.3rem;}
.sub-content--checkout .form-row--radio {column-gap: 3rem;}
.sub-content--checkout .form-row--radio .label {width: 6rem; flex-shrink: 0;;}
.sub-content--checkout .radio-wrap--enter {flex-wrap: wrap; row-gap: 1.5rem; }
.sub-content--checkout .radio-wrap--enter .input-item {width: 100%;}
.sub-content--checkout .form-row-sns .input-item.disabled {display: none;}
#foreignName .form-group:last-child {justify-content: flex-end;}
#foreignName .radio {height: 2rem; padding: 1.1rem 0; box-sizing: content-box; }
.subpage--form .form-row--box {align-items: center; background: #F5F6F8; border-radius: 1rem; padding: 2rem 2.5rem;}
.subpage--form .form-row--box .box-text--title {line-height: 1.6em; margin-bottom: 0.5rem;}
.subpage--form .form-row--box .box-text--detail {line-height: 1.5em; margin-bottom: 1.5rem; color: #666; word-break: keep-all;}
.subpage--form .form-row--box .box-icon {margin-left: auto;}
.sub-content--checkout .form-box--product {display: flex; flex-direction: column; row-gap: 3rem;}
.sub-content--checkout .product-row--info {display: flex; align-items: center; column-gap: 3rem;}
.sub-content--checkout .product-row--info .product-img {display: flex; align-items: center; justify-content: center; width: 19rem; border-radius: 1rem; position: relative; overflow: hidden;}
.sub-content--checkout .product-row--info .product-img::after {content: ""; display: block; padding-bottom: 67%;}
.sub-content--checkout .product-row--info .product-img img {min-width: 100%; min-height: 100%; position: absolute; object-position: center center;}
.sub-content--checkout .product-text {display: flex; flex-direction: column; row-gap: 2rem; flex: 1;}
.sub-content--checkout .horizontal-bar {width: 100%; height: 1px; background: #EEE;}
.sub-content--checkout .product-text--title {display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; font-size: 1.7rem; line-height: 1.5em;}
.sub-content--checkout .product-text--date {display: flex; align-items: center; column-gap: 1rem;}
.sub-content--checkout .date-title {display: flex; align-items: center; column-gap: 5px; color: #666;}
.sub-content--checkout .date-title::before {content: ""; display: inline-block; width: 1.6rem; height: 1.6rem; background: url('../img/main/icon-calendar.svg') no-repeat center / contain;}
.sub-content--checkout .date-content {font-weight: 500;}
.sub-content--checkout .product-row--option ul {display: flex; flex-direction: column; row-gap: 8px;}
.sub-content--checkout .product-row--option li {display: flex; align-items: center; column-gap: 1rem; padding: 1rem 2rem; background: #F5F6F8; border-radius: 6px;}
.sub-content--checkout .product-row--option .chip {line-height: 1.6em; flex-shrink: 0;}
.sub-content--checkout .product-row--option .option-title {display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all;}
.sub-content--checkout .product-row--option .option-price {font-weight: 500; line-height: 1.6em; margin-left: auto; flex-shrink: 0;}
.sub-content--checkout .form-section--coupon .form-box--white {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.sub-content--checkout .form-section--coupon .form-box--yellow {border-top-left-radius: 0; border-top-right-radius: 0;}
.sub-content--checkout .input-group--coupon .input-item {width: 43%;}
.sub-content--checkout .form-section--coupon .total {display: flex; align-items: center; justify-content: space-between; }
.sub-content--checkout .form-section--coupon .total strong {line-height: 1.6em;}
.sub-content--checkout .radio-wrap.radio-wrap--button {width: 100%; justify-content: center;}
.sub-content--checkout .radio-wrap--button .radio-label {background: #fff; border-color: #666; padding: 1.6rem 1.5rem;}
.sub-content--checkout .radio-wrap--button .radio .radio-label .radio-text {color: #000;}
.sub-content--checkout .radio-wrap--button input:checked + .radio-label {
background: var(--yellow); border-color: var(--yellow);}
.sub-content--checkout .butn-license {font-size: 1.4rem; border-radius: 50px; padding: 1.2rem 2.5rem; line-height: 1.28em; background: var(--yellow); color: #000;}
.sub-content--checkout .form-row--license .butn {display: inline-block; font-size: 1.4rem; border-radius: 50px; padding: 1.2rem 2.5rem; line-height: 1.28em;}
.sub-content--checkout .form-row--license .butn-license { background: var(--yellow); color: #000;}
.sub-content--checkout .form-row--license .butn-complete { background: #F8F8F8; border: 1px solid #F2F2F2;}
.sub-content--checkout .form-row--box.lightgrey {background: rgba(245, 246, 248, 0.50); border-color: #F0F1F3;  padding: 2.5rem 3rem;}
.sub-content--checkout .price-detail {width: 100%; display: flex; flex-direction: column; row-gap: 2rem;}
.sub-content--checkout .price-detail--item {display: flex; flex-direction: column; row-gap: 1rem;}
.sub-content--checkout .price-detail--item .item-title {font-size: 1.2rem;}
.sub-content--checkout .price-detail--item ul {display: flex; flex-direction: column; row-gap: 0.4rem;}	
.sub-content--checkout .price-detail--item li {display: flex; align-items: baseline; justify-content: space-between; column-gap: 2rem;}
.sub-content--checkout .price-detail--item .price-detail--label {font-size: 1.4rem; line-height: 1.4em; color: #666; display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all;}
.sub-content--checkout .price-detail--item .price-detail--value {font-size: 1.4rem; line-height: 1.4em; flex-shrink: 0; text-align: right;}
.sub-content--checkout .price-detail--item .coupon-info em {display: block; font-style: normal; font-size: 11px; color: #353535;}

.sub-content--checkout .form-section--price .horizontal-bar {width: 100%; height: 1px; background: #DDD; }
.sub-content--checkout .form-section--price .price-total--value {font-weight: 700; font-family: 'Noto Sans KR', sans-serif;}
.sub-content--checkout .form-section--price .butn.yellow {width: 100%;}
.sub-content--checkout .btn-payment.disabled {background: #EBECF0; }

.sub-content--order .subvisual {width: 100%; height: 30rem;}
.sub-content--order .subvisual-apply, .sub-content--order .subvisual-confirm {background: url('../img/sub/bg-reserve-visual.png') no-repeat 55% 50% / cover;}
.sub-content--order .subvisual-complete {background: url('../img/sub/bg-complete-visual.png') no-repeat 55% 50% / cover; }
.sub-content--order .subvisual-cancel, .sub-content--order .subvisual-refuse {background: url('../img/sub/bg-cancelled-visual.png') no-repeat 55% 50% / cover; }
.sub-content--order .subvisual .container {align-items: unset;}
.sub-content--order .subvisual-heading {display: flex; flex-direction: column; row-gap: 3rem; padding-top: 5rem;}
.sub-content--order .order-summary {display: flex; align-items: flex-start; column-gap: 10rem;}
.sub-content--order .order-summary ul {display: flex; flex-direction: column; row-gap: 1rem;}
.sub-content--order .order-summary .text-darkgrey {font-weight: 700;}
.sub-content--order .order-idNumber {display: flex; align-items: center; column-gap: 2rem;}
.sub-content--order .order-idNumber .summary-content {font-size: 1.9rem; font-weight: 500;}
.sub-content--order .order-summary-cancel {position: relative; display: none;}
.sub-content--order .order-summary-cancel::before {content: ""; display: inline-block; width: 0.5px; height: 100%; position: absolute; left: -5rem; top: 50%; transform: translate(-50%, -50%); background: #666;}
.sub-content--order .order-summary-cancel * {font-weight: 700;}
.sub-content--order .cancel-refund-guide {color: #666; line-height: 1.4em;}
.sub-content--order .cancel-date {display: flex; align-items: center; column-gap: 2rem;}
.sub-content--order .subvisual-cancel .order-summary .--cancel {display: flex;}
.sub-content--order .subvisual-refuse .order-summary .--refuse {display: flex;}

.sub-content--order .order-process {padding: 4rem 0; position: relative; z-index: 1;}
.sub-content--order .order-process ul {display: flex; align-items: flex-start; justify-content: space-between; max-width: 100rem; width: 90%; margin: 0 auto; }
.sub-content--order .order-process li {display: flex; flex-direction: column; align-items: center; row-gap: 1.5rem; width: 20%; position: relative;}
.sub-content--order .order-process li:not(:last-child)::after {content: ""; display: inline-block; width: 34rem; height: 4px; position: absolute; left: 65%; top: 3rem; transform: translateY(-50%); background: #DDD; z-index: -1;}
/* .sub-content--order .order-process li:nth-child(1)::after {background: var(--yellow); } */
.sub-content--order .order-process .process-text {display: flex; flex-direction: column; align-items: center; row-gap: 5px; text-align: center;}
.sub-content--order .order-process .process-title {font-size: 1.4rem; line-height: 1.3em; color: #666;}
.sub-content--order .order-process .process-status {font-size: 1.5rem; line-height: 1.3em; }
.sub-content--order .process-number span {display: flex; align-items: center; justify-content: center; border: 4px solid #DDD; background: #fff; width: 6rem; height: 6rem; border-radius: 50px; font-size: 1.7rem; color: #666; padding-top: 1px;}
.sub-content--order .order-process li.process-done .process-number span {border-color: var(--yellow); background: var(--yellow); font-size: 0; text-indent: -999px;}
.sub-content--order .order-process li.process-done .process-number span::after {content: ""; display: inline-block; width: 2.65rem; height: 1.8rem; background: url('../img/sub/icon-reserve-check.svg') no-repeat 50% 50% / contain;}
.sub-content--order .order-process li.process-done::after {background: var(--yellow); }
.sub-content--order .order-process li.process-current .process-number span {border-color: var(--yellow); background: var(--yellow); font-size: 0; text-indent: -999px;}
.sub-content--order .order-process li.process-current .process-number span::after {content: ""; display: inline-block; width: 2.65rem; height: 1.8rem; background: url('../img/sub/icon-reserve-check.svg') no-repeat 50% 50% / contain;}
.sub-content--order .order-process li.process-current + .process-pending .process-number span {border-color: var(--yellow);}
.sub-content--order .order-process li.process-current::after {background: var(--yellow); }
/*.sub-content--order .order-process li:nth-child(2) .process-number span {border-color: var(--yellow);}
.sub-content--order .order-process li:nth-child(1) .process-number span {border-color: var(--yellow); background: var(--yellow); font-size: 0; text-indent: -999px;}
.sub-content--order .order-process li:nth-child(1) .process-number span::after {content: ""; display: inline-block; width: 2.65rem; height: 1.8rem; background: url('../img/sub/icon-reserve-check.svg') no-repeat 50% 50% / contain;}
.subvisual-confirm + .order-process li:nth-child(3) .process-number span {border-color: var(--yellow);}
.subvisual-confirm + .order-process li:nth-child(2) .process-number span {border-color: var(--yellow); background: var(--yellow); font-size: 0; text-indent: -999px;}
.subvisual-confirm + .order-process li:nth-child(2) .process-number span::after {content: ""; display: inline-block; width: 2.65rem; height: 1.8rem; background: url('../img/sub/icon-reserve-check.svg') no-repeat 50% 50% / contain;}
.subvisual-confirm + .order-process li:nth-child(2)::after {background: var(--yellow); }
.subvisual-complete + .order-process li:nth-child(2) .process-number span {border-color: var(--yellow); background: var(--yellow); font-size: 0; text-indent: -999px;}
.subvisual-complete + .order-process li:nth-child(2) .process-number span::after {content: ""; display: inline-block; width: 2.65rem; height: 1.8rem; background: url('../img/sub/icon-reserve-check.svg') no-repeat 50% 50% / contain;}
.subvisual-complete + .order-process li:nth-child(2)::after {background: var(--yellow); }
.subvisual-complete + .order-process li:nth-child(3) .process-number span {border-color: var(--yellow); background: var(--yellow); font-size: 0; text-indent: -999px;}
.subvisual-complete + .order-process li:nth-child(3) .process-number span::after {content: ""; display: inline-block; width: 2.65rem; height: 1.8rem; background: url('../img/sub/icon-reserve-check.svg') no-repeat 50% 50% / contain;}
.subvisual-cancel + .order-process, .subvisual-refuse + .order-process {display: none;}*/

.sub-content--order .sub-row--orderDetail {background: #F5F6F8;}
.sub-content--order .payment_detail_wrap_inner {display: flex; flex-direction: column; row-gap: 4rem; padding-top: 8rem;}
.sub-content--order .section-title {padding-bottom: 2rem; font-size: 2rem; font-weight: 500; line-height: 1.3em;}
.sub-content--order .in_payment {display: flex; flex-direction: column; row-gap: 1rem;}
.sub-content--order .product-row--info {display: flex; align-items: center; column-gap: 3rem;}
.sub-content--order .product-row--info .product-img {display: flex; align-items: center; justify-content: center; width: 19rem; border-radius: 1rem; position: relative; overflow: hidden;}
.sub-content--order .product-row--info .product-img::after {content: ""; display: block; padding-bottom: 67%;}
.sub-content--order .product-row--info .product-img img {min-width: 100%; min-height: 100%; position: absolute; object-position: center center;}
.sub-content--order .horizontal-bar {width: 100%; height: 1px; background: #EEE;}
.sub-content--order .product-text {display: flex; flex-direction: column; row-gap: 2rem; flex: 1;}
.sub-content--order .product-text--title {display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; font-size: 1.7rem; line-height: 1.5em;}
.sub-content--order .product-text--date {display: flex; align-items: center; column-gap: 1rem;}
.sub-content--order .date-title {display: flex; align-items: center; column-gap: 5px; color: #666;}
.sub-content--order .date-title::before {content: ""; display: inline-block; width: 1.6rem; height: 1.6rem; background: url('../img/main/icon-calendar.svg') no-repeat center / contain;}
.sub-content--order .date-content {font-weight: 500;}
.sub-content--order .product-row--option {margin-top: 3rem;}
.sub-content--order .product-row--option ul {display: flex; flex-direction: column; row-gap: 8px;}
.sub-content--order .product-row--option li {display: flex; align-items: center; column-gap: 1rem; padding: 1rem 2rem; background: #F5F6F8; border-radius: 6px;}
.sub-content--order .product-row--option .chip {line-height: 1.6em; flex-shrink: 0;}
.sub-content--order .product-row--option .option-price {font-weight: 500; line-height: 1.6em; margin-left: auto; flex-shrink: 0;}
.sub-content--order .product-row--cancellation {display: flex; flex-direction: column; row-gap: 2rem;}
.sub-content--order .cancellation-content * {font-size: 1.4rem; line-height: 1.8em; color: #666;}
.sub-content--order .payment-heading {display: flex; align-items: center; justify-content: space-between; padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px solid #ddd;}
.sub-content--order .payment-content {margin-bottom: 3rem;}
.sub-content--order .payment-subtitle {font-size: 2.4rem; font-weight: 700; font-family: 'Noto Sans KR', sans-serif;}
.sub-content--order .price-detail--list li {display: flex; align-items: center; justify-content: space-between;}
.sub-content--order .price-detail--label {font-size: 1.4rem; color: #666; line-height: 1.8em;}
.sub-content--order .price-detail--value {font-size: 1.4rem; line-height: 1.8em;}
.sub-content--order .payment-footer {}
.sub-content--order .section-content--cancel .payment-heading {padding-bottom: 3rem; margin-bottom: 3rem;}
.sub-content--order .section-content--cancel .payment-content {display: flex; flex-direction: column; row-gap: 1rem; padding-bottom: 3rem; border-bottom: 1px solid #ddd;}
.sub-content--order .section-content--cancel .payment-date * {font-size: 1.4rem;}
.sub-content--order .section-content--cancel .payment-date {display: flex; align-items: baseline; column-gap: 1rem;}
.sub-content--order .section-content--cancel .payment-date--value {font-weight: 500;}
.sub-content--order .section-content--cancel .payment-content--totalPrice {display: flex; align-items: baseline; justify-content: space-between;}
.sub-content--order .payment-content--totalPrice .payment-subtitle {font-size: 2rem;}

.sub-content--order .box-row {display: flex; align-items: flex-start; column-gap: 2rem;}
.subpage .box-row .order-detail {display: flex; flex-direction: column; row-gap: 1rem; width: calc((100% - 2rem) / 2)}
.subpage .box-row .order-label {font-size: 1.6rem; line-height: 1.6em;}
.subpage .box-row .order-value {border: 1px solid #ddd; border-radius: 50px;}
.subpage .box-row .order-value span {display: inline-block; font-size: 1.3rem; line-height: 1.5em; padding: 1.1rem 2rem; }
.sub-content--order .section-rental-info .box, .sub-content--order .section-reserve-info .box {display: flex; flex-direction: column; row-gap: 3.5rem;}
.sub-content--order .section-rental-info .box .order-label, .sub-content--order .section-reserve-info .order-label {font-size: 1.4rem; font-weight: 500;}
.sub-content--order .box-row--col3 .order-detail {width: 100%;}
.sub-content--order .order-value-group {display: flex; align-items: center; column-gap: 8px;}
.sub-content--order .order-value-group .order-value {flex: 1;}
.sub-content--order .box-row--flex {width: 100%;}
.sub-content--order .box-row--flex .order-detail {flex-direction: row; column-gap: 3rem; width: 100%;}
.sub-content--order .box-row--flex .order-label {width: 6rem;}
.sub-content--order .box-row--flex .order-value-group {flex-direction: column; align-items: flex-start; row-gap: 1.5rem; width: calc(100% - 9rem)}
.sub-content--order .order-value.full {width: 100%;}
.sub-content--order .order-value.half {width: calc(50% - 6rem);}
.sub-content--order .box-row .order-value--radio {display: flex; align-items: baseline; column-gap: 8px; border: 0; font-size: 1.3rem; line-height: 1.25em;}
.sub-content--order .box-row .order-value--radio span {display: flex; align-items: center; justify-content: center; width: 1.8rem; height: 1.8rem; border-radius: 50px; border: 1px solid #ddd; padding: 0; flex-shrink: 0;}
.sub-content--order .box-row .order-value--radio span em {display: inline-block; width: 1rem; height: 1rem; border-radius: 50px; background: #ddd;}
.payresultdetail_btn_wrap .butn {font-size: 1.4rem;}

/* 마이페이지 */
.mypage-box {background: #fff; border: 1px solid #F0F1F3; border-radius: 1rem;}
.mypage-box.mypage-box--outerPadding {display: flex; flex-direction: column; row-gap: 2.5rem;padding: 3rem 4rem;}
.mypage-box.mypage-box--outerPadding .product-item {padding: 2rem 0;}
.heading-widthbar .section-heading--title {position: relative; padding-left: 1.8rem; font-weight: 400;}
.heading-widthbar .section-heading--title::before {content: ""; display: inline-block; width: 0.8rem; height: 2rem; background: var(--yellow); position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50px;}
.sub-content--mypage {background: #F5F6F8;}
.sub-content--mypage .mypage_new_wrap {display: flex; align-items: flex-start; column-gap: 3rem;}
.sub-content--mypage .side_menu {width: 25rem; position: sticky; top: 10rem; background: #fff; overflow: hidden;}
.sub-content--mypage .mypage_cont {display: flex; flex-direction: column; row-gap: 4rem; flex: 1; width: calc(100% - 28rem);}
.sub-content--mypage .mypage_cont--narrow {row-gap: 1rem;}
.sub-content--mypage .mp_title {font-size: 2.2rem; padding: 2rem 2.5rem;}
.sub-content--mypage .side_menu_list {margin-top: 0; padding: 0;}
.sub-content--mypage .side_menu_list li {border-top: 1px solid #eee}
.sub-content--mypage .side_menu_list a {display: flex; align-items: center; column-gap: 1rem; padding: 2rem 2.5rem; font-size: 1.5rem;}
.sub-content--mypage .side_menu_list a::before {content: ""; display: inline-block; width: 2.4rem; height: 2.4rem; background-position: center; background-size: contain; filter: invert(42%) sepia(11%) saturate(5%) hue-rotate(332deg) brightness(90%) contrast(85%);}
.sub-content--mypage .side_menu_list a.active {background: var(--lightyellow);}
.sub-content--mypage .side_menu_list a.active::before {filter: none;}
.sub-content--mypage .side_menu_list li:nth-child(1) a::before {background-image: url('../img/sub/icon-mypage-hosting.svg');}
.sub-content--mypage .side_menu_list li:nth-child(2) a::before {background-image: url('../img/sub/icon-mypage-review.svg');}
.sub-content--mypage .side_menu_list li:nth-child(3) a::before {background-image: url('../img/sub/icon-mypage-book.svg');}
.sub-content--mypage .side_menu_list li:nth-child(4) a::before {background-image: url('../img/sub/icon-mypage-coupon.svg');}
.sub-content--mypage .side_menu_list li:nth-child(5) a::before {background-image: url('../img/sub/icon-mypage-member.svg');}

.sub-content--mypage .mypage-heading {padding: 1.7rem 3rem;}
.sub-content--mypage .mypage-heading .butn.rounded-sm {width: auto;}
.sub-content--mypage .mypage-heading p {line-height: 1.6em; font-weight: 500;}
.sub-content--mypage section {display: flex; flex-direction: column; row-gap: 2rem;}
.sub-content--mypage .section-heading--flex {display: flex; align-items: center; justify-content: space-between;}
.mypage-box .box-heading {display: flex; align-items: center; column-gap: 1rem; padding: 1rem 3rem; border-bottom: 1px solid #F0F1F3;}
.mypage-box .box-heading h6 {font-size: 1.8rem;}
.mypage-box .box-heading--column {flex-direction: column; align-items: flex-start; row-gap: 1rem; padding: 0; border-bottom: 0;}
.mypage-box .box-heading--column h6 {font-size: 2.4rem; font-weight: 400;}
.mypage-box .box-heading--column p {font-size: 1.6rem; line-height: 1.6em; color: #666;}
.mypage-box .box-heading--flex {padding: 0; border-bottom: 0;}
.mypage-box .butn.butn-sm {margin-left: auto; padding: 4.5px 1rem 5.5px; line-height: 1.3em; font-size: 1.2rem; border-radius: 6px; text-align: center; border: 1px solid #F1F1F1; color: #666;}
.mypage-box .swiper-container {width: 100%; overflow: hidden;}
.mypage-box .swiper-pagination {display: flex; align-items: center; justify-content: center; column-gap: 0.5rem; position: static; margin-top: 2.5rem;}
.mypage-box .swiper-pagination-bullet {display: flex; align-items: center; justify-content: center; line-height: normal; font-size: 1.6rem; font-weight: 500; border-radius: 6px; width: 3.6rem; height: 3.6rem; background: transparent; color: #666; opacity: 1;}
.mypage-box .swiper-pagination-bullet-active {background: #EBECF0; color: #000;}
.mypage-box .box-heading .butn.butn-sm + .butn.butn-sm {margin-left: 0;}
.mypage-box .product-item {display: flex; align-items: center; column-gap: 3rem;}
.mypage-box .product-item .product-img {display: flex; align-items: center; justify-content: center; border-radius: 6px; overflow: hidden; width: 15%; max-height: 100%; aspect-ratio: 116 / 78;}
.mypage-box .product-item .product-img.big {width: 21%; position: relative;}
.mypage-box .product-item .product-img.big::after {content: ""; display: block; padding-bottom: 67%;}
.mypage-box .product-item .product-img.big img {min-height: 100%; min-width: 100%; max-width: 100%; max-height: 100%; position: absolute; object-fit: cover; }
.mypage-box .product-item .product-img img {max-width: unset; min-height: 100%;}
.mypage-box .product-item .waiting {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; background: #F5F6F8;}
.mypage-box .product-item .waiting span {display: flex; align-items: center; justify-content: center; width: 8rem; height: 8rem; border-radius: 50px; background: #fff; font-size: 1.4rem; font-weight: 500;}
.mypage-box .product-item--apply .waiting span {color: var(--blue);}
.mypage-box .product-item--refuse .waiting span {color: #EF3337;}
.mypage-box .product-item .product-info {flex: 1;}
.mypage-box .product-item .product-info .product-text {width: 80%;}
.mypage-box .product-item .product-period {width: 25%}
.mypage-box .product-item .vertical-bar {width: 1px; height: 6rem; background: #eee;}
.mypage-box .product-item .product-text {display: flex; flex-direction: column; row-gap: 8px;}
.mypage-box .product-text--label {font-size: 1.2rem; color: #666;}
.mypage-box .product-text--title {font-size: 1.4rem; line-height: 1.4em;}
.mypage-box .product-actions {display: flex; flex-direction: column; row-gap: 0.6rem;}
.mypage-box .product-actions--flex {flex-direction: row; column-gap: 0.6rem;}
.mypage-box .location {display: flex; align-items: center; column-gap: 5px;}
.mypage-box .location::before {content: ""; display: inline-block; width: 1.4rem; height: 1.4rem; background: url('../img/main/icon-mappin.svg') no-repeat center / contain;}

.hosting .box-heading--column p {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.hosting .box-heading--column p span {color: var(--blue); font-weight: 500;}
.hosting .box-content {border-top: 1px solid #EEE;}
.hosting .product-item {border-bottom: 1px solid #EEE;}
.hosting .butn.rounded-sm {width: 6rem;}
.hosting .ownVehicles .butn.rounded-sm {width: 9.8rem;}
.hosting .ownVehicles .section-heading .butn.rounded-sm {width: 13rem;}
.hosting .product-text--number {display: flex; align-items: center; column-gap: 1rem;}
.hosting .product-text--number .butn {margin-left: 0;}
.hosting .product-period .product-text--title {font-size: 1.9rem;}
.mypage-box.accounts .box-content {border-top: 0;}
.mypage-box.accounts .box-row {display: flex; align-items: flex-start; column-gap: 2rem;}
.mypage-box .box-heading--flex {column-gap: 4rem;}
.mypage-box .heading-item {display: flex; align-items: center; column-gap: 2rem;}
.mypage-box .heading-item--line {position: relative;}
.mypage-box .heading-item--line::after {content: ""; display: inline-block; width: 0.5px; height: 1.6rem; background: #EEE; position: absolute; right: -2rem; top: 50%; transform: translate(50%, -50%);}
.mypage-box .heading-item h6 {display: flex; align-items: center; column-gap: 5px; font-size: 1.5rem; line-height: 1.6em; font-weight: 400;}
.mypage-box .heading-item .tooltip {position: static; display: inline-block; width: 2rem; height: 2rem; background: url('../img/sub/icon-tooltip.svg') no-repeat center / contain; cursor: pointer; line-height: inherit; margin-top: 1.5px; margin-left: 0;}
.mypage-box .heading-item .tooltip::before {content: none;}
.mypage-box .heading-total {font-size: 1.6rem; color: var(--blue); font-weight: 500;}
.ownVehicles .product-type {display: flex; flex-direction: column; row-gap: 5px; margin-top: 5px;}
.ownVehicles .product-type li {position: relative; padding-left: 2.3rem;}
.ownVehicles .product-type li::before {content: ""; display: inline-block; width: 1.4rem; height: 1.4rem; position: absolute; left: 0; top: 1rem; transform: translateY(-50%);}
.ownVehicles .product-type li.person::before {background: url('../img/sub/icon-mypage-person.svg') no-repeat 50% 50% / contain;}
.ownVehicles .product-type li.car-model::before {background: url('../img/sub/icon-mypage-vehicle.svg') no-repeat 50% 50% / contain;}
.ownVehicles .product-type .car-model span {display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all;}
.ownVehicles .product-type span {font-size: 1.3rem; line-height: 1.5em;}
.ownVehicles .mypage-box .product-item {height: auto; padding: 2.5rem 0;}
.ownVehicles .product-type--flex {flex-direction: row; column-gap: 1rem; }
.ownVehicles .product-type--flex .product-type--label {flex: 0 0 auto; color: #666;}
.ownVehicles .product-type--flex .product-type--value {display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all;}
.ownVehicles .chip {border-radius: 50px; line-height: 1.8em; font-weight: 500;}
.hosting-banner {display: flex; align-items: center; background: url('../img/sub/hosting-banner.png') no-repeat 50% 50% / cover; heighT: 28rem;}
.hosting-banner .container {display: flex; align-items: center; }
.hosting-banner .hosting-heading {display: flex; flex-direction: column; row-gap: 3rem;}
.hosting-banner .hosting-heading--title {font-size: 4.0rem; color: #fff;}
.hosting-banner .hosting-phone--label {color: #fff; line-height: 1.6rem; font-weight: 600}
.hosting-banner .hosting-phone--number {display: flex; align-items: center; column-gap: 5px; color: var(--yellow); font-size: 3.2rem; font-weight: 600; line-height: 1.6em; font-family: 'Pretendard', sans-serif; letter-spacing: -0.32px;}
.hosting-banner .hosting-phone--number::before {content: ""; display: inline-block; background: url('../img/sub/hosting-banner-phone.svg') no-repeat 50% 50% / contain; width: 2.6rem; height: 2.6rem;}
.hosting-banner .hosting-action {margin-left: auto;}
.hosting select[readonly] + .nice-select {pointer-events: none;;}
.mypage-box.mypage-box--table {border-color: #ddd;}
.table-wrap table {width: 100%; border-collapse: collapse;}
.booking-history .section-heading {justify-content: flex-start; column-gap: 2rem;}
.booking-history .section-heading span {font-weight: 500;}
#modal-rental .info_box {padding-bottom: 5rem;}
#modal-rental .input-group--flex .butn {width: 10rem; border: 0; flex: 0 0 auto; font-weight: 400;}
.table-wrap--booking .chip, .booking-list .chip {border-radius: 50px; line-height: 1.8em; padding: 5px 1.5rem; font-size: 1.3rem; font-weight: 500;}
.table-wrap--booking table th, .table-wrap--booking table td {font-size: 1.5rem; min-height: 4.4rem; text-align: center; word-break: keep-all; line-height: 1.5em; border-left: 1px solid #DDD; border-right: 1px solid #DDD;}
.table-wrap--booking table th:first-child, .table-wrap--booking table td:first-child {border-left: 0;}
.table-wrap--booking table th:last-child, .table-wrap--booking table td:last-child {border-right: 0;}
.table-wrap--booking table tr:last-child th {border-top: 1px solid #ddd;}
.table-wrap--booking table th {background: rgba(240, 244, 255, 0.60); padding: 1rem 1.5rem; font-weight: 500;}
.table-wrap--booking table td {padding: 1rem; border-top: 1px solid #DDD;}

.hosting .mypage-empty-list {display: flex; flex-direction: column; row-gap: 2rem; align-items: center; justify-content: center; border-top: 0; padding: 6rem 2rem 8rem;}
.mypage-empty-list .empty-text {font-size: 1.8rem; color: #B2B3B7; line-height: 1.5em; font-weight: 500;}
.mypage-empty-list .empty-box {display: flex; align-items: center; column-gap: 1.5rem; padding: 2.5rem 2rem; background: #F5F6F8; border-radius: 6px; max-width: 55rem; width: 90%;}
.mypage-empty-list .empty-box--text {line-height: 1.6em;}
.mypage-empty-list .empty-box--text span {font-weight: 500;} 

.mypage-heading .butn {width: auto; padding: 0.7rem 1.5rem; margin-top: 5px;}

/* 마이페이지 - 차량상세 */
.sub-content--mypage.subpage--form .container {max-width: 98rem;}

.modal-hosting .info_box .title {border-bottom: 0 !important; margin-bottom: 0 !important; padding-bottom: 1rem;}
.hosting-guide {display: flex; flex-direction: column; row-gap: 1rem;}
.hosting-guide .guide-item {display: flex; align-items: center; column-gap: 1.5rem; background: #F5F6F8; padding: 2rem; border-radius: 6px; overflow: hidden;}
.hosting-guide .guide-icon {display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.5rem; font-weight: 700; background: url('../img/sub/mypage-modal-bubble.svg') no-repeat 50% 50% / contain; width: 3.2rem; height: 3.2rem; flex-shrink: 0;}
.hosting-guide .guide-text {font-size: 1.4rem; line-height: 1.6em; text-align: left;}
.scroll_swiper .table-wrap {overflow-x: auto;}

.modal .title-border {padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px solid #EEE;}
.find_userinfo_pop_wrap.width-1000 .info_box {padding: 2rem 2.5rem 3rem;}
.modal-booking .booking-summary {display: flex; align-items: center; column-gap: 1.5rem; background: #F0F4FF; padding: 1.5rem 2.5rem; border-radius: 1rem;}
.modal-booking .licenseplate-list {display: flex; align-items: center; column-gap: 8px;}
.modal-booking .licenseplate-list li {font-size: 1.9rem; line-height: 1.5em; font-weight: 500; padding: 6px 1.5rem; background: #DDE2F2; border-radius: 5px; margin-top: 0;}
.modal-booking .licenseplate-etc {font-size: 1.6rem; line-height: 1.6em;}
.modal-booking .booking-total {padding: 8px 0; text-align: right;}
.modal-booking .table-wrap {max-height: 50rem; overflow-x: auto;}
.modal-booking .table-wrap::-webkit-scrollbar {width: 0.6rem;}
.modal-booking .table-wrap::-webkit-scrollbar-thumb {background: #C4C6CA; border-radius: 10px;}
.modal-accounts .form-section {display: flex; flex-direction: column; row-gap: 3.5rem;}
.modal-accounts .form-row--btn {padding-top: 2rem; margin-top: 2rem; border-top: 1px solid #EEE;}
.modal-accounts .butn {width: 10rem;}
.modal-license .form-row--btn {padding-top: 2rem; margin-top: 2rem; border-top: 1px solid #EEE;}
.modal-license .butn {width: 13rem;}


.review .my_review_list .mypage-box {}
.review .my_review_list .mypage-box .box-heading {}
.review .my_review_list .box-heading h6 {}
.review .my_review_list .box-heading p {}
.review .box-content {border-top: 1px solid #EEE;}
.review .product-item {border-bottom: 1px solid #EEE; padding: 2rem 0;}
.review .my_review_write .product-item .product-period {width: 40%;}
.review .empty-item {display: flex; align-items: center; justify-content: center; min-height: 48.5rem;}
.review .empty-item .inner {display: flex; flex-direction: column; row-gap: 4rem; align-items: center; justify-content: center; height: 100%;}
.review .empty-item--text {display: flex; flex-direction: column; align-items: center; row-gap: 2rem; text-align: center;}
.review .empty-item--text .text-icon {display: inline-block; width: 11rem; height: 11rem; background: url('../img/sub/icon-review-empty.svg') no-repeat 50% 50% / contain;}
.review .empty-item--text .text-title {color: #B2B3B7; font-weight: 500; line-height: 1.5em; font-size: 1.8rem;}
.review .empty-item--butn {font-size: 1.4rem;}
.review .my_review_write .mypage-box--product {padding: 3rem 4rem; }
.review .my_review_write .mypage-box--product .box-content {border-top: 0;}
.review .my_review_write .product-item {border-bottom: 0; padding: 0;}
.review .mypage_cont--narrow form {display: flex; flex-direction: column; row-gap: 1rem;}
.review .mypage-box--star {padding: 3rem 4rem 5rem;}
.review .my_review_write .box-heading {padding: 0;}
.review .my_review_write .box-heading {border-bottom: 0;}
.review .my_review_write .box-content {border-top: 0;}
.review .mypage-box--star .box-content {text-align: center;}
.rating-group {display: inline-flex;}
.rating-icon {pointer-events: none;}
.rating-input {position: absolute !important; left: -9999px !important;}
.rating-label {cursor: pointer; padding: 0 0.1em; font-size: 7rem;}
.rating-label--half {padding-right: 0; margin-right: -0.6em; z-index: 2; width: 4.3rem;}
.rating-icon--star {color: var(--yellow);}
.rating-icon--none {color: #eee;}
.rating-input--none:checked + .rating-label .rating-icon--none {color: red;}
.rating-input:checked ~ .rating-label .rating-icon--star {color: #ddd;}
.rating-group:hover .rating-label .rating-icon--star,
.rating-group:hover .rating-label--half .rating-icon--star {color: var(--yellow);}
.rating-input:hover ~ .rating-label .rating-icon--star,
.rating-input:hover ~ .rating-label--half .rating-icon--star {color: #ddd;}
.rating-group:hover .rating-input--none:not(:hover) + .rating-label .rating-icon--none {color: #eee;}
.rating-input--none:hover + .rating-label .rating-icon--none {color: red;}
.review .mypage-box--reviewCont {display: flex; flex-direction: column; padding: 3rem 4rem; row-gap: 3rem;}
.review .mypage-box--reviewCont .box-heading {justify-content: space-between;}
.review .mypage-box--reviewCont .box-row {display: flex; flex-direction: column; row-gap: 1.5rem;}
.review .file-list {display: flex; align-items: flex-start; padding: 1.5rem 2rem; column-gap: 5%;}
.review .file-list#new-file-list {padding: 0 2rem;}
.review .file-item {display: flex; flex-direction: column; row-gap: 1rem; align-items: center; width: 12%;}
.review .file-item .preview {display: flex; align-items: center; justify-content: center; width: 8rem; height: 8rem; border: 1px solid #eee; border-radius: 6px; overflow: hidden;}
.review .file-item img { object-fit: cover; }
.review .file-item span {display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; font-size: 1.4rem; line-height: 1.4em; width: 100%; text-align: center; }
.review .file-item button {display: flex; align-items: center; justify-content: center; width: 1.8rem; height: 1.8rem; border-radius: 50px; background: #EBECF0}
.review .file-item button::after {content: ""; display: inline-block; width: 7px; height: 7px; background: url('../img/main/icon-x.svg') no-repeat 50% 50% / contain;}
.sub-content--mypage .butn-download {display: flex; align-items: center; justify-content: center; column-gap: 5px; width: auto; cursor: pointer; white-space: nowrap;;}
.drop-zone {width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 1.5rem; border: 1px solid #DDD; border-radius: 6px; padding: 1.5rem; min-height: 15rem;}
.drop-zone .drop-zone--prompt {display: flex; font-size: 1.4rem; color: #222; line-height: 1.6em; word-break: keep-all; padding-bottom: 10px; text-align: center;}
.drop-zone .attach {align-self: auto; margin: 0 auto; height: 4rem;}
.review .mypage-box--reviewCont textarea {width: 100%; height: 25rem; border: 1px solid #ddd; border-radius: 6px; padding: 1.5rem; font-size: 1.4rem; line-height: 1.6em;}
.review .mypage-box--reviewCont .box-row--btn {display: flex; flex-direction: row; align-items: center; column-gap: 1rem; justify-content: center;}
.review .box-row--btn .butn {font-size: 1.4rem; width: 12rem;}
/* 리뷰 작성 사진첨부 플러그인 수정 */
.review .file-drop-zone {border: 0; margin: 0;}
.review .file-preview-thumbnails {row-gap: 1rem;}
.review .btn-file.btn-primary {background: #F8F8F8; border: 1px solid #F1F1F1; border-radius: 6px; display: flex; align-items: center; justify-content: center; column-gap: 5px; width: auto; cursor: pointer; white-space: nowrap; width: fit-content; padding: 1rem 1.5rem; line-height: 1.2em; font-size: 1.3rem; border-radius: 6px; text-align: center;}
.review .btn-file.btn-primary i {display: none;}
.review .btn-file.btn-primary::before {content: ""; display: inline-block; width: 1.6rem; height: 1.6rem; background: url('../img/sub/download_icon.svg') no-repeat 50% 50% / contain; filter: invert(1);}
.review .btn-file.btn-primary:not(:disabled):not(.disabled):active, .review .btn-file.btn-primary:not(:disabled):not(.disabled).active, .show > .review .btn-file.btn-primary.dropdown-toggle, .review .btn-file.btn-primary:hover {background: #D0D0D0; border-color: #F1F1F1;}
.review .file-preview .fileinput-remove {display: none;}
.review .krajee-default.file-preview-frame {margin-top: 0; margin-left: 0; margin-bottom: 0; border-radius: 6px; overflow: hidden;}
.review .btn-sm {font-size: 1.3rem;}
.review .kv-upload-progress .progress {display: none !important;}
.review .fa-download:before {content: ""; display: block; background: url('../img/sub/download_icon.svg') no-repeat 50% 50% / contain; width: 1.4rem; height: 1.4rem; filter: invert(1);}
.review .krajee-default .file-footer-buttons {display: flex; align-items: center;}
.review a.btn-outline-secondary, .review .btn-outline-secondary {border: 0; border-color: transparent; display: flex; align-items: center;}
.review a.btn-outline-secondary:hover, .review .btn-outline-secondary:hover {background: transparent; color: inherit;}
.review .krajee-default .file-drag-handle {margin-top: 0;}
.review .btn-outline-secondary .fa-trash-alt {font-weight: 300;}
.review .fa-search-plus::before {content: ""; display: inline-block; width: 1.3rem; height: 1.3rem; background: url('../img/sub/icon-search-sm.svg') no-repeat center / contain;}

.booking .section-content {display: flex; flex-direction: column; row-gap: 1.5rem;}
.booking .product-item {height: 16rem; padding: 2rem 3rem; }
.book-confirm .box-heading h6 {color: var(--blue);}
.book-cancel .box-heading h6 {color: var(--red);}
.book-complete .box-heading h6, .book-refuse .box-heading h6 {color: #B2B3B7;}

/* 공통 레이어팝업 */
.jconfirm .jconfirm-box {padding: 3rem 2rem !important; border-radius: 1rem !important; width: 32rem; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.40);}
.jconfirm .jconfirm-box div.jconfirm-content-pane {margin-bottom: 1rem !important;}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {overflow: unset !important;}
.modal-text .modal-content--text {padding: 1rem 1rem 2rem;  text-align: center;}
.modal-text .modal-content--text p {font-size: 1.5rem; line-height: 1.5em;}
.modal-text .modal-content--text strong {display: block; margin-bottom: 1rem;}
.modal-text .jconfirm-buttons {display: flex; align-items: center; column-gap: 5px; justify-content: center; float: none !important; padding-bottom: 0 !important;}
.modal-text .jconfirm-buttons .butn-modal {width: 13.5rem; border-radius: 50px !important; height: auto; padding: 1rem 1.5rem !important; font-weight: 500 !important; font-size: 1.3rem;}
.jconfirm .modal-text .jconfirm-box div.jconfirm-closeIcon {width: 1.6rem !important; height: 1.6rem !important; font-size: 2.2rem !important; right: 1.7rem; top: 1.7rem;}

/* 마이페이지 - 쿠폰함 */
.coupon .section-heading {flex-direction: row; justify-content: space-between;}
.coupon .section-heading .butn {font-weight: 500; width: 7.8rem;}
.coupon .scroll_swiper {border: 1px solid #DDD; border-radius: 10px;}
.coupon .scroll_swiper .payment_history_wrap {margin-bottom: 0;}
.coupon .td_date {word-break: keep-all;}
.scroll_swiper .swiper-horizontal > .swiper-scrollbar, .scroll_swiper .swiper-scrollbar.swiper-scrollbar-horizontal {height: 1rem !important;}
.scroll_swiper .swiper-scrollbar .swiper-scrollbar-drag {height: 1rem !important;}
.coupon .scroll_swiper table th {color: #000; font-size: 1.5rem; line-height: 1.5em; font-weight: 500; background: #F0F4FF; border-top: 0; border-bottom: 0; padding: 1.9rem 1.5rem;}
.coupon .scroll_swiper table td {background: #fff; border-top: 1px solid #ddd; border-left: 0; padding: 2.5rem 1.5rem;}
.coupon .pop_inner_list {background: #F5F6F8; padding: 2rem; border-radius: 1rem;}
.coupon .find_userinfo_pop_wrap.mid2 .info_box .title {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.coupon .find_userinfo_pop_wrap .pop_cou_num {padding-bottom: 0;}
.coupon .find_userinfo_pop_wrap .pop_inner_list li {font-size: 1.4rem; line-height: 1.6em;}
.coupon .find_userinfo_pop_wrap .butn {min-width: 10rem;}
.coupon .coupon-list {display: flex; flex-direction: column; background: #fff;}
.coupon .coupon-item {display: flex; flex-direction: column; row-gap: 1.7rem; padding: 2rem;}
.coupon .coupon-item:not(:last-child) {border-bottom: 1px solid #EEE;}
.coupon .coupon-item .coupon-item--header {font-size: 1.7rem;}
.coupon .coupon-item--content ul {display: flex; flex-direction: column; row-gap: 0.9rem;}
.coupon .coupon-item li {display: flex; align-items: baseline; justify-content: space-between; }
.coupon .coupon-item span {display: inline-block; font-size: 1.55rem; line-height: 1.4em;}
.coupon .coupon-item .coupon-content--label {width: 9rem; flex-shrink: 0;}
.coupon .coupon-item .coupon-content--value {color: #666; text-align: right;}
.coupon .coupon-item .butn-coupon {display: flex; align-items: center; justify-content: center; column-gap: 5px; white-space: nowrap; width: 100%; margin-top: 1rem; padding-top: 10px; padding-bottom: 10px; padding: 1.2rem 1.5rem 1.3rem; font-size: 1.5rem; border-radius: 6px;}
.coupon.sub-content--mypage .coupon-item .butn-download {width: 100%; margin-top: 1rem; padding-top: 10px; padding-bottom: 10px;}

.sub-content--mypage .coupon .butn-download {margin: 0 auto;}
.edit .section-content .mypage-box {padding: 4rem 4rem 5rem;}
.edit form {display: flex; flex-direction: column; row-gap: 3.5rem;}
.form-wrap .form-row.form-row--btn {display: flex; flex-direction: row; align-items: center; justify-content: center; column-gap: 1rem; position: relative;}
.edit .section-content > .form-row.form-row--btn {display: flex; flex-direction: row; align-items: center; justify-content: center; column-gap: 1rem; position: relative; margin-top: 4rem;}
.edit .butn-withdraw {font-size: 1.3rem; position: absolute; left: 0; top: 0; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font;}
.edit .form-row--btn .butn {width: 12rem;}
.edit .find_userinfo_pop_wrap.mid2 .info_box .title {margin-bottom: 0;}
.subpage .input-wrap--phone .iti {width: 100%;}
.subpage .input-wrap--phone .input-item {border-radius: 0; border: 0; padding: 0; background: transparent;}
.subpage .input-wrap--phone .iti {display: flex; flex-direction: column; row-gap: 0.8rem; height: auto;}
.subpage .input-wrap--phone .iti__country-container {position: static; width: 100%; height: auto; border: 1px solid #ddd; background: #fff; border-radius: 50px; padding: 0;}
.subpage .input-wrap--phone .iti__selected-country {font-size: 1.3rem; padding: 1.1rem 2rem; width: 100%; position: relative;}
.subpage .iti__selected-dial-code {margin-left: 0; font-size: 1.3rem; line-height: 1.5em; height: 2rem;}
.subpage .input-wrap--phone .input-item .iti > input {border: 1px solid #ddd; padding: 1.1rem 2rem !important; border-radius: 50px; margin-left: 0; width: calc(100% - 4rem); max-width: unset; padding-left: 2rem !important;}
.subpage .input-wrap--phone .input-item.active .iti > input,
.subpage .input-wrap--phone .input-item .iti > input:focus {border: 1px solid var(--yellow) !important;}
.subpage .iti--inline-dropdown .iti__dropdown-content input {height: auto; min-height: 2rem; box-sizing: border-box; padding: 1.1rem 2rem;}
.subpage .iti__arrow {display: none;}
.subpage .iti .iti__country {padding-top: 1rem; padding-bottom: 1rem; font-size: 1.3rem;}
.subpage #toggleBtn {position: absolute; top: 50%; transform: translateY(-50%); right: 2rem; z-index: 4;}


/* 캠핑장 소개 */
.subpage-campingSite .subvisual {padding: 8rem 0 5rem; height: auto;}
.subpage-campingSite .subvisual .container {flex-direction: column; align-items: flex-start; row-gap: 6rem;}
.subpage-campingSite .subvisual-text {}
.subpage-campingSite .search-container {background: #fff; padding: 2.5rem 3rem 3.5rem; border-radius: 1rem; border: 1px solid #C4C6CA; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05); position: static; transform: translateX(0); width: 100%;}
.subpage-campingSite .search-container .form-wrap {width: 100%;}
.subpage-campingSite .search-container form {display: flex; align-items: flex-end; column-gap: 2rem;}
.subpage-campingSite .form-column.location {width: 25.5%;}
.subpage-campingSite .form-column.position {width: 24.5%;}
.subpage-campingSite .form-column.word {width: 24.5%;}
.subpage-campingSite .form-column .label {font-size: 1.6rem; line-height: 1.6em; margin-bottom: 5px; padding-left: 0.8rem;}
.subpage-campingSite .nice-select .list {width: 15rem; max-height: 21rem; overflow-y: auto; left: -2rem;}
.subpage-campingSite .nice-select .list::-webkit-scrollbar {width: 4px;}
/* .subpage-campingSite .nice-select .list::-webkit-scrollbar-track {background: #eee;} */
.subpage-campingSite .nice-select .list::-webkit-scrollbar-thumb {background: #C4C6CA; border-radius: 10px;}
.subpage-campingSite .nice-select .option {height: auto; min-height: unset; line-height: 1.6em; padding: 5px 8px; text-align: center;}
.subpage-campingSite .form-column--btn {display: flex; align-items: center; column-gap: 1rem; flex: 1;}
.subpage-campingSite .form-column--btn .butn {display: flex; align-items: center; justify-content: center; column-gap: 5px; font-size: 1.3rem; padding: 1.3rem 1rem; width: calc((100% - 1rem) / 2)}
.subpage-campingSite .form-column--btn .butn::before {width: 1.6rem; height: 1.6rem;}
.subpage-campingSite .form-column--btn .butn-filter {}
.subpage-campingSite .form-column--btn .butn-filter::before {content: ""; display: inline-block; background: url('../img/sub/icon-filter.svg') no-repeat 50% 50% / contain;}
.subpage-campingSite .sub-content {padding: 10rem 0 13.5rem;}
.subpage-campingSite .product-list {display: flex; flex-direction: column; row-gap: 5rem;}
.subpage-campingSite .product-item:not(:last-child) {padding-bottom: 5rem; border-bottom: 1px solid #EEE;}
.subpage-campingSite .product-item a {display: flex; align-items: center; column-gap: 6rem;}
.subpage-campingSite .product-item a img {transition: .2s;}
.subpage-campingSite .product-item .item-image {width: 28%; flex-shrink: 0; position: relative; border-radius: 1rem; overflow: hidden;}
.subpage-campingSite .product-item .item-image::after {content: ""; display: block; padding-bottom: 100%;}
.subpage-campingSite .product-item .item-image img {position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: 100%; height: 100%; object-fit: cover; max-width: unset;}
.subpage-campingSite .item-info {display: flex; flex-direction: column; row-gap: 3rem;}
.subpage-campingSite .item-info--text {display: flex; flex-direction: column; row-gap: 1rem;}
.subpage-campingSite .item-title {padding-bottom: 1rem; line-height: 1.6em;}
.subpage-campingSite .item-subtitle {line-height: 1.5em;}
.subpage-campingSite .item-description {color: #666; line-height: 1.6em;}
.subpage-campingSite .item-info--detail {display: flex; align-items: center; column-gap: 2rem;}
.subpage-campingSite .item-info--detail span {display: flex; align-items: flex-start; column-gap: 5px; color: #686868; font-size: 1.4rem; line-height: 1.4em;}
.subpage-campingSite .item-info--detail span::before {width: 1.6rem; height: 1.6rem; margin-top: 1px;}
.subpage-campingSite .item-info--detail .location::before {filter: invert(74%) sepia(13%) saturate(0%) hue-rotate(235deg) brightness(145%) contrast(92%);}
.subpage-campingSite .item-info--detail .tel::before {content: ""; display: inline-block; width: 1.8rem; height: 1.8rem; background: url('../img/sub/icon-tel.svg') no-repeat 50% 50% / contain;}
.subpage-campingSite .item-info--options ul {display: flex; align-items: flex-start; flex-wrap: wrap; gap: 1.5rem;}
.subpage-campingSite .option-item .option-title {width: 100%;}
.subpage-campingSite .pg_wrap {margin-top: 7rem;}
.modal-filter.find_userinfo_pop_wrap .info_box {transform: translate(-50%, -50%); padding: 2rem 0.5rem 2rem 2.5rem; }
.modal-filter.find_userinfo_pop_wrap .scroll-box {max-height: 80svh; overflow-y: auto; overflow-x: hidden; padding-right: 2rem;}
.modal-filter.find_userinfo_pop_wrap .scroll-box::-webkit-scrollbar {width: 4px;}
.modal-filter.find_userinfo_pop_wrap .scroll-box::-webkit-scrollbar-thumb {background: #C4C6CA; border-radius: 10px;}
.modal-filter.modal .title-border {padding-bottom: 1.5rem; margin-bottom: 1.5rem;}
.modal-filter .checkbox-wrap {flex-wrap: wrap; row-gap: 5px; column-gap: 5px; }
.modal-filter .form-wrap .form-row.form-row--flex {display: flex; align-items: flex-start; column-gap: 1rem; }
.modal-filter .form-row {padding: 2rem 0; border-bottom: 1px solid #EEE;}
.modal-filter .form-row--btn {border-bottom: 0;}
.modal-filter .form-wrap .label {font-size: 1.4rem; line-height: 1.6em; font-weight: 700; position: relative; width: 10rem; padding: 0.5rem 0; padding-left: 0.9rem; flex-shrink: 0;;}
.modal-filter .form-wrap .label::before {content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 999px; background: var(--yellow); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.modal-filter .input-item {width: 20rem;}
.modal-filter .form-wrap .form-guide {font-size: 1.3rem; color: #666; font-weight: 400; line-height: 1.2em; flex-shrink: 0;}
.modal-filter .form-wrap .form-guide:not(.width-100) {padding-left: 2rem;}
.modal-filter .form-wrap .form-guide.width-100 {width: 100%; text-align: left; padding-top: 1rem;}
.modal-filter .butn.default {padding: 1.7rem 3.5rem;}
.modal-filter .butn-reset::before {content: ""; display: inline-block; width: 2rem; height: 2rem; background: url('../img/sub/icon-filter-reset.svg') no-repeat 50% 50% / contain;}


.subpage-campingSite-view .sub-intro {background: #F5F6F8; padding: 8rem 0 10rem;}
.campingSite-intro {display: flex; flex-direction: column; row-gap: 1rem; }
.campingSite-intro .box-white {border: 0;}
.campingSite-intro .intro-heading {display: flex; flex-direction: column; row-gap: 1rem; text-align: center; }
.campingSite-intro .intro-heading .heading-title {font-weight: 400;}
.campingSite-intro .intro-heading .heading-subtitle {padding-bottom: 1rem;}
.campingSite-intro .intro-heading .heading-view {display: flex; align-items: center; justify-content: center; column-gap: 5px; font-size: 1.4rem; line-height: 1.4em; color: #686868;}
.campingSite-intro .intro-heading .heading-view::before {content: ""; display: inline-block; width: 1.6rem; height: 1.6rem; background: url('../img/sub/icon-view.svg') no-repeat 50% 50% / contain;}
.campingSite-intro .intro-detail {display: flex; align-items: center; column-gap: 7rem; padding: 4rem;}
.campingSite-intro .detail-gallery {width: 40%; flex-shrink: 0;}
.campingSite-intro .gallery-item {position: relative; width: 100%; border-radius: 1rem; overflow: hidden; cursor: pointer;}
.campingSite-intro .gallery-item::after {content: ""; display: block; padding-bottom: 100%;}
.campingSite-intro .gallery-item img {position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: 100%; height: 100%; object-fit: cover;}
.campingSite-intro .detail-info {flex: 1;}
.campingSite-intro .list-item {display: flex; align-items: center; column-gap: 2rem; padding: 1.2rem 0;}
.campingSite-intro .list-item:not(:last-child) {border-bottom: 1px solid #EEE;}
.campingSite-intro .info-list span {font-size: 1.4rem; line-height: 1.5em;}
.campingSite-intro .info-list .item-label {display: flex; align-items: center; column-gap: 1rem; font-weight: 600; width: 16rem; flex-shrink: 0;}
.campingSite-intro .info-list .item-label::before {content: ""; display: inline-block; width: 3rem; height: 3rem;}
.campingSite-intro .list-item.address .item-label::before {background: url('../img/sub/icon-campingsite-address.svg') no-repeat 50% 50% / contain;}
.campingSite-intro .list-item.tel .item-label::before {background: url('../img/sub/icon-campingsite-tel.svg') no-repeat 50% 50% / contain;}
.campingSite-intro .list-item.type .item-label::before {background: url('../img/sub/icon-campingsite-type.svg') no-repeat 50% 50% / contain;}
.campingSite-intro .list-item.period .item-label::before {background: url('../img/sub/icon-campingsite-runtime.svg') no-repeat 50% 50% / contain;}
.campingSite-intro .list-item.openday .item-label::before {background: url('../img/sub/icon-campingsite-rundate.svg') no-repeat 50% 50% / contain;}
.campingSite-intro .list-item.homepage .item-label::before {background: url('../img/sub/icon-campingsite-homepage.svg') no-repeat 50% 50% / contain;}
.campingSite-intro .list-item.reservation .item-label::before {background: url('../img/sub/icon-campingsite-booking.svg') no-repeat 50% 50% / contain;}
.campingSite-intro .list-item.facilities .item-label::before {background: url('../img/sub/icon-campingsite-around.svg') no-repeat 50% 50% / contain;}
.campingSite-intro .list-item.homepage a {display: flex; align-items: center; column-gap: 1rem;}
.campingSite-intro .list-item.homepage a::after {content: ""; display: inline-block; width: 1.6rem; height: 1.6rem; background: url('../img/sub/icon-share.svg') no-repeat 50% 50% / contain;}


.sub-content .horizontal-bar {display: block; width: 100%; height: 1px; background: #EEE; }
.subpage-campingSite-view .sub-content .container {display: flex; flex-direction: column; row-gap: 6rem;}
.campingSite-content {display: flex; flex-direction: column; row-gap: 3rem;}
.campingSite-content .content-heading--title {font-size: 2.6rem; font-weight: 500; line-height: 1.3em; position: relative; padding-left: 6rem;}
.campingSite-content .content-heading--title::before {content: ""; display: inline-block; width: 4.5rem; height: 4.5rem; background: url('../img/sub/section-heading-campingsite.svg') no-repeat 50% 50% / contain; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.campingSite-content .withbar {font-size: 1.9rem; line-height: 1.3em; padding-left: 1.8rem; position: relative;}
.campingSite-content .withbar::before {content: ""; display: inline-block; width: 0.8rem; height: 1.7rem; border-radius: 5rem; background: var(--yellow); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.campingSite-content .content-detail {display: flex; flex-direction: column; row-gap: 5rem;}
.campingSite-content .content-detail article {display: flex; flex-direction: column; row-gap: 3rem;}
.campingSite-content .campingsite-img {display: flex; align-items: center; column-gap: 4%;}
.campingSite-content .campingsite-img .img {width: 32%; position: relative; border-radius: 1rem; overflow: hidden; }
.campingSite-content .campingsite-img .img::after {content: ""; display: block; padding-bottom: 100%;}
.campingSite-content .campingsite-img .img img {position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: 100%; height: 100%; object-fit: cover;}
.campingSite-content .campingsite-information p {font-size: 1.4rem; line-height: 1.9em;}
.campingSite-content .table-wrap {border: 1px solid #E0E0E0; border-radius: 1rem; overflow: hidden;}
.campingSite-content .table-wrap th, .campingSite-content .table-wrap td {font-size: 1.5rem; padding: 1.2rem 2rem; border-bottom: 1px solid #eee;}
.campingSite-content .table-wrap tr:last-child th, .campingSite-content .table-wrap tr:last-child td {border-bottom: 0;}
.campingSite-content .table-wrap th {background: #FAFBFC; font-weight: 600;}
.campingSite-content .table-wrap th span {display: flex; align-items: center; column-gap: 0.5rem; line-height: 1.4em;}
.campingSite-content .table-wrap th span::before {content: ""; display: inline-block; width: 3rem; height: 3rem; background: url('../img/sub/icon-table-check.svg') no-repeat 50% 50% / contain;}
.campingSite-content .facility-gallery .gallery-list {display: flex; align-items: center; gap: 2rem; flex-wrap: wrap; }
.campingSite-content .facility-gallery .gallery-item {width: calc((100% - 8rem) / 5); position: relative; border-radius: 1rem; overflow: hidden; }
.campingSite-content .facility-gallery .gallery-item::after {content: ""; display: block; padding-bottom: 100%;}
.campingSite-content .facility-gallery .gallery-item img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.campingSite-content .map .root_daum_roughmap {width: 100% !important; height: 40rem !important; border-radius: 1rem; overflow: hidden;}
.campingSite-content .map .root_daum_roughmap .wrap_controllers {display: none !important;} 
.campingSite-content .map .root_daum_roughmap .wrap_map {height: 100% !important;}
.campingSite-content .map .root_daum_roughmap .border1,
.campingSite-content .map .root_daum_roughmap .border2,
.campingSite-content .map .root_daum_roughmap .border2,
.campingSite-content .map .root_daum_roughmap .border3 {display: none !important;}
.campingSite-content .map .cont {display: none !important;}
.campingSite-content .guide-img {position: relative; border: 1px solid #EEE; border-radius: 1rem; overflow: hidden;}
.campingSite-content .guide-img::after {content: ""; display: block; padding-bottom: 46.8%;}
.campingSite-content .guide-img img {position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: 100%; height: 100%; object-fit: cover;}

/* 문의하기 */
.subpage .container-flex {display: flex; align-items: flex-start; column-gap: 5rem;}
.subpage-contact {display: flex; flex-direction: column; row-gap: 5rem; padding: 8rem 0 10rem; background: #F5F6F8;}
.subpage-contact .subpage-heading h4 {display: flex; align-items: baseline; column-gap: 1rem; width: fit-content; font-weight: 600;}
.subpage-contact .subpage-heading h4::after {content: ""; display: inline-block; width: 2.4rem; height: 6px; border-radius: 50px; background: var(--yellow); margin-top: 1px}
.subpage-contact .subpage-detail p {line-height: 1.3em;}
.subpage-contact .content-info {width: 38rem;}
.subpage-contact .info-list {display: flex; flex-direction: column; row-gap: 5rem; width: 80%;}
.subpage-contact .info-list li {display: flex; flex-direction: column; row-gap: 3px;}
.subpage-contact .info-list span {line-height: 1.5em; word-break: keep-all;}
.subpage-contact .info-list .info-title {font-size: 1.2rem; color: #666;}
.subpage-contact .info-list .info-detail {font-size: 1.7rem; }
.subpage-contact .info-list .info-detail-en {font-size: 1.3rem; color: #666;}
.subpage-contact .info-list .information .info-detail {font-size: 1.4rem; line-height: 1.7em;}
.subpage-contact .content-form {flex: 1;}
.subpage-contact form {display: flex; flex-direction: column; row-gap: 3.5rem;}
.subpage-contact .input-guide {font-size: 1.6rem; line-height: 1.5em; padding-top: 1.2rem; }
.subpage-contact .input-group--flex .butn {background: #EBECF0; border: 1px solid #E3E3E5; cursor: pointer;}
.subpage-contact .butn-submit {width: 20rem; justify-content: center;}
.subpage-contact .form-wrap .input-wrap.input-wrap--column {align-items: flex-start;}
.subpage-contact .file-list {display: flex; flex-direction: column; row-gap: 0.8rem; width: 80%;}
.subpage-contact .file-list .file-delete {align-items: flex-start;}
.subpage-contact .file-delete-btn {cursor: pointer;}

/* 오시는길 */
.subpage-contact .content-map {flex: 1;}
.subpage-contact .root_daum_roughmap {width: 100% !important; height: 50rem !important;}
.subpage-contact .root_daum_roughmap .wrap_map {height: 100% !important; border-radius: 1rem; overflow: hidden;}
.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4 {display: none !important;}
.subpage-contact .root_daum_roughmap .wrap_controllers {display: none !important;}
.subpage-contact .root_daum_roughmap .cont {display: none !important;}

/* 약관페이지 */
.terms_wrap .subvisual {height: 40rem;}

@media (hover: hover) {
	.tabmenu-bar .tabmenu-action a:hover {background: var(--yellow);}

	.sub-content--checkout .pvc_open:hover {text-decoration: underline; text-underline-offset: 3px; cursor: pointer;}
	.sub-content--checkout .form-row--license .butn-license:hover {background: #EADB00}

	.subpage .controls .slide-arrow:hover span {background: #D7D8DA; border-color: #D0D1D3}
	.subpage--hosting .faq-item .question:hover {background: var(--lightyellow);}
	.sub-content--mypage .butn-download:hover svg path {}
	.related-section .custom-select li:hover {background: var(--lightyellow);}
	.related-section .custom-select .selected:hover::after {background-color: #F5F6F8;}
	.subpage-campingSite .product-item a:hover img {transform: scale(1.08);}
	.subpage-campingSite .product-item a:hover .item-title {text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px;}
	.campingSite-intro .list-item.homepage a:hover .link-text {font-weight: 600; text-decoration: underline; text-underline-offset: 3px;}

	.subpage-contact .input-group--flex .butn:hover {background: #D7D8DA;}
	.subpage-contact .checkbox label:hover {text-decoration: underline; text-underline-offset: 3px; cursor: pointer;}
}

@media (min-width: 2000px) {
	.hosting-banner {height: 36.5rem;}
	.sub-content--order .subvisual {height: 39rem; padding-top: 5rem;}

	.subpage-guide .banner {height: 36.5rem;}
}

@media (max-width: 1280px) {
	.box {padding: 3rem 2.5rem;}
	.subpage--form .form-box--white {padding: 3rem 2.5rem;}
	.sub-content--checkout .form-row--box.lightgrey {padding: 2.5rem;}
	.filter {top: 8.2rem;}

	.sub-content--order .subvisual {height: 35rem;} 

	.sub-content--mypage .side_menu_list li:nth-child(3) {border-bottom: 1px solid #eee;}
	.sub-content--mypage .mypage_new_wrap {flex-wrap: wrap; row-gap: 4rem;}
	.sub-content--mypage .side_menu {width: 100%; position: static;}
	.sub-content--mypage .mypage_cont {width: 100%;}
	.mypage-box .product-item {column-gap: 2rem;}
	.mypage-box .product-item .product-info .product-text {width: 100%;}
	.mypage-box .product-item .product-period {width: 27%;}
	.scroll_swiper .table-wrap--booking {margin-bottom: 1rem;}
	.scroll_swiper .table-wrap--booking::-webkit-scrollbar {display: none;}

	.coupon .scroll_swiper .payment_history_wrap {margin-bottom: 1rem;}

	/* 캠핑장 검색 */
	.subpage-campingSite .search-container form {column-gap: 1rem;}
	.subpage-campingSite .form-column.position {width: 20%;}

	/* 회사소개 */
	.subpage-intro .sub-visual {height: 60rem;}
	.subpage-intro .sub-row--section {padding: 10rem 0 12rem;}
	.subpage-intro .vision.sub-row--section {padding-bottom: 24rem;}
	.subpage-intro .vision .section-heading {width: 36rem;}
	.subpage-intro .vision .vision-bg {font-size: 24rem; bottom: -11rem;}
	.subpage-intro .gallery {gap: 6rem 4rem;}
	.subpage-intro .gallery-item {width: calc((100% - 4rem) / 2);}

	/* 이용안내 */
	.subpage-guide .slide-arrow {top: 28%;}
	.subpage-guide .slide-arrow.slide-arrow--next {right: 2rem;}
	.subpage-guide .slide-arrow.slide-arrow--prev {left: 2rem;}
	.subpage-guide .slide-arrow span {width: 4rem; height: 4rem; }
	.subpage-guide .slide-arrow span::after {width: 1.8rem; height: 1.8rem; margin-right: 2px;}
	.subpage-guide .insurance-item ul {flex-direction: column; row-gap: 1rem; align-items: flex-start;}
	.subpage-guide .insurance-item {column-gap: 3rem;}
	.subpage-guide .insurance-item .item-number span {width: 5rem; height: 5rem; padding-bottom: 0;}
	.subpage-guide .insurance-item .item-number::after {top: 5rem; height: calc(100% - 5rem)}
	.subpage-guide .condition .box.box-border {column-gap: 3rem; padding: 2.5rem 3rem;}


	/* 문의하기 */
	.subpage .container-flex {column-gap: 3rem;}
	.subpage-contact .content-info {width: 36rem;}

}

@media (max-width: 1024px) {
	.subpage--hosting .sub-content {row-gap: 12rem;}
	.section-faq.section-flex .container {column-gap: 4%;}
	.subpage--hosting .section-faq .section-heading {width: 42%;}
	.subpage--hosting .section-faq .section-content {width: 54%;}

	.filter .filter-container {flex-wrap: wrap; row-gap: 1rem;}
	.filter .filter-title {width: 20rem}

	.sub-content--checkout .form-right {width: 42%;}
	.sub-content--checkout .form-row--box.lightgrey {padding: 2rem;}
	.sub-content--checkout .product-row--info {column-gap: 2rem;}
	.sub-content--checkout .product-text--date {flex-direction: column; row-gap: 0.8rem; align-items: flex-start;}
	.subpage--form .form-row--box .box-icon {width: 9rem; height: 9rem;}

	.sub-content--order .subvisual-apply, .sub-content--order .subvisual-confirm {background-position: 72% 50%;}
	.sub-content--order .subvisual-complete {background-position: 72% 50%;}
	.sub-content--order .subvisual-cancel, .sub-content--order .subvisual-refuse {height: auto; background-position: 72% 50%;}
	.sub-content--order .subvisual-heading {width: 72%;}
	.sub-content--order .order-process li:not(:last-child)::after {width: 32vw;}
	.sub-content--order .order-summary {flex-direction: column; row-gap: 4rem;}
	.sub-content--order .order-summary-cancel {padding-bottom: 5rem;}
	.sub-content--order .order-summary-cancel::before {width: 100%; height: 0.5px; left: 50%; top: -2rem;}
	.sub-content--order .cancel-refund-guide {word-break: keep-all;}
	.sub-content--order .cancel-refund-guide br {display: none;}
	.sub-content--order .product-row--info {column-gap: 2rem;}
	.sub-content--order .product-text--date {flex-direction: column; row-gap: 0.8rem; align-items: flex-start;}

	.subpage-campingSite .form-column.word {width: 20%;}
	.subpage-campingSite .product-item a {column-gap: 4rem;}
	.subpage-campingSite .product-item .item-image {width: 35%;}
	.campingSite-intro .intro-detail {column-gap: 4rem;}
	.campingSite-content .campingsite-img {column-gap: 2%;}
	.campingSite-content .table-wrap table, .campingSite-content .table-wrap tbody {display: block;}
	.campingSite-content .table-wrap tr {display: flex; flex-wrap: wrap; align-items: center;}
	.campingSite-content .table-wrap th, .campingSite-content .table-wrap td {align-self: stretch;}
	.campingSite-content .table-wrap th {width: 35%;}
	.campingSite-content .table-wrap td {display: flex; align-items: center; width: 65%;}
	.campingSite-content .facility-gallery .gallery-list {gap: 1rem;}
	.campingSite-content .facility-gallery .gallery-item {width: calc((100% - 4rem) / 5);}

	/* 회사소개 */
	.subpage-intro .vision .section-heading {width: 30rem;}
	.subpage-intro .gallery-item--text .text-desc br {display: none;}
	.subpage-intro .banner .container-flex {flex-direction: column; row-gap: 4rem; align-items: flex-start;}

	/* 이용안내 */
	.subpage-guide .slide-arrow {top: 25%;}

	/* 문의하기 */
	.subpage-contact .radio-wrap.radio-wrap--button {flex-wrap: wrap; row-gap: 0.8rem;}
	.subpage-contact .radio-wrap--button .radio {width: calc((100% - 2rem) / 3);}
}

@media (max-width: 980px) {

	#sit #sit_ov {order: 2; position: static;}
	#sit #sit_info {order: 3; width: 100%;}
	#sit .review-item {width: 100%;}	
}

@media (min-width: 769px) {
	.subpage .mobile-only, .modal .mobile-only, .coupon_apply_popup_wrap .mobile-only {display: none;}
}

@media (max-width: 768px) {
	.subpage .pc-only, .modal .pc-only, .coupon_apply_popup_wrap .pc-only {display: none;}
	.sub_visual_wrap .swiper-slide {height: 60rem; }
	.filter .search-container {flex-direction: row; bottom: auto; left: auto; padding: 0; width: 95%;}
	.filter .search-container .search-field {box-shadow: none; background: transparent; width: auto; border-radius: 0; padding: 0;}
	.filter .search-container .search-field.custom-select {width: 20%;}
	.filter .search-container .search-field .selected {padding: 1.2rem 2rem;}
	.filter .search-container .search-field.date-picker {padding: 1.2rem 2rem;}
	.filter .search-field .options-delete {right: 1.5rem;}
	.filter .search-field.date-picker {width: 28%;}
	.filter .search-field.date-picker .selected-text {display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; width: 80%;}

	.subpage--form .radio-heading--title {font-size: 1.7rem;}
	.subpage--form .radio-heading .dot-list li {font-size: 1.5rem;}

	.subvisual .subvisual-text {width: 100%; text-align: center;}
	.subpage--hosting .sub-content {row-gap: 8rem;}
	.subpage--hosting .section-effect .gallery-item--img::after {padding-bottom: 75%;}
	.subpage--hosting .section-effect .gallery-item--text {padding: 2rem 2.5rem 2.5rem;}
	.subpage--hosting .section-effect .gallery-item .text-number {font-size: 2.8rem;}
	.subpage--hosting .section-income .section-heading {padding: 6rem 0 8rem;}
	.subpage--hosting .section-income .section-heading--title br {display: none; }
	.subpage--hosting .section-income .section-content {position: static; transform: translateY(0); width: 78%; margin-left: auto;}
	.subpage .section-heading .controls {position: static; margin-top: 1rem;}
	.section-faq.section-flex .container {row-gap: 4rem}
	.subpage--hosting .section-faq .section-heading,
	.subpage--hosting .section-faq .section-content {width: 100%;}
	.subpage--hosting .faq-item .question p {font-size: 1.9rem;}
	.subpage--hosting .faq-item .answer p {font-size: 1.6rem;}
	.section-faq .section-button {margin-top: 2.5rem;}

	.mid_banner .inner {flex-wrap: wrap; gap: 1.6rem}
	.mid_banner .inner .banner {width: 100%;}

	.tabmenu-bar .container {overflow: hidden; align-items: flex-start; column-gap: 1rem;}
	.tabmenu-bar .tabmenu-scroll-wrapper {width: 80%;}
	.tabmenu-bar .tabmenu-list {width: 60%; column-gap: 1rem;}
	.tabmenu-bar .tabmenu-action {flex: 0 0 auto; column-gap: 2rem;}
	.tabmenu-bar .tabmenu-action--price strong {font-size: 1.8rem;}
	.tabmenu-bar .tabmenu-action--price .price {font-size: 1.6rem;}
	.tabmenu-bar .tabmenu-action a {width: auto; padding: 0 1.5rem;}
	.photo .photo-single-layout, .photo .photo-gallery-layout {height: 32rem;}
	.photo-modal {row-gap: 2rem;}
	.photo-modal-close svg {width: 2rem; height: 2rem;}
	.swiper.photo-main {height: 42rem; margin-bottom: 0;}
	.prd_default_information {row-gap: 2.5rem;}
	#sit .product-summary .itemform-guide,
	#sit .product-summary .prd_code,
	#sit .get_item_options .option_select .select-guide  {font-size: 1.5rem;}
	#sit .get_item_options .option_select .select-date--result {font-size: 1.6rem;}
	#sit .section-heading--title {font-size: 2.8rem;}
	#sit .review-heading {row-gap: 0.8rem; padding: 2rem 0 2.5rem;}
	#sit .review-rate {font-size: 2.8rem;}
	#sit .review-rate svg {width: 2.8rem; height: 2.8rem;}
	#sit .review-item {padding: 2rem 0;}
	.subpage .related-section {row-gap: 2.5rem;}
	.subpage .related-section .section-heading--flex {flex-direction: column; row-gap: 1rem;}
	.subpage .related-section .controls {position: static; margin-top: 0; justify-content: flex-end;}
	#sit .itemform-wrap {padding: 2rem 1.5rem 3rem;}
	.info-summary .person-num span, .info-summary .pet {font-size: 1.4rem;}
	.option-list {column-gap: 3.5rem;}
	.option-item .option-title {font-size: 1.4rem;}
	#sit_ov .prdOption-title-wrap > .prdOption-item span {font-size: 1.8rem;}
	#sit_ov .prdOption-wrap {padding-left: 1rem;}

	.sub-content--checkout #sod_frm .form-wrap {flex-direction: column; row-gap: 4rem;}
	.sub-content--checkout .form-left, .sub-content--checkout .form-right {width: 100%;}
	.subpage--form .form-row--box .box-icon {width: 12rem; height: 12rem;}
	.sub-content--checkout .product-row--info .product-img {width: 16rem;}
	.sub-content--checkout .price-detail--item .item-title {font-size: 1.4rem;}
	.sub-content--checkout .price-detail--item .price-detail--label,
	.sub-content--checkout .price-detail--item .price-detail--value {font-size: 1.6rem;}

	.sub-content--order .subvisual-apply, .sub-content--order .subvisual-confirm {height: 32rem; background-position: 60% 100%; background-size: auto 70%; background-color: var(--yellow);}
	.sub-content--order .subvisual-complete {height: 32rem; background-position: 60% 100%; background-size: auto 70%; background-color: var(--yellow);}
	.sub-content--order .subvisual-cancel, .sub-content--order .subvisual-refuse {height: auto; background-position: 60% 100%; background-size: auto 56%; background-color: var(--yellow);}
	.sub-content--order .subvisual-heading {padding-top: 6rem;}
	.sub-content--order .order-summary-cancel * {font-weight: 600;}
	.sub-content--order .order-process li {width: 25%;}
	.sub-content--order .product-row--info {align-items: flex-start;}
	.sub-content--order .product-row--info .product-img {width: 16rem;}
	.sub-content--order .product-row--option li {padding: 1rem 1.5rem;}
	.sub-content--order .product-row--option .option-title {display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; width: 60%;}
	.sub-content--order .box-row {flex-wrap: wrap; row-gap: 2rem;}
	.sub-content--order .section-reserve-info .box {row-gap: 2rem;}
	.subpage .box-row .order-detail {width: 100%;}
	.checkout_wrap_all .input-wrap--phone .iti__country-container {height: 5rem;}
	.sub-content--checkout .form-section--price .btn-payment {display: none;}
	.sub-content--checkout .checkout_btn_wrap .btn-payment {width: 100%; text-align: center; justify-content: center;}

	.sub-content--mypage .mypage_cont {row-gap: 2rem;}
	.mypage-box .box-heading--flex {flex-direction: column; align-items: flex-start; row-gap: 3rem;}
	.mypage-box .box-heading--flex .heading-item {width: 100%;}
	.mypage-box .heading-item--line::after {width: 100%; height: 0.5px; top: calc(100% + 1.5rem); left: 0; right: auto; transform: translate(0,0)}
	.mypage-box .product-item {flex-wrap: wrap; row-gap: 3rem; height: auto;}
	.mypage-box .product-item .product-img, .mypage-box .product-item .product-img.big {width: 25%;}
	.mypage-box .product-item .product-text {row-gap: 5px;}
	.mypage-box .product-item .product-period {width: 100%; margin-left: calc(25% + 2rem);}
	.mypage-box .product-item .vertical-bar {display: none;}
	.mypage-box .product-item .waiting span {width: 6rem; height: 6rem; font-size: 1.3rem;}
	.mypage-box .product-actions--flex {margin-left: auto;}
	.mypage-box .product-actions {flex-direction: row; column-gap: 5px; margin-left: auto;}
	.mypage-empty-list .empty-box {max-width: unset; width: 100%;}
	.mypage-empty-list .empty-box--icon {width: 5rem;}
	.mypage-box.accounts .box-row {flex-wrap: wrap; row-gap: 2rem;}
	.hosting-banner {height: 32rem;}
	.hosting-banner .container {flex-direction: column; row-gap: 3rem; align-items: flex-start;}
	.hosting-banner .hosting-heading {row-gap: 2rem;}
	.hosting-banner .hosting-heading--title {font-size: 3.2rem;}
	.hosting-banner .hosting-phone--number {font-size: 2.4rem; font-weight: 500; margin-top: 5px;}
	.hosting-banner .hosting-action {margin-left: 0;} 
	.iti * {font-size: 1.3rem;}
	.subpage .input-wrap--phone .iti__selected-country {font-size: 1.5rem; height: 4.8rem;}
	.coupon .section-heading .butn {width: 8.6rem;}
	.coupon .scroll_swiper table td {padding: 2.5rem 0.4rem;}
	.coupon_apply_popup_wrap.coupon {padding: 3rem 1.5rem;}
	.coupon .coupon-wrap > .butn-coupon {display: flex; align-items: center; justify-content: center; width: fit-content; margin-left: auto; margin-bottom: 1rem;}
	.coupon_apply_popup_wrap.coupon .coupon-list {border: 1px solid #EEE; border-radius: 1rem;}
	.coupon .coupon_popup_close_btn_wrap {padding: 3rem 1.5rem 2rem; }
	.coupon .coupon_popup_close_btn_wrap a {background: #111; width: 100%; padding: 1.3rem 1.5rem 1.4rem; font-size: 1.5rem; }

	.review .my_review_write .mypage-box--product, .review .mypage-box--reviewCont {padding: 3rem 2.5rem;}
	.review .my_review_write .product-item .product-period {width: 100%;}
	.review .mypage-box--star {display: flex; flex-direction: column; row-gap: 2rem; padding: 3rem 2.5rem 4rem;}
	.rating-label {font-size: 5rem;}
	.drop-zone .drop-zone--prompt {padding-bottom: 0;}
	.review .file-item {width: 8rem;}
	.review .rating-group {margin-left: -3rem;}
	.review .rating-label--half {width: 3rem;}
	.review .file-drop-zone .file-preview-thumbnails {display: flex; overflow-x: auto;}
	.review .krajee-default.file-preview-frame {flex-shrink: 0;}

	.edit .section-content .mypage-box {padding: 3rem 2.5rem 4rem;}

	.subpage-campingSite .sub-content {padding: 6rem 0 8.5rem;}
	.subpage-campingSite .search-container {padding: 2.5rem 2rem;}
	.subpage-campingSite .search-container form {flex-wrap: wrap; row-gap: 1.5rem;}
	.subpage-campingSite .form-column.location,
	.subpage-campingSite .form-column.position,
	.subpage-campingSite .form-column.word {width: 100%;}
	.subpage-campingSite .form-column--btn .butn {height: 5.2rem; font-size: 1.5rem;}
	.subpage-campingSite .product-list {column-gap: 0.8rem; flex-wrap: wrap; flex-direction: row;}
	.subpage-campingSite .product-item {width: calc((100% - 0.8rem) / 2); }
	.subpage-campingSite .product-item:last-child {padding-bottom: 5rem; border-bottom: 1px solid #EEE;}
	.subpage-campingSite .product-item a {flex-direction: column; row-gap: 4rem; align-items: flex-start;}
	.subpage-campingSite .product-item .item-image {width: 100%;}
	.subpage-campingSite .product-item .item-image::after {padding-bottom: 64%;}
	.subpage-campingSite .item-title {font-size: 2rem;}
	.subpage-campingSite .item-subtitle {display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; font-size: 1.7rem;}
	.subpage-campingSite .item-description {display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all;}
	.subpage-campingSite .item-info--detail {flex-direction: column; align-items: flex-start; row-gap: 1rem;}
	.subpage-campingSite .item-info--detail span {font-size: 1.5rem;}
	.subpage-campingSite .item-info--detail .tel::before {width: 2rem; height: 2rem;}
	.modal-filter .form-wrap .form-row.form-row--flex {row-gap: 1.5rem;}
	.modal-filter .input-item {width: 45%;}
	.modal-filter .form-wrap .form-guide {font-size: 1.5rem; padding-top: 0.5rem;}
	.modal-filter .form-wrap .form-guide:not(.width-100) {width: 100%; padding-top: 0.5rem; text-align: left; padding-left: 0;}
	.modal-filter .form-wrap .input-wrap {flex-wrap: wrap; row-gap: 5px;}

	.subpage-campingSite-view .sub-intro {padding: 4rem 0 6rem;}
	.campingSite-intro .intro-heading {padding: 2.5rem;}
	.campingSite-intro .intro-heading .heading-title {font-size: 2.4rem; word-break: keep-all; line-height: 1.25em;}
	.campingSite-intro .intro-heading .heading-subtitle {font-size: 1.8rem; line-height: 1.4em; word-break: keep-all;}
	.campingSite-intro .intro-detail {flex-wrap: wrap; row-gap: 4rem; padding: 2.5rem 2rem;}
	.campingSite-intro .detail-gallery {width: 100%;}
	.campingSite-intro .gallery-item::after {padding-bottom: 64%;}
	.campingSite-intro .list-item {align-items: flex-start;}
	.campingSite-intro .info-list .item-label {column-gap: 0.4rem;}
	.campingSite-content {row-gap: 2rem;}
	.campingSite-content .facility-gallery .gallery-item {width: calc((100% - 4rem) / 3);}
	.campingSite-content .map .root_daum_roughmap {height: 30rem !important;}

	.subpage .container-flex {flex-direction: column-reverse; row-gap: 4rem;}
	.subpage-intro .sub-row--section {padding: 8rem 0 10rem;}
	.subpage-intro .container-flex {flex-direction: column; align-items: flex-start;}
	.subpage-intro .vision.sub-row--section {padding-bottom: 20rem;}
	.subpage-intro .vision .vision-bg {font-size: 17rem; bottom: -8rem;}
	.subpage-intro .gallery {gap: 6rem 2rem;}
	.subpage-intro .gallery-item {width: calc((100% - 2rem) / 2);}
	.subpage-intro .card-list {row-gap: 2rem;}
	.subpage-intro .card-list .card {width: 100%;}
	.subpage-intro .benefit2 .check-list {padding: 2.5rem 1.5rem 2.5rem 2rem;}
	.subpage-intro .history .container {row-gap: 5rem;}
	.subpage-intro .history li {font-size: 1.8rem; padding: 1.6rem 2.5rem; padding-left: 5.5rem; word-break: keep-all;}
	.subpage-intro .history .icon-check {left: 2rem; top: 3rem;}

	/* 이용안내 */
	.subpage-guide .sub-row {padding: 8rem 0 10rem;}
	.subpage-guide .sub-row .container {column-gap: 4rem;}
	.subpage-guide .sub-row .container-flex {flex-direction: column; row-gap: 3rem; align-items: flex-start;}
	.subpage-guide .slide-item {row-gap: 3rem;}
	.slide-pagination {column-gap: 0.5rem;}
	.slide-pagination .swiper-pagination-bullet {width: 3.5rem; height: 3.5rem; font-size: 1.6rem;}
	.subpage-guide .section-box--flex {flex-direction: column; row-gap: 2rem; align-items: flex-start;}
	.subpage-guide .section-box {padding: 2.5rem;}
	.subpage-guide .section-box.box-yellow {padding: 3rem 2.5rem;}
	.subpage-guide .section-box .box-list {row-gap: 1rem;}
	.subpage-guide .section-box .box {padding: 1.4rem 2.5rem; width: 100%;}
	.subpage-guide .section-box .box-heading {column-gap: 2rem;}
	.subpage-guide .section-box .heading-icon {width: 6rem; height: 6rem;}
	.subpage-guide .box .box-icon {width: 7rem; height: 7rem;}
	.subpage-guide .section-progress {row-gap: 4rem;}
	.subpage-guide .section-progress .progress {flex-direction: column; row-gap: 1rem; }
	.subpage-guide .progress-bg {width: 100%; padding: 1.6rem 4rem;}
	.subpage-guide .progress-arrow {transform: rotate(90deg); width: 4rem; height: 4rem;}
	.subpage-guide .progress .progress-text {font-size: 1.8rem;}
	.subpage-guide .insurance-item {column-gap: 2rem;}
	.subpage-guide .insurance-item .item-number span {width: 4.5rem; height: 4.5rem;}
	.subpage-guide .insurance-item .item-number::after {top: 4.5rem; height: calc(100% - 4.5rem);}
	.subpage-guide .insurance-item .item-box {padding: 2rem;}
	.subpage-guide .condition .box-list {flex-direction: column; row-gap: 1rem;}
	.subpage-guide .condition .box.box-border {width: 100%;}

	/* 문의하기 */
	.subpage-contact {row-gap: 4rem; padding: 5rem 0 8rem}
	.subpage-contact .content-info {width: 100%; }
	.subpage-contact .info-list {row-gap: 2.5rem; padding-top: 3rem; border-top: 1px solid #ddd; width: 100%;}
	.subpage-contact .content-form {width: 100%;}
	.subpage-contact form {row-gap: 2.5rem;}
	.subpage-contact .input-group--flex .butn {width: 11rem;}
	.subpage--hosting .file-upload-box .butn {width: 11rem;}
	.subpage--hosting .input-group--flex .butn {width: 11rem;}

	.subpage-contact .content-map {width: 100%;}
	.subpage-contact .root_daum_roughmap {height: 36rem !important;}
}

@media (max-width: 767px) {
	.review .file-drop-zone .file-preview-thumbnails {flex-direction: row; align-items: unset; justify-content: unset;}
}

@media (max-width: 480px) {
	.box {padding: 2rem;}
	.filter {top: 6.5rem;}
	.filter .search-container {width: 100%;}
	.filter .search-container .search-field {padding: 0; flex: auto;}
	.filter .search-container .search-field.custom-select {width: 30%;}
	.filter .search-container .search-field .selected {padding: 1.7rem 1.2rem;}
	.filter .search-container .search-field.date-picker {padding: 1.7rem 1.2rem;}
	.filter .search-field.date-picker {width: 30%;}
	.filter .filter-field.filter-price {flex: 1;}
	.filter .search-field .selected-text {font-size: 1.5rem;}
	.filter .search-field .options-delete {right: 1rem;}
	.filter .butn.butn-search {display: flex; align-items: center; justify-content: center; text-indent: -9999px; width: 3.6rem; height: 3.6rem; padding: 0; margin-left: 0; margin-right: 2.5%; flex-shrink: 0;}
	.filter .butn.butn-search span {display: none;}
	.filter .filter-title {width: 100%; padding: 1.3rem 1.5rem;}
	.filter .filter-field--pet {margin-left: auto;}
	.filter .filter-field--pet + .bar {display: none;}
	.filter .checkbox-wrap--button .checkbox .checkbox-label {padding: 1.3rem 1.3rem;}
	.filter .filter-field--options {overflow-x: auto; width: calc(100% - 9rem);}
	.filter .filter-field::-webkit-scrollbar {display: none;}
	.filter .filter-field .checkbox {white-space: nowrap;}
	.filter .custom-select--location .options, .filter .custom-select--number .options {width: 100svw;}
	.filter .butn.filter-btn {padding: 1.3rem 1.5rem; margin-left: auto;}

	.sub-product {padding-top: 4rem;}
	.sub-product .title_wrap {margin-bottom: 0;}
	.sub-product .product-list .info-title {font-size: 1.9rem; margin-bottom: 3px;}
	.sub-product .product_content .rate .rate-num {margin-left: -3px;}
	.sub-product .sub_product_wrap .item .info .price-num {font-size: 2.1rem;}
	.subpage--form .form-box {row-gap: 2rem;}
	.subpage--form .form-box--white {padding: 2rem 1.5rem}
	.radio-wrap--button .radio .radio-label {padding: 1.3rem 1.2rem;}
	.radio-wrap--button .radio .radio-label span {font-size: 1.5rem;}

	.subpage--hosting .sub-visual {height: 62rem;}
	.subpage--hosting .visual-heading .intro-text--title {font-weight: 600;}
	.subpage--hosting .section-effect .gallery-item {width: 100%;}
	.subpage--hosting .section-effect .gallery-item--img::after {padding-bottom: 58%;}
	.subpage--hosting .section-effect .gallery-item .text-desc {line-height: 1.4em;}
	.subpage--hosting .section-income .section-heading {padding: 2rem 0 4rem;}
	.subpage--hosting .section-income .section-heading--title {margin-bottom: 1rem;}
	.subpage .section-heading--highlight {margin-bottom: 1rem;}

	#sit_ov_wrap.pt80 {padding-top: 0;}
	.photo .photo-single-layout {height: 28rem;}
	.photo .photo-single-layout .photo-img, .photo .photo-gallery-layout .photo-img {position: relative; border-radius: 0; width: 100svw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;}
	.photo .photo-single-layout .photo-img img, .photo .photo-gallery-layout .photo-img img {}
	.photo .photo-gallery-layout {height: 28rem; grid-template-columns: 1fr; grid-template-rows: 1fr;}
	.photo .photo-gallery-layout .photo-img:nth-child(n+2) {display: none;}
	.photo .photo-gallery-btn {right: -1rem;}
	.swiper.photo-main {height: 36rem;}
	.card-group .card {width: 100%;}
	.checkbox-wrap--option {gap: 2rem 6.5%;}
	.checkbox-wrap--option .checkbox {width: 20%;}
	.checkbox-wrap--option .checkbox-label .checkbox-icon {width: 100%;}
	.checkbox-wrap--option .checkbox-text {font-size: 1.4rem;}
	.section-info2 .radio-wrap--button {flex-wrap: wrap; row-gap: 0.8rem;}
	.section-info2 .radio-wrap--button .radio {width: 100%;}
	.prd_default_information .map-address .address-text {line-height: 1.4em; font-size: 1.5rem;}
	.prd_default_information .map-address .butn-copy {display: none}
	#sit .get_item_options .option_select .option_select--date {padding: 0.8rem 1.2rem;}
	#sit_ov .prdOption-item--title {font-size: 1.65rem; width: 66%;}
	#sit .review-item {column-gap: 1.5rem;}
	#sit .review-item .review-detail {row-gap: 2px;}
	#sit .sit_use_li.review-item .review-content {line-height: 1.4em;}
	#reviewModal .modal-box {padding: 2rem 1.3rem 3rem 1.5rem}

	.option-list {column-gap: 5%;}
	.option-item {width: 16%; flex: unset;}
	.info-detail .info-detail--content p {font-size: 1.6rem;}
	#sit .section-heading--title, #sit .review-rate {font-size: 2.4rem;}

	.sub-content--checkout .form-row--license {position: relative;}
	.sub-content--checkout .form-row--license .box-text {z-index: 1;}
	.sub-content--checkout .form-row--license .box-icon {position: absolute; right: 1rem; bottom: 1rem; opacity: 0.5; z-index: 0; width: 8rem; height: 8rem;}
	.sub-content--checkout .product-row--info {flex-direction: column; row-gap: 2rem; align-items: flex-start;}
	.sub-content--checkout .product-row--info .product-img {width: 100%;}
	.sub-content--checkout .product-text {row-gap: 1.2rem;}
	.sub-content--checkout .product-text--date {flex-direction: row; padding-top: 0.5rem;}
	.sub-content--checkout .input-group--coupon {flex-direction: column; row-gap: 1rem;}
	.sub-content--checkout .input-group--coupon .input-item {width: 100%;}
	.sub-content--checkout .input-group--flex .butn.butn-coupon {height: 5rem;}
	.sub-content--checkout .price-detail--item.item-name .price-detail--label {display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all;}
	.form-section--payment .radio-wrap .radio label img {width: 8rem;}

	.sub-content--order .box {padding: 3rem 2rem;}
	.sub-content--order .subvisual-apply, .sub-content--order .subvisual-confirm,
	.sub-content--order .subvisual-complete, .sub-content--order .subvisual-cancel, .sub-content--order .subvisual-refuse {background-position: 66% 100%;}
	.sub-content--order .subvisual-heading {width: 90%;}
	.sub-content--order .subvisual .order-summary-cancel {width: 70%; padding-bottom: 7rem;}
	.sub-content--order .order-process {padding: 2.5rem 0;}
	.sub-content--order .order-process li {width: 30%;}
	.sub-content--order .process-number span {width: 5rem; height: 5rem; border-width: 3px;}
	.sub-content--order .order-process li:not(:last-child)::after {top: 2.5rem; height: 3px;}
	.sub-content--order .payment_detail_wrap_inner {padding-top: 4rem;}
	.sub-content--order .product-row--info .product-img {width: 10rem;}
	.sub-content--order .product-text {row-gap: 1rem;}
	.sub-content--order .product-row--option .option-title {width: 55%;}
	.sub-content--order .product-row--cancellation {row-gap: 1rem;}
	.sub-content--order .payment-content {margin-bottom: 2rem; }
	.sub-content--order .section-content--cancel .payment-content {row-gap: 1.5rem; padding-bottom: 2rem;}
	.sub-content--order .section-content--cancel .payment-heading {padding-bottom: 2rem; margin-bottom: 2rem;}
	.sub-content--order .order-value span {font-size: 1.4rem; padding: 1rem 1.2rem; width: 100%;}
	.sub-content--order .order-value--radio span {width: 1.8rem; padding: 0; padding-right: 1px;}
	.sub-content--checkout .checkout_btn_wrap .btn-payment {padding: 1.7rem 3.5rem 1.7rem;}
	#foreignName {row-gap: 0;}
	.payresultdetail_btn_wrap {margin-top: 4rem; padding-bottom: 8rem;}

	.mypage_new_wrap .side_menu .side_menu_list {grid-template-columns: repeat(2, 1fr);}
	.sub-content--mypage .side_menu_list li:nth-child(3) {border-bottom: none}
	.sub-content--mypage .side_menu_list li:nth-child(4) {border-bottom: 1px solid #eee;}
	.sub-content--mypage .side_menu_list a {padding: 1.5rem;}
	.sub-content--mypage.subpage--form {padding-bottom: 8rem;}
	.sub-content--mypage .mypage-heading {padding: 1.5rem 2rem;}
	.mypage-box .heading-item h6 {font-size: 2rem;}
	.mypage-box .butn.butn-sm {padding: 0.7rem 1.2rem 0.8rem; font-size: 1.4rem;}
	.mypage-box.mypage-box--outerPadding {padding: 3rem 2.5rem;}
	.mypage-box .product-item {row-gap: 2rem;}
	.mypage-box .product-item .product-img, .mypage-box .product-item .product-img.big {width: 100%;}
	.mypage-box .product-item .product-text {row-gap: 8px;}
	.mypage-box .product-item .product-period {margin-left: 0;}
	.hosting .product-period .product-text {align-items: center; flex-direction: row; flex-wrap: wrap; column-gap: 2rem;}
	.hosting .product-period .product-type {width: 100%;}
	.hosting .product-period .product-text--title {font-size: 2rem;}
	.mypage-box .product-text--label {font-size: 1.5rem;}
	.mypage-box .product-actions {width: 100%;}
	.mypage-box .product-actions .butn {flex: 1}
	.ownVehicles .product-type span {font-size: 1.6rem;}
	.ownVehicles .product-type li::before {width: 1.6rem; height: 1.6rem;}
	.mypage-box .box-heading--flex .heading-item {column-gap: 1rem;}
	.ownVehicles .mypage-box.mypage-box--outerPadding {row-gap: 1.2rem;}
	.ownVehicles .box-heading.box-heading--flex {position: relative;}
	.ownVehicles .box-heading.box-heading--flex .butn.butn-sm {position: absolute; bottom: 0; right: 0;}
	.hosting .box-heading--column p {flex-wrap: wrap; row-gap: 1rem; word-break: keep-all;}
	.hosting .box-heading--column p span {width: 100%; text-align: right;}
	.hosting .ownVehicles .section-heading .butn.rounded-sm {flex: none;}
	.hosting .ownVehicles .butn.rounded-sm {width: auto; flex: 1;}
	.hosting .mypage-empty-list {padding: 6rem 0 6rem;}
	.mypage-empty-list .empty-box {padding: 2rem; text-align: center; word-break: keep-all; width: 95%;}
	.mypage-empty-list .empty-box--icon {display: none;}
	.mypage-empty-list .empty-box--text {word-break: keep-all; font-size: 1.5rem;}
	.mypage-empty-list .empty-box--text br {}
	.mypage-empty-list .empty-box--text spna {display: block;}
	.mypage-box .product-item .waiting span {width: 12rem; height: 12rem; font-size: 1.8rem;}
	.mypage-box .product-info .product-text--title {font-size: 1.7rem;}
	.drop-zone .drop-zone--prompt {display: none;}
	.subpage .box-row .order-value span {font-size: 1.4rem;}
	.booking .section-content {row-gap: 2rem;}

	.tabmenu-bar {height: 6rem;}
	.tabmenu-bar .container {flex-wrap: wrap;}
	.tabmenu-bar .tabmenu-list {height: 100%; width: 100%;}
	.tabmenu-bar .tabmenu-action {position: fixed; bottom: 0; left: 0; padding: 0 2rem; border-top: 1px solid #ddd; height: 6rem; background: #fff; width: 100%; z-index: 10; box-shadow: 0 -2px 6px rgba(0,0,0,0.1);}
	.tabmenu-bar .tabmenu-action a {margin-left: auto;}

	.review .file-list {flex-wrap: wrap; row-gap: 2rem; column-gap: 4%; padding: 1.5rem 0.5rem}
	.review .file-list#new-file-list {padding: 0 0.5rem;}
	.review .file-item {width: 8rem;} 
	.review .empty-item--butn {font-size: 1.6rem;}
	.review .fa-download:before {width: 1.6rem; height: 1.6rem;}
	.review a.btn-outline-secondary, .review .btn-outline-secondary {font-size: 1.6rem;}
	.review .fa-search-plus::before {width: 1.5rem; height: 1.5rem;}
	.review .file-drop-zone {min-height: 240px;}
	.review .krajee-default.file-preview-frame .kv-file-content {width: 180px; height: 140px;}

	.edit .section-content > .form-row.form-row--btn {margin-top: 3rem;}
	.edit .form-row--btn .butn {width: 12rem;}
	.edit .form-row--btn .butn-withdraw {font-size: 1.5rem; width: auto;}	
	.edit form {row-gap: 2rem;}

	.find_userinfo_pop_wrap.mid2 .info_box {max-height: 95svh; overflow-y: auto; transform: translate(-50%, -50%);}

	.subpage-campingSite .product-list {row-gap: 3rem;}
	.subpage-campingSite .product-item:last-child, .subpage-campingSite .product-item:not(:last-child) {padding-bottom: 3rem;}
	.subpage-campingSite .product-item a {row-gap: 2.5rem;}
	.subpage-campingSite .item-title {padding-bottom: 0.5rem;}
	.subpage-campingSite .item-description {font-size: 1.5rem;}
	.subpage-campingSite .item-info {row-gap: 2rem;}
	.subpage-campingSite .item-info--options ul {column-gap: 2px;}
	.subpage-campingSite .option-item {width: calc((100% - 6px) / 4);}
	.subpage-campingSite .option-item .option-icon {width: 4.4rem; height: 4.4rem;}
	.subpage-campingSite .option-item .option-title {display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; font-size: 1.3rem;}
	.subpage-campingSite .pg_wrap {margin-top: 4rem;}
	.modal-filter .form-wrap .label {padding-top: 0; padding-bottom: 0; font-size: 1.6rem;}

	.campingSite-intro .intro-heading {padding: 2rem;}
	.campingSite-intro .intro-heading .heading-view {font-size: 1.6rem;}
	.campingSite-intro .intro-heading .heading-view::before {margin-top: -2px;}
	.campingSite-intro .intro-detail {row-gap: 2rem;}
	.campingSite-intro .list-item {flex-direction: column; row-gap: 0.2rem;}
	.campingSite-intro .info-list .item-label::before {width: 2.8rem; height: 2.8rem; margin-top: -3px;}
	.campingSite-intro .info-list .item-text {margin-left: 3.2rem;}
	.campingSite-intro .info-list span {font-size: 1.7rem;}
	.campingSite-intro .list-item.homepage a::after {margin-top: -2px;}
	.campingSite-content .content-heading--title {font-size: 2.4rem;}
	.campingSite-content .withbar::before {top: 45%;}
	.campingSite-content .content-detail article {row-gap: 2rem;}
	.campingSite-content .campingsite-information p {font-size: 1.65rem; line-height: 1.8em;}
	.campingSite-content .facility-gallery .gallery-item {width: calc((100% - 2rem) / 2);}
	.campingSite-content .table-wrap th {padding: 1.2rem 1rem 1.2rem 0.5rem; width: 40%}
	.campingSite-content .table-wrap th span {align-items: flex-start; text-align: left; word-break: keep-all; line-height: 1.2em;}
	.campingSite-content .table-wrap th span::before {width: 2.4rem; height: 2.4rem; flex-shrink: 0; margin-top: -4px;}
	.campingSite-content .table-wrap td {width: 60%;}
	.campingSite-content .table-wrap td span {line-height: 1.4em;}

	.subpage-intro .sub-visual {height: 52rem;}
	.subpage-intro .visual-heading--text {row-gap: 2rem;}
	.subpage-intro .visual-heading--text p {line-height: 1.5em; font-size: 2.6rem;}
	.subpage-intro .vision.sub-row--section {padding-bottom: 28vw;}
	.subpage-intro .vision .vision-bg {font-size: 22vw; bottom: -4.5rem; letter-spacing: -2px; font-weight: 800;}
	.subpage-intro .sub-row--section {padding: 6rem 0 10rem;}
	.subpage-intro .section-paragraph p {font-size: 1.8rem; line-height: 1.6em;}
	.subpage-intro .font-36 {font-size: 2.8rem;}
	.subpage-intro .font-42 {font-size: 3.2rem;}
	.subpage-intro .gallery-item--text .text-title {font-weight: 600}
	.subpage-intro .check-list .icon-check {width: 1.9rem; height: 1.9rem; top: 1.2rem;}
	.subpage-intro .card .card-title {padding: 1.1rem 3rem 1.2rem; font-weight: 600; font-size: 2rem;}
	.subpage-intro .card li {font-size: 1.6rem;}
	.subpage-intro .gallery-item {width: 100%;}
	.subpage-intro .banner .butn.default {padding: 1.7rem 3.5rem 1.8rem;}
	.subpage-intro .history li {padding-left: 5rem;}
	.subpage-intro .history .icon-check {top: 2.8rem;}

	.subpage-guide .slide-item--img {display: flex; align-items: center; justify-content: center; height: 20rem; width: 100%;}
	.subpage-guide .slide-item--img img {min-width: 100%; min-height: 100%; object-fit: cover; object-position: 50% 50%;}
	.subpage-guide .slide-arrow {top: 10rem;}

	.subpage-contact {row-gap: 3.5rem;}
	.subpage-contact .subpage-heading h4 {font-size: 3.2rem;}
	.subpage-contact .subpage-detail p {font-size: 2rem; line-height: 1.4em;}
	.subpage-contact .root_daum_roughmap {height: 32rem !important;}
	.subpage-contact .file-list {width: 100%; margin-top: 0.8rem;}
	.subpage-contact .file-list .file-delete {width: 100%;}
	.subpage-contact .file-delete .file-delete-title {max-width: 90%;}
	.subpage-contact .butn-submit {width: 100%;}

	.modal.find_userinfo_pop_wrap .info_box {max-height: 88svh; overflow-y: auto;}
}

@media (max-width: 340px) {
	.sub-content--order .subvisual .order-summary-cancel {width: 85%;}
	.sub-content--order .product-row--info {flex-direction :column; row-gap: 1.5rem;}
	.sub-content--order .product-row--info .product-img {width: 65%; margin: 0 auto;}
	.sub-content--order .product-row--option li {flex-wrap: wrap; row-gap: 0.5rem;}
	.sub-content--order .product-row--option .option-title {width: 75%;}
	.sub-content--order .product-row--option .option-price {margin-left: 0; width: 100%;}

	#sit .info-detail {flex-wrap: wrap; row-gap: 0.8rem;}
	#sit .info-summary .location {width: 100%;}

	.ownVehicles .box-heading.box-heading--flex .butn.butn-sm {position: static; margin-top: -2rem;}
}

/* 영문 CSS */
[lang="en"] .tabmenu-bar .tabmenu-action {column-gap: 2rem;}
[lang="en"] .tabmenu-bar .tabmenu-action--price {flex-shrink: 0;}
[lang="en"] .tabmenu-bar .tabmenu-action--price strong {font-size: 2.2rem;}
[lang="en"] .tabmenu-bar .tabmenu-action--price .price {font-size: 1.4rem;}