@import url("/assets/fonts/body-fonts.css");
/* 운영판에서 더한 것: 시안(v2.3.1)의 모양은 그대로 두고, 실제 접수에 필요한 부분과 보안 설정(style 속성 금지)에 맞춘 것만 둔다. */

/* Noto 기반 본문 글꼴: 한글·라틴 우선, 나머지는 unicode-range로 필요할 때 로드. */
body{font-family:Arial,"GIC Noto Sans KR","Noto Sans KR","Malgun Gothic",sans-serif}

/* v2.4 · 대표 승인: 설치 글꼴을 활용한 홈페이지 타이포그래피 업그레이드.
   공개 홈페이지에만 적용한다. 관리자·접수 결과·개인정보 화면에는 적용하지 않는다. */
@font-face{
  font-family:"GIC Pretendard";
  src:url("/assets/fonts/Pretendard-Bold.subset.woff2") format("woff2");
  font-style:normal;
  font-weight:700;
  font-display:swap;
}

/* 계열사 로고 자리: 시안의 style="--ratio…" 값을 그대로 옮겼다 */
.lf-consulting{--ratio:3.557645;--img-width:114.916111%;--img-left:-1.470926%;--img-top:-5.805397%}
.lf-asset{--ratio:2.841374;--img-width:143.884892%;--img-left:-1.841727%;--img-top:-5.805397%}
.lf-kbj{--ratio:4.714711;--img-width:101.061142%;--img-left:-0.454775%;--img-top:-0.893389%}
.lf-kec{--ratio:4.897143;--img-width:100%;--img-left:0%;--img-top:0%}

/* 시안 띠(30px)를 뺐으니 머리 높이만큼만 띄운다 */
html{scroll-padding-top:96px}

