a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,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{position:relative;overflow-x:hidden}button,ol,ul{margin:0;padding:0;list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}:focus,a:active,a:focus,a:hover,button:focus{text-decoration:none;outline:0}a,button{border:none;font-size:unset;padding:0;margin:0;background:0 0;background-color:none;outline:0;border:none}button:not(:disabled){cursor:default!important}.tab-content>.tab-pane{height:0;display:block;opacity:0;pointer-events:none}.tab-content>.active{height:auto;opacity:1;pointer-events:auto}.nav-pills .nav-link,.nav-pills a.nav-link,.nav-pills a.nav-link.active,.nav-tabs .nav-link,.nav-tabs a.nav-link,.nav-tabs a.nav-link.active{padding:0;background:0 0;background-color:none}.tab-pane{display:none}.tab-pane.active{display:block}audio::-webkit-media-controls-current-time-display,audio::-webkit-media-controls-fullscreen-button,audio::-webkit-media-controls-mute-button,audio::-webkit-media-controls-panel,audio::-webkit-media-controls-play-button,audio::-webkit-media-controls-return-to-realtime-button,audio::-webkit-media-controls-rewind-button,audio::-webkit-media-controls-seek-back-button,audio::-webkit-media-controls-seek-forward-button,audio::-webkit-media-controls-time-remaining-display,audio::-webkit-media-controls-timeline,audio::-webkit-media-controls-timeline-container,audio::-webkit-media-controls-toggle-closed-captions-button,audio::-webkit-media-controls-volume-slider,audio::-webkit-media-controls-volume-slider-container{font-size:12px;color:#fff}audio::-webkit-media-controls-enclosure{background:0 0;border-radius:10px;background-color:none}audio::-webkit-media-controls-timeline{display:none}audio::-webkit-media-controls-fullscreen-volume-min-button,audio::-webkit-media-controls-fullscreen-volume-slider,audio::-webkit-media-controls-mute-button,audio::-webkit-media-controls-play-button,audio::-webkit-media-controls-volume-slider,audio::-webkit-media-controls-volume-slider-container{display:flex;background-color:transparent;filter:invert(80%)}body{color:#fff;font-weight:200;font-family:Pretendard,sans-serif;overflow-x:hidden;text-align:center;background:#000}body p{line-height:1.4rem;margin:.6vw 0;font-size:16px}@media only screen and (max-width:769px){body p{padding:0 40px;font-size:14px;text-align:start}}body img{height:auto;max-width:100%}.wrapper{overflow:hidden;position:relative;background:url(../images/mainBg.jpg) no-repeat 50% 0;background-size:cover;padding:50px 0 0}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.wrapper{background:url(../images/mainBg.webp) no-repeat 50% 0;background-size:cover}}.wrapper::before{content:'';position:absolute;left:50%;top:-56px;margin-left:-315px;background:url(../images/techIcon.png) no-repeat 50% 0;width:2549px;height:1523px;transform:translateX(-50%);background-size:contain;mix-blend-mode:soft-light}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.wrapper::before{background:url(../images/techIcon.webp) no-repeat 50% 0;background-size:contain}}@media only screen and (max-width:769px){.wrapper::before{margin-left:0;width:331.46vw;height:198.049vw}}.wrapper #header{min-height:112vh;position:relative}@media only screen and (max-width:480px){.wrapper #header{min-height:100vh}}.wrapper #header .titleWrap{position:absolute;max-width:863px;width:100%;left:50%;top:268px;transform:translateX(-50%);margin-left:-300px;display:flex;flex-direction:column;align-items:center;z-index:5}@media only screen and (max-width:1440px){.wrapper #header .titleWrap{margin-left:0;top:auto;bottom:50px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.95))}}@media only screen and (max-width:769px){.wrapper #header .titleWrap{padding:0 30px}}.wrapper #header .mainChar{position:absolute;left:50%;width:1960px;height:1455px;margin-left:-138px;top:0;z-index:1;background:url(../images/mainChar.png) no-repeat 0 0;background-size:contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.wrapper #header .mainChar{background:url(../images/mainChar.webp) no-repeat 0 0;background-size:contain}}@media only screen and (max-width:1440px){.wrapper #header .mainChar{margin-left:-700px}}@media only screen and (max-width:769px){.wrapper #header .mainChar{width:254.87vw;height:189.2vw;margin-left:-91.027vw}}.wrapper section{padding:70px 10px 0}.wrapper section .title{margin:0 auto -55px}@media only screen and (max-width:769px){.wrapper section .title{width:50%;margin-bottom:-25px}}.wrapper section .con{position:relative;z-index:2}.wrapper section .link a{display:inline-block;transition:.3s all;margin:60px 0 80px}.wrapper section .link a:hover{filter:brightness(115%);transform:scale(1.1)}section.s1{position:relative;padding-left:0;padding-right:0}@media only screen and (max-width:769px){section.s1{z-index:7}}section.s1 .video_wrapper{position:relative;margin:0 auto;padding:0;max-width:889px;width:100%}section.s1 .video_wrapper::after{content:'';position:absolute;width:902px;height:510px;top:50%;left:50%;transform:translate(-50%,-50%);background:url(../images/videoFrame.png) no-repeat 50%;background-size:contain;z-index:0;pointer-events:none}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section.s1 .video_wrapper::after{background:url(../images/videoFrame.webp) no-repeat 50%;background-size:contain}}@media only screen and (max-width:890px){section.s1 .video_wrapper::after{width:101.34vw;height:57.303vw;background-size:contain}}section.s1 .video_wrapper .mask{position:absolute;width:100%;height:100%;left:0;top:0;background:#000;opacity:.7;z-index:1}section.s1 .video_wrapper #play1{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:.3s all;transform-origin:center;cursor:pointer;z-index:1}section.s1 .video_wrapper #play1:hover{transform:translate(-50%,-50%) scale(1.2);transform-origin:center}section.s1 .video_wrapper .player_box{position:relative;padding-bottom:54.66817%;height:0}section.s1 .video_wrapper .player_box #player1{position:absolute;top:0;left:0;width:100%;height:100%}section.s2{position:relative}section.s2 .title{margin:0 auto 50px}@media only screen and (max-width:769px){section.s2 .title{width:30%}}section.s4{position:relative}section.s4::after{content:'';position:absolute;top:25px;right:63px;background:url(../images/char1.png) no-repeat 0 0;width:988px;height:1091px}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section.s4::after{background:url(../images/char1.webp) no-repeat 0 0}}@media only screen and (max-width:1920px){section.s4::after{right:-269px}}@media only screen and (max-width:1440px){section.s4::after{display:none}}section.s6{position:relative}@media only screen and (max-width:769px){section.s6 .title{width:40%}}section.s6::after{content:'';position:absolute;top:210px;left:50%;margin-left:19%;background:url(../images/char2.png) no-repeat 0 0;width:1106px;height:1058px;z-index:2}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section.s6::after{background:url(../images/char2.webp) no-repeat 0 0}}@media only screen and (max-width:2000px){section.s6::after{margin-left:27%}}@media only screen and (max-width:1440px){section.s6::after{display:none}}section.s7{position:relative}@media only screen and (max-width:769px){section.s7 .title{width:80%}}section.s7::after{content:'';position:absolute;top:-114px;left:435px;background:url(../images/char3.png) no-repeat 0 0;width:331px;height:1286px}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section.s7::after{background:url(../images/char3.webp) no-repeat 0 0}}@media only screen and (max-width:1920px){section.s7::after{left:120px}}@media only screen and (max-width:1440px){section.s7::after{display:none}}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:0 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:769px){nav.nav-top .logIn{right:1vw}}nav.nav-top .logIn:hover{background-color:#ffd400;color:#ffff}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:#ffff;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:0;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)}.modal{z-index:999;padding-top:5vh;background-color:#00000085}@media only screen and (max-width:480px){.modal{padding-top:10vh}}.modal .modal-content{border:none}.modal .modal-dialog{max-width:900px;pointer-events:auto}.modal .modal-body{text-align:center;padding:4%}.modal-backdrop{display:none}button.close{position:absolute;display:inline-block;width:60px;height:60px;font-size:0;right:-70px;top:0;transition:.2s;z-index:999}@media only screen and (max-width:1440px){button.close{right:0;width:60px;height:60px}}button.close::before{content:"";position:absolute;top:50%;left:50%;width:60px;height:1px;background-color:#fff;transform:translate(-50%,-50%) rotate(45deg)}button.close::after{content:"";position:absolute;top:50%;left:50%;width:60px;height:1px;background-color:#fff;transform:translate(-50%,-50%) rotate(135deg)}