/* 모든 스타일은 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;
}