@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap');

*{-webkit-text-size-adjust:none;}
html,body{width:100%;height:100%;margin:0;padding:0;}
body{margin:0;padding:0;font-family:'Noto Sans TC',sans-serif;font-size:16px;line-height:1.5;background:#0a192c;position:relative;}
body.mob{}
h1,h2,h3,h4,p,ul,li{margin:0;padding:0;}
ul{list-style:none;}
img{border:none;}
a{text-decoration:none;cursor:pointer;outline:none;}
a:hover{text-decoration:none;}
button{outline:none;border:0;}

.wrapper{position:relative;min-width:1100px;overflow:hidden;}
.header h1,.header h2,.header h3,.header p,.section-inner{text-indent:-99999px;}
[class*="goHome"],.share,.goEvent{text-indent:-9999px;}

.ir{margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px;}
.inner{position:relative;margin:0 auto;width:100%;min-width:1100px;}

.mob #nctGnb{display:none;}
.mob .wrapper{min-width:auto;}
.mob .inner{width:100%;min-width:320px;}

.nav{position:relative;width:100%;height:100px;z-index:1000;background:rgba(23,53,80,.8);margin:0 auto;}
.nav ul{max-width:1100px;height:100%;margin:0 auto;}
.nav li{height:100%;float:left;position:relative;}
.nav li:first-child{width:420px;margin:0 1rem;}
.nav li:first-child a.goHome{position:absolute;top:50%;left:0;margin-top:-25px;margin-left:0;width:150px;height:50px;background:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/logo.png") no-repeat 50% 50%;}
.nav li:first-child h1.title{position:absolute;right:0;width:250px;height:100px;background:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/bar_title.png") no-repeat 50% 50%;}
.itemLink{width:148px;height:100%;}
.nav li:first-child h1.title a{width:100%;height:100%;display:block;}
.itemLink a{width:100%;height:100%;display:block;background:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/bar_txt.png") no-repeat 0 0;}
.itemLink:nth-child(3) a{background-position:-150px 0;}
.itemLink:nth-child(4) a{background-position:-300px 0;}
.itemLink.active,.itemLink:hover{background:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/bar_bg.png") no-repeat 50% 50%;}
.nav li:last-child{width:160px;margin-left:1rem;}
.nav li:last-child a.fb{position:absolute;top:50%;left:0;margin-top:-20px;width:40px;height:40px;background:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/fb.png") no-repeat 50% 50%;}
.nav li:last-child a.goUpdate{position:absolute;top:50%;right:0;margin-top:-20px;width:110px;height:40px;background:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/btn_update.png") no-repeat 50% 50%;}
.nav li a{font-size:0;line-height:0;text-indent:-9999px;}

.mob .nav{position:fixed;top:0;z-index:1000;width:100%;height:60px;}
.mob .nav ul{max-width:320px;}
.mob .nav li:first-child{width:80px;margin:0 auto;}
.mob .nav li:first-child a.goHome{top:50%;left:50%;margin-top:-28px;margin-left:-30px;width:60px;height:25px;background-image:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/m/logo.png");background-size:cover;}
.mob .nav li:first-child h1.title{top:50%;left:50%;right:auto;margin-top:-3px;margin-left:-32.5px;width:65px;height:30px;background-image:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/m/bar_title.png");background-size:cover;}
.mob .itemLink{width:60px;}
.mob .itemLink a{background:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/m/bar_txt.png") no-repeat 0 0;background-size:180px 60px;}
.mob .itemLink:nth-child(3) a{background-position:-60px 0;}
.mob .itemLink:nth-child(4) a{background-position:-120px 0;}
.mob .itemLink.active,.mob .itemLink:hover{background-image:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/m/bar_bg.png") no-repeat 50% 50%;background-size:cover;}
.mob .nav li:last-child{width:60px;margin-left:0;}
.mob .nav li:last-child a.fb{left:50%;margin-top:-22px;margin-left:-10px;width:20px;height:20px;background-size:cover;}
.mob .nav li:last-child a.goUpdate{right:auto;left:50%;margin-top:3px;margin-left:-27.5px;width:55px;height:20px;background-size:cover;}


/* header */
.header{position:relative;height:1100px;background:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/page3/bg_header.jpg") no-repeat 50% 0;/*overflow:hidden;*/}
.header .inner{}
.header .inner a,.section a{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.header .inner a:hover,.section a:hover{-webkit-filter:contrast(150%);filter:contrast(150%);}

.mob .header{height:565px;background-image:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/page3/m/bg_header.jpg");background-size:cover;}
.mob .header .inner{}
.mob .header .inner a,.mob .section a{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}


/* section */
#section1{position:relative;height:970px;background:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/page3/bg_section1.jpg") no-repeat 50% 0;}
#section2{position:relative;height:700px;background:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/page3/bg_section2.jpg") no-repeat 50% 0;}
#section3{position:relative;height:750px;background:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/page3/bg_section3.jpg") no-repeat 50% 0;}
#section4{position:relative;height:500px;background:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/page3/bg_section4.jpg") no-repeat 50% 0;}
#section5{position:relative;height:850px;background:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/page3/bg_section5.jpg") no-repeat 50% 0;}
#section6{position:relative;height:1050px;background:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/page3/bg_section6.jpg") no-repeat 50% 0;}
#section7{position:relative;height:840px;background:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/page3/bg_section7.jpg") no-repeat 50% 0;}

.mob #section1{height:425px;background-image:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/page3/m/bg_section1.jpg"),url("//image.tw.ncsoft.com/aion/preview/220727_snipe/page3/m/bg_section1-bk.jpg");background-size:375px 100%,1280px 100%;}
.mob #section2{height:650px;background-image:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/page3/m/bg_section2.jpg"),url("//image.tw.ncsoft.com/aion/preview/220727_snipe/page3/m/bg_section2-bk.jpg");background-size:375px 100%,1280px 100%;}
.mob #section3{height:500px;background-image:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/page3/m/bg_section3.jpg"),url("//image.tw.ncsoft.com/aion/preview/220727_snipe/page3/m/bg_section3-bk.jpg");background-size:375px 100%,1280px 100%;}
.mob #section4{height:240px;background-image:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/page3/m/bg_section4.jpg"),url("//image.tw.ncsoft.com/aion/preview/220727_snipe/page3/m/bg_section4-bk.jpg");background-size:375px 100%,1280px 100%;}
.mob #section5{height:650px;background-image:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/page3/m/bg_section5.jpg"),url("//image.tw.ncsoft.com/aion/preview/220727_snipe/page3/m/bg_section5-bk.jpg");background-size:375px 100%,1280px 100%;}
.mob #section6{height:700px;background-image:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/page3/m/bg_section6.jpg"),url("//image.tw.ncsoft.com/aion/preview/220727_snipe/page3/m/bg_section6-bk.jpg");background-size:375px 100%,1280px 100%;}
.mob #section7{height:875px;background-image:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/page3/m/bg_section7.jpg"),url("//image.tw.ncsoft.com/aion/preview/220727_snipe/page3/m/bg_section7-bk.jpg");background-size:375px 100%,1280px 100%;}


@media screen and (max-width:640px) {
  .mob .bottom-footer .bottom-footer__inner .bottom-footer__rating{width:300px;}
}
@media screen and (max-width:360px) {
  .mob .bottom-footer .bottom-footer__inner .bottom-footer__rating{width:270px;}
  .mob .caution .inner{font-size:0.7rem;}
}

/* top */
.goTop{position:fixed;bottom:20px;background:url("//image.tw.ncsoft.com/aion/layout/btn-top.png") no-repeat 50% 0;background-size:cover;left:auto;display:none;width:40px;height:40px;right:20px;text-indent:-9999em;z-index:100;}

@media screen and (max-width:1099px) {
  body{width:max-content;width:-webkit-max-content;width:-moz-max-content;max-width:1100px;}
  body.mob{width:auto;max-width:none;}
}

#footer { width: 100%; height: 60px; background-color: #0e171e; position: absolute;  bottom: 0; display: block; z-index: 100; }
#footer .copyright{position:absolute;top:0.5rem;left:0;right:0;width:1000px;margin:0 auto;}
#footer .copyright-company,#footer .copyright-studio{display:flex;align-items:center;font-size:10px;color:#fffffe;letter-spacing:-0.5px;}
#footer .copyright-company{float:left;}
#footer .copyright-company .copyright-logo{width:42px;height:23px;margin-right:0.5rem;background:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/bi-nc.png") no-repeat 50% 50%;background-size:contain;}
#footer .copyright-studio{float:right;text-indent:-9999em;white-space:nowrap;overflow:hidden;background-size:contain;display:flex;align-items:center;}
#footer .copyright-studio .grade-desc{font-size:10px;line-height:1.2;text-indent:0;text-align:right;font-weight:300;color:#ffffff;}
#footer .copyright-studio .grade-icon{width:32px;height:32px;background:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/15+.png") no-repeat 50% 50%;background-size:contain;margin-left:0.5rem;}
#footer .copyright a{text-indent:-9999em;white-space:nowrap;overflow:hidden;display:block;height:100%;}

.mob #footer { width: 100%; height: 90px; background-color: #0e171e; position: fixed; bottom: 0; display: block; z-index:1000; }
.mob #footer .copyright{position:absolute;width:auto;left:0.5rem;right:0.5rem;bottom:0;padding:0;color:#fffffe;}
.mob #footer .copyright-company,.mob #footer .copyright-studio{display:flex;align-items:center;font-size:0.6rem;font-weight:300;justify-content:center;padding-bottom:0.5rem;height:auto;float:none;}
.mob #footer .copyright-company{line-height:1.2;}
.mob #footer .copyright-company .copyright-logo{width:36px;height:20px;margin-right:0.5rem;background:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/bi-nc.png") no-repeat 50% 50%;background-size:contain;}
.mob #footer .copyright-studio li{margin-left:0.3rem;}
.mob #footer .copyright-studio .grade-desc{font-size:10px;line-height:1.2;text-indent:0;text-align:right;font-weight:300;color:#ffffff;}
.mob #footer .copyright-studio .grade-icon{width:30px;height:30px;margin-left:0.5rem;background:url("//image.tw.ncsoft.com/aion/preview/220727_snipe/15+.png") no-repeat 50% 50%;background-size:contain;}
.mob #footer .copyright a{text-indent:-9999em;white-space:nowrap;overflow:hidden;display:block;height:100%;}