@charset "UTF-8";

*{-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',"Microsoft JhengHei",sans-serif;font-size:16px;line-height:1.5;background:url("//image.tw.ncsoft.com/promo/200730_3mmo/bg.jpg") repeat 0 0;}
h1,h2,h3,h4,p,ul,ol,li{margin:0;padding:0;list-style:none;}
img{border:none;}
a{text-decoration:none;cursor:pointer;outline:none;}
a:hover{text-decoration:none;}
button{outline:0;border:0;}

#nctGnb{display:none;}

.wrapper{position:relative;min-width:1100px;overflow:hidden;}
.header h1,.header h3,.header p,.section-inner{text-indent:-99999px;}
.goHome,.share,.goEvent,.goHomeClassic,.goEventClassic{text-indent:-9999px;}
.ir{margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px;}
.inner{position:relative;margin:0 auto;width:1100px;}
.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%);}
[class*="txt"],.section table{font-size:18px;line-height:1.5;text-indent:0;}
p{padding-bottom:20px;}
.txt--white{color:#ffffff;}
.txt--red{color:#ec0032;}
.txt--yellow{color:#ffcc00;}
.txt--hide{text-indent:101%;white-space:nowrap;overflow:hidden;font-size:0;}

/* header */
.header{position:relative;height:885px;background:url("//image.tw.ncsoft.com/promo/200730_3mmo/bg_header.jpg") no-repeat 50% 0;}
.header .inner{}
.header .inner .goHome{position: absolute;top:0px;left:0px;width:264px;height:112px;background:url("//image.tw.ncsoft.com/promo/200730_3mmo/logo_atlas.png") no-repeat 50% 50%;z-index:100;}
.header .inner .share{position:absolute;top:20px;right:0px;width:69px;height:69px;background:url("//image.tw.ncsoft.com/promo/200730_3mmo/fb.png") no-repeat 0 0;z-index:9999;}
.header .stitle{opacity:0;width:525px;height:48px;position:absolute;top:680px;left:50%;margin-left:-460px;background:url("//image.tw.ncsoft.com/promo/200730_3mmo/stitle.png") no-repeat 50% 50%;z-index:1;}
.header .date{opacity:0;width:756px;height:52px;position:absolute;top:745px;left:50%;margin-left:-560px;background:url("//image.tw.ncsoft.com/promo/200730_3mmo/date.png") no-repeat 50% 50%;z-index:1;}
.header .chara_l2{opacity:0;width:232px;height:336px;position:absolute;top:143px;left:50%;margin-left:-485px;background:url("//image.tw.ncsoft.com/promo/200730_3mmo/chara_l2.png") no-repeat 50% 50%;z-index:1;}
.header .chara_aion{opacity:0;width:222px;height:324px;position:absolute;top:125px;left:50%;margin-left:-140px;background:url("//image.tw.ncsoft.com/promo/200730_3mmo/chara_aion.png") no-repeat 50% 50%;z-index:1;}
.header .chara_bns{opacity:0;width:206px;height:328px;position:absolute;top:85px;left:50%;margin-left:108px;background:url("//image.tw.ncsoft.com/promo/200730_3mmo/chara_bns.png") no-repeat 50% 50%;z-index:1;}

/* item list */
.section [class*="btn"]{position:absolute;display:block;width:77px;height:28px;}
.section [class*="item-list"]{position:absolute;overflow:hidden;text-indent:-9999px;}
.section [class*="item-list"] li{position:relative;width:90px;height:137px;margin-right:25px;float:left;}
.section [class*="item-list"] li a{display:block;position:absolute;text-indent: -9999px;}
.section [class*="item-list"] li .preview,
.section [class*="item-list"] li .tooltip{width:50px;height:50px;margin:25px;}
.section [class*="item-list"] li .modal,
.section [class*="item-list"] li .youtube{position:absolute;width:60px;height:25px;}

/* section */
.section table{border-collapse:collapse;}

#section1{position:relative;height:810px;background:url("//image.tw.ncsoft.com/promo/200730_3mmo/bg_section1.jpg") no-repeat 50% 0;}
#section1 .inner .ir{padding:8rem 10rem 0 51px;}
#section1 .list--ct{line-height:1.2;}
#section1 .list--ct li{padding-bottom:17px;display:flex;align-items:center;}
#section1 .list--ct li:nth-child(3){padding-bottom:14px;}
#section1 .list--ct li .num{width:60px;height:60px;padding-right:15px;}
#section1 a[class*="device"]{width:158px;height:50px;background:url("//image.tw.ncsoft.com/promo/200730_3mmo/device.png") no-repeat 0 0;text-indent:101%;white-space:nowrap;overflow:hidden;}
#section1 a.device_ios{background-position:-158px 0;}
#section1 .tbdiv{display:flex;justify-content:space-between;align-items:center;padding:16px 80px 0 32px;}
#section1 .tbdiv table{width:100%;}
#section1 .tbdiv table thead th{height:42px;color:#d5ae56;text-shadow:2px 2px 2px #6a3f20;}
#section1 .tbdiv table tbody td{height:42px;text-align:center;color:#dc6f3f;font-size:16px;position:relative;}
#section1 .tbdiv table tbody td span{color:#f1b063;}
#section1 .tbdiv table tbody td a.modal{position:absolute;top:50%;right:90px;margin-top:-11px;z-index:10;text-indent:-9999px;width:22px;height:22px;background:url("//image.tw.ncsoft.com/promo/200730_3mmo/btn_preview.png") no-repeat 50% 50%;}
#section1 .item-list{top:300px;}

#section2{position:relative;height:905px;background:url("//image.tw.ncsoft.com/promo/200730_3mmo/bg_section2.jpg") no-repeat 50% 0;}
#section2 .inner .ir{margin:0 13rem 0 51px;padding:6rem 0 0;text-align:center;height:45rem;position:relative;}
#section2 a.btn_login{width:300px;height:80px;position:relative;top:0px;margin:0 auto;background:url("//image.tw.ncsoft.com/promo/200730_3mmo/btn01.png") no-repeat 50% 50%;text-indent:0;font-size:20px;line-height:75px;color:#1a1210;text-shadow:1px 1px 2px rgba(255,255,255,.5);}
#section2 .lock{cursor:not-allowed;-webkit-filter:saturate(0%);filter:saturate(0%);}
#section2 .lock [class*="btn"], #section2 .lock .select-game li label, #section2 .lock2{cursor:not-allowed;}
#section2 [class*="frame"]{width:666px;height:60px;position:relative;margin:0 auto;background:url("//image.tw.ncsoft.com/promo/200730_3mmo/frame.png") no-repeat 50% 50%;text-indent:0;font-size:20px;line-height:55px;color:#ffffff;}
#section2 [class*="frame"] span{width:190px;}
#section2 [class*="frame"] input,#section2 [class*="frame"] select{margin:10px 17px;font-size:20px;text-align:center;width:400px;height:37px;border:none;background:none;}
#section2 [class*="frame"] > *{display:block;float:left;}
#section2 .frame-userid{top:20px;}
#section2 .frame-userid button{width:40px;height:40px;background:url("//image.tw.ncsoft.com/promo/200730_3mmo/btn_search.png") no-repeat 50% 50%;text-indent:-9999px;position:absolute;right:50px;margin:10px 0;cursor:pointer;}
#section2 .txt-p{position:relative;top:60px;width:100%;}
#section2 .select-game{margin:0 auto;width:693px;height:110px;position:relative;top:50px;}
#section2 .select-game li{float:left;width:211px;height:110px;margin:0 10px;}
#section2 .select-game li input[type="radio"]{position:absolute;visibility:hidden;}
#section2 .select-game li input[type="radio"]:checked ~ label{border:3px solid #ffcc00;}
#section2 .select-game li input[type="radio"]:disabled ~ label{cursor:not-allowed;-webkit-filter:saturate(0%);filter:saturate(0%);}
#section2 .select-game li label{width:100%;height:100%;background:url("//image.tw.ncsoft.com/promo/200730_3mmo/btn_game.jpg") no-repeat 0 0;border:3px solid transparent;display:block;box-sizing:border-box;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
#section2 .select-game li input[type="radio"]:checked ~ label,#section2 .select-game li label:hover{-webkit-filter:saturate(150%);filter:saturate(150%);}
#section2 .select-game li:nth-child(2) label{background-position:-214px 0;}
#section2 .select-game li:nth-child(3) label{background-position:-425px 0;}
#section2 .frame-game{top:70px;}
#section2 .frame-gameserver{top:80px;}
#section2 .btn-submit{width:300px;height:80px;position:relative;top:100px;margin:0 auto;background:url("//image.tw.ncsoft.com/promo/200730_3mmo/btn01.png") no-repeat 50% 50%;text-indent:0;font-size:20px;line-height:75px;color:#1a1210;text-shadow:1px 1px 2px rgba(255,255,255,.5);}
#section2 .txt-tips{position:absolute;bottom:0;width:100%;}

/* caution */
.caution{position:relative;margin:0 auto;background:#2e221a;}
.caution .inner{width:900px;margin:0 auto;padding:50px 0 100px 0;}
.caution .inner h2{height:40px;text-indent:-9999px;background:url("//image.tw.ncsoft.com/promo/200730_3mmo/caution.png") no-repeat 0 0;}
.caution .inner ol{margin:0 0 0 25px;}
.caution .inner ol li{padding:2px 0;list-style:decimal;color:#a17f66;}
.caution .inner ol li span{color:#a17f66;}
.caution .inner ol li a{color:#fffe9e;}

/* footer */
footer { background-color: #000000; border-top: 1px solid #ffffff; position: relative; z-index: 10000; }

@media (min-width: 960px) { footer { z-index: 9999; } }

footer .footer__privacy { background-color: #202020; height: 40px; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 960px) { footer .footer__privacy { height: 80px; margin-bottom: 40px; } }

footer .footer__privacy ul li { display: inline-block; }

@media (min-width: 960px) { footer .footer__privacy ul li { border-right: 1px solid #666; float: left; line-height: 12px; } }

footer .footer__privacy ul li:last-child { border: none; }

footer .footer__privacy ul li a { font-size: 14px; margin: 0 10px; color: #666666; }

@media (min-width: 960px) { footer .footer__privacy ul li a { font-size: 16px; margin: 0 20px; } }

footer .footer__privacy ul li a:hover { color: #ffffff; }

footer .footer__spec { max-width: 700px; margin: 0 auto; }

@media (min-width: 960px) { footer .footer__spec { max-width: 910px; margin: 0 auto 40px; } }

footer .footer__spec .spec__lists { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 960px) { footer .footer__spec .spec__lists { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } }

footer .footer__spec .spec__lists .spec__list { text-align: center; width: 100%; line-height: 1.4; }

@media (min-width: 960px) { footer .footer__spec .spec__lists .spec__list { text-align: left; } }

footer .footer__spec .spec__lists .spec__list p { color: #666666; font-size: 11px; letter-spacing: -0.05em; }

@media (min-width: 960px) { footer .footer__spec .spec__lists .spec__list p { white-space: nowrap; font-size: 12px; } }

footer .footer__spec .spec__lists .spec__space { width: 10px; }

@media (min-width: 960px) { footer .footer__spec .spec__lists .spec__space { width: 80px; } }

footer .footer__logo { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 700px; margin: 0 auto; padding: 0 20px 40px; width: 100%; }

footer .footer__logo a { margin: 0 auto; }

footer .footer__copy { margin: 15px auto; text-align: center; padding-bottom: 15px; }

@media (min-width: 640px) { footer .footer__copy br { display: none; } }

footer .footer__info dt, footer .footer__info dd { text-align: center; margin: 0; }

@media (min-width: 960px) { footer .footer__info dt, footer .footer__info dd { float: right; text-align: right; } }


@media screen and (max-width:1099px) {
  body{width:max-content;width:-webkit-max-content;width:-moz-max-content;max-width:1100px;}
  /*body #nctFooter.rwd .ncFooterMini{display:none;}
  body #nctFooter.rwd .ncFooter{display:block;}*/
}