/* 시안 인라인 <style> 을 파일로 뽑은 것. .greeting-page 스코프 — 세 페이지의 서브페이지 공통 규칙 */
.greeting-page{overflow-x:hidden;background:#fff;color:#111820}
.greeting-page .gnb-item.active>.gnb-link{color:var(--blue)}
.greeting-page .gnb-item.active>.gnb-link:before{opacity:1;transform:scaleX(1)}
.greeting-page .submenu a[aria-current="page"]{padding-left:22px;background:#f3f6fc;color:var(--blue)}
.greeting-page .quick-consult{margin-top:0}

.greeting-hero{position:relative;min-height:390px;overflow:hidden;background:#111820;color:#fff}
.greeting-hero-media{position:absolute;inset:0;margin:0}
.greeting-hero-media:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,14,23,.78) 0%,rgba(8,14,23,.52) 39%,rgba(8,14,23,.12) 72%),linear-gradient(0deg,rgba(6,11,18,.4),rgba(6,11,18,.04))}
.greeting-hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.86) contrast(1.02);animation:heroScale 1.5s cubic-bezier(.22,.61,.36,1) both}
.greeting-hero>.wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-start;min-height:390px;padding-top:72px;padding-bottom:48px;text-align:left}
.breadcrumb{position:absolute;top:26px;right:20px;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.62);font-size:10px}
.breadcrumb i{color:rgba(255,255,255,.34);font-style:normal}.breadcrumb strong{color:#fff;font-weight:680}
.greeting-hero-copy{max-width:620px}
.greeting-hero-label{margin-bottom:17px;color:rgba(255,255,255,.72);font-size:11px;font-weight:650;letter-spacing:.035em}
.greeting-hero h1{font-size:40px;line-height:1.35;letter-spacing:-.045em;font-weight:660}
.greeting-hero-lead{max-width:560px;margin-top:16px;color:rgba(255,255,255,.76);font-size:14px;line-height:1.75}

.identity-intro{position:relative;padding:118px 0 130px;background:#fff}
.identity-grid{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(460px,1.18fr);gap:105px;align-items:center}
.identity-copy{position:relative;padding-top:39px;border-top:1px solid #1e252c}
.identity-label{display:block;margin-bottom:22px;color:#315da7;font-size:13px;font-weight:780;letter-spacing:.01em}
.identity-copy h2{font-size:47px;line-height:1.12;letter-spacing:-.045em;font-weight:680}
.identity-copy p{max-width:430px;margin-top:25px;color:#4f5964;font-size:15px;line-height:1.9}
.identity-visual{position:relative;width:92%;max-width:620px;margin:0 auto}
.identity-visual:before{content:"";position:absolute;left:-26%;top:-23%;width:62%;height:55%;border-left:1px solid #d7dadd;border-top:1px solid #d7dadd}
.identity-visual img{display:block;width:100%;aspect-ratio:1.55/1;object-fit:cover;filter:saturate(.9) contrast(1.03)}
.identity-scrollmark{position:absolute;right:34px;top:50%;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translateY(-50%)}
.identity-scrollmark i{display:block;width:8px;height:8px;border-radius:50%;background:#2469d7}
.identity-scrollmark i:last-child{background:#1c2229}

.vision-statement{position:relative;padding:124px 0 130px;overflow:hidden;background:#fff}
.vision-rule{height:1px;background:#222a31}
.vision-title{position:relative;z-index:2;margin-top:85px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(76px,8.2vw,126px);line-height:.85;letter-spacing:-.078em;font-weight:800}
.vision-title span{display:block}
.vision-title .pale{color:#d9dcde}
.vision-title .blue{color:#216fd7}
.vision-title .indent{padding-left:10.5vw;color:#151b21}
.vision-narrative{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.05fr;gap:9vw;margin-top:108px}
.vision-narrative strong{max-width:500px;font-size:28px;line-height:1.52;letter-spacing:-.045em;font-weight:620}
.vision-narrative p{max-width:540px;color:#59616a;font-size:15px;line-height:1.95}
.line-sculpture{position:absolute;right:3.5%;bottom:85px;width:430px;height:430px;opacity:.55;pointer-events:none}
.line-sculpture:before,.line-sculpture:after,.line-sculpture span{content:"";position:absolute;bottom:0;border:1px solid #bfc7cd;background:linear-gradient(90deg,transparent 94%,rgba(138,153,166,.28) 94%),linear-gradient(0deg,transparent 95%,rgba(138,153,166,.22) 95%);background-size:29px 100%,100% 27px;transform:skewY(-8deg)}
.line-sculpture:before{right:0;width:210px;height:390px}
.line-sculpture:after{right:174px;width:146px;height:280px}
.line-sculpture span:nth-child(1){right:294px;width:104px;height:190px}
.line-sculpture span:nth-child(2){right:65px;bottom:-25px;width:340px;height:135px;transform:skewY(10deg) rotate(-18deg);opacity:.65}

.philosophy-cover{position:relative;height:650px;overflow:hidden;background:#111820;color:#fff}
.philosophy-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 47%;filter:grayscale(1) brightness(.56) contrast(1.1);transform:scale(1.01)}
.philosophy-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,13,20,.18),rgba(8,13,20,.02)),linear-gradient(0deg,rgba(8,13,20,.26),transparent)}
.cover-copy{position:absolute;z-index:2;left:50%;bottom:58px;width:min(1280px,calc(100% - 40px));transform:translateX(-50%)}
.cover-copy span{display:block;font-family:Arial,Helvetica,sans-serif;font-size:clamp(72px,9vw,142px);line-height:.74;letter-spacing:-.075em;font-weight:800}
.cover-copy span:last-child{padding-left:24%;color:#fff}

.value-sequence{position:relative;background:#fff}
.value-section{position:relative;padding:118px 0 128px;overflow:hidden}
.value-section+.value-section{border-top:1px solid #e6e7e7}
.value-grid{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);gap:8.5vw;align-items:center}
.value-section:nth-child(even) .value-grid{grid-template-columns:minmax(520px,1.18fr) minmax(360px,.82fr)}
.value-section:nth-child(even) .value-media{order:1}
.value-section:nth-child(even) .value-copy{order:2}
.value-copy{position:relative;z-index:2}
.value-word{display:block;margin-bottom:24px;color:#2864b8;font-size:12px;font-weight:780;letter-spacing:.035em}
.value-copy h3{font-size:47px;line-height:1.34;letter-spacing:-.058em;font-weight:660}
.value-body{max-width:510px;margin-top:34px;padding-top:29px;border-top:1px solid #222930}
.value-body p{color:#555e68;font-size:15px;line-height:1.95}
.value-body p+p{margin-top:16px}
.career-note{display:block;margin-top:21px;padding-top:18px;border-top:1px solid #dadcdd;color:#898f96;font-size:10px;line-height:1.65}
.value-media{position:relative;margin:0}
.value-media:before{content:"";position:absolute;z-index:-1;width:78%;height:83%;border:1px solid #d8dcdf}
.value-section:nth-child(odd) .value-media:before{right:-34px;top:-34px}
.value-section:nth-child(even) .value-media:before{left:-34px;bottom:-34px}
.value-media img{display:block;width:100%;height:auto}
.value-learning .value-media img{aspect-ratio:1.34/1;object-fit:cover}
.value-teaching{}
.value-teaching .value-media{background:transparent}

.value-teaching .value-media img{width:100%;aspect-ratio:1.4/1;object-fit:cover;object-position:center}
.value-after .value-media img{aspect-ratio:1.45/1;object-fit:cover}
.value-principle .value-media{padding:7%;background:#efefec}
.value-principle .value-media img{aspect-ratio:1.13/1;object-fit:contain}
.value-principle .value-media:before{display:none}
.value-watermark{position:absolute;z-index:0;color:#f1f2f2;font-family:Arial,Helvetica,sans-serif;font-size:clamp(92px,11vw,170px);line-height:1;font-weight:800;letter-spacing:-.07em;pointer-events:none}
.value-learning .value-watermark{left:-18px;bottom:54px}
.value-teaching .value-watermark{right:-20px;top:58px}
.value-after .value-watermark{left:-15px;top:62px}
.value-principle .value-watermark{right:-15px;bottom:58px}
.greeting-signature{display:flex;align-items:center;gap:15px;margin-top:34px;color:#303945;font-size:12px}
.greeting-signature:before{display:none}
.greeting-signature strong{font-size:13px;font-weight:760}

.story-close{padding:156px 0 164px;background:radial-gradient(circle at 86% 12%,rgba(79,142,220,.42) 0,rgba(53,103,165,.16) 31%,rgba(53,103,165,0) 56%),radial-gradient(circle at 8% 92%,rgba(21,63,108,.58) 0,rgba(15,42,72,.18) 34%,rgba(15,42,72,0) 52%),linear-gradient(122deg,#080e16 0%,#0f1c2b 45%,#1c3856 100%);color:#f7f8fa}
.story-close-inner{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:100px;align-items:end}
.story-close h2{color:#f7f8fa;font-size:56px;line-height:1.28;letter-spacing:-.06em;font-weight:650}
.story-close p{padding-top:26px;border-top:1px solid rgba(255,255,255,.26);color:rgba(233,238,244,.72);font-size:14px;line-height:1.9}
.next-page{padding:66px 0;background:#fff}
.next-page a{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:30px;padding:29px 0;border-top:1px solid #222a37;border-bottom:1px solid #d7d9da}
.next-page small{color:#858c95;font-size:11px;font-weight:750;letter-spacing:.02em}
.next-page strong{font-size:27px;letter-spacing:-.035em}
.next-page .arrow{font-size:25px;transition:transform .2s,color .2s}
.next-page a:hover .arrow{color:var(--blue);transform:translateX(6px)}

.greeting-hero h1,.greeting-hero-lead,.identity-copy h2,.identity-copy p,.vision-narrative strong,.vision-narrative p,.value-copy h3,.value-body p,.story-close h2,.story-close p{word-break:keep-all;overflow-wrap:break-word}
.greeting-hero h1,.identity-copy h2,.vision-narrative strong,.value-copy h3,.story-close h2{text-wrap:balance}
.page-progress{position:fixed;z-index:58;right:14px;top:50%;width:1px;height:112px;background:rgba(50,58,67,.18);transform:translateY(-50%)}
.page-progress i{display:block;width:2px;height:0;background:#226cd0;transition:height .1s linear}

.motion-ready .reveal{opacity:0;transform:translateY(26px);transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform .85s cubic-bezier(.22,.61,.36,1);transition-delay:var(--delay,0ms)}
.motion-ready .reveal.is-visible{opacity:1;transform:none}
.motion-ready .reveal-media{opacity:0;transform:translateX(42px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform 1s cubic-bezier(.22,.61,.36,1)}
.motion-ready .reveal-media.is-visible{opacity:1;transform:none}
@keyframes heroScale{from{transform:scale(1.035)}to{transform:scale(1)}}

@media(max-width:1120px){


 .identity-grid{gap:70px}

 .value-grid,.value-section:nth-child(even) .value-grid{gap:65px}
 .value-copy h3{font-size:41px}

}
@media(max-width:900px){
 .identity-intro{padding:96px 0 106px}
 .identity-grid{grid-template-columns:1fr;gap:68px}
 .identity-visual{width:86%;margin-left:auto;margin-right:2%}
 .identity-scrollmark{display:none}
 .vision-statement{padding:100px 0 106px}
 .vision-narrative{grid-template-columns:1fr;gap:38px;margin-top:80px}
 .vision-narrative p{max-width:580px}
 .line-sculpture{right:-40px;bottom:54px;width:360px;height:360px;opacity:.34}
 .philosophy-cover{height:570px}
 .value-section{padding:96px 0 106px}
 .value-grid,.value-section:nth-child(even) .value-grid{grid-template-columns:1fr;gap:62px}
 .value-section:nth-child(even) .value-media,.value-section:nth-child(even) .value-copy{order:initial}
 .value-copy{max-width:680px}
 .value-media{width:88%}
 .value-section:nth-child(odd) .value-media{margin-left:auto}
 .value-section:nth-child(even) .value-media{margin-right:auto}
 .value-after .value-media{width:100%}
 .value-watermark{font-size:120px}
 .story-close{padding:112px 0 120px}
 .story-close-inner{grid-template-columns:1fr;gap:48px}
 .story-close h2{font-size:47px}
 .greeting-page{padding-bottom:72px}
 .greeting-page .fab{top:auto;right:12px;bottom:10px;left:12px;display:flex;justify-content:center;border-radius:14px;transform:none}
 .greeting-page .fab a{flex:1;width:auto;min-width:0;padding:9px 3px;border-top:0;border-left:1px solid var(--line);font-size:10px}
 .greeting-page .fab a:first-child{border-left:0}
 .greeting-page .fab .ic{width:29px;height:29px}
 .greeting-page .fab .ic .ico{width:15px;height:15px}
 .page-progress{display:none}
}
@media(max-width:600px){
 .greeting-hero,.greeting-hero>.wrap{min-height:320px}
 .greeting-hero-media img{object-position:68% center}
 .greeting-hero>.wrap{padding-top:60px;padding-bottom:35px}
 .breadcrumb{top:15px;right:18px;gap:6px;font-size:9px}
 .greeting-hero-label{margin-bottom:12px;font-size:9px}
 .greeting-hero h1{max-width:310px;margin:0;font-size:26px;line-height:1.42;word-break:keep-all}
 .greeting-hero-lead{max-width:300px;margin:12px 0 0;font-size:12px;word-break:keep-all}
 .identity-intro{padding:74px 0 82px}
 .identity-grid{gap:50px}
 .identity-copy{padding-top:27px}
 .identity-label{margin-bottom:17px;font-size:11px}
 .identity-copy h2{font-size:34px}
 .identity-copy p{font-size:13px;line-height:1.85}
 .identity-visual{width:88%;margin-right:0}
 .vision-statement{padding:78px 0 84px}
 .vision-title{margin-top:54px;font-size:53px;line-height:.9}
 .vision-title .indent{padding-left:7vw}
 .vision-narrative{gap:27px;margin-top:66px}
 .vision-narrative strong{font-size:22px}
 .vision-narrative p{font-size:13px;line-height:1.85}
 .line-sculpture{right:-96px;bottom:16px;width:300px;height:300px;opacity:.2}
 .philosophy-cover{height:460px}
 .philosophy-cover img{object-position:56% center}
 .cover-copy{bottom:37px}
 .cover-copy span{font-size:50px;line-height:.82}
 .cover-copy span:last-child{padding-left:10%}
 .value-section{padding:74px 0 84px}
 .value-grid,.value-section:nth-child(even) .value-grid{gap:43px}
 .value-copy{order:2!important}
 .value-media{order:1!important;width:92%!important}
 .value-word{margin-bottom:16px;font-size:10px}
 .value-copy h3{font-size:31px;line-height:1.39}
 .value-body{margin-top:24px;padding-top:22px}
 .value-body p{font-size:13px;line-height:1.85}
 .value-media:before{display:none}
 .value-teaching .value-media{margin-left:-20px;width:calc(100% + 40px)!important}
 .value-after .value-media{margin-left:-20px;width:calc(100% + 40px)!important}
 .value-principle .value-media{padding:7%}
 .value-watermark{font-size:76px;opacity:.78}
 .career-note{font-size:9px}
 .story-close{padding:84px 0 92px}
 .story-close-inner{gap:34px}
 .story-close h2{font-size:35px;line-height:1.35}
 .story-close p{font-size:12px}
 .next-page{padding:48px 0}
 .next-page a{grid-template-columns:1fr auto;gap:8px;padding:22px 0}
 .next-page small{grid-column:1/-1}
 .next-page strong{font-size:22px}
 .next-page .arrow{grid-column:2;grid-row:2}
 .greeting-page .fab a:nth-child(4){display:none}
}
@media(prefers-reduced-motion:reduce){
 .greeting-hero-media img{animation:none}
 .motion-ready .reveal{opacity:1;transform:none;transition:none}
 .motion-ready .reveal-media{opacity:1;transform:none;transition:none}
 .next-page .arrow{transition:none}
}