@charset "utf-8";
/* 성공사례 섹션형 본문 — 기존 STEP 디자인(style.css)에 목차·FAQ·해시태그·문장 규칙만 추가 */

/* 목차 */
#bo_v2 .am-case-toc {margin:50px 0 10px; padding:30px 35px; border-top:2px solid #1a1a1a; border-bottom:1px solid #e0e0e0; background:#faf6f4; text-align:left;}
#bo_v2 .am-case-toc .am-case-toc-head {margin:0 0 16px; font-size:24px; font-weight:700; color:#1a1a1a; letter-spacing:-1px;}
#bo_v2 .am-case-toc .am-case-toc-head span {display:block; margin-bottom:4px; font-family:'Montserrat',sans-serif; font-size:13px; font-weight:600; letter-spacing:.2em; color:#1a1a1a;}
#bo_v2 .am-case-toc ol {display:grid; grid-template-columns:1fr 1fr; gap:0 40px; margin:0; padding:0; list-style:none;}
#bo_v2 .am-case-toc li {margin:0; padding:0; border-bottom:1px solid #f1e4de;}
#bo_v2 .am-case-toc a {display:flex; align-items:baseline; gap:14px; padding:13px 0; font-size:18px; color:#333; text-decoration:none; word-break:keep-all; transition:color .2s;}
#bo_v2 .am-case-toc a em {flex:none; font-family:'Montserrat',sans-serif; font-style:normal; font-size:13px; font-weight:600; color:#1a1a1a;}
#bo_v2 .am-case-toc a:hover {color:#1a1a1a;}

/* 목차로 이동할 때 상단 고정 메뉴에 가리지 않게 */
#bo_v2 .am-case-step, #bo_v2 .am-case-faq {scroll-margin-top:120px;}

/* 문장 규칙(컬럼과 동일한 [굵게]·[24]·[파랑] 등) — 기존 .sub-text p > span 보다 우선 */
#bo_v2 .sub-text .area-line p.case-rule-size-20, #bo_v2 .sub-text .area-line p > span.case-inline-size-20 {font-size:23px !important;}
#bo_v2 .sub-text .area-line p.case-rule-size-22, #bo_v2 .sub-text .area-line p > span.case-inline-size-22 {font-size:25px !important;}
#bo_v2 .sub-text .area-line p.case-rule-size-24, #bo_v2 .sub-text .area-line p > span.case-inline-size-24 {font-size:27px !important;}
#bo_v2 .sub-text .area-line p.case-rule-size-20 > span, #bo_v2 .sub-text .area-line p.case-rule-size-22 > span, #bo_v2 .sub-text .area-line p.case-rule-size-24 > span {font-size:inherit;}
#bo_v2 .sub-text .area-line .case-rule-bold, #bo_v2 .sub-text .area-line span.case-inline-bold {font-weight:700;}
#bo_v2 .sub-text .area-line .case-rule-underline, #bo_v2 .sub-text .area-line span.case-inline-underline {text-decoration:underline; text-underline-offset:4px;}
#bo_v2 .sub-text .area-line .case-rule-color-red, #bo_v2 .sub-text .area-line span.case-inline-color-red {color:#d93025;}
#bo_v2 .sub-text .area-line .case-rule-color-blue, #bo_v2 .sub-text .area-line span.case-inline-color-blue {color:#f77a58;}
#bo_v2 .sub-text .area-line .case-rule-color-navy, #bo_v2 .sub-text .area-line span.case-inline-color-navy {color:#1a1a1a;}
#bo_v2 .sub-text .area-line .case-rule-color-gold, #bo_v2 .sub-text .area-line span.case-inline-color-gold {color:#b8872b;}
#bo_v2 .sub-text .area-line .case-rule-color-gray, #bo_v2 .sub-text .area-line span.case-inline-color-gray {color:#777;}
#bo_v2 .sub-text .area-line .case-rule-color-black, #bo_v2 .sub-text .area-line span.case-inline-color-black {color:#111;}
#bo_v2 .sub-text .area-line p + p {margin-top:12px;}
#bo_v2 .sub-text .area-line p.case-rule-icon {position:relative; padding-left:30px;}
#bo_v2 .sub-text .area-line p.case-rule-icon:before {content:''; position:absolute; left:2px; top:.45em; width:18px; height:18px; border-radius:50%; background:#1a1a1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") no-repeat center/12px;}
#bo_v2 .sub-text .area-line p.case-rule-bullet {position:relative; padding-left:20px;}
#bo_v2 .sub-text .area-line p.case-rule-bullet:before {content:''; position:absolute; left:3px; top:.75em; width:6px; height:6px; border-radius:50%; background:#1a1a1a;}
#bo_v2 .sub-text .area-line .case-table-box {margin:18px 0; padding:0;}
#bo_v2 .sub-text .area-line .case-table-scroll {width:100%; overflow-x:auto; padding:0;}
#bo_v2 .sub-text .area-line .case-content-table {width:100%; border-collapse:collapse; border-top:2px solid #1a1a1a;}
#bo_v2 .sub-text .area-line .case-content-table th,
#bo_v2 .sub-text .area-line .case-content-table td {padding:12px 14px; border-bottom:1px solid #e0e0e0; font-size:18px; line-height:1.5; text-align:left; vertical-align:top; word-break:keep-all;}
#bo_v2 .sub-text .area-line .case-content-table th {background:#faf6f4; font-weight:700; color:#1a1a1a;}

