@charset "utf-8";
/*
 * common.css — 모바일 공통 유틸/폼/팝업 (clean-room rewrite)
 * 실제 사용 클래스 위주.
 */

/* 유틸 */
.dn { display: none !important; }
.pc { display: none; }            /* 모바일에서 PC 전용 요소 숨김 */
.c_red { color: #ab3e55; }
.wrap { width: 100%; }
.h_tit { font-size: 16px; font-weight: 700; padding: 12px 15px; }

/* 폼 */
.inp_sel, .inp_chk {
  border: 1px solid #ccc; background: #fff; height: 40px; padding: 0 10px; font-size: 14px;
}
.inp_chk { width: auto; height: auto; }

/* 버튼 박스 */
.btn_box { padding: 12px 0; text-align: center; }

/* ===== 레이어 팝업 ===== */
.ly_pop {
  display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: 86%; max-width: 420px; background: #fff; z-index: 1100;
  border-radius: 4px; overflow: hidden; box-shadow: 0 6px 24px rgba(0,0,0,0.3);
}
.ly_pop.on { display: block; }
.ly_head {
  position: relative; padding: 16px; border-bottom: 1px solid #eee;
  font-size: 16px; font-weight: 700; color: #222;
}
.ly_ct { padding: 18px 16px; font-size: 14px; color: #444; }
.close_btn, .lys_close_btn {
  position: absolute; top: 12px; right: 12px; width: 24px; height: 24px; font-size: 0;
  background: url('/assets/img/icon/icon_close.png') no-repeat center / 16px;
}