/* 모든 스타일은 css 충돌방지를 위해 .header을 기준으로 작성 하시면 됩니다. 예) .header .box {} */
  .header{}
  /* 팝업 css start */
#hd_pop > div > div > iframe{
    height: 100%;
}

.hd_pops_footer{
    font-size: 0.9vw !important;
}
#hd_pop > div{
    border-radius: 30px;
    overflow: hidden;
    background: black;
}
.hd_pops_footer .hd_pops_reject {
    font-family: 'Pretendard';
    font-weight: 700;
}

.hd_pops_footer .hd_pops_close {
    background: #000000;
    top: inherit;
    bottom: 0;
}
.hd_pops_con{
}
/*
#hd_pop{
    position: fixed !important;
}
*/
@media screen and (max-width:599px) {
    #hd_pop > div {
        left: 50% !important;
    }
    #hd_pop {
        width: 90% !important;
    }

    #hd_pop > div {
        margin: 0 auto !important;
        width: 90% !important;
        left: 5% !important;
        top: 5% !important;
    }
    .hd_pops_con {
        width: 100% !important;
        height: auto !important;
    }
    .hd_pops_footer{
        font-size: 2.6vw !important;
    }
    #hd_pop > div{
        border-radius: 22px;
        overflow: hidden;
    }
    #hd_pop{
        height: 100vh;
        position: absolute;
        width:100% !important;
        top: 5% !important;
    }
}
/* 팝업 css end */
.hd_pops_footer{
    pointer-events: all;
}