@import"https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Bowlby+One&family=Libre+Bodoni:ital,wght@0,400..700;1,400..700&family=Noto+Sans+KR:wght@100..900&display=swap";@font-face{font-family:GmarketSansMedium;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff) format("woff");font-weight:400;font-style:normal}html{--main:#586AD9}div,p{word-break:keep-all}#smooth-wrapper{background:#fff}.mark_se_1{height:100vh;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background-color:#fff}.box_up{position:absolute;top:0;left:0;width:100%;height:60vh;background-color:#fff;z-index:99}.box_down{position:absolute;bottom:0;left:0;width:100%;height:60vh;background-color:#fff;z-index:99}.mark_se_1_img_roll{position:relative}.circle_img{position:absolute;top:calc(50% - 310px);right:calc(50% - 447px);z-index:9;animation:rotate-animation 15s linear infinite}@keyframes rotate-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mark_se_1_img_roll_closest{width:100%;transform:scale(-1)}.mark_se_1_img_roll{max-height:428px;height:100%;max-width:730px;width:100%;margin:0 auto;border-radius:20px}.mark_se_1_img_roll .img_box img{display:block;width:100%;aspect-ratio:1 / 1;height:428px;object-fit:cover}.mark_se_1_img_roll .swiper-slide .img_box{transform:rotate(-180deg)}.mark_se_1_text_box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9;display:flex;gap:150px;width:100%;justify-content:center}.mark_se_1_text_box h3{color:#050505;text-align:center;font-family:SUIT;font-size:110px;font-style:normal;font-weight:800;line-height:100%;letter-spacing:-4.4px}.mark_se_1_text{height:120px}.mark_se_1_text p{color:#fff;text-align:center;font-family:SUIT;font-size:110px;font-style:normal;font-weight:700;line-height:1.1;letter-spacing:-4.4px}.mark_se_box{position:relative}.mark_se_2{position:absolute;top:0;left:0;width:100%;z-index:999}.mark_se_2 .bg_3{width:100%;height:100%}.mark_se_2 .bg_3>.bg_box{background-color:transparent;background-color:#000;height:33.34vh;width:0%;position:relative;border-bottom:1px solid #000;border-top:1px solid #000}.clock_layout{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;display:flex;flex-direction:column}.clock_layout .clock_box{transform:translateY(150%)}.clock_layout h4{margin-top:20px;color:#a3a3a3;text-align:center;font-family:Pretendard;font-size:48px;font-style:normal;font-weight:400;line-height:1.5;letter-spacing:-1.92px}.clock_layout h4 .draw_text{transform:translateY(0);opacity:0}.clock_layout h4 .bold{color:#fff;font-weight:700}.draw_text{display:inline-block;overflow:hidden}.view-body{display:flex;flex-direction:column;justify-content:center;align-items:center}.clock-container{width:340px;height:340px;border:1px solid #000000;border-collapse:collapse;border-radius:30vmin;position:relative;background:#000}.clock-body-add1{width:320px;height:320px;border-radius:160px;position:absolute;top:calc(50% - 160px);left:calc(50% - 160px);z-index:2;background:#000}.clock-body-add2{width:300px;height:300px;border-radius:150px;position:absolute;top:calc(50% - 150px);left:calc(50% - 150px);z-index:4;background:#000}.clock-body{width:280px;height:280px;border-radius:100%;position:relative;top:calc(50% - 140px);left:calc(50% - 140px);background:#262626;z-index:4}.num-div{width:260px;height:10%;position:absolute;top:45%;left:calc(50% - 130px);z-index:5;display:flex;justify-content:space-between;align-items:center;font-weight:700}.view-body .line{position:absolute;width:340px;z-index:1}.thin{height:.25vmin;top:calc(50% - .125vmin);background:#404040}.thick{height:.25vmin;top:calc(50% - .25vmin);background:#a3a3a3;z-index:3}.font1{font-size:calc(.5rem + 2vmin);font-weight:700}.clock-center{background:#fff;width:10px;height:10px;border-collapse:collapse;border-radius:1.5vmin;position:absolute;top:calc(50% - 5px);left:calc(50% - 5px);z-index:6}.niddle{width:1.5%;position:absolute;top:30%;left:50%;border-radius:12px;transition:transform .05s linear}.hours{height:20%;top:30%;left:49.5%;background:linear-gradient(0deg,#ffe788,#decaaf);box-shadow:0 8px 2px #0000004d;z-index:4;transform-origin:50% 100%;transform:rotate(300deg)}.minutes{height:30%;top:-80%;left:50%;background:linear-gradient(0deg,#ffe788,#decaaf);box-shadow:0 8px 2px #0000004d;z-index:4;transform-origin:0% 100%;transform:rotate(60deg)}.hours_box{height:100%;transform-origin:50% 100%;filter:drop-shadow(0px 8px 2px rgba(0,0,0,.3))}.minutes_box{position:relative;height:100%;transform-origin:50% 100%;filter:drop-shadow(0px 8px 2px rgba(0,0,0,.3))}.second_box{position:relative;filter:drop-shadow(0px 8px 2px rgba(0,0,0,.3));height:100%;transform-origin:50% 100%}.seconds{height:40%;top:-190%;width:.5%;left:50%;background:#fff;z-index:5;transform-origin:50% 100%;transform:rotate(180deg);border-radius:100%}.date-container{margin:5vmin}.clock-logo{width:100%;text-align:center;position:absolute;top:25%}.inner-date:before{content:"";width:100%;height:100%;background:#262626;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.inner-date-div{position:absolute;width:37vmin;top:calc(50% - .5rem);left:calc(50% - 18.5vmin);display:flex;justify-content:flex-end;align-items:center}@media screen and (max-width:1550px){.mark_se_1_img_roll_closest{width:33%}.mark_se_1_text{gap:100px}.mark_se_1_text_box h3,.mark_se_1_text p{font-size:80px}.mark_se_1_text{height:95px}}@media screen and (max-width:1280px){.mark_se_1_text{gap:80px}}@media screen and (max-width:1200px){.mark_se_1_text{gap:60px}.mark_se_1_text_box h3,.mark_se_1_text p{font-size:60px}}@media screen and (max-width:1020px){.mark_se_1_text_box h3,.mark_se_1_text p{font-size:80px}.mark_se_1_text_box{flex-direction:column;gap:0;padding:15% 0;box-sizing:border-box;height:100%}}@media screen and (max-width:900px){.clock_layout>h4{font-size:30px}}@media screen and (max-width:768px){.mark_se_1{padding:150px 0}.mark_se_1_img_roll{width:90%;max-height:300px}.mark_se_1_text_box h3,.mark_se_1_text p{font-size:70px}.mark_se_1_text_box{flex-direction:column;gap:135px}.clock_layout>h4{font-size:20px}.mark_se_1_img_roll_closest{width:100%}}.mark_se_3{height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:space-between}.mark_se_3 .left{display:flex;align-items:center;gap:280px}.half_clock_box{width:600px;height:600px;border:solid 1px #EFEFEF;border-radius:100%;position:relative;display:flex;justify-content:center;align-items:center;margin-left:-300px}.half_clock_box .sec_line_2{width:2px;height:110%;background:#586ad9;box-shadow:0 10px 4px #00000040;position:absolute;top:-5%;transform-origin:center center;transform:rotate(0);z-index:999}.half_clock_box .sec_line_3{width:45%;height:4px;background:#000;box-shadow:0 10px 4px #00000040;position:absolute;top:50%;left:50%}.half_clock_box .axis{width:40px;height:40px;border-radius:999px;background:#050505;box-shadow:0 10px 5px #00000040;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999}.half_clock_num{min-width:800px}.half_clock_num>li span{color:#050505;font-family:Attila Sans;font-size:64px;font-style:normal;font-weight:800;line-height:1}.half_clock_num>li{display:flex;justify-content:space-between}.rotatino_num li{width:612px;display:flex;justify-content:space-between;flex-direction:row-reverse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .6s}.rotatino_num li span{width:12px;height:12px;background-color:#efefef;border-radius:100%;display:block;position:relative}.rotatino_num li span.on{background-color:#586ad9}.rotatino_num li span.on:before{color:#050505;transition:all .6s}.rotatino_num li span:before{position:absolute;font-size:64px;font-weight:400;font-family:Bowlby One,sans-serif;color:#efefef;-webkit-text-stroke:1px #fff;font-weight:700;text-align:center}.rotatino_num li span:nth-child(1):before{top:-40px;left:30px}.rotatino_num li span:nth-child(2):before{top:-30px;right:25px;transform:rotate(180deg)}.rotatino_num li:nth-child(1){transform:translate(-50%,-50%) rotate(0)}.rotatino_num li:nth-child(2){transform:translate(-50%,-50%) rotate(25deg)}.rotatino_num li:nth-child(3){transform:translate(-50%,-50%) rotate(50deg)}.rotatino_num li:nth-child(4){transform:translate(-50%,-50%) rotate(75deg)}.rotatino_num li:nth-child(5){transform:translate(-50%,-50%) rotate(100deg)}.rotatino_num li:nth-child(6){transform:translate(-50%,-50%) rotate(125deg)}.rotatino_num li:nth-child(7){transform:translate(-50%,-50%) rotate(150deg)}.rotatino_num li:nth-child(1) ._1:before{content:"01"}.rotatino_num li:nth-child(1) ._2:before{content:"01"}.rotatino_num li:nth-child(2) ._1:before{content:"02"}.rotatino_num li:nth-child(2) ._2:before{content:"02"}.rotatino_num li:nth-child(3) ._1:before{content:"03"}.rotatino_num li:nth-child(3) ._2:before{content:"03"}.rotatino_num li:nth-child(4) ._1:before{content:"04"}.rotatino_num li:nth-child(4) ._2:before{content:"04"}.rotatino_num li:nth-child(5) ._1:before{content:"05"}.rotatino_num li:nth-child(5) ._2:before{content:"05"}.rotatino_num li:nth-child(6) ._1:before{content:"06"}.rotatino_num li:nth-child(6) ._2:before{content:"06"}.rotatino_num li:nth-child(7) ._1:before{content:"07"}.rotatino_num li:nth-child(7) ._2:before{content:"07"}.right_nav{text-align:right;padding-right:50px;box-sizing:border-box}.right_nav>li{display:flex;align-items:center;justify-content:flex-end}.right_nav>li.on .box{width:4px;height:4px;display:block;background-color:#586ad9;margin-right:8px}.right_nav>li p{color:#d4d4d4;font-family:Pretendard;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-.64px;margin-right:14px}.right_nav>li.on p{color:#000}.right_nav>li .nav_line{width:2px;height:30px;background-color:#d4d4d4;display:block}.right_nav>li.on .nav_line{background-color:#586ad9}.rotatino_text{font-size:18px;display:none}.rotatino_text .text_box{max-width:620px;margin-top:30px}.rotatino_text:nth-child(1) .text_box h4{font-family:GmarketSansBold,sans-serif;font-weight:800}.rotatino_text:nth-child(7) .text_box h4{letter-spacing:-5px}.rotatino_text .text_box h4{color:#050505;font-family:GmarketSansBold,sans-serif;font-size:80px;font-weight:800;line-height:1;letter-spacing:1.4px}.rotatino_text .text_box p{color:#050505;font-family:Pretendard;font-size:20px;font-weight:500;line-height:1.5;letter-spacing:-.8px;margin-top:20px;opacity:0;transform:translateY(-20px)}.rotatino_text .text_box p>.point{background-color:#586ad9;color:#fff}.mark_main{background-color:#fff;top:0;left:0;width:100%;height:100vh;z-index:-1;position:absolute}@media screen and (max-width:1400px){.mark_se_3 .left{gap:200px}.rotatino_text .text_box p br{display:none}}@media screen and (max-width:1350px){.right_nav{display:none}}@media screen and (max-width:1200px){.mark_se_3 .left{gap:150px}}@media screen and (max-width:1060px){.rotatino_text .text_box h4{font-size:50px}.rotatino_text .text_box{max-width:500px}}@media screen and (max-width:960px){.rotatino_num li span:before{font-size:40px}.rotatino_num li span:nth-child(1):before{top:-12px}.rotatino_num li span:nth-child(2):before{top:-15px}.mark_se_3 .left{gap:100px}}@media screen and (max-width:900px){.mark_se_3{justify-content:center}.rotatino_text .img_box{text-align:center}.rotatino_text .text_box{max-width:none;text-align:center}.mark_se_3 .left{flex-direction:column-reverse;justify-content:center;align-items:center}.half_clock_box{width:300px;height:300px}.rotatino_num li{width:312px}.half_clock_box{margin-left:0;margin-bottom:-300px}.half_clock_text{padding:0 5%;width:100%;box-sizing:border-box;margin:0 auto}.half_clock_box .sec_line_3{transform:rotate(90deg)}.half_clock_box .sec_line_3{top:calc(50% - 65px);left:calc(50% - 67px)}.rotatino_num li span:nth-child(2):before{transform:rotate(265deg)}.rotatino_num li span:nth-child(1):before{transform:rotate(-270deg)}.rotatino_num li:nth-child(1){transform:translate(-50%,-50%) rotate(-90deg)}.rotatino_num li:nth-child(2){transform:translate(-50%,-50%) rotate(-75deg)}.rotatino_num li:nth-child(3){transform:translate(-50%,-50%) rotate(-50deg)}.rotatino_num li:nth-child(4){transform:translate(-50%,-50%) rotate(-25deg)}.rotatino_num li:nth-child(5){transform:translate(-50%,-50%) rotate(0)}.rotatino_num li:nth-child(6){transform:translate(-50%,-50%) rotate(25deg)}.rotatino_num li:nth-child(7){transform:translate(-50%,-50%) rotate(50deg)}.rotatino_num li span:nth-child(1):before{left:10px}.rotatino_num li span:nth-child(2):before{right:10px}.rotatino_text .text_box h4{font-size:30px}.rotatino_text .text_box{margin-top:10px}.rotatino_text .text_box p{font-size:16px}.clock_layout h4{font-size:30px}.half_clock_box .sec_line_2{height:60%;top:-10%;transform-origin:bottom center}}@font-face{font-family:Attila Sans Black;src:url(https://db.onlinewebfonts.com/t/e6ecebce74f9ee16345813d47cb3cff9.eot);src:url(https://db.onlinewebfonts.com/t/e6ecebce74f9ee16345813d47cb3cff9.eot?#iefix)format("embedded-opentype"),url(https://db.onlinewebfonts.com/t/e6ecebce74f9ee16345813d47cb3cff9.woff2)format("woff2"),url(https://db.onlinewebfonts.com/t/e6ecebce74f9ee16345813d47cb3cff9.woff)format("woff"),url(https://db.onlinewebfonts.com/t/e6ecebce74f9ee16345813d47cb3cff9.ttf)format("truetype"),url("https://db.onlinewebfonts.com/t/e6ecebce74f9ee16345813d47cb3cff9.svg#Attila Sans Black")format("svg")}html,body{width:100%;height:100%;margin:0}.marketing_section{display:flex;border-top:.4px solid #050505;border-bottom:.4px solid #050505;height:920px}.marketing_section .mkt{z-index:1;border-right:.4px solid #050505;padding:60px 30px;box-sizing:border-box;width:20%;transition:.5s;position:relative}.marketing_section .mkt.performance:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(180deg,#fff,#ffe788);opacity:0;transition:.5s;z-index:-1}.marketing_section .mkt.online:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(0deg,#c2cdf2,#fff);opacity:0;transition:.5s;z-index:-1}.marketing_section .mkt.Contents:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(0deg,#c2f2cc,#fff);opacity:0;transition:.5s;z-index:-1}.marketing_section .mkt.IMC:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(0deg,#f2c2c2,#fff);opacity:0;transition:.5s;z-index:-1}.marketing_section .mkt.Video:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(0deg,#decaaf,#fff);opacity:0;transition:.5s;z-index:-1}.marketing_section .mkt:last-child{border-right:0}.marketing_section .mkt .title{margin-bottom:62px}.marketing_section .mkt .title h4{font-family:Attila Sans Black;color:var(--Black, #050505);font-size:36px;font-weight:800;line-height:140%;margin:0}.marketing_section .mkt .title span{color:var(--Black, #050505);font-size:22px;font-weight:500;line-height:150%;letter-spacing:-.88px}.marketing_section .mkt .con_wrap{visibility:hidden;opacity:0}.marketing_section .mkt .con_wrap .img_wrap{margin-bottom:20px;opacity:0;transform:translateY(20px)}.marketing_section .mkt .con_wrap .img_wrap img{width:100%}.marketing_section .mkt .con_wrap .txt_wrap{opacity:0;transform:translateY(20px)}.marketing_section .mkt .con_wrap .txt_wrap p{margin:0;color:var(--neutral-gray-800, #262626);font-family:Pretendard;font-size:20px;font-weight:400;line-height:170%;letter-spacing:-.8px}.marketing_section .mkt .con_wrap .txt_wrap b{color:var(--neutral-gray-800, #262626);font-size:20px;font-weight:700;line-height:170%;letter-spacing:-.8px}@media (hover:hover){.marketing_section .mkt:hover{width:40%}.marketing_section .mkt:hover:after{opacity:1}.marketing_section .mkt:hover .con_wrap{visibility:visible;opacity:1}.marketing_section .mkt:hover .con_wrap .img_wrap{opacity:1;transform:translateY(0);transition:opacity .5s .5s,transform .5s .5s;-webkit-transition:opacity .5s .5s,transform .5s .5s}.marketing_section .mkt:hover .con_wrap .txt_wrap{opacity:1;transform:translateY(0);transition:opacity .5s 1s,transform .5s 1s;-webkit-transition:opacity .5s 1s,transform .5s 1s}}@media screen and (max-width:1500px){.marketing_section{flex-direction:column;height:auto}.marketing_section .mkt{width:100%;display:flex;gap:20px;max-height:300px;transition:1s;border-right:0px;border-bottom:.4px solid #050505}.marketing_section .mkt .title{margin-bottom:0;width:20%}.marketing_section .mkt .con_wrap{display:flex;gap:20px;width:calc(80% - 20px)}.marketing_section .mkt .con_wrap .img_wrap{width:50%;margin-bottom:0}.marketing_section .mkt .con_wrap .txt_wrap{width:50%}.marketing_section .mkt .title h4{font-size:30px}.marketing_section .mkt .title span{font-size:20px}@media (hover:hover){.marketing_section .mkt:hover{width:100%;max-height:1000px}.marketing_section .mkt:hover:after{opacity:1}.marketing_section .mkt:hover .con_wrap{visibility:visible;opacity:1}.marketing_section .mkt:hover .con_wrap .img_wrap{opacity:1;transform:translateY(0);transition:opacity .5s .5s,transform .5s .5s;-webkit-transition:opacity .5s .5s,transform .5s .5s}.marketing_section .mkt:hover .con_wrap .txt_wrap{opacity:1;transform:translateY(0);transition:opacity .5s 1s,transform .5s 1s;-webkit-transition:opacity .5s 1s,transform .5s 1s}}}@media screen and (max-width:1000px){.marketing_section .mkt .title h4 br{display:none}.marketing_section .mkt{flex-direction:column}.marketing_section .mkt .title,.marketing_section .mkt .con_wrap{width:100%}.marketing_section .mkt.on{max-height:1000px}.marketing_section .mkt.on:after{opacity:1}.marketing_section .mkt.on .con_wrap{visibility:visible;opacity:1}.marketing_section .mkt.on .con_wrap .img_wrap{opacity:1;transform:translateY(0);transition:opacity .5s .5s,transform .5s .5s;-webkit-transition:opacity .5s .5s,transform .5s .5s}.marketing_section .mkt.on .con_wrap .txt_wrap{opacity:1;transform:translateY(0);transition:opacity .5s 1s,transform .5s 1s;-webkit-transition:opacity .5s 1s,transform .5s 1s}}@media screen and (max-width:640px){.marketing_section .mkt{max-height:200px}.marketing_section .mkt.on .con_wrap{flex-direction:column}.marketing_section .mkt .con_wrap .img_wrap,.marketing_section .mkt .con_wrap .txt_wrap{width:100%}.marketing_section .mkt .title h4{font-size:26px}.marketing_section .mkt .title span{font-size:18px}.marketing_section .mkt .con_wrap .txt_wrap p,.marketing_section .mkt .con_wrap .txt_wrap p b{font-size:16px}}