@charset "utf-8";

/* main-popup */
.popup{border-radius: 15px;overflow: hidden;}
.popup .popup-contents{background: #fff;}
.popup a{display:block;}
.popup img{display:block;}
.popup .popup-bottom{display: flex;}
.popup .popup-bottom button{display:inline-block;padding: 15px 5px;width:30%;color:#fff;text-align: center;background: #1e4ba0;font-size: 13px;}
.popup .popup-bottom button:first-child{width:70%;background:#777;}

.movie-popup{display: none;position: fixed;top:0;left:0;width:100%;height:100%;z-index: 1000;}
.movie-popup .video-wrap{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);background: #fff;width:100%;max-width: 1000px;height:100%;max-height:600px;z-index: 1000;}
.movie-popup .close-popup{position: fixed;top:40px;right:40px;
    z-index: 1000;}

/* 비밀글 레이어 */

.layer-password{position: fixed;top:0;left:0;width:100%;height:100%;z-index:1000;line-height: normal;}
.layer-password .layer-password-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:500px;background: #fff;padding:20px 50px;border-radius: 15px;}
.layer-password .layer-password-wrap .layer-body{padding:20px;}
.layer-password .layer-password-wrap .layer-body .form-wrap{text-align: center;font-size:0;}

.layer-password .layer-password-wrap .layer-body .form-wrap input[type="password"]{padding:0 10px;width:270px;vertical-align: top;height:40px;border:1px solid #dbdbdb;}
.layer-password .layer-password-wrap .layer-body .form-wrap .button{line-height: 38px;border-radius:0;width:80px;font-size:12px;vertical-align: top;}
.layer-password .layer-password-wrap .layer-body .layer-password-close{position:absolute;top:10px;right:20px;width:35px;height:35px;overflow: hidden;text-indent: -99999px;}
.layer-password .layer-password-wrap .layer-body .layer-password-close:before{content: "";position:absolute;top:0;left:0;display:inline-block;width:32px;height:32px;background: url("/_public/images/@draft/sp_ico.png") no-repeat;background-size: 490px;background-position: -224px -20px;}

@media all and (max-width:1024px) {
    .movie-popup .close-popup{top:20px;right:20px;width:40px;height:40px;}
    .movie-popup .video-wrap{max-width:95%;height:auto;}
}