/* ===== Privacy Modal (JS-created) ===== */

.privacy-overlay{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.6);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 16px;
  z-index: 99999;
  overflow: hidden;
  overscroll-behavior: none;
}
.privacy-overlay.is-open{ display: flex; }

.privacy-modal{
  width: min(853px, 100%);
  max-height: calc(100vh - 32px);
  background: #fff;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}

.privacy-scroll{
  max-height: calc(100vh - 32px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;
  background: #fff;
  box-sizing: border-box;
}

/* ===== 기존 디자인 클래스들 ===== */
.tl_pop_con{ background:#fff; }

/* ✅ 타이틀바 기준 잡기 + 오른쪽 여백 확보(제목이 X랑 겹치지 않게) */
.tl_pop_con h2.f_pop_tit{
  position: relative;          /* ✅ 추가 */
  width:100%;
  height:80px;
  line-height:80px;
  background:#076aa3;
  font-size:20px;
  color:#fff;
  margin:0;
  padding-right: 70px;         /* ✅ 추가: X 버튼 자리 */
  box-sizing: border-box;
}

.tl_pop_con h2.f_pop_tit span{
  display:inline-block;
  padding-left:50px;
}

/* ✅ 타이틀바 안 X 버튼: 오른쪽 정렬 */
.privacy-close{
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 0;
  text-indent: -999px;
  overflow: hidden;
  z-index: 5;
}

.privacy-close:after{
  content:'';
  position:absolute;
  inset:0;
  background: url("/img/w_btn_close.png") no-repeat center center;
  background-size: 20px 20px;  /* 필요하면 조절 */
  border-radius: 50%;
  transition: transform 300ms;
}

.privacy-close:hover:after{ transform: rotate(270deg); }

.f_pop_wrap{
  line-height:23px;
  text-align:justify;
  word-break:break-all;
  font-size:15px;
}
.f_pop_wrap strong{ color:#00a19a; font-weight:normal; }
.f_pop_wrap p{ color:#333; padding:40px 50px; line-height:1.6; }

@media (max-width: 340px){
  .privacy-overlay{ padding:10px; }
  .privacy-modal{ max-height: calc(100vh - 20px); }
  .privacy-scroll{ max-height: calc(100vh - 20px); }
  .f_pop_wrap p{ padding:20px 16px; line-height:1.6; }
  .tl_pop_con h2.f_pop_tit span{ padding-left:16px; }
  .tl_pop_con h2.f_pop_tit{ padding-right: 60px; }
}