/* pop-layer */
/* * * * * * * * * * * 
       topPopup 
* * * * * * * * * * */
#popupArea { z-index: 9999}
body.open .topPopup.pc { display: block}
body.open .topPopup.mb { display: none}
body.open .gnb_area {top:57px}
.topPopup {position: fixed;top: 0;left: 0;width: 100%;height: 52px;background: var(--mainColor);z-index: 9990;transition: .25s;cursor: pointer;display: none;background-color:#18b7cd}
.topPopup .popup-top-wrap {position: absolute;top: 0;right: 5px;height: 100%;margin: 0 auto}
.topPopup img {width: 100%;max-width: inherit;height: 100%;object-fit: contain}
.topPopup .btn-top-del {position: absolute;top: 13px;right: 10px;width: 24px;height: 24px;cursor: pointer;background: url(/images/popup/topPop_close.png) no-repeat 50% 50%}

@media (min-width: 1200px){
    body.open .site-header { margin-top: 52px;}
    body.open .topPopup.mb { display: none}
    body.open.ui-dark .site-header.header-content-light {margin-top: 0px;}
    body.open.ui-dark .topPopup.pc { display: none}
    body.open.ui-dark .gnb_area {top:5px}
}
@media (max-width: 1199px){
    body.open .topPopup.pc { display: none}
    body.open .topPopup.mb { display: block}
    body.open .site-header.header-mobile-sticky { margin-top: 0; top: 42px;}
    .topPopup {height: 42px;}
    .topPopup .btn-top-del { top: 8px;  right: 10px}
}

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