@charset 'UTF-8';

* {
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: "Montserrat", "Pretendard", Arial, dotum, "sans-serif";
    -webkit-text-size-adjust: none;
    text-decoration: none;
}

@font-face {
    font-family: "Montserrat";
    font-weight: 200;
    font-display: swap;
    font-style: normal;
    src: local("Montserrat Thin"), url("/css/mobile/vip/font/Montserrat-Thin.woff2") format("woff2"), url("/css/mobile/vip/font/Montserrat-Thin.woff") format("woff");
}
@font-face {
    font-family: "Montserrat";
    font-weight: 300;
    font-display: swap;
    font-style: normal;
    src: local("Montserrat Light"), url("/css/mobile/vip/font/Montserrat-Light.woff2") format("woff2"), url("/css/mobile/vip/font/Montserrat-Light.woff") format("woff");
}
@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-display: swap;
    font-style: normal;
    src: local("Montserrat Regular"), url("/css/mobile/vip/font/Montserrat-Regular.woff2") format("woff2"), url("/css/mobile/vip/font/Montserrat-Regular.woff") format("woff");
}
@font-face {
    font-family: "Montserrat";
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: local("Montserrat Medium"), url("/css/mobile/vip/font/Montserrat-Medium.woff2") format("woff2"), url("/css/mobile/vip/font/Montserrat-Medium.woff") format("woff");
}
@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: "bold";
    font-display: swap;
    src: local("Montserrat Bold"), url("/css/mobile/vip/font/Montserrat-Bold.woff2") format("woff2"), url("/css/mobile/vip/font/Montserrat-Bold.woff") format("woff");
}
@font-face {
    font-family: "Montserrat";
    font-weight: 800;
    font-display: swap;
    font-style: "bold";
    src: local("Montserrat ExtraBold"), url("/css/mobile/vip/font/Montserrat-ExtraBold.woff2") format("woff2"), url("/css/mobile/vip/font/Montserrat-ExtraBold.woff") format("woff");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 100;
    font-display: swap;
    font-style: normal;
    src: local("Pretendard Thin"), url("/css/mobile/vip/font/Pretendard-Thin.woff2") format("woff2"), url("/css/mobile/vip/font/Pretendard-Thin.woff") format("woff");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 200;
    font-display: swap;
    font-style: normal;
    src: local("Pretendard ExtraLight"), url("/css/mobile/vip/font/Pretendard-ExtraLight.woff2") format("woff2"), url("/css/mobile/vip/font/Pretendard-ExtraLight.woff") format("woff");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 300;
    font-display: swap;
    font-style: normal;
    src: local("Pretendard Light"), url("/css/mobile/vip/font/Pretendard-Light.woff2") format("woff2"), url("/css/mobile/vip/font/Pretendard-Light.woff") format("woff");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    font-display: swap;
    font-style: normal;
    src: local("Pretendard Regular"), url("/css/mobile/vip/font/Pretendard-Regular.woff2") format("woff2"), url("/css/mobile/vip/font/Pretendard-Regular.woff") format("woff");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: local("Pretendard Medium"), url("/css/mobile/vip/font/Pretendard-Medium.woff2") format("woff2"), url("/css/mobile/vip/font/Pretendard-Medium.woff") format("woff");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: local("Pretendard SemiBold"), url("/css/mobile/vip/font/Pretendard-SemiBold.woff2") format("woff2"), url("/css/mobile/vip/font/Pretendard-SemiBold.woff") format("woff");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    font-style: "bold";
    font-display: swap;
    src: local("Pretendard Bold"), url("/css/mobile/vip/font/Pretendard-Bold.woff2") format("woff2"), url("/css/mobile/vip/font/Pretendard-Bold.woff") format("woff");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 800;
    font-display: swap;
    font-style: "bold";
    src: local("Pretendard ExtraBold"), url("/css/mobile/vip/font/Pretendard-ExtraBold.woff2") format("woff2"), url("/css/mobile/vip/font/Pretendard-ExtraBold.woff") format("woff");
}

body{
    overflow:visible;
    min-width:320px;
}

