@charset "utf-8";

/*********************
 Common
**********************/
br {
    font-family:initial;
}

/* 쿠폰함 select-tab */
.inner-tab.select-tab{
    margin-top: 2.4rem;
}
.inner-tab.select-tab li{
    margin-top: .6rem;
}
/* button */
.popup-wrap .popup-content .btn-bottom-area.coupon-btn-type2 >.btn{
    min-width: 20rem;
}
.btn.ico-set::before{
    margin-top: 0.2rem;
    background: url('../image/icon/ico_set.png') no-repeat;
    background-size: 100%;
}
.btn-wrap{
    position: absolute;
    bottom: 0;
    right: 0;
}
.btn-text.link2{
    font-size: 15px;
    color: #333;
    line-height: 1.6;
}
.btn-text.link2:after{
    display: inline-block;
    vertical-align: middle;
    width:.5rem;
    height:.5rem;
    content: '';
    border: solid #333;
    border-width: 0 1px 1px 0;
    margin-top:-.1rem;
    margin-left:.2rem;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.btn-arrow4{
    display: block;
    width: 100%;
    padding: 1rem 0 1rem;
    font-size: 1.4rem;
    color: #333;
    text-align: center;
    border: none;
    background: transparent;
    text-decoration: none;
}
.btn-arrow4:after {
    display: inline-block;
    content: '';
    vertical-align: top;
    width: 1.2rem;
    height: .7rem;
    margin: 0.6rem 0 0 0.5rem;
    background: url('../image/icon/ico-btn-arrow4.png') no-repeat;
    background-size: 100%;
    /* border: solid #666;
    border-width: 0px 1px 1px 0;
    transform: rotate(-315deg);
    -webkit-transform: rotate(-315deg); */
}
/* tooltip */
.btn-icon.ico-info:before {
    width: 22px;
    height: 22px;
    background: url('../image/icon/ico_info2.png') no-repeat 0 0;
    background-size: cover;
}
.tooltip-view .text-list {
    padding-left: 0;
}

/*********************
  마이페이지 PC Layout
**********************/

/* 쿠폰함 */
.coupon-list-wrap{
    position: relative;
    width: 100%;
    margin-top: 5rem;
}
.coupon-wrap{
    width: 100%;
    margin-top:2rem;
}
.coupon-wrap.sokcho .coupon-item{
    background: #237489;
}
.coupon-wrap.resort .coupon-item{
    background: #887967;
}
.coupon-wrap.buyeo .coupon-item{
    background: #6d4b42;
}
.coupon-wrap.artvillas .coupon-item{
    background: #444444;
}
.coupon-wrap.gimhae .coupon-item{
    background: #debc78
}

.coupon-state.usable::before{
    background-image: url('../image/icon/ico-coupons-usable.png');
    background-size: 20px auto;
}
.coupon-state.completion::before{
    background-image: url('../image/icon/ico-coupons-completion.png');
    background-size: 20px auto;
}
.coupon-state.expiration::before{
    background-image: url('../image/icon/ico-coupons-expiration.png');
    background-size: 20px auto;
}
.coupon-state.wholecoupon::before{
    background-image: url('../image/icon/ico-coupons-wholecoupon.png');
    background-size: 21px auto;
}
.coupon-state.present::before{
    background-image: url('../image/icon/ico-coupons-present.png');
    background-size: 21px auto;
}
.coupon-list-wrap .coupon-item{
    position: relative;
    display: block;
    width: 100%;
    height: 20rem;
    padding: 4.2rem 4rem;
    color: #fff;
    letter-spacing: 0;
}
.coupon-item .coupon-tit{
    width: calc(100% - 30rem);
    text-align: left;
}
.coupon-item .coupon-tit .coupon-branch{
    padding: 0 .2rem;
    font-size: 1.2rem;
    letter-spacing: -.5px;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    line-height: 1.5;
}
.coupon-item .coupon-tit .coupon-branch + .coupon-branch{
    padding: 0 .2rem;
    margin-left: 2.2rem;
}
.coupon-item .coupon-tit .coupon-name{
    display: block;
    padding: 2rem 0;
    font-size: 3rem;
    font-weight: normal;
}
.coupon-item .coupon-tit .coupon-sub{
    font-size: 1.4rem;
}
.coupon-item .coupon-info{
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 4.5rem;
    transform: translateY(-50%);
}
.coupon-item .coupon-info .coupon-state{
    font-size: 1.5rem;
    display: inline-block;
    vertical-align: middle;
}
.coupon-item .coupon-info .coupon-state > span{
    font-weight: bold;
    padding-left: .6rem;
}
.coupon-item .coupon-info .coupon-state::before{
    display: inline-block;
    content: '';
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin: -3px 7px 0 0;
    background-repeat: no-repeat;
    background-position: center;
}
.coupon-item .coupon-info .coupon-arrow{
    position: relative;
    display: inline-block;
    width: 5rem;
    height: 5rem;
    padding: 1.3rem 1.6rem 1.3rem 1.7rem;
    margin-left: 2.8rem;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 50%;
    vertical-align: middle;
}
.coupon-wrap .coupon-arrow:after{
    position: absolute;
    top: 50%;
    left: 50%;
    display:inline-block;
    content:'';
    vertical-align:top;
    width:2.1rem;
    height:1.2rem;
    background-image: url('../image/icon/ico-coupon-arrow-down.png');
    transform: translate(-50%, -50%);
    background-size: 100%;
}
.coupon-wrap.active .coupon-arrow::after{
    background-image: url('../image/icon/ico-coupon-arrow-up.png');
}
.coupon-wrap .coupon-cont{
    display: none;
    width: 100%;
    padding: 2rem 0;
    overflow: hidden;
}
.coupon-cont .inner-coupon-wrap{
    float: left;
    position: relative;
    width: calc(50% - .5rem);
    height: 14.6rem;
    padding: .5rem;
    margin-bottom: 1rem;
    text-align: left;
    border: 1px solid #ddd;
    background: #fff;
}
.coupon-cont .inner-coupon-wrap.completion{
    background: #f6f6f6;
}
.coupon-cont .inner-coupon-wrap:nth-child(even){
    margin-left: 1rem;
}
.coupon-cont .inner-coupon-wrap > .inner{
    display: table;
    overflow: hidden;
    width: 100%;
    height: 13.4rem;
    padding: 2.5rem 2.5rem 0;
    border: 1px dashed #ddd;
    font-size: 1.5rem;
    letter-spacing: 0;
    vertical-align: middle;
}
.coupon-cont .inner-coupon-wrap > .inner::after{
    content: '';
    display: block;
    clear: both;
}
.coupon-cont .inner-coupon-wrap .inner-coupon-list{
    position: relative;
    margin-top: 1.5rem;
}
.coupon-cont .inner-coupon-wrap .inner-coupon-list li{
    margin-bottom: .7rem;
    font-size: 1.3rem;
    color:#333
}
.coupon-cont .inner-coupon-wrap .inner-coupon-list strong{
    margin-right: 3rem;
    font-weight: normal;
    color: #666;
}
.coupon-cont .inner-coupon-wrap .left {
    display: inline-block;
    width: 67%;
}
.coupon-cont .inner-coupon-wrap .right {
    display: inline-block;
    position: absolute;
    right: 15px;
    border-spacing: 1rem 0;
}
.coupon-cont .inner-coupon-wrap .right .complete{
    content: '';
    background: url('../image/bg/bg_coupon2.png') no-repeat;
    display: table-cell;
    width: 85px;
    height: 85px;
    text-align: center;
    font-size: 19px;
    color: #999999;
    vertical-align: middle;
}
.coupon-cont .inner-coupon-wrap > .inner .complete + .complete {
    margin-right :1rem;
}

/* 회원권 정보 */
.member-detail-top{
    display: table;
    width: 100%;
    max-width: 1280px;
    margin: 3rem auto 0;
    padding: 2rem 3rem;
    background: #fbfbfb;
}
.member-detail-top .usage-area{
    border: none;
    margin-top: 0;
}
.member-detail-top .usage-area .custom-select {
    width: 350px;
}
.member-detail-wrap{
    position: relative;
}
.member-detail-wrap::after{
    content: '';
    clear: both;
    display: block;
}
.member-detail-box{
    float: left;
    position: relative;
    top: 0;
    width: 50rem;
    margin-right: 3rem;
}
.member-detail-box .sub-title{
    margin-top: 6rem;
}
.member-detail-box.right{
    width: calc(100% - 54rem);
    margin: 0;
}
.member-detail-list{
    margin-top: 2rem;
    border-top:1px solid #ddd;
    font-size: 0;
}
.member-detail-list > ul{
    display: inline-block;
    width: 100%;
    padding-top: 1rem;
}
.member-detail-list > ul > li{
    padding:2rem 0 0 1.2rem;
    font-size: 15px;
}
.member-detail-box.right ul{
    width: 41.2rem;
    padding:0 8rem 0 0;
    vertical-align: top;
}
.member-detail-list .coupon-member-img{
    display: inline-block;
    width: 426px;
    margin:3rem 0 0 0;
}
.member-detail-list .coupon-member-img img{
    height: 242px;
}
.member-detail-list .tit{
    display: inline-block;
    width: 12rem;
    vertical-align: top;
    color: #666;
}
.member-detail-list .info{
    display: inline-block;
    width: calc(100% - 14rem);
    color: #333;
    word-break: keep-all;
    line-height: normal;
}

/* 나의 회원권 정보 */
.member-wrap .inner-tab{
    margin: 2.5rem 0;
}
.member-wrap .member-info-wrap{
    border: 1px solid #ddd;
}
.member-wrap .title-sub-area{
    padding: 0 4rem;
}
.member-wrap .usage-title{
    margin: 5.5rem 0 2.3rem 0;
    font-size: 2.6rem;
    color:#000;
    font-weight: normal;
}
.member-wrap .usage-sub-title{
    margin: 3rem 0 1.7rem 0;
    font-size: 1.8rem;
    color:#333;
    font-weight: normal;
}
.member-wrap .usage-bottom{
    position: relative;
    margin-top: -2px;
    padding: 10px 40px 0 40px;
    border: none;
}
.member-wrap .usage-bottom .graph-entire .txt{
    background: #fbfbfb;
}
.member-wrap .ico-info::before {
   margin-right: .4rem;
}
.member-input-area{
    overflow: hidden;
    margin : 3rem 0 2rem;
}
.member-input-area .input-group{
    display: inline-block;
    width: 350px;
}
.member-input-area .input-group.hide{
    display: none;
}
.member-input-area .input-select{
    min-width: 350px;
    width: auto;
}
.member-input-area .input-select select{
    width: 100%;
}
.usage-area.card{
    position: relative;
    margin-top: 0;
    border: none;
}
.usage-area.card .mypage-card-area{
    display: table;
    width: 100%;
    height: 100%;
    padding: 5rem 8rem;
    vertical-align: middle;
    border-bottom: 1px dashed #ddd;
    text-align: center;
}
.usage-area.card.single .mypage-card-area{
    border: none;
}
.usage-area.card .mypage-card-area .mypage-card-img-box{
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 418px;
    height: 242px;
    margin-right: 10rem;
    background-size: contain;
    background-position: center;
}
.usage-area.card .mypage-card-title{
    display: inline-block;
    width: 300px;
    vertical-align: middle;
    text-align: left;
}
.usage-area.card .mypage-card-title.type2{
    width: 500px;
}
.usage-area.card .mypage-card-info{
    position: relative;
    display: inline-block;
    margin-left: 7rem;
    padding-left: 9rem;
    font-size: 1.3rem;
    letter-spacing: normal;
    vertical-align: middle;
}
.usage-area.card .mypage-card-sub-title{
    margin-bottom: 3rem;
    font-size: 1.6rem;
    color: #333;
}
.usage-area.card .mypage-card-sub-title span::before{
    content: '';
    display: inline-block;
    width: 1px;
    height: 13px;
    margin: 0 1.2rem;
    background: #979797;
}
.usage-area.card .info-txt{
    padding: 3rem 0;
    text-align: center;
    font-size: 1.8rem;
    color: #333;
    line-height: 1.8rem;
}
.usage-area.card .mypage-card-box{
    width: auto;
    min-width: calc(100% - 630px);
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
.usage-area.card .mypage-card-info::before{
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 190px;
    margin-top: -95px;
    background: #eee;
}
.usage-area.card .mypage-card-info li{
    margin-bottom: 1rem;
}
.usage-area.card .mypage-card-info .info-tit{
    display:inline-block;
    margin-right: 1.4rem;
}
/* .mypage-card-img-box.no-name{
    background: url('../image/img/img_member_noname.png') no-repeat 0 0;
}
.mypage-card-img-box.name{
    background: url('../image/img/img_member_name.png') no-repeat 0 0;
} */
.mypage-card-img-box{
    background: url('../image/img/img_member_private.png') no-repeat 0 0;
}
.mypage-card-img-box.gold{
    background: url('../image/img/img_member_gold.png') no-repeat 0 0;
}
.mypage-card-img-box.name .member-img{
    position: absolute;
    top: 24px;
    right: 22px;
    width: 8.9rem;
    height: 11rem;
}
.mypage-card-img-box.lplus-red{
    background: url('../image/img/img_member_lplus.png') no-repeat 0 0;
}
.mypage-card-img-box.lplus-purple{
    background: url('../image/img/img_member_lplus_purple.png') no-repeat 0 0;
}
.mypage-card-img-box.lplus-silver{
    background: url('../image/img/img_member_lplus_silver.png') no-repeat 0 0;
}
.mypage-card-img-box.leaders-gold{
    background: url('../image/img/img_member_lleders_gold.png') no-repeat 0 0;
}
.mypage-card-img-box.leaders-platinum{
    background: url('../image/img/img_member_lleders_platinum.png') no-repeat 0 0;
}
.mypage-card-title strong{
    display: block;
    margin-bottom: 2rem;
    font-size: 2.7rem;
    font-weight: bold;
    color: #333;
    line-height: 1.5;
    word-break: keep-all;
}
.mypage-card-title .btn-text +.btn-text{
    display: inline-block;
    margin-left: 2rem;
}

/* layerpop - 회원카드 보기 */
.popup-wrap .mypage-card-area{
    margin-top: 3.5rem;
    text-align: center;
}
.popup-wrap .mypage-card-area .mypage-card-img-box{
    position: relative;
    margin: 0 auto;
    width: 418px;
    height: 242px;
    background-size: contain;
    background-position: center;
}
.popup-wrap .mypage-card-info{
    margin: 3rem 0;
}
.popup-wrap .mypage-card-info .card-name{
    font-size: 2.2rem;
    color: #2b2b2b;
}
.popup-wrap .mypage-card-info .card-number{
    display: inline-block;
    margin: 1.3rem 0 0 0;
    font-size: 2.6rem;
    color: #333;
    font-weight: bold;
    font-style: normal;
    /* letter-spacing: 0; */
}
.popup-wrap .mypage-card-info .card-number > span {
    font-weight: bold;
}
.popup-wrap .mypage-card-info .card-date{
    margin-top: 2.2rem;
    font-size: 1.5rem;
}

/* 쿠폰함 다건 url 발송 */
#container.coupon-url, #container.coupon-url .content-wrap{
    padding-top: 0;
}
#container.coupon-url .title-area{
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #ddd;
}
#container.coupon-url .title-area.rwd .page-title{
    position: static;
    width: 100%;
    padding: 2rem 2.5rem;
}
#container.coupon-url .title-area + .title-sub-area{
    margin-top: 0;
}

