/* 안내 글 전용 (2026-09-19) — 메인 CSS 와 섞이지 않게 이 페이지에서만 쓴다 */
.gd_wrap {padding:150px 20px 120px; box-sizing:border-box; background:#fff;}
.gd_wrap .inner {width:100%; max-width:1100px; margin:0 auto;}
.gd_crumb {font-size:13px; color:#888; margin-bottom:18px;}
.gd_crumb a {color:#888; text-decoration:none;}
.gd_crumb a:hover {color:#ff5851;}
.gd_label {font-size:14px; font-weight:700; color:#ff5851; letter-spacing:1px; margin-bottom:10px;}
.gd_wrap h1 {margin:0 0 20px; font-size:54px; font-weight:700; color:#1a1a1a; line-height:1.25; letter-spacing:-1.5px; word-break:keep-all;}
.gd_lead {margin:0 0 34px; font-size:20px; color:#444; line-height:1.75; word-break:keep-all;}
.gd_btns a {display:inline-block; margin:0 8px 8px 0; padding:14px 26px; border-radius:8px; font-size:16px; font-weight:700; text-decoration:none;}
.gd_btns .b1 {background:#ff5851; color:#fff;}
.gd_btns .b2 {border:1px solid #ddd; color:#1a1a1a;}
.gd_sec {margin-top:64px;}
.gd_sec h2 {margin:0 0 8px; font-size:30px; font-weight:700; color:#1a1a1a; letter-spacing:-1px; word-break:keep-all;}
.gd_sec .sub {margin:0 0 22px; font-size:17px; line-height:1.75; color:#666; word-break:keep-all;}
.gd_tb {width:100%; border-collapse:collapse; font-size:17px; color:#333;}
.gd_tb th, .gd_tb td {padding:17px 14px; border-bottom:1px solid #ececec; text-align:left; vertical-align:top; line-height:1.72; color:#333; word-break:keep-all;}
.gd_tb thead th {background:#f6f6f8; font-size:15px; color:#555; font-weight:700;}
.gd_tb td strong {color:#1a1a1a;}
.gd_num {margin:0; padding:0; list-style:none; counter-reset:gd;}
.gd_num li {position:relative; padding:17px 0 17px 48px; border-top:1px solid #ececec; font-size:18px; color:#3d3d3d; line-height:1.8; counter-increment:gd; word-break:keep-all;}
.gd_num li:first-child {border-top:0;}
.gd_num li:before {content:counter(gd); position:absolute; left:0; top:18px; width:30px; height:30px; line-height:30px; text-align:center; border-radius:50%; background:#ff5851; color:#fff; font-size:14px; font-weight:700;}
.gd_num strong {color:#1a1a1a;}
.gd_dot {margin:0; padding:0; list-style:none;}
.gd_dot li {position:relative; padding:13px 0 13px 22px; font-size:18px; color:#3d3d3d; line-height:1.8; word-break:keep-all;}
.gd_dot li:before {content:""; position:absolute; left:2px; top:22px; width:7px; height:7px; border-radius:50%; background:#ff5851;}
.gd_faq details {border-top:1px solid #e2e2e2;}
.gd_faq details:last-child {border-bottom:1px solid #e2e2e2;}
.gd_faq summary {position:relative; padding:22px 50px 22px 0; font-size:20px; font-weight:700; color:#1a1a1a; list-style:none; cursor:pointer; word-break:keep-all;}
.gd_faq summary h2 {display:inline; margin:0; font-size:inherit; font-weight:inherit; color:inherit;}
.gd_faq summary::-webkit-details-marker {display:none;}
.gd_faq summary:after {content:"+"; position:absolute; right:6px; top:50%; transform:translateY(-50%); font-size:28px; color:#ff5851;}
.gd_faq details[open] summary:after {content:"\2212";}
.gd_faq p {margin:0; padding:0 40px 26px 0; font-size:18px; color:#3d3d3d; line-height:1.8; word-break:keep-all;}
.gd_rel {margin-top:56px; padding:26px; border:1px solid #eee; border-radius:12px; background:#fafafa;}
.gd_rel h2 {margin:0 0 12px; font-size:18px; font-weight:700; color:#1a1a1a;}
.gd_rel a {display:block; padding:7px 0; font-size:17px; color:#3d3d3d;}
.gd_rel a:hover {color:#ff5851;}
@media (max-width:1024px){
	.gd_wrap {padding:110px 20px 70px;}
	.gd_wrap h1 {font-size:30px;}
	.gd_lead {font-size:16px; line-height:1.8;}
	.gd_sec {margin-top:44px;}
	.gd_sec h2 {font-size:22px;}
	.gd_tb {min-width:680px; font-size:16px;}
	.gd_tb th, .gd_tb td {padding:13px 9px; line-height:1.7;}
	.gd_num li, .gd_dot li {font-size:16px; line-height:1.8;}
	.gd_faq summary {font-size:17px; padding:18px 40px 18px 0;}
	.gd_faq p {font-size:16px; line-height:1.8;}
	.gd_tb_wrap {overflow-x:auto;}
}

/* 줄바꿈 품질 (2026-09-19) — 한 단어만 다음 줄로 떨어지는 것을 막는다.
   balance: 제목을 줄마다 고르게 / pretty: 본문 마지막 줄 고아 단어 방지. 지원 안 하는 브라우저는 무시한다 */
.gd_wrap h1, .gd_sec h2, .gd_faq summary, .gd_rel h2 {text-wrap:balance;}
.gd_lead, .gd_sec .sub, .gd_num li, .gd_dot li, .gd_faq p, .gd_tb td, .gd_tb th {text-wrap:pretty;}
.gd_tb td, .gd_tb th {hyphens:none;}
.gd_tb td:first-child strong {white-space:nowrap;}
.gd_nowrap {white-space:nowrap;}

/* 표 열 너비 (2026-09-19) — 첫 열이 좁아 항목명이 어색하게 잘리던 문제 */
.gd_tb th:first-child, .gd_tb td:first-child {width:22%; min-width:150px;}
.gd_tb th:last-child, .gd_tb td:last-child {width:34%;}
@media (max-width:1024px){
	.gd_tb th:first-child, .gd_tb td:first-child {width:26%; min-width:110px;}
	.gd_tb th:last-child, .gd_tb td:last-child {width:36%;}
}

/* 좁은 화면에서는 표를 카드처럼 쌓는다 (2026-09-19)
   가로 스크롤로 두면 오른쪽 내용이 잘려 읽히지 않는다 */
@media (max-width:640px){
	.gd_tb_wrap {overflow:visible;}
	.gd_tb {min-width:0; font-size:16px; table-layout:auto;}
	.gd_tb thead {position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0);}
	.gd_tb, .gd_tb tbody, .gd_tb tr, .gd_tb td, .gd_tb th {display:block; width:auto !important; min-width:0 !important;}
	.gd_tb tr {padding:16px 0; border-bottom:1px solid #ececec;}
	.gd_tb tr:last-child {border-bottom:0;}
	.gd_tb td, .gd_tb th {padding:3px 0; border:0; line-height:1.75;}
	.gd_tb td:first-child, .gd_tb th:first-child {margin-bottom:6px; font-size:17px; font-weight:700; color:#1a1a1a;}
	.gd_tb td:first-child strong {font-weight:700;}
}

@media (max-width:640px){
	.gd_tb td[data-label]:before, .gd_tb th[data-label]:before {display:block; margin:2px 0 2px; content:attr(data-label); color:#8f8f8f; font-size:12px; font-weight:700; letter-spacing:0.2px;}
}
