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;height:100%;width:100%}body p{line-height:1.4rem;margin:.6vw 0;font-size:16px}@media only screen and (max-width:767px){body p{padding:0 40px;font-size:14px;text-align:start}}body img{max-width:100%;height:auto}.main{overflow:hidden;min-width:1920px;position:relative}.main .wrapper{position:relative;background:url(../images/BG.jpg) no-repeat 50% 0;background-size:cover;height:6309px;margin:0 auto;margin-top:50px}.main .wrapper #header{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.main .wrapper #header .imgWrap{position:relative;top:-80px;left:179px}.main .wrapper #header .title{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;top:-104px;right:-318px}.main .wrapper #header .title img:nth-of-type(2){position:relative;top:10px;right:5px}section{position:relative;text-align:center;top:-100px}section .title{z-index:2;position:relative}section .imgWrap{position:relative}section button{z-index:2;position:relative}section button a{margin:2% 0;display:inline-block;transition:.3s all;cursor:pointer}section button a:hover{filter:brightness(1.5);transform:scale(1.1)}section img{max-width:100%}section#s1{top:-157px}section#s1 .imgWrap{background:url(../images/s1Img.png) no-repeat 50% 0;width:100%;height:1703px;top:80px}section#s1 .video_wrapper{position:relative;display:flex;justify-content:center;margin-top:50px;padding-bottom:100px}section#s1 .video_wrapper .mask{position:absolute;width:100%;height:100%;left:0;top:0;background:#000;opacity:.8;z-index:1}section#s1 .video_wrapper #play1{position:absolute;left:50%;top:37%;transform:translate(-50%,-28%);transition:.3s all;transform-origin:center;cursor:pointer;z-index:3}section#s1 .video_wrapper #play1:hover{transform:translate(-50%,-28%) scale(1.2);transform-origin:center}section#s1 .video_wrapper .player_box{position:relative;width:889px;max-width:100%;height:486px;z-index:2}section#s1 .video_wrapper .player_box::after{content:'';position:absolute;width:902px;height:510px;top:-14px;right:-6px;background:url(../images/frame.png) no-repeat center center;background-size:contain;z-index:1;pointer-events:none}section#s1 .video_wrapper .player_box #player1{width:100%;height:100%}section#s2{top:-120px}section#s2 .title{top:-42px}section#s2 .imgWrap{top:-32px}section#s3{position:relative}section#s3 .title{top:209px}section#s3 .imgWrap{top:0}section#s3 button{position:absolute;bottom:170px;right:820px}section#s3::before{content:'';position:absolute;width:988px;height:1091px;top:-150px;background:url(../images/Character1.png) no-repeat center center;background-size:contain;pointer-events:none;left:50%;transform:translateX(250px)}section#s4{position:relative}section#s4 .imgWrap{top:30px}section#s4::after{content:'';position:absolute;width:1161px;height:1123px;top:170px;background:url(../images/Character2.png) no-repeat center center;background-size:contain;pointer-events:none;left:50%;transform:translateX(33%)}section#s5{position:relative}section#s5 .imgWrap{top:60px}section#s5 button{top:120px}section#s5::after{content:'';position:absolute;width:328px;height:1217px;top:-97px;background:url(../images/Character3.png) no-repeat center center;background-size:contain;pointer-events:none;right:50%;transform:translateX(-526px)}#ft{min-width:1920px}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:767px){nav.nav-top .logIn{right:1vw}}nav.nav-top .logIn:hover{background-color:#ffd400;color:#ffff}nav.nav-left{position:fixed;width:130px;height:100%;top:0;background-color:#333;z-index:1000;transition:.3s all;left:-130px;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:27px;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:nth-child(1){border-right:2px solid #3d3d3d31}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:143px;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:900px){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)}#player1{max-width:900px}@media only screen and (max-width:900px){#player1{width:90vw;height:70vh}}@media only screen and (max-width:800px){#player1{height:50vh}}