/* 제휴사 패키지 */
.search-box.rwd .search-inner .grid-area .colum.col-4.colum-add,
.search-box.rwd .search-inner .grid-area .colum.col-4.colum-add {
    margin-top: 20px;
}
/* 패키지 목록 category badge */
.category {
    margin-bottom: 1px;
}

/* 회원인증 - 기업회원 */
.inner-tab.company{
    margin-top: 2.5rem;
}

/* 영문 - 카드 영역*/
:lang(en) .usage-area.card .mypage-card-info{
    margin-left: 0;
}
:lang(en) .mypage-card-title .btn-text +.btn-text{
    display: block;
    margin: .4rem 0 0 0;
}

/* 20240513 객실요금표 2개이상일때  */
.member-input-area .btn-box {
	display: inline-flex;
	gap: 1rem;
	float: right;
}

@media (max-width:1024px) {
    /* 쿠폰함 select-tab */
    .inner-tab.select-tab li{
        width: calc(33% - .3rem);
    }
    .inner-tab.select-tab li:nth-child(3n){
        margin-right: 0;
    }
    .custom-select.coupon{
        margin-top: 2rem;
    }
    .custom-select.coupon .select{
        width: 100%;
    }
    /* 쿠폰함 -right-btn*/
    .btn-wrap{
        position: relative;
        margin: 1rem 0 2rem;
    }
    .btn-wrap .right-btn{
        position: relative;
        text-align: right;
    }
    /* 쿠폰함 */
    .coupon-cont .inner-coupon-wrap  {
        height: 22.6rem;
    }
    .coupon-cont .inner-coupon-wrap > .inner {
        padding:7rem 1.5rem 0;
        height: 21.4rem;
    }
    .coupon-cont .inner-coupon-wrap .right {
        width: 8.5rem;
    }
    .coupon-cont .inner-coupon-wrap > .inner .complete + .complete {
        margin :1rem 0 0 0;
    }
    .coupon-cont .inner-coupon-wrap .inner-coupon-list{
        margin-top: 1rem;
    }
    .coupon-cont .inner-coupon-wrap .left {
        width: 85%;
    }
    .coupon-cont .inner-coupon-wrap .inner-coupon-list li {
        margin-bottom: 1.5rem;
    }
    .coupon-cont .inner-coupon-wrap .right {
        top: 50%;
        right: 1.6rem;
        width: 8.5rem;
        height: 18rem;
        transform: translateY(-50%);
        border-spacing: 0;
    }
    .coupon-cont .inner-coupon-wrap .right .complete{
        display: table;
        width: 8.5rem;
        height: 8.5rem;
        padding-top: 2rem;
    }
    .coupon-cont .inner-coupon-wrap > .inner strong{
        margin-right: 3rem;
    }

    .member-wrap,
    .member-wrap .member-info-wrap{
        border: none;
    }
    .member-wrap .usage-bottom{
        border: none;
        padding: 2.5rem;
        background: #fbfbfb;
    }
    .member-wrap .title-sub-area {
        padding: 0 2.5rem;
    }
    .member-wrap .usage-title{
        margin: 3rem 0 2rem 0;
        font-size: 2rem;
    }
    .member-wrap .usage-sub-title{
        margin: 2.5rem 0 1.3rem 0;
        font-size: 1.5rem;
    }
    .member-input-area{
        width: 100%;
        margin: 2.5rem 0 0;
        padding: 0 2.5rem;
    }
    .member-input-area .input-select{
        display: block;
        min-width: 100%;
        width: 100%;
        margin-bottom: 1rem;
    }

    /* 회원권 정보 */
    .member-detail-top{
        overflow: hidden;
        max-width: 100%;
        padding: 3rem 2.5rem;
        margin-top: 3rem;
    }
    .member-detail-top .input-select{
        margin: .7rem 0 1rem;
    }
    .member-detail-top .usage-area{
        padding: 0;
    }
    .member-detail-top .usage-area .input-btn{
        width: 100%;
    }
    .member-detail-top .usage-area .custom-select{
        width: 100%;
    }
    .member-detail-box, .member-detail-box.right{
        float: none;
        width: 100%;
    }
    .member-detail-box .sub-title{
        margin-top: 3rem;
    }
    .member-detail-list{
        margin-bottom: 3rem;
    }
    .member-detail-list > ul > li{
        padding: 1.6rem 0 0 0;
        font-size: 1.5rem;
    }
    .member-detail-list .tit {
        width: calc(100% - 65%);
    }
    .member-detail-list .info {
        line-height: 1.5;
        width:60%;
    }
    .member-detail-box.right ul{
        width: 100%;
        min-width: 100%;
        padding: 0;
    }
    .member-detail-box-list,.member-detail-list .coupon-member-img{
        display: none;
    }
    /* 나의 회원권 정보 */
    .usage-area.card .mypage-card-info{
        display: inline-block;
        height: auto;
        width: 100%;
        margin: 2rem 0 0 0;
        padding: 1.8rem 0 1.2rem;
        text-align: center;
        border-left:none;
        background: #fbfbfb;
    }
    .usage-area.card .mypage-card-info::before{
        display: none;
    }
    .usage-area.card .mypage-card-info .info-tit{
        display:inline-block;
        margin: 0 5.5rem 0 0;
        color: #333;
        font-weight: bold;
    }
    .usage-area.card .mypage-card-box{
        width: 242px;
    }
    .tooltip-box{
        width: 279px;
    }
}

