@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{--color-primary:#171717;--color-secondary:#404040;--color-cta:#d4af37;--color-cta-hover:#b8962e;--color-bg:#fdfdfd;--color-text:#171717;--color-text-light:#64748b;--glass-bg:#ffffffb3;--glass-bg-hover:#ffffffe6;--glass-border:#ffffff80;--glass-shadow:0 8px 32px 0 #1f268712;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:64px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;background:radial-gradient(circle at 15%,#d4af370d,#0000 40%),radial-gradient(circle at 85% 30%,#00000008,#0000 50%);min-height:100vh;font-family:DM Sans,-apple-system,sans-serif;overflow-x:hidden}h1,h2,h3,h4,.tag{letter-spacing:-.02em;font-weight:700}a{color:inherit;text-decoration:none}.btn{cursor:pointer;border:none;border-radius:9999px;outline:none;justify-content:center;align-items:center;padding:12px 28px;font-size:1rem;font-weight:700;transition:all .4s cubic-bezier(.25,.8,.25,1);display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 14px #0000001a}.btn-primary:hover{background:#000;transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.btn-secondary{background:var(--glass-bg);color:var(--color-primary);-webkit-backdrop-filter:blur(10px);border:1px solid #0000001a}.btn-secondary:hover{background:#fff;transform:translateY(-4px);box-shadow:0 8px 25px #0000000d}.navbar{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);z-index:50;align-items:center;height:80px;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.navbar-brand-group{white-space:nowrap;align-items:center;gap:12px;display:flex}.navbar-logo{cursor:pointer;align-items:center;gap:12px;display:flex}.logo-img{object-fit:contain;width:auto;height:40px}.logo-text{color:var(--color-primary);letter-spacing:-.02em;white-space:nowrap;flex-shrink:0;font-size:1.15rem;font-weight:700}.navbar-divider{background:#00000026;width:1px;height:36px}.navbar-partner{white-space:nowrap;flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-start;gap:4px;display:flex}.partner-title{color:var(--color-primary);letter-spacing:-.02em;white-space:nowrap;flex-shrink:0;margin-left:2px;font-size:.95rem;font-weight:700}.partner-sub{white-space:nowrap;align-items:center;gap:6px;display:flex}.mcst-logo{object-fit:contain;width:auto;height:64px}.partner-reg{color:var(--color-text-light);font-size:.75rem;font-weight:500}.navbar-links{flex-wrap:nowrap;align-items:center;gap:1.5rem;display:flex}.navbar-links a:not(.nav-cta){color:var(--color-secondary);white-space:nowrap;flex-shrink:0;font-size:.95rem;font-weight:500;transition:color .2s}.navbar-links a:not(.nav-cta):hover{color:var(--color-cta)}.nav-cta{background:var(--color-primary);white-space:nowrap;border-radius:9999px;flex-shrink:0;padding:10px 24px;font-size:.9rem;font-weight:700;transition:all .4s cubic-bezier(.25,.8,.25,1);color:#fff!important}.nav-cta:hover{background:var(--color-cta);transform:translateY(-2px);box-shadow:0 6px 15px #d4af3733}.hero-section{text-align:center;justify-content:center;align-items:center;gap:4rem;max-width:100%;min-height:90vh;margin:0 auto;padding:200px 2rem 120px;display:flex;position:relative;overflow:hidden}.hero-video-bg{z-index:0;pointer-events:none;width:auto;min-width:100%;height:auto;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-video-bg iframe{pointer-events:none;width:100vw;min-width:177.78vh;height:56.25vw;min-height:100vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-overlay{z-index:1;background:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;flex:1;max-width:600px;animation:.8s cubic-bezier(.25,.8,.25,1) slideUpFade}.hero-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:999px;margin-bottom:24px;padding:6px 16px;font-size:.85rem;font-weight:700;display:inline-block}.hero-title{color:#fff;text-shadow:0 4px 20px #0006;word-break:keep-all;margin-bottom:24px;font-size:3.5rem;line-height:1.15}.hero-subtitle{color:#ffffffe6;text-shadow:0 2px 10px #0006;margin-bottom:40px;font-size:1.125rem;line-height:1.7}.hero-actions{justify-content:center;gap:16px;display:flex}.hero-visual{flex:1;justify-content:center;align-items:center;height:500px;animation:1.2s ease-out fadeIn;display:flex;position:relative}.glass-shape{-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fff6 0%,#ffffff1a 100%);border:1px solid #fff6;transition:all .4s;position:absolute;box-shadow:0 8px 32px #1f26870d}.glass-shape:hover{background:linear-gradient(135deg,#fff9 0%,#fff3 100%);transform:scale(1.05)}.shape-1{z-index:2;border-radius:40px;width:300px;height:400px;animation:8s ease-in-out infinite float;transform:rotate(-10deg)}.shape-2{z-index:1;background:linear-gradient(135deg,#d4af3733 0%,#ffffff1a 100%);border-radius:50%;width:250px;height:250px;animation:10s ease-in-out infinite reverse float;top:20px;right:0}.shape-3{z-index:3;background:linear-gradient(135deg,#0000000d 0%,#ffffff1a 100%);border-radius:30px;width:200px;height:200px;animation:7s ease-in-out 1s infinite float;bottom:0;left:20px;transform:rotate(15deg)}@keyframes float{0%{transform:translateY(0)rotate(-10deg)}50%{transform:translateY(-20px)rotate(-5deg)}to{transform:translateY(0)rotate(-10deg)}}@keyframes floatReverse{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.map-link{transition:color .2s}.map-link:hover{color:var(--color-cta);text-decoration:underline}.contact-locations-section{padding:var(--space-xl) 2rem;background:0 0}.campus-cards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:900px;margin:0 auto;display:grid}.campus-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);padding:var(--space-lg);border-radius:20px;align-items:center;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000008}.campus-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#fff6 0%,#fff0 100%);position:absolute;inset:0}.campus-card:hover{background:var(--glass-bg-hover);border-color:#d4af374d;transform:translateY(-4px);box-shadow:0 12px 24px #1f268714}.campus-card-content{z-index:2;flex:1;position:relative}.campus-card-content h3{color:var(--color-primary);margin-bottom:8px;font-size:1.25rem}.campus-card-content p{color:var(--color-text-light);word-break:keep-all;margin-bottom:16px;font-size:.95rem}.campus-arrow{color:var(--color-cta);font-size:.9rem;font-weight:700;transition:transform .2s;display:inline-block}.campus-card:hover .campus-arrow{transform:translate(4px)}.programs-section{padding:var(--space-xxl) 2rem;background:linear-gradient(#0000,#00000005 100%)}.section-header{text-align:center;max-width:650px;margin:0 auto 60px}.section-title{color:var(--color-primary);margin-bottom:20px;font-size:2.75rem}.section-desc{color:var(--color-text-light);font-size:1.125rem;line-height:1.7}.programs-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto;display:grid}.site-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--color-text);box-shadow:var(--glass-shadow);cursor:pointer;border-radius:20px;flex-direction:column;height:100%;text-decoration:none;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.site-card:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(135deg,#ffffff80 0%,#fff0 100%);position:absolute;inset:0}.site-card:hover{background:var(--glass-bg-hover);border-color:#ffffffe6;transform:translateY(-8px);box-shadow:0 20px 40px #1f26871a}.site-card-image-wrap{background-color:#00000005;border-bottom:1px solid #0000000d;width:100%;height:200px;position:relative;overflow:hidden}.site-card-image{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.8,.25,1)}.site-card:hover .site-card-image{transform:scale(1.05)}.site-card-content{padding:var(--space-xl);z-index:2;flex-direction:column;flex:1;display:flex;position:relative}.site-card-title{margin-bottom:var(--space-xs);color:var(--color-primary);font-size:1.35rem}.site-card-desc{color:var(--color-text-light);margin-bottom:var(--space-xl);flex:1;font-size:1rem;line-height:1.6}.site-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.site-tag{color:#b8860b;text-transform:uppercase;letter-spacing:.05em;background:#d4af371a;border:1px solid #d4af3733;border-radius:8px;padding:8px 14px;font-size:.8rem;font-weight:700}.site-arrow{color:var(--color-cta);font-size:1.25rem;font-weight:700;transition:transform .3s}.site-card:hover .site-arrow{transform:translate(6px)}.footer{color:#fff;background:#111;margin-top:60px;padding:80px 2rem 0}.footer-content{border-bottom:1px solid #ffffff1a;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;max-width:1200px;margin:0 auto;padding-bottom:60px;display:grid}.footer-brand .navbar-brand-group{white-space:nowrap;flex-direction:column;align-items:flex-start;gap:2px}.footer-brand .navbar-partner{flex-direction:column;align-items:flex-start;gap:6px}.footer-brand .navbar-divider{display:none}.footer-brand .navbar-logo .logo-text,.footer-partner-title{color:#fff}.footer-divider{background:#fff3}.footer-mcst-logo{filter:drop-shadow(0 0 1px #fffc)brightness(1.2)}.footer-desc{color:#a1a1aa;max-width:300px;margin-top:20px;line-height:1.6}.footer-links h3,.footer-contact h3,.footer-social h3{color:#fff;margin-bottom:24px;font-size:1.1rem}.footer-links a,.footer-social a,.campus-links p{color:#a1a1aa;word-break:keep-all;align-items:center;gap:8px;margin-bottom:12px;font-size:.95rem;transition:color .2s;display:flex!important}.footer-links a:hover,.footer-social a:hover{color:var(--color-cta)}.campus-links{flex-direction:column;gap:0;display:flex}.footer-phone{color:#a1a1aa;margin-top:12px;font-size:.95rem}.phone-link{color:inherit;transition:color .2s}.phone-link:hover{color:var(--color-cta);text-decoration:underline}.footer-bottom{text-align:center;color:#71717a;max-width:1200px;margin:0 auto;padding:24px 0;font-size:.9rem}@media (width<=900px){.hero-section{text-align:center;flex-direction:column;gap:3rem;padding-top:140px}.hero-badge{margin:0 auto 24px}.hero-actions{justify-content:center}.hero-title{font-size:3rem}.hero-visual{width:100%;height:350px}.glass-shape{transform:scale(.8)}.footer-content{text-align:center;grid-template-columns:1fr;gap:3rem}.footer-desc{margin:20px auto 0}.footer-brand .navbar-brand-group{align-items:center}.footer-brand .navbar-partner{justify-content:center}.campus-links{flex-direction:column;gap:.5rem}}@media (width<=600px){.navbar-container{padding:0 1rem}.navbar-links{display:none}.logo-text{font-size:1rem}.hero-section{min-height:auto;padding-top:100px;padding-bottom:40px}.hero-title{font-size:2rem;line-height:1.25}.hero-subtitle{padding:0 1rem;font-size:1rem}.hero-actions{flex-direction:column;gap:12px;width:100%;padding:0 1rem}.hero-actions .btn{width:100%}.glass-shape{display:none}.contact-locations-section,.programs-section{padding:var(--space-xl) 1rem}.campus-cards-grid{grid-template-columns:1fr;gap:1rem}.section-title{font-size:2rem}.programs-grid{grid-template-columns:1fr;gap:1.5rem}.site-card-title{font-size:1.2rem}.footer{padding-top:40px}}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;background:#0006;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;width:90%;max-width:400px;padding:32px;animation:.4s cubic-bezier(.25,.8,.25,1) slideUpFade;position:relative;box-shadow:0 20px 40px #00000026}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h3{color:var(--color-primary);font-size:1.5rem}.modal-close{color:var(--color-text-light);cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1;transition:color .2s}.modal-close:hover{color:var(--color-primary)}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--color-secondary);font-size:.9rem;font-weight:700}.form-group input{background:#ffffffb3;border:1px solid #0000001a;border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:1rem;transition:all .2s}.form-group input:focus{border-color:var(--color-cta);background:#fff;box-shadow:0 0 0 3px #d4af3726}.error-msg{color:#dc2626;margin-top:-8px;font-size:.85rem;font-weight:500}.login-btn{width:100%;margin-top:8px}.admission-container{--page-bg:#f1f3f6;--bg-color:#fff;--text-color:#475569;--shadow-dark:#c8ccd499;--shadow-light:#fff;--brand-main:#4d76bf;--brand-soft:#6366f1;color:var(--text-color);background-color:var(--page-bg);min-height:100vh;font-family:Pretendard,Noto Sans KR,sans-serif}.admission-container .neu-flat{background:var(--bg-color);box-shadow:10px 10px 20px var(--shadow-dark), -10px -10px 20px var(--shadow-light);border-radius:24px}.admission-container .neu-pressed{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;outline:none;transition:all .2s;box-shadow:inset 4px 4px 8px #c8ccd466,inset -4px -4px 8px #fff}.admission-container .neu-pressed:focus{box-shadow:inset 2px 2px 4px #c8ccd44d, inset -2px -2px 4px #fff, 0 0 0 2px var(--brand-main);background:#fff}.admission-container .neu-btn{background:var(--brand-main);box-shadow:6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light);color:#fff;border:none;border-radius:16px;transition:all .3s}.admission-container .neu-btn:hover{box-shadow:4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light);background:#3d5e99;transform:translateY(-1px)}.admission-container .neu-btn:active{transform:translateY(0);box-shadow:inset 4px 4px 8px #0003,inset -4px -4px 8px #ffffff1a}.admission-container input[type=checkbox],.admission-container input[type=radio]{appearance:none;background:var(--bg-color);width:1.5rem;height:1.5rem;box-shadow:3px 3px 6px var(--shadow-dark), -3px -3px 6px var(--shadow-light);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex;position:relative}.admission-container input[type=radio]{border-radius:50%}.admission-container input[type=checkbox]:checked,.admission-container input[type=radio]:checked{box-shadow:inset 2px 2px 5px var(--shadow-dark), inset -2px -2px 5px var(--shadow-light);background-color:var(--page-bg)}.admission-container input[type=checkbox]:checked:after{content:"✔";color:var(--brand-main);font-size:1rem;font-weight:800}.admission-container input[type=radio]:checked:after{content:"";background-color:var(--brand-main);border-radius:50%;width:.7rem;height:.7rem}.admission-container .page-container{background-color:var(--bg-color);width:100%;max-width:800px;margin:0 auto;padding:2.5rem 1.5rem}@media (width<=639px){.admission-container .page-container{box-shadow:none;border-radius:0;padding:1.5rem 1rem}.admission-container .neu-flat{box-shadow:none;border-radius:0}.admission-container input[type=text],.admission-container input[type=tel],.admission-container input[type=number],.admission-container textarea{padding:1rem!important;font-size:16px!important}}@media (width>=640px){.admission-container .page-container{margin:3rem auto;padding:4rem 3.5rem}}@media print{body,.admission-container .page-container,.admission-container .neu-flat,.admission-container .neu-pressed{box-shadow:none!important;color:#000!important;background:#fff!important}.admission-container .no-print{display:none!important}.admission-container .neu-pressed{border:1px solid #ccc!important}}