/* 상담 문의 */
.contact-form .form-heading{margin-bottom:22px}
.contact-form .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-form .consent{margin:2px 0 20px;font-size:13px}
.contact-form .consent-check{display:flex;align-items:center;gap:9px;margin:0;font-weight:600;cursor:pointer}
.contact-form .consent-check input{width:18px;height:18px;margin:0;flex:none;accent-color:#5a5fc8}
.contact-form .consent-check span{color:var(--cyan);font-weight:600}
.consent-detail{margin-top:8px;padding-left:27px}
.consent-detail summary{cursor:pointer;color:#68748b;font-size:12px;width:max-content}
.consent-detail p{font-size:12px;line-height:1.75;background:#f4f7fb;border-radius:6px;padding:11px 13px;margin:8px 0 6px}
.consent-detail a{font-size:12px;color:#4d5fb7;text-decoration:underline}
.form-error{font-size:13px;line-height:1.6;color:#c0302e;background:#fdf0f0;border-radius:6px;padding:10px 13px;margin:0 0 14px}
.contact-form .button:disabled{opacity:.6;cursor:wait}

/* 맨 아래 */
.footer-bottom a b{font-weight:700}

/* 따로 여는 화면(개인정보처리방침·접수 결과) */
.doc-page{background:linear-gradient(120deg,#eaf0f8,#f2f6fb);min-height:100vh}
.doc-page .header-inner{justify-content:space-between}.doc-home{color:var(--navy)}
.doc-wrap{width:min(860px,calc(100% - 40px));margin:0 auto;padding:64px 0 96px}
.doc-card{background:#fff;border:1px solid #e5eaf2;border-radius:18px;box-shadow:0 25px 80px #080b2514;padding:48px 52px}
.doc-card h1{font-size:34px;letter-spacing:-1.5px;margin:10px 0 18px}
.doc-card h2{font-size:19px;letter-spacing:-.6px;margin:34px 0 10px}
.doc-card p,.doc-card li{font-size:15px;color:#4a5568}
.doc-card ul{padding-left:20px;margin:8px 0}
.doc-card table{width:100%;border-collapse:collapse;margin:10px 0;font-size:14px}
.doc-card th,.doc-card td{border:1px solid #e1e6ef;padding:10px 12px;text-align:left;vertical-align:top;color:#3b4557}
.doc-card th{background:#f4f7fb;font-weight:700;white-space:nowrap}
.doc-card .actions{margin-top:30px}
@media(max-width:580px){.doc-wrap{padding:32px 0 64px}.doc-card{padding:30px 22px}.doc-card h1{font-size:27px}.doc-card table{font-size:13px}.doc-card th,.doc-card td{padding:8px}}

/* v2.4 typography: preserve the vibrant composition, give headings more space. */
.gic-public{font-family:"GIC Noto Sans KR",sans-serif;letter-spacing:-.025em}
.gic-public :is(h1,h2,h3,h4){font-family:"GIC Pretendard","GIC Noto Sans KR",sans-serif;font-weight:700;letter-spacing:-.035em}
.gic-public .site-header nav{font-size:14px;font-weight:500;gap:22px}
.gic-public .hero h1{font-size:clamp(48px,4.3vw,72px);line-height:1.23;letter-spacing:-.045em;margin:26px 0 30px}
.gic-public .hero h1 em{background-image:linear-gradient(100deg,#c5adff 8%,#98baff 55%,#79e8e1 100%)}
.gic-public .hero-lead{font-size:19px;line-height:1.9;font-weight:400;letter-spacing:-.035em;color:#d1d6e9;text-shadow:none;margin-bottom:36px}
.gic-public .hero-copy .eyebrow{font-size:11px;font-weight:600;letter-spacing:.23em;color:#b9afe7}
.gic-public .hero-caption{font-size:12px;color:#b8c4dc;letter-spacing:0}
.gic-public .button{font-weight:600;letter-spacing:-.025em;border-radius:10px}
.gic-public .hero .button{padding:17px 24px;min-height:56px;box-shadow:0 10px 34px #7460e440,inset 0 1px 0 #ffffff30}
.gic-public .quick-start{padding:28px 24px}
.gic-public .quick-start>a>span{font-size:12px;color:#b9c6df}
.gic-public .quick-start strong{font-size:16px;font-weight:600}
.gic-public .section-label{font-size:11px;letter-spacing:.16em;font-weight:600;margin-bottom:26px}
.gic-public :is(.intro-grid,.section-heading,.affiliates-heading) h2{font-size:42px;line-height:1.36}
.gic-public .intro-grid .lead{font-size:23px;line-height:1.7;font-weight:500}
.gic-public .intro-grid>div>p:not(.lead){font-size:16px;line-height:1.9}
.gic-public .section-heading>p,.gic-public .affiliates-heading>p{font-size:16px;line-height:1.85}
.gic-public .principles h3{font-size:23px}
.gic-public .principles p{font-size:15px;line-height:1.85}
.gic-public .category-overview h3{font-size:32px;line-height:1.5}
.gic-public .category-overview>p{font-size:16px;line-height:1.85;color:#c1cce1}
.gic-public .service-card{padding:30px}
.gic-public .service-card h4{font-size:25px;line-height:1.45;margin:20px 0 14px}
.gic-public .service-card p{font-size:15px;line-height:1.85;color:#5c6078}
.gic-public .service-card .card-bottom{font-size:13px}
.gic-public .education-intro h2{font-size:36px;line-height:1.4}
.gic-public .education-intro>p:not(.lead){font-size:16px;line-height:1.85}
.gic-public .education-card h3{font-size:21px}
.gic-public .education-card p{font-size:14px;line-height:1.8}
.gic-public .affiliate-caption h3{font-size:14px}
.gic-public .affiliate-link{font-size:12px}
.gic-public .process-grid h3{font-size:21px}
.gic-public .process-grid p{font-size:15px;line-height:1.85}
.gic-public .guide-card h3{font-size:26px;line-height:1.45}
.gic-public .guide-card p{font-size:15px;line-height:1.85}
.gic-public .faq-list summary{font-size:16px;font-weight:500;line-height:1.65}
.gic-public .faq-list details p{font-size:15px;line-height:1.9}
.gic-public .contact-intro h2{font-size:46px;line-height:1.35}
.gic-public .contact-form input,.gic-public .contact-form select,.gic-public .contact-form textarea{font-size:16px}
.gic-public .contact-form .form-heading h3{font-size:26px}
.gic-public .detail-dialog h2{font-size:36px;line-height:1.4}
.gic-public .detail-dialog p,.gic-public .detail-dialog li{font-size:16px;line-height:1.9}
.gic-public .detail-dialog .detail-question{font-size:21px;line-height:1.7}
.gic-public .detail-section h3,.gic-public .guide-sections h3{font-size:21px}
.gic-public .detail-roadmap h4{font-size:18px}
.gic-public .detail-dialog .official-source{font-size:12px!important}
@media(max-width:1100px){
 .gic-public .site-header nav{gap:2px;font-size:15px}
 .gic-public :is(.intro-grid,.section-heading,.affiliates-heading) h2{font-size:36px}
 .gic-public .education-intro h2{font-size:32px}
 .gic-public .service-card{padding:26px}
 .gic-public .service-card h4{font-size:23px}
 .gic-public .quick-start{padding:24px 12px}
 .gic-public .quick-start strong{font-size:14px}
 .gic-public .quick-start>a>span{font-size:11px}
}
@media(max-width:780px){
 .gic-public .hero h1{font-size:44px}
 .gic-public .hero-lead{font-size:16px}
 .gic-public :is(.intro-grid,.section-heading,.affiliates-heading) h2{font-size:32px}
 .gic-public .education-intro h2{font-size:29px}
 .gic-public .education-card h3{font-size:18px}
 .gic-public .process-grid h3{font-size:18px}
 .gic-public .process-grid p{font-size:14px}
 .gic-public .contact-intro h2{font-size:36px}
}
@media(max-width:580px){
 .gic-public .hero h1{font-size:clamp(36px,10.8vw,48px);line-height:1.3;letter-spacing:-.045em;margin:25px 0}
 .gic-public .hero-copy .eyebrow{font-size:9px;letter-spacing:.17em}
 .gic-public .hero-lead{font-size:16px;line-height:1.8;margin-bottom:28px}
 .gic-public .hero .button{min-height:52px;padding:15px 18px}
 .gic-public .hero .actions{gap:20px}
 .gic-public .quick-start{padding:20px 8px}
 .gic-public .quick-start>a>span{font-size:11px}
 .gic-public .quick-start strong{font-size:15px}
 .gic-public .section-label{font-size:10px;letter-spacing:.13em;margin-bottom:22px}
 .gic-public :is(.intro-grid,.section-heading,.affiliates-heading) h2{font-size:31px;line-height:1.42}
 .gic-public .intro-grid .lead{font-size:21px}
 .gic-public .intro-grid>div>p:not(.lead),.gic-public .section-heading>p,.gic-public .affiliates-heading>p{font-size:15px}
 .gic-public .category-overview h3{font-size:27px;line-height:1.45}
 .gic-public .category-overview>p{font-size:15px}
 .gic-public .service-card h4{font-size:24px}
 .gic-public .education-intro h2{font-size:29px}
 .gic-public .education-card h3{font-size:19px}
 .gic-public .affiliate-caption h3{font-size:12px}
 .gic-public .affiliate-link{font-size:10px}
 .gic-public .guide-card h3{font-size:25px}
 .gic-public .contact-intro h2{font-size:35px}
 .gic-public .detail-dialog h2{font-size:29px}
 .gic-public .detail-dialog .detail-question{font-size:19px}
 .gic-public .detail-dialog p,.gic-public .detail-dialog li{font-size:15px;line-height:1.85}
 .gic-public .detail-section h3,.gic-public .guide-sections h3{font-size:20px}
}
@media print{
 .gic-public .hero h1{font-size:32pt}
 .gic-public .hero h1 em{background:none;-webkit-text-fill-color:var(--purple)}
 .gic-public .hero .button{box-shadow:none}
 .gic-public .hero-lead{color:var(--muted)}
}