.wrap.prod header {box-shadow: none;}



.prd_title {margin-top: 60px; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 25px;}
.prd_title p {font-size: clamp(18px, 1.4vw, 28px); text-align: center;}
.prd_title .prd_tab {width: 100%; display: flex; justify-content: center; gap: 8px;}
.prd_title .prd_tab span {display: block; line-height: 1; width: max-content; font-size: 15px; padding: 10px 14px; border-radius: 100px; color: #777; cursor: pointer;}
.prd_title .prd_tab span.on {background-color: #333; color: #fff;}


/* 페이징 */
.paging {width: 100%; justify-content: center; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; row-gap: 4px; margin-top: 3%;}
.paging i {display: block; width: 25px; aspect-ratio: 1; cursor: pointer;}
.paging i.pg_first {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/17124444852641.png) no-repeat center/cover;}
.paging i.pg_prev {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171244448185766.png) no-repeat center/cover; margin-right: 5px;}
.paging i.pg_next {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171244447750419.png) no-repeat center/cover; margin-left: 5px;}
.paging i.pg_end {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171244449073284.png) no-repeat center/cover;}
.paging span {font-size: 18px; color: #aaa; line-height: 1; cursor: pointer; padding: 5px;}
.paging span:hover {color: #555;}
.paging span.on {color: #1667ca;}



/* ======== 상품목록 ======== */
.prod_area {margin-top: 40px;}
.list_opt {width: 100%; display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px;}
.list_opt .prd_amount {font-size: 15px; color: #888;}
.list_opt .prd_amount span {color: #1a1a1a; font-weight: 600;}

.prd_list {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 30px; row-gap: 50px;}
.item_con.prd {flex-direction: column; border: none; border-radius: 0; box-shadow: none; gap: 18px; width: 100%;}
.item_con.prd .item_info {padding: 0 5px; width: 100%;}
.item_con.prd .thumb {width: 100%;}
.item_con.prd .item_info .item_name {overflow: visible; -webkit-line-clamp: initial; -webkit-box-orient: initial; text-overflow: initial;}




/* ======== 상품상세보기 ======== */
.wrap.prd_view .sub_header {display: none;}

.view_container {width: 100%; display: flex; gap: 30px; align-items: flex-start;height:100vh;overflow-y:scroll;}
/* .view_container {width: 100%; display: flex; gap: 30px; align-items: flex-start;} */
.prd_main {width: 60%;}
.prd_thumb {width: 100%; aspect-ratio: 1;}
.thumbSwiper {border-radius: 8px;}
.thumbSwiper .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}

.prd_detail .item_info {padding: 20px 0; width: 100%;}
.prd_detail .item_info .item_name {font-size: clamp(16px, 1.6vw, 22px); font-weight: 600;}
.prd_detail .item_info .price {width: 100%;}
.prd_detail .item_info .price span {font-size: clamp(20px, 2vw, 24px);}
.prd_detail .item_info .discount_info em {font-size: clamp(18px, 1.8vw, 22px);}
.prd_detail .item_info .discount_info p {font-size: clamp(15px, 1.2vw, 16px);}
.prd_detail .item_period {width: 100%; padding: 12px; border-radius: 5px; background-color: #edf7ff;}
.prd_detail .item_period dl {display: flex; gap: 8px;}
.prd_detail .item_period dt {color: #666; font-size: 14px;}
.prd_detail .item_period dd {color: #1667ca; font-weight: 600; font-size: 15px;}

.prd_content {width: 100%; margin: 15px 0 30px;}
.content_tab {width: 100%; display: flex;}
.content_tab span {width: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #999; border-bottom: 3px solid #eee; padding: 10px; cursor: pointer;}
.content_tab span.on {color: #1a1a1a; border-color: #555;}
.prd_content .detail_box {width: 100%; padding: 20px 0;}
.prd_content .detail_box img {max-width: 100%; object-fit: content;}

 
/* .prd_aside {width: 40%; position: sticky; top: 120px;} */
.prd_aside {width: 40%; position: sticky; top: 0;height:100%;overflow-y:auto;}
.prd_aside .aside_toggle {position: absolute; left: 50%; bottom: calc(100% - 1px); transform: translateX(-50%); width: 70px; height: 25px; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171363500139230.png) no-repeat center/cover; border-radius: 10px 10px 0 0; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; box-shadow: 0 -4px 6px #00000010; display: none;}
.aside_top {width: 100%; display: flex; flex-direction: column; gap: 15px;}
.opt_box {border-radius: 5px; border: 1px solid #e5e5e5; overflow: hidden; background-color: #fff;}
.opt_box .opt_title {width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 15px; cursor: pointer;}
.opt_box .opt_title span {font-size: 14px; color: #555;}
.opt_box .opt_title i {display: block; width: 20px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171259778894376.png) no-repeat center/cover;}
.opt_box .opt_title.on i {transform: rotate(180deg);}
.opt_box .opt_list {width: 100%; border-top: 1px solid #e5e5e5; display: none;}
.opt_box .opt_title.on + .opt_list {display: block;}
.opt_box .opt_list ul {display: flex; flex-direction: column; width: 100%;}
.opt_box .opt_list li {width: 100%; padding: 10px 15px; cursor: pointer;}
.opt_box .opt_list li:hover {background-color: #eaf4ff;}
.opt_box .opt_list li span {font-size: 14px; color: #555;}
.opt_box .opt_list li:hover span {color: #1a1a1a;}
.opt_box .opt_result {padding: 12px 15px; border-top: 1px solid #e5e5e5;position:relative;}
.opt_box .opt_result p {font-size: 15px; font-weight: 600;width:100%;}

/* 250623 추가 */
.opt_result .delete {position: absolute; width: 25px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/1719077275584.png) no-repeat center/cover; top: 7px; right: 10px; border-bottom-left-radius: 5px; overflow: hidden; cursor: pointer;}

.people_opt_box .opt_result {border-top:none;display:flex;flex-direction: column;gap: 12px;}
.people_opt {display:flex;align-items: flex-end;gap:20px;
    justify-content: space-between;
    flex-direction: column;}


/* 달력 */
.calendar {width: 100%;}
.cal_nav {width: 100%; display: flex; gap: 5px; justify-content: center; padding: 4px 0; border-bottom: 1px solid #e5e5e5; align-items: center;}
.cal_nav .tit {font-size: 15px; padding: 10px; cursor: pointer; line-height: 1; border-radius: 5px;}
.cal_nav .tit:hover {background-color: #f7f7f7;}
.cal_nav i {display: block; width: 25px; aspect-ratio: 1; cursor: pointer;}
.cal_nav i.prev {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171261114171482.png) no-repeat center/cover;}
.cal_nav i.next {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171261112969718.png) no-repeat center/cover;}
.cal_content {padding: 10px; width: 100%;}
.cal_content table {width: 100%;}
.cal_content table td {font-size: 14px; text-align: center; padding: 10px 0; cursor: pointer; font-weight: 500;}
.cal_content table thead td {cursor: default; color: #666 !important;}
.cal_content table td.sun {color: #be3939;}
.cal_content table td.sat {color: #335d90;}
.cal_content table td.disabled {opacity: .4;}
.cal_content table td:hover {background-color: #f5f6f9;}
.cal_content table td.on {background-color: #e7f2ff; font-weight: 600;}
.cal_content table td.on.point {color: #1667ca;}
.slt_date {padding: 15px; border-top: 1px solid #e5e5e5;}
.slt_date p {font-size: 14px; font-weight: 600;}
.slt_date p em {color: #1667ca; font-weight: inherit;}


.prd_cart {width: 100%; display: flex; flex-direction: column; gap: 10px;}
.prd_cart .cart_control {width: 100%; display: flex;gap: 10px;justify-content: flex-end;}
.cart_con {width: 100%; background-color: #f5f5f5; border-radius: 5px; overflow: hidden; position: relative; padding: 15px;}
.cart_con .delete {position: absolute; width: 25px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171260379838663.png) no-repeat center/cover; top: 0; right: 0; border-bottom-left-radius: 5px; overflow: hidden; cursor: pointer;}
.cart_con dl {width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 8px;}
.cart_con dt {font-size: 15px;}
.cart_con dd {width: 100%; display: flex; gap: 10px; row-gap: 4px; flex-wrap:nowrap;justify-content: space-between;}
.cart_con dd span {font-size: 13px; color: #777; position: relative; font-weight: 400;width:50%;}
.cart_con dd span:last-child {text-align:right;}
/* .cart_con dd span::after {content: ""; display: block; width: 1px; height: 50%; background-color: #ccc; position: absolute; left: -5px; top: 50%; transform: translateY(-50%);} */
.cart_con dd span:first-child::after {display: none;}
.cart_control {width: 100%; display: flex; align-items: center; justify-content: space-between; padding-top: 10px;}
.count_box {width: 90px; position: relative; display: flex; align-items: center; background-color: #fff; border-radius: 5px; overflow: hidden; border: 1px solid #e5e5e5;}
.count_box input[type="number"] {border: none; padding: 0; padding: 5px; width: 40px; text-align: center; font-size: 15px; background-color: transparent;}
.count_box input[type="number"]:focus {box-shadow: none;}
.count_box i {display: block; width: 25px; aspect-ratio: 1; cursor: pointer;}
.count_box i.plus {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171260345034934.png) no-repeat center/contain;}
.count_box i.minus {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171260352638147.png) no-repeat center/contain;}
.count_box .price {width: calc(100% - 90px); padding-left: 10px;}
.cart_control .price .main {width: 100%; font-size: 16px; font-weight: 600;}


.price_info {width: 100%; padding: 15px 0; border-top: 2px solid #666; display: flex; align-items: center; justify-content: space-between;}
.price_info .price_tit {display: flex; align-items: center; gap: 4px;}
.price_info .price_guide {position: relative; padding-bottom: 1px;}
.price_info .price_guide i {display: block; width: 14px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171260796242145.png) no-repeat center/cover; cursor: pointer;}
.price_info .price_guide p {position: absolute; bottom: calc(100% + 4px); left: 50%; transform: translateX(-50%); width: max-content; padding: 6px 10px; font-size: 13px; background-color: #e5edf5; border-radius: 5px; color: #335d90; display: none;}
.price_info .price_guide p.on {display: block;}
.price_info .price_tit span {font-size: 15px; color: #333;}
.price_info p {font-size: 18px;}
.price_info p em {font-weight: 600; color: #1667ca; font-size: 20px;}

.item_btn {width: 100%; display: flex; gap: 5px;}
.item_btn button {width: calc(100% - 112px);}
.item_btn .btn_sub {display: flex; gap: 5px;}
.item_btn .btn_sub div {width: 51px; aspect-ratio: 1; border-radius: 5px; overflow: hidden; cursor: pointer; border: 1px solid #e5e5e5;}
.item_btn .btn_sub .like {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171260935494052.png) no-repeat center/cover;}
.item_btn .btn_sub .like.on {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/17126093585256.png) no-repeat center/cover;}
.item_btn .btn_sub .link {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171260936357334.png) no-repeat center/cover;}






/* ======== 견적문의 ======== */
/* 견적문의 - 메인 */
.inquiry_wrap {width: 100%; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171209102672325.jpg) no-repeat center top/cover;}
.inquiry_title {width: 100%; display: flex; flex-direction: column; align-items: center; padding-top: 30px;}
.inquiry_title span {line-height: 1; padding: 10px 14px; border-radius: 10px; font-size: 15px; font-weight: 600; color: #fff; background: linear-gradient(to right bottom, #51B1FF, #CC81FF);}
.inquiry_title .main {font-size: clamp(18px, 2vw, 32px); font-weight: 600; padding: 20px 0 10px;}
.inquiry_title .sub {text-align: center; color: #555; line-height: 1.5; font-weight: 400;}

.inquiry_menu {width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 40px;}
.inquiry_menu .container {display: flex; flex-direction: column; gap: 20px;}
.inquiry_quick {width: 100%; aspect-ratio: 3 / 1; padding: 25px; border-radius: 10px; overflow: hidden; cursor: pointer; position: relative;}
.inquiry_quick.lg {aspect-ratio: 3 / 2;}
.inquiry_quick dl {width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;}
.inquiry_quick dt {font-size: clamp(18px, 1.5vw, 24px); font-weight: 600; color: #fff;}
.inquiry_quick dd {font-size: 14px; opacity: .8; color: #fff;}
.inquiry_quick:hover dd {opacity: 1;}

.inquiry_quick.my {background: linear-gradient(135deg, #6d7ded, #919fff);}
.inquiry_quick.my i {display: block; width: 40px; aspect-ratio: 1; position: absolute; bottom: 20px; right: 20px; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171269335868159.png) no-repeat center/cover; opacity: .9;}
.inquiry_quick.abroad {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171269140357595.jpg) no-repeat center/cover;}
.inquiry_quick.domestic {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171269235497766.jpg) no-repeat center/cover;}
.inquiry_quick.honeymoon {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171269226743674.jpg) no-repeat center/cover;}


.inquiry_content input[type="checkbox"] + label::before {width:20px !important;top:50%;transform:translateY(-50%);}


/* 견적문의 - 작성 */
.data_top {width: 100%; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between;}
.data_top .title {font-size: clamp(18px, 2vw, 25px); font-weight: 600;}

.inquiry_box {width: 100%; display: flex; flex-direction: column; gap: 30px;}
.inquiry_content {padding: 30px; border-radius: 5px; background-color: #fff; box-shadow: 0 0 20px #00000005;display:flex;flex-direction: column;gap:10px;}
.inq_tit {width: 100%; display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; border-bottom: 2px solid #666; margin-bottom: 25px;}
.inq_tit .tit {font-size: clamp(15px, 1.5vw, 20px); font-weight: 600;}

.input_period {width: 100%; display: flex; align-items: center; gap: 8px;}
.period_chk {width: 100%; display: flex; gap: 5px;}

.multi_box {width: 100%; display: flex; gap: 20px; row-gap: 8px; flex-wrap: wrap;}
.input_sub {display: flex; align-items: center; gap: 8px;}
.input_sub span {font-size: 14px;}

.data_guide {background-color: #f4f7fb; padding: 8px 12px; border-radius: 5px; margin-top: 8px;}
.data_guide p {position: relative; padding-left: 10px; font-size: 13px; color: #686e74;}
.data_guide p::after {content: "*"; display: block; position: absolute; top: 0px; left: 0; color: #686e74; font-size: 14px;}

.input_destination {width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 8px;}
.desti_area {width: 100%; display: flex; flex-wrap: wrap; gap: 10px; row-gap: 4px;}
.desti_area dl {display: flex; align-items: center; gap: 5px; padding: 8px 10px; border-radius: 5px; background-color: #486e9c;}
.desti_area dt {font-size: 14px; color: #fff;}
.desti_area dd {width: 15px; aspect-ratio: 1; cursor: pointer; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171311372576034.png) no-repeat center/cover;}
.desti_area dl.reset {background-color: #eee; cursor: pointer;}
.desti_area dl.reset dt {color: #666;}
.desti_area dl.reset dd {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171311401928854.png) no-repeat center/cover;}



/* 견적내용상세보기 */
/* .inquiry_content.pkg_reply {
    border: 3px solid transparent;
    border-radius: 5px;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #6b8cff 0%, #F9A6BE 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 0;
} */
/* .inquiry_content.pkg_reply .view_area {padding: 30px;} */
.inquiry_content.pkg_reply {padding: 0; overflow: hidden;}
.inquiry_content.pkg_reply .area_tit {width: 100%; padding: 15px 30px; margin-bottom: 0; background: linear-gradient(to left, #ebc6ff, #3a8df1); border-bottom: none; color: #fff;}
.inquiry_content.pkg_reply .reply_price {padding: 15px; margin: 15px 30px; display: flex; align-items: center; gap: 20px; background-color: #eff6ff; border-radius: 5px;}
.inquiry_content.pkg_reply .reply_price span {font-size: 15px; color: #38516e;}
.inquiry_content.pkg_reply .reply_price .price {color: #1667ca; font-size: 18px; font-weight: 700;}
.inquiry_content.pkg_reply .reply_inquiry {padding: 10px 40px 30px; font-size: 15px; color: #333;}



/* ======== 결제 ======== */
.pay_main {width: 65%;}
.pay_main .inquiry_content + .inquiry_content {margin-top: 30px;}

.reserv_prd {display: flex; flex-direction: column; align-items: flex-start; width: 100%;}
.reserv_prd p.tit {font-size: clamp(18px, 1.5vw, 20px); padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #e5e5e5; width: 100%;}
.reserv_list {width: 100%;}
.reserv_item {width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 4px;}
.reserv_item dl {width: 100%; display: flex; gap: 10px;}
.reserv_item dt {font-size: 15px; color: #888;}
.reserv_item dd {font-size: 15px; color: #333;}

.part_con {width: 100%; display: flex; flex-direction: column; gap: 10px; padding-bottom: 20px; }
.part_con + .part_con {margin-top: 20px;}
.part_con .partner_tit {width: 100%; padding: 12px 15px; border-radius: 4px;  background-color: #eff6ff; display: flex; align-items: center; gap: 20px; justify-content: space-between;}
.part_con .partner_tit p {line-height: 1; font-size: 15px; color: #415977;}
.part_con .form {border-bottom: 1px dashed #ddd;padding-bottom:30px;}
.part_con .pay_user {margin-top:20px;}


.pay_way {width: 100%;}
.way_guide {width: 100%; padding: 12px; border-radius: 5px; background-color: #f7f7f7; margin-top: 15px;}
.way_guide p {position: relative; padding-left: 10px; font-size: 14px; color: #555;}
.way_guide p::after {content: ""; display: block; width: 5px; height: 1px; background-color: #999; position: absolute; top: 8px; left: 0;}
.way_guide p + p {margin-top: 2px;}
.pay_way .slt_way {width: 100%; display: flex; gap: 10px;}
.pay_way .slt_way span {width: 33.33%; text-align: center; padding: 10px; border-radius: 5px; border: 2px solid #eff6ff; color: #818a94; font-size: 14px; cursor: pointer; background-color: #eff6ff;}
.pay_way .slt_way span.on {background-color: #fff; color: #1667ca; border-color: #1667ca; font-weight: 600; box-shadow: 0 0 5px #1667ca52;}

.mileage_txt {font-size: 13px; color: #547399; font-weight: 600; display: block; min-width: max-content;}


.pay_aside {width: 35%; position: sticky; top: 120px; display: flex; flex-direction: column; gap: 30px;}
.pay_aside .terms_box {margin: 0 0 25px}
.pay_aside .terms_box .terms_con:first-child {margin-bottom: 5px;}
.pay_aside .terms_list {padding: 0;}
.pay_aside .price_info {padding-bottom: 0;}

.receipt {width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding-bottom: 15px;}
.receipt .tit {font-size: clamp(16px, 1.5vw, 18px); font-weight: 600;}
.receipt_list {width: 100%;}
.receipt_list dl {width: 100%; display: flex; flex-direction: column; gap: 5px;}
.receipt_list dl + dl {padding-top: 10px; margin-top: 10px; border-top: 1px dashed #ccc;}
.receipt_list dt {width: 100%; display: flex; align-items: center; justify-content: space-between;}
.receipt_list dt span {font-size: 15px; color: #333; font-weight: 400;}
.receipt_list dt .price {font-size: 16px;}
.receipt_list dd {width: 100%; display: flex; flex-direction: column; gap: 5px;}
.receipt_list .sub_content {width: 100%; display: flex; align-items: center; justify-content: space-between;}
.receipt_list .sub_content span {font-size: 14px; color: #555; font-weight: 400; display: flex; align-items: center; gap: 2px;}
.receipt_list .sub_content span i {display: block; font-size: 12px; color: #999;}
.receipt_list .sub_content .price {font-size: 14px; font-weight: 400;}


.rule_list {width: 100%;}
.rule_con {width: 100%; padding-bottom: 10px; border-bottom: 1px dashed #ddd;}
.rule_con .rule_tit {width: 100%; padding: 12px 12px 10px; border-radius: 5px; background-color: #eff1ff; color: #4540c8; font-size: 15px; font-weight: 600;}
.rule_txt {width: 100%; padding: 12px; position: relative; height: auto; min-height: max-content; max-height: 100%; font-size: 15px !important;}
/* .rule_txt .open_bar {position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); cursor: pointer; width: 40px; aspect-ratio: 2 / 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171277367142820.png) no-repeat center/contain;} */



/* ======== 1080px ======== */
@media screen and (max-width: 1080px) {
    /* 상품목록 */
    .prd_title {gap: 12px; margin-top: 40px;}
    .prd_title .prd_tab {flex-wrap: wrap; row-gap: 6px;}
    .prd_title .prd_tab span {font-size: 14px; padding: 9px 12px;}
    .list_opt {padding-bottom: 15px;}
    .prd_list {grid-template-columns: 1fr 1fr 1fr; gap: 20px; row-gap: 40px;}
    .item_con.prd .thumb {aspect-ratio: 1; width: 100%; height: auto; border-radius: 5px;}
    .item_con.prd .item_info {padding: 0; gap: 12px;}


    /* 상품보는영역 */
    .view_container {height:unset;}
    .wrap.no_nav .bottom_nav {display: none;}
    .prd_main {width: 100%;}
    .prd_aside {position: fixed;overflow-y: unset; width: 100vw; height:unset;top: initial; bottom: 0; left: 0; z-index: 100; background-color: #fff; padding: 16px; border-top: 1px solid #e5e5e5; border-radius: 10px 10px 0 0; box-shadow: 0 -4px 10px #00000010;}
    .aside_top {max-height: calc(100vh - 300px); overflow-y: auto;}
    .price_info .price_guide p {bottom: initial; left: calc(100% + 4px); transform: translateY(-50%); top: 50%; max-width: calc(100vw - 100px);}
    .opt_box {overflow: visible;}
    .opt_box .opt_title {padding: 10px 12px;}
    .opt_box .opt_title span {font-size: 13px;}
    .opt_box .opt_result {padding: 10px 12px;}
    .opt_box .opt_result p {font-size: 14px;}
    .opt_box .opt_list li {padding: 10px 12px;}
    .opt_box .opt_list li span {font-size: 13px;}
    .cal_content {padding: 6px;}
    .opt_box .opt_title i {width: 12px;}
    .prd_detail .item_info {gap: 15px;}
    .content_tab span {font-size: 14px;}
    .prd_aside .aside_toggle {display: block;}
    .opt_result .delete {width:20px;}
    
    /* 견적문의 */
    .inquiry_title span {font-size: 14px; padding: 8px 10px; border-radius: 8px;}
    .inquiry_title .sub {font-size: 14px;}
    .inquiry_menu {gap: 15px; margin-top: 30px;}
    .inquiry_menu .container {gap: 15px;}
    .inquiry_quick {border-radius: 5px; padding: 18px;}


    /* 예약/결제 */
    .view_container {flex-direction: column; gap: 15px;}
    .pay_main {width: 100%;}

    .pay_aside {width: 100%; position: relative; top: initial; gap: 15px; padding-top: 30px; border-top: 8px solid #f5f5f5;}
    .pay_aside .aside_top {height: auto; overflow: initial;}
}





/* ======== 640px ======== */
@media screen and (max-width: 640px) {
    /* 페이징 */
    .paging {gap: 8px; margin-top: 30px;}
    .paging span {font-size: 16px;}
    .paging i {width: 20px;}


    /* 상품목록 */
    .prd_list {grid-template-columns: 1fr 1fr; gap: 12px; row-gap: 40px;}
    .item_con.prd {gap: 10px;}
    .prd_list + .paging {margin-top: 50px;}
    .prd_content {margin: 0 0 50px;}
    
    

    /* 상품상세보기 */
    .prd_main .thumbSwiper {border-radius: 0;}
    .prd_main .prd_detail {padding: 0 16px;}
    .prd_detail .item_period dt {font-size: 13px;}
    .prd_detail .item_period dd {font-size: 14px;}
    .reserv_item dl {gap: 0;}
    .reserv_item dt {width: 70px;}
    .reserv_item dd {width: calc(100% - 70px);}
    .part_con .partner_tit p {font-size: 14px; font-weight: 600;}
    .part_con .partner_tit {padding: 10px 12px;}
    .rule_con .rule_tit {padding: 10px 12px;}
    .rule_txt {padding: 10px;}

    /* 견적문의 */
    .inquiry_menu {grid-template-columns: 1fr;}
    .form.wide_gap {gap: 25px;}
    .inquiry_quick {aspect-ratio: initial;}
    .inquiry_quick.my dl {gap: 30px;}
    .inquiry_quick.domestic, .inquiry_quick.lg {aspect-ratio: 2 / 1;}
    .board_con .top_info .inquiry_no {font-size: 13px;}

    .view_area dt {width: 25%; padding-top: 1px;}
    .view_area dd {width: 75%;}
    .inquiry_box {width: 100vw; margin: 0 -16px;}
    .inquiry_content {padding: 0 16px; box-shadow: none; border-radius: 0;}
    .inquiry_content + .inquiry_content {padding: 30px 16px 0; border-top: 8px solid #f5f5f5;}

    .data_top {padding-top: 10px;}

    .inquiry_content.pkg_reply .area_tit {border-radius: 5px; padding: 12px 15px;}
    .inquiry_content.pkg_reply .reply_price {padding: 12px; margin: 10px auto; gap: 5px; flex-direction: column;}
    .inquiry_content.pkg_reply .reply_price span {font-size: 14px;}
    .inquiry_content.pkg_reply .reply_price .price {font-size: 17px;}
    .inquiry_content.pkg_reply .reply_inquiry {padding: 0 10px 30px;}
    .inquiry_content.pkg_reply + .btn_box {padding: 0 16px;}

    .input_period {flex-direction: column; gap: 0px;}
    .input_period span {font-size: 15px;}


    /* 예약/결제 */
    .view_container {width: 100vw; margin: 0 -16px; gap: 30px;}
    .pay_main .data_top {padding: 10px 16px 0;}
    .mileage_txt {width: 100%; font-size: 14px;}
    .res_col .slt_box {width: 100% !important;}
    .pay_aside .terms_list {margin-top: 20px;}
    .pay_aside .terms_box .terms_con:first-child {margin-bottom: 0;}
    .pay_way .slt_way {gap: 6px;}
}