@charset "UTF-8";
/* ==================================================================
   qna-ui.css ? ȸ¿ø ¡¤ °Ô½ÃÆÇ ¡¤ ¼îÇθô ÆäÀÌÁö °ø¿ë ½ºÅ¸ÀÏ
   °æ·Î : /css/qna-ui.css
   È£Ãâ : common/head.php ¿¡¼­ ´Ù¸¥ CSS º¸´Ù µÚ¿¡ ¿¬°á

   ¦£¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¤
   ¦¢  ¸ñ  Â÷                                                       ¦¢
   ¦¢  ¡Ø ÁÙ ¹øÈ£´Â ³»¿ëÀ» Ãß°¡ÇÏ¸é ¹Ð¸³´Ï´Ù.                        ¦¢
   ¦¢    ÆíÁý±â¿¡¼­ ¾Æ·¡ [ã±â] ¹®±¸·Î °Ë»öÇϽøé Á¤È®ÇÕ´Ï´Ù.        ¦¢
   ¦§¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦©
   ¦¢                                                              ¦¢
   ¦¢  [1] °ø¿ë ºÎÇ°                        Ŭ·¡½º st-             ¦¢
   ¦¢      ¡¤ »ö¡¤¸ð¼­¸® ÅäÅ«                 [ã±â] :root           ¦¢
   ¦¢      ¡¤ ÆäÀÌÁö Ʋ ¡¤ Á¦¸ñ               [ã±â] .st-section     ¦¢
   ¦¢      ¡¤ Ä«µå ¡¤ ¹öÆ° ¡¤ ¸µÅ©             [ã±â] ¦¡¦¡ ¹öÆ°         ¦¢
   ¦¢      ¡¤ Ç¥(°Ô½ÃÆÇ) ¡¤ ÆäÀÌÁö¹øÈ£ ¡¤ °Ë»ö  [ã±â] ¦¡¦¡ Ç¥          ¦¢
   ¦¢      ¡¤ ÀÔ·Â ¡¤ Á¤º¸Ç¥ ¡¤ ¾È³»»óÀÚ        [ã±â] ¦¡¦¡ ÀÔ·Â ¿ä¼Ò   ¦¢
   ¦¢      ¡¤ È®ÀÎâ(¸ð´Þ)                   [ã±â] ¦¡¦¡ È®ÀΠâ      ¦¢
   ¦¢                                                              ¦¢
   ¦¢  [2] ȸ¿ø ÆäÀÌÁö °ø¿ë                                        ¦¢
   ¦¢      ¡¤ °á°ú È­¸é(°¡ÀԿϷᡤŻÅð¿Ï·á µî) [ã±â] ȸ¿ø ÆäÀÌÁö °ø¿ë ¦¢
   ¦¢      ¡¤ ÁøÇà ´Ü°è ¡¤ ¾È³» »óÀÚ                                 ¦¢
   ¦¢      ¡¤ ÀÔ·Â Æû ºÎÇ°                   [ã±â] ÀÔ·Â Æû °è¿­     ¦¢
   ¦¢      ¡¤ ¾à°ü µ¿ÀÇ                      [ã±â] ¾à°ü µ¿ÀÇ        ¦¢
   ¦¢                                                              ¦¢
   ¦¢  [3] ÆäÀÌÁö Àü¿ë                      [ã±â] [ÆäÀÌÁö Àü¿ë]    ¦¢
   ¦¢      ·Î±×ÀÎ            .lg-           login.php              ¦¢
   ¦¢      ȸ¿øÅ»Åð          .sc-           secede.php             ¦¢
   ¦¢      ȸ¿øÁ¤º¸ ¼öÁ¤     .mm-           join_upd.php           ¦¢
   ¦¢      ÀÎÁõÆ˾÷(°¡ÀÔ)    .pv-           phone.php              ¦¢
   ¦¢      ÀÎÁõÆ˾÷(¼öÁ¤)    .pu-           phone-upd.php          ¦¢
   ¦¢      ¹«·áüÇè ½Åû     .dm-           request_my_demo.php    ¦¢
   ¦¢      °øÁö»çÇ×          .nt-           support/noticenew.php  ¦¢
   ¦¢      Á¦Ç° ¸ñ·Ï         .sh-           mall/shop.php          ¦¢
   ¦¢      Á¦Ç° »ó¼¼         .it-           mall/item.php          ¦¢
   ¦¢      ÁÖ¹® ¡¤ °áÁ¦       .po-           mall/buy/shop_my_pay.php¦¢
   ¦¢                                                              ¦¢
   ¦¢  ¡Ø ǪÅÍ´Â /css/footer.css ¿¡ µû·Î ÀÖ½À´Ï´Ù.                  ¦¢
   ¦¢  ¡Ø ÆÄÀÏÀ» °íÄ¡½Å µÚ¿¡´Â head.php ÀÇ ?v=³¯Â¥ ¸¦ ¹Ù²ã ÁÖ¼¼¿ä.  ¦¢
   ¦¦¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¥

   [¿øÄ¢]
   1. º»¹®¡¤¶óº§ µîÀº font-size ¸¦ px ³ª rem À¸·Î »õ·Î Á¤ÇÏÁö ¾Ê°í
      em À¸·Î ÁöÁ¤ÇØ Å׸¶ÀÇ ±âÁØ Å©±â¸¦ µû¶ó°©´Ï´Ù.
      ´Ü, ÆäÀÌÁö Á¦¸ñ°ú °á°ú È­¸éÀº ȸ¿ø ÆäÀÌÁö¿Í Å©±â¸¦ Á¤È®È÷
      ¸ÂÃç¾ß Çؼ­ rem À» ¾¹´Ï´Ù.
   2. ÆäÀÌÁö Á¦¸ñÀº .st-head ±Ô°ÝÀ» ¾¹´Ï´Ù (ȸ¿ø°¡ÀÔ°ú µ¿ÀÏ).
   3. Ŭ·¡½º´Â ¸ðµÎ st- ·Î ½ÃÀÛÇÕ´Ï´Ù. Å׸¶ Ŭ·¡½º¿Í °ãÄ¡Áö ¾Ê½À´Ï´Ù.
   4. »ö»ó¡¤¿©¹é¡¤¸ð¼­¸®¸¸ ÀÌ ÆÄÀÏ¿¡¼­ °ü¸®ÇÕ´Ï´Ù.
================================================================== */

:root{
	--st-primary:#0066ff;
	--st-primary-dark:#0047b3;
	--st-ink:#1a1d24;
	--st-body:#3f4654;
	--st-muted:#8b93a1;
	--st-line:#e4e8ef;
	--st-bg:#f5f7fb;
	--st-success:#0f9d6e;
	--st-danger:#dc3545;
	--st-warn:#b7791f;
	--st-radius-card:16px;
	--st-radius-ctl:12px;
	--st-shadow:0 10px 30px rgba(16,24,40,0.06);
}

/* ¦¡¦¡ ÆäÀÌÁö Ʋ ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.st-section{
	background:var(--st-bg);
	padding:60px 0 90px;
	color:var(--st-body);
}
.st-section *{ box-sizing:border-box; }
.st-wrap{ max-width:1000px; margin:0 auto; }
.st-wrap--narrow{ max-width:900px; }

/* ¦¡¦¡ ÆäÀÌÁö Á¦¸ñ ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   ȸ¿ø°¡ÀÔ ¡¤ ·Î±×ÀÎ ¡¤ ã±â ¡¤ Å»Åð ÆäÀÌÁö¿Í °°Àº ±Ô°ÝÀÔ´Ï´Ù.
   (32px / ±½±â 800 ? Å׸¶ÀÇ .sec-title_heading °ú´Â ´Ù¸¨´Ï´Ù)
   rem À» ¾²´Â ÀÌÀ¯ : ȸ¿ø ÆäÀÌÁöµéÀÌ rem À¸·Î µÇ¾î ÀÖ¾î
   ¶È°°Àº Å©±â°¡ ³ª¿À·Á¸é °°Àº ´ÜÀ§¸¦ ½á¾ß ÇÕ´Ï´Ù. */
.st-head{ text-align:center; margin-bottom:26px; }
.st-head h2,
.st-page-title{
	margin:0 0 10px;
	color:var(--st-ink);
	font-weight:800;
	font-size:2rem;
	line-height:1.35;
	word-break:keep-all;
}

/* Á¦¸ñ ¾Æ·¡ ¼³¸í ? Å©±â´Â Å׸¶ º»¹® ±âÁØÀÇ 0.94¹è */
.st-lead{
	margin:0 0 26px;
	color:var(--st-muted);
	font-size:0.94em;
	line-height:1.7;
	text-align:center;
	word-break:keep-all;
}
.st-head .st-lead{ margin:0; }

/* ¦¡¦¡ Ä«µå ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.st-card{
	background:#fff;
	border:1px solid var(--st-line);
	border-radius:var(--st-radius-card);
	box-shadow:var(--st-shadow);
	overflow:hidden;
}
.st-card + .st-card{ margin-top:18px; }
.st-card--pad{ padding:30px; }

.st-card-title{
	display:flex; align-items:center; gap:9px;
	margin:0 0 18px;
	color:var(--st-ink); font-weight:700; font-size:1.05em; line-height:1.5;
}
.st-card-title i{ color:var(--st-primary); font-size:0.9em; }
.st-card-title small{
	margin-left:auto; color:var(--st-muted); font-size:0.78em; font-weight:400;
}

/* ¦¡¦¡ »ó´Ü ¹Ù (°Ç¼ö + ¹öÆ°) ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.st-bar{
	display:flex; align-items:center; justify-content:space-between;
	gap:12px; flex-wrap:wrap; margin-bottom:14px;
}
.st-count{ color:var(--st-body); font-size:0.92em; }
.st-count b{ color:var(--st-primary); font-weight:700; }
.st-chip{
	display:inline-block; margin-left:6px; padding:3px 10px;
	border-radius:999px; background:#eef2f8;
	color:var(--st-body); font-size:0.86em;
}

/* ¦¡¦¡ ¹öÆ° ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.st-btn{
	display:inline-flex; align-items:center; justify-content:center; gap:7px;
	height:46px; min-width:104px; padding:0 20px; margin:0;
	border:1px solid var(--st-line); border-radius:var(--st-radius-ctl);
	background:#fff; color:var(--st-body);
	font-family:inherit; font-size:0.95em; font-weight:600; line-height:1;
	white-space:nowrap; cursor:pointer; text-decoration:none;
	transition:border-color .16s ease, color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}
.st-btn:hover,
.st-btn:focus{ border-color:#c8d2e2; background:#f7f9fc; color:var(--st-body); text-decoration:none; }
.st-btn i{ font-size:0.9em; }

.st-btn--primary{
	border-color:transparent; color:#fff;
	background:linear-gradient(135deg,var(--st-primary),#3a8bff);
	box-shadow:0 8px 20px rgba(0,102,255,0.22);
}
.st-btn--primary:hover,
.st-btn--primary:focus{
	color:#fff; transform:translateY(-2px);
	box-shadow:0 12px 26px rgba(0,102,255,0.3);
	background:linear-gradient(135deg,var(--st-primary),#3a8bff);
}
.st-btn--dark{ border-color:transparent; background:var(--st-ink); color:#fff; }
.st-btn--dark:hover,
.st-btn--dark:focus{ background:#000; color:#fff; }
.st-btn--danger{ color:var(--st-danger); }
.st-btn--danger:hover,
.st-btn--danger:focus{ border-color:#f3b7bd; background:#fff5f6; color:#c82333; }
.st-btn--danger-solid{
	border-color:transparent; background:var(--st-danger); color:#fff;
	box-shadow:0 8px 20px rgba(220,53,69,0.22);
}
.st-btn--danger-solid:hover,
.st-btn--danger-solid:focus{ background:#c82333; color:#fff; }
.st-btn--lg{ height:52px; min-width:150px; padding:0 26px; }
.st-btn--sm{ height:42px; min-width:0; padding:0 16px; font-size:0.9em; }
.st-btn[disabled]{ opacity:.55; cursor:not-allowed; transform:none; box-shadow:none; }

.st-actions{
	display:flex; align-items:center; justify-content:center;
	gap:8px; flex-wrap:wrap; margin-top:22px;
}
.st-actions--split{ justify-content:space-between; }
.st-actions-group{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }

/* ¦¡¦¡ ¸µÅ© ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.st-link{
	display:inline-flex; align-items:center; gap:5px;
	color:var(--st-muted); font-size:0.9em; text-decoration:none;
}
.st-link:hover{ color:var(--st-primary); text-decoration:underline; text-underline-offset:3px; }

/* ¦¡¦¡ Ç¥ (°Ô½ÃÆÇ) ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.st-table{ width:100%; border-collapse:collapse; }
.st-table th{
	background:#f7f9fc; color:var(--st-ink);
	font-weight:600; font-size:0.9em; text-align:center;
	padding:14px 12px; border-bottom:1px solid var(--st-line); white-space:nowrap;
}
.st-table td{
	padding:15px 12px; border-bottom:1px solid #eef1f6;
	font-size:0.94em; color:var(--st-body); text-align:center; vertical-align:middle;
}
.st-table tbody tr:last-child td{ border-bottom:0; }
.st-table tbody tr{ transition:background .15s ease; }
.st-table tbody tr:hover{ background:#fafbfd; }
.st-table .st-col-no{ width:74px; color:var(--st-muted); font-size:0.9em; }
.st-table .st-col-writer{ width:120px; }
.st-table .st-col-date{ width:150px; color:var(--st-muted); font-size:0.9em; white-space:nowrap; }

/* Ç¥ ÁÂ¿ì ³¡ ¿©¹é
   ¡Ø .st-section À» ¾Õ¿¡ ºÙ¿© ¿ì¼±¼øÀ§¸¦ ³ô¿´½À´Ï´Ù.
     Å׸¶ CSS °¡ th/td ÀÇ padding À» ¸ÕÀú Àâ°í ÀÖ¾î, Ŭ·¡½º Çϳª¸¸À¸·Î´Â
     ¹Ð¸®¸é¼­ ¸¶Áö¸· Ä­(ÀÛ¼ºÀÏ)ÀÌ Ä«µå ¿À¸¥ÂÊ ³¡¿¡ ºÙ¾î ¹ö·È½À´Ï´Ù. */
.st-section .st-table th,
.st-section .st-table td{ padding:15px 12px; }
.st-section .st-table th:first-child,
.st-section .st-table td:first-child{ padding-left:20px; }
.st-section .st-table th:last-child,
.st-section .st-table td:last-child{ padding-right:20px; }
.st-table th.st-col-subject,
.st-table td.st-col-subject{ text-align:left; padding-left:16px; }
.st-table td.st-col-subject a{ color:var(--st-ink); font-weight:600; text-decoration:none; }
.st-table td.st-col-subject a:hover{ color:var(--st-primary); text-decoration:underline; text-underline-offset:3px; }

.st-badge{
	display:inline-block; padding:2px 8px; margin-right:7px;
	border-radius:999px; background:rgba(0,102,255,0.08);
	color:var(--st-primary); font-size:0.8em; font-weight:600;
	vertical-align:middle;
}
.st-badge--green{ background:rgba(15,157,110,0.1); color:var(--st-success); }