@media (max-width: 768px){
    /* 회원 인증 */
    .input-box-rwd {
        background: #f5f5f5;
    }
    .my-sso .msg-box.mt-cnt2 {
        margin-top: 3rem !important;
    }
    .popup-wrap.pt0 {
        padding-top: 0 !important;
    }
    .popup-wrap .popup-content .btn-bottom-area.coupon-btn-type2 > .btn{
        min-width: calc(50% - 1rem);
    }
    .inner-tab.company{
        padding:0 2.5rem;
    }
    /* 마이페이지 회원 탈퇴 아이콘 추가 */
    .mypage-box .btn-area a.icon6 {
        background: url('../image/icon/icon_mg06.png') center top no-repeat;
        padding-top:40px;
    }
    /* 마이페이지 상단영역 하단 여백 수정 */
    .mypage-box{
        padding: 2rem 2rem 2rem 2rem;
    }
    /* 쿠폰함 */
    .coupon-list-wrap{
        margin: 3rem 0 6rem;
    }
    .coupon-list-wrap .coupon-item{
        height: 23.6rem;
        padding: 2.4rem 2.2rem;
    }
    .coupon-item .coupon-tit{
        width: 100%;
    }
    .coupon-item .coupon-tit .coupon-name{
        display: block;
        padding: 2.6rem 0 2.2rem;
        font-size: 2.1rem;
    }
    .coupon-item .coupon-tit .coupon-sub{
        font-size: 1.2rem;
    }
    .coupon-item .coupon-info{
        display: block;
        width: 100%;
        height: 4.8rem;
        padding: 0 2rem;
        margin-top: 0;
        line-height: 4.8rem;
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.07);
        transform: none;
    }
    .coupon-item .coupon-info .coupon-state{
        font-size: 1.3rem;
    }
    .coupon-item .coupon-info .coupon-state > span{
        padding-left: .7rem;
        font-weight: bold;
        font-size: 1.3rem;
    }
    .coupon-item .coupon-info .coupon-arrow{
        position: absolute;
        top: 50%;
        right: 2.5rem;
        width: 1rem;
        height: 1rem;
        padding: 0;
        margin-left: 0;
        border: none;
        transform: translateY(-50%);
    }
    .coupon-item .coupon-info .coupon-arrow:after{
        display:inline-block;
        content:'';
        position: relative;
        vertical-align:top;
        width: 1.2rem;
        height: .7rem;
        background-image: url('../image/icon/ico-coupon-arrow-down_m.png');
    }
    .coupon-wrap.active .coupon-arrow::after{
        background-image: url('../image/icon/ico-coupon-arrow-up_m.png');
    }
    .coupon-item .coupon-tit .coupon-branch + .coupon-branch{
        margin-left: 1.4rem;
    }
    .coupon-wrap .coupon-cont{
        padding: 1rem 0;
    }
    .coupon-cont .inner-coupon-wrap{
        float: none;
        display: block;
        width: 100%;
        /* min-height: 18rem;
        height: auto; */
        height: 17.8rem;
        margin-bottom: 1rem;
    }
    .coupon-cont .inner-coupon-wrap:nth-child(even){
        margin-left: 0;
    }
    .coupon-cont .inner-coupon-wrap > .inner{
        display: table;
        height: 16.7rem;
        padding: 2.5rem 2rem 0;
    }
    .coupon-cont .inner-coupon-wrap > .inner::after{
        content: '';
        display: block;
        clear: both;
    }
    .coupon-cont .inner-coupon-wrap .inner-coupon-list{
        position: relative;
        margin-top: 2rem;
    }
    .coupon-cont .inner-coupon-wrap .right {
        right: 2rem;
        width: 5rem;
        height: 11rem;
    }
    .coupon-cont .inner-coupon-wrap .right .complete{
        width: 5.1rem;
        height: 5.1rem;
        font-size: 11px;
        background-size: cover;
        padding-top: 1.3rem;
    }
    .coupon-cont .inner-coupon-wrap > .inner strong{
        margin-right: 1.2rem;
    }
    /* 회원권 정보 */
    .member-detail-top{
        overflow: hidden;
        max-width: 100%;
        padding: 3rem 2.5rem;
        margin-top: 0;
    }
    .member-detail-list > ul li{
        font-size: 1.3rem;
    }
    /* 나의 회원권 정보 */
    .usage-area.card .btn-text.link2{
        font-size: 1.3rem;
    }
    .usage-area.card{
        margin: 0 2.5rem;
        padding: 0;
    }
    .usage-area.card .mypage-card-area{
        padding: 2rem 0 3rem;
        text-align: center;
    }
    .usage-area.card .mypage-card-area .mypage-card-img-box{
        display: block;
        margin:auto;
        width: 230px;
        height: 133px;
    }
    .usage-area.card .mypage-card-title,.usage-area.card .mypage-card-title.type2{
        display: inline-block;
        width: 100%;
        padding: 2rem 0 0 0;
        text-align: center;
    }
    .usage-area.card .mypage-card-sub-title{
        margin-bottom: 1.5rem;
        font-size: 1.4rem;
    }
    .usage-area.card .mypage-card-info li:last-child{
        margin-bottom: 0;
    }
    .mypage-card-title strong{
        margin-bottom: 1rem;
        font-size: 1.8rem;
    }
    .mypage-card-title .btn-text +.btn-text {
        margin-left: 1.6rem;
    }
    .member-wrap{
        margin: 1rem 0 0 0;
    }
    .member-wrap .inner-tab{
        padding: 0 2.5rem;
    }
    .member-wrap .usage-bottom .inner-tab{
        padding: 0;
    }
    .member-wrap .member-info-wrap {
        border: none;
    }
    .member-wrap .ico-info::before {
        margin-right: .8rem;
    }
    .member-wrap .usage-bottom{
        border: none;
        padding: 1rem 2.5rem 3rem 2.5rem;
    }
    .member-wrap .title-sub-area {
        padding: 0 2.5rem;
    }
    .member-wrap .usage-title{
        margin: 3rem 0 2rem 0;
        font-size: 2rem;
    }
    .member-wrap .usage-sub-title{
        margin: 2.5rem 0 1.3rem 0;
        font-size: 1.5rem;
    }
    .member-input-area .input-group,
    .member-input-area.full_type .input-btn .btn{
        width: 100%;
    }
    .usage-area.card .info-txt{
        padding: 2rem .3rem 2rem 2rem;
        margin-left: .6rem;
        text-align: left;
        font-size: 1.4rem;
        color: #666;
        width: 100%;
        text-indent: -2.8rem;
    }
    .usage-area.card .mypage-card-info{
        display: block;
        height: auto;
        margin: 4rem 0 0 0;
        padding: 2.5rem 2.5rem 2.5rem;
        text-align: center;
        border-left:none;
        background: #fbfbfb;
    }
    .usage-area.card .mypage-card-info li {
        margin-bottom: 1.4rem;
    }
    .usage-area.card .mypage-card-info::before{
        display: none;
    }
    .usage-area.card .mypage-card-box {
        margin-left: 0;
        width: 100%;
    }
    .member-wrap .mypage-card-img-box.name .member-img{
        top: 13px;
        right: 14px;
        width: 4.8rem;
        height: 6rem;
    }
    /* layerpop - 회원카드 보기 */
    .popup-wrap .mypage-card-area{
        margin-top: 0;
    }
    .popup-wrap .mypage-card-info{
        margin: 2.5rem 0;
    }
    .popup-wrap .mypage-card-info .card-name{
        font-size: 1.8rem;
    }
    .popup-wrap .mypage-card-info .card-number{
        display: block;
        margin: .7rem 0 0 0;
        font-size: 2rem;
        line-height: 1.3;
    }
    .popup-wrap .mypage-card-info .card-date{
        margin-top: 2.1rem;
        font-size: 1.4rem;
    }
    .popup-wrap .mypage-card-area .mypage-card-img-box{
        margin: 0 auto;
        width: 100%;
        height: 188px;
    }
    .popup-wrap .mypage-card-area .mypage-card-img-box .img-wrap{
        margin: 0 auto;
        max-width: 325px;
        height: 188px;
        position: relative;
    }
    .popup-wrap .mypage-card-area .mypage-card-img-box .img-wrap img{
        top: 1.8rem;
        right: 1.8rem;
        width: 6.9rem;
        height: 8.6rem;
    }

    /* 제휴사 패키지 */
    .search-box.rwd .search-inner .grid-area .colum.col-4.colum-add,
    .search-box.rwd .search-inner .grid-area .colum.col-4.colum-add {
        margin-top: 1rem;
    }
    .grid-area.col-sm-push .colum-add.affi-sel.hide{
        display: none;
    }
    .grid-area.col-sm-push .colum-add.affi-sel{
        display: block;
    }

    /* 쿠폰함 쿠폰등록 */
    .title-area.rwd .page-desc {
        margin-top: 2rem;
        margin-bottom: -1rem;
    }
    .btn-wrap {
        margin-top: 2rem;
    }

    /* 0823 회원카드보기, 쿠폰 상세보기 app 화면 */
    #member-card-pop .popup-wrap .popup-content:after,
    #coupon-pop-1 .popup-wrap .popup-content:after {
        content: '';
        height: 30px;
        display: block;
    }

    /* 퍼블 확인용 */
    .popup-wrap .barcode .mob-view img{
        max-width: 100%;
    }

	/* 20240513 마이페이지 요금표 다운로드버튼 2개 일때 */
	.member-input-area .btn-box {
		width: 100%;
		flex-direction: column;
		float: none;
	}
}