.evt_wp{overflow: hidden;}
.sub_text{font-size:16px; font-weight: 300; color:rgba(255,255,255,0.5);text-align: left; line-height:1.5;}
.inner{ width: 1200px;}
area{outline: none;}
.ev_width{display:flex;justify-content: center;}

/* 윙배너 */
.wing_banner{position:fixed;bottom: 20%;right:0;z-index:1000;}
.wing_banner a{
    display: flex;
    align-items: center;
    text-align: right;
    padding-right:24px;
    width:260px;height:58px;
    margin-top:10px;
    justify-content: right;
    color:#fff; font-size:20px; font-weight: 700;
}
.wing_banner_item_1{background:#877553;}
.wing_banner_item_2{background:#5a824b;}

.section3{margin-top:-4px;}

.section4{position: relative;}
.section4 .cursor_wrap{position: absolute; top: 81%; left: 59%;
    animation: cursor-move 1s infinite;
}
@keyframes cursor-move {
    0% { transform: translate(0, 0); }
    50% { transform: translate(10px, 10px); }
    100% { transform: translate(0, 0); }
}
.section4 .inner .cursor_wrap img{width:auto;}

.section5{position: relative;}
.section5 .inner{position: absolute;  top: 5%;left: 75%; }
/* 둥둥 애니메이션 */
.section5 .inner a img{animation: bounce 1s infinite;}
@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}
.section6{position: relative;}
.section6 .roll_text{position: absolute; top:34.5%;left:50.5%; overflow: hidden;width: 593px;}
.section6 .rolling-inner p{margin:0; display:block; text-align:center; font-size:24px;
    color:#a80000;font-weight:700; font-style:oblique;
}

/* ── section7 유튜브 롤링 ── */
.section7{position: relative;}
.section7 .youtou{
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    overflow: hidden;
    pointer-events: none;
}
.section7 .youtou_track{
    position: absolute;
    top: 45%; left: 0;
    width: 100%;
    padding: 20px 0;
    pointer-events: auto;
}
.section7 .youtou_wrap{
    display: flex;
    gap: 16px;
    width: max-content;
    animation: yt-scroll-left 28s linear infinite;
    will-change: transform;
}
.section7 .youtou_wrap:hover{
    animation-play-state: paused;
}
.section7 .yt-item{
    flex-shrink: 0;
    cursor: pointer;
}
.section7 .yt-item img{
    height: auto;
    display: block;
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.section7 .yt-item:hover img{
    transform: scale(1.1);
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
@keyframes yt-scroll-left{
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

/* ── YouTube 레이어 팝업 ── */
.yt-popup{
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}
.yt-popup.is-open{ display: flex;}
.yt-popup-inner{
    position: relative;
    width: 60%;
    max-width: 90%;
}
.yt-popup.ratio-16x9 .yt-popup-inner{
    width: 40%;
}
.yt-popup-close{
    position: absolute;
    top: -48px; right: 34%;
    background: none; border: none;
    color: #fff; font-size: 44px; line-height: 1;
    cursor: pointer; padding: 0;
}
.yt-popup-close:hover{ color: #ccc; }
.yt-popup-video{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border-radius: 8px;
    background: #000;
    aspect-ratio: 9/16;
    margin: 0 auto;
}
.yt-popup.ratio-16x9 .yt-popup-video{
    aspect-ratio: 16/9;
    padding-bottom: 0;
    height: auto;
}
.yt-popup.ratio-16x9 .yt-popup-close{
    top: -48px; right: 0;
}
.yt-popup-video iframe{
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    border: none;
}

.section8{margin-top: -5px;}

/* ── section9 ── */
.section9{ position: relative; }
.section9{position: relative;}
.section9 .inner{position: absolute;  top: 5%;left: 75%; }
/* 둥둥 애니메이션 */
.section9 .inner a img{animation: bounce 1s infinite;}

.s9-tab-btns{
    position: absolute;
    top: 29%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    pointer-events: auto;
    gap:10px;
    width: 100%;
    max-width: 1200px;
}
.s9-tab-btn{
    flex: 1;
    padding: 14px 0;
    background: #e0e0e0;
    border: none;
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
    color: #888;
    letter-spacing: -0.5px;
    transition: background 0.2s, color 0.2s;
}
.s9-tab-btn.active{
    background: #8b0000;
    color: #fff;
}
.s9-img{
    display: none;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translateX(-50%);
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    pointer-events: auto;
    width: 100%;
    max-width: 1200px;
}
.s9-img.active{
    display: grid;
}
.s9-img a{
    display: block;
}
.s9-img a img{
    width: 100%;
    display: block;
}

/* ── section10 리뷰 롤링 ── */
.section10{ position: relative; }
.section10 .roll_review{
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    overflow: hidden;
    pointer-events: none;
}
.section10 .review_track{
    position: absolute;
    top: 34%; left: 0;
    width: 100%;
    padding: 20px 0;
    pointer-events: auto;
}
.section10 .review_wrap{
    display: flex;
    gap: 16px;
    width: max-content;
    animation: yt-scroll-left 35s linear infinite;
    will-change: transform;
}
.section10 .review_wrap:hover{
    animation-play-state: paused;
}
.section10 .rv-item{
    flex-shrink: 0;
    cursor: pointer;
}
.section10 .rv-item img{
    height: auto;
    display: block;
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.section10 .rv-item:hover img{
    transform: scale(1.1);
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.section11{margin-top:-4px;}