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{line-height:1;position:relative;overflow-x:hidden}button,ol,ul{list-style:none;margin:0;padding:0}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{background:0 0;border:none!important;font-size:0;padding:0;margin:0}img{max-width:100%;height:auto}.tab-content>.tab-pane{height:0;display:block;opacity:0;pointer-events:none}.tab-content>.active{height:auto;opacity:1;pointer-events:auto}.nav-link{padding:0}@font-face{font-family:SC-SemiBold;src:url(../font/SC-SemiBold.ttf)}body{color:#fff;font-family:SC-SemiBold;font-weight:200}p{margin:0}img{max-width:100%;height:auto}#header{position:relative;background:url(../images/mainBg.jpg) no-repeat 80% 0;background-size:cover;height:100vh;overflow:hidden}@media only screen and (max-width:768px){#header{background:url(../images/head_bg_mobile.jpg) no-repeat 50% 0;background-size:cover;height:100vh}}#header .mainCh{z-index:2;background:url(../images/ch.png) no-repeat 80% 0;position:absolute;left:50%;margin-left:-100px;top:10vh;width:1451px;height:891px}@media only screen and (max-width:1200px){#header .mainCh{left:10vw;margin:auto}}@media only screen and (max-width:1024px){#header .mainCh{left:unset;margin:auto}}@media only screen and (max-width:768px){#header .mainCh{display:none}}#header video{mix-blend-mode:screen;opacity:.5;pointer-events:none;position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;top:0}#header .title{position:absolute;max-width:700px;left:50%;right:0;margin-left:-700px;top:28vh;z-index:5;text-align:center}@media only screen and (max-width:1440px){#header .title{left:10vw;margin-left:0}}@media only screen and (max-width:1200px){#header .title{width:80vw;left:0;margin:0 auto;top:unset;bottom:8vh}}@media only screen and (max-width:480px){#header .title{bottom:15vh}}#header .title .login-wrap a{display:block;position:relative;padding:0 10px;transition:.5s linear}@media only screen and (max-width:767px){#header .title .login-wrap a{display:none}}#header .title .login-wrap a .download.active,#header .title .login-wrap a .download:hover{filter:brightness(1.2)}#header .title .login-wrap img{margin-top:2vh}@media only screen and (max-width:767px){#header .title .login-wrap img{width:60vw}}.topBar{position:relative;background:url(../images/navBar.jpg) no-repeat 50% 0;background-size:cover;min-height:100px;margin:0;left:0;right:0;z-index:3}@media only screen and (max-width:1024px){.topBar{min-height:10vh}}.topBar ul.nav{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px}@media only screen and (max-width:1024px){.topBar ul.nav{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}}.topBar ul.nav li{text-align:center;font-weight:700}@media only screen and (max-width:1024px){.topBar ul.nav li{border:1px solid rgba(175,157,124,.2)}}.topBar ul.nav li a{display:block;color:#fef2cb;font-size:22px;padding:40px 50px;letter-spacing:2px}.topBar ul.nav li a.active,.topBar ul.nav li a:hover{box-shadow:inset 0 0 20px #fff2d9}@media only screen and (max-width:1024px){.topBar ul.nav li a{padding:30px 20px}}@media only screen and (max-width:767px){.topBar ul.nav li a{font-size:18px;padding:20px 20px;letter-spacing:1px}}@media only screen and (max-width:480px){.topBar ul.nav li a{font-size:16px;padding:15px 10px}}section{position:relative;z-index:1;overflow:hidden;text-align:center;background:url(../images/sectionBg.jpg) no-repeat 50% 0;background-size:cover}section h3{position:relative;display:flex;justify-content:center;padding:8vh 2vw 4vh 2vw}@media only screen and (max-width:767px){section h3{padding:5vh 5vw 2vh 5vw}}@media only screen and (max-width:480px){section h3{padding:5vh 15vw 2vh 15vw}}section .blackBg{position:relative;margin:0 auto;background-color:rgba(0,0,0,.5);width:70vw;padding:0 2vw 10vh 2vw;top:0;z-index:1}@media only screen and (max-width:1200px){section .blackBg{width:95vw;padding:0 2vw 4vh 2vw}}section .blackBg::before{content:'';position:absolute;top:1137px;left:50%;margin-left:-880px;background-image:url(../images/chR.png);width:438px;height:780px;-webkit-animation:move 2.5s linear infinite;animation:move 2.5s linear infinite}@media only screen and (max-width:1440px){section .blackBg::before{display:none}}section .blackBg::after{content:'';position:absolute;top:585px;right:50%;margin-right:-952px;background-image:url(../images/chL.png);width:522px;height:598px;-webkit-animation:move 3s linear infinite;animation:move 3s linear infinite}@media only screen and (max-width:1440px){section .blackBg::after{display:none}}section .blackBg#no::before{display:none}section .noticeWrap{margin-top:20vh;background:linear-gradient(to bottom,rgba(0,0,0,.6),#000)}@media only screen and (max-width:1200px){section .noticeWrap{margin-top:5vh}}section .noticeWrap .noticeContent{padding:5vh 2vw;max-width:1200px;margin:0 auto;z-index:11;text-align:left;color:#fff;font-weight:700;line-height:30px;font-size:18px}section .noticeWrap .noticeContent ul{font-size:22px;margin-left:24px}section .noticeWrap .noticeContent ul li{font-size:18px;list-style:disc}@media only screen and (max-width:767px){section .noticeWrap .noticeContent ul li{font-size:14px;list-style:disc}}@-webkit-keyframes move{0%,100%{transform:translate(0,0)}50%{transform:translate(0,30px)}}@keyframes move{0%,100%{transform:translate(0,0)}50%{transform:translate(0,30px)}}.sideBtn{position:fixed;z-index:9;left:1vw;top:200px;text-align:center}@media only screen and (max-width:767px){.sideBtn{left:unset;right:1vw;bottom:2vh;top:unset}}.sideBtn ul{padding:0;list-style:none}.sideBtn ul li{margin:0}.sideBtn ul li a{display:block;padding:0;max-width:150px;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position:0 0;background-size:contain}@media only screen and (max-width:1024px){.sideBtn ul li a{width:20vw}}@media only screen and (max-width:1200px){.sideBtn ul li a{width:20vw}}.sideBtn ul li a.active,.sideBtn ul li a:hover{background-color:transparent}.sideBtn ul li a.active img,.sideBtn ul li a:hover img{opacity:0}.sideBtn ul li:nth-of-type(1) a.active,.sideBtn ul li:nth-of-type(1) a:hover{background-image:url(../images/sideBarBtn1_hover.png)}.sideBtn ul li:nth-of-type(2) a.active,.sideBtn ul li:nth-of-type(2) a:hover{background-image:url(../images/sideBarBtn2_hover.png)}.sideBtn ul li:nth-of-type(3) a.active,.sideBtn ul li:nth-of-type(3) a:hover{background-image:url(../images/sideBarBtn3_hover.png)}#s1 .blackBg .compass,#s4 .blackBg .compass{top:-10px;position:relative;left:50%;transform:translateX(-50%);background:url(../images/compass.png) no-repeat top center;background-size:contain;display:flex;justify-content:center;pointer-events:none}#s1 .blackBg .compass .sword,#s4 .blackBg .compass .sword{transform-origin:50% 0;transition:.3s ease-out}#s1 .blackBg .compass .sword.tab1,#s4 .blackBg .compass .sword.tab1{transform:rotate(55deg)}@media only screen and (max-width:1024px){#s1 .blackBg .compass .sword.tab1,#s4 .blackBg .compass .sword.tab1{transform:rotate(50deg)}}@media only screen and (max-width:480px){#s1 .blackBg .compass .sword.tab1,#s4 .blackBg .compass .sword.tab1{transform:rotate(46deg)}}#s1 .blackBg .compass .sword.tab2,#s4 .blackBg .compass .sword.tab2{transform:rotate(0)}#s1 .blackBg .compass .sword.tab3,#s4 .blackBg .compass .sword.tab3{transform:rotate(-55deg)}@media only screen and (max-width:1024px){#s1 .blackBg .compass .sword.tab3,#s4 .blackBg .compass .sword.tab3{transform:rotate(-50deg)}}@media only screen and (max-width:480px){#s1 .blackBg .compass .sword.tab3,#s4 .blackBg .compass .sword.tab3{transform:rotate(-46deg)}}@media only screen and (max-width:1200px){#s1 .blackBg .compass .sword,#s4 .blackBg .compass .sword{width:8vw}}#s1 .blackBg .tabBtn_content,#s4 .blackBg .tabBtn_content{display:flex;flex-direction:row;justify-content:space-between}#s1 .blackBg .tabBtn_content li,#s4 .blackBg .tabBtn_content li{display:flex;flex-wrap:wrap;width:20vw;height:10vw;font-size:23px;justify-content:center;align-content:center;color:#262626;background-image:url(../images/btn.png);background-position:center;background-repeat:no-repeat;background-size:contain;cursor:pointer;transition:.3s ease-out}@media only screen and (max-width:1024px){#s1 .blackBg .tabBtn_content li,#s4 .blackBg .tabBtn_content li{font-size:20px;width:30vw}}@media only screen and (max-width:480px){#s1 .blackBg .tabBtn_content li,#s4 .blackBg .tabBtn_content li{font-size:16px}}#s1 .blackBg .tabBtn_content li.active,#s1 .blackBg .tabBtn_content li:hover,#s4 .blackBg .tabBtn_content li.active,#s4 .blackBg .tabBtn_content li:hover{background-image:url(../images/btnHover.png);background-position:center;background-repeat:no-repeat;background-size:contain;color:#fef2cb}#s1 .blackBg .tabBtn_content li:nth-child(1),#s1 .blackBg .tabBtn_content li:nth-child(3),#s4 .blackBg .tabBtn_content li:nth-child(1),#s4 .blackBg .tabBtn_content li:nth-child(3){margin-top:-20vh}@media only screen and (max-width:1024px){#s1 .blackBg .tabBtn_content li:nth-child(1),#s1 .blackBg .tabBtn_content li:nth-child(3),#s4 .blackBg .tabBtn_content li:nth-child(1),#s4 .blackBg .tabBtn_content li:nth-child(3){margin-top:-5vh}}@media only screen and (max-width:1200px){#s1 .blackBg .tabBtn_content li:nth-child(1),#s1 .blackBg .tabBtn_content li:nth-child(3),#s4 .blackBg .tabBtn_content li:nth-child(1),#s4 .blackBg .tabBtn_content li:nth-child(3){margin-top:-10vh}}@media only screen and (max-width:480px){#s1 .blackBg .tabBtn_content li:nth-child(1),#s1 .blackBg .tabBtn_content li:nth-child(3),#s4 .blackBg .tabBtn_content li:nth-child(1),#s4 .blackBg .tabBtn_content li:nth-child(3){margin-top:-5vh}}#s1 .blackBg .tabBtn_content li:nth-child(2),#s4 .blackBg .tabBtn_content li:nth-child(2){margin-top:-40px}@media only screen and (max-width:1024px){#s1 .blackBg .tabBtn_content li:nth-child(2),#s4 .blackBg .tabBtn_content li:nth-child(2){margin-top:-10px}}#s1 .blackBg .tab_content .buyBtn_content a,#s4 .blackBg .tab_content .buyBtn_content a{display:block;position:relative;padding:0 10px}#s1 .blackBg .tab_content .buyBtn_content a .buyBtn.active,#s1 .blackBg .tab_content .buyBtn_content a .buyBtn:hover,#s4 .blackBg .tab_content .buyBtn_content a .buyBtn.active,#s4 .blackBg .tab_content .buyBtn_content a .buyBtn:hover{filter:brightness(1.2)}#s1 .blackBg .tab_content .buyBtn_content img,#s4 .blackBg .tab_content .buyBtn_content img{margin:-2vh 2vw 3vh 2vw}@media only screen and (max-width:767px){#s1 .blackBg .tab_content .buyBtn_content img,#s4 .blackBg .tab_content .buyBtn_content img{margin:0 2vw 1vh 2vw;width:60vw}}.navbar{position:fixed;z-index:20;width:100%;left:auto;right:0;background-color:none;display:flex;justify-content:flex-end;align-items:flex-end;top:34px;right:25px;padding:0}@media only screen and (max-width:767px){.navbar{top:20px;right:20px}}.navbar .navbar-toggler{background:linear-gradient(180deg,#cfb08f,#41240a);border-radius:500px;align-items:flex-end;width:45px;height:45px}.navbar .navbar-toggler span{display:block;width:20px;height:2px;background-color:#fff;border-radius:2px;margin:4px auto;transition-duration:.3s}.navbar .navbar-toggler.active span:nth-child(1){transform:rotate(45deg) translate(4px,5px)}.navbar .navbar-toggler.active span:nth-child(2){opacity:0}.navbar .navbar-toggler.active span:nth-child(3){transform:rotate(-45deg) translate(3px,-5px)}.navbar .navbar-collapse .navbar-nav{display:flex;align-content:flex-end;flex-wrap:wrap;gap:17px}@media only screen and (max-width:1024px){.navbar .navbar-collapse .navbar-nav{gap:10px;padding-top:10px}}.navbar .navbar-collapse .navbar-nav .nav-link{padding:0}@-webkit-keyframes blink{0%,100%{filter:brightness(10);opacity:1}50%{opacity:0}}@keyframes blink{0%,100%{filter:brightness(10);opacity:1}50%{opacity:0}}@-webkit-keyframes blink2{0%,100%{filter:brightness(3);opacity:1}60%{opacity:0}}@keyframes blink2{0%,100%{filter:brightness(3);opacity:1}60%{opacity:0}}@-webkit-keyframes blink3{0%,100%{filter:brightness(5);opacity:1}60%{opacity:.7}}@keyframes blink3{0%,100%{filter:brightness(5);opacity:1}60%{opacity:.7}}