@charset "utf-8";
/* 디자인브릭 서비스별 안내 페이지 (2026-09-14) — 메인 톤(#111 배경, #dd1c23 강조) */
.sub_seo_page {background:#111111; color:#ffffff;}
.sub_seo_page a {color:inherit;}
.sub_hero_con {background:#000000; padding:200px 20px 110px; border-bottom:1px solid #222;}
.sub_hero_con > .contents_con {max-width:1200px; margin:0 auto;}
.sub_hero_con .crumb {margin-bottom:40px; font-size:15px; color:#888;}
.sub_hero_con .crumb a {color:#bbb; text-decoration:none;}
.sub_hero_con .crumb span {margin:0 4px;}
.sub_hero_con .label {margin-bottom:18px; font-size:20px; color:#dd1c23; font-weight:700; letter-spacing:0.5px; font-family:"SBAggro", sans-serif;}
.sub_hero_con h1 {margin:0 0 28px; font-size:60px; line-height:1.25; font-weight:700; letter-spacing:-1px; word-break:keep-all;}
.sub_hero_con .lead {max-width:760px; margin:0 0 44px; font-size:21px; line-height:1.7; color:#bbbbbb; word-break:keep-all;}
.sub_hero_con .btns a {display:inline-block; margin:0 10px 10px 0; padding:18px 34px; font-size:18px; font-weight:700; text-decoration:none; border:1px solid #dd1c23; border-radius:6px;}
.sub_hero_con .btns .btn_primary {background:#dd1c23; color:#fff;}
.sub_hero_con .btns .btn_line {color:#fff;}
.sub_body_con {padding:40px 20px 20px;}
.sub_body_con > .contents_con {max-width:1200px; margin:0 auto;}
.sub_sec {padding:60px 0; border-bottom:1px solid #262626;}
.sub_sec:last-child {border-bottom:0;}
.sub_sec h2 {margin:0 0 30px; font-size:36px; font-weight:700; letter-spacing:-0.5px; word-break:keep-all;}
.sub_sec .dot_list {margin:0; padding:0; list-style:none;}
.sub_sec .dot_list li {position:relative; padding:14px 0 14px 26px; font-size:19px; line-height:1.7; color:#cccccc; border-top:1px solid #1f1f1f; word-break:keep-all;}
.sub_sec .dot_list li:first-child {border-top:0;}
.sub_sec .dot_list li:before {content:""; position:absolute; left:4px; top:27px; width:8px; height:8px; background:#dd1c23; border-radius:50%;}
.sub_sec .dot_list strong {color:#ffffff;}
.sub_sec .dot_list a {color:#ffffff; text-decoration:underline;}
.plan_table_wrap {overflow-x:auto;}
.plan_table {width:100%; min-width:640px; border-collapse:collapse; font-size:18px;}
.plan_table th, .plan_table td {padding:20px 18px; border-bottom:1px solid #2a2a2a; text-align:center; line-height:1.5; word-break:keep-all;}
.plan_table thead th {font-size:20px; color:#fff; background:#1b1b1b; border-bottom:2px solid #dd1c23;}
.plan_table tbody th {text-align:left; color:#ddd; font-weight:500;}
.plan_table td {color:#ccc;}
.plan_table small {font-size:14px; color:#888; font-weight:400;}
.plan_table .gold {color:#fff; background:rgba(221,28,35,0.08);}
.review_list {display:flex; flex-wrap:wrap; gap:20px; margin:0; padding:0; list-style:none;}
.review_list li {flex:1 1 300px; padding:30px; background:#1a1a1a; border-radius:12px;}
.review_list p {margin:0 0 18px; font-size:18px; line-height:1.7; color:#ddd; word-break:keep-all;}
.review_list span {font-size:15px; color:#dd1c23; font-weight:700;}
.step_list {display:flex; flex-wrap:wrap; gap:16px; margin:0; padding:0; list-style:none; counter-reset:none;}
.step_list li {flex:1 1 220px; padding:26px; background:#1a1a1a; border-radius:12px;}
.step_list em {display:block; margin-bottom:10px; font-style:normal; font-size:14px; color:#dd1c23; font-weight:700;}
.step_list strong {font-size:20px;}
.sub_seo_page .seo_faq_con .related_con {margin-top:70px;}
.sub_seo_page .seo_faq_con .related_con h2 {margin:0 0 20px; font-size:26px; color:#fff;}
.sub_seo_page .seo_faq_con .related_con ul {display:flex; flex-wrap:wrap; gap:12px; margin:0; padding:0; list-style:none;}
.sub_seo_page .seo_faq_con .related_con a {display:inline-block; padding:14px 22px; font-size:17px; color:#fff; text-decoration:none; border:1px solid #444; border-radius:40px;}
.sub_seo_page .seo_faq_con .related_con a:hover {border-color:#dd1c23;}
/* 메인 FAQ 스타일 사본 */

				.seo_faq_con {background-color:#111111;}
				.seo_faq_con > .contents_con {width:100%; max-width:1200px; margin:0 auto; padding:118px 20px 100px; box-sizing:border-box;}
				.seo_faq_con .title_con {margin-bottom:56px; text-align:center;}
				.seo_faq_con .title_con .text01_con {margin-bottom:18px; font-size:20px; color:#dd1c23; font-weight:700; line-height:24px; font-family:"SBAggro", sans-serif;}
				.seo_faq_con .title_con h2 {margin:0; font-size:60px; color:#ffffff; font-weight:700; line-height:68px; letter-spacing:-0.25px;}
				.seo_faq_con details {border-top:1px solid #333333;}
				.seo_faq_con details:last-child {border-bottom:1px solid #333333;}
				.seo_faq_con summary {position:relative; padding:28px 60px 28px 10px; font-size:24px; font-weight:700; color:#ffffff; line-height:1.4; list-style:none; cursor:pointer; word-break:keep-all;}
				.seo_faq_con summary h2.seo_q {display:inline; margin:0; font-size:inherit; font-weight:inherit; line-height:inherit; color:inherit;}
				.seo_faq_con summary::-webkit-details-marker {display:none;}
				.seo_faq_con summary:after {content:"+"; position:absolute; right:14px; top:50%; transform:translateY(-50%); font-size:34px; font-weight:400; color:#dd1c23;}
				.seo_faq_con details[open] summary:after {content:"\2212";}
				.seo_faq_con details p {margin:0; padding:0 60px 30px 10px; font-size:19px; color:#bbbbbb; line-height:1.7; word-break:keep-all;}
				@media (max-width:1024px){
					.seo_faq_con > .contents_con {padding:70px 20px 60px;}
					.seo_faq_con .title_con {margin-bottom:30px;}
					.seo_faq_con .title_con .text01_con {margin-bottom:10px; font-size:14px; line-height:18px;}
					.seo_faq_con .title_con h2 {font-size:30px; line-height:38px;}
					.seo_faq_con summary {padding:20px 40px 20px 0; font-size:17px;}
					.seo_faq_con summary:after {right:4px; font-size:26px;}
					.seo_faq_con details p {padding:0 6px 22px 0; font-size:15px;}
				}
			
@media (max-width:1024px){
	.sub_hero_con {padding:120px 20px 60px;}
	.sub_hero_con .crumb {margin-bottom:24px; font-size:13px;}
	.sub_hero_con .label {margin-bottom:10px; font-size:14px;}
	.sub_hero_con h1 {margin-bottom:18px; font-size:32px;}
	.sub_hero_con .lead {margin-bottom:28px; font-size:16px;}
	.sub_hero_con .btns a {display:block; margin:0 0 10px; padding:15px; font-size:16px; text-align:center;}
	.sub_body_con {padding:10px 20px 0;}
	.sub_sec {padding:40px 0;}
	.sub_sec h2 {margin-bottom:18px; font-size:24px;}
	.sub_sec .dot_list li {padding:11px 0 11px 20px; font-size:15px;}
	.sub_sec .dot_list li:before {top:21px; width:6px; height:6px;}
	/* 모바일: 네 열이 가로 스크롤 없이 한 화면에 보이게 */
	.plan_table {min-width:0; font-size:13px; table-layout:fixed;}
	.plan_table th, .plan_table td {padding:12px 4px; letter-spacing:-0.3px;}
	.plan_table thead th {font-size:13px;}
	.plan_table thead th:first-child, .plan_table tbody th {width:34%; padding-left:8px;}
	.plan_table small {display:block; margin-top:3px; font-size:11px; line-height:1.4;}
	.review_list li, .step_list li {padding:22px;}
	.review_list p {font-size:15px;}
	.step_list strong {font-size:17px;}
	.sub_seo_page .seo_faq_con .related_con {margin-top:40px;}
	.sub_seo_page .seo_faq_con .related_con h2 {font-size:20px;}
	.sub_seo_page .seo_faq_con .related_con a {padding:12px 18px; font-size:14px;}
}