.mes-page .section{padding:120px 0;position:relative;overflow:hidden}.tech-bg{background-color:#f8f9fc;background-image:linear-gradient(rgba(230,235,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(230,235,255,.4) 1px,transparent 1px);background-size:40px 40px}.sub-hero{height:480px;background-color:#1a1f2c;background-position:center;background-size:cover;background-attachment:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;position:relative;overflow:hidden}.sub-hero:before{content:"";position:absolute;inset:0;background:#0006;z-index:1}.sub-hero:after{display:none}.sub-hero h2{font-size:58px;font-weight:700;margin-bottom:20px;letter-spacing:-1px;z-index:2;color:#fff;text-shadow:0 4px 10px rgba(0,0,0,.3);background:none;-webkit-text-fill-color:#fff}.sub-hero p{font-size:20px;font-weight:300;opacity:.9;max-width:720px;line-height:1.6;z-index:2;margin-top:0;letter-spacing:.5px;font-family:Pretendard,sans-serif}.sub-nav-wrapper{background:#fff;border-bottom:1px solid #eee;position:sticky;top:80px;z-index:100;box-shadow:0 4px 10px #00000008}.sub-nav{display:flex;justify-content:center;list-style:none;max-width:1280px;margin:0 auto;padding:0}.sub-nav-item{padding:0}.sub-nav-item a{display:block;padding:24px 40px;font-size:18px;font-weight:500;color:#666;text-decoration:none;transition:all .3s;border-bottom:3px solid transparent}.sub-nav-item:hover a,.sub-nav-item.active a{color:var(--color-primary);border-bottom-color:var(--color-primary);background:#0066ff05}.section-title{text-align:center;max-width:900px;margin:0 auto 60px;position:relative;z-index:2;padding:0 20px}.section-title p{margin-top:20px;font-size:18px;color:#666;line-height:1.6;word-break:keep-all}.section-title h3{position:relative;display:inline-block;z-index:1;font-size:36px;font-weight:700;color:#222;margin-bottom:0}.section-title h3:after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:8px;background:#0066ff1a;z-index:-1;transform:skew(-20deg)}.concept-section{text-align:center;padding:120px 0;background:#fff;max-width:1280px;margin:0 auto}.concept-desc{font-size:24px;line-height:1.6;color:#333;max-width:1000px;margin:0 auto 40px;word-break:keep-all}.concept-desc b{font-weight:700;color:#000}@media(max-width:768px){.concept-desc{font-size:18px}}.concept-image-wrapper{position:relative;max-width:1100px;margin:60px auto 0;border-radius:20px;overflow:hidden;box-shadow:0 30px 60px #0003;left:0;right:0}.concept-image-wrapper:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 40%)}.concept-overlay-text{position:absolute;bottom:40px;left:40px;color:#fff;text-align:left;z-index:2}.scope-container{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px;max-width:1280px;margin-left:auto;margin-right:auto;padding:0 20px}.scope-box{padding:50px 40px;background:#ffffffe6;border:1px solid rgba(220,230,240,.8);border-radius:16px;transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 10px 20px #00000008;overflow:hidden;position:relative}.scope-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-primary),#00c6ff);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.scope-box:hover{transform:translateY(-10px);box-shadow:0 30px 60px #0032961a}.scope-box:hover:before{transform:scaleX(1)}.scope-header{margin-bottom:30px}.scope-icon-wrapper{width:80px;height:80px;background:#f0f7ff;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--color-primary);transition:all .3s}.scope-box:hover .scope-icon-wrapper{background:var(--color-primary);color:#fff;transform:rotate(5deg)}.scope-list li{padding-left:24px;margin-bottom:14px;font-size:16px;color:#555;position:relative}.scope-list li:before{content:"→";position:absolute;left:0;color:var(--color-primary);font-weight:700;transition:transform .2s}.scope-box:hover .scope-list li:before{transform:translate(3px)}.tech-stack-section{background-color:#f8f9fc;background-image:linear-gradient(rgba(230,235,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(230,235,255,.4) 1px,transparent 1px);background-size:40px 40px;color:#333;padding:120px 0;text-align:center}.stack-container{max-width:1000px;margin:60px auto 0;display:flex;flex-direction:column;align-items:center}.tech-stack-section .section-title h3{color:#222}.tech-stack-section .section-title p{color:#666}.stack-layer{display:flex;align-items:stretch;background:#f8f9fa;border:1px solid #e9ecef;margin-bottom:12px;border-radius:12px;overflow:hidden;width:100%;box-shadow:0 2px 4px #00000005;transition:all .3s ease}.stack-layer:hover{background:#fff;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 10px 20px #0000000d}.layer-title{width:220px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#edf2f7;border-right:1px solid #e2e8f0;color:#2d3748;font-weight:700;padding:20px}.stack-layer:hover .layer-title{background:var(--color-primary);color:#fff;border-right-color:var(--color-primary)}.layer-content{flex:1;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;padding:20px 30px;background:transparent}.tech-badge{background:#fff;color:#555;border:1px solid #ddd;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;transition:all .2s}.tech-badge:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 4px 10px #06f3;transform:translateY(-2px)}.process-grid{display:flex;justify-content:center;gap:40px;max-width:1200px;margin:60px auto 0;position:relative;flex-wrap:wrap}.process-grid:before{content:"";position:absolute;top:50px;left:100px;right:100px;height:2px;background:#e0e0e0;z-index:0;border-top:2px dashed #ddd;display:none}.process-item{position:relative;z-index:1;background:#fff;width:260px;text-align:center;padding:20px}.process-num{width:60px;height:60px;background:#fff;border:3px solid var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:var(--color-primary);margin:0 auto 20px;box-shadow:0 0 0 10px #fff}.value-section{padding:120px 0;background:#fff;text-align:center}.value-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;max-width:1200px;margin:0 auto}.value-circle{width:260px;height:auto;aspect-ratio:1/1.2;border-radius:16px;border:none;background:#f8f9fc;padding:40px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:all .3s}.value-circle:hover{background:linear-gradient(135deg,var(--color-primary),#2979ff);transform:translateY(-10px)}.value-icon{font-size:48px;margin-bottom:20px;background:#fff;padding:12px;border-radius:12px;box-shadow:0 10px 20px #0000000d;color:var(--color-primary)}.value-circle:hover .value-icon{color:var(--color-primary)}.value-title{font-size:24px;font-weight:700;margin-bottom:12px;color:#333}.value-circle:hover .value-title,.value-circle:hover .value-desc{color:#fff}.value-desc{font-size:16px;opacity:.8;color:#666;line-height:1.5}.career-container{display:flex;justify-content:center;align-items:flex-start;gap:30px;flex-wrap:wrap;margin-top:60px;max-width:1280px;margin-left:auto;margin-right:auto;padding:0 20px}.career-card{background:#fff;border:1px solid #eee;border-radius:20px;padding:40px 30px;width:280px;text-align:center;position:relative;box-shadow:0 4px 10px #00000008;transition:all .3s cubic-bezier(.165,.84,.44,1);display:flex;flex-direction:column;align-items:center}.career-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0066ff26;border-color:#0066ff4d}.career-header{margin-bottom:24px;width:100%}.career-step-num{width:40px;height:40px;background:#f0f7ff;color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;margin:0 auto 16px;border:2px solid #fff;box-shadow:0 4px 10px #0066ff1a}.career-card:hover .career-step-num{background:var(--color-primary);color:#fff}.career-card h4{font-size:24px;font-weight:700;margin-bottom:6px;color:#222}.career-eng{font-size:14px;color:var(--color-primary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:block}.career-years{font-size:14px;color:#888;background:#f8f9fa;display:inline-block;padding:4px 12px;border-radius:20px;font-weight:500}.career-details{width:100%;border-top:1px dashed #eee;padding-top:24px;text-align:left}.career-detail-item{font-size:15px;color:#555;margin-bottom:10px;padding-left:18px;position:relative;line-height:1.5;word-break:keep-all}.career-detail-item:last-child{margin-bottom:0}.career-detail-item:before{content:"";position:absolute;left:4px;color:var(--color-primary);font-weight:700}.career-card:after{content:"";position:absolute;right:-24px;top:100px;color:#e0e0e0;font-size:28px;font-weight:300}.career-card:last-child:after{display:none}@media(max-width:1024px){.career-card:after{display:none}.career-container{gap:20px}.career-card{width:45%}}@media(max-width:600px){.career-card{width:100%;max-width:380px}}.sub-hero.hero-education:before{background:#0006!important}.program-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:1100px;margin:60px auto;padding:0 20px}.program-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 30px #0000000d;transition:all .3s cubic-bezier(.165,.84,.44,1);border:1px solid #eee;display:flex;flex-direction:column}.program-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0066ff26;border-color:#0066ff4d}.program-header{background:linear-gradient(135deg,#f8f9fa,#eef2f5);padding:40px;text-align:center;border-bottom:1px solid #eee;position:relative}.program-icon{width:80px;height:80px;background:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--color-primary);box-shadow:0 10px 20px #0000000d}.program-title{font-size:28px;font-weight:700;margin-bottom:12px;color:#222}.program-desc{font-size:16px;color:#666;line-height:1.5;word-break:keep-all}.program-body{padding:40px;flex:1;background:#fff}.program-list{list-style:none;padding:0;margin:0}.program-list li{font-size:17px;padding:14px 0;border-bottom:1px dashed #eee;color:#444;display:flex;align-items:center}.program-list li:last-child{border-bottom:none}.program-list li:before{content:"";color:var(--color-primary);font-size:24px;line-height:1;margin-right:12px}@media(max-width:768px){.program-grid{grid-template-columns:1fr}}.fields-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;max-width:1200px;margin:40px auto 80px;padding:0 20px}.field-card{width:210px;padding:30px 20px;background:#fff;border:1px solid #eee;border-radius:20px;text-align:center;transition:all .3s ease;box-shadow:0 4px 10px #00000005}.field-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #0066ff1a;border-color:var(--color-primary)}.field-icon{color:var(--color-primary);margin-bottom:16px;display:flex;justify-content:center}.field-title{font-weight:700;font-size:17px;color:#222;margin-bottom:0}.edu-tabs{display:flex;justify-content:center;gap:16px;margin:-30px auto 60px;position:relative;z-index:10}.edu-tab-btn{padding:16px 48px;border-radius:50px;background:#fff;font-size:20px;font-weight:700;color:#888;border:1px solid #eee;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #0000000d;display:flex;align-items:center;gap:10px}.edu-tab-btn:hover{background:#f8f9fa;transform:translateY(-2px)}.edu-tab-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 10px 20px #0066ff40}.online-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:60px auto;padding:0 20px}.online-card{background:#fff;padding:40px 30px;border-radius:20px;text-align:center;border:1px solid #eee;transition:all .3s}.online-card:hover{border-color:var(--color-primary);box-shadow:0 10px 30px #0066ff1a}.online-icon{width:70px;height:70px;background:#f0f7ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--color-primary)}@media(max-width:768px){.online-feature-grid{grid-template-columns:1fr}.edu-tabs{flex-direction:column;padding:0 20px}.edu-tab-btn{width:100%;justify-content:center}}.features-tabs-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-bottom:50px;max-width:1200px;margin-left:auto;margin-right:auto}@media(max-width:1024px){.features-tabs-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.features-tabs-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.features-tabs-grid{grid-template-columns:repeat(2,1fr)}}
