*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;color:#152440;background:#fcfcfd;word-break:keep-all}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #126db7;outline-offset:5px}img{max-width:100%}button{color:inherit}section{scroll-margin-top:20px}.header{height:94px;max-width:1600px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;margin:auto;border-bottom:1px solid #e1e4e9;background:#fcfcfdf5;position:sticky;top:0;z-index:10;backdrop-filter:blur(15px)}.brand img{width:215px;height:auto;display:block}.header nav{display:flex;gap:35px;font-size:15px;font-weight:600}.header nav a:hover{color:#1166ab}.header-contact{font-size:14px;border:1px solid #c8cfda;padding:12px 18px;border-radius:30px}.header-contact span{margin-left:24px}.menu-toggle{display:none}.hero{max-width:1600px;margin:auto;display:grid;grid-template-columns:1.06fr 1fr;min-height:660px;padding:40px 0 0 5%}.hero-copy{padding:52px 20px 30px 0;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;margin:0 0 27px;color:#266395}.live-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#167cd0;margin-right:10px}.hero h1{font-size:clamp(42px,4.2vw,68px);line-height:1.28;letter-spacing:-3px;margin:0;font-weight:750}.hero h1 em{font-style:normal;color:#126bb4}.hero-intro{line-height:1.95;color:#697986;font-size:16px;margin:29px 0 33px}.hero-actions{display:flex;align-items:center;gap:24px}.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:17px 23px;font-size:14px;font-weight:600;border-radius:5px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.dark{background:#162849;color:white}.dark:hover{background:#1062a6}.text-link{font-size:14px;font-weight:600}.text-link span{margin-left:10px}.hero-bottom{display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid #dce0e8;padding-top:23px;width:90%;margin-top:auto;font-size:9px;letter-spacing:1px;color:#788794}.hero-image{position:relative;min-height:590px;overflow:hidden;border-top-left-radius:100px}.hero-image>img{height:100%;width:100%;object-fit:cover;filter:brightness(.67) saturate(.75);position:absolute}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#11203bd9,transparent 80%)}.image-caption{position:absolute;bottom:90px;left:45px;z-index:1;color:white;width:calc(100% - 90px)}.image-caption>span:first-child{font-size:10px;letter-spacing:2px;color:#9bc9ef}.image-caption p{font-size:31px;line-height:1.5;letter-spacing:-1px;margin:17px 0}.cross{position:absolute;right:0;bottom:10px;font-size:50px;color:#57a0db;font-weight:200}.image-index{position:absolute;bottom:30px;left:45px;z-index:1;font-size:9px;letter-spacing:2px;color:#a7bbcb}.statement{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:32px 5%;border-bottom:1px solid #dce0e8;gap:20px}.statement>span{font-size:9px;letter-spacing:1.6px;color:#748796}.statement p{font-size:19px;color:#7b8a96}.statement strong{font-weight:600;color:#17294a}.statement>a{width:38px;height:38px;border:1px solid #d1d7e2;border-radius:50%;text-align:center;line-height:35px}.section{max-width:1440px;margin:auto;padding:100px 5%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:46px}h2{font-size:clamp(30px,3vw,44px);line-height:1.4;letter-spacing:-1.8px;margin:0;font-weight:700}.section-intro{font-size:15px;line-height:1.9;color:#788794;margin:0 0 3px}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.business-card{border:1px solid #dce0e8;padding:30px 30px 23px;min-height:345px;border-radius:8px;background:#fff;transition:.25s}.business-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #16284a0c;border-color:#267dc4}.card-number{font-size:9px;letter-spacing:1.4px;color:#6c8294}.business-card h3{font-size:25px;letter-spacing:-.8px;margin:24px 0 14px}.business-card p{font-size:14px;color:#7e8b95;line-height:1.8}.card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#798c9b;border-top:1px solid #e2e6ec;padding-top:19px;margin-top:25px}.card-bottom b{font-size:20px;color:#192c4e}.business-card.blue{background:#1166ab;color:white;border-color:#1166ab}.blue .card-number,.blue p,.blue .card-bottom,.blue .card-bottom b{color:#d9e1ee}.blue .card-bottom{border-color:#ffffff30}.line-icon{height:51px;width:63px;margin-top:30px;position:relative;color:#1168af}.server-icon i{display:block;height:13px;border:1.5px solid currentColor;border-radius:3px;margin:4px 0;position:relative}.server-icon i:before{content:"";position:absolute;left:7px;top:4px;width:3px;height:3px;border-radius:50%;background:currentColor}.network-icon i{position:absolute;width:21px;height:21px;border:1.5px solid currentColor;border-radius:4px;bottom:0}.network-icon i:nth-child(2){right:0}.network-icon i:nth-child(3){top:0;left:21px}.network-icon:after{content:"";position:absolute;left:10px;top:25px;width:43px;border-top:1.5px solid currentColor}.learning-icon{color:#e1e7f2}.learning-icon i{position:absolute;width:50px;height:34px;top:0;left:0;border:1.5px solid currentColor;border-radius:4px}.learning-icon i+ i{top:12px;left:12px;background:#1166ab}.pentalk{background:#edf0f5;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-left:max(5%,calc((100vw - 1296px)/2));padding-right:max(5%,calc((100vw - 1296px)/2))}.pentalk-label{font-size:23px;font-weight:800;letter-spacing:-1px;margin-bottom:24px;color:#1166ab}.pentalk-label span{font-size:11px;letter-spacing:0;font-weight:400;color:#768b9c;margin-left:15px;border-left:1px solid #a9bccb;padding-left:15px}.pentalk h2{font-size:39px}.pentalk-copy>p:not(.eyebrow){line-height:1.9;font-size:14px;color:#6b7d8b;margin:25px 0}.pentalk-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.pentalk-tags span{font-size:10px;border:1px solid #cad2e1;border-radius:30px;padding:8px 11px;color:#596f81}.classroom{border:1px solid #c7d0e0;background:linear-gradient(140deg,#f9fafc,#e1e7f1);border-radius:14px;align-self:center;padding:20px 26px;box-shadow:0 22px 45px #3545630d;position:relative}.classroom-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#6c889e;margin-bottom:26px}.classroom-top .live-dot{margin-right:4px}.teacher{margin:auto;width:80%;background:#16294d;color:white;border:5px solid #fff;border-radius:10px;padding:20px;box-shadow:0 10px 25px #162a4e15}.teacher>span{font-size:7px;letter-spacing:2px;color:#72acdc}.teacher strong{display:block;font-size:22px;line-height:1.5;margin-top:10px}.teacher small{font-size:8px;color:#99bcd8}.screen-content{display:flex;align-items:flex-end;height:44px;gap:7px;float:right;width:35%}.screen-content i{width:20%;height:50%;background:#60a2d8;border-radius:3px 3px 0 0}.screen-content i:nth-child(2){height:90%;background:#9dc6e7}.screen-content i:nth-child(3){height:65%}.screen-content i:nth-child(4){height:100%;background:#f3bf75}.connection-lines{height:45px;width:68%;margin:auto;border-top:0;position:relative;background:linear-gradient(#8eadc6,#8eadc6) center top/1px 23px no-repeat}.connection-lines:before{content:"";position:absolute;top:22px;left:0;width:100%;height:22px;border:1px solid #8eadc6;border-bottom:0}.connection-lines:after{content:"";position:absolute;left:50%;top:22px;height:23px;border-left:1px solid #8eadc6}.student-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.student-groups>div{background:#fff;border:1px solid #c5d0e3;padding:16px 10px;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:8px}.student-groups i{font-style:normal;color:#2873b1;font-size:9px}.student-groups span{font-size:7px;letter-spacing:1px;color:#869bad}.student-groups strong{font-size:16px;font-weight:500}.diagram-note{text-align:center;color:#8296a6;font-size:10px;margin:22px 0 3px}.search-label{display:block;font-size:11px;color:#6f8190;margin-bottom:9px}.search-box{display:flex;border-bottom:1px solid #8396a6;padding:10px 0;width:285px}.search-box input{background:transparent;border:0;min-width:0;width:100%;outline-offset:7px;font-size:13px;color:#162849}.search-box span{font-size:24px}.filters{display:flex;gap:9px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid #d5dbe5;border-radius:30px;padding:11px 20px;font-size:13px}.filters button.active{background:#172a4e;color:white;border-color:#172a4e}.result-count{font-size:11px;color:#8796a3;margin:25px 0 18px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{background:#fff;border:1px solid #dce0e8;border-radius:7px;overflow:hidden;text-align:left;padding:0;display:flex;flex-direction:column;transition:.2s}.product-card:hover{border-color:#166db5;transform:translateY(-3px)}.product-picture{height:170px;width:100%;background:#f2f4f7;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-picture img{max-height:140px;max-width:85%;object-fit:contain;mix-blend-mode:multiply}.product-picture .type-word{font-size:35px;letter-spacing:-1px;font-weight:800;color:#adc1d1}.product-info{padding:24px;width:100%;margin-top:auto}.product-info small{font-size:9px;letter-spacing:1px;color:#1665a6}.product-info h3{font-size:17px;line-height:1.6;margin:12px 0 22px}.product-info>span{display:flex;justify-content:space-between;border-top:1px solid #e5e9ef;padding-top:15px;font-size:11px;color:#7f909e}.more{display:flex;margin:35px auto 0}.outline{border:1px solid #cbd3e2;background:transparent}.empty{padding:60px;text-align:center;color:#708494}.service{display:grid;grid-template-columns:1fr 1.4fr;gap:10%;background:#f1f3f6;border-radius:10px}.service-title>p:not(.eyebrow){font-size:14px;color:#7b8a97;line-height:1.9;margin:26px 0}.service-list button{display:flex;align-items:center;width:100%;justify-content:space-between;text-align:left;border:0;border-bottom:1px solid #ced6e3;background:transparent;padding:23px 0}.service-list button small{font-size:10px;color:#7c93a5;margin-right:22px}.service-list button strong{font-size:18px;font-weight:500}.service-list button b{font-size:22px;font-weight:300}.service-list button:hover{color:#1165a9}.company-links{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cbd3e1}.company-links button{padding:25px 16px;text-align:left;border:0;border-bottom:1px solid #dbe0e8;background:transparent;display:flex;justify-content:space-between;gap:8px;font-size:14px}.company-links button:hover{background:#edf1f7;color:#0f5d9d}.support{padding-top:35px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.team-grid article{position:relative;border-top:2px solid #20345a;padding:30px 0 0}.team-grid .eyebrow{font-size:9px;letter-spacing:1px;margin:15px 0}.team-grid h3{font-size:24px;margin:15px 0;font-weight:700}.team-grid h3 span{font-size:14px;font-weight:400;margin-left:5px}.team-grid article>p:not(.eyebrow){font-size:13px;color:#818f9b;min-height:24px}.person-monogram{position:absolute;right:0;top:35px;font-size:26px;font-weight:300;color:#c9d1e0}.team-grid article>a{font-size:13px;display:flex;justify-content:space-between;border-top:1px solid #dde2eb;margin-top:25px;padding-top:20px}.contact{background:#16294d;color:white;display:flex;justify-content:space-between;gap:40px;border-radius:12px;padding-top:70px;padding-bottom:70px}.contact .eyebrow{color:#80b6e2}.contact h2{font-size:48px}.contact-details{width:40%}.phone{font-size:32px;font-weight:500;display:flex;justify-content:space-between;gap:20px;margin-bottom:25px}.phone span{font-size:26px;color:#75b3e5}.contact-details p{font-size:13px;line-height:1.9;color:#a5b9c9}.contact-details>a:not(.phone){font-size:12px;text-decoration:underline;text-underline-offset:5px}.fax{font-size:10px!important;letter-spacing:1px;margin-top:25px}footer{max-width:1440px;display:flex;gap:25px;flex-wrap:wrap;align-items:center;padding:40px 5%;margin:auto;color:#8b99a5;font-size:10px}.footer-brand{font-size:20px;font-weight:800;color:#182c52;letter-spacing:-.6px}.footer-brand span{font-size:11px;font-weight:400;margin-left:3px}footer p{margin-right:auto}.back-top{color:#3f586d}.skip{position:fixed;left:20px;top:-70px;background:#172a4e;color:white;padding:15px;z-index:99}.skip:focus{top:10px}dialog{border:0;border-radius:14px;padding:0;width:min(920px,94vw);max-height:90dvh;color:#192b4b;background:#fff;box-shadow:0 20px 100px #001c4470}dialog::backdrop{background:#101d36a6;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:16px 25px;background:#f1f4f8;position:sticky;top:0;z-index:1;font-size:9px;letter-spacing:1px}.dialog-top button{background:#fff;border:1px solid #d3dae5;width:36px;height:36px;border-radius:50%;font-size:16px}.dialog-inner{padding:35px}.dialog-inner>h2{font-size:29px;margin-bottom:30px}.detail-body{font-size:14px;line-height:1.9;overflow-wrap:anywhere;word-break:normal}.detail-body img{height:auto;display:block;margin:20px auto;max-width:100%}.detail-body table{border-collapse:collapse;display:block;overflow-x:auto;width:100%;font-size:12px;margin:20px 0}.detail-body td,.detail-body th{border:1px solid #d6dce6;padding:12px;min-width:80px}.detail-body h1,.detail-body h2,.detail-body h3{font-size:20px;letter-spacing:-.4px;line-height:1.6}.detail-body a{color:#1060a2;text-decoration:underline}.detail-body p:empty{display:none}[hidden]{display:none!important}
@media(min-width:1600px){.header{max-width:1440px}.hero{padding-left:calc((1600px - 1296px)/2)}}
@media(max-width:1050px){.header nav{gap:20px}.brand img{width:185px}.hero{min-height:590px}.hero-image{min-height:540px}.hero-actions{flex-wrap:wrap;gap:20px}.hero h1{font-size:46px}.hero-bottom{gap:12px;font-size:8px}.business-card{padding:25px 20px}.pentalk{gap:4%}.pentalk h2{font-size:31px}.classroom{padding:17px}.phone{font-size:25px}.section{padding-top:75px;padding-bottom:75px}.service{margin:0 3%;padding-left:3%;padding-right:3%}.contact{margin:0 3%}.company-links{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){html{scroll-padding-top:85px}.header{height:76px;padding:0 6%}.brand img{width:180px}.header-contact{margin-left:auto;margin-right:15px;padding:9px 13px;font-size:11px}.header-contact span{margin-left:8px}.menu-toggle{display:block;border:0;background:transparent;font-size:23px}.header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fcfcfd;padding:25px 6%;border-bottom:1px solid #dbe0e8;flex-direction:column;gap:24px}.header nav.open{display:flex}.hero{display:flex;flex-direction:column;padding:0 6%;min-height:auto}.hero-copy{padding:44px 0 25px}.eyebrow{font-size:9px;margin-bottom:22px;letter-spacing:1.4px}.hero h1{font-size:clamp(37px,8vw,54px);letter-spacing:-2px}.hero-intro{font-size:13px;margin:22px 0 25px}.hero-actions{gap:17px}.button{font-size:12px;padding:15px 18px;gap:18px}.text-link{font-size:12px}.hero-bottom{margin-top:35px;padding-top:18px;width:100%;justify-content:space-between}.hero-image{min-height:315px;border-top-left-radius:65px;border-bottom-right-radius:10px}.image-caption{left:27px;bottom:60px;width:calc(100% - 54px)}.image-caption p{font-size:24px}.image-caption>span:first-child{font-size:8px}.image-index{bottom:25px;left:27px;font-size:7px}.statement{padding:25px 6%;flex-wrap:wrap;gap:13px}.statement>span{width:100%;font-size:8px}.statement p{font-size:14px;margin:0}.statement>a{width:28px;height:28px;line-height:25px}.section{padding:65px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:30px}.section-intro{font-size:13px;margin-top:20px}.business-grid{grid-template-columns:1fr;gap:13px}.business-card{min-height:auto;padding:25px}.line-icon{float:right;margin-top:25px;transform:scale(.8)}.card-number{font-size:8px}.business-card h3{font-size:23px;margin-top:25px}.business-card p{font-size:13px}.card-bottom{font-size:9px;margin-top:22px}.pentalk{grid-template-columns:1fr;gap:40px}.pentalk h2{font-size:30px}.pentalk-copy>p:not(.eyebrow){font-size:13px}.classroom{padding:20px}.teacher{width:85%}.teacher strong{font-size:19px}.search-box{margin-top:8px;width:100%}.search-label{margin-top:28px}.filters{gap:6px}.filters button{font-size:11px;padding:9px 13px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-picture{height:125px}.product-picture img{max-height:100px}.product-info{padding:14px}.product-info h3{font-size:13px;line-height:1.7;margin:10px 0 17px}.product-info small{font-size:8px;letter-spacing:.3px}.product-info>span{font-size:9px}.product-picture .type-word{font-size:23px}.service{display:block;margin:0 3%;padding:40px 5%}.service-title h2{font-size:29px}.service-list{margin-top:22px}.service-list button{padding:20px 0}.service-list button strong{font-size:15px}.service-list button small{margin-right:10px}.company-links{grid-template-columns:repeat(2,1fr)}.company-links button{font-size:12px;padding:22px 10px}.support{padding-top:5px}.team-grid{grid-template-columns:1fr;gap:30px}.team-grid article{padding-top:15px}.team-grid h3{font-size:23px}.person-monogram{top:22px}.team-grid article>p:not(.eyebrow){min-height:0}.team-grid article>a{margin-top:18px;padding-top:15px}.contact{display:block;margin:0 3%;padding:40px 6%}.contact h2{font-size:34px}.contact-details{width:100%;margin-top:35px}.phone{font-size:28px}.contact-details p{font-size:12px}footer{padding:30px 6%;gap:15px}footer p{width:100%;order:1;font-size:9px}footer>.back-top{margin-left:auto}footer>span{font-size:8px}.footer-brand{font-size:18px}.dialog-inner{padding:24px 20px}.dialog-inner>h2{font-size:23px}.detail-body{font-size:13px}.dialog-top{padding:12px 18px;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}