.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#0064e6;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased !important;text-rendering:optimizeLegibility !important;-moz-osx-font-smoothing:grayscale;z-index:99;transition:opacity .5s ease,visibility .5s ease}.loading-screen.hidden{opacity:0;visibility:hidden}.mod{position:fixed;top:0;left:0;width:100%;height:100%;perspective:330px;background:#0064e6}.mod .cube{position:absolute;top:42%;left:50%;margin-top:-105px;margin-left:-105px;width:210px;height:210px;-webkit-transform-style:preserve-3d;-webkit-transform-origin:105px 105px;transform-style:preserve-3d;transform-origin:105px 105px;animation:spinCube 9000ms linear infinite}.mod .cube .faces{position:absolute;top:0;left:0;width:210px;height:210px}.mod .cube .faces .dot{position:absolute;background:white;width:2px;height:2px;border-radius:50%}.mod .cube .faces .p1{top:-1px;margin-left:-1px}.mod .cube .faces .p2{top:-1px;left:50%;margin-left:-1px}.mod .cube .faces .p3{top:-1px;left:100%;margin-left:-1px}.mod .cube .faces .p4{top:50%;left:-1px;margin-top:-1px}.mod .cube .faces .p5{top:50%;left:50%;margin-top:-1px;margin-left:-1px}.mod .cube .faces .p6{top:50%;left:100%;margin-top:-1px;margin-left:-1px}.mod .cube .faces .p7{top:100%;left:0;margin-top:-1px;margin-left:-1px}.mod .cube .faces .p8{top:100%;left:50%;margin-top:-1px;margin-left:-1px}.mod .cube .faces .p9{top:100%;left:100%;margin-top:-1px;margin-left:-1px}.mod .cube .faces .p10{top:25%;left:25%;margin-top:-1px;margin-left:-1px}.mod .cube .faces .p11{top:25%;left:75%;margin-top:-1px;margin-left:-1px}.mod .cube .faces .p12{top:75%;left:25%;margin-top:-1px;margin-left:-1px}.mod .cube .faces .p13{top:75%;left:75%;margin-top:-1px;margin-left:-1px}.mod .cube .f1{-webkit-transform:translateZ(-105px);transform:translateZ(-105px);animation-delay:.3s}.mod .cube .f2{-webkit-transform:translateZ(-84px);transform:translateZ(-84px);animation-delay:.6s}.mod .cube .f3{-webkit-transform:translateZ(-63px);transform:translateZ(-63px);animation-delay:.9s}.mod .cube .f4{-webkit-transform:translateZ(-42px);transform:translateZ(-42px);animation-delay:1.2s}.mod .cube .f5{-webkit-transform:translateZ(-21px);transform:translateZ(-21px);animation-delay:1.5s}.mod .cube .f6{-webkit-transform:translateZ(0);transform:translateZ(0);animation-delay:1.8s}.mod .cube .f7{-webkit-transform:translateZ(21px);transform:translateZ(21px);animation-delay:2.1s}.mod .cube .f8{-webkit-transform:translateZ(42px);transform:translateZ(42px);animation-delay:2.4s}.mod .cube .f9{-webkit-transform:translateZ(63px);transform:translateZ(63px);animation-delay:2.7s}.mod .cube .f10{-webkit-transform:translateZ(84px);transform:translateZ(84px);animation-delay:3s}.mod .cube .f11{-webkit-transform:translateZ(105px);transform:translateZ(105px);animation-delay:3.3s}.loading-content{position:absolute;bottom:23%;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px}.loading-content p{color:#FFF;text-align:center;font-size:24px;letter-spacing:-2px}.loading-content p span{font-family:'SpoqaHanSansNeoBold'}.progress-bar{display:flex;width:160px;height:6px;align-items:center;border-radius:6px;background:#FFF;overflow:hidden}.progress-bar-inner{width:0;height:100%;background:linear-gradient(90deg,#9eff71 0,#0EF 100%);border-radius:6px;animation:fillProgress 10s cubic-bezier(0.4,0,0.2,1) forwards}@keyframes fillProgress{from{width:0}to{width:100%}}@-webkit-keyframes spinCube{0{-webkit-transform:rotateY(0) rotateX(-45deg) rotate(0);transform:rotateY(0) rotateX(-45deg) rotate(0)}50%{-webkit-transform:rotateY(180deg) rotateX(135deg) rotate(180deg);transform:rotateY(180deg) rotateX(135deg) rotate(180deg)}100%{-webkit-transform:rotateY(360deg) rotateX(315deg) rotate(360deg);transform:rotateY(360deg) rotateX(315deg) rotate(360deg)}}@keyframes spinCube{0{-webkit-transform:rotateY(0) rotateX(-45deg) rotate(0);transform:rotateY(0) rotateX(-45deg) rotate(0)}50%{-webkit-transform:rotateY(180deg) rotateX(135deg) rotate(180deg);transform:rotateY(180deg) rotateX(135deg) rotate(180deg)}100%{-webkit-transform:rotateY(360deg) rotateX(315deg) rotate(360deg);transform:rotateY(360deg) rotateX(315deg) rotate(360deg)}}@-webkit-keyframes spinDots{0{-webkit-transform:rotateX(0) rotateY(45deg);transform:rotateX(0) rotateY(45deg)}50%{-webkit-transform:rotateX(-180deg) rotateY(-135deg);transform:rotateX(-180deg) rotateY(-135deg)}100%{-webkit-transform:rotateX(-360deg) rotateY(-315deg);transform:rotateX(-360deg) rotateY(-315deg)}}@keyframes spinDots{0{-webkit-transform:rotateX(0) rotateY(45deg);transform:rotateX(0) rotateY(45deg)}50%{-webkit-transform:rotateX(-180deg) rotateY(-135deg);transform:rotateX(-180deg) rotateY(-135deg)}100%{-webkit-transform:rotateX(-360deg) rotateY(-315deg);transform:rotateX(-360deg) rotateY(-315deg)}}@-webkit-keyframes spinFaces{0{-webkit-transform:rotateX(0);transform:rotateX(0)}50%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}100%{-webkit-transform:rotateX(0);transform:rotateX(0)}}@keyframes spinFaces{0{-webkit-transform:rotateX(0);transform:rotateX(0)}50%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}100%{-webkit-transform:rotateX(0);transform:rotateX(0)}}@font-face{font-family:'SpoqaHanSansNeo';src:url("/img_up/shop_pds/ekrxjthd/design/css/webdesign/fonts/SpoqaHanSansNeo_TTF_original/spoqahansansneo-regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'SpoqaHanSansNeoBold';src:url("/img_up/shop_pds/ekrxjthd/design/css/webdesign/fonts/SpoqaHanSansNeo_TTF_original/spoqahansansneo-bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'PoppinsSemiBold';src:url("/img_up/shop_pds/ekrxjthd/design/css/webdesign/fonts/Poppins/poppins-semibold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'SpoqaHanSansNeoMedium';src:url("/img_up/shop_pds/ekrxjthd/design/css/webdesign/fonts/SpoqaHanSansNeo_TTF_original/spoqahansansneo-medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}body,html{font-family:'SpoqaHanSansNeo';width:100%;min-height:100%;overflow-x:hidden;overflow-y:hidden;color:#262626;line-height:1.6;letter-spacing:-1px}*{box-sizing:border-box}button{border:0;background:0;cursor:pointer;padding:0;margin:0;color:inherit}a{text-decoration:none;color:inherit}.skip-link{position:absolute;top:-50px;left:0;background:#0478e4;color:#fff;padding:8px 16px;text-decoration:none;z-index:1000;font-family:'SpoqaHanSansNeoMedium'}.skip-link:focus{top:0;outline:2px solid #fff;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pc{display:inline-block}.mo{display:none}.wrapper{position:relative;width:100%;min-height:100%;overflow:hidden;-webkit-tap-highlight-color:transparent}.inner{width:100%;max-width:1440px;margin:0 auto}.blue{color:#0478e4}.header{position:fixed;top:0;left:0;width:100%;height:70px;padding:0 100px;display:flex;align-items:center;justify-content:space-between;z-index:9;transition:all .3s ease}.header.active{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.18);box-shadow:0 8px 32px 0 rgba(0,0,0,0.1)}.header.light-section .logo a{background:url("/img_up/shop_pds/ekrxjthd/design/images/webdesign/logo2.png") no-repeat center center;background-size:contain}.header.light-section nav ul li:not(.contact) a{background:linear-gradient(to top,#0478e4 50%,#797979 50%);background-size:100% 200%;background-position:top;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-position .6s ease}.header.light-section nav ul li:not(.contact) a:hover{background-position:bottom}.header .logo{width:115px;height:28px}.header .logo a{display:block;width:100%;height:100%;background:url("/img_up/shop_pds/ekrxjthd/design/images/webdesign/logo.png") no-repeat center center;background-size:contain}.header nav ul{display:flex;align-items:center;gap:48px}.header nav ul li{font-family:'PoppinsSemiBold';font-size:16px;color:#fff;cursor:pointer}.header nav ul li:not(.contact) a{position:relative;display:inline-block;background:linear-gradient(to top,#0478e4 50%,#fff 50%);background-size:100% 200%;background-position:top;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-position .6s ease}.header nav ul li:not(.contact) a:hover{background-position:bottom}.header nav ul li.contact{width:155px;height:40px;background-color:#0478e4;border-radius:60px;font-family:'SpoqaHanSansNeoMedium';display:flex;align-items:center;justify-content:center}.header nav ul li.contact a{display:block}.header nav ul li.ham-menu{width:25px;height:18px;display:none}.header nav ul li.ham-menu p{width:100%;height:2px;background-color:#fff;border-radius:2px}.header nav ul li.ham-menu p:nth-child(2){border-radius:0}.header.light-section nav ul li.ham-menu p{background-color:#262626}.header nav ul li.ham-menu p{transition:transform .3s ease,opacity .3s ease}.header nav ul li.ham-menu.active p:nth-child(1){transform:translateY(8px) rotate(45deg)}.header nav ul li.ham-menu.active p:nth-child(2){opacity:0}.header nav ul li.ham-menu.active p:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.ham-menu-area{position:fixed;top:-100%;right:0;width:100%;height:100%;z-index:8;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.18);box-shadow:0 8px 32px 0 rgba(0,0,0,0.1);transition:top .2s ease}.ham-menu-area.active{top:70px}.ham-menu-area ul{width:100%;height:100%;padding:100px 40px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}.ham-menu-area ul li{width:100%;height:65px;background:rgba(255,255,255,0.6);border-radius:16px;box-shadow:0 4px 10px 0 rgba(0,0,0,0.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s,color .2s;font-size:18px;font-family:'PoppinsSemiBold';letter-spacing:-2px;color:#0478e4}.ham-menu-area ul li a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.aside{position:fixed;bottom:45px;right:45px;z-index:9;cursor:pointer}.aside a{display:block}.aside .circle{width:160px;animation:rotate 10s linear infinite}.aside .arrow{width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aside .arrow img{width:100%;transition:filter .3s ease;filter:brightness(0) invert(1)}.aside.light-section .arrow img{filter:none}.aside:hover .circle{animation-play-state:paused}@keyframes rotate{0{transform:rotate(0)}100%{transform:rotate(360deg)}}main{width:100%;min-height:500px}section{width:100%;padding:120px 0}.button-area{width:100%;display:flex;align-items:center;justify-content:center;margin-top:72px}.title-area .main{margin:0;text-align:center;font-size:48px;font-family:'SpoqaHanSansNeoBold';letter-spacing:-2px;line-height:1.3;margin-bottom:16px}.title-area .sub{margin:0;color:#262626;text-align:center;font-size:24px;font-family:'SpoqaHanSansNeo';letter-spacing:-2px}.section01{padding:0 !important;width:100%;height:100vh;background:url("/img_up/shop_pds/ekrxjthd/design/images/webdesign/section1_back.jpg") no-repeat;background-position:center -130px}.section01 .content{position:relative;width:100%;height:100%}.section01 h2{width:100%;text-align:center;font-family:'SpoqaHanSansNeoBold';font-size:64px;color:#fff;letter-spacing:-3px;line-height:1.3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:default}.section02 .content{display:grid;grid-template-columns:repeat(2,1fr);margin-top:70px}.section02 .content .item{position:relative;width:100%;padding:150px 0 60px;transition:filter .5s ease;display:none}.section02 .content .item.show{display:block}.section02 .content .item.type01{background-color:#f2f2f2}.section02 .content .item.type02{background-color:#e3e3e3}.section02 .content .item .gradient-box{position:absolute;width:100%;height:40%;bottom:0;left:0;z-index:0}.section02 .content .item.type01 .gradient-box{background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(163,163,163,0.8) 100%);background-blend-mode:multiply}.section02 .content .item.type02 .gradient-box{background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(163,163,163,0.8) 100%);background-blend-mode:multiply}.section02 .content .item .item-content{width:90%;max-width:800px;margin:0 auto;position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;gap:50px}.section02 .content .item .frame img{width:100%;object-fit:cover;transition:transform 1s cubic-bezier(0.22,1,0.36,1);will-change:transform}.section02 .content .item:hover .frame img{transform:scale(1.05)}.section02 .content .item .text-area{align-self:flex-start;display:flex;flex-direction:column;gap:10px}.section02 .content .item .text-area .title{margin:0;color:#FFF;font-family:'SpoqaHanSansNeoBold';font-size:24px;letter-spacing:-2px}.section02 .content .item .text-area .description{display:flex;align-items:center;gap:8px}.section02 .content .item .text-area .description .tag{display:flex;padding:5px 16px;justify-content:center;align-items:center;border-radius:150px;border:1px solid #FFF;color:#FFF;font-family:'PoppinsSemiBold';font-size:16px;letter-spacing:0}.section02 .button-area .button{width:165px;height:50px;border:1px solid #262626;border-radius:50px;font-family:'PoppinsSemiBold'}.portfolio-popup{position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center}.portfolio-popup.active{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.portfolio-popup .popup-overlay{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.8);cursor:pointer}.portfolio-popup .popup-content{position:relative;width:90%;max-width:1150px;max-height:80vh;overflow-y:auto;z-index:1}.portfolio-popup .popup-close{width:40px;height:40px;background-color:rgba(0,0,0,0.5);border-radius:50%;color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background-color .3s ease}.portfolio-popup .popup-content img{width:100%;vertical-align:bottom}.custom-cursor{position:fixed;width:80px;height:80px;border-radius:50%;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:9999;opacity:0;transform:translate(-50%,-50%);transition:opacity .3s ease}.custom-cursor.active{opacity:1}.custom-cursor img{width:24px;height:24px;filter:brightness(0) invert(1)}@media screen and (max-width:1440px){.inner{width:100%;padding:0 40px}}@media screen and (max-width:1024px){.pc{display:none}.mo{display:block}.header{padding:0 20px}.header nav ul{gap:16px}.header nav ul li.ham-menu{display:flex;flex-direction:column;justify-content:space-between}section{padding:80px 0}.section02 .content{grid-template-columns:1fr;margin-top:48px}.section02 .content .item{padding:58px 0 30px}.section02 .content .item .item-content{gap:20px}.section02 .content .item .text-area .title{font-size:18px;letter-spacing:-1px}.section02 .content .item .text-area .description .tag{font-size:12px}}@media screen and (max-width:768px){.header .logo{width:80px}.header nav ul li.contact{width:100px;height:35px}.inner{padding:0 20px}.title-area .main{font-size:34px}.title-area .sub{font-size:16px}.aside{bottom:20px;right:20px}.aside .circle{width:80px}.aside .arrow{width:20px;height:20px}.section01 h2{font-size:38px}.section02 .title-area .main{font-size:48px}.section02 .title-area .sub{letter-spacing:-1px}}