:root{--point:#0f4fd8;--point-light:#0f4fd80f;--point-soft:#7da2ff;--dark:#0b1220;--main:#1c1c1c;--gray-600:#555;--gray-400:#999;--gray-300:#c9ced4;--gray-100:#f4f5f7;--white:#fff;--line:#e6e8eb;--font-eng:"Poppins", sans-serif;--font-kor:"Pretendard", "Poppins", "Malgun Gothic", sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--header-h:88px;--radius-lg:8px;--radius-md:6px;--container:1320px;--container-wide:1720px;--hero-autoplay:5s}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{word-break:keep-all;margin:0;padding:0;font-size:16px}body{font-family:var(--font-kor);color:var(--main);background:var(--white);line-height:1.5;overflow-x:hidden}body.menu-open{overflow:hidden}ul,ol,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}img{vertical-align:middle;border:0;max-width:100%}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}section{scroll-margin-top:calc(var(--header-h) + 20px)}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.container-wide{max-width:var(--container-wide);margin:0 auto;padding:0 24px}.gray-line{border:0;border-top:1px solid var(--line);margin:90px auto}#page-loader{background:var(--white);z-index:10000;justify-content:center;align-items:center;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}#page-loader.is-hide{opacity:0;visibility:hidden}.loader-dots span{background:var(--point);width:10px;height:10px;animation:dotUp 1s infinite var(--ease);border-radius:50%;margin:0 5px;display:inline-block}.loader-dots span:nth-child(2){animation-delay:.15s}.loader-dots span:nth-child(3){animation-delay:.3s}@keyframes dotUp{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-12px)}}[data-reveal]{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);will-change:transform}[data-reveal=up]{transform:translateY(44px)}[data-reveal=left]{transform:translate(-44px)}[data-reveal=right]{transform:translate(44px)}[data-reveal].is-on{opacity:1;transform:none}.section-title-sm{font-family:var(--font-eng);letter-spacing:.02em;color:var(--point);margin-bottom:22px;font-size:1.05rem;font-weight:600}.section-title-sm:before{content:"";background:var(--point);vertical-align:2px;border-radius:50%;width:8px;height:8px;margin-right:10px;display:inline-block}.section-title-lg{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:40px;font-size:2.25rem;font-weight:600;line-height:1.34;display:flex}.section-text{color:var(--gray-600);font-size:1.0625rem;font-weight:300;line-height:1.85}.section-more{font-family:var(--font-eng);border:1px solid var(--main);transition:all .4s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:10px 26px;font-size:.95rem;font-weight:500;display:inline-flex}.section-more:after{content:"→";transition:transform .4s var(--ease)}.section-more:hover{background:var(--point);color:var(--white)}.section-more:hover:after{transform:translate(4px)}#header{height:var(--header-h);background:var(--white);z-index:1000;transition:transform .5s var(--ease), box-shadow .3s;position:fixed;top:0;left:0;right:0}#header.is-hidden{transform:translateY(-100%)}#header.is-scrolled{box-shadow:0 2px 20px #0000000f}.header-row{height:100%;max-width:var(--container-wide);justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;display:flex}.logo{font-family:var(--font-eng);align-items:baseline;gap:4px;display:inline-flex}.logo .logo-mark{letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.logo .logo-sub{color:var(--gray-600);font-size:1.05rem;font-weight:500}.gnb>ul{display:flex}.gnb>ul>li{position:relative}.gnb .gnb-top{z-index:1;padding:32px 28px;font-size:1.0625rem;font-weight:500;display:block;position:relative}.gnb .gnb-top:before{content:"";background:var(--point);opacity:0;z-index:-1;transition:all .3s var(--ease);border-radius:999px;position:absolute;inset:24px 8px;transform:translateY(8px)}.gnb>ul>li:hover .gnb-top{color:var(--white)}.gnb>ul>li:hover .gnb-top:before{opacity:1;transform:none}.gnb-sub{background:var(--white);opacity:0;visibility:hidden;min-width:170px;transition:all .35s var(--ease);border-radius:14px;padding:12px 0;position:absolute;top:100%;left:50%;transform:translate(-50%,12px);box-shadow:0 14px 40px #0000001f}.gnb>ul>li:hover .gnb-sub{opacity:1;visibility:visible;transform:translate(-50%,4px)}.gnb-sub a{color:var(--gray-600);text-align:center;padding:9px 26px;font-size:.95rem;transition:all .25s;display:block}.gnb-sub a:hover{color:var(--point);background:var(--point-light);font-weight:600}.header-buttons{align-items:center;gap:14px;display:flex}.btn-consult{background:var(--point);height:40px;color:var(--white);border-radius:999px;align-items:center;padding:0 30px;font-size:.98rem;transition:opacity .3s;display:inline-flex;position:relative;overflow:hidden}.btn-consult:hover{opacity:.85}.hamburger{background:var(--gray-100);z-index:1101;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:42px;height:42px;display:none;position:relative}.hamburger .line{background:var(--main);width:18px;height:2px;transition:transform .35s var(--ease);display:block}body.menu-open .hamburger .line:first-child{transform:translateY(4px)rotate(45deg)}body.menu-open .hamburger .line:nth-child(2){transform:translateY(-4px)rotate(-45deg)}#mobile-menu{background:var(--white);z-index:1100;padding:calc(var(--header-h) + 10px) 28px 40px;opacity:0;visibility:hidden;transition:all .5s var(--ease);flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(-4%)}body.menu-open #mobile-menu{opacity:1;visibility:visible;transform:none}.mb-nav>ul>li{border-bottom:1px solid var(--line)}.mb-top{text-align:left;justify-content:space-between;align-items:center;width:100%;padding:20px 4px;font-size:1.25rem;font-weight:600;display:flex}.mb-top .arrow{border-right:2px solid var(--gray-400);border-bottom:2px solid var(--gray-400);width:9px;height:9px;transition:transform .3s;transform:rotate(45deg)}.mb-nav li.open .mb-top .arrow{transform:rotate(-135deg)}.mb-sub{max-height:0;transition:max-height .45s var(--ease);overflow:hidden}.mb-nav li.open .mb-sub{max-height:300px}.mb-sub a{color:var(--gray-600);padding:10px 16px;font-size:1.02rem;display:block}.mb-consult{background:var(--point);color:var(--white);text-align:center;border-radius:12px;margin-top:34px;padding:16px;font-weight:600;display:block}#layer-popup{z-index:5000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-card{border-radius:12px;width:min(400px,86vw);overflow:hidden;box-shadow:0 30px 80px #00000059}.popup-slider{aspect-ratio:4/5;background:#222;position:relative}.popup-slides{width:100%;height:100%;position:relative}.popup-slide{opacity:0;transition:opacity .8s var(--ease);position:absolute;inset:0}.popup-slide.is-on{opacity:1}.popup-slide img{object-fit:cover;width:100%;height:100%}.popup-dots{text-align:center;line-height:0;position:absolute;bottom:12px;left:0;right:0}.popup-dots .dot{cursor:pointer;background:#ffffff80;border-radius:50%;width:8px;height:8px;margin:0 4px;transition:background .3s;display:inline-block}.popup-dots .dot.is-on{background:var(--white)}.popup-footer{background:var(--white);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.popup-footer button{color:var(--gray-600);font-size:.9rem}.popup-footer button:hover{color:var(--main)}.hero{padding-top:var(--header-h);align-items:center;min-height:100vh;display:flex}.hero-inner{width:100%;max-width:var(--container-wide);margin:0 auto;padding:40px 24px 60px;display:flex;position:relative}.hero-progress{flex-direction:column;justify-content:center;align-items:center;gap:46px;display:flex;position:absolute;top:0;bottom:0;left:24px}.progress-num{font-family:var(--font-eng);font-size:4rem;font-weight:500;line-height:1;transform:rotate(-90deg)}.progress-line{background:var(--gray-300);width:2px;height:300px;position:relative;overflow:hidden}.progress-fill{background:var(--main);width:100%;height:0;animation:heroFill var(--hero-autoplay) linear forwards;position:absolute;top:0;left:0}@keyframes heroFill{0%{height:0}to{height:100%}}.hero-content{flex-direction:column;justify-content:center;width:37%;padding-left:150px;padding-right:30px;display:flex;position:relative}.hero-text-box{display:none}.hero-text-box.is-active{display:block}.hero-title{margin-bottom:2.4rem;font-size:clamp(2rem,2.9vw,3.35rem);font-weight:500;line-height:1.32}.hero-text{color:var(--gray-600);margin-bottom:3.4rem;font-size:1.0625rem;font-weight:300;line-height:1.85}.hero-title .line,.hero-text .line{overflow:hidden}.hero-title .line span,.hero-text .line span{transition:transform .9s var(--ease);display:block;transform:translateY(115%)}.hero-text-box.is-active .line span{transform:none}.hero-text-box.is-active .line:first-child span{transition-delay:50ms}.hero-text-box.is-active .line:nth-child(2) span{transition-delay:.13s}.hero-text-box.is-active .line:nth-child(3) span{transition-delay:.21s}.hero-text-box.is-active .line:nth-child(4) span{transition-delay:.29s}.hero-more{background:var(--main);width:270px;height:66px;color:var(--white);opacity:0;transition:opacity .8s var(--ease) .4s, transform .8s var(--ease) .4s, background .3s;border-radius:8px;justify-content:space-between;align-items:center;padding:0 44px;font-size:1.1rem;font-weight:500;display:inline-flex;transform:translateY(20px)}.hero-text-box.is-active .hero-more{opacity:1;transform:none}.hero-more .arr{background:var(--white);width:22px;height:2px;transition:transform .4s var(--ease);position:relative}.hero-more .arr:after{content:"";border-top:2px solid var(--white);border-right:2px solid var(--white);transform-origin:100% 0;width:10px;height:10px;position:absolute;top:-4px;right:0;transform:rotate(45deg)}.hero-more:hover .arr{transform:translate(6px)}.hero-bullets{gap:8px;margin-top:46px;display:flex}.hero-bullet{cursor:pointer;border:1px solid #0000;border-radius:50%;width:20px;height:20px;position:relative}.hero-bullet:after{content:"";background:var(--gray-400);border-radius:50%;width:5px;height:5px;margin:-2.5px;position:absolute;top:50%;left:50%}.hero-bullet.is-on{border-color:var(--point)}.hero-bullet.is-on:after{background:var(--point)}.hero-slider{border-radius:var(--radius-lg);width:63%;position:relative;overflow:hidden}.hero-track{height:min(80vh,812px);transition:transform 1s var(--ease);display:flex}.hero-slide{flex:0 0 100%;height:100%}.hero-img{width:100%;height:100%;overflow:hidden}.hero-img img{object-fit:cover;width:100%;height:100%}.hero-nav{display:flex;position:absolute;inset:0}.hero-prev,.hero-next{cursor:pointer;width:50%;height:100%;position:relative}.hero-prev:after,.hero-next:after{color:#111;text-align:center;opacity:0;background:#ffffffe0;border-radius:50%;width:46px;height:46px;margin-top:-23px;font-size:1.7rem;line-height:44px;transition:opacity .3s;position:absolute;top:50%}.hero-prev:after{content:"‹";left:18px}.hero-next:after{content:"›";right:18px}.hero-slider:hover .hero-prev:after,.hero-slider:hover .hero-next:after{opacity:1}.notice{margin-top:-10px}.notice-box{border:1px solid var(--line);border-radius:999px;align-items:center;gap:30px;padding:16px 34px;display:flex}.notice-head{font-family:var(--font-eng);letter-spacing:.06em;color:var(--point);flex:none;font-size:1rem;font-weight:600}.notice-roll{flex:1;height:24px;position:relative;overflow:hidden}.notice-item{opacity:0;transition:all .5s var(--ease);justify-content:space-between;gap:20px;display:flex;position:absolute;inset:0;transform:translateY(100%)}.notice-item.is-on{opacity:1;transform:none}.notice-item.is-out{opacity:0;transform:translateY(-100%)}.notice-item a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notice-item a:hover{text-decoration:underline!important}.notice-date{color:var(--gray-400);flex:none;font-size:.92rem}.notice-buttons{flex:none;gap:6px;display:flex}.notice-buttons button{border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.1rem;line-height:1;transition:all .3s;display:flex}.notice-buttons button:hover{background:var(--point);color:var(--white);border-color:var(--point)}.wedo{margin-top:130px}.wedo-box{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.wedo-bg{background:var(--gray-100);border-radius:var(--radius-md);height:100%;transition:transform .5s var(--ease), box-shadow .5s var(--ease);flex-direction:column;justify-content:space-between;display:flex;overflow:hidden}.wedo-item:hover .wedo-bg{transform:translateY(-8px);box-shadow:0 22px 44px #0000001a}.wedo-text{padding:38px 34px 28px}.wedo-title{margin-bottom:16px;font-size:1.45rem;font-weight:600}.wedo-desc{color:var(--gray-600);margin-bottom:26px;font-size:.98rem;font-weight:300;line-height:1.8}.wedo-more{border-bottom:1px solid var(--main);padding-bottom:3px;font-size:.92rem;font-weight:500;transition:color .3s,border-color .3s}.wedo-more:hover{color:var(--gray-400);border-color:var(--gray-400)}.wedo-img{overflow:hidden}.wedo-img img{object-fit:cover;width:100%;height:230px;transition:transform .8s var(--ease)}.wedo-item:hover .wedo-img img{transform:scale(1.06)}.ability{background:var(--dark);color:var(--white);margin-top:170px;padding:110px 0}.ability .section-title-sm{color:var(--point-soft)}.ability .section-title-sm:before{background:var(--point-soft)}.ability .section-text{color:#ffffff9e}.ability .ability-text{color:#ffffff8c}.ability .ability-num:after{color:#ffffff59}.ability-row{display:flex}.ability-left{width:33.333%}.ability-right{width:66.667%}.ability-grid{grid-template-columns:1fr 1fr;gap:60px 40px;margin-top:70px;display:grid}.ability-num{font-family:var(--font-eng);margin-bottom:18px;font-size:5rem;font-weight:500;line-height:1}.ability-num:after{content:attr(data-suffix);color:var(--gray-400);margin-left:6px;font-size:3rem}.ability-text{color:var(--gray-600);font-size:1.05rem}.client{margin-top:120px}.client .client-box{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.client-item{border:1px solid var(--line);filter:grayscale();opacity:.75;transition:all .4s var(--ease);border-radius:12px;justify-content:center;align-items:center;padding:8px;display:flex;overflow:hidden}.client-item:hover{filter:none;opacity:1;box-shadow:0 10px 26px #00000014}.production{margin-top:150px}.production-box{grid-template-columns:1fr 1fr;gap:40px;margin-top:20px;display:grid}.production-item .section-text{min-height:120px;margin-bottom:30px}.production-img{border-radius:var(--radius-md);overflow:hidden}.production-img img{width:100%;transition:transform .8s var(--ease)}.production-item:hover .production-img img{transform:scale(1.05)}.brand{margin-top:150px}.brand-row{align-items:center;gap:60px;display:flex}.brand-left{width:36%}.brand-left .section-text{margin-bottom:40px}.brand-right{width:64%}.video-frame{border-radius:var(--radius-lg);aspect-ratio:16/9;background:#10151b;position:relative;overflow:hidden}.video-frame img,.video-frame video,.video-frame iframe{object-fit:cover;border:0;width:100%;height:100%;position:absolute;inset:0}.video-play{color:#111;width:62px;height:62px;transition:transform .4s var(--ease);background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:26px;right:26px}.video-play:hover{transform:scale(1.1)}.video-modal{z-index:6000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.video-modal-close{color:#fff;font-size:1.6rem;position:absolute;top:26px;right:32px}.video-modal-body{aspect-ratio:16/9;background:#000;border-radius:12px;width:min(1100px,92vw);position:relative;overflow:hidden}.video-modal-body img,.video-modal-body video,.video-modal-body iframe{object-fit:cover;border:0;width:100%;height:100%;position:absolute;inset:0}.product{position:relative}.product .section-text{margin-bottom:46px}.product-nav{gap:10px;display:flex;position:absolute;top:10px;right:24px}.product-nav button{border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;line-height:1;transition:all .3s;display:flex}.product-nav button:hover{background:var(--point);border-color:var(--point);color:var(--white)}.product-track{scrollbar-width:none;cursor:grab;touch-action:pan-y;gap:22px;padding-bottom:10px;display:flex;overflow-x:auto}.product-track:active{cursor:grabbing}.product-track::-webkit-scrollbar{display:none}.product-card{flex:0 0 calc(25% - 16.5px);min-width:230px}.product-img{border-radius:var(--radius-md);aspect-ratio:27/34;background:var(--gray-100);margin-bottom:18px;overflow:hidden}.product-img img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease)}.product-card:hover .product-img img{transform:scale(1.07)}.product-cate{color:var(--gray-400);margin-bottom:6px;font-size:.88rem}.product-name{font-size:1.12rem;font-weight:600}.blog{margin-top:160px;margin-bottom:160px}.blog .section-text{margin-bottom:50px}.blog-row{align-items:stretch;gap:50px;display:flex}.blog-visual{border-radius:var(--radius-md);width:33%;min-height:320px;position:relative;overflow:hidden}.blog-visual img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease);position:absolute;inset:0}.blog-visual img.is-on{opacity:1}.blog-list{flex-direction:column;justify-content:center;width:67%;display:flex}.blog-item{border-bottom:1px solid var(--line);align-items:center;gap:34px;padding:26px 10px;transition:background .3s,padding .3s;display:flex}.blog-item:first-child{border-top:1px solid var(--line)}.blog-item.is-on{background:var(--point-light);padding-left:20px}.blog-date{font-family:var(--font-eng);color:var(--gray-400);flex:none;font-size:1.05rem;font-weight:500}.blog-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:1.2rem;font-weight:500;overflow:hidden}.blog-link{font-family:var(--font-eng);border:1px solid var(--line);border-radius:999px;padding:8px 20px;font-size:.88rem;transition:all .3s}.blog-item.is-on .blog-link{background:var(--point);color:var(--white);border-color:var(--point)}#footer{background:var(--gray-100);padding:80px 0 30px}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:50px;padding-bottom:60px;scroll-margin-top:120px;display:flex}.footer-logo{margin-bottom:26px;display:inline-flex}.footer-info p{color:var(--gray-600);font-size:.93rem;line-height:1.9}.footer-nav{flex-wrap:wrap;gap:56px;display:flex}.nav-box{flex-direction:column;gap:10px;display:flex}.nav-box a{color:var(--gray-600);font-size:.92rem;transition:color .3s}.nav-box a:hover{color:var(--main)}.nav-box .top-menu{color:var(--main);margin-bottom:6px;font-size:1.02rem;font-weight:600}.footer-side{flex-direction:column;gap:18px;display:flex}.footer-sns{gap:10px;display:flex}.footer-sns .sns{background:var(--main);width:40px;height:40px;color:var(--white);font-family:var(--font-eng);border-radius:50%;justify-content:center;align-items:center;font-weight:600;transition:opacity .3s;display:flex}.footer-sns .sns:hover{opacity:.75}.footer-email{text-align:left;font-size:1.02rem;font-weight:600;position:relative}.footer-email .email-hint,.footer-email .email-done{color:var(--gray-400);margin-top:3px;font-size:.8rem;font-weight:400;display:block}.footer-email .email-done{color:var(--point);display:none}.footer-email.is-copied .email-hint{display:none}.footer-email.is-copied .email-done{display:block}.footer-phone{font-size:1.05rem;font-weight:600}.footer-bottom{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:26px;display:flex}.footer-copy{font-family:var(--font-eng);color:var(--gray-400);font-size:.88rem}.footer-terms{gap:24px;display:flex}.footer-terms a{color:var(--gray-600);font-size:.88rem}.footer-terms a:hover{color:var(--main)}#quick-btns{z-index:900;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:22px;right:22px}#quick-btns a,#quick-btns button{width:52px;height:52px;font-weight:700;font-family:var(--font-eng);transition:transform .3s var(--ease), opacity .3s;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 22px #00000029}#quick-btns a:hover,#quick-btns button:hover{transform:translateY(-4px)}.kakao-btn{color:#191919;background:#fee500}.call-btn{background:var(--white);color:var(--main)}#to-top{background:var(--point);color:var(--white);opacity:0;visibility:hidden;font-size:1.2rem}#to-top.is-show{opacity:1;visibility:visible}@media (max-width:1400px){.hero-content{padding-left:110px}.progress-num{font-size:3rem}}@media (max-width:1200px){.gnb .gnb-top{padding:32px 18px}.hero-progress{display:none}.hero-content{width:42%;padding-left:0}.hero-slider{width:58%}.ability-grid{gap:40px 20px}.ability-num{font-size:3.8rem}.product-card{flex-basis:calc(33.3333% - 14.6667px)}}@media (max-width:992px){:root{--header-h:70px}.gnb,.btn-consult{display:none}.hamburger{display:flex}.hero{min-height:0}.hero-inner{flex-direction:column-reverse;gap:40px;padding-top:20px}.hero-content,.hero-slider{width:100%}.hero-track{height:52vw}.hero-more{width:100%;max-width:320px}.ability-row,.brand-row{flex-direction:column}.ability-left,.ability-right,.brand-left,.brand-right{width:100%}.ability-left{margin-bottom:10px}.wedo-box{grid-template-columns:1fr}.wedo,.ability,.production,.brand,.blog{margin-top:100px}.client .client-box{grid-template-columns:repeat(3,1fr)}.production-box{grid-template-columns:1fr}.production-item .section-text{min-height:0}.blog-row{flex-direction:column}.blog-visual,.blog-list{width:100%}.blog-visual{aspect-ratio:16/9;min-height:0}.gray-line{margin:60px auto}.section-title-lg{font-size:1.75rem}}@media (max-width:576px){.notice-box{gap:14px;padding:14px 20px}.notice-date{display:none}.ability-grid{grid-template-columns:1fr 1fr;gap:36px 16px}.ability-num{font-size:2.8rem}.ability-num:after{font-size:1.8rem}.client .client-box{grid-template-columns:repeat(2,1fr)}.product-nav{margin-bottom:20px;position:static}.product-card{min-width:200px}.blog-item{gap:16px;padding:20px 6px}.blog-title{white-space:normal;font-size:1.02rem}.blog-link,.footer-nav{display:none}.section-title-lg{gap:12px;font-size:1.5rem}.hero-title{margin-bottom:1.6rem}.hero-text{margin-bottom:2.2rem}}
.sub-page{padding-top:var(--header-h)}.sub-hero{color:var(--white);padding:88px 0 78px;position:relative;overflow:hidden}.sub-hero-bg{position:absolute;inset:0}.sub-hero-bg img{object-fit:cover;width:100%;height:100%}.sub-hero-bg:after{content:"";background:linear-gradient(#080d1ccc,#080d1c8c);position:absolute;inset:0}.sub-hero-inner{z-index:1;position:relative}.breadcrumb{color:#ffffff8c;align-items:center;gap:8px;margin-bottom:34px;font-size:.88rem;display:flex}.breadcrumb a:hover{color:var(--white)}.breadcrumb span:before{content:"›";color:#ffffff59;margin-right:8px}.sub-eyebrow{font-family:var(--font-eng);color:var(--point-soft);letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px;font-size:.95rem;font-weight:600}.sub-title{font-size:2.9rem;font-weight:700;line-height:1.2}.sub-desc{color:#ffffffbf;margin-top:18px;font-size:1.05rem;font-weight:300}.sub-lnb-wrap{top:var(--header-h);z-index:500;background:var(--white);border-bottom:1px solid var(--line);position:sticky}.sub-lnb{scrollbar-width:none;gap:8px;padding:13px 0;display:flex;overflow-x:auto}.sub-lnb::-webkit-scrollbar{display:none}.sub-lnb a{color:var(--gray-600);white-space:nowrap;border-radius:999px;padding:9px 22px;font-size:.95rem;font-weight:500;transition:all .3s;display:block}.sub-lnb a:hover{background:var(--gray-100);color:var(--main)}.sub-lnb a.is-active{background:var(--point);color:var(--white);font-weight:600}.sub-section{padding:90px 0}.sub-section.bg-gray{background:var(--gray-100)}.section-cta{text-align:center;margin-top:60px}.btn-outline{border:1px solid var(--gray-300);border-radius:999px;justify-content:center;align-items:center;padding:12px 34px;font-size:.95rem;font-weight:500;transition:all .3s;display:inline-flex}.btn-outline:hover{border-color:var(--main);background:var(--main);color:var(--white)}.about-visual{border-radius:var(--radius-lg);margin-top:50px;overflow:hidden}.about-visual img{object-fit:cover;width:100%;max-height:460px}.value-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.value-card{background:var(--white);border-radius:var(--radius-md);padding:44px 36px}.value-en{font-family:var(--font-eng);color:var(--gray-400);margin-bottom:10px;font-size:.92rem;font-weight:600}.value-title{margin-bottom:18px;font-size:1.6rem;font-weight:700}.value-desc{color:var(--gray-600);font-size:.98rem;font-weight:300;line-height:1.8}.stat-grid{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.stat-item{border-top:2px solid var(--main);padding-top:24px}.stat-num{font-family:var(--font-eng);margin-bottom:12px;font-size:3.4rem;font-weight:500;line-height:1}.stat-num em{color:var(--gray-400);margin-left:4px;font-size:2rem;font-style:normal}.stat-label{color:var(--gray-600)}.greeting-row{align-items:flex-start;gap:70px;display:flex}.greeting-visual{border-radius:var(--radius-lg);width:36%;top:calc(var(--header-h) + 30px);position:sticky;overflow:hidden}.greeting-body{width:64%}.greeting-headline{margin-bottom:40px;font-size:2.1rem;font-weight:700;line-height:1.5}.greeting-para{margin-bottom:24px}.greeting-sign{color:var(--gray-600);margin-top:50px;font-size:1.05rem}.greeting-sign strong{color:var(--main);margin-left:10px;font-size:1.5rem}.timeline-row{gap:40px;padding-bottom:60px;display:flex;position:relative}.timeline-row:before{content:"";background:var(--line);width:1px;position:absolute;top:14px;bottom:-6px;left:146px}.timeline-row:last-child:before{display:none}.timeline-year{width:120px;font-family:var(--font-eng);flex:none;font-size:2rem;font-weight:600;line-height:1}.timeline-dot{background:var(--point);z-index:1;width:13px;height:13px;box-shadow:0 0 0 5px var(--point-light);border-radius:50%;flex:none;margin-top:5px;position:relative}.timeline-events li{color:var(--gray-600);padding-left:16px;font-size:1.05rem;line-height:1.9;position:relative}.timeline-events li:before{content:"";background:var(--gray-400);width:5px;height:1px;position:absolute;top:13px;left:0}.map-box{border-radius:var(--radius-md);margin-bottom:40px;overflow:hidden}.map-box iframe{border:0;width:100%;height:420px;display:block}.map-placeholder{height:420px;color:var(--gray-400);text-align:center;background:repeating-linear-gradient(45deg,#eef0f3,#eef0f3 14px,#e6e9ed 14px 28px);justify-content:center;align-items:center;padding:0 20px;font-size:.95rem;display:flex}.location-info{gap:18px;display:grid}.location-item{border-bottom:1px solid var(--line);gap:24px;padding-bottom:18px;display:flex}.location-label{flex:0 0 110px;font-weight:700}.location-item p{color:var(--gray-600);line-height:1.8}.process-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.process-card{background:var(--white);border-radius:var(--radius-md);padding:36px 30px}.process-step{font-family:var(--font-eng);color:var(--gray-300);margin-bottom:20px;font-size:2.2rem;font-weight:600}.process-title{margin-bottom:12px;font-size:1.2rem;font-weight:700}.process-desc{color:var(--gray-600);font-size:.93rem;font-weight:300;line-height:1.75}.field-grid{grid-template-columns:1fr 1fr;gap:26px;display:grid}.field-card{border:1px solid var(--line);border-radius:var(--radius-md);transition:box-shadow .4s var(--ease), transform .4s var(--ease);overflow:hidden}.field-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px #0000001a}.field-img img{object-fit:cover;width:100%;height:240px}.field-body{padding:30px 32px 36px}.field-title{margin-bottom:12px;font-size:1.35rem;font-weight:700}.field-desc{color:var(--gray-600);font-size:.98rem;font-weight:300;line-height:1.8}.cate-tabs{flex-wrap:wrap;gap:10px;margin:34px 0 40px;display:flex}.cate-tabs button{border:1px solid var(--line);color:var(--gray-600);border-radius:999px;padding:10px 24px;font-size:.95rem;transition:all .3s}.cate-tabs button:hover{border-color:var(--main);color:var(--main)}.cate-tabs button.is-active{background:var(--point);border-color:var(--point);color:var(--white);font-weight:600}.products-grid{grid-template-columns:repeat(4,1fr);gap:26px;display:grid}.product-detail{gap:70px;display:flex}.product-detail-img{border-radius:var(--radius-lg);background:var(--gray-100);width:44%;overflow:hidden}.product-detail-img img{width:100%}.product-detail-info{width:56%}.product-detail-name{margin:6px 0 20px;font-size:2.2rem;font-weight:700}.spec-table{border-collapse:collapse;border-top:2px solid var(--main);width:100%;margin:34px 0 40px}.spec-table th,.spec-table td{border-bottom:1px solid var(--line);text-align:left;padding:15px 6px;font-size:.97rem}.spec-table th{width:140px;color:var(--main);font-weight:600}.spec-table td{color:var(--gray-600);font-weight:300}.product-detail-actions{align-items:center;gap:12px;display:flex}.board-count{color:var(--gray-600);margin-bottom:16px;font-size:.95rem}.board-count strong{color:var(--point)}.board-list{border-top:2px solid var(--main)}.board-head,.board-row{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:18px 10px;display:flex}.board-head{background:var(--gray-100);font-size:.9rem;font-weight:700}.board-row{transition:background .25s}.board-row:hover{background:var(--point-light)}.board-row:hover .col-title{font-weight:600}.col-no{text-align:center;color:var(--gray-400);flex:0 0 60px}.col-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.col-date{text-align:center;color:var(--gray-400);flex:0 0 110px;font-size:.92rem}.board-paging{justify-content:center;gap:8px;margin-top:40px;display:flex}.board-paging span{width:38px;height:38px;font-family:var(--font-eng);border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;display:flex}.board-paging .is-active{background:var(--point);color:var(--white)}.board-view{border-top:2px solid var(--main)}.board-view-head{border-bottom:1px solid var(--line);padding:30px 10px}.board-view-head h2{margin-bottom:12px;font-size:1.6rem;font-weight:700}.board-view-date{color:var(--gray-400);font-size:.92rem}.board-view-body{border-bottom:1px solid var(--line);padding:44px 10px 60px}.board-view-body p{color:var(--gray-600);margin-bottom:12px;font-size:1.02rem;font-weight:300;line-height:2}.board-nav-row{border-bottom:1px solid var(--line);gap:24px;padding:16px 10px;font-size:.97rem;transition:background .25s;display:flex}.board-nav-row:hover{background:var(--point-light)}.board-nav-row .nav-label{flex:0 0 70px;font-weight:700}.board-nav-row .nav-title{color:var(--gray-600);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.press-grid{grid-template-columns:repeat(4,1fr);gap:26px;display:grid}.press-card{border:1px solid var(--line);border-radius:var(--radius-md);transition:transform .4s var(--ease), box-shadow .4s var(--ease);overflow:hidden}.press-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0000001a}.press-img{aspect-ratio:4/3;overflow:hidden}.press-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.press-card:hover .press-img img{transform:scale(1.06)}.press-body{padding:22px 24px 28px}.press-meta{color:var(--gray-400);justify-content:space-between;margin-bottom:10px;font-size:.85rem;display:flex}.press-title{font-size:1.08rem;font-weight:600;line-height:1.5}.career-list{border-top:2px solid var(--main);margin-top:44px}.career-row{border-bottom:1px solid var(--line);align-items:center;gap:26px;padding:26px 10px;display:flex}.career-row.is-closed{opacity:.5}.career-badge{background:var(--gray-100);color:var(--gray-400);border-radius:999px;flex:none;padding:6px 14px;font-size:.82rem;font-weight:600}.career-badge.open{background:var(--point);color:var(--white)}.career-main{flex:1}.career-title{margin-bottom:6px;font-size:1.15rem;font-weight:600}.career-meta{color:var(--gray-400);font-size:.9rem}.career-apply{flex:none}.career-note{color:var(--gray-600);margin-top:30px;font-size:.95rem}.download-list{border-top:2px solid var(--main);margin-top:40px}.download-row{border-bottom:1px solid var(--line);align-items:center;gap:24px;padding:22px 10px;transition:background .25s;display:flex}.download-row:hover{background:var(--point-light)}.download-cate{text-align:center;background:var(--gray-100);color:var(--gray-600);border-radius:999px;flex:0 0 90px;padding:7px 0;font-size:.85rem;font-weight:600}.download-main{flex:1}.download-title{margin-bottom:4px;font-size:1.05rem;font-weight:600}.download-meta{color:var(--gray-400);font-size:.88rem}.download-btn{border:1px solid var(--line);border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.15rem;transition:all .3s;display:flex}.download-row:hover .download-btn{background:var(--point);border-color:var(--point);color:var(--white)}.download-note{color:var(--gray-400);margin-top:26px;font-size:.9rem}.download-note code{background:var(--gray-100);border-radius:5px;padding:2px 7px;font-size:.85rem}.faq-list{border-top:2px solid var(--main)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{text-align:left;align-items:center;gap:20px;width:100%;padding:24px 10px;display:flex}.faq-badge{background:var(--gray-100);color:var(--gray-600);border-radius:999px;flex:none;padding:6px 14px;font-size:.8rem;font-weight:600}.faq-q-text{flex:1;font-size:1.1rem;font-weight:600}.faq-arrow{border-right:2px solid var(--gray-400);border-bottom:2px solid var(--gray-400);flex:none;width:10px;height:10px;margin-right:6px;transition:transform .3s;transform:rotate(45deg)}.faq-item.is-open .faq-arrow{transform:rotate(-135deg)}.faq-a{max-height:0;transition:max-height .45s var(--ease);overflow:hidden}.faq-item.is-open .faq-a{max-height:400px}.faq-a p{color:var(--gray-600);padding:0 10px 28px;font-size:1rem;font-weight:300;line-height:1.9}.faq-cta{text-align:center;margin-top:70px}.faq-cta p{color:var(--gray-600);margin-bottom:20px;font-size:1.1rem}.inquiry-row{align-items:flex-start;gap:70px;display:flex}.inquiry-side{width:36%;top:calc(var(--header-h) + 30px);position:sticky}.inquiry-main{width:64%}.inquiry-contacts{gap:16px;margin-top:40px;display:grid}.inquiry-contact{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding-bottom:16px;font-size:1rem;display:flex}.contact-label{color:var(--gray-400);flex:0 0 84px;font-size:.88rem}.inquiry-form .form-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.form-field{flex-direction:column;gap:9px;display:flex}.form-field-full{grid-column:1/-1}.form-label{font-size:.93rem;font-weight:600}.form-label em{color:#dc2626;font-style:normal}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{border:1px solid var(--line);background:var(--white);border-radius:10px;width:100%;padding:13px 16px;font-family:inherit;font-size:.97rem;transition:border-color .25s}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:var(--point);outline:none}.inquiry-form textarea{resize:vertical}.form-agree{color:var(--gray-600);cursor:pointer;align-items:flex-start;gap:10px;margin:26px 0 30px;font-size:.9rem;line-height:1.6;display:flex}.form-agree input{width:17px;height:17px;accent-color:var(--point);margin-top:2px}.form-agree em{color:#dc2626;font-style:normal}.btn-submit{background:var(--point);color:var(--white);border-radius:10px;justify-content:center;align-items:center;padding:16px 44px;font-size:1.05rem;font-weight:600;transition:opacity .3s;display:inline-flex}.btn-submit:hover{opacity:.85}.btn-submit:disabled{opacity:.35;cursor:not-allowed}.form-success{text-align:center;border:1px solid var(--line);border-radius:var(--radius-md);padding:70px 30px}.success-icon{background:var(--point);width:64px;height:64px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:1.8rem;display:flex}.form-success h3{margin-bottom:16px;font-size:1.5rem}.form-success p{color:var(--gray-600);line-height:1.9}.success-note{color:var(--gray-400);margin-top:22px;font-size:.85rem}@media (max-width:992px){.sub-title{font-size:2rem}.sub-section{padding:60px 0}.value-grid,.process-grid{grid-template-columns:1fr;gap:16px}.stat-grid{grid-template-columns:1fr 1fr}.greeting-row,.inquiry-row,.product-detail{flex-direction:column;gap:40px}.greeting-visual,.greeting-body,.inquiry-side,.inquiry-main,.product-detail-img,.product-detail-info{width:100%;position:static}.field-grid{grid-template-columns:1fr}.products-grid,.press-grid{grid-template-columns:repeat(2,1fr)}.timeline-row{gap:20px}.timeline-row:before{left:96px}.timeline-year{width:80px;font-size:1.5rem}}@media (max-width:576px){.sub-hero{padding:54px 0 48px}.breadcrumb{display:none}.sub-desc{font-size:.95rem}.products-grid,.press-grid,.inquiry-form .form-grid{grid-template-columns:1fr}.col-no{display:none}.col-date{flex:0 0 84px}.career-row{flex-wrap:wrap}.career-apply{margin-left:54px}.location-item{flex-direction:column;gap:8px}.map-placeholder,.map-box iframe{height:280px}}
