.page_page__556_G{--gray-rgb:0,0,0;--gray-alpha-200:rgba(var(--gray-rgb),0.08);--gray-alpha-100:rgba(var(--gray-rgb),0.05);--button-primary-hover:#383838;--button-secondary-hover:#f2f2f2;display:grid;grid-template-rows:20px 1fr 20px;align-items:center;justify-items:center;min-height:100svh;padding:80px;grid-gap:64px;gap:64px;font-family:var(--font-geist-sans)}@media (prefers-color-scheme:dark){.page_page__556_G{--gray-rgb:255,255,255;--gray-alpha-200:rgba(var(--gray-rgb),0.145);--gray-alpha-100:rgba(var(--gray-rgb),0.06);--button-primary-hover:#ccc;--button-secondary-hover:#1a1a1a}}.page_main__nw1Wk{display:flex;flex-direction:column;gap:32px;grid-row-start:2}.page_main__nw1Wk ol{font-family:var(--font-geist-mono);padding-left:0;margin:0;font-size:14px;line-height:24px;letter-spacing:-.01em;list-style-position:inside}.page_main__nw1Wk li:not(:last-of-type){margin-bottom:8px}.page_main__nw1Wk code{font-family:inherit;background:var(--gray-alpha-100);padding:2px 4px;border-radius:4px;font-weight:600}.page_ctas__rfsth{display:flex;gap:16px}.page_ctas__rfsth a{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:128px;height:48px;padding:0 20px;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:20px;font-weight:500}a.page_primary__2CBMe{background:var(--foreground);color:var(--background);gap:8px}a.page_secondary__jzhTV{border-color:var(--gray-alpha-200);min-width:158px}.page_footer__F3MD0{grid-row-start:3;display:flex;gap:24px}.page_footer__F3MD0 a{display:flex;align-items:center;gap:8px}.page_footer__F3MD0 img{flex-shrink:0}@media (hover:hover) and (pointer:fine){a.page_primary__2CBMe:hover{background:var(--button-primary-hover);border-color:transparent}a.page_secondary__jzhTV:hover{background:var(--button-secondary-hover);border-color:transparent}.page_footer__F3MD0 a:hover{text-decoration:underline;text-underline-offset:4px}}@media (max-width:600px){.page_page__556_G{padding:32px 32px 80px}.page_main__nw1Wk{align-items:center}.page_main__nw1Wk ol{text-align:center}.page_ctas__rfsth{flex-direction:column}.page_ctas__rfsth a{font-size:14px;height:40px;padding:0 16px}a.page_secondary__jzhTV{min-width:auto}.page_footer__F3MD0{flex-wrap:wrap;align-items:center;justify-content:center}}@media (prefers-color-scheme:dark){.page_logo__ikIZE{filter:invert()}}section{width:100%}#indeximg-area{position:relative;width:100%;height:100dvh;height:calc(var(--vh, 1vh) * 100);.swiper-navigation{position:absolute}.topimg-wrap{position:relative;overflow:hidden;.img-txt-wrap{position:absolute;z-index:2;left:10vw;top:40%;color:var(--visual-font-color);.img-tit{overflow:hidden;padding-bottom:4rem}& h1{font-size:clamp(3rem,3vw,7.2rem);font-family:var(--secondary-font-family);font-weight:400;opacity:0;transform:translateY(100px);transition:opacity .6s ease,transform .5s cubic-bezier(0,.42,.87,1);line-height:1.3;& br{display:none}& span{display:inline-block;font-size:clamp(2.5rem,3vw,6rem);font-weight:200}}.img-txt{overflow:hidden;padding-right:5vw;& p{font-size:clamp(1.8rem,3vw,3rem);line-height:1.6;font-weight:300}& a,& p{opacity:0;transform:translateY(100px);transition:opacity .6s ease,transform .5s cubic-bezier(0,.26,.13,.99)}& a{display:inline-flex;font-size:clamp(1.4rem,3vw,1.8rem);background-color:var(--visual-font-color);color:var(--default-font-color);margin-top:4rem;padding:2rem 4rem;border-radius:3rem}}}.img-wrap{width:100%;height:100dvh;height:calc(var(--vh, 1vh) * 100);object-fit:cover;position:relative;.img-caption{position:absolute;right:5%;bottom:5%;z-index:1;opacity:0;transition:all .2s ease-in;& i{color:#fff;font-size:1.4rem;font-weight:400}& i.pc-img-caption{display:block}& i.m-img-caption{display:none}}& picture{filter:brightness(.5)}& img{width:100%;height:100%;object-fit:cover}}.img01{background:url(/images/index/img_topbg01.png) top/cover no-repeat}.img02{background:url(/images/index/img_topbg02.png) top/cover no-repeat}.img03{background:url(/images/index/img_topbg03.png) top/cover no-repeat}.img04{background:url(/images/index/img_topbg04.png) top/cover no-repeat}.img05{background:url(/images/index/img_topbg05.png) top/cover no-repeat}}.swiper-slide-active{.topimg-wrap{.img-txt-wrap{& h1{transition-delay:1s}& a,& h1,& p{opacity:1;transform:translateY(0)}.img-txt.txt01{& p{transition-delay:1.4s}}.img-txt.txt02{& p{transition-delay:1.6s}}.img-txt.link{& a{transition-delay:1.8s}}}}.img-wrap{.img-caption{opacity:1}}}}@media (max-width:768px){#indeximg-area .topimg-wrap .img01{background:url(/images/index/img_topbg01.png) top/cover no-repeat}#indeximg-area .topimg-wrap .img02{background:url(/images/index/img_topbg02.png) top/cover no-repeat}#indeximg-area .topimg-wrap .img03{background:url(/images/index/img_topbg03.png) top/cover no-repeat}#indeximg-area .topimg-wrap .img04{background:url(/images/index/img_topbg04.png) top/cover no-repeat}#indeximg-area .topimg-wrap .img05{background:url(/images/index/img_topbg05.png) top/cover no-repeat}#indeximg-area .topimg-wrap .img-wrap .img-caption i.pc-img-caption{display:none}#indeximg-area .topimg-wrap .img-wrap .img-caption i.m-img-caption{display:block}}.img-txt-wrap.first .img-txt p,.img-txt-wrap.first h1{opacity:1!important;transform:translateY(0)!important;transition:none!important}#indeximg-area .swiper-navigation{position:absolute;left:10vw;bottom:10%;align-items:center;z-index:2;display:flex;justify-content:space-between;width:150px}#indeximg-area .swiper-navigation button{all:unset;cursor:pointer;line-height:0}#indeximg-area .swiper-navigation .custom-pagination{text-align:center;color:#fff;font-weight:300}#indeximg-area .swiper-navigation .custom-pagination .swiper-pagination-current{font-weight:400}#indeximg-area .swiper-navigation .custom-pagination .swiper-pagination-total{opacity:.7}@media (max-width:768px){#indeximg-area .topimg-wrap .img-txt-wrap h1 br{display:block}}#story-area{position:relative;height:100vh;overflow:hidden;.title-wrap{padding:15vh 10vw 0;& span{font-size:clamp(1.2rem,3vw,2rem);font-family:var(--secondary-font-family)}& h1,& span{color:var(--visual-font-color);font-weight:400}& h1{font-size:clamp(2rem,3vw,3rem);line-height:1.5}.txt{font-size:clamp(2rem,3vw,5rem);font-family:var(--secondary-font-family);color:var(--visual-font-color);font-weight:400;padding-top:100px}}.story-txt-area{position:relative;padding:15vh 19vw;.story-txt-wrap{color:var(--background-color);& h2{font-family:var(--secondary-font-family);font-size:clamp(2rem,3vw,5rem);overflow:hidden;& br{display:none}}.story-txt{padding-top:9rem;overflow:hidden;& p{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.6;font-weight:300}}.btn-more{overflow:hidden;position:absolute;right:32vw;margin-top:8rem;display:inline-block;border-radius:2rem;background-color:var(--background-color);width:12rem;& span{font-family:var(--default-font-family);padding:7px 20px;display:flex;align-items:center;justify-content:space-between;font-size:clamp(1.3rem,3vw,1.6rem)}}}}.storyBg{position:absolute;z-index:-1;width:100%;height:160%;left:50%;top:0;transform:translateX(-50%);filter:brightness(.55);& img{width:100%;height:100%;object-fit:cover}}}@media (max-width:768px){#story-area .story-txt-area{padding:20vw 10vw}#story-area .story-txt-area .story-txt-wrap .btn-more{right:10vw}}@media (max-width:400px){#story-area{height:120vh}}#business-area{position:relative;z-index:1;.title-wrap{padding:15vh 10vw 0;& span{font-size:clamp(1.2rem,3vw,2rem);font-family:var(--secondary-font-family);color:var(--default-font-color)}& h1,& span{font-weight:400}& h1{font-size:clamp(2rem,3vw,3rem);color:var(--secondary-font-color);line-height:1.5}}#e-business-wrap{padding:100px 0;.e-business-cont{opacity:0;position:relative;margin:auto;width:80%;& ul{width:100%;& li{position:relative;margin-bottom:50px;& img{width:100%;height:340px;border-radius:170px;object-fit:cover;transition:all .3s;filter:brightness(.8) contrast(.8)}.tit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;.name{font-size:clamp(2.5rem,3vw,6rem);font-weight:700}.name,.tag{color:var(--visual-font-color)}.tag{padding-left:6px;font-size:clamp(1.4rem,3vw,2rem);font-weight:600;font-family:var(--secondary-font-family)}}}& li:hover img{filter:brightness(.5) contrast(1)}}}}.yonpyong-rolling{position:absolute;width:100%;overflow:hidden;top:13%;z-index:-1;--offset:20vw;--move-initial:calc(-25% + var(--offset));--move-final:calc(-50% + var(--offset));.rolling{position:relative;animation:marqueeOne 50s linear infinite;width:-moz-fit-content;width:fit-content;white-space:nowrap;display:flex;& p{font-size:clamp(20rem,3vw,30rem);color:#F8F8F8;font-weight:800}}}.rolling2{top:70%}}@keyframes marqueeOne{0%{transform:translate3d(var(--move-initial),0,0)}to{transform:translate3d(var(--move-final),0,0)}}@media (max-width:768px){#business-area #e-business-wrap .e-business-cont{opacity:1}}#from-balwang-area{position:relative;display:flex;height:100vh;overflow:hidden;justify-content:space-between;.title-wrap{padding:15vh 10vw 0;max-width:50vw;& span{font-size:clamp(1.2rem,3vw,2rem);font-family:var(--secondary-font-family)}& h1,& span{color:var(--visual-font-color);font-weight:400}& h1{font-size:clamp(2rem,3vw,3rem);line-height:1.5}.txt{font-size:clamp(2rem,3vw,5rem);font-family:var(--secondary-font-family);color:var(--visual-font-color);font-weight:400;padding-top:100px}}.balwang-img-wrap{height:100vh;display:flex;align-items:center;padding-right:5vw;.left,.right{display:flex;flex-direction:column;gap:2rem;margin:2rem;.img{width:40.2rem;height:50.2rem;border-radius:16px}}.right{margin-top:40rem}.right .img:first-child{background-image:url(/images/index/img_from01.png)}.right .img:first-child,.right .img:nth-child(2){background-size:cover;background-repeat:no-repeat}.right .img:nth-child(2){background-image:url(/images/index/img_from02.png)}.right .img:nth-child(3){background-image:url(/images/index/img_from03.png);background-size:cover;background-repeat:no-repeat}.right .img:nth-child(4){background-image:url(/images/index/img_from04.png);background-size:cover;background-repeat:no-repeat}.right .img:nth-child(5){background-image:url(/images/index/img_from05.png)}.left .img:first-child,.right .img:nth-child(5){background-size:cover;background-repeat:no-repeat}.left .img:first-child{background-image:url(/images/index/img_from06.png)}.left .img:nth-child(2){background-image:url(/images/index/img_from07.png)}.left .img:nth-child(2),.left .img:nth-child(3){background-size:cover;background-repeat:no-repeat}.left .img:nth-child(3){background-image:url(/images/index/img_from08.png)}.left .img:nth-child(4){background-image:url(/images/index/img_from09.png)}.left .img:nth-child(4),.left .img:nth-child(5){background-size:cover;background-repeat:no-repeat}.left .img:nth-child(5){background-image:url(/images/index/img_from10.png)}}}.balwangBg{position:absolute;z-index:-1;width:100%;height:160%;left:50%;top:0;transform:translateX(-50%);filter:brightness(.4);& img{width:100%;height:100%;object-fit:cover}}@media (max-width:768px){#from-balwang-area{flex-direction:column}#from-balwang-area .title-wrap{width:100%;max-width:100%}.balwang-img-wrap.horizontal-scroll{width:100%;overflow:hidden;position:relative}.horizontal-inner{display:flex;gap:12px;min-width:100%;width:max-content;padding:0 16px}.horizontal-inner .img{flex:0 0 65vw;height:240px;background-color:#ccc;background-size:cover;background-position:50%;border-radius:8px}.balwang-img-wrap .left,.balwang-img-wrap .right{display:contents}.horizontal-inner .img:first-child{background-image:url(/images/index/img_from01.png);background-size:cover;background-repeat:no-repeat}.horizontal-inner .img:nth-child(2){background-image:url(/images/index/img_from02.png);background-size:cover;background-repeat:no-repeat}.horizontal-inner .img:nth-child(3){background-image:url(/images/index/img_from03.png);background-size:cover;background-repeat:no-repeat}.horizontal-inner .img:nth-child(4){background-image:url(/images/index/img_from04.png);background-size:cover;background-repeat:no-repeat}.horizontal-inner .img:nth-child(5){background-image:url(/images/index/img_from05.png);background-size:cover;background-repeat:no-repeat}.horizontal-inner .img:nth-child(6){background-image:url(/images/index/img_from06.png);background-size:cover;background-repeat:no-repeat}.horizontal-inner .img:nth-child(7){background-image:url(/images/index/img_from07.png);background-size:cover;background-repeat:no-repeat}.horizontal-inner .img:nth-child(8){background-image:url(/images/index/img_from08.png);background-size:cover;background-repeat:no-repeat}.horizontal-inner .img:nth-child(9){background-image:url(/images/index/img_from09.png);background-size:cover;background-repeat:no-repeat}.horizontal-inner .img:nth-child(10){background-image:url(/images/index/img_from10.png);background-size:cover;background-repeat:no-repeat}}#lyanature-area{position:relative;width:100%;background-color:#FFF9F0;display:flex;justify-content:space-between;.title-wrap{position:relative;z-index:2;padding:15vh 0 0 10vw;width:calc(100% - 50vw);& span{font-size:clamp(1.2rem,3vw,2rem);font-family:var(--secondary-font-family);color:var(--default-font-color)}& h1,& span{font-weight:400}& h1{font-size:clamp(2rem,3vw,3rem);color:var(--secondary-font-color);line-height:1.5}.txt{font-size:clamp(2rem,3vw,5rem);font-family:var(--secondary-font-family);color:var(--default-font-color);font-weight:400;padding-top:100px}.btn-more{margin-top:8rem;display:inline-block;border-radius:2rem;background-color:#FFDBA6;width:12rem;& span{font-family:var(--default-font-family);padding:7px 20px;display:flex;align-items:center;justify-content:space-between;font-size:clamp(1.3rem,3vw,1.6rem)}}}}.link-icon{position:relative;width:19px;height:19px;overflow:hidden;display:flex;justify-content:center;align-items:center;margin-left:10px;.btn-icon{display:block;position:absolute;transition:transform .4s ease;line-height:0;color:var(--default-font-color)}}.link-icon .btn-icon:nth-child(2){transform:translate(-20px)}@media(hover:hover){.btn-more:hover .btn-icon:first-child{transform:translate(20px)}.btn-more:hover .btn-icon:nth-child(2){transform:translate(0)}.btn-detail:hover .btn-icon:first-child{transform:translate(20px)}.btn-detail:hover .btn-icon:nth-child(2){transform:translate(0)}}.lya-silder-area{width:50vw}#lyanature-area .swiper-navigation{position:relative;align-items:center;left:0;padding-top:10rem;z-index:2;display:flex;justify-content:space-between;width:222px}#lyanature-area .swiper-navigation button{all:unset;cursor:pointer}.lya-silder-area .slide{position:relative;z-index:1;transform:translateY(150px);width:100%;margin-left:-150px;padding-bottom:300px}.lya-silder-area .slide div.swiper-slide{overflow:visible;width:597px;height:753px;text-align:center;color:#fff;transition-timing-function:var(--ani)}.lya-silder-area .slide div.swiper-slide .img{overflow:hidden;border-radius:26px;background-color:#000;transition:all .2s;height:100%}.lya-silder-area .slide div.swiper-slide .img img{opacity:1;transition:all .2s;width:100%}.lya-silder-area .slide div.swiper-slide-active .img img{opacity:1}@media (max-width:1460px){.lya-silder-area .slide div.swiper-slide{width:400px;height:504px}}@media (max-width:1024px){#lyanature-area{display:block;.title-wrap{width:100%}.swiper-navigation{padding-top:7rem}}#lyanature-area .title-wrap .txt{padding-top:70px}#lyanature-area .title-wrap .btn-more{margin-top:6rem}.lya-silder-area{width:100%;.slide{margin-left:0;transform:translateY(7rem);padding:0 5vw}}}@media (max-width:768px){.lya-silder-area .slide div.swiper-slide{width:270px;height:340px}}@media (max-width:650px){#lyanature-area .swiper-navigation{width:150px}#lyanature-area .swiper-navigation button{width:40px;& img{width:100%}}}@media (max-width:460px){#lyanature-area{height:110vh}.lya-silder-area .slide div.swiper-slide{width:230px;height:290px}}@media (max-width:380px){#lyanature-area{height:140vh}}#behavior-area{position:relative;width:100%;.title-wrap{position:relative;z-index:2;padding:15vh 5vw 0 10vw;& span{font-size:clamp(1.2rem,3vw,2rem);font-family:var(--secondary-font-family);color:var(--default-font-color)}& h1,& span{font-weight:400}& h1{font-size:clamp(2rem,3vw,3rem);color:var(--secondary-font-color);line-height:1.5}}.behavior-slider-area{display:flex}}#behavior-area .swiper-navigation{position:absolute;align-items:center;right:30%;bottom:20%;z-index:2;display:flex;justify-content:space-between;width:22.2rem}#behavior-area .swiper-navigation button{all:unset;cursor:pointer}#behavior-area .swiper-navigation button.disabled{opacity:.4;pointer-events:none}.behavior-slider-area{position:relative;padding-left:10vw;height:60vh}.behavior-slider-area .bg-fill{position:absolute;bottom:0;right:0;width:100%;height:95%;background-color:#F6F6F6;transform:scaleX(0);transform-origin:right center;z-index:1}.slider-txt-area{position:relative;z-index:2;width:60%;height:100%;padding:8% 5vw 0;display:flex;flex-direction:column-reverse;align-items:flex-end}.slider-txt-area .slide-txt{position:relative;width:100%;height:100%;overflow:hidden}.slider-txt-area .slide-txt h2{font-size:clamp(2rem,3vw,5rem);font-family:var(--secondary-font-family);font-weight:700}.slider-txt-area .slide-txt h2 span{font-size:clamp(1.4rem,3vw,2rem);font-family:var(--default-font-family);display:inline-block;padding-left:10px}.slider-txt-area .slide-txt h3{font-size:clamp(1.6rem,3vw,2.2rem);color:var(--third-font-color);padding-top:10px}.slider-txt-area .slide-txt .behavior-txt-wrap{display:flex;align-items:flex-end;padding-top:50px}.slider-txt-area .slide-txt .behavior-txt-wrap p{font-size:clamp(1.7rem,3vw,2.5rem);font-family:var(--secondary-font-family);line-height:1.5}.slider-txt-area .slide-txt .behavior-txt-wrap a{display:inline-block;margin-left:80px;background-color:#D9D9D9;position:relative;border-radius:50%;width:44px;height:44px}.slider-txt-area .slide-txt .behavior-txt-wrap a .link-icon{margin-left:0;left:50%;top:50%;transform:translate(-50%,-50%)}.behavior-slider-area .slide-image-area{position:relative;transform:translateY(-100px);width:calc(100% - 60%);margin-left:-150px;z-index:1;overflow:hidden}.behavior-slider-area .slide-image{position:relative;overflow:visible}.behavior-slider-area .slide-image div.swiper-slide{overflow:visible;width:100%;text-align:center;color:#fff;transition-timing-function:var(--ani)}.behavior-slider-area .slide-image div.swiper-slide .img{overflow:hidden;border-radius:26px;background-color:#000;transition:all .2s}.behavior-slider-area .slide-image div.swiper-slide .img img{opacity:1;transition:all .2s;width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.behavior-slider-area .slide-image div.swiper-slide-active .img img{opacity:1}@media (max-width:1600px){.slider-txt-area .slide-txt .behavior-txt-wrap{display:block}.slider-txt-area .slide-txt .behavior-txt-wrap a{margin-left:0;margin-top:5rem}.behavior-slider-area .slide-image-area{margin-left:-5vw}#behavior-area .swiper-navigation{position:relative;bottom:5vw;left:0;right:0}}@media (max-width:1000px){#behavior-area{padding-bottom:10rem;height:100vh}#behavior-area .behavior-slider-area{display:block}.behavior-slider-area{height:65vh}.slider-txt-area{width:100%;height:60%;padding:15% 5vw 0;flex-direction:column;align-items:flex-start}.behavior-slider-area .slide-image-area{width:70%;transform:translateY(0);margin:0 auto}.slider-txt-area .slide-txt .behavior-txt-wrap{padding-top:5rem}.slider-txt-area .slide-txt .behavior-txt-wrap a{margin-top:3rem}#behavior-area .swiper-navigation{padding:5rem 0}}@media (min-width:501px) and (max-width:999px){.behavior-slider-area .slide-image-area{width:80%}}@media (max-width:650px){#behavior-area .swiper-navigation{width:150px}#behavior-area .swiper-navigation button{width:40px;& img{width:100%}}}@media (max-width:500px){#behavior-area{height:105vh}.slider-txt-area{height:80%}#behavior-area .swiper-navigation{padding:5rem 0 3rem}.behavior-slider-area .slide-image-area{width:90%}}@media (max-width:380px){#behavior-area{height:130vh}#behavior-area .behavior-slider-area{height:80vh}.slider-txt-area{height:85%}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,1);z-index:9999;display:flex;align-items:center;justify-content:center}.spinner{width:40px;height:40px;border:4px solid #ddd;border-top-color:#333;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}