@charset "utf-8";
.master_btn {
    cursor: pointer;
    position: relative;
}
/* .master_btn:hover {
    opacity: .8;
    } */
.master_btn .abs {
    position: absolute;
    width: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: .6;
}
#master_modal {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background: rgba(200, 200, 200, 0.5);
    z-index: 70000;
}
.masterHidden {
    animation-name: masterHidden;
    animation-duration: .5s;
    }
@keyframes masterHidden {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
#master_rapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 1280px;
    width: 90%;
    z-index: 70001;
    background-color: black;
    animation: masterModal;
    animation-duration: 1.2s;
    }
    
#master_modal #master_rapper iframe {
    width: 100%;
    height: 100%;
}
@keyframes masterModal {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
#master_close {
    position: absolute;
    top: -80px;
    right: -80px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 70002;
}

@media screen and (max-width: 1400px) {
    #master_close {
        top: -50px;
        right: -40px;
    }
}
@media screen and (max-width: 700px) {
    #master_area {
        width: 90%;
        margin: 0 auto 20px;
    }
    #master_close {
        top: -50px;
        right: 0px;
    }
}