@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap";
.sass-UTF-8{content:"based on SCSS, KCI International"}html[lang=ko] .home-wrap,html[lang=en] .home-wrap{word-break:keep-all}html.is-fixed{overflow:hidden}.kci-brand{align-items:center;text-decoration:none;display:flex}.kci-brand__img{-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;flex-shrink:1;min-width:0;display:inline-block}.kci-brand img{width:100%;height:auto;display:inline-block}.kci-brand__sep{color:#ffffff73;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.kci-brand__sep svg{width:100%;height:100%;display:block}.kci-header .kci-brand{flex-shrink:0;gap:14px}.kci-header .kci-brand__img{max-width:188px;max-height:48px}.kci-header .kci-brand__sep{width:22px;height:22px}.kci-footer .kci-brand{flex-wrap:nowrap;gap:12px;max-width:100%}.kci-footer .kci-brand__img{width:auto;max-width:160px;height:32px}.kci-footer .kci-brand img{-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;width:auto;max-width:100%;height:100%}.kci-cont__hd{text-align:center;margin-bottom:64px}.kci-cont__hd--dark .kci-cont__eyebrow{color:#ff9f1c}.kci-cont__hd--dark .kci-cont__eyebrow:before{background-color:#ff9f1c}.kci-cont__hd--dark .kci-cont__tt{color:#fff}.kci-cont__tt{letter-spacing:-.01em;color:#0f1b2d;font-size:clamp(28px,2.8vw,40px);font-weight:700;line-height:1.2}.kci-cont__eyebrow{color:#2f6fd6;letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;font-weight:600;display:inline-flex}.kci-cont__eyebrow:before{content:"";background-color:#2f6fd6;width:24px;height:2px;display:block}.kci-hero{isolation:isolate;background-color:#0f1b2d;flex-direction:column;display:flex;position:relative;overflow:hidden}.kci-hero:before{content:"";z-index:0;background:var(--kci-hero-bg)68% center no-repeat;transform-origin:50%;background-color:#0f1b2d;background-size:cover;position:absolute;inset:0;transform:scale(1.04)}.kci-hero:after{content:"";z-index:1;background:linear-gradient(118deg,#0f1b2de0 18%,#0f1b2d0f 82%,#0000 100%);position:absolute;inset:0}.kci-hero__inr{z-index:2;grid-template-columns:1fr;align-items:center;gap:36px;width:100%;max-width:1320px;margin:0 auto;padding:180px 40px 100px;display:grid;position:relative}.kci-hero__layout{grid-template-columns:1fr 420px;align-items:center;gap:60px;width:100%;display:grid}.kci-hero__text{flex-direction:column;gap:24px;display:flex}.kci-hero__eyebrow{color:#ff9f1c;letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.kci-hero__eyebrow:before{content:"";background-color:#ff9f1c;width:24px;height:2px;display:block}.kci-hero__tt{color:#fff;letter-spacing:-.01em;font-size:clamp(30px,18px + 1.875vw,46px);font-weight:400;line-height:1.2}.kci-hero__tt em{color:#2f6fd6;font-size:1.2em;font-style:normal;font-weight:500}.kci-hero__desc{color:#ffffffb3;font-size:16px;line-height:1.7}.kci-hero__actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.kci-hero__cta{white-space:nowrap;color:#fff;background-color:#2f6fd6;justify-content:center;align-items:center;gap:8px;padding:16px 36px;font-family:Inter,Noto Sans KR,sans-serif;font-size:15px;font-weight:600;display:inline-flex}.kci-hero__cta:hover{background-color:#5b8def}.kci-hero__hint{z-index:3;color:#fff6;letter-spacing:.1em;text-transform:uppercase;flex-direction:column;align-items:center;gap:6px;font-size:11px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.kci-hero__hint:after{content:"";background:linear-gradient(#ffffff4d,#0000);width:1px;height:32px;animation:1.8s ease-in-out infinite scrollHint;display:block}@keyframes scrollHint{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:.7;transform:scaleY(1.2)}}.kci-hero-contact__chevron{transition:transform .25s}.kci-hero-contact__chevron.is-open{transform:rotate(180deg)}.kci-hero-contact__dropdown{z-index:50;background:#fff;border:1px solid #d0d8e4;border-radius:12px;max-height:300px;margin:0;padding:6px 0;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 40px #00000024}.kci-hero-contact__dropdown-btn{color:#fff;letter-spacing:.05em;white-space:nowrap;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 2px;font-family:Inter,Noto Sans KR,sans-serif;font-size:15px;font-weight:500;transition:color .25s;display:flex}.kci-hero-contact__dropdown-btn:hover{color:#2f6fd6}.kci-hero-contact__dropdown-item{color:#2d3748;cursor:pointer;align-items:center;gap:10px;padding:10px 14px;font-size:16px;transition:background-color .15s;display:flex}.kci-hero-contact__dropdown-item:hover{background:#f4f6f8}.kci-hero-contact__dropdown-item.is-selected{color:#2f6fd6;background:#2f6fd612;font-weight:500}.kci-hero-contact__dropdown-flag.fi{box-sizing:border-box;vertical-align:middle;border:1px solid #d0d8e4;border-radius:4px;flex-shrink:0;font-size:24px;overflow:hidden}.kci-wrap{color:#2d3748;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Inter,Noto Sans KR,sans-serif;overflow-x:hidden}.kci-main{min-height:100vh}.kci-cont{position:relative}.kci-cont__inner{box-sizing:border-box;max-width:1320px;margin:0 auto;padding:0 40px}@media (max-width:768px){.kci-cont__inner{padding:0 24px}}@media (max-width:480px){.kci-cont__inner{padding:0 20px}}.kci-cta{color:#fff;letter-spacing:-.02em;background-color:#0f1b2d;padding:100px 0;font-size:clamp(24px,3vw,36px);position:relative;overflow:hidden}.kci-cta:before{content:"";background-image:linear-gradient(#2f6fd60d 1px,#0000 1px),linear-gradient(90deg,#e539350f 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0}.kci-cta:after{content:"";background:radial-gradient(circle,#2f6fd61f 0%,#0000 65%);border-radius:50%;width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kci-cta__inner{z-index:1;box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;max-width:1320px;margin:0 auto;padding:0 40px;display:flex;position:relative}@media (max-width:768px){.kci-cta__inner{padding:0 24px}}@media (max-width:480px){.kci-cta__inner{padding:0 20px}}.kci-cta__actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}@media (max-width:768px){.kci-cta__actions{flex-direction:column;gap:12px;width:100%;max-width:340px}}.kci-cta__btn{white-space:nowrap;color:#fff;background-color:#2f6fd6;justify-content:center;align-items:center;gap:8px;padding:16px 40px;font-family:Inter,Noto Sans KR,sans-serif;font-size:15px;font-weight:600;display:inline-flex}.kci-cta__btn:hover{background-color:#5b8def}@media (max-width:768px){.kci-cta__btn{justify-content:center;width:100%;padding:16px 24px}}.kci-cta__btn.btn__secondary{color:#fff;background-color:#0000;border:2px solid #fff}.kci-cta__btn.btn__secondary:hover{background-color:#ffffff14}.kci-home .kci-service{background-color:#f4f6f8;padding:100px 0}.kci-home .kci-service__inner{box-sizing:border-box;max-width:1320px;margin:0 auto;padding:0 40px}@media (max-width:768px){.kci-home .kci-service__inner{padding:0 24px}}@media (max-width:480px){.kci-home .kci-service__inner{padding:0 20px}}.kci-home .kci-service__list{flex-direction:column;gap:0;display:flex}.kci-home .kci-service__item{grid-template-columns:1fr 1fr;min-height:460px;display:grid}.kci-home .kci-service__item:nth-child(2n) .kci-service__img{order:2}.kci-home .kci-service__item:nth-child(2n) .kci-service__ct{order:1}.kci-home .kci-service__img{background-color:#d0d8e4;position:relative;overflow:hidden}.kci-home .kci-service__img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.kci-home .kci-service__item .kci-home .kci-service__img img{transition:transform .6s}.kci-home .kci-service__item .kci-home .kci-service__img:hover img{transform:scale(1.03)}.kci-home .kci-service__item .kci-home .kci-service__img:before{content:attr(data-num);z-index:1;color:#fff;letter-spacing:.05em;background-color:#ff9f1c;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:24px;left:24px}.kci-home .kci-service__ct{color:#6b7a93;background-color:#fff;flex-direction:column;justify-content:center;padding:56px 64px;font-size:15px;line-height:1.75;display:flex}.kci-home .kci-service__ct>.tag{color:#2f6fd6;letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px;font-size:11px;font-weight:600}.kci-home .kci-service__ct>.title{color:#0f1b2d;letter-spacing:-.01em;margin-bottom:16px;font-size:clamp(22px,2vw,30px);font-weight:700;line-height:1.25}.kci-home .kci-service__ct>.desc{margin-bottom:32px}.kci-home .kci-service__ct>.features{flex-direction:column;gap:8px;margin:0 0 32px;display:flex}.kci-home .kci-service__ct>.features li{color:#4a5568;align-items:center;gap:8px;font-size:14px;display:flex}.kci-home .kci-service__ct>.features li:before{content:"";background-color:#2f6fd6;flex-shrink:0;width:6px;height:6px;display:block}.kci-home .kci-service__btn{box-sizing:border-box;white-space:nowrap;color:#243652;text-align:center;background-color:#0000;border:1px solid #243652;padding:12px 28px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-block}.kci-home .kci-service__btn:hover{color:#fff;background-color:#2f6fd6;border-color:#2f6fd6}.kci-home .kci-service__slider{display:none;position:relative;overflow:hidden}.kci-home .kci-service__slider-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;padding-bottom:4px;display:flex;overflow-x:auto}.kci-home .kci-service__slider-track::-webkit-scrollbar{display:none}.kci-home .kci-service__card{scroll-snap-align:start;background-color:#fff;flex:0 0 calc(85vw - 40px);overflow:hidden;box-shadow:0 2px 16px #00000014}.kci-home .kci-service__card .kci-service__img{height:200px}.kci-home .kci-service__card .kci-service__img:hover img{transform:none}.kci-home .kci-service__card .kci-service__img:before{content:attr(data-num);z-index:1;color:#fff;letter-spacing:.05em;background-color:#ff9f1c;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:16px;left:16px}.kci-home .kci-service__card .kci-service__ct{padding:24px}.kci-home .kci-service__card .kci-service__ct>.title{margin-bottom:10px;font-size:18px}.kci-home .kci-service__card .kci-service__ct>.desc{margin-bottom:20px;font-size:14px}.kci-home .kci-service__card .kci-service__btn{width:100%;padding:10px 20px}.kci-home .kci-service__dots{justify-content:center;gap:6px;margin-top:20px;display:flex}.kci-home .kci-service__dots button{cursor:pointer;background-color:#d0d8e4;width:6px;height:6px;padding:0;transition:background-color .25s}.kci-home .kci-service__dots button.is-active{background-color:#2f6fd6;width:20px}.kci-process{background-color:#14243a;padding:100px 0;position:relative;overflow:hidden}.kci-process:before{content:"";pointer-events:none;background:radial-gradient(circle,#2f6fd61a 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-80px;left:-100px}.kci-process__inner{box-sizing:border-box;max-width:1320px;margin:0 auto;padding:0 40px}@media (max-width:768px){.kci-process__inner{padding:0 24px}}@media (max-width:480px){.kci-process__inner{padding:0 20px}}.kci-process .kci-cont__hd{text-align:center;margin-bottom:72px}@media (max-width:768px){.kci-process .kci-cont__hd{text-align:left;margin-bottom:40px}}.kci-process .kci-cont__eyebrow{color:#ff9f1c}.kci-process .kci-cont__eyebrow:before{background-color:#ff9f1c}.kci-process .kci-cont__tt{color:#fff}.kci-process__timeline{align-items:flex-start;gap:0;display:flex;position:relative}.kci-process__timeline:before{content:"";background:#ffffff26;height:2px;position:absolute;top:32px;left:calc(10% + 16px);right:calc(10% + 16px)}@media (max-width:768px){.kci-process__timeline{display:none}}.kci-process__step{text-align:center;flex-direction:column;flex:1;align-items:center;padding:0 12px;display:flex;position:relative}@media (max-width:1024px){.kci-process__step{padding:0 8px}}.kci-process__step-icon{z-index:1;background-color:#2f6fd614;border:2px solid #2f6fd6;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;display:flex;position:relative}@media (max-width:1024px){.kci-process__step-icon{width:52px;height:52px}}.kci-process__step-icon svg{stroke:#2f6fd6;fill:none;width:24px;height:24px}@media (max-width:1024px){.kci-process__step-icon svg{width:20px;height:20px}}.kci-process__step-num{color:#fff;background-color:#ff9f1c;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-8px;right:-8px}.kci-process__step-title{color:#fff;margin-bottom:8px;font-size:14px;font-weight:600;line-height:1.4}@media (max-width:1024px){.kci-process__step-title{font-size:13px}}.kci-process__step-desc{color:#fff6;font-size:12px;line-height:1.5}@media (max-width:1024px){.kci-process__step-desc{display:none}}.kci-process__timeline-mobile{padding-left:40px;display:none;position:relative}.kci-process__timeline-mobile:before{content:"";background:#ffffff26;width:2px;position:absolute;top:24px;bottom:24px;left:24px}@media (max-width:768px){.kci-process__timeline-mobile{flex-direction:column;gap:0;display:flex}}.kci-process__step-mobile{flex-direction:column;gap:6px;padding:0 0 36px 20px;display:flex;position:relative}.kci-process__step-mobile:last-child{padding-bottom:0}.kci-process__step-mobile:before{content:attr(data-num);color:#fff;z-index:1;background-color:#ff9f1c;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;left:-30px}.kci-process__step-mobile-title{color:#fff;font-size:15px;font-weight:600;line-height:1.3}.kci-process__step-mobile-desc{color:#fff6;font-size:13px;line-height:1.5}@media (max-width:1024px){.kci-service__item{min-height:360px}.kci-service__item .kci-service__ct{padding:40px 44px}}@media (max-width:768px){.kci-service__list{display:none}.kci-service__slider{display:block}}@media (max-width:480px){.kci-header .kci-brand img{display:none}.kci-header .kci-brand__img{flex:unset;background:50%/contain no-repeat;height:24px}.kci-header .kci-brand__img.img__kci{background-image:url(/image/common/logo_kci_s.png);width:48px}.kci-header .kci-brand__img.img__tx{background-image:url(/image/common/logo_tracx_w.png);width:92px}}
.sass-UTF-8{content:"¡//based on SCSS, Front-end Dev Group by qoo10"}.kci-header{z-index:100;background-color:#0000;transition:background-color .4s,box-shadow .4s;position:fixed;top:0;left:0;right:0}.kci-header--scrolled{background-color:#0f1b2d;box-shadow:0 2px 20px #0000004d}.kci-header__inner{box-sizing:border-box;justify-content:space-between;align-items:center;gap:40px;max-width:1320px;height:80px;margin:0 auto;padding:0 40px;display:flex}@media (max-width:768px){.kci-header__inner{padding:0 24px}}@media (max-width:480px){.kci-header__inner{padding:0 20px}}.kci-header__nav{align-items:center;gap:20px;display:flex}.kci-header__nav .menu{color:#ffffffb3;letter-spacing:.02em;padding:12px;font-size:14px;font-weight:500;text-decoration:none;transition:color .25s;display:inline-block}.kci-header__nav .menu:hover{color:#fff}.kci-header__nav .menu-dropdown{position:relative}.kci-header__nav .menu-dropdown>.menu{cursor:pointer}.kci-header__nav .menu-dropdown>.menu:hover{color:#fff}.kci-header__nav .menu-dropdown__panel{z-index:10;background-color:#0f1b2d;border:1px solid #ffffff1f;border-radius:4px;min-width:220px;margin-left:-4px;padding:8px 0;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #00000059}.kci-header__nav .menu-dropdown__link{color:#ffffffe0;white-space:nowrap;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:color .25s,background-color .25s;display:block}.kci-header__nav .menu-dropdown__link:hover{color:#fff;background-color:#ffffff0f}.kci-header__actions{align-items:center;gap:16px;display:flex}.kci-header__menu{display:none}.kci-header__menu .btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:flex}.kci-header__menu .btn span{background-color:#fff;width:24px;height:2px;transition:transform .25s;display:block}.kci-header__menu .menu{color:#ffffffb3;padding:16px 0;font-size:15px;font-weight:500;text-decoration:none;display:block}.kci-header__menu .menu-wrap{box-sizing:border-box;background-color:#0f1b2d;height:calc(100vh - 80px);padding:4px 24px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.kci-header__menu .menu-wrap__sub{box-sizing:border-box;background-color:#080f18;margin:0 -24px;padding:4px 24px 12px}.kci-header__menu .menu-wrap__group+.menu,.kci-header__menu .menu+.menu{border-top:1px solid #ffffff0f}.kci-header__menu .menu--expandable{width:100%;font:inherit;text-align:left;color:#ffffffb3;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 0;font-size:15px;font-weight:500;display:flex}.kci-header__menu .menu__chevron{opacity:.75;flex-shrink:0;width:18px;height:18px;transition:transform .25s}.kci-header__menu .menu__chevron--open{transform:rotate(180deg)}.kci-header__menu .menu--sub{color:#ffffffb3;padding:12px 0;font-size:14px;font-weight:500;text-decoration:none;display:block}.kci-header__menu .menu--sub:hover{color:#fff}.kci-header__menu .menu--sub:first-child{padding-top:8px}.kci-footer{color:#fff6;background-color:#0f1b2d;font-size:13px}.kci-footer a{text-decoration:none}.kci-footer a:hover{color:#ffffffb3}.kci-footer__inner{box-sizing:border-box;max-width:1320px;margin:0 auto;padding:60px 40px}@media (max-width:768px){.kci-footer__inner{padding:0 24px}}@media (max-width:480px){.kci-footer__inner{padding:0 20px}}.kci-footer__top{grid-template-columns:minmax(0,4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:40px;display:grid}.kci-footer__brand{min-width:0}.kci-footer__brand p+p{margin-top:10px}.kci-footer__copyright{margin:8px 0 20px;font-size:12px}.kci-footer__contact{align-items:center;gap:8px;display:flex}.kci-footer__contact>svg{color:#fff6;stroke:currentColor;flex-shrink:0;width:14px;height:14px;margin-top:1px}.kci-footer__col h4{color:#fff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-size:13px;font-weight:600}.kci-footer__col ul{flex-direction:column;gap:10px;display:flex}.kci-footer__bottom{border-top:1px solid #ffffff1a;margin-top:48px;padding-top:24px}@media (max-width:1280px){.kci-header__nav{gap:30px}.kci-header .kci-brand{flex:1;gap:10px;min-width:0;max-width:350px}.kci-header .kci-brand__img{flex:1}.kci-header .kci-brand__sep{width:18px;height:18px}}@media (max-width:1024px){.kci-header__nav{display:none}.kci-header__menu{display:block}.kci-footer__top{grid-template-columns:1fr 1fr}.kci-footer__brand{grid-column:1/-1}.kci-hero__layout{grid-template-columns:1fr 380px;gap:40px}}@media (max-width:768px){.kci-cont__hd{text-align:left;margin-bottom:40px}.kci-footer__top{grid-template-columns:1fr;gap:32px}.kci-footer__brand{grid-column:auto}.kci-hero:before{background-position:58%;transform:scale(1.03)}.kci-hero:after{background:linear-gradient(118deg,#0f1b2de0 20%,#0f1b2d99 82%,#0000 100%)}.kci-hero__inr{gap:0;min-height:auto;padding:180px 20px 140px}.kci-hero__layout{grid-template-columns:1fr;gap:40px}.kci-hero__text{text-align:left}.kci-hero__actions{display:none}.kci-hero__hint{bottom:20px}.kci-hero__hint:after{height:20px}}@media (max-width:480px){.kci-header .kci-brand img{display:none}.kci-header .kci-brand__img{flex:unset;background:50%/contain no-repeat;height:24px}.kci-header .kci-brand__img.img__kci{background-image:url(/image/common/logo_kci_s.png);width:48px}.kci-header .kci-brand__img.img__tx{background-image:url(/image/common/logo_tracx_w.png);width:92px}}