/* section11~13 · footer · 팝업 — 값은 레퍼 1600 디자인 px (calc(N * var(--u))) */

/* ---------- section11 창업절차 (레퍼: PC 440×219 카드 3×3, 간격 50 / 모바일 센터 스와이퍼) ---------- */
#s11_swiper { margin-top: calc(95 * var(--u)); }
#s11_swiper:not(.swiper-initialized) { width: calc(1420 * var(--u)); margin-left: auto; margin-right: auto; }
#s11_swiper:not(.swiper-initialized) .s11_list_wrap { flex-wrap: wrap; justify-content: center; gap: calc(50 * var(--u)); }
.s11_list_wrap { list-style: none; }
.s11_list { width: calc(440 * var(--u)); height: calc(219 * var(--u)); }
.s11_tit_box { height: calc(70 * var(--u)); display: flex; align-items: center; justify-content: center; gap: calc(6 * var(--u)); background: var(--red); }
.s11_tit_box span { font-size: calc(30 * var(--u)); font-weight: 700; letter-spacing: -.04em; }
.s11_tit_box .number { font-size: calc(35 * var(--u)); }
.s11_txt_box { height: calc(149 * var(--u)); display: grid; place-items: center; padding: 0 calc(10 * var(--u)); background: #fff; color: var(--ink); text-align: center; font-size: calc(19 * var(--u)); line-height: calc(28 * var(--u)); font-weight: 600; letter-spacing: -.035em; }

/* ---------- section12 창업비용 (레퍼: 표 1080 + 검정 스티커가 도장처럼 쾅) ---------- */
#section12 { padding: calc(150 * var(--u)) 0 calc(260 * var(--u)); }
.s12_cont_wrap { position: relative; width: calc(1080 * var(--u)); margin: calc(70 * var(--u)) auto 0; }
.s12_table { width: 100%; border-collapse: collapse; background: #fff; color: var(--ink); box-shadow: var(--shadow-card); font-size: calc(24 * var(--u)); letter-spacing: -.035em; }
.s12_table thead th { height: calc(70 * var(--u)); background: var(--red); color: #fff; font-weight: 700; }
.s12_table tbody th, .s12_table tbody td { height: calc(78 * var(--u)); border-bottom: 1px solid var(--hanji-line); text-align: center; }
.s12_table tbody th { width: 26%; font-weight: 700; }
.s12_table tbody td:nth-child(2) { width: 30%; }
.s12_table tbody td b { font-size: calc(36 * var(--u)); font-weight: 800; color: var(--red); margin-right: calc(2 * var(--u)); }
.s12_table tbody td:last-child { color: #6b6661; font-size: calc(20 * var(--u)); }
.s12_table tfoot td { height: calc(80 * var(--u)); background: var(--ink); color: #fff; text-align: center; font-size: calc(23 * var(--u)); font-weight: 500; }
.s12_table tfoot b { font-weight: 800; }
/* 환급 약속 줄: 빨간 띠 + 빛줄기가 주기적으로 훑고 + 별 세 개가 번갈아 반짝 (10-15 「반짝반짝」) */
.s12_table tfoot .s12_shine { position: relative; overflow: hidden; background: var(--red); font-size: calc(26 * var(--u)); }
.s12_shine::after { content: ''; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, .5) 50%, transparent 65%); translate: -100% 0; animation: s12Sheen var(--shine-t) cubic-bezier(.65, 0, .35, 1) infinite; pointer-events: none; }
.s12_shine b { background: linear-gradient(100deg, var(--shine-gold) 42%, #fff 50%, var(--shine-gold) 58%) 100% 0 / 300% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: s12Glint var(--shine-t) cubic-bezier(.65, 0, .35, 1) infinite; }
.s12_spark { position: absolute; left: var(--x); top: var(--y); width: var(--s); height: var(--s); background: #fff; clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%); scale: 0; animation: s12Twinkle var(--shine-t) ease-in-out infinite; animation-delay: var(--d); }
.s12_spark:nth-child(1) { --x: 19%; --y: 14%; --s: calc(34 * var(--u)); --d: .1s; }
.s12_spark:nth-child(2) { --x: 77%; --y: 8%; --s: calc(28 * var(--u)); --d: .7s; }
.s12_spark:nth-child(3) { --x: 80%; --y: 58%; --s: calc(20 * var(--u)); --d: 1.2s; }
.s12_spark:nth-child(4) { --x: 22%; --y: 60%; --s: calc(18 * var(--u)); --d: 1.7s; }
.s12_spark:nth-child(5) { --x: 48%; --y: 4%; --s: calc(16 * var(--u)); --d: 2.2s; }
@keyframes s12Sheen { 0%, 35% { translate: -100% 0; } 75%, 100% { translate: 100% 0; } }
@keyframes s12Glint { 0%, 35% { background-position: 100% 0; } 75%, 100% { background-position: 0 0; } }
@keyframes s12Twinkle { 0%, 100% { scale: 0; rotate: 0deg; } 20% { scale: 1; rotate: 45deg; } 40% { scale: 0; rotate: 90deg; } }
@media (prefers-reduced-motion: reduce) { .s12_shine::after, .s12_spark, .s12_shine b { animation: none; } }
.s12_sticker_wrap { position: absolute; right: calc(-250 * var(--u)); bottom: calc(-150 * var(--u)); z-index: 2; }   /* 표 글은 안 가리고 모서리에만 걸침 */
.s12_sticker { width: calc(400 * var(--u)); padding: calc(34 * var(--u)) calc(30 * var(--u)); background: #111; color: #fff; text-align: center; rotate: -6deg; outline: 1px solid rgba(255, 255, 255, .28); outline-offset: calc(-12 * var(--u)); box-shadow: 0 calc(24 * var(--u)) calc(50 * var(--u)) rgba(0, 0, 0, .35); }
.s12_sticker .brand { font-size: calc(24 * var(--u)); color: #d8d3cc; }
.s12_sticker .brand .bk { display: block; height: 1.3em; width: auto; aspect-ratio: var(--ar); margin: 0 auto; }   /* 산돌 광야 SVG */
.s12_sticker .t { margin-top: calc(10 * var(--u)); font-size: calc(32 * var(--u)); font-weight: 800; letter-spacing: -.04em; }
.s12_sticker .tel { display: inline-block; margin-top: calc(10 * var(--u)); font-size: calc(46 * var(--u)); font-weight: 800; letter-spacing: -.03em; border-bottom: calc(4 * var(--u)) solid var(--red); line-height: 1.15; }
.s12_sticker .s { margin-top: calc(14 * var(--u)); font-size: calc(17 * var(--u)); color: #aaa; }

/* ---------- section13 창업문의 폼 (레퍼: 흰 카드 1233, 밑줄형 입력 3칸, 빨강 버튼 350×60) ---------- */
#section13 { padding: calc(150 * var(--u)) 0 calc(180 * var(--u)); }
.s13_form { width: calc(1233 * var(--u)); margin: calc(70 * var(--u)) auto 0; padding: calc(60 * var(--u)) calc(80 * var(--u)); background: #fff; color: var(--ink); }
.s13_head { font-size: calc(22 * var(--u)); font-weight: 700; letter-spacing: -.035em; }
.s13_head small { font-size: calc(16 * var(--u)); font-weight: 400; color: #888; }
.s13_row { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(40 * var(--u)); margin-top: calc(30 * var(--u)); }
.s13_form label > span { display: block; font-size: calc(18 * var(--u)); font-weight: 700; color: var(--red); }
.s13_form input:not([type=checkbox]) { width: 100%; height: calc(50 * var(--u)); border: 0; border-bottom: 2px solid #ccc; border-radius: 0; background: none; font-size: calc(18 * var(--u)); color: var(--red); outline: 0; transition: border-color .2s ease; }
.s13_form input:focus, .s13_form textarea:focus { border-color: var(--red); }
.s13_msg { display: block; margin-top: calc(30 * var(--u)); }
.s13_form textarea { width: 100%; height: calc(100 * var(--u)); margin-top: calc(10 * var(--u)); padding: calc(12 * var(--u)); border: 1px solid #ccc; border-radius: 0; font: inherit; font-size: calc(17 * var(--u)); resize: vertical; outline: 0; }
.s13_agree { display: flex; align-items: center; gap: calc(12 * var(--u)); margin-top: calc(22 * var(--u)); font-size: calc(16 * var(--u)); color: #444; }
.s13_agree label { display: flex; align-items: center; gap: calc(8 * var(--u)); cursor: pointer; }
.s13_agree input { width: calc(20 * var(--u)); height: calc(20 * var(--u)); accent-color: var(--red); }
.pop_open { border: 0; background: none; color: inherit; cursor: pointer; }
.s13_agree .pop_open { padding: calc(3 * var(--u)) calc(10 * var(--u)); background: var(--red); color: #fff; font-size: calc(14 * var(--u)); }
.s13_submit { display: block; width: calc(350 * var(--u)); height: calc(60 * var(--u)); margin: calc(40 * var(--u)) auto 0; border: 0; background: var(--red); color: #fff; font-size: calc(24 * var(--u)); font-weight: 700; cursor: pointer; transition: transform 160ms ease-out; }
.s13_submit:active { transform: scale(.97); }

/* ---------- footer (레퍼: 검정, 16px #8F8F8F · 값 #D5D5D5, 하단바 높이만큼 여백) ---------- */
#footer { max-width: var(--max); margin: 0 auto; padding: calc(50 * var(--u)) 0 calc(50 * var(--u) + 80px); background: #000; color: #8f8f8f; font-size: calc(16 * var(--u)); line-height: 1.9; letter-spacing: -.02em; }
.ft_inner { width: calc(1400 * var(--u)); margin: 0 auto; }
#footer b { font-weight: 400; color: #d5d5d5; }
#footer i { display: inline-block; width: 1px; height: calc(12 * var(--u)); margin: 0 calc(14 * var(--u)); background: #444; }
#footer .private { display: flex; gap: calc(24 * var(--u)); margin-bottom: calc(16 * var(--u)); }
#footer .private .pop_open { font-size: inherit; color: #fff; }
#footer .private .red { color: var(--red-m); font-weight: 700; }
#footer .copy { margin-top: calc(10 * var(--u)); }

/* ---------- 레이어 팝업 · 라이트박스 (레퍼: rgba(0,0,0,.6) / .8) ---------- */
.pop { position: fixed; inset: 0; z-index: 200; display: grid; place-items: center; padding: 20px; background: rgba(0, 0, 0, .6); }
.pop[hidden] { display: none; }
.pop_box { position: relative; width: min(640px, 100%); max-height: 80vh; overflow: auto; padding: 44px 36px 36px; background: #fff; color: var(--ink); font-size: 15px; line-height: 1.75; letter-spacing: -.02em; }
.pop_tit { margin-bottom: 18px; font-size: 22px; font-weight: 800; }
.pop_body p + p { margin-top: 8px; }
.pop_close { position: absolute; right: 10px; top: 10px; width: 40px; height: 40px; border: 0; background: none; font-size: 24px; color: inherit; cursor: pointer; }
.img_modal { background: rgba(0, 0, 0, .8); }
.img_modal img { max-width: 92vw; max-height: 86vh; width: auto; }
.img_modal .pop_close { color: #fff; font-size: 32px; }

@media (max-width: 768px) {
  #s11_swiper { margin-top: calc(95 * var(--u)); }
  .s11_list { width: calc(440 * var(--u)); height: auto; }
  .s11_txt_box { height: calc(200 * var(--u)); padding: calc(40 * var(--u)) calc(10 * var(--u)); font-size: calc(26 * var(--u)); line-height: calc(38 * var(--u)); }
  .s11_txt_box br { display: none; }
  #section12 { padding: calc(150 * var(--u)) 0; }
  .s12_cont_wrap { width: 100%; }
  .s12_table { font-size: calc(26 * var(--u)); }
  .s12_table tbody td:last-child { font-size: calc(21 * var(--u)); padding: 0 calc(8 * var(--u)); }
  .s12_table tfoot td { padding: calc(20 * var(--u)); font-size: calc(25 * var(--u)); }
  .s12_table tfoot .s12_shine { padding: calc(26 * var(--u)) calc(50 * var(--u)); font-size: calc(27 * var(--u)); }
  .s12_spark:nth-child(1) { --x: 3%; }
  .s12_spark:nth-child(2), .s12_spark:nth-child(3) { --x: 92%; }
  .s12_spark:nth-child(4) { --x: 6%; }
  .s12_sticker_wrap { position: relative; right: auto; bottom: auto; width: fit-content; margin: calc(30 * var(--u)) auto 0; }   /* 모바일은 표 아래에 걸쳐 찍음 (환불 문구 안 가림) */
  .s12_sticker { width: calc(520 * var(--u)); }
  .s12_sticker .brand { font-size: calc(30 * var(--u)); }
  .s12_sticker .t { font-size: calc(40 * var(--u)); }
  .s12_sticker .tel { font-size: calc(58 * var(--u)); }
  .s12_sticker .s { font-size: calc(24 * var(--u)); }
  .s13_form { width: 100%; padding: calc(50 * var(--u)) calc(40 * var(--u)); }
  .s13_head { font-size: calc(32 * var(--u)); }
  .s13_head small { display: block; font-size: calc(24 * var(--u)); }
  .s13_row { grid-template-columns: 1fr; gap: calc(30 * var(--u)); }
  .s13_form label > span { font-size: calc(28 * var(--u)); }
  .s13_form input:not([type=checkbox]) { height: calc(80 * var(--u)); font-size: calc(30 * var(--u)); border: 1px solid #c4c4c4; padding: 0 calc(20 * var(--u)); margin-top: calc(10 * var(--u)); }
  .s13_form textarea { height: calc(200 * var(--u)); font-size: calc(28 * var(--u)); }
  .s13_agree { flex-wrap: wrap; font-size: calc(24 * var(--u)); }
  .s13_agree input { width: calc(36 * var(--u)); height: calc(36 * var(--u)); }
  .s13_agree .pop_open { font-size: calc(22 * var(--u)); padding: calc(6 * var(--u)) calc(14 * var(--u)); }
  .s13_submit { width: 100%; height: calc(90 * var(--u)); font-size: calc(32 * var(--u)); background: #2d221f; }
  #footer { padding: calc(60 * var(--u)) 0 calc(60 * var(--u) + 80 * var(--u)); font-size: calc(22 * var(--u)); line-height: 1.8; }
  .ft_inner { width: 100%; padding: 0 calc(30 * var(--u)); }
  #footer i { display: block; height: 0; margin: 0; }
}