@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}}:root{--color-logo:#1d94d2;--color-main-1:#10a7e6;--color-main-2:#1477ba;--color-main-3:#65caff;--color-main-4:#eefbff;--color-main-dark:#003d6c;--color-sub-dark:#090e34;--color-shadow:#b9d7e5;--color-white:#fff;--color-black:#000;--color-ddd:#ddd;--color-f2f2f2:#f2f2f2;--color-ccc:#ccc;--color-888:#888;--color-333:#333;--linear:linear-gradient(-70deg, #017dce, #00e7b9);--linear2:linear-gradient(-70deg, #09f, #23fcc9);--linear-b:linear-gradient(180deg, #e5f5ff 0%, #fff 90%, #fff0 100%);--linear-b2:linear-gradient(0deg, #eef9ff, #fafcff);--linear-b3:linear-gradient(180deg, #fff, #eef9ff);--main-shadow:0 0 10px 0 #0a2f4433;--fw-thin:100;--fw-light:300;--fw-reg:400;--fw-med:500;--fw-semi:600;--fw-bold:700;--fw-extr:800;--fw-heavy:900}@font-face{font-family:SUIT Variable;src:url(/fonts/SUIT-Variable.woff2)format("woff2-variations");font-weight:100 900;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:62.5%}body{width:100%;min-width:330px;min-height:100vh;color:var(--color-333);background-color:var(--color-white);word-break:keep-all;flex-direction:column;font-family:SUIT Variable,sans-serif;font-size:1.6rem;line-height:1.2;display:flex;overflow:hidden auto}img{border:0;max-width:100%;height:auto;display:block}ul,li{list-style:none}a{color:inherit;text-decoration:none;display:inline-block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,button,select,textarea{font-family:inherit;font-size:inherit;color:inherit;appearance:none;background-color:#0000;border:0;border-radius:0;outline:none}textarea{resize:none;vertical-align:top}input[type=checkbox],input[type=radio]{appearance:auto;cursor:pointer}input::-ms-clear{display:none}input::-ms-reveal{display:none}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::placeholder,textarea::placeholder{color:var(--color-ccc);opacity:1}.blind{clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}label,button,a{cursor:pointer}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mb40{margin-bottom:40px}.mb50{margin-bottom:50px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt40{margin-top:40px}.mt50{margin-top:50px}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr20{margin-right:20px}.mr30{margin-right:30px}.mr40{margin-right:40px}.mr50{margin-right:50px}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml20{margin-left:20px}.ml30{margin-left:30px}.ml40{margin-left:40px}.ml50{margin-left:50px}.pt50{padding-top:50px}.pt80{padding-top:80px}.pt100{padding-top:100px}.space10{gap:10px}.space20{gap:20px}.space40{gap:40px}.w100{width:100%}.visually-hidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fwBold{font-weight:700}.RowLayout{flex-flow:row;display:flex}.ColumnLayout{flex-flow:column;display:flex}.RowSpace{flex-flow:row;justify-content:space-between;display:flex}.RowLeft{flex-flow:row;justify-content:flex-start;display:flex}.RowRight{flex-flow:row;justify-content:flex-end;display:flex}.RowCenter{justify-content:center}.CenterCenter{justify-content:center;align-items:center;display:flex}.Row-to-Colume{flex-flow:row;justify-content:space-between;display:flex}.Stretch{align-items:stretch}.RowLayout .flex-1,.ColumnLayout .flex-1,.flex-1{flex:1}.flex-3{flex:0 0 33.33%}.flex-half1{flex:1.5}.gab-20{gap:2rem}.inner{width:100%;max-width:1600px;margin:0 auto;padding:0 2rem}.common-sec{padding-bottom:5rem}.BtnL{vertical-align:middle;height:6rem;font-size:2.2rem;font-weight:var(--fw-extr);white-space:nowrap;justify-content:center;align-items:center;padding:0 3rem;line-height:1.5;text-decoration:none;display:inline-flex}.BtnM{vertical-align:middle;height:5rem;font-size:2rem;font-weight:var(--fw-semi);white-space:nowrap;justify-content:center;align-items:center;padding:0 3rem;line-height:1.5;text-decoration:none;display:inline-flex}.BtnR{vertical-align:middle;height:4.5rem;font-size:1.7rem;font-weight:var(--fw-semi);white-space:nowrap;justify-content:center;align-items:center;width:fit-content;padding:0 2rem;line-height:1.5;text-decoration:none;display:inline-flex}.BtnM.active{font-weight:var(--fw-extr)}.BtnS{vertical-align:middle;height:3.5rem;font-size:1.6rem;font-weight:var(--fw-med);white-space:nowrap;justify-content:center;align-items:center;width:fit-content;padding:0 1.2rem;line-height:1.5;text-decoration:none;display:inline-flex}.Main1FillBtn{background:var(--color-main-1);color:var(--color-white);border-radius:10rem}.Main2FillBtn{background:var(--color-main-2);color:var(--color-white);border-radius:10rem}.ShadowFillBtn{background:var(--color-shadow);color:var(--color-white);border-radius:10rem}.LinearFillBtn{background:var(--linear);color:var(--color-white);border-radius:10rem}.SubdarkFillBtn{background:var(--color-sub-dark);color:var(--color-white);border-radius:10rem}.SubdarkLineBtn{border:1px solid var(--color-sub-dark);background:inherit;color:var(--color-sub-dark);border-radius:10rem;transition:background-color .3s}[class*=FillBtn]{z-index:1;transition:color .3s;position:relative;overflow:hidden}[class*=FillBtn]:before{content:"";background:var(--linear);z-index:-1;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.iconBtn{justify-content:space-between;gap:1rem;display:flex}.iconBtn.BtnS{gap:.5rem}.iconBtn .sub-text{font-weight:var(--fw-semi)}.BtnL.iconBtn .icon-wrap{justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.BtnM.iconBtn .icon-wrap{justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.BtnR.iconBtn .icon-wrap{justify-content:center;align-items:center;width:1.3rem;height:1.3rem;display:flex}.BtnS.iconBtn .icon-wrap{justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.icon-wrap img{object-fit:contain;width:100%;height:auto}.btn-trans{vertical-align:top;height:fit-content;text-decoration:none;display:inline-block;overflow:hidden}.btn-trans span{transition:transform .4s cubic-bezier(.25,.46,.45,.94);display:block;position:relative}@media (hover:hover){[class*=FillBtn]:hover:before{opacity:1}.SubdarkLineBtn:hover{background:#0000000d}.btn-trans span:after{content:attr(data-trans);white-space:nowrap;display:block;position:absolute;top:100%;left:0}:hover>.btn-trans span{transform:translateY(-100%)}.sitemap-depth1 .tit-dep1:hover{color:var(--color-main-1)}.gnb .depth1>li:hover{cursor:pointer}.gnb .depth1>li:hover>a,.gnb .depth2>li>a:hover,.gnb .depth2>li:hover>.tit-dep2{color:var(--color-main-1)}.gnb .depth3>li>a:hover{color:var(--color-main-1);font-weight:var(--fw-bold)}.sitemap-depth2>li>a:hover,.sitemap-depth2>li:hover>.tit-dep2{color:var(--color-main-1)}.sitemap-depth3>li>a:hover{color:var(--color-main-1);font-weight:var(--fw-bold)}.footer .btn-up:hover{box-shadow:0 0 1rem var(--color-main-1);transition:box-shadow .3s}.footer .btn-up:hover>img{transform:translateY(-.3rem)}}.header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;transition:transform .3s;position:fixed;top:0}.header .inner{justify-content:space-between;align-items:center;height:7rem;display:flex}.header .inner .header-left{align-items:center;gap:5rem;display:flex}.header.header-hide{transform:translateY(-130%)}.header.nav-open{transform:translateY(0)!important}.logo a{width:14rem;margin-top:1rem}.gnb .depth1{align-items:center;gap:4rem;display:flex;position:relative}.gnb .depth1>li{justify-content:center;align-items:center;height:10rem;display:flex}.gnb .depth1>li>a{font-size:2rem;font-weight:var(--fw-semi);color:var(--color-333);transition:color .3s;display:block}.gnb .depth2{background:var(--color-white);border-radius:1.5rem;padding:1.5rem;display:none;position:absolute;top:9.5rem;left:0;box-shadow:0 0 5px #0a2f441a}.gnb .depth1>li.on>.depth2{display:flex}.gnb .depth1>li.on>.depth2>li{flex-direction:column;gap:2rem;display:flex}.gnb .depth2>li>a{text-align:center;width:12.5rem;font-size:1.8rem;font-weight:var(--fw-semi);color:var(--color-333);display:block}.gnb .depth3{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.gnb .depth3>li>a{font-weight:var(--fw-reg);color:var(--color-333);font-size:1.6rem;transition:color .3s;display:block}.util-area{align-items:center;gap:2rem;display:flex}.util-area .txt-link{color:var(--color-333);font-size:1.6rem}.mobipost-go-btn{align-items:center;gap:1rem;display:flex}.mobipost-go{background-color:var(--color-sub-dark);color:var(--color-white);border-radius:2rem;padding:.8rem 1.2rem;font-size:1.6rem}.header_menu_toggle{height:20px}.btn-sitemap-toggle .btn-close,.header.nav-open .btn-sitemap-toggle .header_menu_toggle{display:none}.header.nav-open .btn-sitemap-toggle .btn-close{width:1.8rem;display:block}.container{flex:1}main.container{max-width:none}body.sitemap-opened{touch-action:none!important;overflow:hidden!important}.sitemap-layer{visibility:hidden;opacity:0;z-index:1000;background:#fff;width:100%;height:100vh;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s;position:fixed;top:0;left:0;overflow-y:auto;transform:translateY(-100%);display:block!important}.sitemap-layer.active{visibility:visible;opacity:1;transform:translateY(0)}.sitemap-inner{width:100%;padding:3rem}.sitemap-top{position:relative}.sitemap-logo,.sitemap-mobile-util{display:none}.sitemap-top .btn-close{position:absolute;right:0}.sitemap-top .btn-close img{width:auto;height:20px}.sitemap-nav{max-width:1200px;margin:10rem auto 0}.sitemap-depth1{flex-direction:column;gap:2rem;display:flex}.sitemap-depth1>li{border-bottom:1px solid var(--color-ddd);gap:10rem;padding-bottom:3rem;display:flex}.sitemap-depth1>li:last-child{border-bottom:none}.sitemap-depth1 .tit-dep1{font-size:3.5rem;font-weight:var(--fw-extr);transition:color .3s}.sitemap-depth2{gap:6rem;display:flex}.sitemap-depth2 .tit-dep2{font-size:2.5rem;font-weight:var(--fw-semi);width:15rem;margin-top:1rem;margin-bottom:3rem;transition:color .3s}.sitemap-depth3{flex-direction:column;gap:2rem;display:flex}.sitemap-depth3 a{font-size:2rem;font-weight:var(--fw-reg);transition:color .3s}.footer{background-color:var(--color-333);color:var(--color-white)}.footer .inner{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:2rem;padding:4rem 2rem;display:flex}.footer-content{align-items:flex-start;gap:6rem;display:flex}.footer-logo img{opacity:.3;width:auto;height:5rem}.footer-info{color:var(--color-888);flex-direction:column;gap:.5rem;font-size:1.8rem;line-height:1.5;text-decoration:none;display:flex}.footer-info-main span{white-space:nowrap}.footer-info :last-child{margin-top:2rem;font-size:1.6rem}.footer .btn-up{background-color:var(--color-main-1);border-radius:3rem;justify-content:center;align-items:center;width:6rem;height:6rem;display:flex}.footer .btn-up img{width:auto;height:2rem;transition:transform .3s}.js-scroll-trigger:not(.Content-top){opacity:0;will-change:opacity, transform;transition:opacity 1s,transform 1s;transform:translateY(5rem)}.Content-top.js-scroll-trigger{opacity:0;transition:opacity 1s;transform:translateY(0)}.js-scroll-trigger.is-visible{opacity:1;transform:translateY(0)}@media screen and (max-width:1500px){.sitemap-depth2{gap:3rem;display:flex}.footer-logo img{width:auto;height:4rem}.footer-info{font-size:1.6rem}.footer-info :last-child{margin-top:1.5rem;font-size:1.4rem}}@media screen and (max-width:1200px){.gnb .depth1,.header .inner .header-left{gap:3rem}.sitemap-depth1>li{gap:5rem;display:flex}.gnb .depth1>li>a{font-size:1.8rem}.sitemap-depth1 .tit-dep1{font-size:3rem}.sitemap-depth2 .tit-dep2{width:13rem;font-size:2.2rem}.util-area .txt-link{font-size:1.4rem}.BtnL{height:5.5rem;padding:0 2.5rem;font-size:2rem}.BtnL.iconBtn .icon-wrap{width:2.5rem;height:2.5rem}.BtnM.iconBtn .icon-wrap{width:2.2rem;height:2.2rem}.iconBtn{gap:.5rem}}@media screen and (max-width:1024px){.header .inner{height:5rem}.logo a{width:12rem}.Row-to-Colume{flex-direction:column}.inner{max-width:100%}.BtnM{height:4.5rem;padding:0 2rem;font-size:1.6rem}.BtnR{height:4.2rem;padding:0 2rem;font-size:1.6rem}.BtnL{height:5.2rem;padding:0 2.2rem;font-size:1.8rem}.common-sec{padding-bottom:6rem}.header{z-index:1001}.header.nav-open{background:#fff}.header .gnb,.mobipost-go-btn{display:none}.sitemap-layer{top:5rem}.sitemap-inner{padding:0}.sitemap-top.pc-only,.sitemap-top{display:none}.sitemap-mobile-util{border-bottom:1px solid var(--color-ddd);justify-content:space-between;align-items:center;padding:2rem 3rem;display:flex}.sitemap-depth3 a{font-size:1.8rem}.sitemap-mobile-util .mobipost-go-btn{border-radius:5px;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;font-size:1.8rem;display:flex}.header.nav-open .btn-sitemap-toggle .ico-open{display:none}.header.nav-open .btn-sitemap-toggle .ico-close{display:block}.sitemap-nav{max-width:1200px;margin:5rem auto 3rem;padding-bottom:3rem}.sitemap-depth1{flex-direction:column;display:flex}.sitemap-depth1>li{border-bottom:none;flex-direction:column;gap:3rem;display:flex}.sitemap-depth1 .has-depth2>a,.sitemap-depth2 .has-depth3>a{justify-content:space-between;display:flex;position:relative}.sitemap-depth1 .has-depth2>a:after,.sitemap-depth2 .has-depth3>a:after{content:"";background:url(/images/common/ico_arrow_down.png) 50%/contain no-repeat;width:1.5rem;height:1.5rem;margin-top:.3rem;transition:transform .3s}.sitemap-depth1 .has-depth2.on>a:after,.sitemap-depth2 .has-depth3.on>a:after{background:url(/images/common/ico_arrow_up.png) 50%/contain no-repeat;transform:rotate(-180deg)}.sitemap-depth1>li.on>.sitemap-depth2{flex-direction:column;gap:0;display:flex!important}.sitemap-depth1 .tit-dep1{padding:0 3rem;font-size:2.2rem}.sitemap-depth2{border-top:1px solid var(--color-ddd);border-bottom:1px solid var(--color-ddd);background:#f9f9f9;gap:2rem;display:none}.sitemap-depth2>li{border-bottom:1px solid #eee;padding:2.5rem 3rem}.sitemap-depth2 :last-child{border-bottom:none}.has-depth2.on .tit-dep1{color:var(--color-main-1)}.sitemap-depth2 .tit-dep2{width:100%;margin-top:0;margin-bottom:0}.sitemap-depth3{display:none}.has-depth3.on{flex-direction:column;gap:2.5rem;display:flex}.has-depth3.on .tit-dep2{color:var(--color-main-1)}.has-depth3.on .sitemap-depth3{flex-direction:column;gap:1.5rem;display:flex!important}.footer-logo img{width:auto;height:4rem}.footer-info{font-size:1.4rem}.footer-info :last-child{margin-top:1.5rem;font-size:1.3rem}.footer-content{flex-direction:column;align-items:flex-start;gap:3rem;display:flex}.footer .btn-up{border-radius:2.5rem;width:5rem;height:5rem}}@media screen and (max-width:768px){.BtnM{height:4.2rem;padding:0 2rem;font-size:1.6rem}.BtnR{height:4rem;padding:0 1.8rem;font-size:1.5rem}.footer .df-end{justify-content:end;width:100%;display:flex}.br-target{display:block}}@media (min-width:1025px){html:has(#main_wrap){height:100%;overflow:hidden}html:has(#main_wrap) body{height:100%;overflow:hidden}}#main_wrap{will-change:transform;flex:none;width:100%;transition:transform .8s cubic-bezier(.65,0,.35,1)}#main_wrap section{justify-content:center;align-items:center;width:100%;display:flex;position:relative}#main_wrap section:not(.s-banner){width:100%;height:100vh;overflow:hidden}#footer-include{z-index:10;width:100%;transition:transform .6s cubic-bezier(.65,0,.35,1);position:fixed;bottom:0;left:0;transform:translateY(100%)}.dots{z-index:100;opacity:1;visibility:visible;flex-direction:column;justify-content:center;align-items:center;gap:1rem;transition:opacity .5s,visibility .5s;display:flex;position:absolute;top:50%;right:2rem;transform:translateY(-50%)}.dots.hide{opacity:0;visibility:hidden}.dot{background-color:var(--color-333);cursor:pointer;border-radius:.4rem;width:.4rem;height:.4rem;transition:all .3s}.dot.active{background-color:var(--color-main-1);transform:scale(1.3)}.stop-transitions *{transition:none!important}.hero-wrap{justify-content:space-between;align-items:center;padding:15rem 0 5rem 5rem;display:flex;position:relative}.hero-content{flex:1;display:flex}.text-group{padding:0 0 15rem 6rem}.sub-copy{font-size:4.5rem;font-weight:var(--fw-light);color:var(--color-sub-dark);line-height:1.3}.brand-name{color:#f9f9f9;letter-spacing:20%;font-size:10rem;font-weight:var(--fw-heavy)}.highlight{font-weight:var(--fw-bold);color:var(--color-main-1)}.main-copy{font-size:11rem;font-weight:var(--fw-extr);color:var(--color-sub-dark);margin-top:2rem}.slogan-area{height:50%;position:absolute;top:35%;left:2rem}.txt-rotate{color:var(--color-333);white-space:nowrap;transform-origin:0 100%;margin:-17rem 1rem;font-size:2rem;position:absolute;top:0;left:0;transform:rotate(90deg)}.slogan-line{border-left:1px solid var(--color-333);border-bottom:1px solid var(--color-333);width:10rem;height:100%;margin-left:2rem;position:relative}.slogan-dot{background:var(--color-333);border:3px solid var(--color-white);border-radius:50%;width:1.2rem;height:1.2rem;animation:18s linear infinite alternate moveResponsiveL;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}@keyframes moveResponsiveL{0%{top:0%;left:0%}85%{top:100%;left:0%}to{top:100%;left:100%}}.txt-normal{color:var(--color-333);text-wrap:nowrap;font-size:2rem;display:inline-block;position:absolute;bottom:-1rem;left:14rem}.txt-rotate b,.txt-normal b{font-weight:var(--fw-extr)}.hero-visual{flex:1.5;justify-content:end;display:flex}.illust-wrap{max-width:100%;height:auto;display:inline-block;position:relative}.bg-static{width:100%;height:auto;display:block}.dot-layer{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.moving-dot{opacity:0}.dot1{offset-path:path("M 204,321 L 260,352");animation:8s linear 4s infinite moveAlongPath_b}.dot2{offset-path:path("M 540,297 L 840,472 L 843,535");animation:12s linear 4s infinite moveAlongPath}.dot3{offset-path:path("M 823,345 L 512,168");animation:20s linear 1s infinite moveAlongPath_c}@keyframes moveAlongPath{0%{offset-distance:0%;opacity:0}2%{opacity:1}78%{opacity:1}80%{offset-distance:100%;opacity:0}to{offset-distance:100%;opacity:0}}@keyframes moveAlongPath_b{0%{offset-distance:0%;opacity:0}1%{opacity:1}49%{opacity:1}50%{offset-distance:100%;opacity:0}to{offset-distance:100%;opacity:0}}@keyframes moveAlongPath_c{0%{offset-distance:0%;opacity:0}1%{opacity:1}8%{opacity:1}11%{opacity:0}25%{opacity:0}33%{opacity:1}49%{opacity:1}50%{offset-distance:100%;opacity:0}to{offset-distance:100%;opacity:0}}.s1 .inner{padding:0 3rem}.s1 .sub-copy{opacity:0;animation:1s ease-out .6s forwards fadeInLeft}.s1 .sub-copy .brand-name{opacity:0;animation:1s ease-out 1s forwards fadeInLeft}.s1 .main-copy{opacity:0;animation:1s ease-out .3s forwards fadeInLeft}.s1 .hero-visual{opacity:0;animation:1s ease-out 1s forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.s2{background:var(--color-main-4)}.s-title{color:var(--color-black);font-size:2.5rem;font-weight:var(--fw-extr)}.s2 .inner{padding:0 5rem}.s2-center-area{opacity:0;visibility:hidden;height:0;transition:opacity .5s ease-in-out,visibility .5s;overflow:hidden}.s2-center-area.active{visibility:visible;opacity:1;justify-content:space-between;align-items:center;height:auto;margin:6rem 0 0;display:flex}.s2-desc{flex-direction:column;justify-content:space-between;height:40rem;display:flex}.s2-desc_b{flex-direction:column;flex:1;justify-content:start;gap:4rem;height:40rem;display:flex}.s2-desc .s2-desc-subtitle,.s2-desc_b .s2-desc-subtitle{color:var(--color-white);height:5rem;font-size:2rem;font-weight:var(--fw-bold);background:#08acfe;border-radius:5rem;justify-content:center;align-items:center;width:fit-content;padding:0 2.3rem;display:flex}.s2-desc h2{font-size:8rem;font-weight:var(--fw-heavy);color:var(--color-sub-dark);line-height:1}.s2-desc h5{color:var(--color-333);font-size:2.3rem;font-weight:var(--fw-reg);margin-bottom:5rem;line-height:1.5}.s2-desc h5 b{font-weight:var(--fw-bold)}.s2-desc_b h2{font-size:5rem;font-weight:var(--fw-heavy);color:var(--color-sub-dark);line-height:1.2}.s2-desc_b_icon{justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:2rem;display:flex}.s2-desc_b_icon img{width:100%;height:auto}.s2-desc_b h2 span{font-size:3rem;display:block}.s2-desc_b h5{color:var(--color-333);font-size:1.8rem;font-weight:var(--fw-reg);max-width:30rem;line-height:1.4}.circleimg-wrap img{width:100%;height:auto}.s2-bottom-area ul{width:calc(100% - 45rem);display:flex}.s2-bottom-area li{border-top:3px solid var(--color-shadow);color:var(--color-888);cursor:pointer;flex:1;padding-top:3rem;font-size:2.3rem;transition:color .3s;position:relative}.s2-bottom-area li:after{content:"";background-color:var(--color-main-dark);width:0;height:3px;transition:width .6s ease-in-out;position:absolute;top:-3px;left:0}.s2-bottom-area li.active:after{width:100%}.s2-bottom-area li h5{font-weight:var(--fw-bold);transition:font-weight .3s}.s2-bottom-area li span{font-size:1.8rem;font-weight:var(--fw-reg);margin-bottom:.5rem;transition:font-weight .3s;display:block}.s2-bottom-area li.active{border-top:3px solid var(--color-shadow);color:var(--color-main-dark);font-weight:var(--fw-extr)}.s2-bottom-area li.active h5{font-weight:var(--fw-extr)}.s2-bottom-area li.active span{font-weight:var(--fw-bold)}@media (hover:hover){.s2-bottom-area li:hover:after{width:100%}.s2-bottom-area li:hover{color:var(--color-main-dark);font-weight:var(--fw-extr)}.s2-bottom-area li:hover h5{font-weight:var(--fw-extr)}.s2-bottom-area li:hover span{font-weight:var(--fw-bold)}}.s3 .inner{padding:0 5rem}.c-card-slidebtns{justify-content:end;gap:1.5rem;margin-bottom:1rem;display:flex}.c-card-slidebtn{border:1px solid var(--color-main-1);background:var(--color-white);cursor:pointer;border-radius:5rem;justify-content:center;align-items:center;width:5rem;height:5rem;transition:background-color .3s;display:flex}.c-card-slidebtn .c-card-slidebtn-ico{background:var(--color-main-1);width:.8rem;height:1.5rem;margin-left:.2rem;transition:background-color .3s;-webkit-mask:url(/images/common/c_card_slidebtn.png) 50%/.8rem 1.5rem no-repeat;mask:url(/images/common/c_card_slidebtn.png) 50%/.8rem 1.5rem no-repeat}.c-card-slidebtn:first-child{transform:rotate(180deg)}.project-slider{width:100%;margin:.5rem!important;padding:.5rem!important}.swiper-slide{height:auto;display:flex}.c-card{background:var(--color-white);border:1px solid var(--color-ddd);border-radius:3rem;flex-direction:column;align-items:center;transition:border .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s cubic-bezier(.25,.46,.45,.94);overflow:hidden;height:auto!important;display:flex!important}.c-card-header{text-align:center;z-index:1;flex-direction:column;flex:1;justify-content:start;align-items:center;gap:1rem;padding:2rem;display:flex}.s3 .c-card-header{text-align:start;z-index:1;flex-direction:column;flex:1;justify-content:start;align-items:start;gap:1.5rem;width:100%;padding:3rem;display:flex}.c-card .c-blue{font-size:2rem;font-weight:var(--fw-bold);color:var(--color-main-1)}.c-card-header h4{font-size:2rem;font-weight:var(--fw-bold);color:var(--color-sub-dark)}.c-card-header h3{font-size:2.7rem;font-weight:var(--fw-extr);color:var(--color-sub-dark)}.c-card-header p{font-size:2rem;line-height:1.4}.c-card-header-top{justify-content:space-between;align-items:end;width:100%;display:flex}.c-badge{background:var(--color-main-4);color:var(--color-main-2);font-size:1.6rem;font-weight:var(--fw-bold);border-radius:5rem;padding:.8rem 1.5rem}.c-card-logo{width:auto;height:2.5rem}.c-card-logo img{object-fit:contain;width:auto;height:100%}.c-card-gobtn{background:var(--color-sub-dark);border-radius:5rem;justify-content:center;align-items:center;width:4rem;height:4rem;transition:transform .2s,background-color .2s;display:flex}.c-card-gobtn img{width:1rem;height:1rem}.c-card-visual{justify-content:center;align-items:start;width:16rem;height:20rem;display:flex;position:relative}.s3 .c-card-visual{width:20rem;height:25rem}.c-card-visual img{z-index:1;border:3px solid #000;border-radius:1.5rem 1.5rem 0 0;width:100%;height:auto}.s3 .c-card-visual:has(.desktop-img){width:30rem}.c-card-visual .desktop-img{border:none;border-radius:0}.c-card-visual:before{content:"";background:var(--color-main-4);z-index:0;border-radius:50rem;width:40rem;height:40rem;position:absolute;bottom:-100%;left:50%;transform:translate(-50%)}.s3 .c-card-visual:before{bottom:-60%}@media (hover:hover){.c-card:hover{border:1px solid var(--color-main-3);box-shadow:var(--main-shadow);cursor:pointer}.c-card.s3-c-card:hover .c-card-gobtn{background:var(--color-main-1);transform:rotate(45deg)}.c-card-slidebtn:hover{background-color:var(--color-main-1)}.c-card-slidebtn:hover .c-card-slidebtn-ico{background-color:var(--color-white)}}#main_wrap section.s-banner{width:100%;min-height:0;display:block;position:relative;overflow:hidden}.banner-wrap{background:url(/images/main/banner_1.png) 50%/cover no-repeat;width:100%}.banner-wrap .inner{justify-content:space-between;align-items:center;padding:51px 20px;display:flex}.banner-content p{font-size:2rem;font-weight:var(--fw-semi);color:var(--color-main-dark);margin-bottom:1.2rem}.banner-content h2{font-size:4rem;font-weight:var(--fw-reg);color:var(--color-sub-dark)}.banner-content h2 b{font-weight:var(--fw-extr)}.banner-btn{gap:1rem;display:flex}.banner-btn a{text-align:center;background-color:var(--color-sub-dark);color:#fff;border-radius:12rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:12rem;height:12rem;text-decoration:none;transition:background-color .3s;display:flex}.banner-btn a.banner-btn-w{background-color:var(--color-white);color:var(--color-sub-dark)}@media (hover:hover){.banner-btn a:hover{background-color:var(--color-main-dark)}.banner-btn a.banner-btn-w:hover{background-color:#f2f2f2}}.banner-btn a span{font-size:1.8rem;font-weight:var(--fw-bold)}.banner-btn a img{width:2rem;height:2rem}.flow_banner{background-color:var(--color-sub-dark);padding:1.5rem 0;display:flex}.flow_banner .list{will-change:transform;flex-shrink:0;align-items:center;margin:0;padding:0;list-style:none;animation:200s linear infinite flowRolling;display:flex}@keyframes flowRolling{0%{transform:translate(0)}to{transform:translate(-100%)}}.flow_banner .list li{padding:0 4rem}.flow_banner .list li img{object-fit:contain;filter:grayscale()invert()opacity(.9);min-width:12rem;max-width:15rem;max-height:2.5rem;display:block}.dotimg{width:2rem;position:relative}.mouse-wheel{background-color:#333;border-radius:2px;width:2px;height:4px;animation:3s infinite scrollMove;position:absolute;bottom:1.1rem;left:46%}@keyframes scrollMove{0%{transform:translateY(6px)}50%{transform:translateY(0)}75%{transform:translateY(6px)}to{transform:translateY(6px)}}.mob-only{display:none}@media (max-width:1700px){.s2-center-area.active{margin:4rem 0 0}.circleimg-wrap{width:35rem;height:35rem}.s2-bottom-area ul{width:calc(100% - 35rem)}}@media (max-width:1500px){.hero-wrap{padding:10rem 5rem 5rem}.text-group{padding:0 0 6rem 4rem}.sub-copy{font-size:4rem}.brand-name{font-size:9rem}.main-copy{margin-top:1.8rem;font-size:9rem}.slogan-area{height:60%;left:2rem}.txt-rotate{margin:-15rem 1rem;font-size:1.8rem}.slogan-line{width:8rem;margin-left:2rem}.txt-normal{font-size:2rem;left:12rem}.s2-desc{height:35rem}.s2-desc_b{gap:3rem;height:35rem}.s2-desc .s2-desc-subtitle,.s2-desc_b .s2-desc-subtitle{height:3.8rem;padding:0 2rem;font-size:1.6rem}.s2-desc h2{font-size:7rem}.s2-desc h5{font-size:2rem}.s2-desc_b h2{font-size:3.8rem}.s2-desc_b_icon{width:2.5rem;height:2.5rem}.s2-desc_b h2 span{font-size:2.3rem}.s2-desc_b h5{max-width:25rem;font-size:1.6rem}.circleimg-wrap{width:30rem;height:30rem}.s3 .c-card-header{gap:1.5rem;padding:2.5rem}.c-card-header h3{font-size:2.5rem}.c-card-header p{font-size:1.7rem}.c-card .c-blue{font-size:1.8rem}.s3 .c-card-visual{width:15rem;height:18rem}.s3 .c-card-visual:has(.desktop-img){width:22rem}}@media (max-width:1200px){.hero-wrap{padding:8rem 3rem 3rem}.text-group{padding:0 0 6rem 4rem}.sub-copy{font-size:3rem}.brand-name{font-size:7rem}.main-copy{margin-top:1.5rem;font-size:8.5rem}.s2-desc_b{flex-direction:column;justify-content:start;display:flex}.s2-desc .s2-desc-subtitle,.s2-desc_b .s2-desc-subtitle{height:3.8rem;padding:0 2rem;font-size:1.6rem}.s2-desc h2{font-size:6.5rem}.s2-desc h5{font-size:2rem}.s2-desc_b h2{font-size:3.2rem}.s2-desc_b_icon{width:2rem;height:2rem}.s2-desc_b h2 span{font-size:2rem}.s2-desc_b h5{max-width:21rem;font-size:1.5rem}.circleimg-wrap{width:25rem;height:25rem}.s2-bottom-area ul{width:calc(100% - 25rem)}.s2-bottom-area li{padding-top:2rem;font-size:2rem}.s2-bottom-area li span{font-size:1.8rem}.banner-content h2{font-size:3.5rem}.banner-btn a{width:10rem;height:10rem}.c-card-header h3{font-size:2.3rem}.c-card-header p{font-size:1.5rem}.s3 .c-card-header{padding:2rem}.s3 .c-card-visual:before{width:35rem;height:35rem;bottom:-110%;left:50%}}@media (max-width:1024px){#main_wrap{height:auto!important;display:block!important;transform:none!important}#main_wrap section{min-height:40rem;height:auto!important;position:static!important}#footer-include{position:static!important;transform:none!important}.dots{display:none}.hero-wrap{padding:8rem 3rem 3rem}.sub-copy{font-size:2.5rem}.brand-name{font-size:6rem}.main-copy{margin-top:1.5rem;font-size:7rem}.slogan-area{height:50%;top:40%;left:2rem}.txt-rotate{margin:-12rem 1.3rem;font-size:1.5rem}.slogan-line{width:5rem;margin-left:2rem}.txt-normal{font-size:1.5rem;left:8rem}.s2 .inner{padding:8rem 5rem}.s-title{font-size:2.3rem;top:3rem}.s2-desc{height:25rem}.s2-desc_b{gap:1.2rem;height:25rem}.s2-desc_b_icon{margin-bottom:1rem}.s2-desc .s2-desc-subtitle,.s2-desc_b .s2-desc-subtitle{height:3.5rem;padding:0 1.5rem;font-size:1.5rem}.s2-desc h2{font-size:4.5rem}.s2-desc h5{margin-bottom:3rem;font-size:1.8rem}.s2-desc_b h2{font-size:2.8rem}.s2-desc_b h2 span{font-size:1.8rem}.s2-desc_b h5{max-width:18rem;font-size:1.4rem}.circleimg-wrap{width:20rem;height:20rem}.s2-center-area.active{align-items:start}.s2-bottom-area ul{width:100%}.s3 .inner{padding:4rem 2rem}.c-card{border-radius:1.5rem;padding:2rem}.project-slider{margin:0!important;padding:.5rem .5rem 3rem!important}.flow_banner .list li{padding:0 3rem}.banner-content p{margin-bottom:1rem;font-size:1.8rem}.banner-content h2{font-size:3.5rem}}@media screen and (max-width:900px){.pc-only{display:none}.mob-only{display:block}.s2 .inner{flex-direction:column;padding:4rem 2rem;display:flex}.s-title{order:1;font-size:2rem}.s2-center-area.active{flex-direction:column;order:3;justify-content:start;align-items:center;width:100%;margin:0}.s2-desc{order:2;justify-content:start;align-items:center;gap:1rem;width:100%;height:auto;margin-bottom:2rem}.s2-desc_b{justify-content:center;align-items:center;gap:1rem;width:100%;height:auto}.s2-desc .s2-desc-subtitle,.s2-desc_b .s2-desc-subtitle{order:2;height:3.2rem;padding:0 2rem;font-size:1.6rem}.s2-desc h2{text-align:center;order:1;font-size:3.5rem}.s2-desc .mob-only{order:3;width:100%}.s2-desc .mob-only h5{border-bottom:1px solid var(--color-shadow);text-align:center;width:100%;padding-bottom:3rem;font-size:1.6rem}.s2-desc .mob-only p{text-align:center;font-size:1.6rem;line-height:1.4}.s2-desc_b{border-bottom:1px solid var(--color-shadow);flex-direction:row;order:2;gap:1rem;padding:2rem;display:flex}.s2-desc_b:nth-child(3){border-bottom:none}.s2-desc_b h5{text-align:center;order:3;max-width:none;font-size:1.6rem}.circleimg-wrap{order:1;justify-content:center;align-items:center;gap:4rem;width:100%;height:20rem;margin-bottom:2rem;display:flex}.circleimg-wrap .s2-ico-arrow{width:5rem;height:5rem}.circleimg-wrap .business-topcircle{width:auto;height:100%}.s2-bottom-area{order:2;margin:3rem 0}.s2-bottom-area ul{background:var(--color-white);border-radius:5rem;gap:.4rem;padding:.4rem}.s2-bottom-area li{cursor:pointer;color:var(--color-333);border:none;border-radius:5rem;flex:1;padding:0;transition:none;position:relative}.s2-bottom-area li:after{display:none}.s2-bottom-area li span{font-size:1.6rem;font-weight:var(--fw-semi);text-align:center;margin-bottom:0;line-height:3rem;display:block}.s2-bottom-area li.active{border:1px solid var(--color-main-2);color:var(--color-main-2)}.s2-bottom-area li.active span{font-weight:var(--fw-extr)}.s2-bottom-area ul li .pc-only{display:none}}@media screen and (max-width:768px){.banner-btn{flex-direction:column}.hero-wrap{flex-direction:column;align-items:start;padding:7rem 0 0}.text-group{padding:0 0 5rem 1rem}.sub-copy{font-size:3.5rem}.main-copy{margin-top:.5rem;font-size:6.5rem}.slogan-area{transform-origin:0 100%;height:50vw;top:auto;bottom:1rem;left:100%;transform:rotate(-90deg)}.slogan-line{border-bottom:1px solid #33333380;border-left:1px solid #33333380}.brand-name{display:none}.hero-visual{justify-content:center;align-items:center;width:100%;margin-bottom:8rem}.illust-wrap{width:100vw;max-width:50rem;margin-right:2rem}.s2-desc_b{flex-direction:column}.txt-rotate{font-size:1.5rem}.txt-normal{font-size:1.5rem;bottom:-.7rem}}@media screen and (max-width:600px){.s1 .inner{padding:0 2rem}.text-group{padding:0 0 5rem}.sub-copy{font-size:3rem}.main-copy{margin-top:.5rem;font-size:6rem}.circleimg-wrap{gap:1rem}.banner-wrap{background:url(/images/main/banner_1_mob.png) 50%/cover no-repeat}.banner-wrap .inner{padding:40px 20px}.banner-content p{margin-bottom:1rem;font-size:1.6rem}.banner-content h2{font-size:3rem}.banner-btn a{width:9rem;height:9rem}.banner-btn a span{margin-top:.8rem;font-size:1.6rem}}@media screen and (max-width:400px){.sub-copy{font-size:2.5rem}.main-copy{margin-top:.5rem;font-size:5rem}.banner-content h2{font-size:2.5rem}}.container{margin-top:7rem}.mob-only-a,.recruitment-btn-wrap.mob-only-b,.recruitment-title-wrap .mob-only-b,.mob-only-c{display:none}.tab-container{grid-template-columns:1fr auto;align-items:start;display:grid}.tab-group{z-index:10;grid-area:1/2;gap:1rem;margin-bottom:3rem;display:flex}.tab-item{flex:1}.tab-item.active button{background:var(--linear)}.tab-item button{width:100%}.select-wrapper{width:100%;display:none;position:relative}.select-label{background:var(--color-white);border:1px solid var(--color-main-1);width:100%;height:5rem;font-size:1.8rem;font-weight:var(--fw-semi);color:var(--color-main-1);border-radius:5rem;justify-content:start;align-items:center;padding:0 2rem;transition:all .3s;display:flex}.select-wrapper.active .select-label{background:var(--color-main-1);color:var(--color-white)}.select-label:after{content:"";background:url(/images/sub02/select_ico_down.png) 50%/contain no-repeat;width:1.2rem;height:1.2rem;transition:transform .3s;position:absolute;right:2rem}.select-wrapper.active .select-label:after{background:url(/images/sub02/select_ico_up.png) 50%/contain no-repeat;transform:rotate(-180deg)}.custom-selectOp{background:var(--color-white);z-index:100;border-radius:10px;flex-direction:column;gap:2rem;width:100%;margin:0;padding:2rem;list-style:none;display:none;position:absolute;top:5.5rem;left:0;overflow:hidden;box-shadow:0 0 5px #0a2f441a}.select-wrapper.active .custom-selectOp{display:flex}.selecOp-item{font-size:1.8rem;font-weight:var(--fw-semi);cursor:pointer;transition:all .2s}.Content-top{text-align:center;background:url(/images/common/top_bg.png) 50%/cover no-repeat;border-radius:0 0 5rem 5rem;flex-direction:column;justify-content:center;align-items:center;padding:5rem 0;display:flex}.breadcrumb-area{align-items:flex-start;gap:2rem}.page-title{color:var(--color-main-dark);font-size:3rem;font-weight:var(--fw-extr)}.breadcrumb-wrapper{background-color:var(--color-white);border-radius:5rem;align-items:center;padding:.5rem;font-size:2rem;display:flex}.breadcrumb{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.breadcrumb-item{border-radius:5rem;flex:1;justify-content:center;align-items:center;height:4.5rem;display:flex}.breadcrumb-item.active{background:var(--linear);font-weight:var(--fw-semi)}.breadcrumb-item>a{width:100%;font-weight:var(--fw-med);justify-content:center;align-items:center;padding:0 2rem;display:flex}.breadcrumb-item.active>a{font-weight:var(--fw-bold);color:var(--color-white)}.top-wrap{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.top-title-wrap{flex-direction:column;align-items:center;gap:.8rem;display:flex}.top-subtitle{color:var(--color-main-1);font-size:2.5rem}.top-subsubtitle{font-size:3rem;font-weight:var(--fw-reg)}.top-subsubtitle b{font-weight:var(--fw-bold)}.top-title{font-size:6rem;font-weight:var(--fw-extr)}.top-subsubtitle-wrap .top-title{margin:1rem 1rem 0 0}.top-desc{max-width:80rem;font-size:1.8rem;line-height:1.4}.is-hero-scene .top-subtitle,.is-hero-scene .top-subsubtitle,.is-hero-scene .top-title,.is-hero-scene .top-desc{opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(20px)}.is-hero-scene.on .top-subtitle,.is-hero-scene.on .top-subsubtitle,.is-hero-scene.on .top-title,.is-hero-scene.on .top-desc{opacity:1;transform:translateY(0)}.is-hero-scene.on .top-subtitle{transition-delay:.2s}.is-hero-scene.on .top-title,.is-hero-scene.on .top-subsubtitle{transition-delay:.4s}.is-hero-scene.on .top-desc{transition-delay:.6s}.vision-sec{flex-direction:column;justify-content:end;align-items:center;width:100%;height:105rem;display:flex;overflow:hidden}.orbit-wrap{width:80rem;height:60rem;position:relative}.orbit-line-a{border:1px solid var(--color-main-3);z-index:1;border-radius:50%;width:50rem;height:50rem;animation:40s linear infinite rotateOrbit;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.orbit-line-a:before,.orbit-line-a:after{content:"";background-color:var(--color-main-3);border-radius:50%;width:1rem;height:1rem;position:absolute}.orbit-line-a:before{top:50%;left:-.5rem;transform:translateY(-50%)}.orbit-line-a:after{top:50%;right:-.5rem;transform:translateY(-50%)}@keyframes rotateOrbit{0%{transform:translate(-50%,-50%)rotate(30deg)}to{transform:translate(-50%,-50%)rotate(390deg)}}.orbit-line-b{z-index:1;border:4px solid #eef9ff;border-radius:50%;width:100rem;height:100rem;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.center-core{background:var(--linear);border:2rem solid #eef9ff;border-radius:50%;justify-content:center;align-items:center;width:25rem;height:25rem;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.center-core img{width:16rem;height:auto}.vision-sec .item-content-wrap{z-index:2;width:30rem;position:absolute}.item-content{background:var(--color-white);border:2px solid var(--color-main-3);width:30rem;height:30rem;box-shadow:var(--main-shadow);z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.vision-sec .item-content{border-radius:50%;position:relative}.item-content-wrap.active .item-content{background:var(--linear-b3) padding-box, var(--linear) border-box;border:2px solid #0000}.orbit-wrap .item-1{top:-17%;left:-30%}.orbit-wrap .item-2{bottom:-5%;left:3%}.orbit-wrap .item-3{top:-17%;right:3%}.orbit-wrap .item-4{bottom:-5%;right:-30%}.item-content .num{font-size:2.8rem;font-weight:var(--fw-heavy);color:var(--color-main-dark)}.item-content h3{font-size:2.8rem;font-weight:var(--fw-reg);color:var(--color-main-dark);line-height:1.2}.item-content h3 b{font-weight:var(--fw-extr)}.item-content h5{font-size:2rem;font-weight:var(--fw-bold);color:var(--color-main-1)}.vision-sec .item-content-wrap p{text-align:center;margin-top:1.5rem;font-size:1.6rem}.vision-icon{width:6rem;height:6rem;position:relative}.vision-icon img{object-fit:contain;width:auto;height:6rem;transition:opacity .5s;position:absolute;top:0;left:0}.vision-icon .icon-active,.item-content-wrap.active .vision-icon .icon-default{opacity:0}.item-content-wrap.active .vision-icon .icon-active{opacity:1}.vision-info-grid{z-index:5;grid-template-columns:repeat(14,1fr);gap:1.5rem;width:100%;max-width:130rem;margin:8rem auto;display:grid}.vision-infoitem{background-color:var(--color-f2f2f2);border-radius:3rem;justify-content:space-between;align-items:center;height:6rem;padding:0 3rem;display:flex}.vision-infoitem h3{font-size:1.8rem;font-weight:var(--fw-extr);position:relative}.vision-infoitem span{font-size:1.8rem}.vision-infoitem span b{margin-left:1rem}.vision-infoitem:first-child,.vision-infoitem:nth-child(2){grid-column:span 4}.vision-infoitem:nth-child(3){grid-column:span 6}.vision-infoitem:nth-child(4),.vision-infoitem:nth-child(5){grid-column:span 7}.technology-area{background:var(--color-main-4)}.technology-area .inner{align-items:center;gap:8rem;display:flex}.about-title{flex-direction:column;gap:2rem;max-width:50rem;display:flex}.about-title h2{font-size:4rem;font-weight:var(--fw-heavy);color:var(--color-sub-dark)}.about-title p{font-size:2rem;line-height:1.4}.tec-slider-container{width:100%;min-width:0;position:relative}.tec-slidebtns{z-index:5;justify-content:space-between;gap:1.5rem;width:calc(100% + 3rem);height:3rem;display:flex;position:absolute;top:50%;left:-1.5rem;transform:translateY(-50%)}.tec-slidebtn{border:1px solid var(--color-main-2);cursor:pointer;background:#ffffff80;border-radius:3rem;justify-content:center;align-items:center;width:3rem;height:3rem;transition:background-color .3s;display:flex}.tec-slidebtn .tec-slidebtn-ico{background:var(--color-main-2);width:.8rem;height:1.5rem;margin-left:.2rem;transition:background-color .3s;-webkit-mask:url(/images/common/c_card_slidebtn.png) 50%/.6rem 1.2rem no-repeat;mask:url(/images/common/c_card_slidebtn.png) 50%/.6rem 1.2rem no-repeat}.tec-slidebtn:first-child{transform:rotate(180deg)}@media (hover:hover){.tec-slidebtn:hover{background-color:var(--color-main-2)}.tec-slidebtn:hover .tec-slidebtn-ico{background-color:var(--color-white)}}.tec-slider{width:100%}.tec-slider-wrapper{padding:6rem 0;height:20rem!important}.tec-item{background:var(--color-white);border-radius:3rem;flex-direction:column;justify-content:space-between;align-items:start;height:100%;padding:3rem;display:flex}.tec-item h5{font-size:2.5rem;font-weight:var(--fw-bold);color:var(--color-sub-dark);letter-spacing:-3%}.tec-item .tec-item-bottom{flex-direction:column;gap:1rem;display:flex}.tec-item .tec-item-bottom span{width:fit-content;font-size:1.8rem;font-weight:var(--fw-med);color:var(--color-main-2);border:1px solid var(--color-main-2);border-radius:4rem;padding:.5rem 1.5rem}.tec-item img{width:16rem;height:16rem;position:absolute;bottom:-3rem;right:1rem}.map-sec .inner{align-items:center;gap:8rem;padding:8rem 2rem;display:flex}.map-sec .about-title{width:50rem}.map-sec .about-title h2{margin-bottom:2rem}.about-title .about-title-item{flex-direction:column;gap:.5rem;display:flex}.about-title h5{font-size:2.5rem;font-weight:var(--fw-extr)}.map-wrap{border-radius:3rem;flex:1;height:45rem;overflow:hidden}.map-wrap img{object-fit:cover;width:auto;height:100%}.Company-history{z-index:1}.history-container{width:100%;position:relative}.history-tabs{z-index:10;background:#fff;justify-content:start;padding:7rem 0 4rem;display:flex;position:sticky;top:0}.history-tabs .history-tab-group{z-index:10;grid-area:1/2;gap:1rem;margin-bottom:0;display:flex}.history-tabs .history-tab-group .BtnM{padding:0 6rem}.cm-step-wrapper{margin:2rem auto 0;position:relative}.step-line-JS{z-index:1;background:#eee;width:2px;position:absolute;top:0;bottom:0;left:25%}.step-line-JS .line{background:linear-gradient(-70deg,#017dce 0%,#00b1e7 10%,#00e7b9 90%);width:100%;height:0;transition:height .2s linear;position:absolute;top:0;left:0}.scroll-dot{background:var(--linear);border:4px solid var(--color-white);z-index:10;border-radius:50%;width:2rem;height:2rem;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);box-shadow:0 0 0 10px #ccf1ff4d}.history-content{z-index:2;display:flex;position:relative}.history-sticky-left{width:25%;position:relative}.sticky-box{text-align:center;height:0;margin-top:16rem;position:sticky;top:20rem}.sticky-box .current-period{font-size:4rem;font-weight:var(--fw-extr);color:var(--color-sub-dark)}.sticky-box .sub-text{font-size:2.5rem;font-weight:var(--fw-extr);color:var(--color-main-1)}.history-list-wrap{width:75%;padding-left:6rem}.history-group{padding-bottom:10rem}.history-group:last-child{padding-bottom:0}.history-item{opacity:.3;flex-direction:column;gap:1rem;margin-bottom:5rem;transition:all .5s;display:flex}.history-item.active{opacity:1}.history-item .year{font-size:3rem;font-weight:var(--fw-heavy);color:var(--color-main-dark);margin-bottom:1rem}.history-item .desc{gap:.6rem;display:flex}.history-item .desc span{font-size:1.8rem;font-weight:var(--fw-extr);color:var(--color-main-dark)}.history-item .desc-blue{cursor:pointer}.history-item .desc-blue span{color:var(--color-main-2)}.history-item .desc p{font-size:1.8rem}.history-item .desc-blue p{color:var(--color-main-2)}.history-item .desc-navy{font-weight:var(--fw-bold);color:var(--color-main-dark)}.history-item .history-icon{width:2rem;height:2rem}.history-item .history-img{border:1px solid var(--color-ccc);width:17.6rem;height:25rem;display:none}.history-item .history-icon img,.history-item .history-img img{object-fit:cover;width:100%;height:auto}.award-marquee-section{background:var(--color-f2f2f2);padding:3rem 0;overflow:hidden}.marquee-container{width:100%;display:flex}.marquee-track{--marquee-shift:calc(-7 * (14rem + 10rem));align-items:center;gap:10rem;animation:30s linear infinite marquee-scroll;display:flex}.marquee-item{flex-shrink:0;width:14rem}.marquee-item img{width:100%;height:auto}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translateX(var(--marquee-shift))}}.customer-sec .inner{padding:10rem 2rem}.customer-list{grid-template-columns:repeat(5,1fr);gap:10rem 0;margin:0 auto;padding:0 2rem;list-style:none;display:grid}.customer-list li{justify-content:center;align-items:center;height:6rem;transition:opacity .3s,filter .3s,transform .3s;display:flex}.customer-list li img{object-fit:contain;width:auto;min-width:17rem;max-width:50%;height:100%;max-height:4.8rem}.recruit-sec{position:relative}.bg-marquee-text{z-index:0;opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;position:absolute;top:1rem;left:0;overflow:hidden}.marquee-text-track{white-space:nowrap;font-size:12rem;font-weight:var(--fw-heavy);color:#eef9ff;animation:15s linear infinite text-scroll;display:flex}.marquee-text-track span{padding-right:50px}@keyframes text-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.recruit-sec .inner{z-index:1;padding:10rem 2rem;position:relative}.recruit-wrap{justify-content:center;align-items:center;gap:3rem;width:100%;display:flex}.recruit-sec .item-content{border-radius:3rem}.item-content-navy .item-content{background:var(--color-main-2);border:none}.item-content h4{font-size:2.5rem;font-weight:var(--fw-extr);color:var(--color-sub-dark)}.recruit-sec .item-content p{max-width:20rem;font-size:1.8rem;line-height:1.4}.item-content-navy .item-content h4{font-size:4rem;font-weight:var(--fw-heavy);color:var(--color-white)}.item-content-navy .item-content h5{font-size:2.5rem;font-weight:var(--fw-bold);color:var(--color-main-3)}.item-content-navy .item-content p{max-width:28rem;font-size:1.8rem;line-height:1.4;font-weight:var(--fw-thin);color:var(--color-white)}.recruitment-area{background:var(--color-main-4)}.recruitment-area .inner{align-items:center;gap:20rem;padding:6rem 2rem;display:flex}.recruitment-title-wrap{flex-direction:column;gap:.8rem;display:flex}.about-title h4{font-size:3rem;font-weight:var(--fw-bold);color:var(--color-sub-dark)}.recruitment-btn-wrap{flex-direction:column;gap:1rem;display:flex}.recruitment-content{flex-direction:column;flex:1;gap:4rem;display:flex}.recruitment-proc-wrap{justify-content:space-between;align-items:center;width:100%;max-width:95rem;display:flex}.recruitment-proc{flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex}.recruitment-proc h4{font-size:2.5rem;font-weight:var(--fw-bold)}.recruitment-proc h4 b{font-weight:var(--fw-heavy);color:var(--color-main-2);margin-right:1rem}.recruitment-icon{width:7rem;height:7rem}.recruitment-icon img{object-fit:contain;width:auto;height:100%}.recruitment-arrow{width:1.5rem;height:2.5rem}.recruitment-content p{font-size:2rem;line-height:1.4}.Business-top{padding-top:5rem}.business-top-area{align-items:center;gap:2.5rem;display:flex}.business-desc{flex-direction:column;align-items:flex-start;gap:3rem;display:flex}.business-title{flex-direction:column;gap:1rem;display:flex}.business-title>h2{font-size:4.2rem;font-weight:var(--fw-extr);color:var(--color-sub-dark)}.business-title>h5{font-size:2.5rem;font-weight:var(--fw-semi);color:var(--color-sub-dark)}.check-list{flex-direction:column;align-items:flex-start;gap:.7rem;display:flex}.check-list>li{padding-left:3rem;font-size:2rem;line-height:1.5;position:relative}.check-list>li:before{content:"";background:url(/images/sub02/ico_check.png) 50%/contain no-repeat;width:2rem;height:3.5rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}.circleimg-wrap{width:28rem;height:28rem}.business-topcircle{object-fit:cover}.mobipost-mainimg{border:1px solid var(--color-ddd);background:var(--color-white);border-radius:3rem;width:100%;height:50rem}.mobipost-mainimg img{object-fit:contain;width:auto;height:100%;padding:3rem}.mobipost-subimgs{gap:3rem;width:100%;height:25rem;display:flex}.mobipost-subimgs img{object-fit:contain}.mobipost-subimg_1{border:1px solid var(--color-ddd);background:var(--color-white);border-radius:3rem;justify-content:center;align-items:center;width:35rem;display:flex;position:relative}.mobipost-subimg_2{border:1px solid var(--color-ddd);background:var(--color-white);border-radius:3rem;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.mobipost-subimg_1>span,.mobipost-subimg_2>span{font-size:1.6rem;font-weight:var(--fw-bold);position:absolute;top:1.5rem;left:2.5rem}.business-content{grid-area:1/1/auto/span 2;display:none}.business-sec{margin-bottom:8rem}.business-sec:last-child{margin-bottom:0}.business-content.active{width:100%;display:block}.business-content .business-Ltitle{font-size:4.2rem;font-weight:var(--fw-extr);color:var(--color-sub-dark);margin:1rem 0 2rem}.business-content .business-Cdesc{margin-bottom:1rem;font-size:2rem;line-height:1.4}.business-content .business-Mtitle{font-size:3.5rem;font-weight:var(--fw-extr);color:var(--color-sub-dark);margin-bottom:3rem}.business-content .business-Stitle{font-size:3rem;font-weight:var(--fw-extr);color:var(--color-main-2);margin-bottom:2rem}.business-tableWrap{border-top:1px solid var(--color-sub-dark);width:100%}.business-table{border-collapse:collapse;table-layout:fixed;width:100%}.business-table th:first-child,.business-table td:first-child{width:30rem;font-weight:var(--fw-bold);text-align:center}.business-table th:last-child{text-align:center;border-left:1px solid var(--color-ddd);width:auto}.business-table td:last-child{text-align:left;border-left:1px solid var(--color-ddd);width:auto;padding-left:3rem}.business-table th{border-bottom:1px solid var(--color-ddd);background-color:#f2f2f2;height:5rem;font-size:2rem}.business-table td{border-bottom:1px solid var(--color-ddd);word-break:break-all;padding:1rem;font-size:1.8rem}.customer7-area{background:#f2f2f2;border-radius:3rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:5rem;width:100%;padding:3rem;display:flex}.customer7-item{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:10rem;display:flex}.customer7-item img{object-fit:cover;width:100%}.customer7-item span{letter-spacing:-4%;font-size:1.8rem}.business-imginfo{flex-direction:column;gap:3rem;display:flex}.imginfo-item{border-bottom:1px solid var(--color-ddd);align-items:center;gap:8rem;padding-bottom:3rem;display:flex}.imginfo-img{width:35rem;height:auto}.imginfo-img img{object-fit:contain;width:100%;height:auto}.imginfo-info{flex-direction:column;flex:1;gap:1.5rem;display:flex}.imginfo-info h3{font-size:3rem;font-weight:var(--fw-extr);color:var(--color-sub-dark)}.imginfo-infolist{flex-direction:column;gap:.7rem;display:flex}.imginfo-infolist li{font-size:2rem;line-height:1.4}.imginfo-info p{color:var(--color-main-dark);font-size:1.8rem;line-height:1.4}.feature-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.feature-item{border:1px solid var(--color-ddd);border-radius:3rem;justify-content:space-between;align-items:center;gap:1rem;height:18rem;padding:0 4rem;display:flex}.feature-info{flex-direction:column;flex:1;gap:.5rem;display:flex}.feature-tit{gap:1rem;font-size:2.3rem;line-height:1.4;display:flex}.feature-tit span{font-weight:var(--fw-heavy);color:var(--color-main-1)}.feature-tit h4{font-weight:var(--fw-bold);color:var(--color-sub-dark)}.feature-text{color:var(--color-sub-dark);font-size:1.8rem;line-height:1.3}.feature-icon{width:6rem}.feature-icon img{object-fit:contain;width:100%;height:auto}.servideo-area{background:var(--linear-b2);border-radius:3rem;grid-template-columns:repeat(3,1fr);justify-content:center;align-items:center;padding:0 8rem;display:grid}.servideo-tit{flex-direction:column;min-width:40rem;margin-right:3rem;display:flex}.business-content .servideo-tit .business-Mtitle{color:var(--color-main-dark)}.servideo-button{flex-direction:column;gap:1rem;display:flex}.servideo-button p{color:var(--color-main-dark);font-size:2rem}.servideo-feature .check-list{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.servideo-feature .check-list>li:before{top:25%}.servideo-feature li{border-bottom:1px solid var(--color-main-dark);font-size:2rem;font-weight:var(--fw-semi);color:var(--color-main-dark);min-width:30rem;padding-bottom:2.5rem}.servideo-feature p{text-align:right;width:100%;margin-top:1rem;font-size:1.8rem}.service-video{justify-content:end;height:100%;display:flex}.device{background:url(/images/sub02/video-device.png) 50%/cover no-repeat;width:208px;height:431px;margin-top:3rem;position:relative;overflow:hidden}.device video{cursor:pointer;border-radius:2.5rem 2.5rem 0 0;position:absolute;bottom:0;right:50%;transform:translate(50%)}.Business-Proof-Process{background:#f1f1f1;padding-top:5rem}.proof-layout-flex{justify-content:space-between;align-items:flex-start;gap:5rem;display:flex}.Business-Proof-Process .process-left-title{flex-shrink:0;width:20rem}.Business-Proof-Process .process-left-title .business-Mtitle{color:var(--color-sub-dark);text-align:left;margin:0;font-size:3.6rem;font-weight:700}.Business-Proof-Process .process-right-content{flex:1;width:100%}.Business-Proof-Process .process-list{align-items:stretch;gap:2rem;width:100%;display:flex}.Business-Proof-Process .process-item{flex-direction:column;flex:1;align-items:center;display:flex}.Business-Proof-Process .process-item .step-title{color:var(--color-333);border-bottom:1px solid var(--color-eee);word-break:keep-all;flex-direction:row;align-items:center;gap:.7rem;padding-bottom:2rem;font-size:2rem;font-weight:700;display:flex}.Business-Proof-Process .process-item .step-title .step-num{color:var(--color-main-2);font-size:2.4rem;font-weight:800}.Business-Proof-Process .process-item .step-content{flex-flow:wrap;justify-content:center;gap:.7rem 1.2rem;display:flex}.Business-Proof-Process .process-item .step-content p{color:var(--color-555);word-break:keep-all;font-size:1.6rem;line-height:1.4}.Business-Proof-Process .process-arrow{flex-shrink:0;justify-content:center;align-items:center;width:3rem;display:flex}.Business-Proof-Process .process-arrow:after{content:"";border-top:3px solid var(--color-ccc);border-right:3px solid var(--color-ccc);width:1.5rem;height:1.5rem;transform:rotate(45deg)}.business-Proof-MainFunction .business-Ltitle{font-size:4.2rem;font-weight:var(--fw-extr);color:var(--color-sub-dark);margin:1rem 0 2rem}.business-Proof-MainFunction .business-Cdesc{margin-bottom:1rem;font-size:2rem;line-height:1.4}.MainFunction-card-item{flex-flow:wrap;gap:2rem;display:flex}.MainFunction-info{box-sizing:border-box;background:var(--linear-b2);border-radius:3rem;flex:1;padding:3rem 4rem;position:relative}.MainFunction-card__header{margin-bottom:.7rem}.MainFunction-card__badge{color:var(--color-main-2);border:1px solid var(--color-main-2);background-color:#fff;border-radius:3rem;padding:.9rem 1.6rem;font-size:1.6rem;font-weight:600;display:inline-block}.MainFunction-card__list{max-width:85%;margin:0;padding:0;list-style:none}.MainFunction-card__list li{color:#333;word-break:keep-all;margin-bottom:6px;padding-left:12px;font-size:1.6rem;line-height:1.4;position:relative}.MainFunction-card__list li:before{content:"";border-top:3px solid #0000;border-bottom:3px solid #0000;border-left:5px solid #555;width:0;height:0;position:absolute;top:8px;left:0}.MainFunction-card__icon{width:64px;height:64px;position:absolute;bottom:20px;right:20px}.MainFunction-card__icon img{object-fit:contain;width:100%;height:100%;display:block}.business-Proof-MainFunction .business-Mtitle{font-size:3.5rem;font-weight:var(--fw-extr);color:var(--color-sub-dark);margin-bottom:3rem}.business-document-tab01 .business-Cdesc{margin-bottom:3rem}.business-document-tab01 .imginfo-img{width:50rem}.business-document-feature-grid{grid-template-columns:repeat(5,1fr)}.business-document-feature-grid .feature-item{flex-direction:column;gap:2.5rem;height:auto;padding:3.5rem 3rem}.business-document-feature-grid .feature-item .feature-info{align-items:center}.business-document-feature-grid .feature-item .feature-text{text-align:center}.business-document-tab02 .imginfo-img{width:50rem}.business-document-tab02 .imginfo-info{gap:2.5rem}.business-document-tab02 .imginfo-info .imginfo-imgBox{width:8rem}.business-document-tab02 .imginfo-List{flex-flow:column wrap;gap:2.5rem;display:flex}.edocument_tab3_title{justify-content:space-between;align-items:flex-start;display:flex}.business-center-pc{background:linear-gradient(#fff,#d8efe4);border-radius:3rem;justify-content:center;padding-top:5rem;display:flex}.business-center-mo{display:none}.itsm-process-wrap{background:var(--color-main-4);flex-flow:wrap;justify-content:space-between;align-items:center;padding:3rem;display:flex;position:relative}.itsm-process-list{flex-flow:wrap;align-items:center;gap:4rem;display:flex}.itsm-process-list .item{color:var(--color-main-dark);font-size:1.8rem;font-weight:600}.itsm-process-arrow{flex-shrink:0;justify-content:center;align-items:center;width:3rem;display:flex}.itsm-process-arrow:after{content:"";border-top:3px solid #b9d7e5;border-right:3px solid #b9d7e5;width:1.1rem;height:1.1rem;transform:rotate(45deg)}.itsm-process-imgBox{width:65px;position:absolute;bottom:0;right:3rem}.Portf-card-wrapper{flex-flow:wrap;justify-content:center;align-items:stretch;gap:15px;display:flex}.sub-project-card{border:1px solid var(--color-ddd);background:#fff;border-radius:40px;flex-direction:column;flex:calc(25% - 24px);min-width:300px;transition:all .3s;display:flex;position:relative;overflow:hidden}.sub-project-card:before{content:"";background:var(--color-main-4);z-index:0;border-radius:50%;width:38rem;height:35rem;position:absolute;bottom:-30%;left:50%;transform:translate(-50%)}.sub-card-header{z-index:1;flex-shrink:0;padding:3rem 0 1rem}.sub-card-header.typeCenter{text-align:center;flex-flow:column;align-items:center;display:flex}.sub-card-header.typeLeft{flex-flow:column;align-items:flex-start;display:flex}.sub-card-header .badge{background:var(--color-main-4);color:var(--color-main-2);border-radius:2rem;padding:.7rem 2rem;font-size:1.6rem;font-weight:700;display:inline}.sub-card-header .logo-area{justify-content:center;align-items:center;width:100%;min-height:20px;max-height:35px;margin:1rem 0;display:flex}.sub-card-header.typeLeft .logo-area{justify-content:flex-start;margin:0 3rem}.sub-card-header .logo-area .logo-img{object-fit:contain;width:auto;max-width:90%;height:auto;max-height:85%;image-rendering:-webkit-optimize-contrast}.sub-card-header .project-title{color:var(--color-sub-dark);margin:0 5rem;font-size:2.5rem}.sub-card-header .textBox-area{text-align:left}.sub-card-header .textBox-area .project-title{margin:1rem 3rem}.sub-project-list-box{box-sizing:border-box;width:100%;padding:0 3.4rem}.sub-project-list-box ul{flex-direction:column;gap:.9rem;margin:0;padding:0;list-style:none;display:flex}.sub-project-list-box li{text-align:left;word-break:keep-all;padding-left:1.1rem;font-size:1.8rem;position:relative}.sub-project-list-box li:before{content:"";border-top:.3rem solid #0000;border-bottom:.3rem solid #0000;border-left:.5rem solid #333;width:0;height:0;position:absolute;top:.7rem;left:0}.sub-device-mockup-container{flex-grow:1;justify-content:center;align-items:flex-end;max-height:450px;margin-top:3rem;display:flex;position:relative}.sub-image-wrapper{z-index:1;border:3px solid #333;border-top-left-radius:1rem;border-top-right-radius:1rem;width:60%;max-height:300px}.sub-image-wrapper.sub-mobimage-wrapper{max-width:18rem}.sub-device-mockup-container.typePc{margin-top:2rem}.sub-device-mockup-container.typePc .sub-image-wrapper{border:none;width:70%;margin-right:20px}.sub-project-card:has(.sub-device-mockup-container.typePc):before{content:"";width:40rem;height:40rem}.sub-mockup-image{border-top-left-radius:.6rem;border-top-right-radius:.6rem;width:100%}.project-sec .inner{padding:6rem 2rem 4rem}.project-card-wrapper{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.project-card{border:1px solid var(--color-main-3);cursor:pointer;background:#fff;border-radius:3rem;flex-direction:column;flex:1;min-width:100%;max-width:365px;transition:all .3s ease-in-out;display:flex;position:relative;overflow:hidden}.project-card-overlay{opacity:0;z-index:10;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s ease-in-out;display:flex;position:absolute;top:0;left:0}@media (hover:hover){.project-card:hover .project-card-overlay{opacity:1}}.overlay-content{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.project-card-badge{font-size:2rem;font-weight:var(--fw-bold);color:var(--color-white);background:var(--linear);border-radius:2rem;padding:1rem 2rem}.overlay-content .hash-tags{flex-direction:column;align-items:center;gap:.5rem;display:flex}.overlay-content .hash-tags li{text-align:center;color:var(--color-white);border:1px solid var(--color-888);border-radius:2rem;padding:.5rem 1.5rem;font-size:1.8rem}.card-header{z-index:1;flex-shrink:0;min-height:190px;padding:3rem 0 1rem}.card-header.typeCenter{text-align:center;flex-flow:column;align-items:center;display:flex}.card-header .logo-area{justify-content:center;align-items:center;width:100%;max-width:20rem;height:3rem;margin:1rem 0;display:flex}.card-header .logo-area .logo-img{object-fit:contain;height:100%;image-rendering:-webkit-optimize-contrast}.card-header .project-title{font-size:2rem;font-weight:var(--fw-bold);-webkit-line-clamp:4;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0 3rem;display:-webkit-box;overflow:hidden}.device-mockup-container{background:var(--linear-b3);justify-content:center;display:flex;position:relative}.image-wrapper{z-index:1;border:3px solid #333;border-top-left-radius:1rem;border-top-right-radius:1rem;width:60%;max-height:20rem}.image-wrapper.sub-mobimage-wrapper{max-width:18rem}.device-mockup-container.typePc{margin-top:2rem}.device-mockup-container.typePc .sub-image-wrapper{border:none;width:70%;margin-right:20px}.sub-project-card:has(.device-mockup-container.typePc):before{content:"";width:40rem;height:40rem}.mockup-image{border-top-left-radius:.6rem;border-top-right-radius:.6rem;width:100%}.project-empty{text-align:center;color:var(--color-888);padding:6rem 0;font-size:1.8rem}.project-nodata-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:8rem 0;display:flex}.project-nodata-wrapper p{color:var(--color-888);text-align:center;font-size:1.8rem}.project-tab-container{padding-top:4rem}.project-tab-container .tab-group{justify-content:center}.project-tab-container .tab-item{flex:none}.project-tab-container .tab-item button{width:auto}.image-wrapper.sub-deskimage-wrapper{width:90%;max-width:32rem}.pagination-container{justify-content:center;padding:4rem 0 1rem;display:flex}.pagination{align-items:center;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.page-item .page-link{min-width:3.8rem;height:3.8rem;color:var(--color-333);background:var(--color-white);cursor:pointer;border:1px solid #ddd;border-radius:.6rem;justify-content:center;align-items:center;padding:0 .8rem;font-size:1.5rem;transition:background .2s,color .2s,border-color .2s;display:flex}@media (hover:hover){.page-item .page-link:hover:not(:disabled){background:var(--color-main-4);border-color:var(--color-main-1);color:var(--color-main-1)}}.page-item.active .page-link{background:var(--color-sub-dark);color:var(--color-white);border-color:var(--color-sub-dark);font-weight:var(--fw-bold)}.page-item.disabled .page-link,.page-item .page-link:disabled{opacity:.35;cursor:default;pointer-events:none}.icon-prev,.icon-next,.icon-first,.icon-last{align-items:center;gap:1px;display:inline-flex}.icon-prev:before,.icon-next:before,.icon-first:before,.icon-first:after,.icon-last:before,.icon-last:after{content:"";border-top:1.5px solid;border-right:1.5px solid;flex-shrink:0;width:7px;height:7px;display:block}.icon-prev:before{transform:rotate(-135deg)}.icon-next:before{transform:rotate(45deg)}.icon-first:before,.icon-first:after{transform:rotate(-135deg)}.icon-last:before,.icon-last:after{transform:rotate(45deg)}.news-sec .inner{margin-bottom:4rem;padding:6rem 2rem 0}.news-title{font-size:3.5rem;font-weight:var(--fw-extr);color:var(--color-sub-dark);border-bottom:1px solid var(--color-sub-dark);margin-bottom:3rem;padding-bottom:1.5rem}.news-content-wrap{border-bottom:1px solid var(--color-sub-dark);align-items:flex-start;gap:10rem;padding-bottom:3rem;display:flex}.news-main{width:60rem}.news-main-thumb{border-radius:2rem;flex-shrink:0;width:100%;height:30rem;overflow:hidden}.news-main-thumb img{object-fit:cover;width:100%;height:100%;display:block}.news-content-txtbox{margin-top:24px}.news-info{justify-content:space-between;align-items:center;width:100%;display:flex}.news-category{color:var(--color-main-2);background:var(--color-main-4);height:3.2rem;font-weight:var(--fw-bold);border-radius:3.2rem;justify-content:center;align-items:center;padding:0 1.2rem;font-size:1.5rem;display:flex}.news-date{color:var(--color-888);font-size:1.4rem;font-weight:var(--fw-light)}.news-content-txtbox{flex-direction:column;gap:1.2rem;display:flex}.news-content-txtbox h4{font-size:2.8rem;font-weight:var(--fw-extr);color:var(--color-sub-dark);line-height:1.4}.news-content-txtbox p{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.news-slider-container{flex:1;width:100%;min-width:0;position:relative}.newsSwiper{width:100%;overflow:hidden}.newsSwiper .swiper-slide{height:auto}.sub-news-list{width:100%;padding:0;list-style:none}.sub-news-list li{border-bottom:1px solid #eee}.sub-news-list a{cursor:pointer;flex-direction:column;gap:1.5rem;padding:2.6rem 0;display:flex}.sub-news-list li:first-child a{padding-top:0}.sub-news-list li:last-child{border:none}.sub-news-list h4{max-width:90%;font-size:2.2rem;font-weight:var(--fw-extr);color:var(--color-sub-dark);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.news-slider-container .swiper-pagination{position:relative;bottom:0!important}.news-slider-container .swiper-pagination-bullet{background:var(--color-333);opacity:1;width:8px;height:8px;transition:all .3s;margin:0 .5rem!important}.news-slider-container .swiper-pagination-bullet-active{background:var(--color-main-3);border-radius:4px;width:2rem}.related-news-wrap{border-bottom:1px solid var(--color-sub-dark);grid-template-columns:repeat(2,1fr);gap:2rem 10rem;margin:3rem 0;display:grid}.news-card-item{border-bottom:1px solid #eee;justify-content:space-between;align-items:start;gap:2rem;min-width:0;padding-bottom:2rem;display:flex}.card-txt-box{flex-direction:column;flex:1;gap:1rem;min-width:0;display:flex}.card-txt-box h4{max-width:90%;font-size:2.2rem;line-height:1.4;font-weight:var(--fw-extr);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-thumb{border-radius:1rem;flex-shrink:0;width:16rem;height:10rem;overflow:hidden}.card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.news-ctrl-btns{justify-content:center;gap:10px;display:flex}.contact-sec .inner{flex-direction:column;gap:8rem;padding:6rem 2rem 4rem;display:flex}.contact-info-header{background:var(--color-main-4);border-radius:3rem;justify-content:space-between;align-items:end;padding:4rem 8rem;display:flex}.contact-text{flex-direction:column;gap:2rem;display:flex}.contact-icon{width:5.5rem;height:6rem}.contact-icon image{object-fit:contain;width:100%;height:auto}.contact-text h2{font-size:3rem;font-weight:var(--fw-extr);color:var(--color-main-dark);line-height:1.4}.contact-detail{grid-template-columns:repeat(2,1fr);gap:3rem 4rem;display:grid}.contact-detail-item{border-bottom:1px solid #b9d7e5;justify-content:space-between;align-items:center;width:100%;min-width:30rem;padding:0 1rem 1.5rem;display:flex}.contact-detail-item .label{font-size:2rem;font-weight:var(--fw-bold);color:var(--color-main-dark)}.contact-detail-item .value{font-size:2rem}.contact-form{flex-direction:column;gap:5rem;display:flex}.contact-form .devider{background:var(--color-sub-dark);border:none;width:100%;height:1px}.contact-form-grid{grid-template-columns:repeat(2,1fr);gap:5rem 6rem;display:grid}.contact-sec input[type=text],.contact-sec input[type=tel],.contact-sec input[type=email]{border:1px solid var(--color-f2f2f2);background:var(--color-f2f2f2);box-sizing:border-box;border-radius:5rem;width:100%;height:5rem;padding:0 2rem}.category-fieldset{border:none;margin:0;padding:0}.textarea-wrap{border:1px solid var(--color-f2f2f2);background:var(--color-f2f2f2);border-radius:2.5rem;padding-right:1rem}.contact-sec textarea{resize:none;outline:none;width:100%;height:15rem;padding:2rem}.contact-form-group textarea::-webkit-scrollbar{width:1rem}.contact-form-group textarea::-webkit-scrollbar-track{background:0 0;margin:1.5rem 0}.contact-form-group textarea::-webkit-scrollbar-thumb{background:var(--color-ddd);border-radius:.5rem}.contact-form-group textarea::-webkit-scrollbar-thumb:hover{background:var(--color-ccc)}.contact-sec input[type=text]:focus,.contact-sec input[type=tel]:focus,.contact-sec input[type=email]:focus,.contact-sec .textarea-wrap:focus-within{border:1px solid var(--color-main-3)}.contact-form-group{flex-direction:column;gap:1rem;display:flex}.contact-form-group label,.contact-form-group legend{font-size:2.2rem;font-weight:var(--fw-bold);color:var(--color-sub-dark)}.contact-form-group label .required,.contact-form-group legend .required{font-size:1.6rem;font-weight:var(--fw-reg);color:var(--color-main-1)}.category-tags{flex-wrap:wrap;gap:1.5rem;width:100%;margin-top:1rem;display:flex}.category-tags .tag-item{flex:1;width:100%;min-width:0}.tag-item input{display:none}.tag-item span{background:var(--color-f2f2f2);cursor:pointer;width:100%;height:5rem;font-size:1.6rem;font-weight:var(--fw-med);color:var(--color-333);text-align:center;border-radius:5rem;justify-content:center;align-items:center;padding:0 1rem;transition:background-color .3s;display:flex}.tag-item input:checked+span{background:var(--color-main-1);color:var(--color-white)}@media (hover:hover){.tag-item input:not(:checked):hover+span{background:var(--color-ddd)}}.contact-form-footer{justify-content:space-between;align-items:center;gap:5rem;width:100%;display:flex}.contact-check-area{gap:2rem;display:flex}.mock-captcha{width:30.4rem;height:7.8rem}.mock-captcha img{object-fit:contain;width:100%;height:100%}.agreement-area{border:1px solid var(--color-ddd);border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;width:fit-content;height:7.7rem;padding:0 1.5rem;display:flex}.agreebox-container{cursor:pointer;color:var(--color-sub-dark);-webkit-user-select:none;user-select:none;align-items:center;padding-left:3rem;font-size:1.5rem;line-height:1.4;display:flex;position:relative}.agreebox-container span{font-weight:var(--fw-reg);text-decoration:underline}.agreebox-container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{background-color:var(--color-white);border:1px solid var(--color-main-dark);width:2.5rem;height:2.5rem;position:absolute;left:0}.agreebox-container input:checked~.checkmark{background-color:var(--color-main-dark)}.checkmark:before,.checkmark:after{content:"";background-color:#fff;border-radius:5px;display:none;position:absolute}.agreebox-container input:checked~.checkmark:before,.agreebox-container input:checked~.checkmark:after{display:block}.checkmark:before{transform-origin:bottom;width:.3rem;height:.8rem;top:.8rem;left:.8rem;transform:rotate(-45deg)}.checkmark:after{transform-origin:0;width:1.5rem;height:.3rem;top:1.5rem;left:.8rem;transform:rotate(-45deg)}body.no-scroll{overflow:hidden}.modal-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-overlay.active{display:flex}.modal-content{background:var(--color-white);width:90%;max-width:45rem;box-shadow:var(--main-shadow);border-radius:3rem;flex-direction:column;gap:3rem;padding:5rem 2rem;display:flex;position:relative}.modal-close{cursor:pointer;color:var(--color-333);background:0 0;border:none;font-size:3rem;position:absolute;top:1rem;right:1.5rem}.modal-header h2{font-size:2.8rem;font-weight:var(--fw-bold);color:var(--color-sub-dark);text-align:center}.modal-body{flex-direction:column;gap:1.5rem;font-size:1.8rem;line-height:1.4;display:flex}.modal-info-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.modal-body .modal-notice{color:var(--color-main-2);font-size:1.6rem}@media screen and (max-width:1500px){.page-title{font-size:2.5rem}.breadcrumb-wrapper{font-size:1.8rem}.breadcrumb-item{height:4rem}.breadcrumb-item>a{font-weight:var(--fw-semi);padding:0 1.2rem}.top-subsubtitle{font-size:2.5rem}.vision-sec{height:95rem}.orbit-wrap{width:58rem;height:50rem}.orbit-line-a{width:35rem;height:35rem}.orbit-line-b{width:calc(40rem + 20vw);height:calc(40rem + 20vw)}.center-core{width:18rem;height:18rem}.center-core img{width:12rem}.vision-sec .item-content-wrap{width:25rem}.item-content{width:25rem;height:25rem;margin-bottom:1.2rem}.orbit-wrap .item-1{top:-17%;left:-12vw}.orbit-wrap .item-2{bottom:-5%;left:0}.orbit-wrap .item-3{top:-17%;right:0}.orbit-wrap .item-4{bottom:-5%;right:-12vw}.item-content .num,.item-content h3{font-size:2.3rem}.item-content h5{font-size:1.8rem}.vision-sec .item-content-wrap p{margin-top:1rem;font-size:1.4rem}.vision-icon{width:5rem;height:5rem}.vision-icon img{height:5rem}.vision-info-grid{padding:0 2rem}.vision-infoitem h3,.vision-infoitem span{font-size:1.6rem}.technology-area .inner{gap:6rem}.about-title{flex-direction:column;gap:1.5rem;max-width:40rem;display:flex}.about-title h2{font-size:4rem}.about-title p{font-size:1.8rem}.tec-slider-wrapper{height:18rem!important}.tec-item{padding:3rem}.tec-item h5{font-size:2.6rem}.tec-item .tec-item-bottom{gap:.5rem}.tec-item .tec-item-bottom span{padding:.4rem 1.2rem;font-size:1.6rem}.tec-item img{width:12rem;height:12rem;bottom:-2rem}.map-sec .inner{gap:5rem;padding:6rem 2rem}.sticky-box .current-period{font-size:3rem}.sticky-box .sub-text{font-size:2rem}.history-list-wrap{padding-left:4rem}.history-tabs .history-tab-group .BtnM{padding:0 5rem}.history-item .year{font-size:2.5rem}.history-item .desc span,.history-item .desc p{font-size:1.6rem}.marquee-track{--marquee-shift:calc(-7 * (12rem + 8rem));gap:8rem}.marquee-item{flex-shrink:0;width:12rem}.customer-list{gap:10rem 0}.customer-list li img{min-width:18rem;max-width:60%;max-height:4.2rem}.recruit-wrap{gap:2rem}.item-content-navy .item-content h4{font-size:3rem}.item-content-navy .item-content h5{font-size:2rem}.item-content-navy .item-content p{font-size:1.6rem}.recruitment-area .inner{gap:10rem}.recruitment-proc h4{font-size:2.2rem}.recruitment-icon{width:6rem;height:6rem}.recruitment-content p{font-size:1.8rem}.feature-grid{gap:1.5rem}.feature-item{height:16rem}.feature-tit{font-size:2rem}.feature-text{font-size:1.6rem}.servideo-area{grid-template-columns:repeat(2,1fr);min-height:55rem}.servideo-tit{grid-column:span 2}.service-video{justify-content:end;position:relative}.servideo-feature li{min-width:35rem}.servideo-button{flex-flow:wrap;justify-content:start;align-items:center;gap:1rem;width:100%}.device{margin-top:0;position:absolute;bottom:0}.news-main{width:55rem}.news-content-wrap{gap:8rem;padding-bottom:2rem}.news-title{margin-bottom:2rem;padding-bottom:1.2rem;font-size:3.2rem}.news-content-txtbox h4{font-size:2.6rem}.related-news-wrap{gap:2.6rem 8rem}.contact-form,.contact-form-grid{gap:4rem}}@media (max-width:1300px){.sub-project-card{flex:0 0 calc(50% - 12px)}.sub-project-card.cardType-list{flex:1}.sub-device-mockup-container:before{width:50rem}}@media screen and (max-width:1200px){.top-title{font-size:5rem}.top-subsubtitle{font-size:2.3rem}.top-desc{font-size:1.6rem}.top-subsubtitle-wrap .top-title{margin:.5rem 1rem 0 0}.technology-area .inner{flex-direction:column;align-items:start;gap:0;padding-top:3rem}.about-title{max-width:none}.about-title h2{font-size:3rem}.about-title p{font-size:1.6rem}.tec-slider-wrapper{padding:3rem 0;height:16rem!important}.tec-item{padding:2.5rem}.tec-item h5{font-size:2.2rem}.tec-item .tec-item-bottom span{padding:.4rem 1.2rem;font-size:1.4rem}.tec-item img{width:10rem;height:10rem;bottom:-2rem}.map-sec .inner{padding:4rem 2rem}.map-sec .about-title{width:auto}.about-title h5{font-size:2rem}.map-wrap{height:30rem}.marquee-text-track{font-size:9rem}.customer-sec .inner{padding:5rem 2rem}.customer-list li img{min-width:15rem;max-width:50%}.recruit-sec .item-content{border-radius:1.5rem;width:22rem;height:22rem}.recruitment-area .inner{gap:4rem}.recruitment-proc-wrap{max-width:75rem}.recruitment-proc h4{font-size:2rem}.recruit-sec .item-content p{max-width:18rem;font-size:1.6rem;line-height:1.4}.recruitment-arrow{width:1rem;height:1.8rem}.about-title h4{font-size:2rem}.recruitment-btn-wrap{margin-top:1rem}.business-title>h2{font-size:4rem}.business-title>h5{font-size:2.3rem}.check-list>li{font-size:1.8rem}.circleimg-wrap{width:20rem;height:20rem}.mobipost-subimg_1{width:25rem}.business-content .business-Ltitle{font-size:4rem}.business-content .business-Mtitle{font-size:3rem;font-weight:var(--fw-extr);color:var(--color-sub-dark);margin-bottom:2rem}.business-content .business-Stitle{margin-bottom:1rem;font-size:2.8rem}.business-table th{height:4rem;font-size:1.8rem}.business-table td{padding:.8rem;font-size:1.6rem}.business-table th:first-child,.business-table td:first-child{width:25rem}.customer7-item{gap:.5rem;width:7rem}.customer7-item span{font-size:1.6rem}.imginfo-info h3{font-size:2.8rem}.imginfo-infolist{gap:1rem}.imginfo-infolist li{font-size:1.8rem}.imginfo-info p{font-size:1.6rem}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-item{height:14rem;padding:0 2.5rem}.servideo-area{min-height:46rem}.servideo-feature .check-list{gap:2rem}.servideo-feature li{min-width:28rem}.servideo-feature p{font-size:1.4rem}.proof-layout-flex{gap:3rem}.business-document-feature-grid{flex-flow:wrap;justify-content:center;gap:1rem;display:flex}.business-document-feature-grid .feature-item{flex:1;min-width:300px}.c-card-addInfo .c-card-alink{flex-direction:column}.project-sec .inner{padding:5rem 2rem}.project-card-wrapper{grid-template-columns:repeat(3,1fr);gap:1.5rem}.card-header{min-height:160px;padding:1rem 0}.card-header .project-title{margin:0 5rem;font-size:1.8rem}.news-sec .inner{padding:5rem 2rem 0}.news-content-wrap{gap:6rem;display:flex}.news-main{flex:1}.news-main-thumb{border-radius:1.5rem;height:25rem}.sub-news-list a{gap:1rem}.news-category{height:3rem;padding:0 1rem;font-size:1.5rem}.sub-news-list h4,.card-txt-box h4{font-size:2rem}.news-content-txtbox h4{font-size:2.2rem}.news-content-txtbox p{font-size:1.6rem}.related-news-wrap{gap:2.6rem 6rem}.contact-info-header{padding:3rem 6rem}.contact-text h2{font-size:2.6rem}.contact-icon{width:5rem;height:5.5rem}.contact-detail{gap:2rem 3rem}.contact-form,.contact-form-grid{gap:3rem}.contact-detail-item{min-width:25rem;padding:1rem}.contact-detail-item .label{font-size:1.9rem}.contact-detail-item .value{font-size:1.7rem}.contact-sec .inner{gap:6rem;padding:5rem 2rem}.category-tags{gap:1rem}}@media screen and (max-width:1024px){.pc-only-c{display:none}.mob-only-c{display:block}.container{margin-top:5rem}.Content-top{background:var(--linear-b);background-repeat:no-repeat;background-size:100% 20rem;padding:3rem 0}.breadcrumb-area{align-items:start;margin-bottom:3rem}.breadcrumb-wrapper{width:100%;padding:.4rem;font-size:1.6rem}.breadcrumb{width:100%}.breadcrumb-item{height:3.5rem}.breadcrumb-item>a{padding:0}.top-wrap{gap:1.5rem}.top-title-wrap{gap:1rem}.top-title{font-size:4rem}.top-subtitle-wrap{border:1px solid var(--color-main-1);background:var(--color-main-4);border-radius:1.5rem;width:fit-content;padding:.5rem 1.5rem}.top-subtitle{color:var(--color-main-1);font-size:1.6rem}.top-subsubtitle{font-size:2rem}.top-desc{font-size:1.6rem}.Company-history .Content-top{padding:2rem 0 0}.vision-sec{height:85rem;overflow:visible}.orbit-wrap{width:45rem;height:45rem}.orbit-line-a{width:25rem;height:25rem;top:40%}.center-core{border:1.5rem solid #eef9ff;width:14rem;height:14rem;top:40%}.center-core img{width:9rem}.vision-sec .item-content-wrap{width:20rem}.item-content{gap:.5rem;width:20rem;height:20rem;margin-bottom:1rem}.orbit-wrap .item-1{top:-17%;left:-12vw}.orbit-wrap .item-2{bottom:-2%;left:0}.orbit-wrap .item-3{top:-17%;right:0}.orbit-wrap .item-4{bottom:-2%;right:-12vw}.item-content .num,.item-content h3{font-size:2rem}.item-content h5{font-size:1.6rem}.item-content-wrap p{font-size:1.4rem}.vision-icon{width:3.5rem;height:3.5rem}.vision-icon img{height:3.5rem}.vision-info-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin:5rem auto}.vision-infoitem{height:4.5rem;padding:0 2.5rem}.vision-infoitem h3,.vision-infoitem span{font-size:1.6rem}.vision-infoitem:first-child,.vision-infoitem:nth-child(2){grid-column:span 1}.vision-infoitem:nth-child(3),.vision-infoitem:nth-child(4),.vision-infoitem:nth-child(5){grid-column:span 2}.cm-step-wrapper{margin:0}.step-line-JS{margin-top:4rem;left:3rem}.history-list-wrap{flex-direction:column;align-items:center;width:100%;padding-left:0;display:flex}.history-tabs{justify-content:center;padding:5rem 0 3rem}.sticky-box{text-align:start;height:fit-content;margin-top:0;margin-bottom:4rem;position:static;top:0}.history-group{width:60rem;padding:0 5rem 0 .2rem}.history-group:last-child{padding-bottom:5rem}.history-item{margin-bottom:2.8rem}.history-item .year{margin-bottom:0}.history-item .history-img{width:14rem;height:20rem}.award-marquee-section{padding:2rem 0}.marquee-track{--marquee-shift:calc(-7 * (10rem + 6rem));gap:6rem}.marquee-item{width:10rem}.customer-sec .inner{padding:2rem 4rem 4rem}.customer-list{grid-template-columns:repeat(3,1fr);gap:6rem 4rem;padding:0}.customer-list li img{min-width:14rem}.Company-HR .Content-top{padding:3rem 0 1rem}.recruit-sec .item-content{width:16rem;height:22rem}.recruit-sec .inner{padding:5rem 2rem 10rem}.bg-marquee-text{top:-2rem}.recruit-sec .item-content p{max-width:15rem}.item-content-navy .item-content h4{font-size:2.56rem}.recruit-sec .item-content h4{font-size:2rem}.recruitment-proc h4{text-align:center;font-size:1.8rem}.recruitment-proc h4 b{margin-right:0;display:block}.recruitment-icon{width:5rem;height:5rem}.recruitment-content p{font-size:1.6rem}.Business-top{background:var(--color-main-4);margin-bottom:3rem;padding:2rem}.business-desc{order:2;gap:2rem;width:100%}.business-title{gap:1rem}.business-title>h2{color:var(--color-main-dark);font-size:3.5rem}.business-title>h5{color:var(--color-main-dark);font-size:2rem}.check-list>li{padding-left:2.3rem;font-size:1.6rem}.check-list>li:before{width:1.5rem;height:2rem}.circleimg-wrap{order:1}.customer7-item{gap:.5rem;width:6rem}.business-imginfo{gap:2rem}.imginfo-item{flex-direction:column;gap:0;padding-bottom:2rem}.imginfo-info{padding:0 2rem}.imginfo-img{width:100%;max-width:35rem}.feature-item{border-radius:1.5rem}.feature-icon{width:5.5rem}.servideo-area{border-radius:0;width:auto;margin:5rem -2rem;padding:3rem 5rem 0}.servideo-tit{margin-right:0}.servideo-button p{font-size:1.6rem}.servideo-feature li{min-width:22rem;padding-bottom:1rem}.servideo-feature .check-list>li{font-size:1.8rem}.business-document-tab01 .imginfo-img{width:auto}.business-document-tab01 .imginfo-item{flex-direction:row;align-items:flex-start}.business-document-tab02 .imginfo-img{width:auto}.business-document-tab02 .imginfo-item{flex-direction:row;align-items:flex-start}.sub-project-card.cardType-list{flex-direction:row;flex:100%;align-items:center;height:auto;min-height:220px;position:relative}.sub-project-card:before{content:"";background:var(--color-main-4);z-index:0;border-radius:50%;width:40rem;height:40rem;position:absolute;bottom:-60%;left:auto;right:-22rem}.sub-project-card:has(.sub-mobimage-wrapper):before{bottom:-30%;left:50%;right:auto}.sub-project-card.cardType-list .sub-device-mockup-container.typePc:before{display:none}.sub-project-card.cardType-list .sub-device-mockup-container.typePc .sub-image-wrapper{width:90%}.sub-project-list-box{margin:1.5rem 0 3rem 3rem;padding:0}.sub-project-list-box li{font-size:1.6rem}.sub-card-header.typeLeft{flex:15}.news-content-wrap{margin-bottom:8rem}.project-sec .inner,.news-sec .inner,.contact-sec .inner{margin-bottom:4rem;padding:0 2rem}.news-title{font-size:2.8rem}.related-news-wrap{grid-template-columns:repeat(1,1fr);gap:2rem 6rem;margin:2rem 0}.contact-sec .inner{gap:4rem}.contact-info-header{flex-direction:column;justify-content:start;align-items:start;gap:5rem;padding:3rem}.contact-text{flex-direction:row;justify-content:space-between;width:100%}.contact-icon{order:2}.contact-text h2{order:1;font-size:2.4rem}.contact-detail{width:100%}.contact-detail-item{min-width:0}.category-tags .tag-item{min-width:24rem}.contact-form-group label,.contact-form-group legend{font-size:2rem}.contact-sec input[type=text],.contact-sec input[type=tel],.contact-sec input[type=email]{width:100%;height:4.5rem}.tag-item span{height:4.5rem}.contact-sec textarea{border-radius:1.5rem;padding:1.5rem}.contact-form-footer{gap:2rem}.agreement-area span{display:block}}@media screen and (max-width:980px){.proof-layout-flex{flex-direction:column}.Business-Proof-Process .process-list{flex-direction:column;align-items:center}.Business-Proof-Process .process-arrow:after{transform:rotate(135deg)}.MainFunction-card-item{flex-flow:column wrap;gap:.7rem}}@media screen and (max-width:800px){.sub-card-header.typeLeft{flex:8}.sub-project-list-box{max-width:27rem}.contact-form-footer{flex-direction:column;align-items:center;gap:1rem}.contact-check-area{width:100%}.agreement-area{flex:1}.agreement-area span{display:inline-block}}@media screen and (max-width:768px){.pc-only-b{display:none}.mob-only-b,.recruitment-btn-wrap.mob-only-b{display:flex}.page-title{font-size:2.2rem}.business-title>h2{font-size:3rem}.about-title h2{font-size:2.8rem}.tec-item{border-radius:2rem}.tec-item img{width:10rem;height:10rem;right:0}.map-sec .inner{flex-direction:column;align-items:start;gap:2rem}.map-wrap{border-radius:2rem}.map-wrap img{height:30rem}.history-tabs .history-tab-group .BtnM{padding:0 2rem}.history-group{width:40rem;padding-bottom:3rem}.history-group:last-child{padding-bottom:3rem}.sticky-box{margin-bottom:3rem}.history-item{margin-bottom:2.5rem}.history-item .year{font-size:2.2rem}.history-item .desc p,.history-item .desc span{font-size:1.5rem}.history-item .history-img{width:12rem;height:18rem}.recruit-wrap{z-index:1;flex-direction:column;gap:0;position:relative}.recruit-sec .inner{padding:5rem 2rem 2rem}.bg-marquee-text{top:-2rem}.marquee-text-track{font-size:7rem}.recruit-sec .item-content-wrap,.recruit-sec .item-content-navy{width:100%}.recruit-sec .item-content{flex-direction:row;justify-content:space-between;width:100%;height:10rem;padding:0 2rem}.recruit-sec .item-content p{text-align:start;max-width:50rem}.recruit-sec .item-content-navy .item-content{flex-direction:column;align-items:start;height:fit-content;padding:2rem}.item-content-navy .item-content h5{margin-bottom:1rem}.recruit-desc{flex-direction:column;order:1;align-items:start;gap:.5rem;display:flex}.recruit-sec .vision-icon{order:2;width:5rem;height:5rem}.recruit-sec .vision-icon img{height:5rem}.recruitment-area .inner{flex-direction:column;justify-content:start;align-items:start;gap:2rem}.recruitment-proc-wrap{max-width:60rem;margin:0 auto 3rem}.recruitment-proc h4{font-size:1.6rem}.recruitment-content{gap:1rem;width:100%}.recruitment-btn-wrap{margin-top:0}.recruitment-btn-wrap.mob-only-b{flex-flow:wrap}.recruitment-btn-wrap.mob-only-b button{flex:1}.mobipost-mainimg{border-radius:none;border:none;width:100%;height:auto}.mobipost-mainimg img{object-fit:contain;width:100%;max-width:25rem;height:auto;padding:0}.mobipost-subimg_1 img{width:25rem;max-width:100%;min-height:10rem;padding:0}.mobipost-subimg_2 img{width:40rem;max-width:100%;min-height:10rem;padding:0}.mobipost-subimgs{flex-direction:column;gap:1rem;height:auto}.mobipost-subimg_1,.mobipost-subimg_2{border-radius:1.5rem;flex-wrap:wrap;justify-content:space-between;gap:1rem;width:100%;padding:2rem}.mobipost-subimg_1>span,.mobipost-subimg_2>span{position:relative;top:0;left:0}.tab-container{flex-direction:column;display:flex}.tab-group{display:none}.select-wrapper{order:1;margin-bottom:3rem;display:flex}.business-content{order:2}.business-content .business-Ltitle{margin-top:3.5rem;font-size:3.2rem}.business-content .business-Cdesc{margin:1rem 0;font-size:1.8rem}.business-content .business-Mtitle{font-size:2.8rem;font-weight:var(--fw-extr);color:var(--color-sub-dark);margin-bottom:2rem}.business-content .business-Stitle{font-size:2.3rem}.business-table,.business-table thead,.business-table tbody,.business-table th,.business-table td,.business-table tr{width:100%;display:block}.business-table thead tr{position:absolute;top:-99999rem;left:-99999rem}.business-table tr{overflow:hidden}.business-table tr:nth-child(2n){background:#f2f2f2}.business-table td{text-align:left;border:none;padding:1.2rem 1.2rem .5rem 7rem;font-size:1.6rem;position:relative}.business-table td:first-child{text-align:left;width:auto}.business-table td:last-child{border-left:none;border-bottom:1px solid var(--color-ddd);padding:.5rem 1.2rem 1.2rem 7rem}.business-table td:before{content:attr(data-title);width:4rem;height:2.5rem;font-size:1.4rem;font-weight:var(--fw-bold);border-radius:5rem;justify-content:center;align-items:center;display:flex;position:absolute;left:1.5rem}.business-table td[data-title=기능]:before{background:var(--color-main-1);color:var(--color-white);top:.8rem}.business-table td[data-title=내용]:before{background:var(--color-main-4);color:var(--color-main-1);top:.5rem}.select-wrapper{margin-bottom:0}.business-sec{min-height:55rem;margin-bottom:5rem}.customer7-area{border-radius:1.5rem;gap:2.5rem;padding:2rem 1.5rem}.customer7-item{gap:.5rem;width:5rem}.customer7-item span{font-size:1.4rem}.imginfo-info{padding:0 1rem}.imginfo-item{gap:3rem}.imginfo-info h3{font-size:2.3rem}.imginfo-infolist{gap:1rem}.imginfo-infolist li{font-size:1.8rem}.imginfo-info p{font-size:1.6rem}.feature-grid{grid-template-columns:repeat(1,1fr);gap:1rem}.feature-item{height:auto;min-height:12rem;padding:1rem 2rem}.feature-tit{font-size:1.8rem}.feature-text{font-size:1.6rem}.feature-icon{width:5rem}.servideo-button{flex-direction:column;align-items:start}.servideo-feature .check-list{grid-template-columns:repeat(1,1fr)}.business-document-tab01 .imginfo-img{width:auto}.business-document-tab01 .imginfo-item{flex-direction:column;align-items:center}.business-document-tab01 .imginfo-info{width:100%}.business-document-feature-grid .feature-item{padding:1rem 2rem}.business-document-tab02 .imginfo-img{width:auto}.business-document-tab02 .imginfo-item{flex-direction:column;align-items:center}.business-document-tab02 .imginfo-info{flex-direction:row;width:100%}.business-document-tab02 .imginfo-info .imginfo-imgBox{min-width:8rem}.business-document-tab02 .imginfo-List{flex-flow:wrap}.business-center-pc{display:none}.business-center-mo{background:linear-gradient(#fff,#d8efe4);border-radius:3rem;justify-content:center;padding:3rem 0;display:flex}.project-card-wrapper{grid-template-columns:repeat(2,1fr)}.news-content-wrap{flex-direction:column;gap:3rem}.news-main{width:100%}.news-main-thumb{border-radius:none;justify-content:center;align-items:center;height:20rem;display:flex}.news-main-thumb img{border-radius:1.5rem;max-width:40rem}.news-content-txtbox{border-bottom:1px solid var(--color-sub-dark);padding-bottom:3rem}.sub-news-list a{padding:2.2rem 0}.contact-info-header{border-radius:2rem}.contact-form{gap:2.5rem}.contact-form-grid{grid-template-columns:repeat(1,1fr);gap:2.5rem}.category-tags .tag-item{min-width:18rem}.contact-check-area{flex-wrap:wrap;justify-content:start;gap:1rem}.agreement-area{min-width:30.4rem}.modal-header h2{font-size:2.5rem}.modal-body{font-size:1.6rem}}@media (max-width:668px){.sub-project-card.cardType-list{flex-direction:column}.sub-project-card:before{bottom:-40%;left:50%;right:auto}.sub-card-header.typeLeft{width:100%}.sub-project-list-box{max-width:100%;margin:1.5rem 0 0 3rem}.project-card-wrapper{grid-template-columns:repeat(1,1fr)}.project-card{background:linear-gradient(90deg,#fff 30%,#eef9ff);flex-direction:row;gap:1rem;padding:0 2rem}.card-header.typeCenter{text-align:center;flex-flow:column;flex:1;justify-content:center;align-items:start;padding:1rem 0 2rem;display:flex}.device-mockup-container{background:0 0;flex:.75;max-width:14rem}.card-header{min-height:0}.card-header .logo-area{justify-content:start;max-width:15rem;height:2.5rem}.card-header .project-title{text-align:left;max-width:35rem;margin:0}.image-wrapper{width:100%;max-height:15rem;margin-top:3rem}}@media screen and (max-width:650px){.business-document-feature-grid .feature-item{flex-direction:row}.business-document-feature-grid .feature-item .feature-info{align-items:flex-start}.business-document-feature-grid .feature-item .feature-text{text-align:left}.edocument_tab3_title{flex-flow:column wrap;align-items:flex-end}.edocument_tab3_title .business-Mtitle{width:100%}.edocument_tab3_title img{width:13rem}.sub-project-card{flex-direction:row;flex:100%;align-items:center;height:auto;min-height:220px;position:relative}.sub-project-card:before{content:"";background:var(--color-main-4);z-index:0;border-radius:50%;width:30rem;height:30rem;position:absolute;bottom:-50%;right:-15%}.sub-card-header.typeCenter{text-align:left;z-index:2;flex:1.2;align-items:flex-start;padding:2rem 0 5rem 3rem}.sub-card-header .logo-area{justify-content:flex-start;height:30px}.sub-card-header .logo-area .logo-img{max-width:100%;max-height:95%}.sub-card-header .project-title{margin:0;font-size:2.2rem}.sub-device-mockup-container{background:0 0;flex:1;justify-content:flex-end;height:100%;max-height:100%;margin-top:0}.sub-device-mockup-container:before{display:none}.sub-image-wrapper{align-self:flex-end;width:80%;max-height:180px;margin-right:15%}.sub-mockup-image{width:100%;height:auto;position:static;transform:none}.sub-project-card.cardType-list .sub-device-mockup-container.typePc .sub-image-wrapper{height:100%;max-height:100%}.sub-card-header.typeLeft{flex:1}.sub-project-card:has(.sub-mobimage-wrapper):before{bottom:-50%;left:auto;right:calc(15vw - 30rem)}}@media screen and (max-width:600px){.pc-only-a{display:none}.mob-only-a{display:block}.vision-sec{justify-content:start;height:fit-content;overflow:hidden}.orbit-wrap{order:2;width:30rem;height:35rem;margin:15rem 0}.vision-sec .item-content-wrap{width:18rem}.item-content{gap:.2rem;width:18rem;height:18rem}.orbit-line-a{width:40rem;height:40rem;animation:15s linear infinite rotateOrbit;top:60%;left:140%}.orbit-line-b{width:80rem;height:80rem;top:30%;left:150%}.orbit-wrap .item-1{inset:-25% auto auto -11%}.orbit-wrap .item-2{inset:5% -11% auto auto}.orbit-wrap .item-3{inset:auto auto 5% -11%}.orbit-wrap .item-4{inset:auto -11% -25% auto}.item-content .num,.item-content h3{font-size:2rem}.item-content h5{max-width:12rem;font-size:1.5rem}.vision-icon{width:3.2rem;height:3.2rem}.vision-icon img{height:3.2rem}.vision-info-grid{order:1;grid-template-columns:repeat(1,1fr);margin:0 auto}.vision-infoitem:first-child,.vision-infoitem:nth-child(2){grid-column:span 2}.vision-info-desc{font-size:1.6rem;font-weight:var(--fw-light);text-align:center;z-index:5;order:3;max-width:40rem;margin-bottom:5rem;padding:0 2rem;line-height:1.4}.vision-infoitem{padding:0 1.5rem}.vision-infoitem h3,.vision-infoitem span{font-size:1.5rem}.vision-infoitem span b{margin-left:0}.history-tabs{width:calc(100% + 1.5rem)}.history-tabs .history-tab-group{gap:.5rem;width:100%}.history-tabs .history-tab-group .BtnM{padding:0}.step-line-JS{margin-top:14rem;left:0}.history-group{width:100%;padding:0 0 3rem 5rem}.customer-sec .inner{padding:4rem 2rem}.customer-list{grid-template-columns:repeat(2,1fr);gap:6rem 2rem;padding:0}.customer-list li img{min-width:10rem;max-width:14.5rem}.recruitment-btn-wrap.mob-only-b{flex-direction:column}.recruitment-btn-wrap.mob-only-b button{min-height:4.5rem}.recruitment-icon{width:4.5rem;height:4.5rem}.servideo-area{grid-template-columns:repeat(1,1fr)}.servideo-tit{grid-column:span 1;min-width:0;margin-bottom:3rem}.servideo-button{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem}.servideo-feature .check-list{gap:1.5rem}.servideo-feature li{min-width:0;padding-bottom:1.5rem}.service-video{justify-content:center}.device{margin-top:3rem;position:relative}.contact-detail{grid-template-columns:repeat(1,1fr);gap:1rem 0}.contact-text{flex-direction:column}.contact-icon{order:1}.contact-text h2{order:2;font-size:2.2rem}.contact-detail-item .value{font-size:1.6rem}}@media screen and (max-width:500px){.sub-project-card:has(.sub-mobimage-wrapper):before{width:28rem;height:28rem}.sub-project-list-box{max-width:250px}.card-thumb{display:none}.category-tags .tag-item{min-width:12.5rem}.agreebox-container span{display:block}}@media screen and (max-width:400px){.breadcrumb-wrapper{font-size:1.4rem}.Business-top{padding:3rem 0}.top-title{font-size:3.5rem}.item-content{gap:.2rem;width:17rem;height:17rem}.orbit-wrap{order:2;width:25rem;height:40rem;margin:10rem 0}.orbit-line-b{width:70rem;height:70rem}.orbit-wrap .item-1{top:-20%;left:-11%}.orbit-wrap .item-2{top:12%;right:-11%}.orbit-wrap .item-3{bottom:12%;left:-11%}.orbit-wrap .item-4{bottom:-20%;right:-11%}.history-tabs .history-tab-group .BtnM{font-size:1.4rem}.recruitment-arrow{display:none}.customer-list li img{max-width:80%}.customer7-area{gap:2rem}.imginfo-infolist li{font-size:1.6rem}.imginfo-info p{font-size:1.4rem}.feature-item{height:auto;min-height:14rem}.vision-infoitem{flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:fit-content;padding:.8rem 1.5rem}.business-document-tab02 .imginfo-info{flex-direction:column;width:100%}.sub-image-wrapper{max-height:150px}.contact-info-header{gap:3rem;padding:2rem}.contact-icon{width:4.2rem;height:5rem}.agreement-area{min-width:100%}.modal-header h2{font-size:2.2rem}}.Project-detail .banner-wrap{background-image:url(/images/main/banner_1.png)}.Project-detail .Content-top{justify-content:start;min-height:50rem;margin-bottom:45vh}.Project-detail .Content-top .inner{margin:0 auto -45vh}.Project-detail .top-wrap{background:var(--color-white);border-radius:3rem 3rem 0 0;justify-content:start;align-items:start;gap:1rem;min-height:40rem;margin-top:5rem;padding:5rem 5rem 2rem}.Project-detail h3{text-align:left;font-size:3.5rem}.Project-detail .top-logo-area{max-width:20rem;height:auto;margin-bottom:5rem}.Project-detail .top-logo-area img{object-fit:contain;max-width:100%;height:auto;max-height:4rem}.project-detail-area{border-top:1px solid var(--color-sub-dark);border-bottom:1px solid var(--color-sub-dark);gap:1rem;width:100%;height:fit-content;padding:1rem 0;display:flex}.project-detail-area ul{flex:1.5}.project-detail-item{border-bottom:1px solid var(--color-ddd);justify-content:start;align-items:start;padding:2rem;display:flex}.project-detail-item:last-child{border:none}.project-detail-title{justify-content:start;align-items:center;gap:2rem;width:20rem;display:flex}.project-detail-title span{font-size:2rem;font-weight:var(--fw-bold);color:var(--color-main-dark);text-align:start}.project-detail-item p{margin-top:.5rem;font-size:1.8rem}.project-detail-info{flex-direction:column;flex:1;gap:2rem;display:flex}.project-detail-info dl{text-align:left;font-size:1.8rem;line-height:1.4}.project-detail-info dt{font-weight:var(--fw-bold);margin-bottom:1rem}.project-detail-info dd ul li{margin-bottom:.5rem}.detail-mockup-container{background:var(--color-f2f2f2);flex:1;justify-content:center;align-items:center;gap:2rem;max-width:50rem;display:flex}.detail-mockup-main{border:3px solid var(--color-333);background:var(--color-white);border-radius:2rem;justify-content:center;align-items:start;width:20rem;height:40rem;display:flex;overflow:hidden}.detail-mockup-main img{object-fit:contain;width:100%;height:auto}.detail-mockup-subwrap{flex-direction:column;justify-content:space-between;align-items:center;height:40rem;display:flex}.detail-mockup-sub{background:var(--color-white);border:1px solid var(--color-ddd);cursor:pointer;border-radius:1.5rem;justify-content:center;align-items:start;width:12.5rem;height:12.5rem;display:flex;position:relative;overflow:hidden}.detail-mockup-sub>img,.detail-mockup-sub .detail-mockupimg{border:1px solid var(--color-333);object-fit:cover;border-radius:.8rem;width:75%;height:auto;margin-top:1.5rem}.detail-mockup-overlay{opacity:0;z-index:10;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s ease-in-out;display:flex;position:absolute;top:0;left:0}@media (hover:hover){.detail-mockup-sub:hover .detail-mockup-overlay{opacity:1}}@media screen and (max-width:1200px){.Project-detail .top-wrap{margin-top:3rem;padding:3rem 3rem 0}.Project-detail h3{font-size:3rem}.Project-detail .top-logo-area{margin-bottom:5rem}.project-detail-item{padding:1.5rem}.project-detail-title{gap:1.5rem;width:17rem}.project-detail-title span{font-size:1.8rem}.project-detail-item p,.project-detail-info dl{font-size:1.6rem}.detail-mockup-main{width:18rem;height:36rem}.detail-mockup-subwrap{height:36rem}.detail-mockup-sub{width:11rem;height:11rem}}@media screen and (max-width:1024px){.Project-detail .Content-top{margin-bottom:45vh}.Project-detail .top-logo-area{margin-bottom:2rem}.Project-detail .top-wrap{padding:0}.project-detail-area{flex-direction:column}.detail-mockup-container{max-width:none;padding:2rem 0}}@media screen and (max-width:768px){.project-detail-item{flex-direction:column;gap:1.5rem;padding:1.5rem 0}.project-detail-title{gap:.8rem;width:auto}.Project-detail .top-logo-area{max-width:16rem}}@media screen and (max-width:400px){.Project-detail h3{font-size:2.5rem}.detail-mockup-container{gap:1.5rem}.detail-mockup-main{border-radius:1.5rem;width:15rem;height:30rem}.detail-mockup-subwrap{height:30rem}.detail-mockup-sub{border-radius:1.2rem;width:9.5rem;height:9.5rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}