/**
 * 세이피안 키즈 페이지 CSS
 *
 * #kids-page 로 감싸 스코프를 잡는다. 아스트라 테마가 <div id="page"> 를 쓰기 때문에
 * 디자인 원본의 #page 는 #kids-page-inner 로 바꿔 두었다 — 되돌리면 사이트가 잘린다.
 */

@font-face{font-family:'SUIT';font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/uploads/safeean-kids/fonts/suit-1-ac8388d2.woff2) format('woff2');}
@font-face{font-family:'SUIT';font-style:normal;font-weight:500;font-display:swap;src:url(/wp-content/uploads/safeean-kids/fonts/suit-2-f930e59c.woff2) format('woff2');}
@font-face{font-family:'SUIT';font-style:normal;font-weight:600;font-display:swap;src:url(/wp-content/uploads/safeean-kids/fonts/suit-3-bc29e60d.woff2) format('woff2');}
@font-face{font-family:'SUIT';font-style:normal;font-weight:700;font-display:swap;src:url(/wp-content/uploads/safeean-kids/fonts/suit-4-cb17df8c.woff2) format('woff2');}
@font-face{font-family:'SUIT';font-style:normal;font-weight:800;font-display:swap;src:url(/wp-content/uploads/safeean-kids/fonts/suit-5-67744fa1.woff2) format('woff2');}
#kids-page{overflow-x:clip;margin:0;background:#ffffff;font-family:'SUIT','Apple SD Gothic Neo',sans-serif;-webkit-font-smoothing:antialiased;word-break:keep-all;}
#kids-page *{box-sizing:border-box;}
#kids-page-inner{position:relative;margin:0 auto;width:1280px;height:6516px;}


#kids-faq{background:#f6f6f6;padding:96px 20px 97px;font-family:'SUIT','Apple SD Gothic Neo',sans-serif;word-break:keep-all;}
#kids-faq *{box-sizing:border-box;}
#kids-faq .faq-inner{width:1040px;max-width:100%;margin:0 auto;}
#kids-faq .faq-title{margin:0 0 43px;font-size:36px;font-weight:700;color:#1a1a1a;line-height:138%;}
#kids-faq details{background:#ffffff;border:1px solid #d9d9d9;border-radius:12px;margin-bottom:12px;overflow:hidden;}
#kids-faq details:last-of-type{margin-bottom:0;}
#kids-faq summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 29px;font-size:17px;font-weight:700;color:#1a1a1a;line-height:140%;}
#kids-faq summary::-webkit-details-marker{display:none;}
#kids-faq summary::marker{content:'';}
#kids-faq summary:hover{color:#ea5428;}
#kids-faq summary svg{flex:0 0 24px;transition:transform .2s ease;}
#kids-faq details[open] summary svg{transform:rotate(180deg);}
#kids-faq .faq-a{padding:0 29px 24px;margin-top:-12px;max-width:982px;font-size:15px;font-weight:400;color:#6b6b6b;line-height:180%;}
#kids-faq .faq-a p{margin:0;}
#kids-faq .faq-a p + p{margin-top:4px;}
#kids-faq .faq-a a{color:#ea5428;text-decoration:underline;}
@media (max-width:640px){
  #kids-faq{padding:56px 20px;}
  #kids-faq .faq-title{font-size:26px;margin-bottom:28px;}
  #kids-faq summary{padding:20px;font-size:16px;}
  #kids-faq .faq-a{padding:0 20px 20px;}
}


#kids-page .kids-cta:hover{filter:brightness(1.07);}
#kids-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;font-family:'SUIT','Apple SD Gothic Neo',sans-serif;}
#kids-modal[hidden]{display:none;}
#kids-modal .kids-modal-back{position:absolute;inset:0;background:rgba(26,26,26,0.45);}
#kids-modal .kids-modal-box{position:relative;width:360px;max-width:100%;background:#fff;border-radius:20px;padding:40px 32px 28px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,0.18);}
#kids-modal .kids-modal-title{font-size:24px;font-weight:700;color:#1a1a1a;line-height:140%;}
#kids-modal .kids-modal-desc{margin:12px 0 26px;font-size:15px;font-weight:400;color:#6b6b6b;line-height:170%;}
#kids-modal .kids-modal-close{width:100%;height:52px;border:0;border-radius:90px;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;}
#kids-modal .kids-modal-close,
#kids-modal .kids-modal-close:hover,
#kids-modal .kids-modal-close:focus,
#kids-modal .kids-modal-close:focus-visible,
#kids-modal .kids-modal-close:active{color:#ffffff !important;background:#ea5428 !important;border:0 !important;}
#kids-modal .kids-modal-close:hover,
#kids-modal .kids-modal-close:active{background:#d8471d !important;}