@charset "UTF-8";
/* hopecare 팝업레이어(newwin) 스킨 */

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

.hd_pops{
  position:absolute;
  z-index:9000;
  max-width:calc(100vw - 32px);
  background:var(--background-color,#fff);
  border:1px solid var(--border-color,#e0e0e0);
  border-radius:12px;
  box-shadow:0 12px 32px rgba(14,48,113,.18);
  overflow:hidden;
  font-family:'S-Core Dream','Malgun Gothic',sans-serif;
  animation:hd_pops_in .25s ease-out both;
}
@keyframes hd_pops_in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hd_pops{animation:none}}

.hd_pops_con{
  max-width:100%;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  line-height:1.6;
  color:var(--text-color,#333);
  word-break:keep-all;
}
.hd_pops_con img{max-width:100%;height:auto;display:block}
.hd_pops_con a{color:var(--primary-color,#30569e)}

.hd_pops_footer{
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:1px;
  background:var(--border-color,#e0e0e0);
  border-top:1px solid var(--border-color,#e0e0e0);
}
.hd_pops_footer button{
  margin:0;border:0;cursor:pointer;
  font-family:inherit;font-size:14px;line-height:1.2;
  padding:14px 16px;
  background:#f5f7fb;color:var(--secondary-color,#0e3071);
  transition:background .15s ease,color .15s ease;
}
.hd_pops_footer .hd_pops_reject{flex:1 1 auto;text-align:left}
.hd_pops_footer .hd_pops_reject strong{font-weight:700;color:var(--primary-color,#30569e)}
.hd_pops_footer .hd_pops_close{flex:0 0 auto;background:var(--primary-color,#30569e);color:#fff;font-weight:700}
.hd_pops_footer button:hover{background:#e8edf7}
.hd_pops_footer .hd_pops_close:hover{background:var(--secondary-color,#0e3071)}
.hd_pops_footer button:focus-visible{outline:2px solid var(--accent-color,#4a6bff);outline-offset:-3px}
.hd_pops_footer .hd_pops_close i{margin-left:6px;font-style:normal}

/* 모바일: 관리자 지정 좌표/크기를 무시하고 화면에 맞춤 */
@media screen and (max-width:768px){
  #hd_pop{position:static}
  .hd_pops{
    position:relative !important;
    top:auto !important;left:auto !important;
    width:auto !important;
    margin:12px 16px;
  }
  .hd_pops_con{width:auto !important;max-height:70vh;height:auto !important}
  .hd_pops_footer button{padding:12px;font-size:13px}
}