/* FAQ */
#bo_v2 .am-case-faq {margin:45px 0; text-align:left;}
#bo_v2 .am-case-faq h4 {margin:90px 0 45px; text-align:center; font-family:'Noto Sans KR',sans-serif; font-size:33px; font-weight:700; color:#1a1a1a; letter-spacing:-1px;}
#bo_v2 .am-case-faq h4 span {display:block; padding-bottom:17px; font-family:'Montserrat',sans-serif; font-size:20px; color:#1a1a1a;}
#bo_v2 .am-case-faq dl {margin:0; border-top:1px solid #e0e0e0;}
#bo_v2 .am-case-faq-row {padding:28px 25px; border-bottom:1px solid #e0e0e0;}
#bo_v2 .am-case-faq-row dt {display:flex; align-items:flex-start; gap:14px; margin:0 0 12px; font-size:21px; font-weight:700; line-height:1.5; color:#1a1a1a; letter-spacing:-.5px; word-break:keep-all;}
#bo_v2 .am-case-faq-row dt b {flex:none; display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; background:#1a1a1a; font-family:'Montserrat',sans-serif; font-size:16px; color:#fff;}
#bo_v2 .am-case-faq-row dd {margin:0; padding-left:48px; font-size:19px; font-weight:300; line-height:1.7; color:#444; word-break:keep-all;}

/* 해시태그 */
#bo_v2 .am-case-tags {display:flex; flex-wrap:wrap; gap:10px; margin:35px 0 10px;}
#bo_v2 .am-case-tags span {display:inline-block; padding:9px 18px; border:1px solid #1a1a1a; border-radius:24px; font-size:16px; font-weight:500; color:#1a1a1a; background:#fff;}

@media screen and (max-width:768px) {
	#bo_v2 .am-case-toc {margin:30px 0 0; padding:20px 15px;}
	#bo_v2 .am-case-toc .am-case-toc-head {font-size:20px;}
	#bo_v2 .am-case-toc ol {grid-template-columns:1fr;}
	#bo_v2 .am-case-toc a {padding:11px 0; font-size:16px;}
	#bo_v2 .sub-text .area-line p.case-rule-size-20, #bo_v2 .sub-text .area-line p > span.case-inline-size-20 {font-size:18px !important;}
	#bo_v2 .sub-text .area-line p.case-rule-size-22, #bo_v2 .sub-text .area-line p > span.case-inline-size-22 {font-size:19px !important;}
	#bo_v2 .sub-text .area-line p.case-rule-size-24, #bo_v2 .sub-text .area-line p > span.case-inline-size-24 {font-size:20px !important;}
	#bo_v2 .sub-text .area-line .case-content-table th,
	#bo_v2 .sub-text .area-line .case-content-table td {padding:9px 10px; font-size:15px;}
	#bo_v2 .am-case-faq h4 {margin:20px 0 25px; font-size:22px;}
	#bo_v2 .am-case-faq-row {padding:20px 5px;}
	#bo_v2 .am-case-faq-row dt {gap:10px; font-size:17px;}
	#bo_v2 .am-case-faq-row dt b {width:26px; height:26px; font-size:13px;}
	#bo_v2 .am-case-faq-row dd {padding-left:36px; font-size:16px;}
	#bo_v2 .am-case-tags span {padding:7px 13px; font-size:14px;}
}