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