* {word-break: keep-all;}
img {display: block;}
::selection {background-color: #192b3b; color: #fff;}
::-webkit-scrollbar {width: 0;}


.wrap {margin-top: 92px;}
.wrap.sub {margin-top: 139px;}
.wrap.sub_nomenu {margin-top: 92px;}
.wrap.no_mt {margin-top: 0;}
.bd-pc {max-width: 1260px;}

.space_t {padding-top: 120px;}
.space_b {padding-bottom: 120px;}
.space {padding: 120px 0;}



/* 버튼 */
button {font-family: inherit; text-align: center; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 5px; transition: all .1s;} 
button.auto {width: max-content;}
.btn_box {width: 100%; display: flex; gap: 8px;}
.btn_box.col {flex-direction: column;}
.btn_box.justi-c {justify-content: center;}
button.lg {font-size: 16px; padding: 12px 30px; height: 51px;}
button.md {font-size: 14px; padding: 10px 15px;}
button.sm {font-size: 13px; padding: 5px 8px;}
button.col1 {background-color: #1667ca; color: #fff;}
button.col2 {background-color: #e9f3ff; color: #1667ca;}
/* button.col2:hover {background-color: #e1ecfc;} */
button.col3 {background-color: #333; color: #fff;}
button.col4 {background-color: #e5e5e5; color: #555;}
button.col5 {background-color: #EF335B; color: #fff;}
button.line1 {border: 1px solid #1667ca; background-color: #fff; color: #1667ca;}
button.line3 {border: 1px solid #aaa; background-color: #fff; color: #555;}
button.kakao {justify-content: center; gap: 8px; background-color: #FEE500; color: #371D1E;}
button.kakao i {display: block; width: 25px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171218426080847.png) no-repeat center/cover;}

/* 인풋 */
input {border: 1px solid #e5e5e5; border-radius: 5px; outline: none; padding: 12px; font-family: inherit; width: 100%; font-size: 15px; background-color: #fff;}
input:focus, textarea:focus {border-color: #1667ca; box-shadow: 0 0 0px 3px #1667ca15;}
input:read-only:focus {border-color: #e5e5e5; box-shadow: none;}
input::placeholder {font-size: 13px; color: #999;}
textarea {outline:  none; border: 1px solid #e5e5e5; resize: none; padding: 12px; background-color: #fff; border-radius: 5px; width: 100%; font-family: inherit; height: 12vh; min-height: 100px; font-size: 15px;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

/* Firefox  */
input[type='number'] {-moz-appearance: textfield;}


/* 체크박스, 라디오 */
input[type="checkbox"], input[type="radio"] {display: none;}
input[type="checkbox"] + label {padding-left: 30px; position: relative; font-size: 15px; cursor: pointer;}
input[type="checkbox"] + label::before {content: ""; display: block; width: 24px; aspect-ratio: 1; border: 1px solid #e5e5e5; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171217920076403.png) no-repeat center/cover; border-radius: 5px; position: absolute; top: -3px; left: 0; overflow: hidden;}
input[type="checkbox"] + label::after {content: ""; display: none; width: 24px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171217920559550.png) no-repeat center/cover; border-radius: 5px; position: absolute; top: -3px; left: 0; overflow: hidden;}
input[type="checkbox"]:checked + label::before {display: none;}
input[type="checkbox"]:checked + label::after {display: block;}
input[type="radio"] + label {padding-left: 30px; position: relative; font-size: 15px; cursor: pointer; display: block;}
input[type="radio"] + label::before {content: ""; display: block; width: 24px; aspect-ratio: 1; border: 1px solid #e5e5e5; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171217921030634.png) no-repeat center/cover; border-radius: 5px; position: absolute; top: -3px; left: 0; overflow: hidden;}
input[type="radio"] + label::after {content: ""; display: none; width: 24px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171217921545035.png) no-repeat center/cover; border-radius: 5px; position: absolute; top: -3px; left: 0; overflow: hidden;}
input[type="radio"]:checked + label::before {display: none;}
input[type="radio"]:checked + label::after {display: block;}

.chk_box.sm input[type="checkbox"] + label, .chk_box.sm input[type="radio"] + label {padding-left: 27px;}
.chk_box.sm input[type="checkbox"] + label::before, .chk_box.sm input[type="radio"] + label::before {width: 20px; top: -1px;}
.chk_box.sm input[type="checkbox"]:checked + label::after, .chk_box.sm input[type="radio"]:checked + label::after {width: 20px; top: -1px;}
.chk_box.bold label span {font-weight: 700; font-size: 16px;}
.chk_box.no_txt input[type="checkbox"] + label, .chk_box.no_txt input[type="radio"] + label {padding-left: 24px;}
.chk_box.sm.no_txt input[type="checkbox"] + label, .chk_box.sm.no_txt input[type="radio"] + label {padding-left: 20px;}

/* 체크박스 추가 (250702) */
.pay_checkcss input[type="checkbox"] + label::before {top:50% !important;}
.inq_up input[type="checkbox"] + label::before {top:50% !important;}


/* 셀렉트박스 */
/*익스플로러 기본 화살표 없애기*/
select::-ms-expand {display: none;}
/*화살표 기본 css 없애기*/
select {-o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 100%; padding: 12px;}
.slt_box {width: 100%; border-radius: 5px; border: 1px solid #e5e5e5; overflow: hidden; position: relative;}
.slt_box.sm {width: 140px;}
.slt_box.md {width: 50%;}
.slt_box::after {content: ""; display: block; width: 12px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171218260353571.png) no-repeat center/cover; position: absolute; top: 50%; right: 12px; transform: translateY(-50%);}
select option {font-size: 15px;}


/* ======== 메인홍보상품 ======== */
.main_container {width: 100%; display: flex; flex-direction: column;}
.main_visual {padding: 40px 0 60px;
    /* background: linear-gradient(to right bottom, #fff2f0, #f3efff); */
    background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171209102672325.jpg) no-repeat center/cover;
}
.main_con {aspect-ratio: 1; cursor: pointer;}
.main_con .thumb {width: 100%; aspect-ratio: 3 / 2; position: relative;}
.main_con .thumb span {position: absolute; top: 20px; left: 20px; padding: 10px 18px; border-radius: 10px; font-size: clamp(15px, 1.2vw, 17px); font-weight: 600; background-color: #fff; box-shadow: 2px 2px 15px #00000020; line-height: 1;}
.main_con .thumb img {width: 100%; height: 100%; object-fit: cover;}
.main_con .main_info {width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; aspect-ratio: 3 / 1; padding: 20px;}
.main_info p {font-size: clamp(18px, 2vw, 20px); font-weight: 600; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.main_con .hashtag {display: flex; gap: 8px;}
.main_con .hashtag span {font-size: clamp(15px, 1.2vw, 17px); color: #00000080;}
.mainSwiper {border-radius: 15px; overflow: hidden;}
.mainSwiper .swiper-slide {position: relative; border-radius: 15px; overflow: hidden; box-shadow: 0 0 10px #00000008;}
/* .mainSwiper .swiper-slide::after {content: ""; display: block; width: 100%; height: 100%; background-color: #00000050; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} */
.main_con.col1 .thumb span {color: #295BB9;}
.main_con.col1 .main_info {background-color: #D5E4FF;}
.main_con.col2 .thumb span {color: #C438A4;}
.main_con.col2 .main_info {background-color: #FDC5F0;}
.main_con.col3 .thumb span {color: #E54E0D;}
.main_con.col3 .main_info {background-color: #ffdbc2;}
.main_con.col4 .thumb span {color: #33764C;}
.main_con.col4 .main_info {background-color: #d9f1e2;}
.main_con.col5 .thumb span {color: #615237;}
.main_con.col5 .main_info {background-color: #F9F5D7;}
.main_con.col6 .thumb span {color: #A43939;}
.main_con.col6 .main_info {background-color: #FFE4E4;}


/* ======== 메뉴 ======== */
.menu {width: 100%; display: flex; justify-content: center; gap: 15px; padding-bottom: 100px;}
.menu_con {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; aspect-ratio: 1; padding: 6px; border-radius: 20px; background-color: #f7f7f7; width: 110px; cursor: pointer; transition: all .1s;}
.menu_con.special {background-color: #FFF2F0;}
.menu_con i {display: block; width: 30px; aspect-ratio: 1;}
.menu_con.special i {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171201245872470.png) no-repeat center/contain;}
.menu_con.group i {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171201419078706.png) no-repeat center/contain;}
.menu_con.global i {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171201258323396.png) no-repeat center/contain;}
.menu_con.domestic i {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171201372325214.png) no-repeat center/contain;}
.menu_con.yytour i {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/172350183036074.png) no-repeat center/contain;}
.menu_con.custom i {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171201396692326.png) no-repeat center/contain;}


/* ======== 상품목록 ======== */
.sect_tit {width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px;}
.sect_tit .title {display: flex; align-items: center; gap: 4px; justify-content: center;}
.sect_tit .title span {font-size: clamp(20px, 1.4vw, 30px); font-weight: 600;}
.sect_tit .title i {display: block; width: 30px; aspect-ratio: 1;}
.sect_tit .title i.global {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171201511322247.png) no-repeat center/cover;}
.sect_tit .title i.special {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171207658621706.png) no-repeat center/cover;}
.sect_tit .title i.domestic {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171207817817205.png) no-repeat center/cover;}
.tab {width: 100%; display: flex; justify-content: center; gap: 4px; margin-bottom: 20px;}
.tab span {line-height: 1; font-size: clamp(14px, 1.2vw, 15px); padding: 10px 14px; border-radius: 100px; color: #777; cursor: pointer;}
.tab span.on {background-color: #333; color: #fff;}
.item_group {display: flex; flex-direction: column; gap: 20px;}

.item_list {width: 100%; position: relative;}
.item_con {display: flex; background-color: #fff; border-radius: 15px; border: 1px solid #eee; box-shadow: 0 0 10px #00000005; overflow: hidden; cursor: pointer ;}
.item_con .thumb {aspect-ratio: 1; border-radius: 15px; overflow: hidden; position: relative; width: 40%;}
.item_con .thumb img {width: 100%; height: 100%; object-fit: cover;}
.item_con .thumb .like {position: absolute; bottom: 15px; right: 15px; width: 30px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171207348625424.png) no-repeat center/cover; cursor: pointer; z-index: 2;}
.item_con .thumb .like.on {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171208829847131.png) no-repeat center/cover;}
.item_con .thumb .status {position: absolute; display: flex; align-items: center; justify-content: center; padding: 10px; top: 0; left: 0; width: 100%; height: 100%; background: #00000060; backdrop-filter: blur(2px); color: #fff; font-size: 15px; border-radius: inherit;}
.item_info {padding: 18px 15px; width: 60%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 15px;}
.item_info .item_tit {width: 100%; display: flex; flex-direction: column; gap: 5px;}
.item_tag {display: flex; align-items: center; gap: 4px; width: 100%;}
.item_tag span {font-size: 14px; line-height: 1; padding: 4px 8px; border-radius: 50px; color: #888;}
.item_tag span.new {background-color: #EEF7FF; color: #0F4B7C;}
.item_tag span.best {background-color: #FEF7EB; color: #C73D13;}
.item_info .item_name {font-size: 16px; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.item_info .price {display: flex; flex-direction: column; align-items: flex-start;}
.item_info .discount_info {display: flex; gap: 4px; align-items: baseline;}
.item_info .discount_info em {font-weight: 700; color: #EF335B; font-size: 18px; line-height: 1;}
.item_info .discount_info p {font-size: 15px; color: #aaa; text-decoration: line-through; line-height: 1;}
.item_info .price span {font-size: 20px; font-weight: 700;}

.btn_more {background-color: #f3f3f3; color: #888; padding: 14px 25px; border-radius: 100px; margin: 50px auto 0; width: max-content; cursor: pointer; transition: all .1s; font-size: clamp(14px, 1vw, 16px);}
.btn_more:hover {background-color: #eee; color: #666;}

.item_area .swiper-pagination {top: initial !important; bottom: -40px !important;}
.item_area .swiper-pagination-bullet {width: 6px !important; height: 6px !important; background-color: #EBF0F5; opacity: 1 !important; border-radius: 5px !important;}
.item_area .swiper-pagination-bullet-active {width: 20px !important;  background-color: #D1D9E2;}



/* ======== 특가상품목록 ======== */
.special_item {background-color: #F2FAFF;}
.special_wrap {margin-top: 40px;}
.item_con.spc {flex-direction: column; height: 100%;}
.specialSwiper .swiper-slide {height: initial;}
.spc_period {width: 100%; text-align: center; color: #fff; font-weight: 600; background: linear-gradient(to right, #838DFF, #F86B94); padding: 12px 10px;}
.specialSwiper .swiper-slide:nth-of-type(2n) .spc_period {background: linear-gradient(to right, #F86B94, #838DFF);}
.item_con.not .spc_period {background: #47535f !important;}
.item_con.spc .thumb {border-radius: 0; aspect-ratio: 2 / 1; width: 100%;}
.item_con.spc .item_info {width: 100%; padding: 20px;}
.item_con.spc .item_info .price {padding: 10px 0 20px;}
.item_con.spc .item_tag {gap: 8px;}
.item_con.spc .item_tag span {background-color: #fafafa; border: 1px solid #eee; padding: 8px 12px;}


div[class*="swiper-button-"] {width: 45px; aspect-ratio: 1; border-radius: 15px; overflow: hidden; box-shadow: 0 0 15px #00000020;}
div[class*="swiper-button-"]::after {display: none;}
.swiper-button-next {right: -5% !important; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171207751628726.jpg) no-repeat center/cover;}
.swiper-button-prev {left: -5% !important; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171207753689514.jpg) no-repeat center/cover;}

.special_wrap + .btn_more {background-color: #E5EBED; color: #838C8F;}
.special_wrap + .btn_more:hover {background-color: #d9e1e4; color: #667174;}



/* ======== 메인배너영역 ======== */
.main_banner {width: 100%;}
.main_banner .img_box {width: 100%; aspect-ratio: 10 / 1; border-radius: 15px; overflow: hidden; cursor: pointer;}
.main_banner img {width: 100%;height:100%;object-fit:cover;}
/* .main_banner .img_box {width: 100%; aspect-ratio: 10 / 1; border-radius: 15px; overflow: hidden; cursor: pointer;
background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171216206592129.jpg) no-repeat center/cover;} */


/* ======== 견적문의 ======== */
.main_inquiry {width: 100%;}
.inq_wrap {width: 100%; display: flex; gap: 30px;}
.inq_con {width: 33%; border-radius: 15px; overflow: hidden; padding: 30px; aspect-ratio: 3 / 2; position: relative; cursor: pointer;}
.inq_con.global {background: linear-gradient(to right bottom, #D9EEFF, #ECE5FF);}
.inq_con.global dt {color: #11588B;}
.inq_con.honeymoon {background: linear-gradient(to right top, #ECE5FF, #FFE0E9);}
.inq_con.honeymoon dt {color: #803452;}
.inq_con.domestic {background: linear-gradient(to right bottom, #FFE0E9, #FFF0D8);}
.inq_con.domestic dt {color: #572B1B;}
.inq_con dl {display: flex; flex-direction: column; align-items: flex-start; gap: 8px;}
.inq_con dt {font-size: clamp(20px, 1.6vw, 24px); font-weight: 600;}
.inq_con dd {font-size: clamp(15px, 1.2vw, 17px); color: #555;}
.inq_con .icon {position: absolute; bottom: 20px; right: 20px;}







/* ======== 1200px ======== */
@media screen and (max-width: 1200px) {
    .space {padding: 100px 0;}
    .space_b {padding-bottom: 100px;}
    .space_t {padding-top: 100px;}

    /* 메인비주얼 */
    .main_visual {padding: 20px 0 40px;}
    .main_con .thumb span {padding: 8px 12px; border-radius: 8px;}


    /* 메뉴 */
    .menu {padding-bottom: 80px;}
    .menu_con {width: 100px;}
    .menu_con span {font-size: 15px;}



    .sect_tit .title i {width: 20px;}

    /* 특가여행목록 */
    .special_wrap {margin-top: 30px;}
    .btn_more {margin: 70px auto 0;}
    .special_wrap + .btn_more {margin: 50px auto 0;}


    /* 견적문의 */
    .inq_wrap {gap: 15px;}
    .inq_con {padding: 25px;}
    .inq_con .icon {bottom: 15px; right: 15px;}
}





/* ======== 1080px ======== */
@media screen and (max-width: 1080px) {
    .space {padding: 80px 0;}
    .space_b {padding-bottom: 80px;}
    .space_t {padding-top: 80px;}

    div[class*="swiper-button-"] {display: none;}

    /* 메인비주얼 */
    .main_visual {background: #fff;}
    .mainSwiper {border-radius: 0;}

    /* 메뉴 */
    .menu {padding-bottom: 60px;}


    /* 상품목록 - 해외패키지 */
    .tab {margin-bottom: 18px;}
    .item_group {gap: 15px;}
    .item_tag span {font-size: 13px;}
    .item_con .thumb {width: 140px; height: 140px; aspect-ratio: initial;}
    .item_info {justify-content: space-between; gap: initial; padding: 10px; width: calc(100% - 140px);}
    .item_info .item_name {font-size: 15px;}
    .item_info .discount_info em {font-size: 16px;}
    .item_info .discount_info p {font-size: 13px;}
    .item_info .price span {font-size: 18px;}
    .item_con .thumb .like {bottom: 10px; right: 10px;}
    .btn_more {margin: 60px auto 0;}


    /* 특가여행목록 */
    .special_wrap {margin-top: 18px;}
    .spc_period {font-size: 15px;}
    .special_wrap + .btn_more {margin: 30px auto 0;}



    .inq_con {aspect-ratio: 1;}
}




/* ======== 800px ======== */
@media screen and (max-width: 800px) {
    .wrap {margin-top: 0;}
    .wrap.sub {margin-top: 0;}

    .space {padding: 60px 0;}
    .space_b {padding-bottom: 60px;}
    .space_t {padding-top: 60px;}

    .main_container {flex-direction: column-reverse;}

    /* 메인비주얼 */
    .main_visual {padding: 0 0 60px;}
    .mainSwiper {margin: 0 -20px !important;}
    .mainSwiper .swiper-slide::after {content: ""; display: block; width: 100%; height: 100%; background-color: #00000050; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
    .mainSwiper .swiper-slide-active::after {display: none;}
    .main_con .main_info {padding: 25px 15px 15px;}
    .main_con .thumb span {top: initial; bottom: -14px; box-shadow: none;}


    /* 메뉴 */
    .menu {padding-bottom: 15px; justify-content: flex-start; gap: 6px; overflow-x: auto;}
    .menu_con {flex-direction: row-reverse; width: max-content; padding: 10px 15px; border-radius: 100px; gap: 4px; aspect-ratio: initial; min-width: max-content; background-color: #f5f5f5;}
    .menu_con i {width: 20px;}
    .menu_con span {line-height: 1;}

    .item_area .swiper-pagination {bottom: -30px !important;}
    .btn_more {margin: 50px auto 0}
    .special_wrap + .btn_more {margin: 25px auto 0;}


    .main_banner .img_box {aspect-ratio: 5 / 1; }
    /* .main_banner .img_box {aspect-ratio: 5 / 1;
        background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171216211179930.jpg) no-repeat center/cover;
    } */
     
    .main_banner img {width: 100%;height:100%;object-fit:cover;}

    /* 견적문의 */
    .main_inquiry {overflow-x: auto;}
    .inq_wrap {min-width: max-content;}
    .inq_con {width: 250px; padding: 20px;}
}







/* ======== 640px ======== */
@media screen and (max-width: 640px) {
    /* 체크박스, 라디오 */
    /* input[type="checkbox"] + label::before {top: 0;}
    input[type="checkbox"] + label::after {top: 0;}
    input[type="radio"] + label::before {top: 0;}
    input[type="radio"] + label::after {top: 0;}
    .chk_box.sm input[type="checkbox"] + label::before, .chk_box.sm input[type="radio"] + label::before {top: 0px;}
    .chk_box.sm input[type="checkbox"]:checked + label::after, .chk_box.sm input[type="radio"]:checked + label::after {top: 0px;} */


    /* 버튼 */
    button.lg {font-size: 14px; height: auto; padding: 12px 20px;}
    button.md {font-size: 13px; font-weight: 600;}


    button.kakao i {width: 20px;}
}