.main-page .scroll-indic{position:fixed;bottom:4%;right:3%;z-index:997;mix-blend-mode:difference;cursor:default;color:#fff;animation:bounceDown 1.5s infinite}.main-page .scroll-indic.is-totop{cursor:pointer}.main-page .scroll-indic.is-totop:focus-visible{outline:2px solid #fff;outline-offset:4px}.main-page .scroll-indic>div{font-size:17px;display:flex;align-items:center;flex-direction:column}.main-page .scroll-indic>div{transition:opacity .3s ease,visibility .3s ease}.main-page .scroll-indic.is-scrolling>div{opacity:0;visibility:hidden}.main-page .totoptxt{opacity:0;font-size:14px}@keyframes bounceDown{0%{transform:translateY(0);opacity:.8}50%{transform:translateY(10px);opacity:1}to{transform:translateY(0);opacity:.8}}@media all and (max-width:767px){.main-page .scroll-indic{display:none}}.main-page .side-btn-group{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:997;display:flex;flex-direction:column;gap:10px}.main-page #contact-btn,.main-page #mall-btn{display:flex;align-items:center;width:54px;box-sizing:border-box;gap:10px;writing-mode:vertical-rl;text-orientation:upright;background:#d91817;color:#fff;border:none;padding:12px 15px 15px;cursor:pointer;box-shadow:0 2px 6px #0003;font-size:14px;font-weight:700;word-spacing:-7px;letter-spacing:-1px;text-decoration:none;opacity:.7}.main-page #contact-btn:hover,.main-page #mall-btn:hover{opacity:1}.main-page #contact-btn a{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;writing-mode:vertical-rl;text-orientation:upright}.main-page #contact-btn img{writing-mode:horizontal-tb;width:24px!important;height:auto}.main-page #contact-btn i,.main-page #mall-btn i{font-size:24px;writing-mode:horizontal-tb}.main-page #mall-btn{background:#970c13}@media(max-width:1024px){.main-page .side-btn-group{display:none}}.main-page #section1{background:linear-gradient(to bottom,#000c,#0006);color:#fff;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;flex-direction:column;position:relative;width:100%;height:100vh}.main-page #section1 video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:-1;filter:brightness(1.2) contrast(1.2) saturate(1.9);opacity:.85}.main-page .sc-hero-row{display:flex;flex-direction:row;align-items:center;gap:2vw;margin-left:5%;margin-top:5%;width:88%}.main-page .sc-hero-txt{flex:1;display:flex;flex-direction:column}.main-page .main_title{font-size:5.5vw!important;font-weight:400;line-height:1.2;color:#fff}.main-page .highlight{position:relative;display:inline-block;font-weight:700;color:#fff}.main-page .highlight:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--primary);z-index:-1}.main-page .y-up{display:inline-block;transform:translateY(101%);animation:yUp 1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--delay, 0s);will-change:transform,opacity}@keyframes yUp{to{transform:translateY(0)}}.main-page .opa1{opacity:0;animation:fadeIn 1s ease forwards}@keyframes fadeIn{to{opacity:1}}.main-page .opa1[style*=--delay]{animation-delay:var(--delay)}.main-page .sc-cert{flex-shrink:0;width:324px;text-align:center}.main-page .sc-cert-img{width:100%;height:auto;border-radius:10px;box-shadow:0 8px 234px #000,0 2px 8px #ffffff14;animation:floating 3s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.main-page .sc-cert-cap{margin-top:10px;font-size:15px;color:#fff;background:#00000073;display:inline-block;padding:4px 14px;border-radius:20px;backdrop-filter:blur(4px)}.main-page .sub-txt-wrap{width:100%;margin-left:5%;display:flex;flex-direction:row;align-items:center;margin-top:1%;gap:20px}.main-page .main_sub{font-size:1.9vw;font-weight:400;position:relative;color:#fff;display:inline-block}.main-page .small_btn{display:flex;align-items:center;text-decoration:none;color:inherit;position:relative;padding:5px 10px;overflow:hidden;border-radius:1000px;font-size:14px;border:1px solid #fff;z-index:1;transition:color .3s ease;white-space:nowrap}.main-page .small_btn:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,100%);width:130%;height:200%;background-color:#fff;border-radius:50%;transition:transform .4s ease,height .4s ease;z-index:-1}.main-page .small_btn:hover:before{transform:translate(-50%,-50%)}.main-page .small_btn:hover{color:#121212}@media(max-width:850px){.main-page .sub-txt-wrap{flex-direction:column;align-items:flex-start;gap:8px}.main-page #section1 .main_sub{font-size:3.1vw!important}.main-page .small_btn{font-size:2.7vw!important}}@media(max-width:800px){.main-page .sub-txt-wrap{margin-left:0}.main-page .sub-txt-wrap .ovh{margin-left:5%}.main-page .sub-txt-wrap .small_btn{margin-left:5%;font-size:3.7vw!important}.main-page #section1 .main_title{font-size:3.5vw}.main-page .sc-hero-row{display:contents}.main-page .sc-hero-txt{flex:none;margin-left:5%}.main-page .sc-cert{position:absolute;width:20vh;order:99;top:56%;align-self:flex-end;margin-right:5%}.main-page .sc-cert-cap{font-size:2.7vw;white-space:nowrap;display:flex;justify-content:center}}.main-page .ss_every-bg{background:#121212;color:#fff}.main-page .susung-every-wrap{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;color:#fff}.main-page #char-txt{transform:translateY(-100%);position:absolute;font-size:6.5vw;z-index:10;width:100%;display:flex;justify-content:center;text-align:center;line-height:1.4}.main-page #char-txt .char{opacity:0;display:inline-block}.main-page .susung-wrapper{width:100%;height:100%;position:relative}.main-page .susung-img{width:100%;height:100%;background-image:url(/images/main/team-pc.webp);background-size:cover;background-position:center 95%;clip-path:inset(40% 40% 40% 40%)}@media(max-width:1024px){.main-page #char-txt{text-shadow:0px 0px 9px black;font-weight:500;font-size:7vw}.main-page .susung-img{background-image:url(/images/main/team-mobile.webp)}}.main-page #section3{position:relative;width:100%;z-index:-1}.main-page .pin-area3{position:relative;height:fit-content;width:100%}.main-page .question-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:9vw;line-height:1.3;font-weight:700;white-space:nowrap}.main-page .q-line{display:inline-block}.main-page .big-text-wrap{overflow:hidden;width:100%;height:0;background-color:#121212;transform:translateY(-50%);text-align:center;display:flex;justify-content:center;align-items:center}.main-page .big-text{position:relative;text-align:center;color:#fff;font-weight:700;font-size:30px}.main-page .big-text .ovh{overflow:hidden;clip-path:inset(0 0 0 0)}.main-page .hili-text{position:relative;display:inline-block;color:#fff;z-index:1;overflow:hidden}.main-page .hili-text-bg{position:absolute;top:0;left:0;width:0%;height:100%;background:#d81517;z-index:-1}.main-page .hili-bg-txt{position:absolute;top:0;left:0;z-index:-1;font-weight:700;font-size:inherit;color:#000}.main-page .big-text-sub{font-size:14px;color:#fff;font-weight:400}@media all and (max-width:1024px){.main-page .big-text{font-size:3vw}.main-page .big-text-sub{font-size:2vw;display:flex;flex-direction:column}}.main-page .keyword-wrap{margin:-100px auto 0;position:relative;width:80%;display:flex;justify-content:center;opacity:0;transition:opacity 1s ease}.main-page .keyword-wrap.on{opacity:1}.main-page .keyword-box_bd{flex:1;border:1px solid #d8d8d8}.main-page .keyword-box_bd:nth-child(n+2){border-left:none}.main-page .keyword-box{padding:24px;position:relative;display:flex;flex-direction:column;align-items:center}.main-page .tit-wrap{display:flex;flex-direction:column;align-items:center}.main-page .keyword-title{font-size:30px;margin-top:10px;margin-bottom:8px}.main-page .keyword-title._2{display:none}.main-page .subkeyword{font-size:18px;transform:translateY(100%);transition:transform .5s ease}.main-page .subkeyword.on{transform:translateY(0)}@media(max-width:1210px){.keyword-wrap{width:90%}}@media(max-width:800px){.main-page .keyword-wrap{flex-direction:column;width:90%;margin-top:-220px}.main-page .keyword-box{flex-direction:row;padding:10px;justify-content:space-around}.main-page .keyword-title._1{display:none}.main-page .keyword-title._2{display:block}.main-page .subkeyword{font-size:20px}.main-page .keyword-box_bd:nth-child(n+2){border:1px solid #d8d8d8}}@media(max-width:550px){.main-page .keyword-box{padding:4px}.main-page .keyword-title{font-size:20px}.main-page .subkeyword{font-size:3.3vw}}.main-page .consult__progress-wrap{margin-top:100px;padding:0 5% 80px}.main-page .sub-section-title{font-size:max(3.4rem,2.7083vw);color:var(--dark);text-align:center}.main-page .consult__progress{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;list-style:none;padding:0;margin:0 auto 27px;margin-top:5rem;width:fit-content}.main-page .consult__progress li{flex:0 0 auto;width:14vw;aspect-ratio:1 / 1;border-radius:50%;background:#fff;border:1px solid #00000020;display:flex;justify-content:center;align-items:center;opacity:0;transition:all 1s cubic-bezier(.165,.84,.44,1);margin-left:-14vw;position:relative;z-index:1}.main-page .consult__progress li:first-child{margin-left:0}.main-page .consult__progress li .progress__wrap{text-align:center;padding:2vw}.main-page .progress_num{font-size:13px;margin-bottom:.5em;color:#666}.main-page .progress_txt{font-size:15px;font-weight:500;color:#333}.main-page .consult__progress.active li{opacity:1;margin-left:-2vw}.main-page .consult__progress.active li:first-child{margin-left:0}.main-page .consult__progress.active li:nth-child(2){background-color:#f9f9f9}.main-page .consult__progress.active li:nth-child(3){background-color:#f3f3f3}.main-page .consult__progress.active li:nth-child(4){background-color:#eee}.main-page .consult__progress.active li:nth-child(5){background-color:#e8e8e8}.main-page .consult__progress.active li:nth-child(6){background-color:#e2e2e2}@media(max-width:900px){.main-page .consult__progress{flex-wrap:wrap;max-width:100%}.main-page .consult__progress li{flex:0 0 33.33%;width:25vw;margin-bottom:3vw}.main-page .consult__progress.active li{margin-left:-5vw}.main-page .consult__progress li:nth-child(1),.main-page .consult__progress li:nth-child(4){margin-left:0}.main-page .consult__progress li .progress__wrap{padding:5vw}.main-page .progress_num{font-size:11px}.main-page .progress_txt{font-size:13px}}.main-page #section4{position:relative;z-index:100;background-color:#fff;height:fit-content}.main-page .section4{transition:background-color .6s ease}.main-page .section4._bg-black:after{position:absolute;content:"";top:0;left:0;width:100%;height:100.1%;background-color:#121212;transition:background-color .6s ease;z-index:1}.main-page .divider{font-size:2.7083vw;padding:10.4167vmax max(4.8rem,4.1667vw) 6.25vmax}.main-page .divider .ovh h2{transform:translateY(100%);transition:.3s cubic-bezier(.25,.46,.45,.94);font-weight:400}.main-page .divider .ovh h2.active{transform:translateY(0)}.main-page .divider h2 b{font-weight:700}@media(max-width:800px){.main-page .divider{padding:10.4167vmax 5.1282vw 6.25vmax;font-size:min(3.1vw,6.1538vw)}}.main-page .buisness{height:100lvh;display:flex;position:relative;position:sticky;overflow:hidden}@media(max-width:1024px){.buisness{flex-direction:column}}.main-page ._area{display:flex;flex-direction:column;justify-content:flex-end;flex:1;overflow:hidden;border:1px solid #fff;border-top:0;border-bottom:0;position:relative;cursor:pointer;filter:grayscale(.9);transform:translateY(100%);transform-origin:bottom;transition:flex 1.2s cubic-bezier(.23,1,.32,1),filter .4s ease-in-out,transform 1.5s cubic-bezier(.2,.8,.4,1);will-change:flex,clip-path}.main-page ._area:before{content:"";position:absolute;inset:0;background:#0006;z-index:1}.main-page ._area.active{transform:translateY(0)}.main-page ._area:hover{filter:grayscale(0)}.main-page ._area.selected{filter:grayscale(0);flex:0 1 75%;cursor:default}.main-page ._area img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.23,1,.32,1)}.main-page ._area:hover img,.main-page ._area.selected img{transform:scale(1.1)}.main-page .btxt-box{position:absolute;bottom:0;left:0;width:100%;white-space:nowrap;color:#fff;font-size:22px;padding:1.5em 1em;z-index:2;transition:.5s cubic-bezier(.25,.46,.45,.94)}.main-page .btxt-box>small{font-size:16px}.main-page .btxt-box>div:first-of-type{font-size:28px;transition:font-size .5s cubic-bezier(.25,.46,.45,.94)}.main-page ._area.selected .btxt-box>div{font-size:50px}.main-page ._area.selected .btxt-box{padding:1.8em;font-size:max(2.8rem,2.0833vw)}.main-page .b_desc{font-size:15px;padding-top:.889em;margin-bottom:2.667em}@media(max-width:1024px){.main-page ._area.active.selected .btxt-box,.main-page .btxt-box{padding:1.5em 1em;width:90%}.main-page ._area.selected .btxt-box>div{font-size:40px}.main-page ._area.selected .b_desc{white-space:normal;margin-bottom:.667em}}.main-page .bsub-box{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.165,.84,.44,1);will-change:grid-template-rows}.main-page ._area.selected .bsub-box{grid-template-rows:1fr}.main-page ._tags{display:flex;flex-wrap:wrap;gap:.5em;font-size:clamp(13px,.83vw,16px);max-width:53.75em;padding-bottom:2px}.main-page #section5{padding:0 20px;text-align:center;color:#fff;transition:background-color .6s ease}.main-page .section5._bg-black{background-color:#121212}.main-page .left-to-right{display:flex;font-size:14.5vw;font-weight:bolder;flex-wrap:nowrap;justify-content:right;line-height:1.6}.main-page .right-to-left{display:flex;font-size:14.5vw;font-weight:bolder;flex-wrap:nowrap;line-height:1.6}.main-page .left-to-right div,.main-page .right-to-left div{white-space:nowrap}.main-page .counter_num{font-weight:700}.main-page .line-2nd{margin-top:-4%}.main-page .line-5th{font-size:15vw;margin-top:-5%}@media(max-width:875px){.main-page .line-3rd{font-size:13.5vw}}.main-page .count-wrap{display:flex;justify-content:space-around;margin-top:8%;flex-wrap:nowrap;font-size:25px}@media(max-width:675px){.main-page .count-wrap{font-size:15px}}.main-page .count-wrap-inner{text-align:center}.main-page .static_counter{font-weight:700;font-size:2.2em}.main-page .count-wrap-inner>div:last-child{margin-top:8px}.main-page .section6{position:relative;padding-bottom:80px}
