.popup-container {
    position: absolute;
    width: 880px;
    z-index: 100;
    background-color: black;
    top: 0;
    left: 0;
    opacity: 0.7;
}

.popup-notice {
    position: absolute;
    background-color: #181d23;
    z-index: 101;
    margin: 11% auto;
    /*margin: 20% 20% auto 20%;*/
    top: 0;
    text-align: right;
    background-repeat: no-repeat;
    background-size: cover;
}
@media (max-width: 1080px) {
    .popup-notice {
        margin: 15% auto;
    }
}
.popup {
    /*width: 100%;*/
    margin: 0 32px;
    text-align: left;
    color: white;
    border: 4px solid #e2be64;
    border-radius: 24px;
    overflow-y: auto;
    background-repeat: no-repeat;
    background-size: cover;
}

.popup-close {
    background: url(/Content/img/popup_close.png) 0 0 no-repeat;
    margin-left: 890px;
    width: 90px;
    height: 99px;
    margin-right: 0;
    position: absolute;
}

    .popup-close:hover {
        background: url(/Content/img/popup_close_on.png) 0 0 no-repeat;
    }

.popup-title {
    background: url(/Content/img/popup_title.jpg) 0 0 no-repeat;
    background-size: cover;
    height: 80px;
    width: 540px;
    margin: 12px auto;
    padding: 16px 0 0 0;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    /*color:#b42388;*/
    color: #333;
    font-family: Gulim GulimChe;
}

::-webkit-scrollbar {
    width: 0px;
}

::-webkit-scrollbar-button {
    background: #333
}

::-webkit-scrollbar-track-piece {
    background: #111
}

::-webkit-scrollbar-thumb {
    background: #222
}