html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;position:relative;overflow-x:hidden}ol,ul,button{margin:0;padding:0;list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*:focus,a:hover,a:active,a:focus,button:focus{text-decoration:none;outline:none}button,a{border:none;font-size:unset;padding:0;margin:0;background:rgba(0,0,0,0);background-color:none;outline:none;border:none}button:not(:disabled){cursor:default}img{max-width:100%;height:auto}nav.nav-top{position:fixed;z-index:20;width:100%;padding:0;background-color:#000;min-height:50px;font-color:#fff}nav.nav-top .logo{position:absolute;width:150px;left:50%;transform:translate(-50%, 0)}nav.nav-top .logo img{max-width:100%}nav.nav-top .logIn{top:50%;transform:translate(0, -50%);position:absolute;right:20vw;width:80px;height:25px;display:block;padding:0px 4px;border:solid 2px #ffd400;border-radius:15px;text-align:center;font-size:16px;line-height:23px;color:#ffd400;transition:all .25s ease-in-out}@media only screen and (max-width: 767px){nav.nav-top .logIn{right:1vw}}nav.nav-top .logIn:hover{background-color:#ffd400;color:#fff}nav.nav-left{position:fixed;width:150px;height:100%;top:0;background-color:#333;z-index:1000;transition:.3s all;left:-150px;transform:translateX(0);display:flex;flex-direction:column;align-items:center}nav.nav-left img{max-width:100%;margin:0}nav.nav-left.open{transform:translateX(100%)}nav.nav-left a.logo{width:100%;text-align:center;height:70px;line-height:70px}nav.nav-left a.download{width:100%;height:37px;transition:.3s all}nav.nav-left a.download:hover{filter:brightness(1.5)}nav.nav-left a{font-size:14px;display:inline-block;text-align:center;font-weight:600}nav.nav-left .nav_box2{width:100%;line-height:27px;height:35px;margin-bottom:2px}nav.nav-left .nav_box2 a{background:#ffd800;font-size:16px;width:50%;color:#000;transition:.3s linear}nav.nav-left .nav_box2 a:hover{color:#fff;background:#000}nav.nav-left .nav_box3{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;text-align:center;height:40px;transition:.3s all}nav.nav-left .nav_box3 a{width:33%;display:inline-block;border-right:2px solid #d8d8d8;opacity:.5}nav.nav-left .nav_box3 a:hover{opacity:1}nav.nav-left .nav_box3 a:nth-child(3){border-right:none}nav.nav-left .nav_leftWrap{height:calc(100% - 170px);overflow-y:scroll;scrollbar-width:none}nav.nav-left .nav_leftWrap .nav_box{position:relative;width:130px;height:160px;border-top:2px solid #676767;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;opacity:.5;transition:.3s all}nav.nav-left .nav_leftWrap .nav_box:hover{opacity:1}nav.nav-left .nav_leftWrap .nav_box .txt{color:#fff}nav.nav-left #nav_toggler{position:absolute;width:50px;height:50px;background-color:#333;right:-50px;top:0px;cursor:pointer}nav.nav-left #nav_toggler span{position:absolute;width:20px;height:2px;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:1px;background:#fbff00;transition:1s all}nav.nav-left #nav_toggler span:nth-of-type(1){transform:translate(-50%, calc(-50% + 5px))}nav.nav-left #nav_toggler span:nth-of-type(3){transform:translate(-50%, calc(-50% - 5px))}nav.nav-left #nav_toggler.open span:nth-of-type(1){transform:translate(-50%, -50%) rotate(-135deg)}nav.nav-left #nav_toggler.open span:nth-of-type(2){width:0}nav.nav-left #nav_toggler.open span:nth-of-type(3){transform:translate(-50%, -50%) rotate(135deg)}body{background:#000;color:#fff;font-weight:200;font-family:Pretendard,sans-serif;text-align:center;position:relative}main{position:relative;background:url(../images/mainBg.jpg) no-repeat center center/cover;min-height:100vh;padding-top:50px}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main{background:url(../images/mainBg.webp) no-repeat center center/cover}}main .main-title{position:absolute;top:2vh;left:14vw;z-index:5}@media only screen and (max-width: 1440px){main .main-title{left:2vw}}@media only screen and (max-width: 1200px){main .main-title{top:20vh;left:0}}@media only screen and (max-width: 800px){main .main-title img{max-width:60vw}}@media only screen and (max-width: 480px){main .main-title{top:12vh}}main .video-item{position:absolute;left:50%;bottom:6vh;transform:translateX(-50%);z-index:2}@media only screen and (max-width: 1440px){main .video-item{bottom:0}}@media only screen and (max-width: 1200px){main .video-item{position:relative;left:unset;transform:translateX(0);margin:0 auto 2vh}}.video-item{position:relative;width:880px}@media only screen and (max-width: 800px){.video-item{width:90vw}}.video-item::before{content:"";width:calc(100% + 30px);height:calc(100% + 30px);border:30px solid rgba(0,0,0,0);border-image-source:url(../images/frameV.png);border-image-slice:30;position:absolute;inset:-15px;z-index:9;pointer-events:none}.video-item.is-video-paused .video-mask{pointer-events:auto}.video-item.is-video-error .video-mask{background:rgba(0,0,0,.85)}.video-item.is-video-error iframe{pointer-events:none}.video-item .player{width:100%;min-height:480px}.video-item .video-mask{position:absolute;inset:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2}.video-item .play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10}.video-item .play-btn:hover{filter:brightness(1.2)}section{padding:6vh 0;background:url(../images/bg.jpg) no-repeat center top/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section{background:url(../images/bg.webp) no-repeat center top/cover}}section .video-item{margin:10vh auto}section h2{position:relative;display:table;margin:2vh auto 6vh}section h2::before,section h2::after{content:"";width:447px;height:26px;background:url(../images/titleBar.jpg) no-repeat center center/contain;position:absolute;top:4%}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section h2::before,section h2::after{background:url(../images/titleBar.webp) no-repeat center center/contain}}@media only screen and (max-width: 1200px){section h2::before,section h2::after{display:none}}section h2::before{left:-460px}section h2::after{right:-460px;transform:rotate(180deg)}section .ctn{position:relative;max-width:880px;margin:6vh auto 2vw}@media only screen and (max-width: 800px){section .ctn{max-width:90vw}}section .ctn::before{content:"";width:calc(100% + 10px);height:calc(100% + 10px);border:30px solid rgba(0,0,0,0);border-image-source:url(../images/frame.png);border-image-slice:30;position:absolute;inset:-5px;z-index:9;pointer-events:none}section .ctn.ctn-sm,section .ctn.ctn-md{width:400px;margin:6vh 2vw}section .ctn .ctn-frame{background-color:rgba(0,32,38,.6901960784);padding:36px 2% 1%;clip-path:polygon(20px 0, calc(100% - 20px) 0, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 20px), 0 20px)}section .ctn .ctn-frame p{font-size:1.6rem;font-weight:400;line-height:2rem}@media only screen and (max-width: 480px){section .ctn .ctn-frame p{font-size:1.2rem;line-height:1.6rem}}section .ctn .ctn-frame p span{color:#a98bff}section .ctn h6{width:100%;position:absolute;top:-26px;z-index:9}section .ctn .hr{width:1px;height:120px;background-color:rgba(55,186,209,.3137254902);margin:auto 2%}@media only screen and (max-width: 480px){section .ctn .hr{width:80%;height:1px;margin:2% auto}}section .ctn:last-of-type .hr{height:300px;margin:auto 3%}@media only screen and (max-width: 800px){section .ctn:last-of-type .hr{width:80%;height:1px;margin:4% auto}}section .ctn .item{position:relative;margin:2vh 1vw}section .ctn .item span{position:absolute;top:-15px;right:-24px;width:45px;height:30px;line-height:30px;border:solid 1px #d9d2ff;border-radius:50%;background:linear-gradient(#b9afff, #8d7cff)}@media only screen and (max-width: 480px){section .ctn .item span{right:-10px}}section .ctn .item p.num{color:#8d7cff;font-size:1.2rem;font-weight:600;line-height:1.4rem}section .ctn p.note{width:100%;text-align:right;font-size:1rem}section a.btn{display:block;margin-bottom:4vh;filter:brightness(0.8)}section a.btn:hover{filter:brightness(1)}.deco1::before,.deco1::after{content:"";position:absolute}@media only screen and (max-width: 1200px){.deco1::before,.deco1::after{display:none}}.deco1::before{width:478px;height:640px;left:2vw;background:url(../images/deco1.png) no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.deco1::before{background:url(../images/deco1.webp) no-repeat center center/contain}}.deco1::after{width:428px;height:697px;right:10vw;background:url(../images/deco2.png) no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.deco1::after{background:url(../images/deco2.webp) no-repeat center center/contain}}.deco2{position:relative}.deco2::before{content:"";position:absolute}.deco2::before{width:352px;height:340px;left:14vw;bottom:-16vh;z-index:9;background:url(../images/deco3.png) no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.deco2::before{background:url(../images/deco3.webp) no-repeat center center/contain}}@media only screen and (max-width: 1440px){.deco2::before{left:2vw}}@media only screen and (max-width: 1200px){.deco2::before{display:none}}@media only screen and (max-width: 480px){.d-flex{flex-wrap:wrap}}