/* URL 모달 — 전체화면 iframe */
.urlmodal{
  position:fixed;inset:0;z-index:9000;
  display:none;
  padding:24px;
  background:rgba(0,0,0,.6);
}
.urlmodal.is-open{display:block}

.urlmodal__panel{
  position:relative;
  width:100%;height:100%;
  max-width:680px;
  margin:0 auto;
  background:#fff;
  border-radius:var(--radius-lg);
  overflow:hidden;
}

.urlmodal__frame{
  display:block;
  width:100%;height:100%;
  border:0;
}

.urlmodal__close{
  position:absolute;top:12px;right:26px;z-index:1;   /* 스크롤바 폭만큼 안쪽으로 */
  width:38px;height:38px;
  padding:0;
  background:var(--c-bg);
  border:1px solid var(--c-line);
  border-radius:50%;
  cursor:pointer;
  box-shadow:0 2px 8px rgba(0,0,0,.12);   /* 밝은 배경 위에서도 보이게 */
  transition:var(--tr);
}
.urlmodal__close::before,
.urlmodal__close::after{
  content:'';
  position:absolute;top:50%;left:50%;
  width:15px;height:1.5px;
  background:var(--c-text);
}
.urlmodal__close::before{transform:translate(-50%,-50%) rotate(45deg)}
.urlmodal__close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.urlmodal__close:hover{background:var(--c-bg-alt)}

@media (max-width:768px){
  .urlmodal{padding:0}
  .urlmodal__panel{border-radius:0}
}