@charset "utf-8";

/* 그누보드 팝업레이어 전용 스타일. 빌더 레이아웃과 분리해 메인 디자인 충돌을 방지합니다. */
#hd_pop {
    position: relative;
    z-index: 10000;
    width: min(1200px, 100%);
    height: 0;
    margin: 0 auto;
    pointer-events: none
}

#hd_pop > h2 {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

#hd_pop .hd_pops {
    position: absolute;
    overflow: hidden;
    width: max-content;
    padding-bottom: 42px;
    border: 1px solid #d9dde5;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(16, 24, 40, .24);
    pointer-events: auto
}

#hd_pop .hd_pops_con {
    overflow: auto;
    background: #fff;
    color: #202938
}

#hd_pop .hd_pops_con img {
    max-width: 100%;
    height: auto
}

#hd_pop .hd_pops_footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
    width: 100%;
    padding: 0;
    background: #25272c;
    color: #fff
}

#hd_pop .hd_pops_footer button {
    min-height: 42px;
    padding: 10px 13px;
    border: 0;
    background: transparent;
    color: #fff;
    font: inherit;
    cursor: pointer
}

#hd_pop .hd_pops_footer .hd_pops_reject {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    text-align: left
}

#hd_pop .hd_pops_footer .hd_pops_close {
    flex: 0 0 auto;
    background: #3b3e45
}

@media (max-width: 768px) {
    #hd_pop {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        margin: 0
    }

    #hd_pop .hd_pops {
        top: 12px !important;
        left: 12px !important;
        max-width: calc(100vw - 24px)
    }

    #hd_pop .hd_pops_con {
        max-width: calc(100vw - 24px)
    }
}