/* 팝업 기능 */
.popup-layer {
    z-index:1000; width:500px; height:540px; position:absolute;  overflow: hidden; 
    top:220px; left:50%; transform: translateX(-50%);
}
.popup-layer .popup-notice {width:500px; display:none; }
.popup-layer .popup-notice.pc {display:block;}
.popup-layer .popup-notice .popup-content {width:500px; aspect-ratio: 1/1; overflow: hidden; background-color:#ffffff;}
.popup-layer .popup-notice .popup-content .popup-image {width:100%; height:100%; margin:0 auto;object-fit:contain;}
.popup-layer .popup-notice .popup-content .popup-text {width:calc(100% - 2rem);height: calc(500px - 2rem);padding:1rem; margin:0 auto;overflow-y:scroll;}
.popup-layer .popup-notice .popup-control {display: flex; align-items:center; width:100%; height:40px;justify-content: space-evenly;background-color:#333;}
.popup-layer .popup-notice .popup-control-button {border:none; padding:3px; background-color: transparent; color:#fff;}
.popup-layer .popup-notice .popup-control-button:hover {cursor:pointer;color:#999;}
.popup-layer .popup-notice .popup-guide {
    width:100%; position:absolute; top:46%; transform: translateY(-50%);background-color: #dddddd;
    display:flex; align-items: center; justify-content: center;
}
.popup-layer .popup-notice .popup-guide .guide-left{position:absolute; left:5px;}
.popup-layer .popup-notice .popup-guide .guide-right{position:absolute; right:5px;}
.popup-layer .popup-notice .popup-page-guide {border-radius:50%;height:36px;width:36px;border:1px solid #ccc; background:#FFFFFF;
    display:flex; align-items: center; justify-content: center;
}
.popup-layer .popup-notice .popup-page-guide:hover {}
.popup-layer .popup-notice .popup-page-guide img {width:8px;}

.popup-notice-bar {z-index:1000;width:100%; height:80px; overflow:hidden;position:relative;}
.popup-notice-bar .popup-bar {width:100%;overflow:hidden;}
.popup-notice-bar .popup-bar .popup-content {width:100%;text-align:center;margin:0 auto;}
.popup-notice-bar .popup-bar .popup-control .popup-control-button{
    background-color:#fff;
    color:#888888;
    margin-left:1rem;
    padding:5px 10px;
    font-size:0.75rem;
    border:1px solid #ccc;
    text-align: center;
}
.popup-notice-bar .popup-bar .popup-control .popup-control-button:hover {cursor:pointer;color:#444444;}
.popup-notice-bar .popup-bar .popup-guide {}
.popup-notice-bar .popup-bar .popup-guide .guide-left{float:left;margin-left:10px;}
.popup-notice-bar .popup-bar .popup-guide .guide-right{float:right;margin-right:10px;}
.popup-notice-bar .popup-bar .popup-page-guide {height:20px;width:20px;border:none;opacity:0.9;background:#FFFFFF;}
.popup-notice-bar .popup-bar .popup-page-guide:hover {opacity:1;border-color:#cccccc;cursor:pointer;}
.popup-notice-bar .popup-bar .popup-page-guide img {height:100%;width:100%;}
.popup-notice-bar.pc .popup-bar .popup-content {height: 80px; width:100%}
.popup-notice-bar.pc .popup-bar .popup-content .popup-image {
    width:100%;
    height:100%;
    object-fit: cover;
}

.popup-notice-bar.pc .popup-bar .popup-control {height: 20px;display:flex;justify-content:right; position:absolute; top:50%; right:calc(50% - 700px); transform: translateY(-50%); align-items: center;}

.popup-notice-bar.mobile {display:none;}
.popup-notice-bar.mobile .popup-bar .popup-control {height: 20px;display:flex;justify-content:right;background: #fff;}

@media screen and (max-width: 1400px) {
    .popup-notice-bar.pc .popup-bar .popup-control{
        right:15px;
    }

}
@media screen and (max-width: 1024px) {
    .popup-control .tab-none{
        display:none;
    }
}
@media screen and (max-width: 960px) {

}
@media screen and (max-width: 768px) {
    .popup-layer{
        width:100%;
        aspect-ratio: 1/1.02;
        height:unset;
        padding:0 15px;
        max-width:400px;
        top:165px;
    }
    .popup-layer .popup-notice.pc {display:none;}
    .popup-layer .popup-notice.mobile {
        display:block;
        width:100%;
    }
    .popup-notice-bar.pc {display:none;}
    .popup-notice-bar.mobile {height:60px;display:block;}
    .popup-layer .popup-notice.mobile .popup-content{
        width:100%;
    }
    .popup-layer .popup-notice .popup-guide .guide-right{
        right:35px;
    }
    .popup-notice-bar.mobile .popup-content{
        width:100%;
        height:60px;
    }
    .popup-notice-bar.mobile .popup-content .popup-image{
        width:100%;
        height:100%;
        object-fit: cover;
    }
    .popup-notice-bar.mobile .popup-bar .popup-control{
        position:absolute;
        top:50%;
        transform: translateY(-50%);
        right:15px;
        background-color:unset;
    }
    .popup-control .d-none{
        display:none;
    }
    .popup-notice-bar.mobile .popup-bar .popup-control button.closed{
        font-size:0;
        padding:0;
        border:none;
        margin-left:0;
        background:unset;
    }
    .popup-notice-bar.mobile .popup-bar .popup-control button.closed img{
        width:16px;
        height:16px;
    }
}

    

@media screen and (max-width: 480px) {

}
@media screen and (max-width: 320px) {

}