/*
 * LG 영상공모전 연계 배너
 * - 데스크톱: 히어로 우측 상단의 자연스러운 이미지 배너
 * - 모바일/태블릿: 페이지 최상단의 붉은색 링크 바
 * - position:fixed를 사용하지 않아 스크롤하면 콘텐츠와 함께 지나갑니다.
 */

.festival-v2-page{
    position:relative;
}

.lgvideo-promo{
    position:absolute;
    z-index:20;
    top:24px;
    right:24px;
    width:clamp(148px,10.2vw,190px);
    margin:0;
}

.lgvideo-promo > a{
    display:block;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.28);
    border-radius:15px;
    background:#ed234b;
    box-shadow:0 18px 45px rgba(0,0,0,.25);
    text-decoration:none;
    transform:translateZ(0);
    transition:transform .2s ease, box-shadow .2s ease;
}

.lgvideo-promo > a:hover{
    transform:translateY(-3px);
    box-shadow:0 24px 55px rgba(0,0,0,.32);
}

.lgvideo-promo img{
    display:block;
    width:100%;
    height:auto;
    margin:0;
}

.lgvideo-promo-mobile{
    display:none;
}

@media(max-width:1360px) and (min-width:1025px){
    .lgvideo-promo{
        top:18px;
        right:18px;
        width:142px;
    }
}

/* 작은 노트북에서는 본문과 겹치지 않도록 상단 바 형태로 전환 */
@media(max-width:1024px){
    .lgvideo-promo{
        position:relative;
        top:auto;
        right:auto;
        z-index:30;
        width:100%;
    }

    .lgvideo-promo > a{
        overflow:visible;
        border:0;
        border-radius:0;
        box-shadow:none;
    }

    .lgvideo-promo > a:hover{
        transform:none;
        box-shadow:none;
    }

    .lgvideo-promo img{
        display:none;
    }

    .lgvideo-promo-mobile{
        display:flex;
        align-items:center;
        justify-content:center;
        min-height:58px;
        padding:13px 20px;
        background:#e92048;
        color:#fff;
        font-size:14px;
        line-height:1.2;
        letter-spacing:-.025em;
    }

    .lgvideo-promo-mobile strong{
        font-size:15px;
        font-weight:900;
    }

    .lgvideo-promo-mobile > span{
        margin-left:10px;
        padding-left:10px;
        border-left:1px solid rgba(255,255,255,.45);
        font-weight:750;
    }

    .lgvideo-promo-mobile i{
        margin-left:9px;
        font-size:16px;
        font-style:normal;
        font-weight:900;
    }
}

@media(max-width:430px){
    .lgvideo-promo-mobile{
        min-height:54px;
        padding:12px 13px;
        font-size:12px;
    }

    .lgvideo-promo-mobile strong{
        font-size:13px;
    }

    .lgvideo-promo-mobile > span{
        margin-left:7px;
        padding-left:7px;
    }

    .lgvideo-promo-mobile i{
        margin-left:6px;
    }
}

@media(prefers-reduced-motion:reduce){
    .lgvideo-promo > a{
        transition:none;
    }
}