@charset "utf-8";

.member h3 {font-size:20px; font-weight:600; margin:0 0 15px 0 !important; padding:0; text-align:left;}
.member h3 span {display:block; font-weight:normal;}

@media all and (max-width:860px){
.member h3 {font-size:1.1rem; margin:0 0 10px 0 !important;}
}

/***************** 공통 하단 가이트 - 개인정보처리방침 / 이용약관 *****************/
.guide .full {background: #f9f9f9; padding: 40px;}

.guide .con_text .top {margin-bottom: 50px;}
.guide .con_text ol > li {margin-top: 50px;}
.guide .con_text ol > li:first-child {margin-top: 0;}
.guide .con_text ol > li > div.tit {font-size: 20px; font-weight: 700; margin-bottom: 10px;}


/* 공통 뎁스 */
.guide .con_text .depth {margin-top: 15px;}
.guide .con_text .depth strong {font-weight: 600;}
.guide .con_text .depth li {margin-top: 15px; padding-left: 15px;}
.guide .con_text .depth li > .mark {display: inline-block; margin-left: -15px; margin-right: 3px;}
.guide .con_text .depth li > .tit {display: inline;}

/*ul margin 조절*/
.guide .con_text .depth_lim {margin-top: 5px;}

/*ul 내 li margin 조절*/
.guide .con_text .lim li {margin-top: 5px;}


@media all and (max-width:860px){
.guide .full {padding: 40px 20px;}
.guide .con_text .top {margin-bottom: 40px;}
.guide .con_text ol > li {margin-top: 40px;}
.guide .con_text ol > li > div.tit {font-size: 15px;}
}

@media all and (max-width:460px){
.guide .full {padding: 30px 15px;}
}

/***************** 회원가입 - 약관동의 *****************/
.member .agree .con {height:310px; margin:0; overflow-y:auto; background:#f9f9f9; border:1px solid #dbdbdb; box-sizing:border-box;}
.member .agree .con .con_text {padding:20px;}
.member .agree .guide .con_text ol > li > div.tit {font-size: 17px;}
.member .agree .join_check {display: block; margin-top: 20px; padding: 0; text-align: center;}

@media all and (max-width:860px){
.member .agree .con .con_text  {padding:15px;}
}


/* ==========================================================================
    MEMBER
    ========================================================================== */
/*멤버 공통*/
.member-box {
    max-width: 380px;
    width: 100%;
    margin: 0 auto;
    & .tit-area{text-align: center; padding-bottom: 33px; border-bottom: 1px solid var(--basic-color); }
    & .tit-area .title{font-family: 'jaf-domus-titling-web', 'Pretendard', sans-serif; font-size: 32px; letter-spacing: 0;}
    & .tit-area .txt-en{font-family: 'jaf-domus-titling-web', 'Pretendard', sans-serif; font-size: 13px; color: #999; letter-spacing: 2px; margin-top: 1px;}
    & .tit-area .txt-ko{font-size: 14px; font-weight: bold; color: #999792; margin-top: 6px;}
    & .tit-area p{font-size: 15px; color: #666; line-height: 24px; word-break: keep-all; margin-top: 20px;}
    & .logo-host{padding-bottom: 47px; border-bottom: 1px solid var(--basic-color); text-align: center;}
    & .logo-host img{width: 194px;}
    & .input-row{padding-top: 28px; padding-bottom: 11px; border-bottom: 1px solid #ddd;}
    & .input-row.focus{border-color: var(--basic-color);}
    & .gird-row{display: flex; gap: 24px;}
    & .gird-row .input-row{flex: 1;}
    & .gird-row .w01{flex: 0 1 130px;}
    & .gird-row .w02{flex: 0 1 106px;}
    & .refer{font-size: 13px; color: #999; line-height: 20px; word-break: keep-all; padding: 10px 0 26px; padding-left: 8px; text-indent: -8px;}
    & .ip-item{font-size: 13px; margin-bottom: 6px;}
    & .ip-item .req{color: #ff2624;}
    & .ip-item span{color: #999;}
    & .form-readonly{color: #999;}
    & .ip-vl{position: relative;}
    & .ip-vl .ico-view{display: none; width: 26px; height: 100%; position: absolute; right: 0; top: 0; font-size: 0; background: url('/assets/site/img/common/ico_eye0102.png') no-repeat right center / 21px auto;}
    & .ip-vl .ico-view.view{background-image: url('/assets/site/img/common/ico_eye0101.png')}
    & .ip-vl .kakao{padding-left: 33px; background: url('/assets/site/img/common/ico_kakao03.png') no-repeat 0 center / 25px auto;}
    & .ip-vl .naver{padding-left: 33px; background: url('/assets/site/img/common/ico_naver02.png') no-repeat 0 center / 25px auto;}
    & .ip-vl.ico-calendar{background: url('/assets/site/img/common/ico_calendar02.png') no-repeat right center / 22px auto;}
    /*입점문의*/
    & .tit-boxsec{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 27px;
        & .title{font-size: 16px; font-weight: bold;}
        & .refer01{font-size: 12px; color: #666;}
        & .refer01 p::before{content: "* "; position: relative; top: 1px; font-weight: bold; color: #ff2624;}
    }
    & .input-set01{padding-top: 58px; padding-bottom: 58px;}
    & .input-set01:not(:last-child){border-bottom: 1px solid #dddad3}
    & .input-set01 .input-list{display: flex; flex-direction: column; gap: 24px;}
    & .form-ip{height: 41px; font-size: 14px; padding: 0 0 0 12px; background-color: #fdfbf8; border-radius: 4px;}
    & .form-ip.vl-c{padding: 0 4px;}
    & .form-ip.vl-r{padding: 0 12px 0 0;}
    & textarea.form-ip{height: 100px; padding: 6px 12px;}
    & .input-row01{display: flex; align-items: flex-start;}
    & .input-row01 .ip-item{position: relative; top: 14px; width: 150px; margin-bottom: 0; }
    & .input-row01 .ip-vl{flex: 1;}
    /*입점문의*/
    & .single-tit {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 0;
        border-bottom: 0;
        & .ip-item{margin-bottom: 0;}
        & .add-row{font-size: 13px; color: #999;}
        & .ico-plus{padding-right: 18px; background: url('../img/common/ico_add0101.png') no-repeat right calc(50% - 1px) / 11px auto;}
        & .ico-minus{padding-right: 18px; background: url('../img/common/ico_add0102.png') no-repeat right calc(50% - 1px) / 11px auto;}
    }
    & .single-row {
        padding-top: 13px;
        padding-bottom: 13px;
        &.o-row{padding-top: 28px; padding-bottom: 11px;}
        & .ip-vl{display: flex; align-items: center;}
        & .ip-vl input{flex: 1;}
        & .ip-vl .btn-ip{width: 97px; height: 40px; border-radius: 20px; font-size: 14px; font-weight: 400; color: var(--basic-color); border-color: var(--basic-color);}
        & .btn-ip:hover{color: #fff; background-color: var(--basic-color);}
        & .ip-vl .btn-ip01{width: 55px; height: 32px; border-radius: 16px; font-size: 13px; font-weight: 400; color: #fff; line-height: 17px; border-color: #555; background-color: #555;}
        & .ip-vl .btn-ip01:hover{background-color: #222;}
        & .ip-vl .remain{position: relative; top: 1px; font-family: 'jaf-domus-titling-web', 'Pretendard', sans-serif; font-size: 14px; letter-spacing: 0; margin-right: 10px;}
    }
    & .birth-row{
        & .ip-vl{display: flex; align-items: center; gap: 50px;}
        & .ip-vl-item{flex: 1; position: relative;}
        & .year{min-width: 100px;}
        & .ip-vl-item::after{display: block; position: absolute; top: 50%; translate: 0 -50%; font-size: 13px; pointer-events: none;}
        & .year::after{content: "년"; left: 54px;}
        & .month::after{content: "월"; left: 30px;}
        & .day::after{content: "일"; left: 30px;}
    }
    & .terms-container{margin-top: 30px;}
    & .terms-container .chk-label{font-size: 14px;}
    & .terms-container .terms-all .chk-label{font-size: 15px;}
    & .terms-container .btn-view{background-position: right center;}
    & .find-account{display: flex; justify-content: center; align-items: center; margin-top: 25px;}
    & .find-account span:not(:last-child)::after{content: "·"; margin: 0 16px;}
    & .find-account a{font-size: 14px; text-decoration: underline; text-underline-offset: 3px;}
    & .btn-container{display: flex; flex-direction: column; gap: 15px; margin-top: 33px;}
    & .btn-container .button02{width: 100%;}
    & .sns-login{margin-top: 40px;}
    & .sns-login > ul{display: flex; justify-content: center; gap: 22px;}
    & .sns-login > ul > li > a{display: block; width: 50px; aspect-ratio: 1 / 1; font-size: 0;}
    & .sns-login .kakao{background: url('/assets/site/img/common/ico_kakao01.png') no-repeat center / 100% auto;}
    & .sns-login .naver{background: url('/assets/site/img/common/ico_naver01.png') no-repeat center / 100% auto;}
    & .sns-login .desc{font-size: 14px; color: #999; text-align: center; margin-top: 30px;}
    & .sns-login .desc span{color: #222; text-decoration: underline; text-underline-offset: 3px;}
    & .desc-container{text-align: center; padding-top: 44px; padding-bottom: 40px; border-bottom: 1px solid #ddd;}
    & .desc-container p{font-size: 14px; color: #666; line-height: 22px;}
    & .desc-container p span{color: var(--basic-color);}
    & .desc-container p strong{font-weight: 400; color: var(--basic-color); text-decoration: underline; text-underline-offset: 3px;}
    & .desc-container .ico01{padding-top: 54px; background: url('/assets/site/img/common/ico_mobile01.png') no-repeat center 0 / 27px auto;}
    & .desc-container .ico02{padding-top: 26px; background: url('/assets/site/img/common/ico_mail01.png') no-repeat center 0 / 24px auto;}
    & .desc{font-size: 14px; color: #999; line-height: 22px; text-align: center; margin-top: 21px;}
    & .desc span{text-decoration: underline; text-underline-offset: 3px;}
    & .list-find > ul > li{text-align: center; padding-top: 31px; padding-bottom: 31px; border-bottom: 1px solid #ddd;}
    & .list-find .find-id strong{display: inline-block; font-size: 18px; font-weight: bold; line-height: 23px;}
    & .list-find .find-id .kakao{padding-left: 33px; background: url('/assets/site/img/common/ico_kakao01.png') no-repeat 0 center / auto 100%;}
    & .list-find .date{font-size: 14px; color: #999; margin-top: 7px;}
    @media (width <= 640px) {
        & .input-set01{padding-top: 40px; padding-bottom: 40px;}
        & .input-row01{flex-direction: column;}
        & .input-row01 .ip-item{width: 100%; top: 0; margin-bottom: 10px;}
        & .input-row01 .ip-vl{width: 100%;}

    }
    @media (width <= 420px) {
        & .tit-area .title{font-size: 30px;}
        & .tit-area .txt-en{font-size: 12px; margin-top: 2px}
        & .form-ip01{font-size: 17px;}
        & .birth-row{
            & .ip-vl{display: flex; align-items: center; gap: 20px;}
            & .ip-vl-item::after{translate: 0 calc(-50% + 1px);}
        }
    }
}

.pg-member {
    &#content{padding-bottom: 0;}
    & .member-container{display: flex; justify-content: center; align-items: center; min-height: calc(100dvh - var(--header-height)); padding-top: 60px; padding-bottom: 60px;}
    /*로그인*/
    @media (width <= 420px) {
        & .member-container{padding-top: 60px; padding-bottom: 100px;}
    }
}

.pg-login .tit-area{padding-bottom: 40px;}
.pg-login .input-container .t-chk{margin-top: 18px;}
.pg-join .btn-container{margin-top: 3px;}
.pg-find-id .btn-container{margin-top: 26px;}
.pg-find-pw .btn-container .c02{ color: #bbb;}
.pg-find-pw .btn-container .c02:hover{border-color: var(--basic-color); color: var(--point-color01); background-color: var(--basic-color);}
.pg-pw-reset {
    & .member-box .tit-area .title{font-size: 30px;}
    @media (width <= 420px) {
        & .member-box .tit-area .title{font-size: 26px;}
    }
}
.pg-change-tel {
    & .member-box .tit-area .title{font-size: 30px;}
    @media (width <= 420px) {
        & .member-box .tit-area .title{font-size: 28px;}
    }
}

/* ==========================================================================
    MY PAGE
    ========================================================================== */
.sidenav01{
    & .tit-sidenav{font-family: 'jaf-domus-titling-web', 'Pretendard', sans-serif; font-size: 26px; font-weight: bold; letter-spacing: 0; padding-bottom: 29px; border-bottom: 1px solid var(--basic-color); margin-bottom: 28px}
    & .dp01 > li > a{display: block; font-size: 16px; font-weight: bold; color: #999; line-height: 42px; transition: .2s ease-out;}
    & .dp01 > li > a:hover,
    & .dp01 > li > .active{color: #222;}
}
/*영수증*/
.receipt-paper {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 80px;
    & .receipt-body {
        max-width: 643px;
        margin: 0 auto;
        padding-top: 50px;
        padding-bottom: 50px;
        & .title{font-family: 'jaf-domus-titling-web', 'Pretendard', sans-serif; letter-spacing: 0; font-size: 61px; font-weight: bold; color: #000; text-align: center;}
        & .table-wrapper{margin-top: 65px;}
        & .refer-date{display: flex; justify-content: flex-end; font-size: 20px; margin-bottom: 24px;}
        & .refer-date .tit{font-weight: bold; color: #999;}
        & .refer-date .date{font-family: 'jaf-domus-titling-web', 'Pretendard', sans-serif; letter-spacing: 0; font-weight: 500; color: #000; margin-left: 10px;}
        & .table-container{font-size: 14px; line-height: 24px;}
        & .tit-bar{display: flex; align-items: center; height: 64px; font-size: 22px; font-weight: bold; color: #000; border-top: 1px solid #222; border-bottom: 1px solid #ddd;}
        & .table-container + .table-container{margin-top: 42px;}
        & .table-container > ul{padding-top: 15px; padding-bottom: 15px;}
        & .t-row {display: flex; justify-content: space-between; align-items: center; gap: 14px; font-size: 19px; font-weight: 500; padding-top: 13px; padding-bottom: 13px;}
        & .t-item{color: #888;}
        & .t-vl {color: #000; flex: 1; text-align: right;}
        & .total{margin-top: 30px;}
        & .total .t-row {height: 64px; font-weight: bold; color: #000; border-top: 1px solid #222; border-bottom: 1px solid #ddd;}
        & .total .t-vl{font-size: 24px;}
    }
    & .receipt-footer {
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        color: #000;
        line-height: 32px;
        padding-bottom: 80px;
        margin-top: 20px;
        & .info{display: flex; flex-wrap: wrap; justify-content: center; gap: 0 26px;}
        & .logo {margin-top: 40px;}
        & .logo img{width: 189px;}
    }
    @media (width <= 1024px) {
        & .receipt-body .title{font-size: 54px;}
    }
    @media (width <= 860px) {
        padding: 0 40px;
        & .receipt-body .title{font-size: 40px;}
        & .receipt-footer .logo img{width: 170px;}
    }
    @media (width <= 640px) {
        padding: 0 20px;
        & .receipt-body {
            & .table-wrapper{margin-top: 50px;}
            & .title{font-size: 34px;}
            & .refer-date{font-size: 16px;}
            & .tit-bar{font-size: 18px;}
            & .t-row{font-size: 16px; padding-top: 11px; padding-bottom: 11px;}
            & .table-container + .table-container{margin-top: 30px;}
        }
        & .receipt-footer{font-size: 15px; margin-top: 0; padding-bottom: 60px; line-height: 26px; word-break: keep-all;}
        & .receipt-footer .info{gap: 14px; margin-top: 20px;}
    }
}
.bookings-table01 {
    + .bookings-table01{margin-top: 40px;}
    & .title-bar{display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 19px; border-bottom: 1px solid var(--basic-color);}
    & .title-bar .title{font-size: 16px; font-weight: bold;}
    & .info-text{font-size: 14px;}
    & .info-text span{font-family: 'jaf-domus-titling-web', 'Pretendard', sans-serif; letter-spacing: 0; color: #999;}
    & .info-text strong{color: #e84a4a;}
    & .info-text strong::before{content: ""; position: relative; top: -1px; display: inline-block; width: 1px; height: 12px; background-color: #ddd; vertical-align: middle; margin: 0 12px;}
    & .table-container{font-size: 14px; line-height: 24px;}
    & .t-row {display: flex; padding-top: 13px; padding-bottom: 13px; border-bottom: 1px solid #ddd;}
    & .t-vl {color: #666;}
    & .t-vl .c01{color: var(--basic-color);}
    & .flex-basic  .t-item {width: 21.66666%; min-width: 90px; font-weight: bold; color: #999;}
    & .flex-basic .t-vl {flex: 1;}
    & .flex-sp .t-row {justify-content: space-between;}
    & .booking-price{
        > ul{padding: 0;}
        & .row-price{line-height: inherit; padding-top: 13px; padding-bottom: 13px; border-bottom: 1px solid #ddd;}
        > ul >li:last-child .row-price{border-bottom: 0;}
        & .total{border-bottom: 0; padding-top: 9px;}
        & .total .row-price{line-height: 24px; border-bottom: 0;}
    }
}
/*예약정보*/
.bookings-detail {
    display: grid;
    grid-template-columns: minmax(280px, 33.66336%) minmax(0, 1fr);
    gap: 70px;
    & .card-container{position: sticky; top: calc(var(--header-height) + 30px); align-self: flex-start;}
    & .status-bar {
        display: flex;
        gap: 18px;
        margin-bottom: 40px;
        & .item-round{flex: 1; display: flex; justify-content: center; align-items: center; gap: 13px; height: 66px; color: #a4a099; letter-spacing: 0; background-color: #f6eedf; border-radius: 33px;}
        & .item-round .ico{opacity: .5}
        & .item-round .ico01 img{width: 34px;}
        & .item-round .ico02 img{width: 30px;}
        & .item-round .ico03 img{width: 30px;}
        & .item-round .txt-en{font-family: 'jaf-domus-titling-web', 'Pretendard', sans-serif; font-size: 12px; color: #a4a099; margin-bottom: 5px;}
        & .item-round .txt-step{font-weight: bold;}
        & .active {
            background-color: #fff;
            box-shadow: 3px 3px 10px 5px rgba(0,0,0,.08);
            & .ico{opacity: 1}
            & .txt-en{color: #999;}
            & .txt-step{color: #222;}
        }
    }
    & .bookings-bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 28px;
        & .button-back{display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: bold; color: #999; padding: 5px 0;}
        & .button-back img{position: relative; top: 1px; width: 16px;}
        & .btn-rec .button02{width: 230px; height: 56px; border-radius: 28px; font-size: 16px}
        & .btn-rec span{display: inline-block; line-height: 24px; padding-left: 28px; background: url('/assets/site/img/common/ico_rec01.png') no-repeat 0 0 / auto 100%;}
    }
    @media (width <= 1280px) {
        gap: 60px;
        & .stay-card02{
            & .stay-name strong{font-size: 19px;}
            & .cont-card{padding: 24px 20px 20px;}
        }
        & .status-bar .item-round .txt-step{font-size: 15px;}
    }
    @media (width <= 1200px) and (width > 1024px) {
        grid-template-columns: minmax(0, 1fr);
        & .card-container{position: relative; top: auto;}
        & .stay-card02 {
            display: grid;
            grid-template-columns: minmax(280px, 38%) minmax(0, 1fr);
            & .thumb{aspect-ratio: 340 / 230;}
            & .cont-card{display: flex; flex-direction: column;}
            & .info-card{line-height: 25px; margin-top: 4px; margin-bottom: 10px;}
            & .btn-instagram{display: none}
            & .btn-container{margin-top: auto;}
        }
    }
    @media (width <= 1024px) {
        grid-template-columns: minmax(260px, 33.66336%) minmax(0, 1fr);
        gap: 40px;
        & .stay-card02{
            & .info-card{font-size: 13px; line-height: 24px;}
            & .stay-name strong{font-size: 18px;}
        }
        & .status-bar{
            & .item-round{gap: 10px;}
            & .item-round .ico01 img{width: 30px;}
            & .item-round .ico02 img{width: 26px;}
            & .item-round .ico03 img{width: 26px;}
        }
    }
    @media (width <= 860px) {
        grid-template-columns: minmax(0, 1fr);
        & .card-container{position: relative; top: auto;}
        & .stay-card02 {
            display: grid;
            grid-template-columns: minmax(240px, 38%) minmax(0, 1fr);
            & .thumb{aspect-ratio: 340 / 240;}
            & .cont-card{display: flex; flex-direction: column; padding: 20px 20px 14px;}
            & .info-card{margin-top: 4px; margin-bottom: 10px;}
            & .btn-instagram{display: none}
            & .btn-container{margin-top: auto; font-size: 13px;}
        }
        & .bookings-bottom .btn-rec .button02{font-size: 15px;}
    }
    @media (width <= 640px) {
        & .stay-card02 {
            grid-template-columns: minmax(0, 1fr);
            & .thumb{display: none;}
            & .btn-container{margin-top: 14px;}
        }
        & .status-bar {
            gap: 10px;
            & .item-round{gap: 0; text-align: center; height: 54px; border-radius: 27px}
            & .item-round img{display: none;}
            & .item-round .txt-en{font-size: 10px; margin-bottom: 2px;}
            & .item-round.active {box-shadow: 3px 3px 10px 1px rgba(0,0,0,.08);}
        }
        & .bookings-bottom{
            & .button-back{font-size: 13px;}
            & .button-back img{top: 0; width: 16px;}
            & .btn-rec .button02{width: 200px; height: 50px; border-radius: 25px;}
            & .btn-rec span{line-height: 20px; padding-left: 26px;}
        }
    }
    @media (width <= 460px) {
    }
}
.mypage-detail{
    /*overflow: hidden;*/
    & .tit-detail{padding-bottom: 31px; border-bottom: 1px solid #ddd;}
    & .tit-detail .title{font-size: 22px; font-weight: bold; line-height: 28px;}
    & .sub-nav,
    & .in-title{margin: 40px 0 50px;}
    & .sub-nav > ul{display: flex; gap: 40px;}
    & .sub-nav li > a{font-size: 16px; font-weight: bold; color: #999;}
    & .sub-nav li > .active{color: var(--basic-color);}
    & .sub-nav li > .active > span{color: var(--point-color01);}
    & .in-title {
        & .title{display: flex; align-items: center;}
        & .title strong{display: flex; align-items: center; font-size: 16px; white-space: nowrap; }
        & .title strong:not(:last-child)::after{content: ""; position: relative; top: -1px; display: block; width: 7px; aspect-ratio: 14 / 26; background: url('../img/common/arr13.png') no-repeat 0 0 / 100% auto; margin: 0 11px;}
        & .title button{position: relative; top: -1px; display: flex; align-items: center; padding-right: 12px;}
        & .title img{width: 16px;}
    }
    @media (width <= 1200px) {
        & .sub-nav,
        & .in-title{margin: 40px 0;}
        & .room-card01.alt01{
            & .stay-name strong{font-size: 18px;}
            & .info-card{font-size: 14px; line-height: 26px;}
        }
    }
    @media (width <= 1024px) {
        & .sub-nav,
        & .in-title{margin: 30px 0;}
    }
    @media (width <= 860px) {
        & .sub-nav > ul{gap: 24px;}
        & .room-card01.alt01{
            > a{overflow: visible; grid-template-columns: minmax(240px, 37.22772%) minmax(0, 1fr);}
            & .cont-card{padding: 20px 24px;}
            & .info-card{font-size: 13px; line-height: 24px; margin-top: 0}
            & .room-price-container .r-price .price strong{font-size: 17px;}
            & .room-price-container .r-price .btn-view{font-size: 13px;}
        }
    }
    @media (width <= 640px) {
        & .tit-detail{padding-bottom: 22px;}
        & .tit-detail .title{font-size: 21px; line-height: 26px;}
        & .in-title .title button{top: 0;}
        & .sub-nav > ul{gap: 16px;}
        & .sub-nav li > a{font-size: 15px;}
        & .list-card-room > ul{gap: 20px;}
        & .room-card01.alt01 > a{grid-template-columns: minmax(0, 1fr);}
        & .room-card01.alt01 .cont-card{padding: 20px 20px;}
    }
    @media (width <= 380px) {
        & .sub-nav > ul{gap: 10px;}
        & .sub-nav li > a{font-size: 14px;}
    }
}
.pg-mypage {
    & .mypage-container{position: relative; display: flex; gap: 90px; padding-top: 80px;}
    & .light-text{position: absolute; top: 0; right: 0; display: inline-block; font-size: 16px; color: #999; padding-top: 84px; background: url('/assets/site/img/common/lights01_light.png') no-repeat center 0 / 54px auto;}
    & .light-text strong{color: #222;}
    & .mypage-sidenav{position: sticky; top: calc(var(--header-height) + 30px); align-self: flex-start; width: 180px;}
    & .mypage-detail{flex: 1;}
    @media (width <= 1360px) {
        & .mypage-container {gap: 80px;}
        & .light-text{right: var(--main-gap);}
    }
    @media (width <= 1280px) {
        & .mypage-container {gap: 60px;}
    }
    @media (width <= 1024px) {
        & .mypage-sidenav {display: none;}
    }
    @media (width <= 860px) {
        & .mypage-container{padding-top: 73px}
        & .light-text{font-size: 15px; padding-top: 76px; background-size: 48px auto;}
    }
    @media (width <= 640px) {
        & .mypage-container{padding-top: 60px; padding-bottom: 20px;}
        & .light-text{font-size: 14px; padding-top: 65px; background-size: 40px auto;}
    }
}
/*쿠폰리스트*/
.mypage-coupon{
    & .cont-area{margin-top: 35px;}
    & .refer-text{font-size: 15px; color: #999; line-height: 24px; padding-left: 36px; background: url('/assets/site/img/common/ico_ticket01.png') no-repeat 0 center / 26px auto;}
    & .searchbar-container{padding: 34px 50px; background-color: #f6f2ea; border-radius: 16px; margin-top: 20px;}
    & .coupon-list {margin-top: 40px;}
    & .coupon-list > ul{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px;}
    & .coupon-item{display: flex; flex-direction: column; min-height: 188px; padding: 24px 34px 0; border: 1px solid #eeece8; background-color: #fff; border-radius: 8px; box-shadow: 5px 5px 13px 5px rgba(0,0,0,.05);}
    & .coupon-item .tit-set{margin-bottom: 14px;}
    & .coupon-item .tit-set .title{font-size: 18px; font-weight: bold; line-height: 28px; word-break: keep-all}
    & .coupon-item .tit-set .sub-text{font-size: 14px; color: #777; margin-top: 7px;}
    & .coupon-item .info-set{margin-top: auto; font-size: 13px; font-weight: 500; color: #999; line-height: 24px; padding-top: 13px; padding-bottom: 13px; border-top: 1px solid #eee;}
    @media (width > 1024px) and (width <= 1200px) {
        & .searchbar-container{padding: 28px 28px;}
        & .coupon-list > ul{grid-template-columns: repeat(2, minmax(0, 1fr));}
        & .searchbar03 button{width: 130px;}
    }
    @media (width <= 1024px) {
        & .cont-area{margin-top: 30px;}
        & .searchbar-container{padding: 24px;}
        & .searchbar03 {
            height: 52px;
            & input[type="text"]{font-size: 17px; border-radius: 26px;}
            & button{font-size: 15px; border-radius: 26px;}
        }
        & .coupon-item{min-height: 178px; padding: 20px 24px 0}
    }
    @media (width <= 860px) {
        & .searchbar-container{padding: 20px;}
        & .searchbar03 {
            height: 48px;
            & input[type="text"]{border-radius: 24px;}
            & button{width: 100px; font-size: 14px; border-radius: 24px;}
        }
        & .coupon-list > ul{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;}
        & .coupon-item{min-height: 178px;}
    }
    @media (width <= 640px) {
        & .refer-text{font-size: 14px; line-height: 22px; padding-left: 30px; background-size: 24px auto;}
        & .searchbar-container{padding: 0; background-color: transparent;}
        & .searchbar03 {
            height: 48px;
            gap: 10px;
            & input[type="text"]{font-size: 15px; padding-left: 20px; border: 1px solid #efefef; border-radius: 24px;}
            & button{width: 86px; font-size: 14px; border-radius: 24px;}
        }
        & .coupon-list > ul{grid-template-columns: minmax(0, 1fr);}
        & .coupon-item{min-height: 172px; padding: 20px 20px 0}
        & .coupon-item .tit-set .title{font-size: 18px; line-height: 26px;}
    }
}

/*저장된 숙소*/
.bookmarks-list-container{
    & .bookmarks-top{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 34px;
        & .title{display: flex; align-items: center; font-weight: bold;}
        & .title strong{font-size: 16px;}
        & .title .s01{font-size: 18px;}
        & .title button{position: relative; top: -1px; display: flex; align-items: center; padding-right: 14px;}
        & .title img{width: 16px;}
        & .title span{color: var(--point-color01); margin-left: 6px;}
        & .btn-add{display: block; font-size: 14px; color: #999; padding: 5px 21px; background: url('/assets/site/img/common/ico_plus02.png') no-repeat right center / 14px auto;}
        & .btn-edit-mode{display: block; font-size: 14px; color: #999; padding: 5px 0 5px 24px;}
        & .btn-edit{background: url('/assets/site/img/common/ico_edit01_pen.png') no-repeat 0 center / 20px auto;}
        & .btn-comp{display: none; background: url('/assets/site/img/common/ico_edit01_active.png') no-repeat 0 center / 18px auto;}
    }
    & .bookmarks-list{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px;}
    & .list-card .empty-data{grid-column: span 3;}
    & .bookmarks-item {
        position: relative;
        & .del-item{display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0; background: url('/assets/site/img/common/ico_edit01_del.png') no-repeat calc(100% - 10px) 10px / 26px auto;}
        & .thumb{ aspect-ratio: 234 / 156;}
        & .thumb img{border-radius: 8px;}
        & .tit-item{font-size: 15px; color: #666; line-height: 22px; margin-top: 10px;}
        & .tit-item span{font-family: 'jaf-domus-titling-web', 'Pretendard', sans-serif; font-size: 16px; font-weight: bold; color: var(--point-color01); letter-spacing: 0; margin-left: 8px;}
    }
    & .list-card > ul{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px;}
    &.edit-mode {
        & .bookmarks-top .btn-edit{display: none}
        & .bookmarks-top .btn-comp{display: block;}
        & .bookmarks-item .del-item{display: block;}
    }
    @media (width <= 1200px) {
        & .bookmarks-list{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px;}
        & .bookmarks-item {
            & .thumb img{border-radius: 6px;}
            & .tit-item{font-size: 14px; line-height: 20px;}
            & .tit-item span{font-size: 15px; margin-left: 6px;}
        }
        & .list-card > ul{gap: 20px;}
        & .stay-card03 {
            & .cont-card{padding: 16px 14px 14px}
            & .stay-name strong{font-size: 17px; line-height: 24px;}
            & .info-card{font-size: 13px;}
            & .r-price{font-size: 17px;}
            & .tag-set span{font-size: 11px; line-height: 20px;}
            & .btn-container{gap: 10px;}
            & .btn-share{width: 16px;}
            & .bookmark{width: 14px;}
        }
    }
    @media (width <= 860px) {
        & .bookmarks-top{margin-bottom: 20px;}
        & .list-card > ul{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));}
        & .bookmarks-item {
            & .del-item{background-size: 24px auto;}
        }
    }
    @media (width <= 640px) {
        & .bookmarks-top .btn-add{font-size: 13px; padding: 5px 17px; background: url('/assets/site/img/common/ico_plus02.png') no-repeat right calc(50% - 1px) / 11px auto;}
        & .bookmarks-list{grid-template-columns: repeat(2, minmax(0, 1fr));}
        & .list-card > ul{display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 24px;}
        & .stay-card03 {
            & .cont-card{padding: 20px 20px 16px}
            & .r-price{font-size: 18px;}
            & .tag-set span{font-size: 12px; line-height: 22px;}
            & .btn-container{gap: 14px;}
            & .btn-share{width: 18px;}
            & .bookmark{width: 16px;}
        }
        & .bookmarks-item {
            & .del-item{background-size: 22px auto;}
        }
    }
}
.mypage-bookmarks {
    & .cont-area{margin-top: 34px;}
    @media (width <= 1024px) {
        & .cont-area{margin-top: 30px;}
    }
}
.mypage-modify {
    & .cont-area{display: flex; justify-content: space-between; align-items: flex-start; gap: 40px;}
    & .obj-friends01{padding-top: 60px; padding-right: 38px; mix-blend-mode: multiply;}
    & .obj-friends01 img{width: 333px;}
    & .member-box{max-width: 480px; margin: 0; flex: 1;}
    /*& .member-box .input-set{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px;}*/
    & .member-box .btn-container{display: flex; flex-direction: row; justify-content: space-between; align-items: center}
    & .member-box .btn-container .btn-save{width: 180px;}
    & .member-box .btn-container .btn-leave{font-size: 14px; color: #222; text-decoration: underline; text-underline-offset: 3px;}
    & .member-box .terms-item{display: flex; justify-content: space-between; align-items: center; width: 100%; height: 48px; padding: 0; border-radius: 10px;}
    & .member-box .btn-view{font-size: 0; width: 40px; height: 30px; background: url('/assets/site/img/common/arr11.png') no-repeat calc(100% - 4px) center / 8px auto;}
    @media (width <= 1200px) {
        & .obj-friends01{padding-top: 40px; padding-right: 0; margin-right: -20px;}
        & .obj-friends01 img{width: 280px;}
    }
    @media (width <= 1024px) {
        & .obj-friends01{padding-top: 40px; margin-right: 0;}
        & .obj-friends01 img{width: 300px;}
    }
    @media (width <= 860px) {
        & .obj-friends01 {display: none;}
        & .member-box{max-width: 100%;}
    }
    @media (width <= 640px) {
        & .member-box .btn-container .btn-save{width: 130px; height: 54px; border-radius: 27px;}
        & .form-chk02 .chk-label{padding-left: 10px;}
    }
}

/*입점문의*/
.inquiry-store {
    & .member-container{padding-top: 104px; padding-bottom: 104px;}
    & .member-box {
        max-width: 700px;
        & .tit-area{padding-bottom: 53px;}
        & .tit-area .txt-en {letter-spacing: 0; margin-top: 0; margin-bottom: 4px;}
        & .tit-area .title{font-size: 36px;}
        & .form-ip{background-color: transparent;}
        & .input-row01 .ip-item span:not(.req){color: var(--basic-color);}
        & .input-set01:last-child{padding-bottom: 23px;}
        & .input-row01 .ip-item.pos01{top: 7px;}
        & .input-row01 .ip-item.pos02{align-self: stretch;}
        & .input-row01 .ip-item.pos02 span{position: relative; top: calc(50% - 78px);}
        & .attach01 {
            & .attachment.hidden{display: none;}
            & .select-group02 + .attachment{margin-top: 8px}
            & .refer-container{margin-top: 13px;}
            & .refer-tit{font-size: 15px; font-weight: bold; color: #666; line-height: 25px;}
            & .refer-text{margin-top: 2px;}
            & .refer-text p{font-size: 14px; color: #888; line-height: 24px; padding-left: 10px; text-indent: -10px;}
            & .refer-text p::before{content: "• ";}
        }
        & .terms-container{margin-top: 60px;}
        & .btn-container{margin-top: 0;}
    }
    @media (width <= 640px) {
        & .member-container{padding-top: 84px;}
        & .member-box{
            & .tit-area .txt-en{font-size: 11px;}
            & .tit-area .title{font-size: 32px;}
            & .input-row01 .ip-item.pos01{top: 0;}
            & .input-row01 .ip-item.pos02{align-self: flex-start;}
            & .input-row01 .ip-item.pos02 span{top: 0;}
            & .attach01 {
                & .refer-tit{font-size: 13px;}

            }
            & .upload-file01{gap: 8px;}
            & .terms-container{margin-top: 40px;}
            & .terms-container .chk-label{font-size: 13px;}
        }


    }

}