@charset "utf-8";
/* 하늘병아리 메인 - 안내 텍스트 섹션 (SEO·GEO)
   PC: #contents 아래 / 모바일: .mobile 아래 (.mobile.on ~ .ebk-guide 로 확대) */

/* 첫 화면 H1 (기존 .front .head p 스타일 유지) */
.front .head h1 {margin-bottom:30px; font-size:24px; font-weight:normal; line-height:1; letter-spacing:-0.5px; font-family:NanumGothicBold; color:#fff;}

.ebk-guide {display:block; position:relative; z-index:1; width:100%; padding:100px 0 190px; background:#f4f8fd; color:#444; font-size:16px; line-height:1.75; letter-spacing:-0.3px; word-break:keep-all;}
.ebk-guide .ebk-inner {max-width:1100px; margin:0 auto; padding:0 40px;}
.ebk-guide a {color:#4175cc; text-decoration:underline;}
.ebk-guide a:hover {color:#20ace1;}
.ebk-guide strong {color:#222; font-family:NanumGothicBold; font-weight:normal;}

/* 목차 */
.ebk-toc {display:flex; flex-wrap:wrap; gap:8px; margin-bottom:60px;}
.ebk-toc a {display:inline-block; padding:6px 16px; border-radius:30px; background:#fff; border:1px solid #d6e2f3; color:#4175cc !important; font-size:0.875em; text-decoration:none !important;}
.ebk-toc a:hover {background:#4175cc; color:#fff !important;}

/* 섹션 */
.ebk-sec {margin-bottom:70px;}
.ebk-sec h2 {position:relative; margin-bottom:24px; padding-left:18px; font-size:1.875em; line-height:1.3; color:#222; font-family:NanumGothicBold; font-weight:normal; letter-spacing:-1px;}
.ebk-sec h2:before {content:""; position:absolute; left:0; top:0.15em; width:6px; height:1em; border-radius:3px; background:#ffba00;}
.ebk-sec p {margin-bottom:14px;}
.ebk-sec .ebk-lead {font-size:1.125em; color:#222;}
.ebk-note {font-size:0.875em; color:#888;}

/* 서비스 카드 */
.ebk-cards {display:flex; flex-wrap:wrap; gap:20px; margin-top:24px;}
.ebk-cards li {flex:1 1 calc(50% - 10px); box-sizing:border-box; padding:28px 30px; background:#fff; border-radius:16px; box-shadow:0 4px 14px rgba(65,117,204,.08);}
.ebk-cards li:nth-child(1) {border-top:5px solid #4175cc;}
.ebk-cards li:nth-child(2) {border-top:5px solid #54b34f;}
.ebk-cards li:nth-child(3) {border-top:5px solid #20ace1;}
.ebk-cards li:nth-child(4) {border-top:5px solid #f97979;}
.ebk-cards h3 {margin-bottom:10px; font-size:1.25em; color:#222; font-family:NanumGothicBold; font-weight:normal;}
.ebk-cards p {margin:0;}

/* 표 */
.ebk-table {width:100%; margin:20px 0 14px; background:#fff; border-radius:12px; overflow:hidden; font-size:0.9375em; text-align:left;}
.ebk-table caption {padding-bottom:10px; text-align:left; font-size:0.875em; color:#888;}
.ebk-table th, .ebk-table td {padding:14px 18px; border-bottom:1px solid #e6edf6; vertical-align:top;}
.ebk-table thead th {background:#4175cc; color:#fff; font-family:NanumGothicBold; font-weight:normal;}
.ebk-table tbody th {width:24%; background:#f8fbff; color:#222; font-weight:normal; font-family:NanumGothicBold;}
.ebk-table tbody tr:last-child th, .ebk-table tbody tr:last-child td {border-bottom:0;}

/* 절차 */
.ebk-steps {counter-reset:none; margin-top:20px;}
.ebk-steps li {position:relative; margin-bottom:12px; padding:18px 24px; background:#fff; border-radius:12px; border-left:5px solid #54b34f; list-style:none;}
.ebk-steps li strong {display:block; margin-bottom:4px;}

/* 신뢰 지표 */
.ebk-facts {display:flex; flex-wrap:wrap; gap:14px; margin-bottom:20px;}
.ebk-facts li {flex:1 1 calc(50% - 7px); box-sizing:border-box; padding:18px 22px; background:#fff; border-radius:12px;}
.ebk-facts strong {color:#f97979; font-size:1.25em;}

/* FAQ */
.ebk-sec details {margin-bottom:10px; background:#fff; border-radius:12px; border:1px solid #e1e9f5;}
.ebk-sec summary {position:relative; display:block; padding:18px 56px 18px 24px; cursor:pointer; list-style:none;}
.ebk-sec summary::-webkit-details-marker {display:none;}
.ebk-sec summary:after {content:"+"; position:absolute; right:24px; top:50%; margin-top:-0.7em; font-size:1.4em; line-height:1.4; color:#4175cc;}
.ebk-sec details[open] summary:after {content:"−";}
.ebk-sec summary h3 {display:inline; font-size:1.0625em; color:#222; font-family:NanumGothicBold; font-weight:normal;}
.ebk-sec details p {margin:0; padding:0 24px 20px;}

/* 문의 */
.ebk-contact {display:flex; flex-wrap:wrap; gap:30px; padding:32px 36px; background:#0eb4a3; border-radius:16px; color:#fff;}
.ebk-contact address {flex:1 1 55%; font-style:normal;}
.ebk-contact address p {margin-bottom:8px;}
.ebk-contact strong {display:inline-block; min-width:90px; color:yellow;}
.ebk-contact a {color:#fff;}
.ebk-links {flex:1 1 30%;}
.ebk-guide .ebk-btn {display:block; margin-bottom:10px; padding:14px 20px; border-radius:40px; background:#fff; color:#0eb4a3; text-align:center; text-decoration:none; font-family:NanumGothicBold;}
.ebk-guide .ebk-btn:hover {background:yellow; color:#333;}
.ebk-channels {margin-top:14px; font-size:0.875em;}
.ebk-updated {font-size:0.875em; color:#999; text-align:right;}

/* 모바일 (viewport 960 고정 레이아웃 → 글자 확대) */
.mobile.on ~ .ebk-guide {padding:120px 0 80px; font-size:30px;}
.mobile.on ~ .ebk-guide .ebk-inner {padding:0 50px;}
.mobile.on ~ .ebk-guide .ebk-cards li,
.mobile.on ~ .ebk-guide .ebk-facts li {flex:1 1 100%;}
.mobile.on ~ .ebk-guide .ebk-contact address,
.mobile.on ~ .ebk-guide .ebk-links {flex:1 1 100%;}