@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css";:root{--color-primary: #00a0e9;--color-sky: #79c7ea;--color-blue: #0073b9;--color-navy: #013e8d;--color-white: #fff;--color-gray: #eee;--color-text: #222;--color-black: #000;--max-width: 1180px;--header-height: 72px;--shadow-block: 8px 8px 0 var(--color-navy)}*{box-sizing:border-box}html{color:var(--color-text);font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;scroll-behavior:smooth}body{margin:0;background:var(--color-white)}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:var(--header-height);padding:0 clamp(20px,5vw,64px);border-bottom:1px solid var(--color-gray);background:color-mix(in srgb,var(--color-white) 92%,transparent);backdrop-filter:blur(16px)}.site-logo,.brand-mark{display:inline-flex;align-items:center;gap:12px}.brand-symbol{position:relative;display:inline-block;width:36px;height:36px;flex:0 0 auto;background:var(--color-primary)}.brand-symbol span{position:absolute;left:9px;width:12px;height:4px;background:var(--color-white)}.brand-symbol span:first-child{top:11px}.brand-symbol span:last-child{top:21px;left:18px}.brand-text{font-size:22px;font-weight:900;letter-spacing:0}.site-nav{display:flex;align-items:center;gap:16px}.nav-menu,.nav-actions{display:flex;align-items:center}.nav-menu,.nav-actions{gap:6px}.nav-link{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid transparent;font-size:15px;font-weight:700;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background-color .16s ease}.nav-link:hover,.nav-link:focus-visible{border-color:var(--color-primary);outline:none}.nav-link-login{border-color:var(--color-gray)}.nav-link-primary{background:var(--color-primary);color:var(--color-white)}.nav-link-primary:hover,.nav-link-primary:focus-visible{border-color:var(--color-black);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--color-black)}.nav-link-primary:active{transform:translate(0);box-shadow:2px 2px 0 var(--color-black)}.hero{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(32px,6vw,96px);align-items:center;min-height:calc(100svh - var(--header-height));padding:clamp(64px,8vw,112px) clamp(20px,5vw,64px);overflow:hidden}.hero:before{position:absolute;inset:0;z-index:-2;content:"";background:linear-gradient(90deg,rgb(0 160 233 / .08) 1px,transparent 1px),linear-gradient(0deg,rgb(0 160 233 / .08) 1px,transparent 1px);background-size:28px 28px}.hero-copy{max-width:620px}.eyebrow{margin:0 0 12px;color:var(--color-blue);font-size:14px;font-weight:900;letter-spacing:0}.hero h1{margin:0;color:var(--color-black);font-size:clamp(72px,12vw,160px);font-weight:950;line-height:.92;letter-spacing:0}.hero-lead{max-width:760px;margin:28px 0 0;font-size:clamp(21px,3vw,32px);font-weight:800;line-height:1.35}.hero-actions,.join-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border:2px solid var(--color-black);font-weight:900;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.button:hover,.button:focus-visible{outline:none;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-black)}.button-primary{background:var(--color-primary);color:var(--color-white)}.button-secondary{background:var(--color-white)}.hero-visual{position:relative;min-height:min(62vw,610px)}.cube-stack{position:absolute;inset:5%}.cube{--cube-x: 0;--cube-y: 0;--push-x: 0px;--push-y: 0px;position:absolute;display:grid;place-items:center;width:clamp(104px,13vw,170px);aspect-ratio:1;border:2px solid var(--color-black);background:var(--color-primary);box-shadow:14px 14px 0 var(--color-navy),28px 28px 0 var(--color-sky);color:var(--color-white);font-size:clamp(13px,1.6vw,20px);font-weight:950;letter-spacing:0;animation:cube-in .76s cubic-bezier(.2,.8,.2,1) both;transition:box-shadow .18s ease,filter .18s ease,transform .18s ease}.cube.is-pushed{transform:translate(var(--push-x),var(--push-y)) scale(.97)}.cube:hover,.cube.is-active{z-index:4;filter:saturate(1.08);transform:translate(calc(var(--cube-x) * 5px),calc(var(--cube-y) * 5px - 12px)) scale(1.04) rotate(calc(var(--cube-x) * 2deg));box-shadow:20px 20px 0 var(--color-navy),36px 36px 0 var(--color-sky)}.cube span{transition:transform .18s ease}.cube:hover span,.cube.is-active span{transform:translateY(-3px)}.cube-1{top:4%;left:5%;animation-delay:60ms}.cube-2{top:13%;right:12%;background:var(--color-navy);animation-delay:.12s}.cube-3{top:39%;left:22%;background:var(--color-blue);animation-delay:.18s}.cube-4{right:1%;bottom:24%;background:var(--color-sky);color:var(--color-black);animation-delay:.24s}.cube-5{bottom:3%;left:7%;background:var(--color-white);color:var(--color-black);animation-delay:.3s}.cube-6{right:28%;bottom:2%;animation-delay:.36s}.section{width:min(100% - 40px,var(--max-width));margin:0 auto;padding:clamp(72px,10vw,128px) 0}.section-muted{width:100%;max-width:none;padding-inline:max(20px,calc((100vw - var(--max-width)) / 2));background:#f7f7f7}.section-heading{max-width:880px;margin-bottom:34px}.section-heading h2,.join-copy h2{margin:0;color:var(--color-black);font-size:clamp(32px,5vw,56px);font-weight:950;line-height:1.08;letter-spacing:0}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:24px;max-width:none}.section-actions{display:flex;flex-wrap:wrap;gap:12px 18px}.section-marker{display:block;width:44px;height:14px;margin-bottom:18px;background:var(--color-primary);box-shadow:20px 14px 0 var(--color-sky)}.audience-grid,.post-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.block-card,.post-card{position:relative;min-height:220px;padding:26px;border:2px solid var(--color-gray);background:var(--color-white);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.block-card:hover,.block-card:focus-within,.post-card:hover,.post-card:focus-visible{border-color:var(--color-primary);outline:none;transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--color-gray)}.card-cube{display:block;width:28px;height:28px;margin-bottom:32px;background:var(--color-primary);box-shadow:10px 10px 0 var(--color-sky)}.block-card h3,.post-card h3{margin:0;color:var(--color-black);font-size:22px;font-weight:900;line-height:1.24}.block-card p,.post-card p,.post-card time,.join-copy p,.activity-content p,.interest-description{color:#4b4b4b;line-height:1.7}.activity-panel{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px}.activity-tabs{display:grid;gap:10px}.activity-tab{min-height:52px;border:2px solid transparent;background:var(--color-gray);color:var(--color-text);font-weight:900;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s ease,border-color .16s ease}.activity-tab:hover,.activity-tab:focus-visible{border-color:var(--color-primary);outline:none}.activity-tab[aria-selected=true]{background:var(--color-primary);color:var(--color-white)}.activity-content{position:relative;min-height:300px;padding:clamp(28px,5vw,56px);border:2px solid var(--color-gray);background:var(--color-white);box-shadow:8px 8px #0000000d;transition:opacity .14s ease,transform .14s ease}.activity-content:before{position:absolute;top:0;left:0;width:92px;height:8px;content:"";background:var(--color-primary)}.activity-content:after{position:absolute;top:16px;left:28px;width:32px;height:14px;content:"";background:var(--color-sky)}.activity-content.is-switching{opacity:0;transform:translateY(4px)}.activity-kicker{margin:0 0 10px;color:var(--color-blue);font-weight:900}.activity-content h3{margin:0;color:var(--color-black);font-size:clamp(34px,6vw,72px);font-weight:950}.interest-shell{display:grid;gap:18px}.interest-description{max-width:880px;margin:0;color:#4b4b4b;font-size:18px;line-height:1.7;word-break:keep-all}.interest-card p,.interest-cta p{margin:0;line-height:1.7}.interest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.interest-card{min-height:300px;padding:22px;border:2px solid var(--color-gray);background:var(--color-white);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.interest-card:hover{border-color:var(--color-primary);transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--color-gray)}.interest-card span{display:block;width:34px;height:12px;margin-bottom:26px;background:var(--color-primary);box-shadow:14px 10px 0 var(--color-sky)}.interest-card h3{margin:0 0 10px;color:var(--color-black);font-size:20px;font-weight:900;line-height:1.25}.interest-card p,.interest-cta p{color:#4b4b4b}.interest-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}.interest-tags li{padding:8px 10px;border:1px solid var(--color-gray);background:#f7f7f7;color:var(--color-black);font-size:14px;font-weight:800;line-height:1.25;word-break:keep-all}.interest-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;border:2px solid var(--color-gray);background:#f7f7f7}.interest-link{flex:0 0 auto}.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--color-blue);font-weight:900}.text-link:hover,.text-link:focus-visible{color:var(--color-navy);outline:none;text-decoration:underline;text-decoration-thickness:3px}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.post-card{display:grid;align-content:space-between;gap:18px;min-height:260px;overflow:hidden}.post-bar{position:absolute;top:0;left:0;width:72px;height:12px;background:var(--color-primary);transition:width .18s ease}.post-card:hover .post-bar,.post-card:focus-visible .post-bar{width:100%}.post-card p{margin:22px 0 0;color:var(--color-blue);font-weight:900}.post-card time{font-size:14px}.join-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,.7fr);gap:clamp(32px,7vw,96px);align-items:center;padding-top:clamp(64px,8vw,104px);padding-bottom:clamp(64px,8vw,104px);background:var(--color-white)}.join-copy{max-width:680px}.join-copy h2{max-width:620px;font-size:clamp(44px,7vw,88px);line-height:1;word-break:keep-all}.join-content{max-width:520px}.join-content p{display:grid;gap:8px;margin:0;font-size:18px;line-height:1.7;word-break:keep-all}.join-copy .eyebrow{color:var(--color-primary)}.join-section .join-actions{margin-top:28px}.join-section .button-primary{border-color:var(--color-black)}.join-section .button-primary:hover,.join-section .button-primary:focus-visible{box-shadow:6px 6px 0 var(--color-black)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px clamp(20px,5vw,64px);border-top:1px solid var(--color-gray);background:var(--color-black);color:var(--color-white)}.site-footer p{margin:0;color:var(--color-sky);font-weight:700}.site-footer p span{display:inline-block;white-space:nowrap}.footer-copy{display:grid;gap:6px;text-align:center}.site-footer address{color:#ffffffb8;font-style:normal;line-height:1.5}.site-footer a{font-weight:900}@keyframes cube-in{0%{opacity:0;transform:translate(40px,32px) scale(.84)}to{opacity:1;transform:translate(0) scale(1)}}@media(max-width:900px){.site-header{align-items:center;flex-direction:row;gap:16px;padding-block:14px}.site-nav{width:auto;flex:0 0 auto;padding:2px 6px 4px 2px;overflow:visible}.nav-link-primary:hover,.nav-link-primary:focus-visible{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--color-black)}.hero,.activity-panel,.interest-shell,.join-section{grid-template-columns:1fr}.hero{min-height:auto}.hero-visual{min-height:380px}.audience-grid,.post-grid,.interest-grid{grid-template-columns:1fr}.activity-tabs{display:flex;overflow-x:auto}.activity-tab{min-width:116px;padding-inline:16px}.section-heading-row{align-items:start;flex-direction:column}.site-footer{align-items:flex-start;flex-direction:column}.footer-copy{text-align:left}.interest-cta{align-items:flex-start;flex-direction:column}.join-section{gap:24px}.join-copy h2{max-width:560px}}@media(max-width:560px){.brand-text{font-size:20px}.nav-menu{display:none}.nav-link{min-height:38px;padding-inline:12px;font-size:14px;white-space:nowrap}.hero h1{font-size:clamp(64px,24vw,112px)}.hero-visual{min-height:500px}.cube-stack{position:absolute;inset:0}.cube{position:absolute;width:clamp(84px,28vw,116px);box-shadow:9px 9px 0 var(--color-navy),18px 18px 0 var(--color-sky)}.cube:hover{box-shadow:12px 12px 0 var(--color-navy),22px 22px 0 var(--color-sky)}.cube-1{top:1%;left:5%}.cube-2{top:9%;right:8%}.cube-3{top:32%;left:25%}.cube-4{right:3%;bottom:18%}.cube-5{bottom:8%;left:7%}.cube-6{right:26%;bottom:1%}.block-card,.post-card{min-height:auto}.join-section .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}