*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Pretendard,'Noto Sans KR',Arial,sans-serif;color:#fff}body{overflow:hidden}.split{height:100vh;width:100%;display:flex;position:relative;background:#0c1723}.panel{position:relative;width:50%;height:100%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;overflow:hidden;transition:width .55s cubic-bezier(.2,.8,.2,1)}.panel:before{content:'';position:absolute;inset:-2%;background-position:center;background-size:cover;transform:scale(1.02);transition:transform .65s ease,filter .45s ease}.huntech:before{background-image:url('https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1800&q=88')}.chaeum:before{background-image:url('https://images.unsplash.com/photo-1499750310107-5fef28a66643?auto=format&fit=crop&w=1800&q=88')}.shade{position:absolute;inset:0;z-index:1;transition:background .45s ease,backdrop-filter .45s ease}.huntech .shade{background:linear-gradient(135deg,rgba(4,33,67,.84),rgba(16,82,142,.72))}.chaeum .shade{background:linear-gradient(135deg,rgba(4,77,72,.82),rgba(14,137,126,.72))}.panel:hover{width:54%}.split:has(.panel:hover) .panel:not(:hover){width:46%}.panel:hover:before{transform:scale(1.07)}.huntech:hover .shade{background:linear-gradient(135deg,rgba(2,19,40,.9),rgba(6,54,98,.84));backdrop-filter:brightness(.82)}.chaeum:hover .shade{background:linear-gradient(135deg,rgba(2,48,45,.9),rgba(4,94,86,.84));backdrop-filter:brightness(.82)}.content{position:relative;z-index:2;width:min(72%,580px);text-align:center;transition:transform .45s ease}.panel:hover .content{transform:translateY(-8px)}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.3em;opacity:.72;margin-bottom:20px}.content h1{font-size:clamp(48px,5vw,82px);line-height:1;margin:0 0 18px;font-weight:800;letter-spacing:-.04em;text-shadow:0 3px 24px rgba(0,0,0,.25)}.content h2{font-size:clamp(20px,1.7vw,29px);margin:0 0 24px;font-weight:650}.content p{font-size:16px;line-height:1.8;opacity:.88;margin:0 0 30px}.services{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:38px}.services span{border:1px solid rgba(255,255,255,.32);border-radius:999px;padding:8px 13px;font-size:13px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}.button{display:inline-flex;align-items:center;gap:18px;border:1px solid rgba(255,255,255,.7);border-radius:5px;padding:16px 24px;font-size:14px;font-weight:700;transition:.3s;background:rgba(0,0,0,.13);box-shadow:0 8px 30px rgba(0,0,0,.12)}.button b{font-size:20px;transition:transform .3s}.panel:hover .button{background:#fff;color:#172027}.panel:hover .button b{transform:translateX(5px)}.center-mark{position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);display:flex;align-items:center;gap:11px;font-size:9px;letter-spacing:.18em;color:rgba(255,255,255,.55);pointer-events:none}.center-mark i{display:block;width:28px;height:1px;background:rgba(255,255,255,.4)}@media(max-width:760px){body{overflow:auto}.split{min-height:100svh;height:auto;flex-direction:column}.panel,.panel:hover,.split:has(.panel:hover) .panel:not(:hover){width:100%;height:50svh;min-height:430px}.content{width:84%}.content h1{font-size:46px}.content h2{font-size:20px}.content p{font-size:14px;margin-bottom:20px}.services{margin-bottom:25px}.center-mark{display:none}}