@import"https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css";html,body{margin:0;background:#000}.visual{position:relative;height:200vh;height:200svh;background:#000}.visual .canvas_wrap{position:fixed;top:0;left:0;width:100%;height:100vh;height:100svh;z-index:0}.visual .slg{position:absolute;top:0;left:0;width:100%;height:100vh;height:100svh;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.visual .slg .tit h2{font-family:"Paperlogy","Pretendard",sans-serif;font-size:120px;font-weight:900;line-height:1;color:#fff;text-align:center;text-transform:uppercase}@media(max-width: 1024px){.visual .slg .tit h2{font-size:11.7vw}}@media(max-width: 480px){.visual .slg .tit h2{font-size:13vw}}.visual.is-no-webgl .slg .tit h2{opacity:1 !important}.visual~*{-webkit-transition:opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1),-webkit-transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);transition:opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1),-webkit-transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);transition:opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1),transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);transition:opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1),transform 1.2s cubic-bezier(0.22, 1, 0.36, 1),-webkit-transform 1.2s cubic-bezier(0.22, 1, 0.36, 1)}html.intro-lock .visual~*{opacity:0;-webkit-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px);pointer-events:none}.intro_tunnel{--side: 80px;position:fixed;inset:0;z-index:60;pointer-events:none;color:#fff;font-family:"Paperlogy","Pretendard",sans-serif}@media(max-width: 1660px){.intro_tunnel{--side: 40px}}@media(max-width: 768px){.intro_tunnel{--side: 20px}}.intro_tunnel .cap{position:absolute;bottom:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:12px;line-height:16px;font-weight:100;letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums;opacity:0}.intro_tunnel .cap i{width:4px;height:4px;background:#fff}.intro_tunnel .cap b{font-weight:100}.intro_tunnel .cap_l{left:var(--side)}.intro_tunnel .cap_r{right:var(--side)}.service{--side: 80px;position:relative;z-index:2;margin-top:-100vh;margin-top:-100svh;padding-bottom:200px;color:#fff;font-family:"Pretendard",sans-serif}@media(max-width: 1660px){.service{--side: 40px}}@media(max-width: 768px){.service{--side: 20px;padding-bottom:120px}}.service .service_pin{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:100vh;min-height:100svh;-webkit-box-sizing:border-box;box-sizing:border-box}.service .service_tit{margin-bottom:40px;padding:0 var(--side)}.has-sec-fx .service .service_tit h2{opacity:0}.service .service_tit h2{margin:0;font-family:"Paperlogy","Pretendard",sans-serif;font-size:120px;line-height:1;font-weight:900;text-transform:uppercase;white-space:nowrap;color:#fff}@media(max-width: 1024px){.service .service_tit h2{font-size:11.7vw}}@media(max-width: 480px){.service .service_tit h2{font-size:13vw}}.service .service_list{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;gap:40px;padding:0 var(--side);overflow-x:auto;scrollbar-width:none}.service .service_list::-webkit-scrollbar{display:none}.service .service_itm{position:relative;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:min(320px,(100svh - 300px)*320/480);aspect-ratio:320/480;padding:28px;border-radius:8px;background:hsla(0,0%,100%,.1);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-webkit-transition:background-color .4s;transition:background-color .4s}.service .service_itm .lbl{font-size:14px;line-height:20px;font-weight:500;color:hsla(0,0%,100%,.72)}.service .service_itm h3{margin:36px 0 0;font-family:"Paperlogy","Pretendard",sans-serif;font-size:24px;line-height:32px;font-weight:700;letter-spacing:-0.02em;word-break:keep-all}.service .service_itm p{margin:16px 0 0;font-size:14px;line-height:22px;color:hsla(0,0%,100%,.64);word-break:keep-all}.service .service_itm .fig{position:absolute;right:16px;bottom:16px;width:46%}.service .service_itm .fig svg{display:block;width:100%;height:auto;opacity:0;-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);-webkit-transition:opacity 1s,-webkit-transform 1.4s cubic-bezier(0.22, 1, 0.36, 1);transition:opacity 1s,-webkit-transform 1.4s cubic-bezier(0.22, 1, 0.36, 1);transition:opacity 1s,transform 1.4s cubic-bezier(0.22, 1, 0.36, 1);transition:opacity 1s,transform 1.4s cubic-bezier(0.22, 1, 0.36, 1),-webkit-transform 1.4s cubic-bezier(0.22, 1, 0.36, 1)}.service .service_itm.is-show .fig.is-in svg{opacity:.8;-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transition-delay:.3s;transition-delay:.3s}@media(hover: hover){.service .service_itm:hover{background:hsla(0,0%,100%,.14)}.service .service_itm:hover .fig svg{opacity:1}}@media(max-width: 768px){.service .service_itm{width:min(280px,(100svh - 240px)*320/480);padding:24px}.service .service_itm .lbl{font-size:13px}.service .service_itm h3{margin-top:28px;font-size:22px;line-height:30px}.service .service_itm p{font-size:13px;line-height:20px}.service .service_itm .fig{right:8px;bottom:8px}}.service.is-h .service_pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.service.is-h .service_list{overflow:visible}/*# sourceMappingURL=visual.min.css.map */