@font-face{font-family:'Pretendard-Regular';src:url("/img_up/shop_pds/ekrxjthd/design/fonts/pretendard-regular.woff2") format("woff");font-weight:400;font-style:normal}@font-face{font-family:'Pretendard-ExtraBold';src:url("/img_up/shop_pds/ekrxjthd/design/fonts/pretendard-extrabold.woff2") format("woff");font-weight:900;font-style:normal}body,h1,h2,h3,h4,h5,h6,p,div,li,dt,dd,input,textarea,button{font-family:'Pretendard-Regular' !important;letter-spacing:-.5px}*{box-sizing:border-box}body{width:100vw;height:100vh;background-color:#2c364b;color:#fff;font-family:'Pretendard-Regular' !important;overflow:hidden;line-height:1.5}header{width:100%;height:70px;padding:0 100px;position:relative;display:flex;align-items:center;position:fixed;top:0;left:0;z-index:9}header .header_menu{position:absolute;left:50%;transform:translateX(-50%);font-size:17px}#main{width:100vw;height:100dvh;display:flex}#main .section{width:100%;height:100%;position:relative}#main .section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;opacity:.3}#main #marketing::before{background:url("../design/images/intro_marketing_round.png") 0 0 no-repeat}#main #lab::before{background:url("../design/images/intro_lab_round.png") 0 0 no-repeat;background-size:100% 100%}#main .section .back{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-size:cover;clip-path:circle(0 at 50% 50%);transition:all .5s ease}#main #marketing .back{background:url("../design/images/intro_marketing_round.png") 0 0 no-repeat}#main #lab .back{background:url("../design/images/intro_lab_round.png") 0 0 no-repeat;background-size:100% 100%}#main .section:hover .back{clip-path:circle(37% at 50% 50%)}#main .section .content{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:50px;z-index:99}#main .section .title{display:flex;flex-direction:column;gap:10px}#main .section .title .sub{font-size:30px;color:#aaa}#main .section .title .sub.active{color:#fff}#main .section .title .main{font-size:54px;font-family:'Pretendard-ExtraBold' !important}#main .section .button{font-size:22px;width:300px;height:54px;border:1px solid #fff;border-radius:10px;line-height:54px;transition:all .5s ease-in-out;font-weight:600;cursor:pointer}#main .section .button.active{background-color:#fff;color:#000}footer{width:100%;height:70px;display:flex;align-items:center;justify-content:center;position:relative;position:fixed;bottom:0;left:0;background-color:transparent}footer .copyrights{font-size:17px}footer .sns_group{position:absolute;right:100px;display:flex;align-items:center;justify-content:center;gap:25px}@media screen and (max-width:900px){header{padding-left:5%}header .logo img{width:100px}header .header_menu{width:100vw;text-align:center;position:fixed;font-size:14px;letter-spacing:.5px;top:50%;left:50%;transform:translate(-50%,-50%);color:#aaa}#main{flex-direction:column}#main .section .title .sub{font-size:16px}#main .section .title .main{font-size:18px}#main .section .button{width:160px;height:45px;line-height:45px}#main #marketing .back{background:url("../design/images/intro_marketing_round.png") 0 0 no-repeat;background-size:100% 100%}#main #marketing::before{background-size:cover}#main #lab::before{background-size:cover}#main .section .content{gap:20px}footer{height:40px}footer .sns_group{right:15px;flex-direction:column;bottom:15px;gap:15px}footer .sns_group img{width:80%}footer .copyrights{font-size:14px}}