/* ºó ¸ñ·Ï */
.st-empty{ padding:60px 20px !important; text-align:center; }
.st-empty i{ display:block; font-size:2em; color:#c9d2df; margin-bottom:14px; }
.st-empty strong{ display:block; color:var(--st-ink); font-weight:700; margin-bottom:6px; }
.st-empty span{ display:block; color:var(--st-muted); font-size:0.92em; line-height:1.7; }

/* ¦¡¦¡ ÆäÀÌÁö ¹øÈ£ ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.st-paging{
	display:flex; align-items:center; justify-content:center;
	gap:6px; flex-wrap:wrap; list-style:none; margin:26px 0 0; padding:0;
}
.st-paging li{ margin:0; }
.st-paging a,
.st-paging span{
	display:inline-flex; align-items:center; justify-content:center;
	min-width:38px; height:38px; padding:0 11px;
	border:1px solid var(--st-line); border-radius:10px; background:#fff;
	color:var(--st-body); font-size:0.92em; font-weight:600; text-decoration:none;
	transition:border-color .16s ease, background .16s ease, color .16s ease;
}
.st-paging a:hover{ border-color:var(--st-primary); color:var(--st-primary); }
.st-paging .is-current span{
	background:var(--st-primary); border-color:var(--st-primary); color:#fff;
}
.st-paging .is-disabled span{ color:#c3cbd8; background:#f7f9fc; }

/* ¦¡¦¡ °Ë»ö ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.st-search{
	display:flex; align-items:center; justify-content:center;
	gap:8px; flex-wrap:wrap;
	margin-top:26px; padding:18px;
	background:#fff; border:1px solid var(--st-line);
	border-radius:var(--st-radius-card);
	box-shadow:0 6px 18px rgba(16,24,40,0.04);
}

/* ¦¡¦¡ ÀÔ·Â ¿ä¼Ò ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.st-input,
.st-select,
.st-textarea{
	-webkit-appearance:none; -moz-appearance:none; appearance:none;
	display:block; width:100%; margin:0;
	border:1px solid var(--st-line); border-radius:var(--st-radius-ctl);
	background-color:#fff; color:var(--st-ink);
	font-family:inherit; font-size:0.96em; font-weight:400; line-height:1.6;
	outline:none; box-shadow:none;
	transition:border-color .16s ease, box-shadow .16s ease;
}
.st-input,
.st-select{ height:48px; padding:0 15px; }
.st-textarea{ min-height:230px; padding:14px 15px; resize:vertical; }
.st-select{
	cursor:pointer; padding-right:34px;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238b93a1' d='M6 8 0 2l1.4-1.4L6 5.2 10.6.6 12 2z'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-position:right 13px center;
}
.st-input::placeholder,
.st-textarea::placeholder{ color:#aab2c0; }
.st-input:focus,
.st-select:focus,
.st-textarea:focus{
	border-color:var(--st-primary);
	box-shadow:0 0 0 4px rgba(0,102,255,0.12);
}
.st-input--auto{ width:auto; }
.st-select--auto{ width:118px; }
.st-input--search{ width:280px; max-width:100%; }

.st-field{ margin-bottom:18px; }
.st-field:last-child{ margin-bottom:0; }
.st-field > label{
	display:block; margin:0 0 8px;
	color:var(--st-ink); font-size:0.92em; font-weight:600;
}
.st-req{ color:var(--st-danger); margin-left:3px; }
.st-hint{
	display:block; margin:7px 0 0;
	color:var(--st-muted); font-size:0.86em; line-height:1.6;
}
.st-counter{
	display:block; margin-top:7px; text-align:right;
	color:var(--st-muted); font-size:0.86em;
}
.st-counter.is-full{ color:var(--st-danger); font-weight:600; }

.st-grid2{ display:grid; grid-template-columns:repeat(2,1fr); gap:0 18px; }

/* ¦¡¦¡ Àбâ Àü¿ë Á¤º¸ Ç¥ ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.st-info{
	display:grid; grid-template-columns:repeat(2,1fr); gap:1px;
	background:var(--st-line); border:1px solid var(--st-line);
	border-radius:var(--st-radius-ctl); overflow:hidden;
}
.st-info--1col{ grid-template-columns:1fr; }
.st-info .st-info-row{ display:flex; background:#fff; }
.st-info .st-info-label{
	flex:0 0 108px; padding:13px 14px; background:#f7f9fc;
	color:var(--st-muted); font-size:0.9em; font-weight:600;
	display:flex; align-items:center;
}
.st-info .st-info-value{
	flex:1 1 auto; min-width:0; padding:13px 14px;
	color:var(--st-ink); font-size:0.94em; font-weight:500;
	display:flex; align-items:center; word-break:break-all;
}
.st-info .st-info-value:empty::before{ content:'-'; color:var(--st-muted); }

/* ¦¡¦¡ ¾È³»¹® ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.st-notice{
	margin:18px 0 0; padding:18px 20px;
	border:1px solid #eef1f6; border-radius:var(--st-radius-ctl); background:#f7f9fc;
}
.st-notice ul{ margin:0; padding:0; list-style:none; }
.st-notice li{
	position:relative; margin:0 0 7px; padding-left:15px;
	color:var(--st-body); font-size:0.9em; line-height:1.65; word-break:keep-all;
}
.st-notice li:last-child{ margin-bottom:0; }
.st-notice li::before{
	content:''; position:absolute; left:2px; top:0.62em;
	width:4px; height:4px; border-radius:50%; background:#c3cbd8;
}
.st-notice li.is-warn{ color:var(--st-warn); font-weight:600; }
.st-notice li.is-warn::before{ background:#e0a63a; }

/* ¦¡¦¡ µ¿ÀÇ ¹Ú½º ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.st-agree{
	display:flex; align-items:center; gap:10px;
	margin-top:14px; padding:15px 18px;
	border:1px solid var(--st-line); border-radius:var(--st-radius-ctl); background:#fff;
	cursor:pointer;
	transition:border-color .16s ease, background .16s ease;
}
.st-agree:hover{ border-color:#c8d2e2; }
.st-agree.is-checked{ border-color:var(--st-primary); background:rgba(0,102,255,0.04); }
.st-agree input{
	width:19px; height:19px; margin:0; flex:0 0 auto;
	accent-color:var(--st-primary); cursor:pointer;
}
.st-agree label{
	margin:0; color:var(--st-ink); font-size:0.94em; font-weight:500;
	cursor:pointer; word-break:keep-all;
}

/* ¦¡¦¡ ÷ºÎÆÄÀÏ ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.st-file{
	display:flex; align-items:center; gap:12px; flex-wrap:wrap;
	padding:18px; border:1px dashed #cfd9e8;
	border-radius:var(--st-radius-ctl); background:#f9fbfe;
}
.st-file-none{ color:var(--st-muted); font-size:0.9em; }
.st-file-name{
	display:none; align-items:center; gap:8px; min-width:0;
	padding:8px 12px; border-radius:999px; background:rgba(0,102,255,0.07);
}
.st-file-name > label{
	margin:0; color:var(--st-muted); font-size:0.84em; font-weight:600; white-space:nowrap;
}
.st-file-name p{
	margin:0; max-width:280px;
	color:var(--st-primary); font-size:0.9em; font-weight:500;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.st-file-clear{
	border:0; background:transparent; padding:0 2px; margin:0;
	color:var(--st-muted); font-size:0.95em; line-height:1; cursor:pointer;
}
.st-file-clear:hover{ color:var(--st-danger); }
.st-file-down{
	display:inline-flex; align-items:center; gap:8px;
	color:var(--st-primary); font-size:0.94em; font-weight:500;
	text-decoration:none; word-break:break-all;
}
.st-file-down:hover{ text-decoration:underline; text-underline-offset:3px; }
.st-file-down img{ width:18px; height:18px; flex:0 0 auto; }

/* ¦¡¦¡ »ó¼¼ º¸±â ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.st-view-top{ padding:24px 28px; border-bottom:1px solid var(--st-line); background:#fbfcfe; }
.st-view-mark{
	display:inline-flex; align-items:center; justify-content:center;
	width:34px; height:34px; margin-bottom:12px;
	border-radius:10px; background:var(--st-primary);
	color:#fff; font-weight:700; font-size:1em;
}
.st-view-mark.is-answer{ background:var(--st-success); }
.st-view-title{
	margin:0 0 12px; color:var(--st-ink);
	font-weight:700; font-size:1.25em; line-height:1.5; word-break:keep-all;
}
.st-meta{
	display:flex; align-items:center; flex-wrap:wrap; gap:8px 14px;
	margin:0; padding:0; list-style:none;
	color:var(--st-muted); font-size:0.9em;
}
.st-meta li{ display:inline-flex; align-items:center; gap:6px; margin:0; }
.st-meta li i{ color:#b3bccb; font-size:0.88em; }
.st-view-contact{
	display:flex; flex-wrap:wrap; gap:10px;
	padding:16px 28px; border-bottom:1px solid var(--st-line); background:#fff;
}
.st-view-contact .st-item{
	display:inline-flex; align-items:center; gap:8px;
	padding:7px 14px; border-radius:999px;
	background:#f4f7fb; border:1px solid #e9eef6; font-size:0.9em;
}
.st-view-contact .st-item b{ color:var(--st-muted); font-weight:500; }
.st-view-contact .st-item span{ color:var(--st-ink); font-weight:500; }
.st-view-body{
	padding:30px 28px; min-height:180px;
	color:var(--st-body); line-height:1.85;
	word-break:break-word; overflow-wrap:break-word;
}
.st-view-body img{ max-width:100%; height:auto; }
.st-view-body a{ color:var(--st-primary); }
.st-view-file{ margin:0 28px 28px; }
.st-view-file .st-file-label{
	color:var(--st-muted); font-size:0.86em; font-weight:600; white-space:nowrap;
}

/* ¦¡¦¡ È®ÀΠâ ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.st-modal{
	position:fixed; inset:0; z-index:9999;
	display:none; align-items:center; justify-content:center; padding:20px;
	background:rgba(16,24,40,0.55);
	-webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);
}
.st-modal.is-open{ display:flex; }
.st-modal-box{
	width:100%; max-width:400px; padding:30px 28px 24px;
	background:#fff; border-radius:18px; text-align:center;
	box-shadow:0 24px 60px rgba(16,24,40,0.28);
	animation:stPop .18s ease-out;
}
@keyframes stPop{ from{ opacity:0; transform:translateY(8px) scale(.98); } to{ opacity:1; transform:none; } }
.st-modal-icon{
	display:inline-flex; align-items:center; justify-content:center;
	width:52px; height:52px; margin-bottom:16px;
	border-radius:50%; background:#fdecee; color:var(--st-danger); font-size:1.2em;
}
.st-modal-icon.is-done{ background:#e8f7f1; color:var(--st-success); }
.st-modal h4{ margin:0 0 8px; color:var(--st-ink); font-weight:700; font-size:1.1em; line-height:1.5; }
.st-modal-target{
	margin:0 0 10px; padding:10px 14px; border-radius:10px;
	background:var(--st-bg); color:var(--st-body); font-size:0.92em; font-weight:500;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.st-modal-desc{
	margin:0 0 22px; color:var(--st-muted); font-size:0.9em; line-height:1.65; word-break:keep-all;
}
.st-modal-error{
	display:none; margin:0 0 18px; padding:11px 14px;
	border:1px solid #f7ccd2; border-radius:10px; background:#fdecee;
	color:#c82333; font-size:0.9em; font-weight:500; line-height:1.6;
	text-align:left; word-break:break-all;
}
.st-modal-error.is-on{ display:block; }
.st-modal-actions{ display:flex; gap:8px; }
.st-modal-actions .st-btn{ flex:1 1 0; min-width:0; }
body.st-modal-open{ overflow:hidden; }

/* ¦¡¦¡ ¹ÝÀÀÇü ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
@media (max-width:768px){
	.st-section{ padding:40px 0 70px; }
	.st-head h2,
	.st-page-title{ font-size:1.6rem; }
	.st-card--pad{ padding:22px 18px; }
	.st-grid2{ grid-template-columns:1fr; }
	.st-info{ grid-template-columns:1fr; }
	.st-file{ flex-direction:column; align-items:stretch; }
	.st-file-name p{ max-width:100%; }
	.st-actions{ flex-direction:column-reverse; align-items:stretch; }
	.st-actions--split{ flex-direction:column-reverse; }
	.st-actions-group{ flex-direction:column; align-items:stretch; }
	.st-btn{ width:100%; }
	.st-modal-actions{ flex-direction:row; }
	.st-modal-actions .st-btn{ width:auto; }

	.st-view-top{ padding:20px 18px; }
	.st-view-contact{ padding:14px 18px; gap:8px; }
	.st-view-body{ padding:22px 18px; }
	.st-view-file{ margin:0 18px 20px; }
}

@media (max-width:640px){
	/* Ç¥ ¡æ Ä«µå */
	.st-table--card thead{ display:none; }
	.st-table--card,
	.st-table--card tbody,
	.st-table--card tr,
	.st-table--card td{ display:block; width:100%; }
	.st-table--card tr{ padding:14px 16px; border-bottom:1px solid #eef1f6; }
	.st-table--card td{ border:0; padding:0; text-align:left; }
	.st-table--card .st-col-no{ display:none !important; }
	.st-table--card td.st-col-subject{ margin-bottom:6px; padding-left:0; }
	.st-table--card td.st-col-subject a{ font-weight:600; }
	.st-table--card .st-col-writer,
	.st-table--card .st-col-date{
		display:inline-block !important; width:auto;
		color:var(--st-muted); font-size:0.88em;
	}
	/* Ä«µåÇü¿¡¼­´Â À§¿¡¼­ ÁØ ÁÂ¿ì ¿©¹éÀ» µÇµ¹¸³´Ï´Ù */
	.st-section .st-table--card td:first-child,
	.st-section .st-table--card td:last-child{ padding-left:0; padding-right:0; }
	.st-table--card .st-col-writer::after{ content:'¡¤'; margin:0 6px; color:#c9d2df; }

	.st-search{ flex-direction:column; align-items:stretch; padding:16px; }
	.st-select--auto,
	.st-input--search{ width:100%; }
	.st-search .st-btn{ width:100%; }
}

@media (prefers-reduced-motion:reduce){
	.st-section *,
	.st-modal *{ transition:none !important; animation:none !important; }
}

/* ==================================================================
   ȸ¿ø ÆäÀÌÁö °ø¿ë (login / register / join / find / secede / result)
   ------------------------------------------------------------------
   ¿©±âºÎÅÍ´Â °¢ ȸ¿ø ÆäÀÌÁöÀÇ <style> ºí·Ï¿¡¼­ ¿Å°Ü ¿Â °ÍÀÔ´Ï´Ù.
   °ªÀº ¿Å±â±â Àü°ú µ¿ÀÏÇÕ´Ï´Ù. Ŭ·¡½º À̸§¸¸ st- ·Î ÅëÀÏÇß½À´Ï´Ù.
================================================================== */

/* °á°ú ¾È³» È­¸é (°¡ÀÔ¿Ï·á ¡¤ ºñ¹Ð¹øÈ£º¯°æ ¡¤ Å»Åð¿Ï·á ¡¤ Àӽúñ¹Ð¹øÈ£) */
.st-section--tall{ padding:80px 0 100px; }

.st-result{
	max-width:620px; margin:0 auto; padding:56px 46px 46px;
	text-align:center; background:#fff;
	border:1px solid var(--st-line); border-radius:20px;
	box-shadow:0 20px 60px rgba(16,24,40,0.10);
}

/* ¿øÇü ÀÏ·¯½ºÆ® + ¹èÁö */
.st-result-visual{
	position:relative; width:170px; height:170px; margin:0 auto 28px;
	border-radius:50%;
	background:radial-gradient(circle at 50% 45%, #eaf2ff 0%, #f3f7ff 60%, #f7faff 100%);
	display:flex; align-items:center; justify-content:center;
	animation:stPopIn .5s cubic-bezier(.22,1.2,.4,1) both;
}
.st-result-visual img{ width:118px; height:auto; display:block; }
.st-result-check{
	position:absolute; right:6px; bottom:6px;
	width:52px; height:52px; border-radius:50%;
	border:4px solid #fff; color:#fff; font-size:1.2rem;
	display:flex; align-items:center; justify-content:center;
	background:linear-gradient(135deg,#12b76a,#39d68e);
	box-shadow:0 8px 20px rgba(18,183,106,0.35);
	animation:stPopIn .45s .28s cubic-bezier(.22,1.4,.4,1) both;
}
.st-result-check.is-blue{
	background:linear-gradient(135deg,var(--st-primary),#3a8bff);
	box-shadow:0 8px 20px rgba(0,102,255,0.35);
}
.st-result-check.is-red{
	background:linear-gradient(135deg,#e5484d,#f2777a);
	box-shadow:0 8px 20px rgba(229,72,77,0.35);
}
@keyframes stPopIn{
	from{ opacity:0; transform:scale(.6); }
	to{ opacity:1; transform:scale(1); }
}

/* »óÅ ¶óº§ */
.st-eyebrow{
	display:inline-flex; align-items:center; gap:7px; margin-bottom:14px;
	padding:7px 16px; border-radius:999px;
	background:rgba(18,183,106,0.10); color:#12b76a;
	font-weight:800; font-size:0.85rem;
}
.st-eyebrow.is-blue{ background:rgba(0,102,255,0.09); color:var(--st-primary); }
.st-eyebrow.is-red{ background:rgba(229,72,77,0.09); color:#e5484d; }

.st-result h2{
	margin:0 0 12px; color:var(--st-ink);
	font-weight:800; font-size:1.75rem; line-height:1.4; word-break:keep-all;
}
.st-result > p{
	max-width:430px; margin:0 auto;
	color:var(--st-body); font-size:0.98rem; line-height:1.8; word-break:keep-all;
}

/* ÆĶõ ¾È³» »óÀÚ (üũ ¸ñ·Ï) */
.st-infobox{
	margin:28px 0 0; padding:18px 20px; border-radius:12px; text-align:left;
	background:rgba(0,102,255,0.05); border:1px solid rgba(0,102,255,0.14);
}
.st-infobox h4{
	display:flex; align-items:center; gap:8px; margin:0 0 12px;
	color:var(--st-ink); font-weight:800; font-size:0.95rem;
}
.st-infobox h4 i{ color:var(--st-primary); font-size:0.9rem; }
.st-infobox ul{ list-style:none; margin:0; padding:0; display:grid; gap:9px; }
/* [¼öÁ¤] ±âÁ¸¿¡´Â li ¸¦ flex ·Î Àâ¾Ò½À´Ï´Ù.
   ±×·¯¸é li ¾ÈÀÇ ±ÛÀÚ µ¢¾î¸®¡¤<a>¡¤<strong> ÀÌ °¢°¢ º°°³ÀÇ Ä­À¸·Î Ãë±ÞµÇ¾î
   »çÀÌ»çÀÌ°¡ gap ¸¸Å­ ¹ú¾îÁö°í ¹®ÀåÀÌ Á¶°¢Á¶°¢ Èð¾îÁý´Ï´Ù.
   ¾ÆÀÌÄܸ¸ ¿ÞÂÊ¿¡ ¶ç¿ì°í º»¹®Àº º¸Åë ¹®ÀåÀ¸·Î È帣°Ô ÇÕ´Ï´Ù. */
.st-infobox li{
	position:relative; padding-left:21px;
	color:var(--st-body); font-size:0.88rem; line-height:1.7; word-break:keep-all;
}
.st-infobox li i{
	position:absolute; left:0; top:0.55em;
	color:var(--st-primary); font-size:0.72rem;
}
.st-infobox strong{ color:var(--st-ink); }
.st-infobox a{ color:var(--st-primary); font-weight:700; text-decoration:underline; }
.st-infobox.is-red{ background:rgba(229,72,77,0.05); border-color:rgba(229,72,77,0.16); }
.st-infobox.is-red h4 i,
.st-infobox.is-red li i{ color:#e5484d; }

/* °á°ú È­¸é ¹öÆ° ÁÙ (ÁÖ ¹öÆ° + º¸Á¶ ¹öÆ°) */
.st-result-actions{
	display:flex; gap:12px; margin-top:30px; padding-top:28px;
	border-top:1px solid var(--st-line);
}
.st-result-actions .st-btn{ height:54px; font-size:1rem; font-weight:800; border-radius:12px; }
.st-result-actions .st-btn--primary{ flex:1 1 auto; }
.st-result-actions .st-btn--ghost{
	flex:0 0 168px; border-color:transparent; background:#eef1f6; color:var(--st-body);
}
.st-result-actions .st-btn--ghost:hover{ background:#e3e7ee; color:var(--st-body); }

@media (max-width:575px){
	.st-section--tall{ padding:50px 0 70px; }
	.st-result{ padding:38px 22px 32px; }
	.st-result h2{ font-size:1.45rem; }
	.st-result-visual{ width:140px; height:140px; }
	.st-result-visual img{ width:96px; }
	.st-result-actions{ flex-direction:column-reverse; }
	.st-result-actions .st-btn{ width:100%; }
	.st-result-actions .st-btn--ghost{ flex:0 0 50px; height:50px; }
}

@media (prefers-reduced-motion:reduce){
	.st-result-visual,
	.st-result-check{ animation:none !important; }
}

/* ¾ÆÀÌÄܸ¸ ÀÖ´Â ¿øÇü ¹èÁö (Å»Åð¿Ï·á µî) */
.st-result-badge{
	width:66px; height:66px; margin:0 auto 22px; border-radius:50%;
	background:#eef1f6; color:var(--st-muted); font-size:1.6rem;
	display:flex; align-items:center; justify-content:center;
}

/* º»¹® ¾Æ·¡ »ðÈ­ */
.st-result-illust{ margin:24px 0 4px; }
.st-result-illust img{ width:150px; max-width:55%; height:auto; }

/* ȸ»ö ¾È³» »óÀÚ (¾ÆÀÌÄÜ ¸ñ·Ï) */
.st-plainbox{
	margin:26px 0 0; padding:18px 20px; border-radius:12px; text-align:left;
	background:#f7f9fc; border:1px solid var(--st-line);
}
.st-plainbox ul{ list-style:none; margin:0; padding:0; display:grid; gap:9px; }
/* st-infobox ¿Í °°Àº ÀÌÀ¯·Î flex ¸¦ ¾²Áö ¾Ê½À´Ï´Ù */
.st-plainbox li{
	position:relative; padding-left:21px;
	color:var(--st-body); font-size:0.88rem; line-height:1.7; word-break:keep-all;
}
.st-plainbox li i{
	position:absolute; left:0; top:0.55em;
	color:var(--st-muted); font-size:0.72rem;
}

/* Ä«µå ¹Û ÇÏ´Ü ¹®ÀÇ ¾È³» */
.st-result-foot{
	margin:18px 0 0; text-align:center;
	color:var(--st-muted); font-size:0.84rem; line-height:1.6;
}
.st-result-foot a{ color:var(--st-muted); text-decoration:underline; text-underline-offset:2px; }
.st-result-foot a:hover{ color:var(--st-primary); }

/* ¿øÇü ¹èÁö »ö»ó º¯Çü */
.st-result-badge.is-green{ background:rgba(15,157,110,0.10); color:var(--st-success); font-size:1.7rem;
	animation:stPopIn .45s cubic-bezier(.2,.9,.3,1.2) both; }
.st-result-badge.is-blue{ background:rgba(0,102,255,0.10); color:var(--st-primary); font-size:1.7rem;
	animation:stPopIn .45s cubic-bezier(.2,.9,.3,1.2) both; }
.st-result-badge.is-red{ background:rgba(220,53,69,0.10); color:var(--st-danger); font-size:1.7rem;
	animation:stPopIn .45s cubic-bezier(.2,.9,.3,1.2) both; }
.st-result-badge.is-warn{ background:rgba(183,121,31,0.10); color:var(--st-warn); font-size:1.7rem;
	animation:stPopIn .45s cubic-bezier(.2,.9,.3,1.2) both; }

/* °á°ú È­¸é ¹Ù±ù ¹­À½ (´Ü°è Ç¥½Ã°¡ Ä«µå ¹Û¿¡ ÀÖÀ» ¶§) */
.st-result-wrap{ max-width:660px; margin:0 auto; }
.st-result-wrap .st-result{ max-width:100%; }

/* ÁøÇà ´Ü°è (¾à°üµ¿ÀÇ ¡æ Á¤º¸ÀÔ·Â ¡æ °¡ÀÔ¿Ï·á) */
.st-steps{
	display:flex; align-items:center; justify-content:center;
	flex-wrap:wrap; gap:0 6px; margin:0 0 28px; padding:0; list-style:none;
}
.st-steps li{
	display:inline-flex; align-items:center; gap:8px;
	color:var(--st-muted); font-size:0.88rem; font-weight:700;
}
.st-steps li b{
	width:24px; height:24px; border-radius:50%;
	display:inline-flex; align-items:center; justify-content:center;
	background:#e4e8ef; color:#98a0ae; font-size:0.78rem; font-weight:800;
}
.st-steps li.is-done b{ background:rgba(0,102,255,0.14); color:var(--st-primary); }
.st-steps li.is-active{ color:var(--st-primary); }
.st-steps li.is-active b{ background:var(--st-primary); color:#fff; }
.st-steps .st-step-line{ width:34px; height:2px; margin:0 4px; border-radius:2px; background:var(--st-line); }

/* ¾ÆÀ̵ð Ç¥½Ã Ĩ */
.st-idchip{
	display:inline-flex; align-items:center; gap:8px;
	margin:16px 0 0; padding:8px 16px; border-radius:999px;
	background:#f2f5fa; border:1px solid var(--st-line);
	color:var(--st-ink); font-size:0.9rem; font-weight:700;
}
.st-idchip i{ color:var(--st-primary); font-size:0.85rem; }
.st-idchip em{ font-style:normal; color:var(--st-muted); font-weight:600; }

/* ´ÙÀ½¿¡ ÇÒ ¼ö ÀÖ´Â °Í ¸ñ·Ï */
.st-next{ margin-top:30px; padding-top:26px; border-top:1px solid var(--st-line); text-align:left; }
.st-next h3{
	display:flex; align-items:center; gap:8px; margin:0 0 16px;
	color:var(--st-ink); font-weight:800; font-size:1rem;
}
.st-next h3 i{ color:var(--st-primary); font-size:0.9rem; }
.st-next ul{ list-style:none; margin:0; padding:0; }
.st-next li{
	display:flex; align-items:flex-start; gap:12px; margin-bottom:14px;
	font-size:0.9rem; line-height:1.6; word-break:keep-all;
}
.st-next li:last-child{ margin-bottom:0; }
.st-next li .st-ico{
	flex:0 0 auto; width:32px; height:32px; border-radius:9px;
	background:rgba(0,102,255,0.08); color:var(--st-primary);
	display:flex; align-items:center; justify-content:center; font-size:0.82rem;
}
.st-next li strong{ display:block; margin-bottom:2px; color:var(--st-ink); font-weight:700; }
.st-next li span span{ display:block; color:var(--st-muted); font-size:0.85rem; }

/* ÁÖÀÇ »óÀÚ */
.st-warnbox{
	display:flex; align-items:flex-start; gap:11px; text-align:left;
	margin:26px 0 0; padding:16px 18px; border-radius:12px;
	background:rgba(183,121,31,0.08); border:1px solid rgba(183,121,31,0.22);
	color:var(--st-body); font-size:0.88rem; line-height:1.7; word-break:keep-all;
}
.st-warnbox i{ color:var(--st-warn); margin-top:4px; flex:0 0 auto; }
.st-warnbox strong{ color:var(--st-ink); font-weight:800; }

/* ¹øÈ£°¡ ºÙÀº ¾È³» ¸ñ·Ï */
.st-steplist{ list-style:none; margin:22px 0 0; padding:0; text-align:left; }
.st-steplist li{
	position:relative; padding-left:36px; margin-bottom:12px;
	font-size:0.9rem; line-height:1.6; word-break:keep-all;
}
.st-steplist li:last-child{ margin-bottom:0; }
.st-steplist b{
	position:absolute; left:0; top:0.1em;
	width:24px; height:24px; border-radius:50%;
	background:rgba(0,102,255,0.10); color:var(--st-primary);
	display:inline-flex; align-items:center; justify-content:center;
	font-size:0.76rem; font-weight:800;
}

/* °á°ú È­¸é ¹öÆ° ÁÙ ? ±¸ºÐ¼± ¾ø´Â ÇüÅ */
.st-result-actions--plain{ padding-top:0; border-top:0; }

@media (max-width:767px){
	.st-steps li{ font-size:0.82rem; }
	.st-steps .st-step-line{ width:18px; margin:0 2px; }
}

/* ==================================================================
   ÀÔ·Â Æû °è¿­ (find_id / register / join / login / secede)
================================================================== */

.st-wrap--md{ max-width:920px; }

/* Ä«µå 2´Ü ¹èÄ¡ */
.st-cards2{ display:grid; grid-template-columns:1fr 1fr; gap:22px; align-items:start; }

/* Ä«µå ¸Ó¸® (¾ÆÀÌÄÜ + Á¦¸ñ + ¼³¸í) */
.st-card-head{ display:flex; align-items:center; gap:12px; margin-bottom:8px; }
.st-card-head h3{ margin:0; color:var(--st-ink); font-weight:800; font-size:1.14rem; }
.st-card-ico{
	flex:0 0 auto; width:40px; height:40px; border-radius:11px;
	background:rgba(0,102,255,0.10); color:var(--st-primary);
	display:flex; align-items:center; justify-content:center; font-size:1rem;
}
.st-card-desc{
	margin:0 0 22px; color:var(--st-muted);
	font-size:0.86rem; line-height:1.65; word-break:keep-all;
}

/* ¾ÆÀÌÄÜÀÌ µé¾î°£ ÀÔ·Ââ */
.st-inputbox{ position:relative; }
.st-inputbox > i{
	position:absolute; left:16px; top:50%; transform:translateY(-50%);
	color:var(--st-muted); font-size:0.92rem; pointer-events:none;
	transition:color .18s ease;
}
.st-inputbox input{
	width:100%; height:52px; padding:0 16px 0 44px;
	border:1.5px solid var(--st-line); border-radius:12px;
	background:#fbfcfe; color:var(--st-ink);
	font-family:inherit; font-size:0.96rem; outline:none; box-shadow:none;
	transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.st-inputbox input::placeholder{ color:#b6bdc9; }
.st-inputbox input:focus{
	border-color:var(--st-primary); background:#fff;
	box-shadow:0 0 0 4px rgba(0,102,255,0.12);
}
.st-inputbox input:focus ~ i{ color:var(--st-primary); }

/* ÀÔ·Â ¶óº§ (¿À¸¥ÂÊ¿¡ »óÅ ǥ½Ã°¡ ºÙÀ» ¼ö ÀÖÀ½) */
.st-form-field{ margin-bottom:16px; }
.st-form-field > label{
	display:flex; align-items:center; gap:6px; flex-wrap:wrap;
	margin:0 0 8px; color:var(--st-ink); font-weight:700; font-size:0.88rem;
}
.st-req{ color:var(--st-danger); margin-left:3px; }

/* »óÅ ǥ½Ã (ÀÎÁõ Àü / ÀÎÁõ ¿Ï·á) */
.st-tag{
	display:inline-flex; align-items:center; gap:5px;
	margin-left:auto; padding:3px 9px; border-radius:999px;
	font-size:0.72rem; font-weight:700; white-space:nowrap;
}
.st-tag i{ font-size:0.68rem; }
.st-tag.is-wait{ background:rgba(183,121,31,0.10); color:var(--st-warn); }
.st-tag.is-done{ background:rgba(15,157,110,0.10); color:var(--st-success); }

/* Å« Á¦Ãâ ¹öÆ° */
.st-btn--block{ width:100%; }
.st-btn--xl{ height:54px; font-size:1rem; font-weight:800; border-radius:12px; }
.st-btn--outline{
	background:#fff; color:var(--st-primary);
	border:1.5px solid var(--st-primary); box-shadow:none;
}
.st-btn--outline:hover,
.st-btn--outline:focus{
	background:var(--st-primary); color:#fff;
	box-shadow:0 10px 24px rgba(0,102,255,0.26);
}
.st-btn.is-off,
.st-btn--primary.is-off{
	background:#c3cbd8; border-color:transparent; color:#fff;
	box-shadow:none; transform:none;
}
.st-btn.is-off:hover,
.st-btn--primary.is-off:hover{ background:#c3cbd8; transform:none; box-shadow:none; }

/* ÀÔ·Ââ + ¿· ¹öÆ° */
.st-inline{ display:flex; gap:9px; align-items:stretch; }
.st-inline .st-inputbox{ flex:1 1 auto; min-width:0; }
.st-side-btn{
	flex:0 0 112px; height:52px; border-radius:12px; cursor:pointer;
	border:1.5px solid var(--st-primary); background:#fff; color:var(--st-primary);
	font-family:inherit; font-weight:700; font-size:0.88rem;
	display:inline-flex; align-items:center; justify-content:center; gap:6px;
	transition:background .18s ease, color .18s ease, box-shadow .18s ease, opacity .16s ease;
}
.st-side-btn:hover{ background:var(--st-primary); color:#fff; box-shadow:0 8px 18px rgba(0,102,255,0.24); }
.st-side-btn i{ font-size:0.8rem; }
.st-side-btn[disabled]{ pointer-events:none; opacity:0.55; }

/* Ä«µå ÇÏ´Ü °¢ÁÖ */
.st-cardnote{
	display:flex; align-items:flex-start; gap:8px;
	margin:18px 0 0; padding-top:16px; border-top:1px solid var(--st-line);
	color:var(--st-muted); font-size:0.81rem; line-height:1.6; word-break:keep-all;
}
.st-cardnote i{ margin-top:3px; flex:0 0 auto; }

/* ÇÏ´Ü ¸µÅ© ÁÙ */
.st-links{
	display:flex; align-items:center; justify-content:center;
	gap:0 18px; flex-wrap:wrap; margin:28px 0 0; padding:0; list-style:none;
}
.st-links li{ position:relative; }
.st-links li + li::before{
	content:''; position:absolute; left:-9px; top:50%; transform:translateY(-50%);
	width:1px; height:12px; background:var(--st-line);
}
.st-links a{
	color:var(--st-body); font-size:0.9rem; font-weight:600;
	text-decoration:none; transition:color .18s ease;
}
.st-links a:hover{ color:var(--st-primary); text-decoration:underline; text-underline-offset:3px; }
.st-links a.is-strong{ color:var(--st-primary); font-weight:700; }

/* ÆäÀÌÁö ¸Ç ¾Æ·¡ ¹®ÀÇ °¢ÁÖ */
.st-footnote{
	margin:16px 0 0; text-align:center;
	color:var(--st-muted); font-size:0.83rem; line-height:1.6;
}
.st-footnote a{ color:var(--st-muted); text-decoration:underline; text-underline-offset:2px; }
.st-footnote a:hover{ color:var(--st-primary); }

@media (max-width:767px){
	.st-cards2{ grid-template-columns:1fr; gap:18px; }
	.st-head h2{ font-size:1.6rem; }
}
@media (max-width:479px){
	.st-inline{ flex-wrap:wrap; }
	.st-side-btn{ flex:1 1 100%; }
}

/* ¦¡¦¡ ¾à°ü µ¿ÀÇ (register.php) ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.st-alert{
	display:flex; align-items:flex-start; gap:11px;
	margin-bottom:18px; padding:16px 18px; border-radius:14px;
	background:rgba(220,53,69,0.06); border:1px solid rgba(220,53,69,0.22);
	color:var(--st-body); font-size:0.9rem; line-height:1.65; word-break:keep-all;
}
.st-alert i{ color:var(--st-danger); margin-top:4px; flex:0 0 auto; }

.st-agree-all{
	display:flex; align-items:center; gap:12px;
	margin-bottom:18px; padding:18px 22px; border-radius:14px;
	background:#fff; border:1.5px solid var(--st-line);
	box-shadow:0 6px 18px rgba(16,24,40,0.05);
	transition:border-color .18s ease, background .18s ease;
}
.st-agree-all.is-on{ border-color:var(--st-primary); background:rgba(0,102,255,0.04); }
.st-agree-all label{
	margin:0; cursor:pointer; color:var(--st-ink);
	font-weight:800; font-size:1rem; line-height:1.4;
}
.st-agree-all .st-agree-sub{
	display:block; margin-top:3px;
	color:var(--st-muted); font-weight:500; font-size:0.84rem;
}
.st-agree-all input[type="checkbox"]{ width:22px; height:22px; }

.st-doc{
	margin-bottom:18px; overflow:hidden; border-radius:18px;
	background:#fff; border:1px solid var(--st-line);
	box-shadow:0 10px 30px rgba(16,24,40,0.06);
	transition:border-color .18s ease;
}
.st-doc.is-agreed{ border-color:rgba(0,102,255,0.45); }
.st-doc input[type="checkbox"]{
	flex:0 0 auto; width:20px; height:20px; margin:0;
	accent-color:var(--st-primary); cursor:pointer;
}
.st-agree-all input[type="checkbox"]{
	flex:0 0 auto; margin:0; accent-color:var(--st-primary); cursor:pointer;
}
.st-doc-head{
	display:flex; align-items:center; gap:10px;
	padding:18px 22px; border-bottom:1px solid var(--st-line);
}
.st-doc-head h3{
	display:flex; align-items:center; gap:9px; margin:0;
	color:var(--st-ink); font-weight:800; font-size:1.05rem;
}
.st-doc-head h3 i{ color:var(--st-primary); font-size:0.95rem; }
.st-req-tag{
	margin-left:auto; flex:0 0 auto; padding:4px 10px; border-radius:999px;
	background:rgba(0,102,255,0.10); color:var(--st-primary);
	font-size:0.74rem; font-weight:800;
}

.st-doc-scroll{ position:relative; }
.st-doc-body{
	max-height:300px; overflow-y:auto; overscroll-behavior:contain;
	padding:22px 24px 30px;
	color:var(--st-body); font-size:0.9rem; line-height:1.85; word-break:keep-all;
	scrollbar-width:thin; scrollbar-color:#d7dde8 transparent;
}
.st-doc-body:focus-visible{ outline:2px solid rgba(0,102,255,0.35); outline-offset:-2px; }
.st-doc-body h5{ margin:22px 0 8px; color:var(--st-ink); font-weight:800; font-size:0.95rem; line-height:1.5; }
.st-doc-body h5:first-child{ margin-top:0; }
.st-doc-body p{ margin:0 0 6px; }
.st-doc-body .st-doc-empty{ color:var(--st-muted); text-align:center; padding:24px 0; }
.st-doc-body::-webkit-scrollbar{ width:10px; }
.st-doc-body::-webkit-scrollbar-track{ background:transparent; }
.st-doc-body::-webkit-scrollbar-thumb{
	background:#d7dde8; border-radius:99px;
	border:3px solid #fff; background-clip:padding-box;
}
.st-doc-body::-webkit-scrollbar-thumb:hover{ background:#c2cad8; background-clip:padding-box; }

.st-doc-fade{
	position:absolute; left:1px; right:11px; bottom:0; height:44px;
	background:linear-gradient(to bottom, rgba(255,255,255,0), #fff 85%);
	pointer-events:none; opacity:1; transition:opacity .2s ease;
}
.st-doc-fade.is-hidden{ opacity:0; }

.st-doc-foot{
	display:flex; align-items:center; gap:11px;
	padding:15px 22px; background:#fbfcfe; border-top:1px solid var(--st-line);
}
.st-doc-foot label{ margin:0; cursor:pointer; color:var(--st-ink); font-weight:700; font-size:0.92rem; }
.st-scroll-hint{
	margin-left:auto; display:inline-flex; align-items:center; gap:6px;
	color:var(--st-muted); font-size:0.8rem;
}

/* ÇÏ´Ü Å« ¹öÆ° ÁÙ (º¸Á¶ + ÁÖ ¹öÆ°) */
.st-form-actions{ display:flex; gap:12px; margin-top:28px; }
.st-form-actions .st-btn{ height:56px; font-size:1.02rem; font-weight:800; border-radius:12px; }
.st-form-actions .st-btn--primary{ flex:1 1 auto; order:2; }
.st-form-actions .st-btn--ghost{
	flex:0 0 130px; order:1;
	border-color:transparent; background:#eef1f6; color:var(--st-body);
}
.st-form-actions .st-btn--ghost:hover{ background:#e3e7ee; color:var(--st-body); }

@media (max-width:767px){
	.st-doc-head{ padding:16px 18px; }
	.st-doc-body{ padding:18px 18px 26px; max-height:260px; }
	.st-doc-foot{ padding:14px 18px; flex-wrap:wrap; }
	.st-scroll-hint{ display:none; }
	.st-agree-all{ padding:16px 18px; }
	.st-form-actions{ flex-direction:column; }
	.st-form-actions .st-btn{ width:100%; }
	.st-form-actions .st-btn--primary{ order:1; }
	.st-form-actions .st-btn--ghost{ order:2; flex:0 0 50px; height:50px; }
}

/* ¦¡¦¡ ÀÔ·Â Ä«µå ¡¤ ¼½¼Ç (join / join_upd / secede) ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.st-formcard{
	background:#fff; border:1px solid var(--st-line); border-radius:18px;
	box-shadow:0 18px 50px rgba(16,24,40,0.10); padding:36px 38px;
}
.st-fsection + .st-fsection{ margin-top:30px; padding-top:26px; border-top:1px solid var(--st-line); }
.st-fsection-title{
	display:flex; align-items:center; gap:9px; margin:0 0 6px;
	color:var(--st-ink); font-weight:800; font-size:1.05rem;
}
.st-fsection-title i{ color:var(--st-primary); font-size:0.95rem; }
.st-fsection-desc{
	margin:0 0 20px; color:var(--st-muted);
	font-size:0.85rem; line-height:1.6; word-break:keep-all;
}

/* ±âº» ÀÔ·Ââ (¾ÆÀÌÄÜ ¾ø´Â ÇüÅÂ) */
.st-formcard .form-control,
.st-formcard input[type="text"],
.st-formcard input[type="email"],
.st-formcard input[type="tel"],
.st-formcard input[type="password"]{
	width:100%; height:52px; padding:0 15px;
	border:1.5px solid var(--st-line); border-radius:12px;
	background:#fbfcfe; color:var(--st-ink);
	font-family:inherit; font-size:0.96rem; box-shadow:none;
	transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.st-formcard input::placeholder{ color:#b6bdc9; }
.st-formcard input:hover{ border-color:#d3d9e4; }
.st-formcard input:focus{
	outline:none; border-color:var(--st-primary); background:#fff;
	box-shadow:0 0 0 4px rgba(0,102,255,0.12);
}

.st-fielditem{ margin-bottom:20px; }
.st-fielditem:last-child{ margin-bottom:0; }
.st-label{
	display:flex; align-items:center; gap:6px; flex-wrap:wrap;
	margin:0 0 8px; color:var(--st-ink); font-weight:700; font-size:0.9rem;
}
.st-req-mark{ color:var(--st-primary); font-weight:800; }
.st-help{ margin:7px 0 0; color:var(--st-muted); font-size:0.82rem; line-height:1.6; word-break:keep-all; }

/* ÀÔ·Â + ¿· ¹öÆ° (join °è¿­Àº input ÀÌ Á÷Á¢ ÀÚ½Ä) */
.st-inline > input{ flex:1 1 auto; min-width:0; }
.st-side-btn--wide{ flex:0 0 118px; font-size:0.9rem; }

/* ºñ¹Ð¹øÈ£ º¸±â Åä±Û */
.st-pw-box{ position:relative; }
.st-pw-box input{ padding-right:48px; }
.st-eye{
	position:absolute; right:7px; top:50%; transform:translateY(-50%);
	width:38px; height:38px; border:0; background:transparent;
	color:var(--st-muted); cursor:pointer; border-radius:9px;
	display:flex; align-items:center; justify-content:center;
	transition:color .18s ease, background .18s ease;
}
.st-eye:hover{ color:var(--st-primary); background:rgba(0,102,255,0.07); }

/* ÀÔ·Â ¾Æ·¡ ÇÑ ÁÙ ¾È³» */
.st-inline-msg{ display:block; margin-top:7px; font-size:0.82rem; font-weight:600; line-height:1.5; }
.st-inline-msg.is-ok{ color:var(--st-success); }
.st-inline-msg.is-ng{ color:var(--st-danger); }

/* ¾ÆÀ̵ð Áߺ¹È®ÀÎ °á°ú ? ±âÁ¸ JS Ŭ·¡½º¸íÀ» ±×´ë·Î ¾¹´Ï´Ù */
.st-section .fail-check-id{ border-color:var(--st-danger) !important; box-shadow:0 0 0 4px rgba(220,53,69,0.10) !important; }
.st-section .success-check-id{ border-color:var(--st-success) !important; box-shadow:0 0 0 4px rgba(15,157,110,0.12) !important; }
.st-section .fail-id-comment{ display:block; margin-top:7px; color:var(--st-danger); font-size:0.82rem; font-weight:600; }
.st-section .success-id-comment{ display:block; margin-top:7px; color:var(--st-success); font-size:0.82rem; font-weight:600; }
.st-section .hide-id-comment{ display:none; }

/* ºñ¹Ð¹øÈ£ ±ÔÄ¢ üũ¸®½ºÆ® */
.st-rules{ list-style:none; margin:9px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:6px 16px; }
.st-rules li{
	display:inline-flex; align-items:center; gap:6px;
	color:var(--st-muted); font-size:0.81rem; font-weight:600; transition:color .18s ease;
}
.st-rules li i{ font-size:0.72rem; opacity:0.5; }
.st-rules li.is-ok{ color:var(--st-success); }
.st-rules li.is-ok i{ opacity:1; }

/* ÁøÇà Áß Ç¥½Ã */
.st-btn--primary.is-loading{ pointer-events:none; opacity:0.72; transform:none; box-shadow:none; }
.st-spin{
	width:16px; height:16px; border-radius:50%;
	border:2px solid rgba(255,255,255,0.45); border-top-color:#fff;
	animation:stSpin .7s linear infinite;
}
@keyframes stSpin{ to{ transform:rotate(360deg); } }

/* ±¸ºÐ¼±ÀÌ ÀÖ´Â ÇÏ´Ü ¹öÆ° ÁÙ */
.st-form-actions--top{ margin-top:32px; padding-top:26px; border-top:1px solid var(--st-line); }

@media (max-width:767px){
	.st-formcard{ padding:26px 20px; }
	.st-side-btn--wide{ flex:0 0 100px; font-size:0.84rem; }
}

/* Á¦¸ñ ¾Æ·¡ ¼³¸í ¾ÈÀÇ ¸µÅ© */
.st-lead a{ color:var(--st-primary); font-weight:700; text-decoration:underline; text-underline-offset:3px; }

/* ==================================================================
   [ÆäÀÌÁö Àü¿ë] ¾Æ·¡´Â ƯÁ¤ ÆäÀÌÁö¿¡¼­¸¸ ¾²ÀÌ´Â ºÎÇ°ÀÔ´Ï´Ù.
   ´Ù¸¥ ÆäÀÌÁö¿¡¼­ Àç»ç¿ëÇÒ ÀÏÀÌ ¾ø¾î Ŭ·¡½º À̸§Àº ¿ø·¡´ë·Î µÎ°í
   À§Ä¡¸¸ ÀÌ ÆÄÀÏ·Î ¿Å°å½À´Ï´Ù. (PHP ÆÄÀÏ¿¡´Â CSS °¡ ³²Áö ¾Ê½À´Ï´Ù)
   °¢ ºí·ÏÀº ÀÚ±â ÆäÀÌÁö Ŭ·¡½º(.lg-page µî) ¾È¿¡¼­¸¸ Àû¿ëµË´Ï´Ù.
================================================================== */


/* ------------------------------------------------------------------
   ·Î±×ÀÎ  ?  login.php
------------------------------------------------------------------ */
/* ============================================================
   ·Î±×ÀÎ ÆäÀÌÁö : ¸ð´ø Ä«µåÇü UI (scoped: .lg-page)
   ¡Ø ¸ðµç ½ºÅ¸ÀÏÀº .lg-page ¾È¿¡¼­¸¸ Àû¿ë ¡æ Àü¿ª CSS ¿µÇâ ¾øÀ½
   [2026-07 °³¼±]
   A¾È : ȸ¿ø°¡ÀÔ / ¾ÆÀ̵𡤺ñ¹Ð¹øÈ£ ã±â ¸µÅ©¸¦ Æû »ó´Ü¡¤¶óº§ ÁÙ·Î À̵¿
          ¡æ Ä«µå ÃÖÇÏ´Ü¿¡ ÀÖ´ø lg-links Á¦°Å (½ºÅ©·Ñ ¾øÀÌ ³ëÃâ)
   B¾È : ¸ð¹ÙÀÏ(991px ÀÌÇÏ)¿¡¼­ Æû ÆгÎÀ» ºê·£µå Æгκ¸´Ù ¸ÕÀú ¹èÄ¡
============================================================ */
.lg-page{
	--lg-primary:#0066ff;
	--lg-primary-dark:#0047b3;
	--lg-ink:#1a1d24;
	--lg-body:#3f4654;
	--lg-muted:#8b93a1;
	--lg-line:#e4e8ef;
	--lg-bg:#f5f7fb;
	--lg-radius:20px;
	background:var(--lg-bg);
	padding:70px 0 90px;
}
.lg-page *{ box-sizing:border-box; }
/* Ä«µå : Á ºê·£µå / ¿ì Æû */
.lg-page .lg-card{
	max-width:960px; margin:0 auto;
	background:#fff;
	border:1px solid var(--lg-line);
	border-radius:var(--lg-radius);
	box-shadow:0 20px 60px rgba(16,24,40,0.10);
	overflow:hidden;
	display:flex; flex-wrap:wrap;
}
/* ÁÂÃø ºê·£µå ÆгΠ*/
.lg-page .lg-aside{
	flex:1 1 380px; min-width:300px;
	background:linear-gradient(150deg,#0047b3 0%,#0066ff 55%,#3a8bff 100%);
	color:#fff; padding:52px 46px;
	display:flex; flex-direction:column; justify-content:center;
	position:relative; overflow:hidden;
}
.lg-page .lg-aside::after{
	content:''; position:absolute;
	right:-90px; bottom:-90px;
	width:260px; height:260px; border-radius:50%;
	background:rgba(255,255,255,0.10);
}
.lg-page .lg-aside::before{
	content:''; position:absolute;
	right:40px; top:-60px;
	width:150px; height:150px; border-radius:50%;
	background:rgba(255,255,255,0.07);
}
.lg-page .lg-aside-inner{ position:relative; z-index:1; }
.lg-page .lg-aside-eyebrow{
	display:inline-block;
	background:rgba(255,255,255,0.16);
	border:1px solid rgba(255,255,255,0.24);
	border-radius:999px; padding:6px 14px;
	font-size:0.8rem; font-weight:700; letter-spacing:0.06em;
	margin-bottom:22px;
}
.lg-page .lg-aside h2{
	color:#fff; font-weight:800;
	font-size:1.9rem; line-height:1.4; margin:0 0 24px;
	word-break:keep-all;
}
.lg-page .lg-aside p{
	color:rgba(255,255,255,0.86);
	font-size:0.96rem; line-height:1.8; margin:0 0 28px;
	word-break:keep-all;
}
/* ºê·£µå ÆгΠ: ±â´É ¸ñ·Ï (¾ÆÀÌÄÜ + Á¦¸ñ + ¼³¸í) */
.lg-page .lg-aside-list{ list-style:none; margin:0; padding:0; }
.lg-page .lg-aside-list li{
	display:flex; align-items:flex-start; gap:14px;
	margin-bottom:20px;
}
.lg-page .lg-aside-list li:last-child{ margin-bottom:0; }
.lg-page .lg-aside-ico{
	flex:0 0 auto; width:34px; height:34px; border-radius:10px;
	background:rgba(255,255,255,0.16);
	border:1px solid rgba(255,255,255,0.22);
	display:flex; align-items:center; justify-content:center;
	font-size:0.84rem; color:#fff;
}
.lg-page .lg-aside-txt strong{
	display:block; color:#fff; font-weight:700;
	font-size:0.95rem; line-height:1.4; margin:0 0 3px;
}
.lg-page .lg-aside-txt span{
	display:block; color:rgba(255,255,255,0.78);
	font-size:0.86rem; line-height:1.6; word-break:keep-all;
}
/* ÇÏ´Ü º¸Á¶ ¹®±¸ : ±¸ºÐ¼± ¾øÀÌ ¿©¹é¸¸À¸·Î ºÐ¸® */
.lg-page .lg-aside-foot{
	margin:24px 0 0; padding:0;
	color:rgba(255,255,255,0.72);
	font-size:0.84rem; line-height:1.6; word-break:keep-all;
}
/* ¿ìÃø Æû ÆгΠ*/
.lg-page .lg-form-wrap{
	flex:1 1 420px; min-width:300px;
	padding:52px 48px;
	display:flex; flex-direction:column; justify-content:center;
}
.lg-page .lg-form-head{ margin-bottom:26px; }
.lg-page .lg-form-head h3{
	color:var(--lg-ink); font-weight:800;
	font-size:1.6rem; margin:0 0 8px;
}
.lg-page .lg-form-head p{
	color:var(--lg-muted); font-size:0.93rem; line-height:1.6; margin:0;
}
/* [A¾È] Æû Á¦¸ñ ¾Æ·¡ ȸ¿ø°¡ÀÔ À¯µµ ¸µÅ© */
.lg-page .lg-head-link{
	color:var(--lg-primary); font-weight:700;
	text-decoration:underline; text-underline-offset:2px;
	transition:color .18s ease;
}
.lg-page .lg-head-link:hover{ color:var(--lg-primary-dark); text-decoration:underline; }
/* º¸Á¶ ¾È³» (Seetrol DESK) : ÃÖ¼Ò °­Á¶ ? Æû ÇÏ´Ü °¢ÁÖ */
.lg-page .lg-note{
	margin:16px 0 0; text-align:center;
	color:var(--lg-muted); font-size:0.82rem; line-height:1.6;
	word-break:keep-all;
}
.lg-page .lg-note a{
	color:var(--lg-muted); text-decoration:underline; text-underline-offset:2px;
	transition:color .18s ease;
}
.lg-page .lg-note a:hover{ color:var(--lg-primary); }
/* ÀÔ·Â Çʵå */
.lg-page .lg-field{ margin-bottom:18px; }
.lg-page .lg-field label{
	display:block; color:var(--lg-ink);
	font-weight:700; font-size:0.88rem; margin:0 0 8px;
}
/* [A¾È] ¶óº§ + ¿ìÃø º¸Á¶ ¸µÅ© ÇÑ ÁÙ ¹èÄ¡ */
.lg-page .lg-label-row{
	display:flex; align-items:center; justify-content:space-between;
	gap:12px; margin:0 0 8px;
}
.lg-page .lg-label-row label{ margin:0; }
.lg-page .lg-inline-link{
	font-size:0.84rem; font-weight:600; color:var(--lg-muted);
	text-decoration:none; white-space:nowrap;
	transition:color .18s ease;
}
.lg-page .lg-inline-link:hover{ color:var(--lg-primary); text-decoration:underline; }
.lg-page .lg-input-box{ position:relative; }
.lg-page .lg-input-box > i.lg-lead-icon{
	position:absolute; left:16px; top:50%; transform:translateY(-50%);
	color:var(--lg-muted); font-size:0.95rem; pointer-events:none;
	transition:color .18s ease;
}
.lg-page .lg-input-box input{
	width:100%; height:54px;
	padding:0 16px 0 44px;
	border:1.5px solid var(--lg-line);
	border-radius:12px;
	background:#fbfcfe;
	color:var(--lg-ink); font-size:0.98rem; font-weight:500;
	outline:none; box-shadow:none;
	transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.lg-page .lg-input-box input::placeholder{ color:#b6bdc9; font-weight:400; }
.lg-page .lg-input-box input:focus{
	border-color:var(--lg-primary);
	background:#fff;
	box-shadow:0 0 0 4px rgba(0,102,255,0.12);
}
.lg-page .lg-input-box input:focus ~ i.lg-lead-icon{ color:var(--lg-primary); }
.lg-page .lg-input-box input[type="password"],
.lg-page .lg-input-box input.has-toggle{ padding-right:48px; }
/* ºñ¹Ð¹øÈ£ º¸±â Åä±Û */
.lg-page .lg-eye{
	position:absolute; right:6px; top:50%; transform:translateY(-50%);
	width:38px; height:38px; border:0; background:transparent;
	color:var(--lg-muted); cursor:pointer; border-radius:9px;
	display:flex; align-items:center; justify-content:center;
	transition:color .18s ease, background .18s ease;
}
.lg-page .lg-eye:hover{ color:var(--lg-primary); background:rgba(0,102,255,0.07); }
/* reCAPTCHA */
.lg-page .lg-captcha{
	margin:6px 0 20px;
	display:flex; justify-content:center;
}
.lg-page .lg-captcha .g-recaptcha{ transform-origin:center; }
/* ·Î±×ÀÎ ¹öÆ° */
.lg-page .lg-submit{
	width:100%; height:56px; border:0; cursor:pointer;
	display:inline-flex; align-items:center; justify-content:center; gap:10px;
	background:linear-gradient(135deg,var(--lg-primary),#3a8bff);
	color:#fff; font-weight:800; font-size:1.02rem;
	border-radius:12px;
	box-shadow:0 10px 24px rgba(0,102,255,0.28);
	transition:transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.lg-page .lg-submit:hover{ transform:translateY(-2px); box-shadow:0 16px 32px rgba(0,102,255,0.36); color:#fff; }
.lg-page .lg-submit:active{ transform:translateY(0); filter:brightness(0.96); }
/* ¹ÝÀÀÇü */
@media (max-width:991px){
	.lg-page{ padding:44px 0 64px; }
	.lg-page .lg-card{ max-width:560px; flex-direction:column; }
	/* [B¾È] ¸ð¹ÙÀÏ¿¡¼­ ·Î±×ÀÎ ÆûÀ» ¸ÕÀú ³ëÃâ ¡æ ºê·£µå ÆгÎÀº ¾Æ·¡·Î */
	.lg-page .lg-form-wrap{ order:1; }
	.lg-page .lg-aside{ order:2; }
	.lg-page .lg-aside{ flex:1 1 100%; padding:34px 30px; }
	.lg-page .lg-aside h2{ font-size:1.5rem; margin-bottom:20px; }
	.lg-page .lg-aside p{ margin-bottom:20px; }
	.lg-page .lg-aside-list li{ margin-bottom:16px; }
	.lg-page .lg-aside-foot{ margin-top:20px; }
	.lg-page .lg-form-wrap{ flex:1 1 100%; padding:34px 30px 40px; }
}
@media (max-width:479px){
	.lg-page{ padding:30px 0 50px; }
	.lg-page .lg-form-wrap{ padding:28px 20px 34px; }
	.lg-page .lg-aside{ padding:28px 22px; }
	.lg-page .lg-form-head h3{ font-size:1.35rem; }
	/* Á¼Àº È­¸é¿¡¼­ ¶óº§ ÁÙÀÌ Á¼¾ÆÁö¸é ¸µÅ©¸¦ ¾Æ·¡·Î È긲 */
	.lg-page .lg-label-row{ flex-wrap:wrap; gap:4px 12px; }
	/* Á¼Àº È­¸é¿¡¼­ reCAPTCHA À§Á¬ Ãà¼Ò */
	.lg-page .lg-captcha .g-recaptcha{ transform:scale(0.86); }
}


/* ------------------------------------------------------------------
   ȸ¿øÅ»Åð ½Åû  ?  secede.php
------------------------------------------------------------------ */
/* ============================================================
   ȸ¿øÅ»Åð : °æ°íÇü È®ÀÎ ÆäÀÌÁö (scoped: .sc-page)
============================================================ */
.sc-page{
	--sc-primary:#0066ff;
	--sc-danger:#e0524d;
	--sc-danger-dark:#c2403b;
	--sc-ink:#1a1d24;
	--sc-body:#3f4654;
	--sc-muted:#8b93a1;
	--sc-line:#e4e8ef;
	--sc-bg:#f5f7fb;
	--sc-radius:20px;
	background:var(--sc-bg);
	padding:70px 0 95px;
}
.sc-page *{ box-sizing:border-box; }
/* ¦¡¦¡ Çì´õ ¦¡¦¡ */
.sc-page .sc-head{ text-align:center; max-width:620px; margin:0 auto 34px; }
.sc-page .sc-eyebrow{
	display:inline-flex; align-items:center; gap:8px; margin-bottom:16px;
	background:rgba(224,82,77,0.10); color:var(--sc-danger);
	font-weight:700; font-size:0.9rem; padding:8px 18px; border-radius:999px;
}
.sc-page .sc-head h2{ color:var(--sc-ink); font-weight:800; font-size:2rem; margin:0 0 12px; line-height:1.35; }
.sc-page .sc-head p{ color:var(--sc-body); font-size:1rem; line-height:1.75; margin:0; word-break:keep-all; }
/* ¦¡¦¡ Ä«µå ¦¡¦¡ */
.sc-page .sc-card{
	max-width:760px; margin:0 auto;
	background:#fff; border:1px solid var(--sc-line);
	border-radius:var(--sc-radius);
	box-shadow:0 20px 60px rgba(16,24,40,0.10);
	padding:40px 42px 36px;
}
/* ¾È³» 2ºí·Ï */
.sc-page .sc-grid{ display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:26px; }
.sc-page .sc-item{
	border:1px solid rgba(224,82,77,0.22);
	background:#fffafa;
	border-radius:14px; padding:26px 24px; text-align:center;
}
.sc-page .sc-item-img{
	width:76px; height:76px; margin:0 auto 16px;
	border-radius:50%; background:#fff;
	border:1px solid rgba(224,82,77,0.16);
	display:flex; align-items:center; justify-content:center;
}
.sc-page .sc-item-img img{ max-width:44px; max-height:44px; display:block; }
.sc-page .sc-item h3{
	color:var(--sc-danger); font-weight:800;
	font-size:1.05rem; margin:0 0 10px; line-height:1.4; word-break:keep-all;
}
.sc-page .sc-item p{
	color:var(--sc-body); font-size:0.9rem; line-height:1.7;
	margin:0; word-break:keep-all;
}
/* °­Á¶ °æ°í ¹è³Ê */
.sc-page .sc-alert{
	display:flex; align-items:flex-start; gap:14px;
	background:linear-gradient(135deg,#fff1f0,#fff7f6);
	border:1.5px solid rgba(224,82,77,0.35);
	border-radius:14px; padding:22px 24px; margin-bottom:22px;
}
.sc-page .sc-alert-icon{
	width:42px; height:42px; border-radius:50%; flex:0 0 auto;
	background:var(--sc-danger); color:#fff;
	display:flex; align-items:center; justify-content:center;
	font-size:1.05rem; box-shadow:0 6px 16px rgba(224,82,77,0.32);
}
.sc-page .sc-alert-body{ min-width:0; }
.sc-page .sc-alert-body h4{
	color:var(--sc-danger-dark); font-weight:800;
	font-size:1.02rem; margin:0 0 8px; line-height:1.45; word-break:keep-all;
}
.sc-page .sc-alert-body p{
	color:var(--sc-body); font-size:0.91rem; line-height:1.75;
	margin:0 0 8px; word-break:keep-all;
}
.sc-page .sc-alert-body p:last-child{ margin-bottom:0; }
.sc-page .sc-alert-body strong{ color:var(--sc-danger-dark); }
.sc-page .sc-alert-body a{ color:var(--sc-danger-dark); font-weight:700; text-decoration:underline; }
/* »èÁ¦ Ç׸ñ ¸®½ºÆ® */
.sc-page .sc-detail{
	background:#f7f9fc; border:1px solid var(--sc-line);
	border-radius:14px; padding:22px 24px; margin-bottom:24px;
}
.sc-page .sc-detail h4{
	display:flex; align-items:center; gap:8px;
	color:var(--sc-ink); font-weight:800; font-size:0.98rem; margin:0 0 14px;
}
.sc-page .sc-detail h4 i{ color:var(--sc-danger); font-size:0.9rem; }
.sc-page .sc-detail ul{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.sc-page .sc-detail li{
	display:flex; align-items:flex-start; gap:9px;
	color:var(--sc-body); font-size:0.9rem; line-height:1.65; word-break:keep-all;
}
.sc-page .sc-detail li i{ color:var(--sc-danger); font-size:0.72rem; margin-top:6px; flex:0 0 auto; }
/* º»ÀÎ È®ÀÎ */
.sc-page .sc-verify{
	background:#fff; border:1.5px solid var(--sc-line);
	border-radius:14px; padding:22px 24px; margin-bottom:20px;
}
.sc-page .sc-verify h4{
	display:flex; align-items:center; gap:8px;
	color:var(--sc-ink); font-weight:800; font-size:0.98rem; margin:0 0 6px;
}
.sc-page .sc-verify h4 i{ color:var(--sc-primary); font-size:0.9rem; }
.sc-page .sc-verify p{ color:var(--sc-muted); font-size:0.86rem; line-height:1.6; margin:0 0 14px; word-break:keep-all; }
.sc-page .sc-pw-box{ position:relative; }
.sc-page .sc-pw-box input{
	width:100%; height:52px;
	border:1.5px solid var(--sc-line); border-radius:12px;
	padding:0 48px 0 15px; font-size:0.96rem; color:var(--sc-ink);
	background:#fbfcfe; outline:none;
	transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.sc-page .sc-pw-box input::placeholder{ color:#b6bdc9; }
.sc-page .sc-pw-box input:focus{
	border-color:var(--sc-primary); background:#fff;
	box-shadow:0 0 0 4px rgba(0,102,255,0.12);
}
.sc-page .sc-eye{
	position:absolute; right:6px; top:50%; transform:translateY(-50%);
	width:38px; height:38px; border:0; background:transparent;
	color:var(--sc-muted); cursor:pointer; border-radius:9px;
	display:flex; align-items:center; justify-content:center;
	transition:color .18s ease, background .18s ease;
}
.sc-page .sc-eye:hover{ color:var(--sc-primary); background:rgba(0,102,255,0.07); }
/* µ¿ÀÇ Ã¼Å© */
.sc-page .sc-agree{
	display:flex; align-items:flex-start; gap:12px; cursor:pointer;
	padding:18px 20px; border-radius:14px;
	border:1.5px solid var(--sc-line); background:#fbfcfe;
	transition:border-color .18s ease, background .18s ease;
	user-select:none;
}
.sc-page .sc-agree:hover{ border-color:rgba(224,82,77,0.4); }
.sc-page .sc-agree.is-on{ border-color:var(--sc-danger); background:rgba(224,82,77,0.05); }
.sc-page .sc-agree input{
	width:20px; height:20px; margin:2px 0 0; flex:0 0 auto;
	accent-color:var(--sc-danger); cursor:pointer;
}
.sc-page .sc-agree span{
	color:var(--sc-ink); font-size:0.93rem; font-weight:600;
	line-height:1.6; word-break:keep-all;
}
/* ¹öÆ° */
.sc-page .sc-actions{ display:flex; gap:12px; margin-top:26px; }
.sc-page .sc-btn{
	display:inline-flex; align-items:center; justify-content:center; gap:8px;
	height:56px; border:none; cursor:pointer; text-decoration:none;
	font-weight:800; font-size:1rem; border-radius:12px;
	transition:transform .16s ease, box-shadow .16s ease, background .16s ease, filter .16s ease, opacity .16s ease;
}
/* Ãë¼Ò¸¦ ÁÖ ¹öÆ°À¸·Î (µÇµ¹¸± ¼ö ¾ø´Â µ¿ÀÛÀ̹ǷÎ) */
.sc-page .sc-btn-keep{
	flex:1 1 auto;
	background:linear-gradient(135deg,var(--sc-primary),#3a8bff); color:#fff;
	box-shadow:0 10px 24px rgba(0,102,255,0.28);
}
.sc-page .sc-btn-keep:hover{ transform:translateY(-2px); box-shadow:0 16px 32px rgba(0,102,255,0.36); color:#fff; }
.sc-page .sc-btn-danger{
	flex:0 0 190px;
	background:#fff; color:var(--sc-danger);
	border:1.5px solid var(--sc-danger);
}
.sc-page .sc-btn-danger:hover{ background:var(--sc-danger); color:#fff; box-shadow:0 10px 22px rgba(224,82,77,0.28); }
.sc-page .sc-btn-danger:disabled,
.sc-page .sc-btn-danger[disabled]{
	opacity:0.45; cursor:not-allowed;
	background:#fff; color:var(--sc-danger); box-shadow:none; transform:none;
}
.sc-page .sc-foot{
	text-align:center; color:var(--sc-muted);
	font-size:0.85rem; line-height:1.7; margin:20px 0 0; word-break:keep-all;
}
@media (max-width:767px){
	.sc-page{ padding:48px 0 72px; }
	.sc-page .sc-head h2{ font-size:1.6rem; }
	.sc-page .sc-card{ padding:28px 20px 26px; }
	.sc-page .sc-grid{ grid-template-columns:1fr; gap:14px; }
	.sc-page .sc-item{ padding:22px 18px; }
	.sc-page .sc-actions{ flex-direction:column; }
	.sc-page .sc-btn-danger{ flex:0 0 52px; height:52px; }
}
@media (prefers-reduced-motion:reduce){
	.sc-page *{ transition:none !important; }
}


/* ------------------------------------------------------------------
   ȸ¿øÁ¤º¸ ¼öÁ¤  ?  join_upd.php
------------------------------------------------------------------ */
/* ============================================================
   Seetrol ȸ¿øÁ¤º¸ ¼öÁ¤ : 2´Ü ±¸¼º Æû UI (scoped: .mm-page)
   ¡Ø Æû Çʵå id/name¡¤AJAX ¿£µåÆ÷ÀÎÆ®¡¤°ËÁõ ·ÎÁ÷Àº ±×´ë·Î À¯Áö
      (·Î±×ÀΡ¤¹«·áüÇè ÆäÀÌÁö¿Í µ¿ÀÏ µðÀÚÀÎ ÅäÅ« »ç¿ë)

   [µðÀÚÀÎ º¸¿Ï]
   - ¾ÆÀ̵ð: ºñÈ°¼º ÀÔ·Ââ(+Ŭ¸¯ ½Ã alert) ¡æ Á¤Àû °èÁ¤ ¹èÁö·Î ±³Ã¼
   - ÆûÀ» '±âº» Á¤º¸' / 'º»ÀÎ È®ÀÎ' 2°³ ¼½¼ÇÀ¸·Î ºÐ¸®ÇØ À§°è Á¤¸®
   - ÈÞ´ëÆù ÀÎÁõ »óÅ ¹èÁö Ãß°¡ (ÀÎÁõ ÇÊ¿ä / ÀÎÁõ ¿Ï·á)
   - Çʼö Ç׸ñ Ç¥½Ã, ÀúÀå Áß ¹öÆ° ·Îµù »óÅÂ, ¹öÆ° ¼ø¼­ Á¤¸®
   - »ç¿ëÇÏÁö ¾Ê´Â ¾ÆÀ̵ð Áߺ¹È®ÀÎ ½ºÅ¸ÀÏ¡¤½ºÅ©¸³Æ® Á¦°Å
============================================================ */
.mm-page{
	--mm-primary:#0066ff;
	--mm-primary-dark:#0047b3;
	--mm-ink:#1a1d24;
	--mm-body:#3f4654;
	--mm-muted:#8b93a1;
	--mm-line:#e4e8ef;
	--mm-bg:#f5f7fb;
	--mm-danger:#e0524d;
	--mm-success:#0f9d6e;
	--mm-warn:#b7791f;
	--mm-radius:18px;
	--mm-shadow:0 18px 50px rgba(16,24,40,0.10);
	--mm-shadow-sm:0 6px 18px rgba(16,24,40,0.06);
	background:var(--mm-bg);
	padding:66px 0 90px;
}
.mm-page *{ box-sizing:border-box; }

/* ¦¡¦¡ Çì´õ ¦¡¦¡ */
.mm-page .mm-head{ text-align:center; max-width:640px; margin:0 auto 38px; }
.mm-page .mm-eyebrow{
	display:inline-flex; align-items:center; gap:8px; margin-bottom:14px;
	background:rgba(0,102,255,0.10); color:var(--mm-primary);
	font-weight:700; font-size:0.95rem; padding:8px 18px; border-radius:999px;
}
.mm-page .mm-head h2{ color:var(--mm-ink); font-weight:800; font-size:2rem; margin:0 0 12px; line-height:1.35; }
.mm-page .mm-head p{ color:var(--mm-body); font-size:1rem; line-height:1.75; margin:0; word-break:keep-all; }

/* ¦¡¦¡ 2´Ü ·¹À̾ƿô ¦¡¦¡ */
.mm-page .mm-layout{
	display:grid; grid-template-columns:minmax(0,1fr) 320px;
	gap:26px; align-items:start; max-width:1080px; margin:0 auto;
}

/* Ä«µå */
.mm-page .mm-card{
	background:#fff; border:1px solid var(--mm-line);
	border-radius:var(--mm-radius); box-shadow:var(--mm-shadow);
	padding:38px 40px;
}
.mm-page .mm-card-title{
	display:flex; align-items:center; gap:9px;
	color:var(--mm-ink); font-weight:800; font-size:1.15rem;
	margin:0 0 24px; padding-bottom:16px; border-bottom:1px solid var(--mm-line);
}
.mm-page .mm-card-title i{ color:var(--mm-primary); font-size:1rem; }

/* ¼½¼Ç ±¸ºÐ (±âº» Á¤º¸ / º»ÀÎ È®ÀÎ) */
.mm-page .mm-section{ margin-top:30px; padding-top:26px; border-top:1px solid var(--mm-line); }
.mm-page .mm-section-title{
	display:flex; align-items:center; gap:8px;
	color:var(--mm-ink); font-weight:800; font-size:1rem; margin:0 0 6px;
}
.mm-page .mm-section-title i{ color:var(--mm-primary); font-size:0.9rem; }
.mm-page .mm-section-desc{ color:var(--mm-muted); font-size:0.86rem; line-height:1.6; margin:0 0 18px; word-break:keep-all; }

/* °èÁ¤ ¹èÁö (¾ÆÀ̵ð : º¯°æ ºÒ°¡ Ç׸ñÀ» ÀÔ·ÂâÀÌ ¾Æ´Ñ Á¤º¸·Î Ç¥½Ã) */
.mm-page .mm-account{
	display:flex; align-items:center; gap:13px;
	padding:15px 16px; margin-bottom:24px;
	border:1px solid var(--mm-line); border-radius:14px;
	background:#f7f9fc;
}
.mm-page .mm-account-ico{
	flex:0 0 auto; width:40px; height:40px; border-radius:11px;
	background:rgba(0,102,255,0.10); color:var(--mm-primary);
	display:flex; align-items:center; justify-content:center; font-size:0.98rem;
}
.mm-page .mm-account-txt{ min-width:0; display:flex; flex-direction:column; gap:2px; }
.mm-page .mm-account-txt em{
	font-style:normal; color:var(--mm-muted);
	font-size:0.78rem; font-weight:600; letter-spacing:0.02em;
}
.mm-page .mm-account-txt strong{
	color:var(--mm-ink); font-weight:800; font-size:1rem;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.mm-page .mm-lock{
	display:inline-flex; align-items:center; gap:4px;
	margin-left:auto; flex:0 0 auto; padding:4px 10px; border-radius:999px;
	background:#e8ebf1; color:var(--mm-muted);
	font-size:0.74rem; font-weight:700; white-space:nowrap;
}
.mm-page .mm-lock i{ font-size:0.68rem; }

/* Çʵå */
.mm-page .mm-field{ display:flex; flex-direction:column; margin-bottom:20px; }
.mm-page .mm-field:last-child{ margin-bottom:0; }
.mm-page .mm-label{
	color:var(--mm-ink); font-weight:700; font-size:0.9rem; margin:0 0 8px;
	display:flex; align-items:center; gap:6px; flex-wrap:wrap;
}
.mm-page .mm-req{ color:var(--mm-primary); font-weight:800; }
.mm-page .mm-help{ color:var(--mm-muted); font-size:0.82rem; line-height:1.6; margin:7px 0 0; word-break:keep-all; }

/* ÈÞ´ëÆù ÀÎÁõ »óÅ ¹èÁö */
.mm-page .mm-badge{
	display:inline-flex; align-items:center; gap:5px;
	margin-left:auto; padding:4px 10px; border-radius:999px;
	font-size:0.74rem; font-weight:700; white-space:nowrap;
}
.mm-page .mm-badge i{ font-size:0.7rem; }
.mm-page .mm-badge--wait{ background:rgba(183,121,31,0.10); color:var(--mm-warn); }
.mm-page .mm-badge--done{ background:rgba(15,157,110,0.10); color:var(--mm-success); }

/* ÀÔ·Â (±âÁ¸ form-control / bwhite Ŭ·¡½º À¯Áö) */
.mm-page .form-control{
	width:100%; height:50px;
	border:1.5px solid var(--mm-line); border-radius:12px;
	padding:0 15px; font-size:0.96rem; color:var(--mm-ink);
	background:#fbfcfe; box-shadow:none;
	transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.mm-page .form-control::placeholder{ color:#b6bdc9; }
.mm-page .form-control:hover{ border-color:#d3d9e4; }
.mm-page .form-control:focus{
	outline:none; border-color:var(--mm-primary); background:#fff;
	box-shadow:0 0 0 4px rgba(0,102,255,0.12);
}

/* ÈÞ´ëÆù + ÀÎÁõ ¹öÆ° ±×·ì */
.mm-page .mm-inline{ display:flex; gap:10px; align-items:stretch; }
.mm-page .mm-inline .form-control{ flex:1 1 auto; min-width:0; }
.mm-page .mm-verify-btn{
	flex:0 0 118px; height:50px; border:1.5px solid var(--mm-primary);
	background:#fff; color:var(--mm-primary);
	font-weight:700; font-size:0.92rem; border-radius:12px; cursor:pointer;
	display:inline-flex; align-items:center; justify-content:center; gap:6px;
	transition:background .18s ease, color .18s ease, box-shadow .18s ease;
}
.mm-page .mm-verify-btn:hover{ background:var(--mm-primary); color:#fff; box-shadow:0 8px 18px rgba(0,102,255,0.26); }
.mm-page .mm-verify-btn i{ font-size:0.85rem; }

/* ºñ¹Ð¹øÈ£ º¸±â Åä±Û */
.mm-page .mm-pw-box{ position:relative; }
.mm-page .mm-pw-box .form-control{ padding-right:48px; }
.mm-page .mm-eye{
	position:absolute; right:6px; top:50%; transform:translateY(-50%);
	width:38px; height:38px; border:0; background:transparent;
	color:var(--mm-muted); cursor:pointer; border-radius:9px;
	display:flex; align-items:center; justify-content:center;
	transition:color .18s ease, background .18s ease;
}
.mm-page .mm-eye:hover{ color:var(--mm-primary); background:rgba(0,102,255,0.07); }

/* ¹öÆ° */
.mm-page .mm-actions{ display:flex; gap:12px; margin-top:30px; padding-top:26px; border-top:1px solid var(--mm-line); }
.mm-page .mm-btn{
	display:inline-flex; align-items:center; justify-content:center; gap:8px;
	cursor:pointer; border:none; height:56px; text-decoration:none;
	font-weight:800; font-size:1.02rem; border-radius:12px;
	transition:transform .16s ease, box-shadow .16s ease, background .16s ease, filter .16s ease;
}
.mm-page .mm-btn-primary{
	flex:1 1 auto; order:2;
	background:linear-gradient(135deg,var(--mm-primary),#3a8bff); color:#fff;
	box-shadow:0 10px 24px rgba(0,102,255,0.28);
}
.mm-page .mm-btn-primary:hover{ transform:translateY(-2px); box-shadow:0 16px 32px rgba(0,102,255,0.36); color:#fff; }
.mm-page .mm-btn-primary:active{ transform:translateY(0); filter:brightness(0.96); }
.mm-page .mm-btn-ghost{ flex:0 0 130px; order:1; background:#eef1f6; color:var(--mm-body); }
.mm-page .mm-btn-ghost:hover{ background:#e3e7ee; color:var(--mm-body); }
/* ÀúÀå Áß »óÅ (Áߺ¹ Á¦Ãâ Â÷´Ü) */
.mm-page .mm-btn[disabled],
.mm-page .mm-btn.is-loading{
	pointer-events:none; opacity:0.72; transform:none; box-shadow:none; cursor:default;
}
.mm-page .mm-spin{
	width:16px; height:16px; border-radius:50%;
	border:2px solid rgba(255,255,255,0.45); border-top-color:#fff;
	animation:mm-spin .7s linear infinite;
}
@keyframes mm-spin{ to{ transform:rotate(360deg); } }

/* ¦¡¦¡ ¿ìÃø ÆгΠ¦¡¦¡ */
.mm-page .mm-aside{ position:sticky; top:24px; display:grid; gap:18px; }
.mm-page .mm-panel{
	background:#fff; border:1px solid var(--mm-line);
	border-radius:var(--mm-radius); box-shadow:var(--mm-shadow-sm);
	padding:26px 24px;
}
.mm-page .mm-panel h4{
	display:flex; align-items:center; gap:8px;
	color:var(--mm-ink); font-weight:800; font-size:1.02rem; margin:0 0 14px;
}
.mm-page .mm-panel h4 i{ color:var(--mm-primary); font-size:0.95rem; }
.mm-page .mm-list{ list-style:none; margin:0; padding:0; }
.mm-page .mm-list li{
	display:flex; align-items:flex-start; gap:9px;
	color:var(--mm-body); font-size:0.89rem; line-height:1.65;
	margin-bottom:11px; word-break:keep-all;
}
.mm-page .mm-list li:last-child{ margin-bottom:0; }
.mm-page .mm-list i{ color:var(--mm-primary); font-size:0.78rem; margin-top:5px; flex:0 0 auto; }

/* °èÁ¤ °ü¸® ¸µÅ© */
.mm-page .mm-link{
	display:flex; align-items:center; gap:12px;
	padding:13px 14px; border-radius:12px;
	border:1px solid var(--mm-line); background:#fbfcfe;
	color:var(--mm-ink); font-weight:700; font-size:0.92rem;
	text-decoration:none; margin-bottom:10px;
	transition:border-color .18s ease, background .18s ease, color .18s ease;
}
.mm-page .mm-link:last-child{ margin-bottom:0; }
.mm-page .mm-link i:first-child{ color:var(--mm-primary); font-size:0.95rem; flex:0 0 auto; }
.mm-page .mm-link .mm-link-arrow{ margin-left:auto; color:var(--mm-muted); font-size:0.8rem; }
.mm-page .mm-link:hover{ border-color:var(--mm-primary); background:rgba(0,102,255,0.05); color:var(--mm-primary); }
.mm-page .mm-link:hover i{ color:var(--mm-primary); }
.mm-page .mm-link--danger i:first-child{ color:var(--mm-danger); }
.mm-page .mm-link--danger:hover{ border-color:var(--mm-danger); background:rgba(224,82,77,0.05); color:var(--mm-danger); }
.mm-page .mm-link--danger:hover i{ color:var(--mm-danger); }

/* ¦¡¦¡ ¹ÝÀÀÇü ¦¡¦¡ */
@media (max-width:1099px){
	.mm-page .mm-layout{ grid-template-columns:1fr; max-width:760px; }
	.mm-page .mm-aside{ position:static; grid-template-columns:1fr 1fr; }
}
@media (max-width:767px){
	.mm-page{ padding:46px 0 70px; }
	.mm-page .mm-head{ margin-bottom:28px; }
	.mm-page .mm-head h2{ font-size:1.6rem; }
	.mm-page .mm-card{ padding:26px 20px; }
	.mm-page .mm-aside{ grid-template-columns:1fr; }
	.mm-page .mm-verify-btn{ flex:0 0 104px; font-size:0.86rem; }
	.mm-page .mm-actions{ flex-direction:column; }
	.mm-page .mm-btn-primary{ order:1; }
	.mm-page .mm-btn-ghost{ order:2; flex:0 0 50px; height:50px; }
}
@media (max-width:479px){
	.mm-page .mm-account{ flex-wrap:wrap; }
	.mm-page .mm-lock{ margin-left:0; }
	.mm-page .mm-inline{ flex-wrap:wrap; }
	.mm-page .mm-verify-btn{ flex:1 1 100%; }
}
@media (prefers-reduced-motion:reduce){
	.mm-page *{ transition:none !important; animation:none !important; }
}


/* ------------------------------------------------------------------
   ÈÞ´ëÆù ÀÎÁõ Æ˾÷ (°¡ÀÔ)  ?  phone.php
------------------------------------------------------------------ */
	/* ÈÞ´ëÆù ÀÎÁõ Æ˾÷ (scoped: body.pv) ? 600 ¡¿ 340 ±âÁØ */
	body.pv{
		--pv-primary:#0066ff;
		--pv-ink:#1a1d24;
		--pv-body:#3f4654;
		--pv-muted:#8b93a1;
		--pv-line:#e4e8ef;
		--pv-danger:#dc3545;
		margin:0; padding:0; background:#fff; color:var(--pv-body);
		font-family:-apple-system,BlinkMacSystemFont,"Malgun Gothic","¸¼Àº °íµñ","Apple SD Gothic Neo","Noto Sans KR",sans-serif;
		-webkit-font-smoothing:antialiased;
	}
	body.pv *{ box-sizing:border-box; }
	body.pv .wrap{
		max-width:none; width:100%; min-height:100vh; margin:0;
		padding:20px 24px 18px;
		display:flex; flex-direction:column; justify-content:center;
	}

	body.pv .pv-head{ display:flex; align-items:center; gap:10px; }
	body.pv .pv-ico{
		flex:0 0 auto; width:34px; height:34px; border-radius:10px;
		background:rgba(0,102,255,0.10); color:var(--pv-primary);
		display:flex; align-items:center; justify-content:center; font-size:0.92rem;
	}
	body.pv .pv-head h1{ margin:0; color:var(--pv-ink); font-size:1.06rem; font-weight:800; letter-spacing:-0.01em; }
	body.pv .pv-sent{ margin:9px 0 14px; font-size:0.85rem; line-height:1.55; color:var(--pv-muted); }
	body.pv .pv-sent b{ color:var(--pv-ink); font-weight:700; letter-spacing:0.01em; }

	body.pv .phone-code-div{ display:flex; gap:9px; align-items:stretch; margin:0; }
	body.pv .phone-code-div input{
		flex:1 1 auto; min-width:0; width:auto; height:52px;
		border:1.5px solid var(--pv-line); border-radius:12px;
		background:#fbfcfe; color:var(--pv-ink);
		font-size:1.32rem; font-weight:800; letter-spacing:0.42em; text-indent:0.42em;
		text-align:center; padding:0 10px;
		transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
	}
	body.pv .phone-code-div input::placeholder{
		font-size:0.92rem; font-weight:400; letter-spacing:0; text-indent:0; color:#b6bdc9;
	}
	body.pv .phone-code-div input:focus{
		outline:none; border-color:var(--pv-primary); background:#fff;
		box-shadow:0 0 0 4px rgba(0,102,255,0.12);
	}
	body.pv .phone-code-div button{
		flex:0 0 104px; height:52px; border:0; border-radius:12px; cursor:pointer;
		background:linear-gradient(135deg,var(--pv-primary),#3a8bff); color:#fff;
		font-size:0.98rem; font-weight:800;
		display:inline-flex; align-items:center; justify-content:center;
		box-shadow:0 8px 20px rgba(0,102,255,0.26);
		transition:transform .16s ease, box-shadow .16s ease, opacity .16s ease;
	}
	body.pv .phone-code-div button:hover{ transform:translateY(-1px); box-shadow:0 12px 26px rgba(0,102,255,0.34); }
	body.pv .phone-code-div button:active{ transform:translateY(0); }
	body.pv .phone-code-div button[disabled]{ pointer-events:none; opacity:0.6; box-shadow:none; transform:none; }

	body.pv .pv-foot{
		display:flex; align-items:center; justify-content:space-between;
		gap:10px; margin-top:12px; flex-wrap:wrap;
	}
	body.pv .phone-comment-div{ margin:0; }
	body.pv .phone-comment-div p{ margin:0; font-size:0.8rem; line-height:1.5; color:var(--pv-muted); word-break:keep-all; }
	body.pv #tryCount-div{
		flex:0 0 auto; display:inline-flex; align-items:center; gap:4px;
		padding:4px 11px; border-radius:999px;
		background:#f0f2f6; color:var(--pv-muted);
		font-size:0.78rem; font-weight:700; white-space:nowrap;
	}
	body.pv #tryCount-div.is-warn{ background:rgba(220,53,69,0.10); color:var(--pv-danger); }
	body.pv #tryCount{ font-weight:800; }

	@media (max-width:479px){
		body.pv .wrap{ padding:18px 16px; }
		body.pv .phone-code-div{ flex-wrap:wrap; }
		body.pv .phone-code-div button{ flex:1 1 100%; height:48px; }
		body.pv .pv-foot{ flex-direction:column; align-items:flex-start; }
	}
	@media (prefers-reduced-motion:reduce){
		body.pv *{ transition:none !important; }
	}


/* ------------------------------------------------------------------
   ÈÞ´ëÆù ÀÎÁõ Æ˾÷ (Á¤º¸¼öÁ¤)  ?  phone-upd.php
------------------------------------------------------------------ */
	/* ÈÞ´ëÆù ÀÎÁõ Æ˾÷ (scoped: body.pv) ? °¡ÀÔ¿ë phone.php ¿Í µ¿ÀÏ */
	body.pv{
		--pv-primary:#0066ff;
		--pv-ink:#1a1d24;
		--pv-body:#3f4654;
		--pv-muted:#8b93a1;
		--pv-line:#e4e8ef;
		--pv-danger:#dc3545;
		margin:0; padding:0; background:#fff; color:var(--pv-body);
		font-family:-apple-system,BlinkMacSystemFont,"Malgun Gothic","¸¼Àº °íµñ","Apple SD Gothic Neo","Noto Sans KR",sans-serif;
		-webkit-font-smoothing:antialiased;
	}
	body.pv *{ box-sizing:border-box; }
	body.pv .wrap{
		max-width:none; width:100%; min-height:100vh; margin:0;
		padding:20px 24px 18px;
		display:flex; flex-direction:column; justify-content:center;
	}
	body.pv .pv-head{ display:flex; align-items:center; gap:10px; }
	body.pv .pv-ico{
		flex:0 0 auto; width:34px; height:34px; border-radius:10px;
		background:rgba(0,102,255,0.10); color:var(--pv-primary);
		display:flex; align-items:center; justify-content:center; font-size:0.92rem;
	}
	body.pv .pv-head h1{ margin:0; color:var(--pv-ink); font-size:1.06rem; font-weight:800; letter-spacing:-0.01em; }
	body.pv .pv-sent{ margin:9px 0 14px; font-size:0.85rem; line-height:1.55; color:var(--pv-muted); }
	body.pv .pv-sent b{ color:var(--pv-ink); font-weight:700; letter-spacing:0.01em; }

	body.pv .phone-code-div{ display:flex; gap:9px; align-items:stretch; margin:0; }
	body.pv .phone-code-div input{
		flex:1 1 auto; min-width:0; width:auto; height:52px;
		border:1.5px solid var(--pv-line); border-radius:12px;
		background:#fbfcfe; color:var(--pv-ink);
		font-size:1.32rem; font-weight:800; letter-spacing:0.42em; text-indent:0.42em;
		text-align:center; padding:0 10px;
		transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
	}
	body.pv .phone-code-div input::placeholder{
		font-size:0.92rem; font-weight:400; letter-spacing:0; text-indent:0; color:#b6bdc9;
	}
	body.pv .phone-code-div input:focus{
		outline:none; border-color:var(--pv-primary); background:#fff;
		box-shadow:0 0 0 4px rgba(0,102,255,0.12);
	}
	body.pv .phone-code-div button{
		flex:0 0 104px; height:52px; border:0; border-radius:12px; cursor:pointer;
		background:linear-gradient(135deg,var(--pv-primary),#3a8bff); color:#fff;
		font-size:0.98rem; font-weight:800;
		display:inline-flex; align-items:center; justify-content:center;
		box-shadow:0 8px 20px rgba(0,102,255,0.26);
		transition:transform .16s ease, box-shadow .16s ease, opacity .16s ease;
	}
	body.pv .phone-code-div button:hover{ transform:translateY(-1px); box-shadow:0 12px 26px rgba(0,102,255,0.34); }
	body.pv .phone-code-div button:active{ transform:translateY(0); }
	body.pv .phone-code-div button[disabled]{ pointer-events:none; opacity:0.6; box-shadow:none; transform:none; }

	body.pv .pv-foot{
		display:flex; align-items:center; justify-content:space-between;
		gap:10px; margin-top:12px; flex-wrap:wrap;
	}
	body.pv .phone-comment-div{ margin:0; }
	body.pv .phone-comment-div p{ margin:0; font-size:0.8rem; line-height:1.5; color:var(--pv-muted); word-break:keep-all; }
	body.pv #tryCount-div{
		flex:0 0 auto; display:inline-flex; align-items:center; gap:4px;
		padding:4px 11px; border-radius:999px;
		background:#f0f2f6; color:var(--pv-muted);
		font-size:0.78rem; font-weight:700; white-space:nowrap;
	}
	body.pv #tryCount-div.is-warn{ background:rgba(220,53,69,0.10); color:var(--pv-danger); }
	body.pv #tryCount{ font-weight:800; }

	@media (max-width:479px){
		body.pv .wrap{ padding:18px 16px; }
		body.pv .phone-code-div{ flex-wrap:wrap; }
		body.pv .phone-code-div button{ flex:1 1 100%; height:48px; }
		body.pv .pv-foot{ flex-direction:column; align-items:flex-start; }
	}
	@media (prefers-reduced-motion:reduce){
		body.pv *{ transition:none !important; }
	}

/* ------------------------------------------------------------------
   ¹«·áüÇè ½Åû  ?  request_my_demo.php
   ¡Ø ¿øº» <style> ºí·ÏÀ» °ª º¯°æ ¾øÀÌ ±×´ë·Î ¿Å±ä °ÍÀÔ´Ï´Ù.
     ¸ðµç ±ÔÄ¢ÀÌ .demo-page ¾È¿¡¼­¸¸ Àû¿ëµË´Ï´Ù.
------------------------------------------------------------------ */
.demo-page{
	--dm-primary:#0066ff;
	--dm-primary-dark:#0047b3;
	--dm-ink:#1a1d24;
	--dm-body:#3f4654;
	--dm-muted:#8b93a1;
	--dm-line:#e4e8ef;
	--dm-bg:#f5f7fb;
	--dm-radius:18px;
	--dm-shadow:0 18px 50px rgba(16,24,40,0.10);
	--dm-shadow-sm:0 6px 18px rgba(16,24,40,0.06);
	background:var(--dm-bg);
	padding:66px 0 90px;
}
.demo-page *{ box-sizing:border-box; }

/* ¦¡¦¡ Çì´õ ¦¡¦¡ */
.demo-page .dm-head{ text-align:center; max-width:680px; margin:0 auto 34px; }
.demo-page .dm-badge{
	display:inline-flex; align-items:center; gap:8px; margin-bottom:16px;
	background:rgba(0,102,255,0.10); color:var(--dm-primary);
	font-weight:700; font-size:1rem; padding:9px 20px; border-radius:999px;
}
.demo-page .dm-head h2{ color:var(--dm-ink); font-weight:800; font-size:2rem; margin:0 0 12px; line-height:1.35; }
.demo-page .dm-head p{ color:var(--dm-body); font-size:1rem; line-height:1.75; margin:0; word-break:keep-all; }

/* ¦¡¦¡ ÁøÇà ´Ü°è ¦¡¦¡ */
.demo-page .dm-steps{
	display:flex; justify-content:center; flex-wrap:wrap; gap:0;
	max-width:820px; margin:0 auto 40px;
}
.demo-page .dm-step{
	flex:1 1 0; min-width:170px; position:relative;
	display:flex; flex-direction:column; align-items:center; text-align:center;
	padding:0 10px;
}
.demo-page .dm-step::after{
	content:''; position:absolute; top:19px; left:calc(50% + 26px);
	width:calc(100% - 52px); height:2px; background:var(--dm-line);
}
.demo-page .dm-step:last-child::after{ display:none; }
.demo-page .dm-step-num{
	width:38px; height:38px; border-radius:50%;
	display:flex; align-items:center; justify-content:center;
	background:#fff; border:2px solid var(--dm-line);
	color:var(--dm-muted); font-weight:800; font-size:0.9rem;
	margin-bottom:10px; position:relative; z-index:1;
}
.demo-page .dm-step.is-now .dm-step-num{
	background:linear-gradient(135deg,var(--dm-primary),#3a8bff);
	border-color:transparent; color:#fff;
	box-shadow:0 6px 16px rgba(0,102,255,0.30);
}
.demo-page .dm-step-label{ color:var(--dm-ink); font-weight:700; font-size:0.92rem; margin-bottom:3px; }
.demo-page .dm-step.is-now .dm-step-label{ color:var(--dm-primary); }
.demo-page .dm-step-desc{ color:var(--dm-muted); font-size:0.82rem; line-height:1.5; word-break:keep-all; }

/* ¦¡¦¡ º»¹® 2´Ü ·¹À̾ƿô ¦¡¦¡ */
.demo-page .dm-layout{
	display:grid; grid-template-columns:minmax(0,1fr) 320px;
	gap:26px; align-items:start; max-width:1080px; margin:0 auto;
}

/* Æû Ä«µå */
.demo-page .dm-card{
	background:#fff; border:1px solid var(--dm-line);
	border-radius:var(--dm-radius); box-shadow:var(--dm-shadow);
	padding:38px 40px;
}
.demo-page .dm-card-title{
	display:flex; align-items:center; gap:9px;
	color:var(--dm-ink); font-weight:800; font-size:1.15rem;
	margin:0 0 22px; padding-bottom:16px; border-bottom:1px solid var(--dm-line);
}
.demo-page .dm-card-title i{ color:var(--dm-primary); font-size:1rem; }
.demo-page .dm-grid{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.demo-page .dm-field{ display:flex; flex-direction:column; min-width:0; }
.demo-page .dm-field.full{ grid-column:1 / -1; }

/* ¶óº§ */
.demo-page .demo-label{
	color:var(--dm-ink); font-weight:700; font-size:0.9rem; margin:0 0 8px;
	display:flex; align-items:center; gap:6px; flex-wrap:wrap;
}
.demo-page .dm-req{ color:#e0524d; font-weight:800; }
.demo-page .dm-lock{
	display:inline-flex; align-items:center; gap:4px;
	margin-left:auto; padding:2px 8px; border-radius:999px;
	background:#f0f2f6; color:var(--dm-muted);
	font-size:0.72rem; font-weight:600; letter-spacing:0;
}
.demo-page .dm-lock i{ font-size:0.68rem; }

/* ÀÔ·Â (±âÁ¸ form-control Ŭ·¡½º À¯Áö, ½ºÅ¸Àϸ¸ µ¤¾î¾¸) */
.demo-page .form-control{
	width:100%; height:50px;
	border:1.5px solid var(--dm-line); border-radius:12px;
	padding:0 15px; font-size:0.96rem; color:var(--dm-ink);
	background:#fbfcfe; box-shadow:none;
	transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.demo-page .form-control::placeholder{ color:#b6bdc9; }
.demo-page .form-control:focus{
	outline:none; border-color:var(--dm-primary); background:#fff;
	box-shadow:0 0 0 4px rgba(0,102,255,0.12);
}
.demo-page .form-control[readonly]{
	background:#f2f4f8; color:var(--dm-body);
	border-color:#e8ebf1; border-style:dashed; cursor:default;
}
.demo-page .form-control[readonly]:focus{ box-shadow:none; border-color:#e8ebf1; }
.demo-page textarea.form-control{
	height:auto; min-height:132px; padding:14px 15px;
	resize:vertical; line-height:1.7;
}

/* ±ÛÀÚ¼ö Ä«¿îÅÍ */
.demo-page .dm-count{
	align-self:flex-end; margin-top:7px;
	color:var(--dm-muted); font-size:0.8rem; font-variant-numeric:tabular-nums;
}
.demo-page .dm-count.is-full{ color:#e0524d; font-weight:700; }

/* ȸ¿øÁ¤º¸ ¾È³» */
.demo-page .dm-note{
	grid-column:1 / -1; display:flex; align-items:flex-start; gap:10px;
	margin-top:2px; padding:14px 18px; border-radius:12px;
	background:rgba(0,102,255,0.05); border:1px solid rgba(0,102,255,0.14);
	color:var(--dm-body); font-size:0.88rem; line-height:1.65; word-break:keep-all;
}
.demo-page .dm-note > i{ color:var(--dm-primary); margin-top:3px; flex:0 0 auto; }
.demo-page .dm-note strong{ color:var(--dm-ink); }

/* ¹öÆ° */
.demo-page .dm-actions{ display:flex; gap:12px; margin-top:28px; }
.demo-page .dm-btn{
	display:inline-flex; align-items:center; justify-content:center; gap:8px;
	cursor:pointer; border:none; height:56px;
	font-weight:800; font-size:1.02rem; border-radius:12px;
	transition:transform .16s ease, box-shadow .16s ease, background .16s ease, filter .16s ease;
}
.demo-page .dm-btn-primary{
	flex:1 1 auto;
	background:linear-gradient(135deg,var(--dm-primary),#3a8bff); color:#fff;
	box-shadow:0 10px 24px rgba(0,102,255,0.28);
}
.demo-page .dm-btn-primary:hover{ transform:translateY(-2px); box-shadow:0 16px 32px rgba(0,102,255,0.36); color:#fff; }
.demo-page .dm-btn-primary:active{ transform:translateY(0); filter:brightness(0.96); }
.demo-page .dm-btn-primary:disabled{ opacity:0.55; cursor:not-allowed; transform:none; box-shadow:none; }
.demo-page .dm-btn-ghost{
	flex:0 0 130px; background:#eef1f6; color:var(--dm-body);
}
.demo-page .dm-btn-ghost:hover{ background:#e3e7ee; }

/* ¦¡¦¡ ¿ìÃø ¾È³» ÆгΠ¦¡¦¡ */
.demo-page .dm-aside{ position:sticky; top:24px; display:grid; gap:18px; }
.demo-page .dm-panel{
	background:#fff; border:1px solid var(--dm-line);
	border-radius:var(--dm-radius); box-shadow:var(--dm-shadow-sm);
	padding:26px 24px;
}
.demo-page .dm-panel--accent{
	background:linear-gradient(150deg,#0047b3 0%,#0066ff 60%,#3a8bff 100%);
	border-color:transparent; color:#fff;
	box-shadow:0 14px 34px rgba(0,102,255,0.28);
}
.demo-page .dm-panel h4{
	display:flex; align-items:center; gap:8px;
	color:var(--dm-ink); font-weight:800; font-size:1.02rem; margin:0 0 14px;
}
.demo-page .dm-panel h4 i{ color:var(--dm-primary); font-size:0.95rem; }
.demo-page .dm-panel--accent h4{ color:#fff; }
.demo-page .dm-panel--accent h4 i{ color:#cfe1ff; }
.demo-page .dm-panel-num{ font-weight:800; font-size:2.2rem; line-height:1; margin:0 0 6px; }
.demo-page .dm-panel--accent p{ color:rgba(255,255,255,0.88); font-size:0.9rem; line-height:1.7; margin:0; word-break:keep-all; }
.demo-page .dm-list{ list-style:none; margin:0; padding:0; }
/* [¼öÁ¤] li ¸¦ flex ·Î ÀâÀ¸¸é ¹®Àå ¾È¿¡ <strong> À̳ª ¸µÅ©°¡ µé¾î°¬À» ¶§
   ±ÛÀÚ µ¢¾î¸®¸¶´Ù gap ÀÌ ºÙ¾î ¹®ÀåÀÌ Èð¾îÁý´Ï´Ù.
   ¾ÆÀÌÄܸ¸ ¿ÞÂÊ¿¡ ¶ç¿ì°í º»¹®Àº º¸Åë ¹®ÀåÀ¸·Î È帣°Ô ÇÕ´Ï´Ù. */
.demo-page .dm-list li{
	position:relative; padding-left:20px; margin-bottom:11px;
	color:var(--dm-body); font-size:0.89rem; line-height:1.65; word-break:keep-all;
}
.demo-page .dm-list li:last-child{ margin-bottom:0; }
.demo-page .dm-list i{
	position:absolute; left:0; top:0.5em;
	color:var(--dm-primary); font-size:0.78rem;
}

/* ¦¡¦¡ ¹ÝÀÀÇü ¦¡¦¡ */
@media (max-width:1099px){
	.demo-page .dm-layout{ grid-template-columns:1fr; max-width:820px; }
	.demo-page .dm-aside{ position:static; grid-template-columns:1fr 1fr; }
}
@media (max-width:767px){
	.demo-page{ padding:46px 0 70px; }
	.demo-page .dm-head h2{ font-size:1.6rem; }
	.demo-page .dm-card{ padding:26px 20px; }
	.demo-page .dm-grid{ grid-template-columns:1fr; }
	.demo-page .dm-aside{ grid-template-columns:1fr; }
	.demo-page .dm-steps{ margin-bottom:28px; }
	.demo-page .dm-step{ min-width:33.333%; padding:0 4px; }
	.demo-page .dm-step-desc{ display:none; }
	.demo-page .dm-step::after{ top:17px; left:calc(50% + 22px); width:calc(100% - 44px); }
	.demo-page .dm-actions{ flex-direction:column-reverse; }
	.demo-page .dm-btn-ghost{ flex:0 0 50px; height:50px; }
}

/* ------------------------------------------------------------------
   °øÁö»çÇ×  ?  support/noticenew.php
   ¡Ø ¿øº» <style> ºí·ÏÀ» ¿Å±â°í, ¾Æ·¡ µÎ °¡Áö¸¸ °ªÀ» ¹Ù²å½À´Ï´Ù.
     ¡¤ .nt-title  : Á¦¸ñ ÁÙ¹Ù²Þ Çã¿ë (º»¹®°ú µ¿ÀÏÇÑ ±ÔÄ¢)
     ¡¤ .nt-text   : ±ä º»¹® Á¢±â/ÆîÄ¡±â Ãß°¡
------------------------------------------------------------------ */
.nt-page{
	--nt-primary:#0066ff;
	--nt-primary-dark:#0047b3;
	--nt-ink:#1a1d24;
	--nt-body:#3f4654;
	--nt-muted:#7a828f;
	--nt-line:rgba(16,24,40,0.08);
	--nt-radius:18px;
	--nt-shadow:0 12px 34px rgba(16,24,40,0.09);
	--nt-shadow-sm:0 6px 18px rgba(16,24,40,0.06);
	--nt-shadow-hover:0 18px 44px rgba(16,24,40,0.13);
	padding:72px 0 90px;
}
.nt-page .nt-inner{ position:relative; z-index:1; }

/* °øÅë Çì´õ */
.nt-page .nt-head{ text-align:center; max-width:720px; margin:0 auto 30px; }
.nt-page .nt-eyebrow{
	display:inline-block; color:var(--nt-primary);
	font-weight:700; letter-spacing:0.04em;
	font-size:1.15rem; margin-bottom:14px;
}
.nt-page .nt-head h2{ color:var(--nt-ink); font-weight:800; font-size:2rem; margin:0 0 14px; line-height:1.35; }
.nt-page .nt-head p{ color:var(--nt-body); font-size:1rem; line-height:1.8; margin:0; }

/* °Ç¼ö Ç¥½Ã */
.nt-page .nt-count{
	max-width:900px; margin:0 auto 14px;
	color:var(--nt-muted); font-size:0.9rem;
}
.nt-page .nt-count b{ color:var(--nt-primary); font-weight:800; }

/* °øÁö ¸®½ºÆ® */
.nt-page .nt-list{ max-width:900px; margin:0 auto; display:grid; gap:18px; }
.nt-page .nt-empty{
	text-align:center; color:var(--nt-muted); font-size:1.05rem;
	background:#fff; border:1px solid var(--nt-line); border-radius:var(--nt-radius);
	box-shadow:var(--nt-shadow-sm); padding:60px 20px; max-width:900px; margin:0 auto;
}
.nt-page .nt-empty i{ display:block; font-size:2rem; color:#c9d2df; margin-bottom:14px; }
.nt-page .nt-item{
	display:flex; gap:20px; align-items:flex-start;
	background:#fff; border:1px solid var(--nt-line);
	border-radius:var(--nt-radius); box-shadow:var(--nt-shadow-sm);
	padding:26px 28px; position:relative; overflow:hidden;
	transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.nt-page .nt-item:hover{ transform:translateY(-3px); box-shadow:var(--nt-shadow-hover); border-color:rgba(0,102,255,0.20); }
.nt-page .nt-item::before{
	content:""; position:absolute; left:0; top:0; bottom:0; width:4px;
	background:linear-gradient(180deg,var(--nt-primary),#3a8bff);
	opacity:0; transition:opacity .2s ease;
}
.nt-page .nt-item:hover::before{ opacity:1; }

/* °íÁ¤ °øÁö */
.nt-page .nt-item.is-pinned{ border-color:rgba(0,102,255,0.28); background:#fbfdff; }
.nt-page .nt-item.is-pinned::before{ opacity:1; }

/* ¾ÆÀÌÄÜ ¹èÁö */
.nt-page .nt-badge{
	flex:0 0 52px; width:52px; height:52px; border-radius:14px;
	display:flex; align-items:center; justify-content:center;
	background:#eef4ff; border:1px solid rgba(0,102,255,0.12);
	color:var(--nt-primary); font-size:1.2rem;
	transition:background .2s ease, color .2s ease;
}
.nt-page .nt-item:hover .nt-badge{ background:var(--nt-primary); border-color:transparent; color:#fff; }
.nt-page .nt-item.is-pinned .nt-badge{ background:var(--nt-primary); border-color:transparent; color:#fff; }

.nt-page .nt-content{ flex:1 1 auto; min-width:0; }
.nt-page .nt-meta{
	display:flex; align-items:center; flex-wrap:wrap; gap:8px;
	color:var(--nt-muted); font-size:0.85rem; margin-bottom:9px;
}
.nt-page .nt-meta .nt-tag{
	display:inline-flex; align-items:center; gap:5px;
	background:rgba(0,102,255,0.08); color:var(--nt-primary);
	font-weight:700; font-size:0.78rem; padding:3px 10px; border-radius:999px;
}
.nt-page .nt-meta .nt-pin{
	display:inline-flex; align-items:center; gap:5px;
	background:rgba(0,102,255,0.12); color:var(--nt-primary-dark);
	font-weight:800; font-size:0.74rem; padding:3px 10px; border-radius:999px;
}
.nt-page .nt-meta .nt-dot{ color:#c9ced8; }
.nt-page .nt-meta .nt-new{
	display:inline-flex; align-items:center;
	background:#ffefef; color:#e0524d;
	font-weight:800; font-size:0.72rem; letter-spacing:0.04em;
	padding:3px 9px; border-radius:999px;
}
.nt-page .nt-meta .nt-no{ margin-left:auto; font-weight:600; color:#aab0ba; }

/* [¼öÁ¤] Á¦¸ñ
   ±âÁ¸¿¡´Â PHP ¿¡¼­ °ø¹éÀ» &nbsp; ·Î ¹Ù²ã ³õ¾Æ Á¦¸ñÀÌ Àý´ë Áٹٲ޵ÇÁö
   ¾Ê¾Ò½À´Ï´Ù. ±ä Á¦¸ñÀÌ Ä«µå¸¦ ¹Ð°í ³ª°¡´ø ¿øÀÎÀÔ´Ï´Ù. */
.nt-page .nt-title{
	color:var(--nt-ink); font-weight:800; font-size:1.22rem;
	line-height:1.45; margin:0 0 11px;
	word-break:keep-all; overflow-wrap:anywhere;
	transition:color .18s ease;
}
.nt-page .nt-item:hover .nt-title{ color:var(--nt-primary); }

/* º»¹® */
.nt-page .nt-text{
	position:relative;
	color:var(--nt-body); font-size:0.96rem; line-height:1.85;
	margin:0; max-width:100%;
	white-space:normal;          /* °ø¹é ±âÁØ ÀÚµ¿ ÁÙ¹Ù²Þ Çã¿ë */
	word-break:keep-all;         /* ÇѱÛÀº ´Ü¾î ´ÜÀ§·Î ÀÚ¿¬½º·´°Ô ²÷À½ */
	overflow-wrap:anywhere;      /* ±ä URL¡¤¿¬¼Ó ¹®ÀÚ¿­Àº °­Á¦·Î ÁÙ¹Ù²Þ */
	word-wrap:break-word;        /* ±¸Çü ºê¶ó¿ìÀú ȣȯ */
}
.nt-page .nt-text img{ max-width:100%; height:auto; }
.nt-page .nt-text table{ max-width:100%; }

/* [Ãß°¡] ±ä º»¹® Á¢±â ? ¸ñ·ÏÀÌ ÇѾøÀÌ ±æ¾îÁöÁö ¾Êµµ·Ï */
.nt-page .nt-text.is-clamped{
	max-height:180px; overflow:hidden;
}
.nt-page .nt-text.is-clamped::after{
	content:''; position:absolute; left:0; right:0; bottom:0; height:56px;
	background:linear-gradient(to bottom, rgba(255,255,255,0), #fff 88%);
	pointer-events:none;
}
.nt-page .nt-more{
	display:inline-flex; align-items:center; gap:6px;
	margin-top:10px; padding:7px 14px;
	border:1px solid var(--nt-line); border-radius:999px;
	background:#fff; color:var(--nt-body);
	font-family:inherit; font-size:0.85rem; font-weight:700;
	cursor:pointer; transition:border-color .18s ease, color .18s ease;
}
.nt-page .nt-more:hover{ border-color:var(--nt-primary); color:var(--nt-primary); }
.nt-page .nt-more i{ font-size:0.72rem; transition:transform .18s ease; }
.nt-page .nt-more.is-open i{ transform:rotate(180deg); }

/* ÆäÀÌÁö³×ÀÌ¼Ç */
.nt-page .nt-pagination{ display:flex; justify-content:center; margin-top:44px; }
.nt-page .nt-pagination ul{
	display:inline-flex; flex-wrap:wrap; gap:8px;
	list-style:none; margin:0; padding:0;
}
.nt-page .nt-pagination a,
.nt-page .nt-pagination span{
	display:inline-flex; align-items:center; justify-content:center;
	min-width:42px; height:42px; padding:0 12px;
	border-radius:12px; border:1px solid var(--nt-line);
	background:#fff; color:var(--nt-body); font-weight:700; font-size:0.95rem;
	text-decoration:none; transition:all .18s ease;
}
.nt-page .nt-pagination a:hover{
	border-color:var(--nt-primary); color:var(--nt-primary);
	box-shadow:var(--nt-shadow-sm);
}
.nt-page .nt-pagination li.active span{
	background:linear-gradient(135deg,var(--nt-primary),#3a8bff);
	border-color:transparent; color:#fff;
	box-shadow:0 8px 20px rgba(0,102,255,0.28);
}

@media (max-width:767px){
	.nt-page{ padding:52px 0 68px; }
	.nt-page .nt-head h2{ font-size:1.6rem; }
	.nt-page .nt-item{ padding:22px 20px; gap:14px; }
	.nt-page .nt-badge{ flex-basis:44px; width:44px; height:44px; font-size:1.05rem; }
	.nt-page .nt-title{ font-size:1.08rem; }
	.nt-page .nt-meta .nt-no{ margin-left:0; }
}
@media (prefers-reduced-motion:reduce){
	.nt-page *{ transition:none !important; }
}

/* ------------------------------------------------------------------
   Á¦Ç°±¸¸Å ¸ñ·Ï  ?  mall/shop.php
------------------------------------------------------------------ */
.sh-page{
	--sh-primary:#0066ff;
	--sh-ink:#1a1d24;
	--sh-body:#3f4654;
	--sh-muted:#8b93a1;
	--sh-line:#e4e8ef;
	--sh-bg:#f5f7fb;
	background:var(--sh-bg);
	padding:66px 0 90px;
	color:var(--sh-body);
}
.sh-page *{ box-sizing:border-box; }

/* Çì´õ */
.sh-page .sh-head{ text-align:center; max-width:680px; margin:0 auto 14px; }
.sh-page .sh-head h2{
	margin:0 0 12px; color:var(--sh-ink);
	font-weight:800; font-size:2rem; line-height:1.35;
}
.sh-page .sh-head p{
	margin:0; color:var(--sh-muted);
	font-size:0.96rem; line-height:1.75; word-break:keep-all;
}
.sh-page .sh-count{
	max-width:1140px; margin:26px auto 14px;
	color:var(--sh-muted); font-size:0.9rem;
}
.sh-page .sh-count b{ color:var(--sh-primary); font-weight:800; }

/* °ÝÀÚ */
.sh-page .sh-grid{
	max-width:1140px; margin:0 auto;
	display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
}

/* Ä«µå */
.sh-page .sh-card{
	display:flex; flex-direction:column; height:100%;
	background:#fff; border:1px solid var(--sh-line); border-radius:18px;
	box-shadow:0 8px 24px rgba(16,24,40,0.06);
	overflow:hidden; text-decoration:none;
	transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.sh-page .sh-card:hover,
.sh-page .sh-card:focus{
	transform:translateY(-4px);
	box-shadow:0 18px 44px rgba(16,24,40,0.13);
	border-color:rgba(0,102,255,0.28);
	text-decoration:none;
}

/* À̹ÌÁö ? ºñÀ² °íÁ¤ */
/* Á¦Ç° »çÁøÀÌ Èò ¹è°æÀ¸·Î Á¦À۵Ǿî ÀÖ¾î, Ä­ ¹è°æÀÌ #f7f9fc À̸é
   »çÁøÀÇ Èò »ç°¢ÇüÀÌ ±×´ë·Î µå·¯³³´Ï´Ù. Èò»öÀ¸·Î ¸ÂÃä´Ï´Ù. */
.sh-page .sh-thumb{
	position:relative; width:100%; aspect-ratio:4 / 3;
	background:#fff; border-bottom:1px solid var(--sh-line);
	display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.sh-page .sh-thumb img{
	width:100%; height:100%; object-fit:contain; padding:18px;
	transition:transform .25s ease;
}
.sh-page .sh-card:hover .sh-thumb img{ transform:scale(1.04); }
.sh-page .sh-thumb .sh-noimg{ color:#c9d2df; font-size:2rem; }

/* º»¹® ? »çÁø Ä­ÀÌ Èò»öÀÌ µÇ¾úÀ¸¹Ç·Î º»¹®Àº ¿¶Àº ȸ»öÀ¸·Î ³ª´¯´Ï´Ù */
.sh-page .sh-body{
	display:flex; flex-direction:column; flex:1 1 auto; padding:20px 22px 22px;
	background:#f7f9fc;
}
.sh-page .sh-name{
	margin:0 0 10px; color:var(--sh-ink);
	font-weight:800; font-size:1.06rem; line-height:1.45;
	word-break:keep-all; transition:color .18s ease;
}
.sh-page .sh-card:hover .sh-name{ color:var(--sh-primary); }

.sh-page .sh-specs{
	display:flex; flex-wrap:wrap; gap:6px; margin:0 0 16px;
	padding:0; list-style:none;
}
/* º»¹®ÀÌ È¸»öÀÌ µÇ¾úÀ¸¹Ç·Î ±Ô°Ý ĨÀº Èò»öÀ¸·Î ¶ç¿ó´Ï´Ù */
.sh-page .sh-specs li{
	padding:4px 10px; border-radius:999px;
	background:#fff; border:1px solid var(--sh-line);
	color:var(--sh-body); font-size:0.79rem; font-weight:600;
	word-break:keep-all;
}

/* °¡°Ý */
.sh-page .sh-price{
	margin-top:auto; padding-top:14px; border-top:1px solid var(--sh-line);
	display:flex; align-items:baseline; gap:5px;
	color:var(--sh-ink); font-weight:800; font-size:1.3rem;
}
.sh-page .sh-price span{ color:var(--sh-body); font-size:0.9rem; font-weight:600; }
.sh-page .sh-price.is-call{
	align-items:center; color:var(--sh-primary); font-size:1rem;
}
.sh-page .sh-price .sh-call-ico{
	display:inline-flex; align-items:center; justify-content:center;
	width:28px; height:28px; border-radius:50%;
	background:rgba(0,102,255,0.10); color:var(--sh-primary);
	font-size:0.8rem; margin-right:4px;
}

/* ÀÚ¼¼È÷ º¸±â ´ÜÃß (Ä«µå Àüü°¡ ¸µÅ©À̹ǷΠ¸ð¾ç¸¸ ³À´Ï´Ù) */
.sh-page .sh-cta{
	margin-top:14px; padding:11px 14px; border-radius:12px;
	background:#fff; border:1px solid var(--sh-line);
	color:var(--sh-ink); font-size:0.88rem; font-weight:700;
	display:flex; align-items:center; justify-content:center; gap:8px;
	transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.sh-page .sh-cta i{ font-size:0.78rem; transition:transform .2s ease; }
.sh-page .sh-card:hover .sh-cta,
.sh-page .sh-card:focus .sh-cta{
	background:var(--sh-primary); border-color:var(--sh-primary); color:#fff;
}
.sh-page .sh-card:hover .sh-cta i{ transform:translateX(3px); }

/* ºó ¸ñ·Ï */
.sh-page .sh-empty{
	max-width:1140px; margin:0 auto; padding:70px 20px; text-align:center;
	background:#fff; border:1px solid var(--sh-line); border-radius:18px;
	box-shadow:0 8px 24px rgba(16,24,40,0.06);
	color:var(--sh-muted);
}
.sh-page .sh-empty i{ display:block; font-size:2rem; color:#c9d2df; margin-bottom:14px; }

@media (max-width:991px){
	.sh-page .sh-grid{ grid-template-columns:repeat(2,1fr); gap:18px; }
}
@media (max-width:575px){
	.sh-page{ padding:46px 0 70px; }
	.sh-page .sh-head h2{ font-size:1.6rem; }
	.sh-page .sh-grid{ grid-template-columns:1fr; gap:16px; }
	.sh-page .sh-body{ padding:18px; }
}
@media (prefers-reduced-motion:reduce){
	.sh-page *{ transition:none !important; }
}

/* ------------------------------------------------------------------
   Á¦Ç° »ó¼¼  ?  mall/item.php
------------------------------------------------------------------ */
.it-page{
	--it-primary:#0066ff;
	--it-ink:#1a1d24;
	--it-body:#3f4654;
	--it-muted:#8b93a1;
	--it-line:#e4e8ef;
	--it-bg:#f5f7fb;
	background:var(--it-bg);
	padding:56px 0 70px;
	color:var(--it-body);
}
.it-page *{ box-sizing:border-box; }
.it-page .it-wrap{ max-width:1140px; margin:0 auto; }

/* 2´Ü ¹èÄ¡ */
.it-page .it-layout{
	display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
	gap:34px; align-items:start;
}

/* ¦¡¦¡ À̹ÌÁö ¦¡¦¡ */
.it-gallery{ position:sticky; top:24px; }
.it-main{
	position:relative; width:100%; aspect-ratio:1 / 1;
	background:#fff; border:1px solid var(--it-line); border-radius:18px;
	box-shadow:0 10px 30px rgba(16,24,40,0.06);
	display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.it-main img{ width:100%; height:100%; object-fit:contain; padding:26px; }
.it-main .it-noimg{ color:#c9d2df; font-size:2.4rem; }

.it-thumbs{ display:flex; gap:10px; margin-top:12px; flex-wrap:wrap; }
.it-thumb{
	width:78px; height:78px; padding:6px; cursor:pointer;
	background:#fff; border:1.5px solid var(--it-line); border-radius:12px;
	display:flex; align-items:center; justify-content:center; overflow:hidden;
	transition:border-color .16s ease, box-shadow .16s ease;
}
.it-thumb img{ width:100%; height:100%; object-fit:contain; }
.it-thumb:hover{ border-color:#c8d2e2; }
.it-thumb.is-active{
	border-color:var(--it-primary);
	box-shadow:0 0 0 3px rgba(0,102,255,0.12);
}

/* ¦¡¦¡ Á¤º¸ ¦¡¦¡ */
.it-info{
	background:#fff; border:1px solid var(--it-line); border-radius:18px;
	box-shadow:0 10px 30px rgba(16,24,40,0.06);
	padding:30px 32px;
}
.it-name{
	margin:0 0 8px; color:var(--it-ink);
	font-weight:800; font-size:1.55rem; line-height:1.4; word-break:keep-all;
}
.it-lead{
	margin:0 0 20px; color:var(--it-body);
	font-size:0.96rem; line-height:1.7; word-break:keep-all;
}
.it-headline{
	display:block; margin:0 0 18px; padding:12px 16px; border-radius:12px;
	background:rgba(0,102,255,0.06); border:1px solid rgba(0,102,255,0.14);
	color:var(--it-ink); font-size:0.92rem; font-weight:700; line-height:1.6;
	word-break:keep-all;
}

/* »ç¾ç ¸ñ·Ï */
.it-specs{ list-style:none; margin:0 0 22px; padding:0; border-top:1px solid var(--it-line); }
.it-specs li{
	display:flex; gap:14px; padding:12px 2px;
	border-bottom:1px solid #eef1f6;
	font-size:0.92rem; line-height:1.6; word-break:keep-all;
}
.it-specs li b{
	flex:0 0 118px; color:var(--it-muted); font-weight:600;
}
.it-specs li span{ flex:1 1 auto; min-width:0; color:var(--it-ink); font-weight:600; }

/* ¼ö·® */
.it-qty{ display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.it-qty label{ margin:0; color:var(--it-ink); font-weight:700; font-size:0.92rem; }
.it-qty select{
	-webkit-appearance:none; -moz-appearance:none; appearance:none;
	height:46px; min-width:130px; padding:0 36px 0 14px;
	border:1.5px solid var(--it-line); border-radius:11px;
	background-color:#fff; color:var(--it-ink);
	font-family:inherit; font-size:0.94rem; font-weight:600; cursor:pointer;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238b93a1' d='M6 8 0 2l1.4-1.4L6 5.2 10.6.6 12 2z'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-position:right 13px center;
	transition:border-color .16s ease, box-shadow .16s ease;
}
.it-qty select:focus{
	outline:none; border-color:var(--it-primary);
	box-shadow:0 0 0 4px rgba(0,102,255,0.12);
}

/* °¡°Ý */
.it-price{
	display:flex; align-items:baseline; flex-wrap:wrap; gap:6px;
	padding:18px 20px; border-radius:14px; background:#f7f9fc;
	border:1px solid var(--it-line); margin-bottom:20px;
}
.it-price .it-price-num{ color:var(--it-ink); font-weight:800; font-size:1.8rem; line-height:1.2; }
.it-price .it-price-won{ color:var(--it-ink); font-weight:700; font-size:1rem; }
.it-price .it-price-note{ width:100%; color:var(--it-muted); font-size:0.84rem; }
.it-price.is-call{ align-items:center; gap:10px; }
.it-price.is-call .it-call-ico{
	display:inline-flex; align-items:center; justify-content:center;
	width:38px; height:38px; border-radius:50%;
	background:rgba(0,102,255,0.10); color:var(--it-primary); font-size:0.95rem;
}
.it-price.is-call .it-call-label{ color:var(--it-body); font-size:0.92rem; font-weight:600; }
.it-price.is-call a{
	color:var(--it-primary); font-weight:800; font-size:1.25rem; text-decoration:none;
}
.it-price.is-call a:hover{ text-decoration:underline; text-underline-offset:3px; }

/* ¹öÆ° */
.it-actions{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.it-btn{
	display:inline-flex; align-items:center; justify-content:center; gap:8px;
	height:56px; padding:0 18px; margin:0; border-radius:12px;
	border:1.5px solid var(--it-line); background:#fff; color:var(--it-body);
	font-family:inherit; font-size:1rem; font-weight:800; line-height:1;
	white-space:nowrap; cursor:pointer; text-decoration:none;
	transition:border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease;
}
.it-btn:hover{ border-color:#c8d2e2; background:#f7f9fc; }
.it-btn.is-primary{
	border-color:transparent; color:#fff;
	background:linear-gradient(135deg,var(--it-primary),#3a8bff);
	box-shadow:0 10px 24px rgba(0,102,255,0.26);
}
.it-btn.is-primary:hover{ transform:translateY(-2px); box-shadow:0 14px 30px rgba(0,102,255,0.34); color:#fff; }

.it-guide{
	margin:18px 0 0; padding:14px 16px; border-radius:12px;
	background:#f7f9fc; border:1px solid #eef1f6;
	color:var(--it-muted); font-size:0.84rem; line-height:1.7;
}
.it-guide i{ color:#b3bccb; margin-right:6px; }

@media (max-width:991px){
	.it-page .it-layout{ grid-template-columns:1fr; gap:24px; }
	.it-gallery{ position:static; }
	.it-main{ aspect-ratio:4 / 3; }
}
@media (max-width:575px){
	.it-page{ padding:40px 0 60px; }
	.it-info{ padding:22px 18px; }
	.it-name{ font-size:1.25rem; }
	.it-specs li{ flex-direction:column; gap:3px; }
	.it-specs li b{ flex:none; }
	.it-actions{ grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce){
	.it-page *{ transition:none !important; }
}

/* ------------------------------------------------------------------
   ÁÖ¹® ¡¤ °áÁ¦  ?  mall/buy/shop_my_pay.php
   ¡Ø ±âÁ¸ id ¡¤ name ¡¤ onclick Àº ±×´ë·Î µÎ°í °Ñ¸ð¾ç¸¸ ¹Ù²ß´Ï´Ù.
------------------------------------------------------------------ */
.po-page{
	--po-primary:#0066ff;
	--po-ink:#1a1d24;
	--po-body:#3f4654;
	--po-muted:#8b93a1;
	--po-line:#e4e8ef;
	--po-bg:#f5f7fb;
	background:var(--po-bg);
	padding:56px 0 80px;
	color:var(--po-body);
}
.po-page *{ box-sizing:border-box; }
.po-page .po-wrap{ max-width:1160px; margin:0 auto; }

.po-page .po-head{ text-align:center; margin-bottom:28px; }
.po-page .po-head h2{
	margin:0 0 10px; color:var(--po-ink);
	font-weight:800; font-size:2rem; line-height:1.35;
}
.po-page .po-head p{ margin:0; color:var(--po-muted); font-size:0.94rem; }

/* 2´Ü : ÀÔ·Â / ¿ä¾à */
.po-page .po-layout{
	display:grid; grid-template-columns:minmax(0,1fr) 340px;
	gap:24px; align-items:start;
}

/* Ä«µå */
.po-card{
	background:#fff; border:1px solid var(--po-line); border-radius:18px;
	box-shadow:0 10px 30px rgba(16,24,40,0.06);
	padding:26px 28px; margin-bottom:18px;
}
.po-card:last-child{ margin-bottom:0; }
.po-card-title{
	display:flex; align-items:center; gap:9px; margin:0 0 20px;
	padding-bottom:14px; border-bottom:1px solid var(--po-line);
	color:var(--po-ink); font-weight:800; font-size:1.08rem;
}
.po-card-title i{ color:var(--po-primary); font-size:0.94rem; }
.po-card-title small{ margin-left:auto; color:var(--po-muted); font-size:0.8rem; font-weight:500; }

/* ÁÖ¹® »óÇ° */
.po-item{
	display:flex; align-items:center; gap:16px;
	padding:16px 0; border-bottom:1px solid #eef1f6;
}
.po-item:last-child{ border-bottom:0; }
.po-item-thumb{
	flex:0 0 84px; width:84px; height:84px; padding:8px;
	background:#f7f9fc; border:1px solid var(--po-line); border-radius:12px;
	display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.po-item-thumb img{ width:100%; height:100%; object-fit:contain; }
.po-item-thumb i{ color:#c9d2df; font-size:1.4rem; }
.po-item-body{ flex:1 1 auto; min-width:0; }
.po-item-name{
	margin:0 0 5px; color:var(--po-ink);
	font-weight:700; font-size:1rem; line-height:1.45; word-break:keep-all;
}
.po-item-spec{ margin:0; color:var(--po-muted); font-size:0.85rem; line-height:1.6; word-break:keep-all; }
.po-item-qty{
	flex:0 0 auto; color:var(--po-body); font-size:0.9rem; font-weight:600;
	white-space:nowrap;
}
.po-item-price{
	flex:0 0 auto; min-width:120px; text-align:right;
	color:var(--po-ink); font-weight:800; font-size:1rem; white-space:nowrap;
}
.po-item-price span{ font-size:0.85rem; font-weight:600; color:var(--po-body); }

/* ÀÔ·Â */
.po-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.po-field{ min-width:0; }
.po-field.full{ grid-column:1 / -1; }
.po-field > label{
	display:block; margin:0 0 7px;
	color:var(--po-ink); font-size:0.88rem; font-weight:700;
}
.po-page .po-field .form-control,
.po-page .po-field input[type="text"],
.po-page .po-field select{
	width:100%; height:48px; padding:0 14px; margin:0;
	border:1.5px solid var(--po-line); border-radius:11px;
	background-color:#fff; color:var(--po-ink);
	font-family:inherit; font-size:0.94rem; box-shadow:none;
	transition:border-color .16s ease, box-shadow .16s ease;
}
.po-page .po-field input:focus,
.po-page .po-field select:focus{
	outline:none; border-color:var(--po-primary);
	box-shadow:0 0 0 4px rgba(0,102,255,0.12);
}
.po-page .po-field input[readonly]{ background:#f2f4f8; border-style:dashed; color:var(--po-body); }
.po-page .po-field input::placeholder{ color:#aab2c0; }
.po-hint{ display:block; margin-top:6px; color:var(--po-muted); font-size:0.8rem; line-height:1.6; }

/* ¿ìÆí¹øÈ£ ÁÙ */
.po-zip{ display:flex; gap:8px; align-items:flex-end; }
.po-zip .po-field{ flex:1 1 auto; }
.po-btn-sub{
	flex:0 0 auto; height:48px; padding:0 16px; margin:0;
	border:1.5px solid var(--po-primary); border-radius:11px;
	background:#fff; color:var(--po-primary);
	font-family:inherit; font-size:0.88rem; font-weight:700; white-space:nowrap;
	cursor:pointer; transition:background .16s ease, color .16s ease;
}
.po-btn-sub:hover{ background:var(--po-primary); color:#fff; }

/* üũ¹Ú½º ÁÙ */
.po-check{
	display:flex; align-items:center; gap:9px; margin-bottom:16px;
	padding:12px 16px; border:1px solid var(--po-line); border-radius:11px; background:#fbfcfe;
}
.po-check input[type="checkbox"]{ width:18px; height:18px; margin:0; accent-color:var(--po-primary); cursor:pointer; }
.po-check label{ margin:0; color:var(--po-ink); font-size:0.9rem; font-weight:600; cursor:pointer; }

/* ¼±ÅÃÁö (°áÁ¦¹æ½Ä ¡¤ ÁöÃâÁõºù) */
.po-choice{ display:flex; flex-wrap:wrap; gap:10px; }
.po-choice .po-opt{
	position:relative; flex:1 1 150px; min-width:130px;
	display:flex; align-items:center; gap:9px;
	padding:14px 16px; border:1.5px solid var(--po-line); border-radius:12px;
	background:#fff; cursor:pointer;
	transition:border-color .16s ease, background .16s ease;
}
.po-choice .po-opt:hover{ border-color:#c8d2e2; }
.po-choice .po-opt input{ width:18px; height:18px; margin:0; accent-color:var(--po-primary); cursor:pointer; }
.po-choice .po-opt label{ margin:0; color:var(--po-ink); font-size:0.92rem; font-weight:600; cursor:pointer; }
.po-sub-title{
	margin:22px 0 12px; color:var(--po-ink); font-weight:700; font-size:0.95rem;
}

/* ÀÔ±Ý ¿¹Á¤ÀÏ */
.po-date{ display:flex; align-items:center; gap:8px; }
.po-page .po-date input{ width:88px; text-align:center; }
.po-date span{ color:var(--po-body); font-size:0.9rem; font-weight:600; }

/* ¾à°ü */
.po-terms iframe{
	width:100%; height:220px; border:1px solid var(--po-line);
	border-radius:12px; background:#fff;
}
.po-agree{
	display:flex; align-items:center; gap:10px; margin-top:14px;
	padding:15px 18px; border:1.5px solid var(--po-line); border-radius:12px; background:#fff;
	cursor:pointer; transition:border-color .16s ease, background .16s ease;
}
.po-agree.is-checked{ border-color:var(--po-primary); background:rgba(0,102,255,0.04); }
.po-agree input{ width:19px; height:19px; margin:0; accent-color:var(--po-primary); cursor:pointer; }
.po-agree label{ margin:0; color:var(--po-ink); font-size:0.92rem; font-weight:600; cursor:pointer; }

/* °áÁ¦ ¿ä¾à */
.po-summary{ position:sticky; top:24px; }
.po-summary .po-card{ margin-bottom:0; }
.po-sum-row{
	display:flex; align-items:center; justify-content:space-between;
	padding:9px 0; color:var(--po-body); font-size:0.92rem;
}
.po-sum-row b{ color:var(--po-ink); font-weight:700; }
.po-sum-total{
	display:flex; align-items:baseline; justify-content:space-between;
	margin-top:12px; padding-top:16px; border-top:1px solid var(--po-line);
}
.po-sum-total .po-sum-label{ color:var(--po-ink); font-size:0.98rem; font-weight:800; }
.po-sum-total .po-sum-num{ color:var(--po-primary); font-size:1.7rem; font-weight:800; line-height:1.2; }
.po-sum-total .po-sum-won{ color:var(--po-primary); font-size:1rem; font-weight:800; margin-left:3px; }

.po-actions{ display:grid; gap:9px; margin-top:20px; }
.po-btn{
	display:inline-flex; align-items:center; justify-content:center; gap:8px;
	height:54px; padding:0 18px; margin:0; border-radius:12px;
	border:1.5px solid var(--po-line); background:#fff; color:var(--po-body);
	font-family:inherit; font-size:1rem; font-weight:800; line-height:1;
	cursor:pointer; text-decoration:none;
	transition:border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease;
}
.po-btn:hover{ border-color:#c8d2e2; background:#f7f9fc; color:var(--po-body); text-decoration:none; }
.po-btn.is-primary{
	border-color:transparent; color:#fff;
	background:linear-gradient(135deg,var(--po-primary),#3a8bff);
	box-shadow:0 10px 24px rgba(0,102,255,0.26);
}
.po-btn.is-primary:hover{ transform:translateY(-2px); box-shadow:0 14px 30px rgba(0,102,255,0.34); color:#fff; }
.po-btn[disabled]{ opacity:.6; cursor:not-allowed; transform:none; box-shadow:none; }

.po-sum-note{
	margin:14px 0 0; padding-top:14px; border-top:1px solid #eef1f6;
	color:var(--po-muted); font-size:0.82rem; line-height:1.7;
}
.po-sum-note i{ color:#b3bccb; margin-right:5px; }

@media (max-width:1099px){
	.po-page .po-layout{ grid-template-columns:1fr; }
	.po-summary{ position:static; }
}
@media (max-width:767px){
	.po-page{ padding:40px 0 60px; }
	.po-page .po-head h2{ font-size:1.6rem; }
	.po-card{ padding:20px 18px; }
	.po-grid{ grid-template-columns:1fr; }
	.po-item{ flex-wrap:wrap; }
	.po-item-thumb{ flex-basis:64px; width:64px; height:64px; }
	.po-item-body{ flex:1 1 calc(100% - 80px); }
	.po-item-qty,
	.po-item-price{ flex:1 1 auto; text-align:left; min-width:0; }
	.po-item-price{ text-align:right; }
	.po-zip{ flex-direction:column; align-items:stretch; }
	.po-btn-sub{ width:100%; }
}
@media (prefers-reduced-motion:reduce){
	.po-page *{ transition:none !important; }
}

/* ------------------------------------------------------------------
   ÁÖ¹® ¿Ï·á  ?  mall/buy/result_pay_cash_view.php
------------------------------------------------------------------ */
.oc-page{
	--oc-primary:#0066ff;
	--oc-success:#0f9d6e;
	--oc-warn:#b7791f;
	--oc-ink:#1a1d24;
	--oc-body:#3f4654;
	--oc-muted:#8b93a1;
	--oc-line:#e4e8ef;
	--oc-bg:#f5f7fb;
	background:var(--oc-bg);
	padding:60px 0 80px;
	color:var(--oc-body);
}
.oc-page *{ box-sizing:border-box; }
.oc-page .oc-wrap{ max-width:760px; margin:0 auto; }

/* ¿Ï·á ¸Ó¸®¸» */
.oc-head{ text-align:center; margin-bottom:26px; }
.oc-mark{
	width:66px; height:66px; margin:0 auto 18px; border-radius:50%;
	background:rgba(15,157,110,0.10); color:var(--oc-success);
	display:flex; align-items:center; justify-content:center; font-size:1.7rem;
	animation:ocPop .45s cubic-bezier(.2,.9,.3,1.2) both;
}
@keyframes ocPop{ from{ transform:scale(.6); opacity:0; } to{ transform:scale(1); opacity:1; } }
.oc-head h2{
	margin:0 0 10px; color:var(--oc-ink);
	font-weight:800; font-size:1.6rem; line-height:1.4; word-break:keep-all;
}
.oc-head p{ margin:0; color:var(--oc-body); font-size:0.95rem; line-height:1.7; word-break:keep-all; }
.oc-orderno{
	display:inline-flex; align-items:center; gap:8px;
	margin-top:14px; padding:8px 16px; border-radius:999px;
	background:#fff; border:1px solid var(--oc-line);
	color:var(--oc-ink); font-size:0.9rem; font-weight:700;
}
.oc-orderno em{ font-style:normal; color:var(--oc-muted); font-weight:600; }

/* ÀÔ±Ý ¾È³» (¹«ÅëÀå) */
.oc-deposit{
	margin-bottom:18px; padding:24px 26px; border-radius:18px;
	background:linear-gradient(150deg,#0047b3 0%,#0066ff 60%,#3a8bff 100%);
	color:#fff; box-shadow:0 14px 34px rgba(0,102,255,0.26);
}
.oc-deposit h3{
	display:flex; align-items:center; gap:8px; margin:0 0 16px;
	color:#fff; font-weight:800; font-size:1.02rem;
}
.oc-deposit h3 i{ color:#cfe1ff; font-size:0.92rem; }
.oc-deposit .oc-amount{
	display:flex; align-items:baseline; gap:5px; margin-bottom:16px;
	font-weight:800; font-size:2rem; line-height:1.2;
}
.oc-deposit .oc-amount span{ font-size:1rem; font-weight:700; }
.oc-deposit .oc-dep-row{
	display:flex; align-items:center; gap:10px; flex-wrap:wrap;
	padding:11px 0; border-top:1px solid rgba(255,255,255,0.18);
	font-size:0.92rem;
}
.oc-deposit .oc-dep-row b{ flex:0 0 84px; color:rgba(255,255,255,0.75); font-weight:600; }
.oc-deposit .oc-dep-row span{ flex:1 1 auto; min-width:0; color:#fff; font-weight:700; word-break:break-all; }
.oc-copy{
	flex:0 0 auto; padding:6px 12px; border-radius:999px;
	border:1px solid rgba(255,255,255,0.4); background:rgba(255,255,255,0.12);
	color:#fff; font-family:inherit; font-size:0.8rem; font-weight:700;
	cursor:pointer; transition:background .16s ease;
}
.oc-copy:hover{ background:rgba(255,255,255,0.25); }
.oc-deposit .oc-dep-note{
	margin:14px 0 0; padding-top:14px; border-top:1px solid rgba(255,255,255,0.18);
	color:rgba(255,255,255,0.85); font-size:0.84rem; line-height:1.7; word-break:keep-all;
}

/* Á¤º¸ Ä«µå */
.oc-card{
	background:#fff; border:1px solid var(--oc-line); border-radius:18px;
	box-shadow:0 10px 30px rgba(16,24,40,0.06);
	padding:24px 26px; margin-bottom:18px;
}
.oc-card-title{
	display:flex; align-items:center; gap:9px; margin:0 0 16px;
	padding-bottom:13px; border-bottom:1px solid var(--oc-line);
	color:var(--oc-ink); font-weight:800; font-size:1.02rem;
}
.oc-card-title i{ color:var(--oc-primary); font-size:0.9rem; }

.oc-list{ margin:0; }
.oc-list .oc-row{
	display:flex; gap:14px; padding:11px 0; border-bottom:1px solid #eef1f6;
	font-size:0.92rem; line-height:1.6;
}
.oc-list .oc-row:last-child{ border-bottom:0; }
.oc-list .oc-row b{ flex:0 0 110px; color:var(--oc-muted); font-weight:600; }
.oc-list .oc-row span{ flex:1 1 auto; min-width:0; color:var(--oc-ink); font-weight:600; word-break:break-all; }
.oc-list .oc-row.is-total span{ color:var(--oc-primary); font-size:1.1rem; font-weight:800; }

/* ¹öÆ° */
.oc-actions{ display:flex; gap:10px; margin-top:22px; }
.oc-btn{
	flex:1 1 0; display:inline-flex; align-items:center; justify-content:center; gap:8px;
	height:54px; padding:0 18px; border-radius:12px;
	border:1.5px solid var(--oc-line); background:#fff; color:var(--oc-body);
	font-family:inherit; font-size:0.98rem; font-weight:800; line-height:1;
	text-decoration:none; cursor:pointer;
	transition:border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease;
}
.oc-btn:hover{ border-color:#c8d2e2; background:#f7f9fc; color:var(--oc-body); text-decoration:none; }
.oc-btn.is-primary{
	flex:1.4 1 0; border-color:transparent; color:#fff;
	background:linear-gradient(135deg,var(--oc-primary),#3a8bff);
	box-shadow:0 10px 24px rgba(0,102,255,0.26);
}
.oc-btn.is-primary:hover{ transform:translateY(-2px); box-shadow:0 14px 30px rgba(0,102,255,0.34); color:#fff; }

.oc-foot{
	margin:18px 0 0; text-align:center;
	color:var(--oc-muted); font-size:0.84rem; line-height:1.7;
}
.oc-foot a{ color:var(--oc-body); font-weight:700; text-decoration:none; }
.oc-foot a:hover{ color:var(--oc-primary); text-decoration:underline; text-underline-offset:3px; }

@media (max-width:575px){
	.oc-page{ padding:40px 0 60px; }
	.oc-head h2{ font-size:1.3rem; }
	.oc-card,
	.oc-deposit{ padding:20px 18px; }
	.oc-deposit .oc-amount{ font-size:1.6rem; }
	.oc-list .oc-row{ flex-direction:column; gap:3px; }
	.oc-list .oc-row b{ flex:none; }
	.oc-actions{ flex-direction:column; }
}
@media print{
	.oc-page{ background:#fff; padding:0; }
	.oc-actions,
	.oc-copy,
	.oc-foot{ display:none !important; }
	.oc-card,
	.oc-deposit{ box-shadow:none; }
	.oc-deposit{ background:#f0f5ff; color:#1a1d24; }
	.oc-deposit h3,
	.oc-deposit .oc-dep-row span{ color:#1a1d24; }
	.oc-deposit .oc-dep-row b,
	.oc-deposit .oc-dep-note{ color:#3f4654; }
}
@media (prefers-reduced-motion:reduce){
	.oc-page *{ transition:none !important; animation:none !important; }
}

/* ------------------------------------------------------------------
   ±¸¸Å ³»¿ª ¸ñ·Ï  ?  mall/shop_my_list.php
------------------------------------------------------------------ */
.ol-page{
	--ol-primary:#0066ff;
	--ol-success:#0f9d6e;
	--ol-warn:#b7791f;
	--ol-danger:#dc3545;
	--ol-ink:#1a1d24;
	--ol-body:#3f4654;
	--ol-muted:#8b93a1;
	--ol-line:#e4e8ef;
	--ol-bg:#f5f7fb;
	background:var(--ol-bg);
	padding:60px 0 84px;
	color:var(--ol-body);
}
.ol-page *{ box-sizing:border-box; }
.ol-page .ol-wrap{ max-width:1140px; margin:0 auto; }

.ol-page .ol-head{ text-align:center; margin-bottom:22px; }
.ol-page .ol-head h2{
	margin:0 0 10px; color:var(--ol-ink);
	font-weight:800; font-size:2rem; line-height:1.35;
}
.ol-page .ol-head p{ margin:0; color:var(--ol-muted); font-size:0.95rem; }

.ol-page .ol-count{ margin:0 0 14px; color:var(--ol-muted); font-size:0.9rem; }
.ol-page .ol-count b{ color:var(--ol-primary); font-weight:800; }

/* °ÝÀÚ */
.ol-page .ol-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }

/* Ä«µå */
.ol-card{
	display:flex; flex-direction:column;
	background:#fff; border:1px solid var(--ol-line); border-radius:18px;
	box-shadow:0 8px 24px rgba(16,24,40,0.06);
	overflow:hidden;
	transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.ol-card:hover{
	transform:translateY(-3px);
	box-shadow:0 16px 40px rgba(16,24,40,0.12);
	border-color:rgba(0,102,255,0.22);
}
.ol-card-top{
	display:flex; align-items:center; justify-content:space-between; gap:10px;
	padding:16px 20px; background:#f7f9fc; border-bottom:1px solid var(--ol-line);
}
.ol-orderno{ min-width:0; }
.ol-orderno em{
	display:block; font-style:normal;
	color:var(--ol-muted); font-size:0.76rem; font-weight:600; margin-bottom:2px;
}
.ol-orderno b{
	display:block; color:var(--ol-ink);
	font-size:0.94rem; font-weight:800; word-break:break-all;
}

/* °áÁ¦ »óÅ */
.ol-state{
	flex:0 0 auto; padding:5px 12px; border-radius:999px;
	font-size:0.78rem; font-weight:800; white-space:nowrap;
	background:#eef1f6; color:var(--ol-body);
}
.ol-state.is-ok{ background:rgba(15,157,110,0.10); color:var(--ol-success); }
.ol-state.is-wait{ background:rgba(183,121,31,0.12); color:var(--ol-warn); }
.ol-state.is-bad{ background:rgba(220,53,69,0.10); color:var(--ol-danger); }

.ol-card-body{ flex:1 1 auto; padding:18px 20px; }
.ol-item-name{
	margin:0 0 14px; color:var(--ol-ink);
	font-weight:700; font-size:1.02rem; line-height:1.45; word-break:keep-all;
}
.ol-rows{ margin:0; }
.ol-rows .ol-row{
	display:flex; gap:12px; padding:8px 0; border-bottom:1px solid #f1f4f8;
	font-size:0.89rem; line-height:1.55;
}
.ol-rows .ol-row:last-child{ border-bottom:0; }
.ol-rows .ol-row b{ flex:0 0 74px; color:var(--ol-muted); font-weight:600; }
.ol-rows .ol-row span{ flex:1 1 auto; min-width:0; color:var(--ol-ink); font-weight:600; text-align:right; }
.ol-rows .ol-row.is-price span{ color:var(--ol-primary); font-weight:800; font-size:0.98rem; }

.ol-card-foot{ padding:0 20px 18px; }
.ol-view{
	display:flex; align-items:center; justify-content:center; gap:7px;
	width:100%; height:46px; border-radius:11px;
	border:1.5px solid var(--ol-line); background:#fff; color:var(--ol-body);
	font-size:0.92rem; font-weight:700; text-decoration:none;
	transition:border-color .16s ease, color .16s ease, background .16s ease;
}
.ol-view:hover{ border-color:var(--ol-primary); color:var(--ol-primary); background:#f7faff; text-decoration:none; }

/* ºó ¸ñ·Ï */
.ol-empty{
	padding:70px 20px; text-align:center;
	background:#fff; border:1px solid var(--ol-line); border-radius:18px;
	box-shadow:0 8px 24px rgba(16,24,40,0.06); color:var(--ol-muted);
}
.ol-empty i{ display:block; font-size:2rem; color:#c9d2df; margin-bottom:14px; }
.ol-empty strong{ display:block; color:var(--ol-ink); font-weight:800; font-size:1.02rem; margin-bottom:6px; }
.ol-empty .ol-empty-btn{
	display:inline-flex; align-items:center; gap:7px; margin-top:18px;
	height:48px; padding:0 22px; border-radius:12px;
	background:linear-gradient(135deg,var(--ol-primary),#3a8bff); color:#fff;
	font-size:0.95rem; font-weight:800; text-decoration:none;
	box-shadow:0 10px 24px rgba(0,102,255,0.24);
}
.ol-empty .ol-empty-btn:hover{ color:#fff; text-decoration:none; }

/* ÆäÀÌÁö ¹øÈ£ */
.ol-paging{
	display:flex; align-items:center; justify-content:center;
	gap:6px; flex-wrap:wrap; list-style:none; margin:36px 0 0; padding:0;
}
.ol-paging a,
.ol-paging span{
	display:inline-flex; align-items:center; justify-content:center;
	min-width:42px; height:42px; padding:0 12px;
	border:1px solid var(--ol-line); border-radius:11px; background:#fff;
	color:var(--ol-body); font-size:0.94rem; font-weight:700; text-decoration:none;
	transition:border-color .16s ease, color .16s ease;
}
.ol-paging a:hover{ border-color:var(--ol-primary); color:var(--ol-primary); }
.ol-paging .is-current span{
	background:linear-gradient(135deg,var(--ol-primary),#3a8bff);
	border-color:transparent; color:#fff;
}
.ol-paging .is-disabled span{ color:#c3cbd8; background:#f7f9fc; }

@media (max-width:991px){
	.ol-page .ol-grid{ grid-template-columns:repeat(2,1fr); gap:16px; }
}
@media (max-width:575px){
	.ol-page{ padding:42px 0 64px; }
	.ol-page .ol-head h2{ font-size:1.6rem; }
	.ol-page .ol-grid{ grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce){
	.ol-page *{ transition:none !important; }
}

/* ÁÖ¹® »ó¼¼ ? ±¸¸Å Á¦Ç° ¸ñ·Ï (mall/shop_my_list_view.php)
   ¡Ø ³ª¸ÓÁö Ä«µå¡¤Ç¥ ½ºÅ¸ÀÏÀº À§ÀÇ 'ÁÖ¹® ¿Ï·á(.oc-)' ±¸¿ªÀ» ÇÔ²² ¾¹´Ï´Ù. */
.oc-items{ margin:0; }
.oc-items .oc-item{
	display:flex; align-items:center; gap:14px;
	padding:14px 0; border-bottom:1px solid #eef1f6;
}
.oc-items .oc-item:last-child{ border-bottom:0; }
.oc-items .oc-item-no{
	flex:0 0 30px; width:30px; height:30px; border-radius:9px;
	background:#f2f5fa; color:var(--oc-muted);
	display:flex; align-items:center; justify-content:center;
	font-size:0.8rem; font-weight:800;
}
.oc-items .oc-item-name{
	flex:1 1 auto; min-width:0; margin:0;
	color:var(--oc-ink); font-size:0.96rem; font-weight:700;
	line-height:1.5; word-break:keep-all;
}
.oc-items .oc-item-qty{
	flex:0 0 auto; color:var(--oc-body); font-size:0.9rem; font-weight:600; white-space:nowrap;
}
.oc-items .oc-item-price{
	flex:0 0 auto; min-width:110px; text-align:right;
	color:var(--oc-ink); font-size:0.96rem; font-weight:800; white-space:nowrap;
}
.oc-items .oc-item-price span{ color:var(--oc-body); font-size:0.84rem; font-weight:600; }
.oc-sum{
	display:flex; align-items:baseline; justify-content:space-between;
	margin-top:14px; padding-top:16px; border-top:2px solid var(--oc-line);
}
.oc-sum b{ color:var(--oc-ink); font-size:0.98rem; font-weight:800; }
.oc-sum .oc-sum-num{ color:var(--oc-primary); font-size:1.5rem; font-weight:800; }
.oc-sum .oc-sum-won{ color:var(--oc-primary); font-size:0.95rem; font-weight:800; margin-left:3px; }

@media (max-width:575px){
	.oc-items .oc-item{ flex-wrap:wrap; }
	.oc-items .oc-item-name{ flex:1 1 calc(100% - 44px); }
	.oc-items .oc-item-qty{ flex:1 1 auto; }
	.oc-items .oc-item-price{ flex:1 1 auto; }
}

/* ------------------------------------------------------------------
   Àå¹Ù±¸´Ï  ?  mall/cart/view_cart.php
------------------------------------------------------------------ */
.ct-page{
	--ct-primary:#0066ff;
	--ct-ink:#1a1d24;
	--ct-body:#3f4654;
	--ct-muted:#8b93a1;
	--ct-line:#e4e8ef;
	--ct-bg:#f5f7fb;
	background:var(--ct-bg);
	padding:56px 0 80px;
	color:var(--ct-body);
}
.ct-page *{ box-sizing:border-box; }
.ct-page .ct-wrap{ max-width:1100px; margin:0 auto; }

.ct-page .ct-head{ text-align:center; margin-bottom:24px; }
.ct-page .ct-head h2{
	margin:0 0 10px; color:var(--ct-ink);
	font-weight:800; font-size:2rem; line-height:1.35;
}
.ct-page .ct-head p{ margin:0; color:var(--ct-muted); font-size:0.95rem; }
.ct-page .ct-head p b{ color:var(--ct-primary); font-weight:800; }

/* 2´Ü : ¸ñ·Ï / ¿ä¾à */
.ct-page .ct-layout{
	display:grid; grid-template-columns:minmax(0,1fr) 320px;
	gap:22px; align-items:start;
}

.ct-card{
	background:#fff; border:1px solid var(--ct-line); border-radius:18px;
	box-shadow:0 10px 30px rgba(16,24,40,0.06);
	padding:8px 26px;
}

/* »óÇ° ÁÙ */
.ct-item{
	display:flex; align-items:center; gap:18px;
	padding:20px 0; border-bottom:1px solid #eef1f6;
}
.ct-item:last-child{ border-bottom:0; }
.ct-item-thumb{
	flex:0 0 92px; width:92px; height:92px; padding:8px;
	background:#f7f9fc; border:1px solid var(--ct-line); border-radius:12px;
	display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.ct-item-thumb img{ width:100%; height:100%; object-fit:contain; }
.ct-item-thumb i{ color:#c9d2df; font-size:1.5rem; }
.ct-item-body{ flex:1 1 auto; min-width:0; }
.ct-item-name{
	margin:0 0 6px; color:var(--ct-ink);
	font-weight:700; font-size:1.02rem; line-height:1.45; word-break:keep-all;
}
.ct-item-spec{ margin:0; color:var(--ct-muted); font-size:0.86rem; line-height:1.6; word-break:keep-all; }
.ct-item-qty{
	flex:0 0 auto; color:var(--ct-body); font-size:0.92rem; font-weight:600; white-space:nowrap;
}
.ct-item-price{
	flex:0 0 auto; min-width:130px; text-align:right;
	color:var(--ct-ink); font-weight:800; font-size:1.02rem; white-space:nowrap;
}
.ct-item-price span{ color:var(--ct-body); font-size:0.86rem; font-weight:600; }
.ct-remove{
	flex:0 0 auto; width:34px; height:34px; padding:0; margin:0;
	border:1px solid var(--ct-line); border-radius:9px; background:#fff;
	color:var(--ct-muted); font-size:0.85rem; cursor:pointer;
	display:flex; align-items:center; justify-content:center;
	transition:border-color .16s ease, color .16s ease, background .16s ease;
}
.ct-remove:hover{ border-color:#f3b7bd; background:#fff5f6; color:#dc3545; }

/* ºó Àå¹Ù±¸´Ï */
.ct-empty{
	padding:80px 20px; text-align:center;
	background:#fff; border:1px solid var(--ct-line); border-radius:18px;
	box-shadow:0 10px 30px rgba(16,24,40,0.06); color:var(--ct-muted);
}
.ct-empty i{ display:block; font-size:2.2rem; color:#c9d2df; margin-bottom:16px; }
.ct-empty strong{ display:block; color:var(--ct-ink); font-weight:800; font-size:1.05rem; margin-bottom:6px; }

/* ¿ä¾à */
.ct-summary{ position:sticky; top:24px; }
.ct-sum-card{
	background:#fff; border:1px solid var(--ct-line); border-radius:18px;
	box-shadow:0 10px 30px rgba(16,24,40,0.06); padding:24px 26px;
}
.ct-sum-title{
	margin:0 0 16px; padding-bottom:13px; border-bottom:1px solid var(--ct-line);
	color:var(--ct-ink); font-weight:800; font-size:1.02rem;
	display:flex; align-items:center; gap:9px;
}
.ct-sum-title i{ color:var(--ct-primary); font-size:0.9rem; }
.ct-sum-row{
	display:flex; align-items:center; justify-content:space-between;
	padding:8px 0; color:var(--ct-body); font-size:0.92rem;
}
.ct-sum-row b{ color:var(--ct-ink); font-weight:700; }
.ct-sum-total{
	display:flex; align-items:baseline; justify-content:space-between;
	margin-top:12px; padding-top:16px; border-top:1px solid var(--ct-line);
}
.ct-sum-total .ct-sum-label{ color:var(--ct-ink); font-size:0.98rem; font-weight:800; }
.ct-sum-total .ct-sum-num{ color:var(--ct-primary); font-size:1.7rem; font-weight:800; line-height:1.2; }
.ct-sum-total .ct-sum-won{ color:var(--ct-primary); font-size:1rem; font-weight:800; margin-left:3px; }

.ct-actions{ display:grid; gap:9px; margin-top:20px; }
.ct-btn{
	display:inline-flex; align-items:center; justify-content:center; gap:8px;
	height:54px; padding:0 18px; margin:0; border-radius:12px;
	border:1.5px solid var(--ct-line); background:#fff; color:var(--ct-body);
	font-family:inherit; font-size:1rem; font-weight:800; line-height:1;
	cursor:pointer; text-decoration:none;
	transition:border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease;
}
.ct-btn:hover{ border-color:#c8d2e2; background:#f7f9fc; color:var(--ct-body); text-decoration:none; }
.ct-btn.is-primary{
	border-color:transparent; color:#fff;
	background:linear-gradient(135deg,var(--ct-primary),#3a8bff);
	box-shadow:0 10px 24px rgba(0,102,255,0.26);
}
.ct-btn.is-primary:hover{ transform:translateY(-2px); box-shadow:0 14px 30px rgba(0,102,255,0.34); color:#fff; }
.ct-sum-note{
	margin:14px 0 0; padding-top:14px; border-top:1px solid #eef1f6;
	color:var(--ct-muted); font-size:0.82rem; line-height:1.7;
}
.ct-sum-note i{ color:#b3bccb; margin-right:5px; }

@media (max-width:991px){
	.ct-page .ct-layout{ grid-template-columns:1fr; }
	.ct-summary{ position:static; }
}
@media (max-width:575px){
	.ct-page{ padding:40px 0 60px; }
	.ct-page .ct-head h2{ font-size:1.6rem; }
	.ct-card{ padding:6px 18px; }
	.ct-item{ flex-wrap:wrap; gap:12px; }
	.ct-item-thumb{ flex-basis:64px; width:64px; height:64px; }
	.ct-item-body{ flex:1 1 calc(100% - 110px); }
	.ct-item-qty,
	.ct-item-price{ flex:1 1 auto; min-width:0; text-align:left; }
	.ct-item-price{ text-align:right; }
}
@media (prefers-reduced-motion:reduce){
	.ct-page *{ transition:none !important; }
}

/* ÁÖ¹® Ãë¼Ò ¾È³» (mall/shop_my_list_view.php) */
.oc-cancel-note{ background:#fbfcfe; }
.oc-cancel-note p{
	margin:0; color:var(--oc-body); font-size:0.92rem; line-height:1.75; word-break:keep-all;
}
.oc-cancel-note strong{ color:var(--oc-ink); font-weight:800; }
.oc-cancel-ways{
	display:flex; flex-wrap:wrap; gap:8px; margin-top:16px;
}
.oc-cancel-ways a{
	display:inline-flex; align-items:center; gap:7px;
	padding:10px 16px; border-radius:11px;
	border:1.5px solid var(--oc-line); background:#fff;
	color:var(--oc-ink); font-size:0.9rem; font-weight:700; text-decoration:none;
	transition:border-color .16s ease, color .16s ease, background .16s ease;
}
.oc-cancel-ways a i{ color:var(--oc-muted); font-size:0.85rem; transition:color .16s ease; }
.oc-cancel-ways a:hover{
	border-color:var(--oc-primary); color:var(--oc-primary); background:#f7faff; text-decoration:none;
}
.oc-cancel-ways a:hover i{ color:var(--oc-primary); }
.oc-cancel-tip{
	margin:14px 0 0 !important; padding:12px 15px; border-radius:11px;
	background:rgba(0,102,255,0.05); border:1px solid rgba(0,102,255,0.14);
	font-size:0.87rem !important;
}
.oc-cancel-tip i{ color:var(--oc-primary); margin-right:6px; }

@media (max-width:575px){
	.oc-cancel-ways{ flex-direction:column; }
	.oc-cancel-ways a{ justify-content:center; }
}
@media print{
	.oc-cancel-note{ display:none !important; }
}