div, p, span, dt, dd, li, label{font-family: "Montserrat", "Pretendard", Arial, dotum, "sans-serif"; font-size: 14px; font-weight: 400; color: #171A19; line-height: 1.5; letter-spacing: -0.25px;}
img{vertical-align:top;}

.hidden{position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; -webkit-clip-path: polygon(0 0, 0 0, 0 0); clip-path: polygon(0 0, 0 0, 0 0);}

/* 앵커탭 */
.yp-anchor-tab-mo{width:100%;display:flex;position:sticky;top:0;left:0;z-index:10;background:url("/img/mobile/vip/clubYP/tab_mo.jpg") no-repeat; background-position:0 0;background-size:100%;aspect-ratio: 375/56;}
.yp-anchor-tab-mo .yp-tab-item-mo{flex:1; position:relative;}
.yp-anchor-tab-mo .yp-tab-item-mo a{display:block; width:100%; height:100%;}
.yp-anchor-tab-mo .yp-tab-item-mo a span{position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}

.yp-anchor-tab-mo.tab00{background:url("/img/mobile/vip/clubYP/tab_mo_v2.jpg") no-repeat; background-position:0 0%;background-size:100%;}
.yp-anchor-tab-mo.tab01{background:url("/img/mobile/vip/clubYP/tab_mo_v2.jpg") no-repeat; background-position:0 33.3%;background-size:100%;}
.yp-anchor-tab-mo.tab02{background:url("/img/mobile/vip/clubYP/tab_mo_v2.jpg") no-repeat; background-position:0 66.6%;background-size:100%;}
.yp-anchor-tab-mo.tab03{background:url("/img/mobile/vip/clubYP/tab_mo_v2.jpg") no-repeat; background-position:0 100%;background-size:100%;}

.yp-2025 .yp-anchor-tab-mo{width:100%;display:flex;position:sticky;top:0;left:0;z-index:10;background:url("/img/mobile/vip/clubYP/new_tab_mo.jpg") no-repeat; background-position:0 0;background-size:100%;aspect-ratio: 375/56;}
.yp-2025 .yp-anchor-tab-mo .yp-tab-item-mo{flex:1; position:relative;}
.yp-2025 .yp-anchor-tab-mo .yp-tab-item-mo a{display:block; width:100%; height:100%;}
.yp-2025 .yp-anchor-tab-mo .yp-tab-item-mo a span{position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}

.yp-2025 .yp-anchor-tab-mo.tab00{background:url("/img/mobile/vip/clubYP/new_tab_mo.jpg") no-repeat; background-position:0 0%;background-size:100%;}
.yp-2025 .yp-anchor-tab-mo.tab01{background:url("/img/mobile/vip/clubYP/new_tab_mo.jpg") no-repeat; background-position:0 33.3%;background-size:100%;}
.yp-2025 .yp-anchor-tab-mo.tab02{background:url("/img/mobile/vip/clubYP/new_tab_mo.jpg") no-repeat; background-position:0 66.6%;background-size:100%;}
.yp-2025 .yp-anchor-tab-mo.tab03{background:url("/img/mobile/vip/clubYP/new_tab_mo.jpg") no-repeat; background-position:0 100%;background-size:100%;}

/* 타이틀 */
.yp-section-title h4{color: #fff;font-size: 11.74vw;font-weight: 200;position: relative;text-shadow: 0 0 6px rgba(255, 255, 255, 0.5);line-height: 115%;text-align: center;word-break: keep-all;}
.yp-section-title h4 span{color: #fff;font-size: 12.266vw;font-weight: 200;position: absolute;filter: blur(1px);left: 50%;letter-spacing: -1.4px;opacity: 0.6;line-height: 110%;transform: translate(calc(-50% + -0.5px), 0);width: 100%;top:0;text-align: center;word-break: keep-all;}
.yp-section-title .badge{display:inline-block;border-radius:99px;border:1px solid #fff;padding: 5px 0 3px; width:34px; color:#fff;margin-bottom: 12px; text-align: center;font-size: 12px;font-family: "Pretendard";font-weight: 200; box-sizing:border-box; line-height:1;}
.yp-section-title .desc{color:#fff;font-size: 1rem;margin-top: 8px;font-weight: 200;word-break: keep-all;text-align: center;font-family: "Pretendard";}
.yp-section-title .desc span{display:block;}
.yp-section-title .eyebrow{margin-bottom: 16px;height: 16px;}
.yp-section-title .eyebrow img{width:auto; height:100%;}
.yp-section-title .desc .gray_box{background:rgba(17, 17, 17, 0.7); padding: 16px 20px; margin-top:24px; color:#fff; font-size:12px;}

/* 슬라이드 */
.swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.swiper-button-next, .swiper-button-prev{width: 40px;height: 40px;background:rgba(255,255,255,0.6);border-radius:50%;top: calc(50% - 20px);margin-top: 0;}
.swiper-button-next{right: 10px;}
.swiper-button-prev{left: 10px;}
.swiper-button-next:after{background:url("/img/mobile/vip/clubYP/arrow_next.png") no-repeat;font-size: 0;width: 5px;height: 10px;background-size: 100%;}
.swiper-button-prev:after{background:url("/img/mobile/vip/clubYP/arrow_prev.png") no-repeat;font-size: 0;width: 5px;height: 10px;background-size: 100%;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#FF5100;}
.swiper-pagination-progressbar.swiper-pagination-horizontal{width: 94%;bottom: 20px;top: auto;left: 50%;transform: translate(-50%, 0);height: 2px;background:#ccc;}

/* 인트로 */
.yp-intro-video{position:relative;width:100%; min-height:calc(100svh - calc(375vw / 25.11));}
.yp-intro-video video{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.yp-intro-video .yp-intro-text{width:100%;height:100%; background:linear-gradient(0deg, rgba(17, 17, 17, 0.5) 10%, transparent);}
.yp-intro-video .yp-intro-text .yp-intro-title{position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%);width: 70%;font-size: 0.875rem; font-weight: 500; font-family: "Pretendard";text-shadow:0 0 2px rgba(17, 17, 17, 0.25)}
.yp-intro-video .yp-intro-text .yp-intro-title img{width: 94.25%; margin: 0 auto 32px; display: block;}
.yp-intro-video .yp-intro-text .yp-intro-title span{display:block; color:#fff; margin-top:32px;font-family: "Pretendard";text-shadow:0 0 2px rgba(17, 17, 17, 0.25)}
.yp-intro-video .yp-intro-text p{color:#fff; font-size: 20px; font-weight: 500; letter-spacing: -0.2px; margin-top: 28px; line-height: 34px;}
.yp-intro-video .yp-intro-text p.period{margin-top:32px;}
.yp-intro-title .yp_text_year{width: 100%;}
.yp-intro-title .yp_text_clubyp{display:block; width:251px;}
.yp-intro-video .yp-intro-scroll{position:absolute;bottom:60px;left:50%;transform:translate(-50%, 0);text-align:center;width: 10px;height: 48px;}
.yp-intro-video .yp-intro-scroll img{margin-left:-10px;animation: scroll-down 1.5s infinite;width: 100%;}
.yp-intro-video .yp-intro-scroll span{margin-top:9px; display:block; color:#fff;}

@keyframes scroll-down{
    0%{transform: translateY(-30%);}
    50%{transform: translateY(0%);}
    100%{transform: translateY(-30%);}
}

/* scaleup */
.yp-zoom-box{position: relative; width: 100%; min-height:calc(100vh - calc(375vw / 25.11));}
.yp-intro-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;color:#fff;width: 100%;}
.yp-full-title{transform: scale3d(0.8, 0.8, 0.8);line-height: 1;}
.yp-full-title img{vertical-align:top;width: 100%;}
.yp-full-title.is_zoom{transform: scale3d(1, 1, 1); transition: 1.5s;}
.yp-intro-text p{color:#fff;font-size: 1rem;margin-top: 8px;font-family: "Pretendard";}

.yp-content-title-box{height:0;padding-bottom:100%;box-sizing:border-box;position:relative;}
.yp-content-title-box .box-position{width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:0 20px; box-sizing:border-box; text-align:center;}

/* 아코디언 */
.yp-accordion-wrap{background:#111;padding: 40px 20px 80px;width: 100%;box-sizing: border-box;}
.yp-accordion-wrap .yp-accordion-desc .desc{color:#fff;font-size:4.8vw;font-weight:200;line-height:1.5;padding-top:20px;word-break:keep-all;font-family: "Pretendard";}
.yp-accordion-wrap .yp-accordion-desc dl{margin-top:20px;}
.yp-accordion-wrap .yp-accordion-desc dl dt{color:#fff;font-size:3.734vw;font-weight: 500;}
.yp-accordion-wrap .yp-accordion-desc dl dd{color:#999;margin-top:2px;font-size:3.734vw;font-weight:300;word-break: keep-all;font-family: "Pretendard";}
.yp-accordion-wrap .yp-accordion-desc dl dd.indent{text-indent: -7px;margin-left: 7px;}
.yp-accordion-wrap .yp-accordion-desc + .yp-accordion{margin-top:40px;}
.yp-accordion-wrap .yp-accordion-img{width:100%;}
.yp-accordion-wrap .yp-accordion-img img{width:100%;}
.yp-accordion-img + .yp-accordion{margin-top:40px;}
.yp-accordion{width:100%;}
.yp-accordion + .yp-accordion{margin-top:24px;}
.yp-accordion + .btn-link{margin-top:60px;}
.yp-accordion .yp-accordion-title{font-family:"Pretendard";font-weight: 500;color:#fff;font-size:4.267vw;padding:20px 0;border-bottom: 1px solid #333;display: flex;}
.yp-accordion .yp-accordion-title::after{content:'';width:24px;height:24px;display:inline-block;background:url("/img/mobile/vip/clubYP/arrow_top.png") no-repeat;background-size:100%;transform: rotate(180deg);margin-left: auto;}
.yp-accordion .yp-accordion-title span{color: #999; font-size: 12px; margin-left: 8px; line-height: 24px;}
.yp-accordion .yp-accordion-content{display:none; padding-top:24px;}
.yp-accordion .yp-accordion-content img{width:100%;}

.yp-accordion.active .yp-accordion-content{display:block;}
.yp-accordion.active .yp-accordion-title::after{transform: rotate(0deg);}

.yp-accordion + .accordion-tail{margin-top:24px;}
.accordion-tail + .yp-accordion{margin-top:40px;}
.accordion-tail img{width:100%;}

.btn-link{display: inline-block;}
.btn-link img{width:100%;}



/* 시그니처 */
.yp-signature-wrap .yp-intro-text{width:80%;}
.yp-zoom-box video{position: absolute;top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.yp-signature-info{width:100%;}
.yp-signature-info .yp-section-title h4{font-size:8.533vw; font-family:"Pretendard";}
.yp-signature-info .yp-section-title h4 span{font-size:8.8vw;opacity: 0.3;letter-spacing: -1px; font-family:"Pretendard";}
.yp-info-left{width: 100%;padding: 80px 20px 0;box-sizing: border-box;background: #111;}
.yp-yphaus-slide{width:100%;height:100%;margin-top: 40px;}


.yp-yphaus-info{width:50%; display: flex; align-items: center;}

.yp-yphaus-info .black-box{background:#111;width:100%;height:100%;display:flex;align-items:center;justify-content: center;}
.yp-yphaus-info .black-box img{}
.black-box .info-area{flex:1;}
.info-area .info-detail{padding:32px 0;}
.info-area .info-detail + .info-detail{border-top:1px solid #333;}
.info-flex{display:flex;}
.yp-yphaus-info .info-area .info-detail.info-flex div{flex:1;}

.yp-signature-yphaus{background-image:linear-gradient(0deg, #111 18%, #FF5100 100%);background-position:center top;background-size:cover;padding: 80px 20px;}
.yp-signature-yphaus .yp-yphaus{line-height: 1;margin-top: 40px;}

.yp-signature-yphaus .yp-yphaus video{height: 100%;width: 100%;object-fit: cover;}

.yp-signature-sage{width:100%;}
.yp-signature-sage .yp-content-title-box{ background:url('/img/mobile/vip/clubYP/sagelounge_bg_mo.jpg') no-repeat; background-position:center center; background-size:cover;}
.yp-signature-sage .yp-section-title h4, .yp-signature-sage .yp-section-title h4 span{font-size: 8.5333vw;font-family:'Pretendard';text-align:center;letter-spacing: 0px;word-break: keep-all;line-height: 44px;font-weight: 100;}
.yp-signature-sage .yp-section-title h4 span{opacity:0.6;}
.yp-signature-sage .info-flex{margin-top:100px; gap:40px;}
.yp-signature-sage .black-box{width:780px; background:#111; padding:60px; box-sizing:border-box; flex:1;}

.yp-signature-tour{padding: 80px 20px;box-sizing:border-box;background:url('/img/mobile/vip/clubYP/yphaus_vr_bg_mo.jpg') no-repeat;background-position:center center;background-size:cover;width:100%;min-height:calc(100vh - calc(375vw / 25.11));}
.yp-signature-tour::after{content:''; display:block; clear:both; overflow:hidden;}
.yp-vrtour-link-wrap{margin-top:40px;}
.yp-vrtour-link-wrap img{width:100%;}

.yp-link-branch + .yp-link-branch{margin-top:20px;}
.yp-link-branch p{margin-top: 12px;color: #fff;font-size: 0.875rem;text-align: center;font-family: "Pretendard";font-weight: 200;}

.yp-signature-sweet .yp-content-title-box{background:url("/img/mobile/vip/clubYP/new_sweet_bg_mo.png");background-position:center center;background-repeat: no-repeat;background-size: cover;}
.yp-signature-sweet .yp-accordion-content .yp-yphaus-slide{margin-bottom: 48px;}

.yp-signature-sweet .sweet-notice{margin-top: 80px;}
.yp-signature-sweet .sweet-notice img{width: 100%;}

.yp-signature-night .yp-content-title-box{background:url("/img/mobile/vip/clubYP/new_night_bg_mo.png");background-position:center center;background-repeat: no-repeat;background-size: cover;}
.yp-signature-night .overview{margin-top:80px;}

.yp-signature-gift{width:100%;position:relative;box-sizing:border-box;}
.yp-signature-gift .yp-content-title-box{background:url("/img/mobile/vip/clubYP/welcome_bg_mo.jpg");background-position:center center;background-repeat: no-repeat;background-size: cover;}
.yp-signature-gift .yp-accordion-wrap{padding:40px 20px 80px;}
.yp-signature-gift .accordion-tail{position:relative;}
.yp-signature-gift .btn_welcome_gift{position: absolute; bottom: 7.4%; width: 57%; height: 14%; left: 7%;}

.yp-signature-spec{width:100%;min-height:calc(100vh - calc(375vw / 25.11));background:url("/img/mobile/vip/clubYP/giftinfo_bg.jpg");display:flex;align-items:center;justify-content:center;position: relative;overflow:hidden;padding: 10.4% 0;box-sizing: border-box;background-size: cover;background-position: center center;}
.yp-signature-spec .black-box{width:1384px; padding:60px; background:#111; display:flex; gap:60px; align-items:center;}
.yp-signature-spec .black-box .product-images{flex:1; text-align:center;}
.yp-signature-spec .black-box .product-spec-area{flex:1;}
.spec-title{font-family:'Pretendard';font-size:20px; line-height:34px; color:#fff; margin-bottom:32px;}
.product-spec-detail{border-top:1px solid rgba(255, 255, 255, 0.2); padding:32px 0; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.product-spec-detail > div{display:flex; gap:40px;}
.product-spec-detail > div + div{margin-top:12px;}
.product-spec-detail dt{width: 110px; font-size:16px; line-height:24px; color:#999999;}
.product-spec-detail dd span{font-size:16px; line-height:24px; color:#fff;}
.product-spec-detail dd span + span::after{content:''; display:inline-block; width:1px; height:16px; background:#555;}
.yp-signature-spec .note{margin-top:40px; font-size:16px; color:#777; line-height:25px;}

.yp-flow-wrap{position: absolute;left:0;bottom: 0;display:flex;width: 100%;overflow: hidden;}
.yp-flow-banner{display:flex;background:#000;font-size:0;animation: rolling 50s linear infinite;width: 1480px;}
.yp-flow-banner:last-child{background:#000;font-size:0;animation: rolling02 50s linear infinite;}
.yp-flow-banner span{width: 124px;height: 12px;box-sizing:border-box;margin: 8px 12px;background:url('/img/mobile/vip/clubYP/collabo_banner_mo.png') no-repeat;display: inline-block;background-position: center center;background-size: 100%;}

@keyframes rolling {
    0%{transform:translateX(0);}
    50%{transform:translateX(-100%);}
    50.01%{transform:translateX(100%);}
    100%{transform:translateX(0%);}
}

@keyframes rolling02 {
    0%{transform:translateX(0%);}
    100%{transform:translateX(-200%);}
}

.yp-signature-curation{width:100%;}
.yp-signature-curation .yp-content-title-box{background:url("/img/mobile/vip/clubYP/curation_bg_mo.jpg") no-repeat;background-position:center center;background-size:cover;box-sizing: border-box;}
.yp-signature-curation .yp-section-title{}

.yp-curation-content{padding: 40px 20px 0;background:#111;}
.yp-curation-slide .swiper-slide .curation_branch{text-align:right;color:#fff;font-size: 12px;margin-top: 12px;font-family: "Pretendard";}
.yp-curation-slide .swiper-pagination{bottom: 50px;}

/* 인더현대 */
.yp-inthehyundai-wrap{width:100%; position:relative;}
.yp-inthehyundai-wrap .yp-zoom-box{background:url('/img/mobile/vip/clubYP/yp_inthehyundai_bg_mo.jpg') no-repeat;background-position:center center;background-size:cover;}
.yp-inthehyundai-wrap .yp-full-title{width: 65%;margin:0 auto;}

.yp-inthehyundai-valet{width:100%;}
.yp-inthehyundai-valet .yp-content-title-box{background:url("/img/mobile/vip/clubYP/valet_bg_mo.jpg") no-repeat;background-position:center center;background-size:cover;box-sizing: border-box; text-align:center;}
.yp-inthehyundai-valet .yp-accordion-content{position:relative;}
.yp-inthehyundai-valet .yp-accordion-content .btn_valet{position:absolute; bottom: -2%; left: 0; height: 11%; width: 55%;}

.yp-inthehyundai-card{width:100%;}
.yp-inthehyundai-card .yp-content-title-box{background:url("/img/mobile/vip/clubYP/instore_voucher_bg02_mo.jpg") no-repeat;background-position:center center;background-size:cover;text-align:center;}
.yp-inthehyundai-card .yp-content-title-box .notice{margin-top:24px; padding:16px 20px; background:rgba(17, 17, 17, 0.55);}
.yp-inthehyundai-card .yp-content-title-box .notice li{color:#fff; font-size:12px;}
.yp-inthehyundai-card .yp-content-title-box .notice li + li{margin-top:8px;}
.yp-inthehyundai-card .yp-accordion-content{position:relative;}
.yp-inthehyundai-card .btn_vip_discount{position:absolute; top: 23%; left: 0; width: 24%; height: 10%;}

.yp-inthehyundai-voucher01{width:100%;}
.yp-inthehyundai-voucher01 .yp-content-title-box{background:url("/img/mobile/vip/clubYP/instore_voucher_bg01_mo.jpg") no-repeat;background-position:center center;background-size:cover; text-align:center;}
.yp-inthehyundai-voucher01 .yp-accordion-desc .desc{display:flex; gap:5%;}
.yp-inthehyundai-voucher01 .btn-link{display: block; flex: 1 0 33.433%;}

.yp-inthehyundai-voucher02{width:100%;}
.yp-inthehyundai-voucher02 .yp-content-title-box{background:url("/img/mobile/vip/clubYP/shopping_voucher_bg_mo.jpg") no-repeat;background-position:center center;background-size:cover;box-sizing: border-box; text-align:center;}
.yp-inthehyundai-voucher02 .yp-content-row{gap:100px;}
.yp-inthehyundai-voucher02 .yp-content-column{/* flex:1; */display: flex;flex-direction: column;width: 840px;/* height: 100%; */}
.yp-inthehyundai-voucher02 .yp-section-info{margin-top: auto;}
.yp-inthehyundai-voucher02 .yp-section-info img{width:100%;}

.yp-inthehyundai-offer{width:100%;}
.yp-inthehyundai-offer .yp-content-title-box{background:url("/img/mobile/vip/clubYP/special_offer_bg_mo.jpg") no-repeat;background-position:center center;background-size:cover;box-sizing: border-box;text-align:center;}

.yp-inthehyundai-styleH{width:100%;}
.yp-inthehyundai-styleH .yp-content-title-box{background:url("/img/mobile/vip/clubYP/styleH_bg_mo.jpg") no-repeat;background-position:center center;background-size:cover;}

/* 플러스 */
.yp-plus-wrap{width:100%; min-height:calc(100vh - calc(375vw / 25.11));}
.yp-plus-wrap .yp-zoom-box{background:url('/img/mobile/vip/clubYP/yp_plus_bg_mo.jpg') no-repeat; background-position:center center; background-size:cover;}
.yp-plus-wrap .yp-full-title{width:48%; margin:0 auto;}

.yp-plus-checkin{width:100%;}
.yp-plus-checkin .yp-content-title-box{background:url("/img/mobile/vip/clubYP/check_in_bg_mo.jpg") no-repeat;background-position:center center;background-size:cover;box-sizing: border-box;}
.yp-plus-checkin .yp-content-title-box .box-position{padding:0;}

.yp-plus-benefit{width:100%;}
.yp-plus-benefit .yp-content-title-box{background:url("/img/mobile/vip/clubYP/vip_benefit_bg_mo.jpg") no-repeat;background-position:center center;background-size:cover;}

/* 2024 vip guide */
.yp-guide-wrap{width:100%;}
.yp-guide-wrap .yp-zoom-box{background:url('/img/mobile/vip/clubYP/yp_vip_guide_bg_mo.jpg') no-repeat; background-position:center center; background-size:cover;}
.yp-guide-wrap .yp-full-title{width:68%; margin:0 auto;}

.yp-guide-mileage{width:100%;}
.yp-guide-mileage .yp-content-title-box{background:url("/img/mobile/vip/clubYP/mileage_bg_mo.jpg") no-repeat;background-position:center center;background-size:cover;}

.yp-guide-reward{width:100%;}
.yp-guide-reward .yp-content-title-box{background:url("/img/mobile/vip/clubYP/reward_bg_mo.jpg") no-repeat;background-position:center center;background-size:cover;}
.yp-guide-reward .yp-section-info{position:relative;}
.yp-guide-reward .btn-link{width: 82%;margin-top: 20px;}

.yp-guide-standard{width:100%;}
.yp-guide-standard .yp-section-title h4, .yp-guide-standard .yp-section-title h4 span{font-family:"Pretendard"}
.yp-guide-standard .yp-content-title-box{background:url("/img/mobile/vip/clubYP/standard_bg_mo.jpg") no-repeat;background-position:center center;background-size:cover;}

.yp-guide-caution{width:100%;min-height:calc(100vh - calc(375vw / 25.11));padding: 0 20px;background: url("/img/mobile/vip/clubYP/caution_bg_mo.jpg") no-repeat;background-position:center center;background-size:cover;box-sizing: border-box;text-align: center;display:flex;flex-direction:column;align-items:center;justify-content: center;gap: 60px;}
.yp-guide-caution .desc{color:#fff;font-size: 1rem;line-height: 1.7;word-break: keep-all;font-weight: 300;font-family: 'Pretendard';}
.yp-guide-caution a{width:50%;display: block;margin: 60px auto 0;}
.yp-guide-caution a img{width:100%;}


/* 애니메이션 */
.animation{opacity:0;}
.animation.bottom{transform:translate3d(0, 120px, 0); transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out;}
.animation.is_active{opacity:1; transform:translate3d(0, 0, 0); transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out;}

/* 2025 추가 */
.yp-accordion-wrap dl + .overview{margin-top:40px; position:relative;}
.yp-accordion-wrap .overview img{width:100%;}
.yp-accordion-wrap .overview .tel_hotel{position: absolute; top: 11.3%; width: 31%; height: 2%; display: inline-block; right: 13%;}

.yp-plus-hotel .yp-hotel-bg{position:relative;}
.yp-plus-hotel .yp-hotel-bg .yp-content-title-box{background:none; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%;}

.yp-2025 .yp-inthehyundai-voucher02 .yp-content-title-box{background:url("/img/mobile/vip/clubYP/2025/mo/shopping_voucher_bg_mo.jpg") no-repeat; background-position: center center; background-size: cover;}
.yp-plus-global .yp-content-title-box.bg1{background:url("/img/mobile/vip/clubYP/2025/mo/global_bg_singapore.jpg") no-repeat; background-position: center center; background-size: cover; transition:all ease-in-out 0.5s;}
.yp-plus-global .yp-content-title-box.bg2{background:url("/img/mobile/vip/clubYP/2025/mo/global_bg_thailand.jpg") no-repeat; background-position: center center; background-size: cover; transition:all ease-in-out 0.5s;}
.yp-plus-global .desc_tab{display:none; color: #fff; font-size: 4.8vw; font-weight: 200; line-height: 1.5; padding-top: 20px; word-break: keep-all; font-family: "Pretendard";}
.yp-plus-global .desc_tab.on{display:block;}
.yp-plus-global .tab_wrap .tab_list{display:flex; align-items:center; justify-content:center; margin:40px 0;}
.yp-plus-global .tab_wrap .tab_list .tab_item{width:200px; height:44px; background:rgba(255, 255, 255, 0.15);}
.yp-plus-global .tab_wrap .tab_list .tab_item a{display:block;text-align: center; font-family: "Pretendard"; font-size: 1rem; font-style: normal; font-weight: 600; letter-spacing: -0.2px; line-height:46px; color:rgba(255, 255, 255, 0.5);}
.yp-plus-global .tab_wrap .tab_list .tab_item.on{background:#111; border:1px solid #fff; box-sizing:border-box; height:46px;}
.yp-plus-global .tab_wrap .tab_list .tab_item.on a{display:block; color: #FFF; text-align: center; font-family: "Pretendard"; font-size: 1rem; font-style: normal; font-weight: 600; letter-spacing: -0.2px; line-height:46px;}
.yp-plus-global .tab_wrap .tab_content{display:none;}
.yp-plus-global .tab_wrap .tab_content.on{display:block;}
.yp-plus-global .yp-accordion-content{position:relative;}
.yp-plus-global .yp-accordion-content .btn_detail01{position:absolute; bottom: -1%; right: 43%; width: 21%; height: 9%;}
.yp-plus-global .yp-accordion-content .btn_detail02{position:absolute; bottom: -1%; left: 52%; width: 27%; height: 8%;}
.yp-plus-global .yp-accordion-content .btn_detail03{position:absolute; bottom: -3%; left: 31%; width: 22%; height: 15%;}

.yp-2025 .yp-signature-gift .yp-content-title-box{background:url("/img/mobile/vip/clubYP/2025/mo/welcome_bg.jpg") no-repeat; background-position: center center; background-size: cover;}
.yp-2025 .yp-signature-gift .swiper-button-prev::after{width:100%; height:100%; background:url("/img/mobile/vip/clubYP/arrow_prev_80_gray.png") no-repeat; background-position:center center; background-size:cover;}
.yp-2025 .yp-signature-gift .swiper-button-next::after{width:100%; height:100%; background:url("/img/mobile/vip/clubYP/arrow_next_80_gray.png") no-repeat; background-position:center center; background-size:cover;}
.yp-2025 .yp-flow-banner span{background:url("/img/mobile/vip/clubYP/2025/mo/collabo_banner.png") no-repeat; background-position: center center; background-size:100%;}

.yp-2025 .yp-curation-content .desc{font-size:4.8vw; line-height:1.5; color:#fff; font-weight:200; margin-bottom:40px;}
.yp-2025 .yp-curation-slide .swiper-slide .curation_branch{text-align:left;}
.yp-2025 .yp-curation-slide .swiper-slide .curation_branch strong{display:block; font-weight:500;}
.yp-2025 .yp-curation-slide .swiper-pagination{bottom:auto; top:calc(67.4% - 21px);}
.yp-2025 .yp-curation-slide .swiper-button-next,
.yp-2025 .yp-curation-slide .swiper-button-prev{top:calc(67.6% / 2 - 20px);}

.yp-welcome-slide + .yp-accordion{margin-top:40px;}

.yp-2025 .yp-inthehyundai-voucher01 .yp-content-title-box{background:url("/img/mobile/vip/clubYP/2025/mo/instore_voucher_bg.jpg") no-repeat;background-position:center center;background-size:cover;text-align:center;}
.yp-2025 .yp-inthehyundai-card .yp-content-title-box{background:url("/img/mobile/vip/clubYP/2025/mo/benefit_bg.jpg") no-repeat;background-position:center center;background-size:cover;text-align:center;}
.yp-2025 .yp-inthehyundai-valet .yp-content-title-box{background:url("/img/mobile/vip/clubYP/2025/mo/valet_bg.jpg") no-repeat;background-position:center center;background-size:cover;text-align:center;}

.yp-2025 .yp-flow-wrap{position:static;}
.yp-2025 .yp-plus-benefit .yp-content-title-box{background:url("/img/mobile/vip/clubYP/2025/mo/vip_benefit_bg.jpg") no-repeat;background-position:center center;background-size:cover;}

/* 앱 상단 간격 추가 */
.yp-2025.is-app {padding-top:50px;}
.yp-2025.is-app .yp-anchor-tab-mo{top:50px;}