/* section13 문의 폼 — 석암 inquiry iframe 실측 규격
   모바일(390): 바탕 흰 .9 · 패딩 30 · 라벨 빨강 14/500 앞 별표 20 · 입력 50 높이 1px #c4c4c4 · 동의=빨강 1px 박스+원형 체크 · 버튼 먹색 50
   PC(1440): 패딩 70/164 · 라벨 26 · 입력 50 · 버튼 빨강 350×60 가운데 */
:root { --f-line: #c4c4c4; --f-ink: #2d221f; --f-chk: #bdbdbd; }
.s13_form { background: rgba(255,255,255,.9); }
.s13_form .req { font-style: normal; font-size: 1.25em; line-height: 0; color: #c70000; margin-right: .45em; vertical-align: -.12em; }
.s13_head small .req { margin-right: .1em; }
.s13_form label > span { font-weight: 500; }
.s13_form input:not([type=checkbox]) { margin-top: calc(6 * var(--u)); padding: 0 calc(16 * var(--u)); border: 1px solid var(--f-line); background: #fff; }
.s13_form input:focus { border-color: var(--red); }

/* 동의: 빨강 테두리 박스, 원형 체크, 전문 보기는 오른쪽 아래 */
.s13_agree { position: relative; display: block; margin-top: calc(30 * var(--u)); padding: calc(24 * var(--u)) calc(24 * var(--u)) calc(24 * var(--u)); border: 1px solid var(--red); }
.s13_agree label { gap: calc(14 * var(--u)); }
.s13_agree input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.s13_agree .chk { flex: none; position: relative; width: calc(30 * var(--u)); height: calc(30 * var(--u)); border-radius: 50%; background: var(--f-chk); transition: background-color .2s ease; }
.s13_agree .chk::after { content: ''; position: absolute; left: 50%; top: 45%; width: 32%; height: 16%; border: solid #fff; border-width: 0 0 2px 2px; transform: translate(-50%, -50%) rotate(-45deg); }
.s13_agree input:checked + .chk { background: var(--red); }
.s13_agree input:focus-visible + .chk { outline: 2px solid var(--red); outline-offset: 2px; }
.s13_form .s13_agree .t { display: block; font-size: inherit; font-weight: 400; color: #444; line-height: 1.45; padding: 0; }
.s13_agree .pop_open { display: block; margin: calc(14 * var(--u)) 0 0 auto; }

@media (min-width: 769px) {
  .s13_form { padding: calc(70 * var(--u)) calc(150 * var(--u)); }
  .s13_form label > span { font-size: calc(24 * var(--u)); }
  .s13_agree .t br { display: none; }
  .s13_form .s13_agree .t { font-size: calc(18 * var(--u)); }
  .s13_agree .pop_open { position: absolute; right: calc(24 * var(--u)); top: 50%; margin: 0; transform: translateY(-50%); font-size: calc(16 * var(--u)); padding: calc(6 * var(--u)) calc(14 * var(--u)); }
  .s13_submit { margin-top: calc(50 * var(--u)); }
}

/* 모바일: 390 기준 px 실측 → 768u 환산 (1px = 1.97u) */
@media (max-width: 768px) {
  .s13_form { padding: calc(59 * var(--u)); }
  .s13_head { font-size: calc(30 * var(--u)); }
  .s13_head small { font-size: calc(22 * var(--u)); }
  .s13_form label > span { font-size: calc(28 * var(--u)); padding-left: calc(10 * var(--u)); }
  .s13_form input:not([type=checkbox]) { height: calc(98 * var(--u)); margin-top: calc(22 * var(--u)); font-size: calc(28 * var(--u)); }
  .s13_row { gap: calc(40 * var(--u)); }
  .s13_msg { margin-top: calc(40 * var(--u)); }
  .s13_form textarea { margin-top: calc(22 * var(--u)); }
  .s13_form textarea { height: calc(197 * var(--u)); font-size: calc(28 * var(--u)); border-color: var(--f-line); }
  .s13_agree { padding: calc(40 * var(--u)) calc(40 * var(--u)) calc(40 * var(--u)); font-size: calc(28 * var(--u)); }
  .s13_agree .chk { width: calc(58 * var(--u)); height: calc(58 * var(--u)); }
  .s13_agree .pop_open { font-size: calc(26 * var(--u)); padding: calc(14 * var(--u)) calc(16 * var(--u)); margin-top: calc(20 * var(--u)); }
  .s13_submit { height: calc(98 * var(--u)); margin-top: calc(59 * var(--u)); font-size: calc(30 * var(--u)); font-weight: 500; background: var(--f-ink); }
}
