body{
    margin:0;
    font-family:Arial, sans-serif;
}

/* 팝업 */
.popup-wrap{
    position:fixed;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    width:360px;
    background:#000;
    z-index:9999;
    box-shadow:0 0 20px rgba(0,0,0,0.5);
}

/* 영상 */
.popup-video{
    width:360px;
    height:640px;
    display:block;
    background:#000;
}

/* 하단 영역 */
.popup-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px;
    background:#fff;
    font-size:14px;
}

.popup-close{
    cursor:pointer;
    border:0;
    background:#222;
    color:#fff;
    padding:6px 12px;
}

label{
    cursor:pointer;
}

.popup-survey{
    padding:12px;
    background:#fff;
    text-align:center;
}

.survey-btn{
    display:block;
    padding:12px;
    background:#ea5404;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    border-radius:4px;
}

.survey-btn:hover{
    opacity:0.9;
}

/* 모바일 대응 */
@media (max-width:420px){

    .popup-wrap{
        width:90vw;
    }

    .popup-video{
        width:90vw;
        height:160vw;
        max-height:80vh;
    }

}