@charset "utf-8";

html{overflow-x:hidden;}
body{overflow-x:hidden; background:#000;}
img{width:100%;}

/* main motion */
.motion > h2,
.motion > h3,
.motion > p,
.motion > div,
.motion > span,
.motion > button,
.motion > img{transform:translateY(-40px); transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); opacity:0;}
.motion > h2.motionActive,
.motion > h3.motionActive,
.motion > p.motionActive,
.motion > div.motionActive,
.motion > span.motionActive,
.motion > button.motionActive,
.motion > img.motionActive{transform:translateY(0); opacity:1;}

/* icon */
.icon_play{display:inline-block; width:51px; height:51px; background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/icon_play.png); background-repeat:no-repeat; background-size:200% auto;}
.icon_play.type1{background-position:0 0;}
.icon_play.type2{background-position:-51px 0;}

.icon_cover:before{display:block; position:absolute; left:50%; top:50%; z-index:1; content:"";}
.icon_cover:after{display:block; position:absolute; left:0; top:0; width:100%; height:100%; /*background:rgba(0,0,0,0.3);*/ box-sizing:border-box; content:""; transition:all 0.3s;}
.icon_cover.icon_img:before{width:16px; height:14px; margin:-8px 0 0 -7px; background:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/icon_photo.png) 0 0 no-repeat; background-size:100% auto;}
.icon_cover.icon_mov:before{width:51px; height:51px; margin:-25px 0 0 -25px; background:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/icon_play.png) 100% 0 no-repeat; background-size:200% auto;}
.icon_cover:hover:after{background:rgba(0,0,0,0);}
.icon_cover img{transform:scale(1); transition:all 0.3s ease-out;}
.icon_cover:hover img{transform:scale(1.1);}

.icon_arrow{display:inline-block; width:45px; height:57px; background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/icon_arrow.png); background-repeat:no-repeat; background-size:90px auto; text-indent:-9999px;}
.icon_arrow.prev{background-position:0 0;}
.icon_arrow.next{background-position:-45px 0;}

/* header */
#header{position:fixed; left:0; top:0; z-index:1000; width:100%; height:40px; background:rgba(0,0,0,0.5);}
#header .header_inner{width:100%; min-width:320px; max-width:480px; margin:0 auto;}
#header .header_inner:after{display:block; clear:both; content:"";}
#header .btn_menu{float:left; position:relative; width:18px; margin:10px 0 0 12px;}
#header .btn_menu:after{display:block; position:absolute; right:-11px; top:1px; width:2px; height:17px; background:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/icon_deco.png) right center no-repeat; background-size:2px auto; content:"";}
#header .sns{float:right; margin:11px 12px 0 0;}
#header .sns a{display:block; float:left; width:24px; height:17px; background-repeat:no-repeat; background-size:24px auto; text-indent:-9999px;}
#header .sns .sns_f{position:relative; padding-right:5px; margin-right:10px; background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/icon_f.png);}
#header .sns .sns_f:after,
#header .sns .sns_cp:after{display:block; position:absolute; right:0; top:0; width:2px; height:17px; background:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/icon_deco.png) right center no-repeat; background-size:2px auto; content:"";}
#header .sns .sns_y{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/icon_y.png);}
#header .sns .sns_cp {position: relative;width: 25px;height: 25px;margin-top:-3px;padding-right: 10px; background-image:url(https://lwi.nexon.com/m_dr/brand/m/btn_coupon.png);background-size: contain;}
#header .sns .sns_cp:after {top:3px;}

/* gnb */
#gnb{display:none; position:fixed; left:-100%; top:0; width:100%; height:100%; opacity:0;}
#gnb .gnb_inner{overflow-y:auto; position:relative; width:100%; min-width:320px; max-width:480px; height:100%; margin:0 auto;}
#gnb .right{position:absolute; right:0; top:0; width:10%;}
#gnb .right #gnb_close{}
#gnb .right a{display:block; border-top:1px solid #363636;}
#gnb .left{position:relative; width:90%; min-height:640px; height:100%; background:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/gnb_bg.png) 0 bottom no-repeat rgba(255,255,255,0.9); background-size:100% auto; box-shadow:0 0 20px rgba(0,0,0,1);}
#gnb .left h1{}
#gnb .left .bottom{text-align:center;}
#gnb .depth1{position:relative; left:50%; top:35px; width:320px; margin-left:-160px;}
#gnb .depth1 > li > a{display:block; width:100%; height:44px; background-repeat:no-repeat; background-size:200% auto; text-indent:-9999px;}
#gnb .depth1 .menu1 > a{background-position:0 0;}
#gnb .depth1 .menu2 > a{background-position:0 -44px;}
#gnb .depth1 .menu3 > a{background-position:0 -88px;}
#gnb .depth1 .menu4 > a{background-position:0 -132px;}
#gnb .depth1 .menu5 > a{background-position:0 -176px;}
#gnb .depth1 .menu5.plus:before{left:207px;}
#gnb .depth1 .menu5.plus:after{left:213px;}
#gnb .depth2{display:none; margin-bottom:5px; opacity:0;}
#gnb .depth2 li{margin-bottom:2px;}
#gnb .depth2 li a{display:block; width:100%; height:17px; background-repeat:no-repeat; background-size:200% auto; text-indent:-9999px;}
#gnb .depth2 li:nth-child(1) a{background-position:0 0;}
#gnb .depth2 li:nth-child(2) a{background-position:0 -17px;}
#gnb .depth2 li:nth-child(3) a{background-position:0 -34px;}
#gnb .depth2 li:nth-child(4) a{background-position:0 -51px;}
#gnb .depth2 li:nth-child(5) a{background-position:0 -68px;}

#gnb .depth1 > li.on > a{background-position-x:100%;}
#gnb .depth2 li.on:nth-child(n) a{background-position-x:100%;}

#gnb .plus{position:relative; height:44px;}
#gnb .plus:before{display:block; position:absolute; left:240px; top:22px; width:13px; height:1px; background:#70706f; content:""; transition:all 0.3s; opacity:1;}
#gnb .plus:after{display:block; position:absolute; left:246px; top:16px; width:1px; height:13px; background:#70706f; content:""; transition:all 0.3s; opacity:1;}
#gnb .plus.on:before{opacity:0;}
#gnb .plus.on:after{transform:rotate(180deg); opacity:0;}
#gnb .plus.on .depth2{display:block; opacity:1;}
#gnb .menu4.plus.on{height:137px;}
#gnb .menu5.plus.on{height:80px;}

/* footer */
.footer{position:absolute; left:0; bottom:0; width:100%; text-align:center;}
.footer .footer_inner{position:relative; width:96%; min-width:320px; max-width:480px; height:30px; margin:0 auto;}
.footer .footer_txt{position:relative; width:100%; padding-top:4px;}
.footer .footer_txt a{position:absolute; top:0; height:100%;}
.footer .lang_option{position:absolute; right:0; top:5px; text-align:left;}
.footer .lang_option.on ul{display:block;}
.footer .lang_option .btn_option{width:77px; height:16px; background:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/lang_bg.png) 0 0 no-repeat; background-size:100% auto; text-align:left; cursor:default;}
.footer .lang_option ul{display:none; position:absolute; left:0; top:-50px; width:100%; height:66px; background:#3d3d3d; border-radius:10%;}
.footer .lang_option li{height:16px;  padding-top:3px;  box-sizing:border-box;}
.footer .lang{display:inline-block; width:72px; height:12px; margin-left:3px; background-repeat:no-repeat; background-size:100% auto; text-indent:-9999px;}
.footer .lang.lang1{position:relative; z-index:1; background-position:0 0;}
.footer .lang.lang2{background-position:0 -12px;}
.footer .lang.lang3{background-position:0 -25px;}
.footer .lang.lang4{background-position:0 -37px;}
.footer .lang_option .btn_option .lang{height:12px; margin-top:2px;}

/* content */
#container{position:relative;}
.sec{position:relative; text-align:center;}
.sec .sec_inner{position:relative; width:96%; min-width:320px; max-width:480px; margin:0 auto;}

.tab_menu{position:absolute; left:0; top:45px; z-index:10; width:100%;}
.tab_menu .tab_inner{position:relative; width:96%; min-width:320px; max-width:480px; margin:0 auto;}
.tab_menu ul{overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%;}
.tab_menu li{float:left; height:100%; background:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/tab_bar.png) 0 center no-repeat; background-size:4px auto;}
.tab_menu li.tab1{background:none;}
.tab_menu li button{width:100%; height:100%; background-repeat:no-repeat; background-size:auto 100%; text-indent:-9999px; opacity:0.8;}
.tab_menu li.on button{opacity:1;}
.media .tab_menu li{width:50%;}
.media .tab_menu li.tab2 button{background-position:100% 0;}

.tab_box{display:none; opacity:0;}
.tab_box.on{display:block; opacity:1;}
.tab_box .sec_inner{padding-bottom:22%;}

/* main */
#wrap{background:url('https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/web/bg_main.jpg') center top no-repeat; background-size:cover;}

.sec1 .movie_area{position:absolute; left:0; top:0; /* z-index:-1; */ width:100%; height:100%;}
.sec1 .movie_area #movie{position:absolute; left:50%; top:0; width:auto; height:100%;}
.sec1 .movie_area .movie_cover{position:absolute; left:0; top:0; width:100%; height:100%; background:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/web/movie_cover.png) 0 0 rgba(0,0,0,0.3);}

.sec1 .sec_inner .inner2{padding-bottom:20%;}
.sec1 .txt1{transform:scale(1.2);opacity:0;}
.sec1 .inner2 .txt1{padding-top:30%}
.sec1 .txt2{transform:scale(1.2);opacity:0;}
.sec1 .btn_pop{display:block; margin-bottom:15%; transform:scale(0); transition:all 0.3s cubic-bezier(0.755, 0.05, 0.855, 0.06) 0.4s; opacity:0;}
.sec1 .btn_goto{width:60%; transform:scale(1.2); ; opacity:0;}
.sec1 .btn_area{overflow:hidden; width:100%; transform:scale(1.2);opacity:0;}
.sec1 .btn_area a{display:block; float:right; width:48%;}
.sec1 .btn_area a:first-child{float:left;}
.sec1.active .txt1, .sec1.active .txt2, .sec1.active .btn_pop, .sec1.active .btn_area{transform:scale(1) translateY(0); opacity:1;transition:opacity 300ms ease, transform 300ms ease}
.sec1.active .btn_pop{transition-delay:100ms}
.sec1.active .btn_area{transition-delay:400ms}

.sec_bg{padding-bottom:15%; background:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/sec2_bg.jpg) center center no-repeat; background-size:cover;}
.sec2{margin-bottom:15%;}
.sec2 .sec_inner{}
.sec2 .input_area{position:relative; width:100%; padding:5% 3%; margin-bottom:20%; /*background:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/sec2_input_bg1.png) center 0 no-repeat;*/ background:rgba(255,255,255,0.05); border-top:1px solid rgba(255,255,255,0.2); box-sizing:border-box; box-shadow:0px -40px 150px rgba(0,0,0,0.2);}
.sec2 .input_area .box{overflow:hidden; position:relative; width:100%; margin:0 auto 4%;}
.sec2 .input_area .box .email_input{position:absolute; left:0; top:0; width:72%; height:100%; background:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/sec2_input_bg2.png) 0 0 repeat-x;}
.sec2 .input_area .box .email_input label{display:none;}

.sec2 .input_area .box .phone_input{position:absolute; left:0; top:0; width:72%; height:100%; background:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/sec2_input_bg2.png) 0 0 repeat-x;}
.sec2 .input_area .box .phone_input label{display:block; float:left; width:35%; height:100%; background-position:right center; background-repeat:no-repeat; background-size:85% auto; font-size:15px; color:#fff; line-height:53px;}
.sec2 .input_area .box .phone_input label.on{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/sec2_bar.png); background-size:auto 30%;}
.sec2 .input_area .box .phone_input #select{position:absolute; left:0; top:0; width:35%; height:100%; font-size:13px; opacity:0;}

.sec2 .input_area .box input{float:left; width:100%; height:100%; padding-left:3%; background-position:20% center; background-repeat:no-repeat; background-color:transparent; background-size:80% auto; border:none; box-sizing:border-box; font-size:15px; color:#fff;}
#wrap .sec2 .input_area .box input.on{background-image:none;}
.sec2 .input_area .box .btn_register{display:block; float:right; width:27%;}

.sec2 .input_area .chklist{margin:0 auto 5%; text-align:left;}
.sec2 .input_area .chklist li{position:relative; margin-bottom:1.5%;}
.sec2 .input_area .chklist li a{display:block; position:absolute; top:0; height:100%; text-indent:-9999px;}
.sec2 .input_area .chklist li input{position:absolute; left:0; top:0; opacity:0;}
.sec2 .input_area .chklist li input:checked + label img{margin-left:-100%;}
.sec2 .input_area .chklist li label{overflow:hidden; display:block; width:100%;}
.sec2 .input_area .chklist li label img{width:200%;}
.sec2 .input_area .txt2{margin-bottom:3%;}
.sec2 .input_area .btn_gp{display:block; position:relative; width:35%; margin:0 auto;}
.sec2 .input_area .btn_gp:before{display:block; position:absolute; right:-30%; top:-46%; width:50px; height:30px; background-position:0 0; background-repeat:no-repeat; background-size:100% auto; content:"";}
.sec2 .input_area .btn_gp.off{display:none;}
.sec2 .input_area .btn_gp.off:before{display:none;}

.sec3 .sec_inner{background:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/sec3_bg.png) center 47% no-repeat; background-size:100% auto;}
.sec3 .txt1{margin-bottom:20%;}
.sec3 .txt2{width:96%; margin:0 auto;}
.sec3 .rewards{position:relative; z-index:1; margin-bottom:5%;}
.sec3 .rewards img{width:112%; margin-left:-6%;}
.sec3 .guage{position:absolute; left:3.5%; top:35%; z-index:-1; width:93%; height:158px; background:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/sec3_step0.png) 0 0 no-repeat; background-size:100% auto;}
.sec3 .guage .step{width:100%; height:158px; background-position:0 0; background-repeat:no-repeat; background-size:100% auto;}
.sec3 .guage .step1{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/sec3_step1.png);}
.sec3 .guage .step2{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/sec3_step2.png);}
.sec3 .guage .step3{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/sec3_step3.png);}
.sec3 .guage .step4{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/sec3_step4.png);}
.sec3 .guage .step5{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/sec3_step5.png);}
.sec3 .guage .step6{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/sec3_step6.png);}
.sec3 .guage .step7{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/sec3_step7.png);}
.sec3 .guage .step8{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/sec3_step8.png);}
.sec3 .guage .step9{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/sec3_step9.png);}
.sec3 .guage .step10{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/sec3_step10.png);}

.sec4{background:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/sec4_bg.jpg) center 0 no-repeat; background-size:cover;}
.sec4 .sec_inner{padding-bottom:20%;}
.sec4 .box{position:relative;}
.sec4 .box .box_btn{position:relative; width:80%; margin-bottom:7%;}
.sec4 .box .img1{box-shadow:0px 0px 25px #000;}
.sec4 .box .btn_pv{position:absolute; left:50%; top:50%; margin:-25px 0 0 -25px;}
.sec4 .btn_facebook{width:50%; margin-bottom:3%;}
.sec4 .item{position:absolute; right:-13%; top:-21.4%; width:62%;}

/* introduction */
.introduction .sec{height:100%; background-position:center 0; background-repeat:no-repeat; background-size:cover;}
.introduction .txt1{padding:40% 0 25%;}
.introduction .txt2{margin-bottom:6%;}
.introduction .img_list{overflow:hidden; width:80%; margin:0 auto;}
.introduction .img_list li{overflow:hidden; float:left; width:49%; margin:0 0 3% 2%;}
.introduction .img_list li:first-child{margin-left:0;}
.introduction .img_list li:nth-child(3){margin-left:25%;}
.introduction .img_list li .icon_cover:after{border:1px solid #647275;}
.introduction .footer{z-index:10; background:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/footer_bg.png) center 0 repeat-x; background-size:auto 100%;}

/* introduction - character */
.character{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/character_bg.jpg);}
.character .sec_inner{transform:scale(0); transition:all 0.6s cubic-bezier(0.23, 1, 0.32, 1);}
.character .sec_inner.on{transform:scale(1);}
.character ul{overflow:hidden; width:92%; padding-top:30%; margin:0 auto;}
.character li{float:left; position:relative; width:44%; margin:0 3% 6%; transform:scale(1); transition:all 0.5s;}
.character li span{display:block; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%;}
.character li .char_line{background:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/char_card_line.png); background-size:100% 100%; opacity:0; transform:scale(0.7); transition:all 0.5s;}
.character li .char_name{background-position:0 0; background-repeat:no-repeat; background-size:200% 100%;}
.character li img{background-size:100% 100%;}

.character li.char1 img{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/char_warrior_card.png);}
.character li.char2 img{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/char_wizard_card.png);}
.character li.char3 img{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/char_berserker_card.png);}
.character li.char4 img{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/char_assassin_card.png);}

.character li.on{transform:scale(1.1);}
.character li.on .char_line{opacity:1; transform:scale(1);}
.character li.on .char_name{background-position:100% 0;}
.character li.char1.on img{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/char_warrior_card_on.png);}
.character li.char2.on img{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/char_wizard_card_on.png);}
.character li.char3.on img{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/char_berserker_card_on.png);}
.character li.char4.on img{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/char_assassin_card_on.png);}

/* introduction - customization */
.customization{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/customization_bg.jpg);}

/* introduction - combat */
.combat{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/combat_bg.jpg);}
.combat .img_list li .icon_cover:after{border-color:#736361;}

/* introduction - realtime */
.realtime{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/realtime_bg.jpg);}
.realtime .img_list li .icon_cover:after{border-color:#706e5f;}

/* introduction - world */
.world{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/world_bg.jpg);}
.world .txt1{padding:70% 0 5%;}
.world .txt2{margin-bottom:2%;}
.world .btn_world{display:inline-block; width:30%; margin-bottom:4%;}
.world .img_list{width:96%;}
.world .img_list li{width:32.8%; margin-left:0.8%;}
.world .img_list li:nth-child(3){margin-left:0.8%;}
.world .img_list li .icon_cover:after{border-color:#505050;}

/* media */
.media .sec{background-position:center 0; background-repeat:no-repeat; background-size:cover;}
.media .txt1{padding:30% 0 15%;}
.media .list{width:90%; margin:0 auto;}
.media .list:after{display:block; clear:both; content:"";}
.media .list li{overflow:hidden; float:left; width:48%; margin:0 0 3% 4%; box-shadow:0 0 27px rgba(0,0,0,0.5);}
.media .list li:nth-child(1), .media .list li:nth-child(3), .media .list li:nth-child(5){margin-left:0;}

/* media - videos */
.videos{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/video_bg.jpg);}

/* media - gallery */
.gallery{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/gallery_bg.jpg);}

/* pop */
.pop{overflow-y:auto; position:fixed; left:0; top:0; z-index:2000; width:100%; height:100%; background:rgba(0,0,0,0.9); opacity:0; transform:scale(0); transition:all 0.3s;}
.pop.on{transform:scale(1);}
.pop .pop_inner{position:relative; left:0; top:20%; width:96%; min-width:320px; max-width:480px; padding-bottom:10%; margin:0 auto;}
.pop .pop_inner:before{display:block; position:absolute; left:0; top:-7px; width:100%; height:1px; background:#3b3939; content:"";}
.pop .pop_btn{position:absolute; right:0; top:-37px; border-right:1px solid #3b3939; border-bottom:1px solid #3b3939; text-align:right;}
.pop .pop_btn button{display:block; float:left; width:30px; height:30px; background:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/pop_btn.png) 0 0 no-repeat; background-size:90px auto; border-top:1px solid #3b3939; border-left:1px solid #3b3939; text-indent:-9999px;}
.pop .pop_btn .btn_facebook{}
.pop .pop_btn .btn_twitter{background-position:-30px 0;}
.pop .pop_btn .btn_close{background-position:-60px 0;}
.pop .pop_video{position:relative; padding-top:56.2%;}
.pop .pop_video iframe{position:absolute; left:0; top:0;}

.pop .pop_img{position:relative;}
.pop .pop_img .swiper-pagination{bottom:-30px; width:100%;}
.pop .pop_img .swiper-pagination:before{display:block; position:absolute; left:0; top:7px; z-index:-1; width:100%; height:1px; background:#1c1c1c; content:"";}
.pop .pop_img .swiper-pagination .swiper-pagination-bullet{width:13px; height:13px; margin:0 2px; background:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/icon_dot.png) 0 0 no-repeat; background-size:26px; opacity:1;}
.pop .pop_img .swiper-pagination .swiper-pagination-bullet-active{background-position:-13px 0;}
.pop .pop_img .swiper-button-prev{left:0;}
.pop .pop_img .swiper-button-next{right:0;}

#detailPop .pop_inner{padding-bottom:14px; background:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/detail_bg.jpg) 0 0 no-repeat; background-size:cover;}
#detailPop .pop_inner:before{display:none;}
#detailPop .pop_btn{right:7px; top:7px; border:none;}
#detailPop .pop_btn .btn_close{background:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/icon_close2.png) 0 0 no-repeat; background-size:30px auto; border:none;}
#detailPop .pop_detail .tit{padding:6% 0 4%;}
#detailPop .pop_detail .txt{overflow-y:auto; width:97%; height:300px;}
#detailPop .pop_detail .txt::-webkit-scrollbar{width:5px;}
#detailPop .pop_detail .txt::-webkit-scrollbar-track{background:rgba(128,119,100,0.3); border-radius:10px;}
#detailPop .pop_detail .txt::-webkit-scrollbar-thumb{background:rgba(128,119,100,0.5); border-radius:10px;}
#detailPop .pop_detail .txt::-webkit-scrollbar-thumb:hover{background:rgba(128,119,100,1);}

#msgPop .pop_inner{background:none; padding-bottom:0;}
#msgPop .pop_inner:before{display:none;}
#msgPop .pop_btn{right:1%; top:auto; bottom:20%; width:20%; border:none;}
#msgPop .pop_btn button{width:100%; height:auto; background:none; border:none; text-indent:0;}
#msgPop .pop_msg{display:table; position:absolute; left:0; top:0; height:165px; padding:14% 2% 0 46%;}
#msgPop .pop_msg .msg{display:table-cell; width:100%; font-size:14px; color:#5a5a5a; vertical-align:middle;}
#msgPop .pop_msg .msg strong{display:block; margin-bottom:10px; font-size:20px; color:#000;}

.pop_alert{transition-duration:0ms}
.pop_alert .pop_wrap{display:flex;flex-direction:column;width:100%;height:100%;justify-content:center}
.pop_alert .pop_body{width:96%;min-width:320px;max-width:480px;height:220px;background:rgba(232,232,232,0.9);margin:0 auto}
.pop_alert .alert_btn{height:70px;box-sizing:border-box;background:#1c1c1c;font-size:0;text-align:center;padding-top:10px}
.pop_alert .alert_btn button{display:inline-block;background-size:auto 100% !important}
.pop_alert .alert_btn button + button {margin-left:3%}
.pop_alert .alert_btn .btn_cancel {background:url('https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/web/en/en_pop_btn_cancel.png') 50% 0 no-repeat;}
.pop_alert .alert_btn .btn_ok{background:url('https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/web/en/en_pop_btn_ok.png') 50% 0 no-repeat;}
.pop_alert .alert_btn .btn_application{background:url('https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/web/en/en_pop_btn_application.png') 50% 0 no-repeat;}
.pop_alert .alert_btn button{width:46%;height:50px}
.pop_alert .alert_msg{height:150px;display:flex;flex-direction: column;justify-content: center;padding:0 5%}
.pop_alert .alert_msg p{text-align:center;font-size:22px;color:#000;font-family:'Franklin Gothic Medium', sans-serif;word-break:keep-all;line-height:1.25;}

#infoChar{display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#252628;}
#infoChar.on{display:block;}
#infoChar .info_bg{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; opacity:0;}
#infoChar .info_char{position:absolute; right:-100%; top:0; width:100%; height:100%; background-position:center 0; background-repeat:no-repeat; background-size:auto 100%;}
#infoChar .info_inner{position:relative; z-index:1; width:96%; min-width:320px; max-width:480px; padding:120px 0 50px; margin:0 auto;}
#infoChar .info_nav{position:relative; top:-50px; width:104px; height:26px; margin-bottom:3%; opacity:0;}
#infoChar .info_nav ul{overflow:hidden;}
#infoChar .info_nav li{float:left;}
#infoChar .info_nav li button{width:26px; height:26px; background:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/char_nav.png) 0 0 no-repeat; background-size:104px auto; text-indent:-9999px; transition:all 0.3s;}
#infoChar .info_nav li.nav_warrior button{}
#infoChar .info_nav li.nav_wizard button{background-position:-26px 0;}
#infoChar .info_nav li.nav_berserker button{background-position:-52px 0;}
#infoChar .info_nav li.nav_assassin button{background-position:-78px 0;}
#infoChar .info_nav li.on button{background-position-y:-26px;}

#infoChar .info_box{position:relative; top:0; width:88%;}
#infoChar .info_box .char_txt{position:relative; top:-50px; width:100%; background-position:0 0; background-repeat:no-repeat; background-size:100% auto; opacity:0;}
#infoChar .info_box .char_txt .more_story{position:absolute; left:20%; top:39%; width:16%; height:22%; text-indent:-9999px;}
#infoChar .info_box ul{overflow:hidden; position:absolute; left:5%; bottom:-50px; width:90%; opacity:0;}
#infoChar .info_box li{overflow:hidden; float:left; width:47%; margin:0 1.5%;}
#infoChar .info_box li button:after{border:1px solid #9b9389;}
#infoChar .info_box li button span{display:block;background-position:0 0; background-repeat:no-repeat; background-size:100% auto; transform:scale(1); transition:all 0.3s ease-out;}
#infoChar .info_box li button img{width:100%;}
#infoChar .info_box li button:hover span{transform:scale(1.1);}

#infoChar.info_warrior .info_bg{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/char_warrior_bg.jpg);}
#infoChar.info_warrior .info_char{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/char_warrior_img.png);}
#infoChar.info_warrior .info_box li span{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/common/char_warrior_list2.jpg);}
#infoChar.info_warrior .info_box li:first-child span{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/common/char_warrior_list1.jpg);}

#infoChar.info_wizard .info_bg{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/char_wizard_bg.jpg);}
#infoChar.info_wizard .info_char{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/char_wizard_img.png);}
#infoChar.info_wizard .info_box li span{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/common/char_wizard_list2.jpg);}
#infoChar.info_wizard .info_box li:first-child span{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/common/char_wizard_list1.jpg);}

#infoChar.info_berserker .info_bg{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/char_berserker_bg.jpg);}
#infoChar.info_berserker .info_char{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/char_berserker_img.png);}
#infoChar.info_berserker .info_box li span{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/common/char_berserker_list2.jpg);}
#infoChar.info_berserker .info_box li:first-child span{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/common/char_berserker_list1.jpg);}

#infoChar.info_assassin .info_bg{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/char_assassin_bg.jpg);}
#infoChar.info_assassin .info_char{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/char_assassin_img.png);}
#infoChar.info_assassin .info_box li span{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/common/char_assassin_list2.jpg);}
#infoChar.info_assassin .info_box li:first-child span{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/common/char_assassin_list1.jpg);}


/* ------ en ------ */
.en #gnb .depth1 > li > a{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/en/en_gnb.png);}
.en #gnb .menu4 .depth2 li a{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/en/en_gnb_sub1.png);}
.en #gnb .menu5 .depth2 li a{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/en/en_gnb_sub2.png);}
.en #header .sns .sns_cp {display: block;}

.en .footer .footer_inner{height:60px;}
.en .footer .footer_txt .f_link1{left:32%; width:13%;}
.en .footer .footer_txt .f_link2{left:46%; width:13%;}
.en .footer .lang_option{position:relative; width:77px; margin:6px auto 0;}
.en .footer .lang{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/en/en_lang.png);}

.en .sec2 .input_area .btn_gp:before{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/en/en_sec2_gp_txt.png);}

.en .introduction .tab_menu li.tab1{width:18.7142%;}
.en .introduction .tab_menu li.tab1 button{background-position:0 0;}
.en .introduction .tab_menu li.tab2{width:21.1428%;}
.en .introduction .tab_menu li.tab2 button{background-position:25.2% 0;}
.en .introduction .tab_menu li.tab3{width:14.2857%;}
.en .introduction .tab_menu li.tab3 button{background-position:48% 0;}
.en .introduction .tab_menu li.tab4{width:25.1428%;}
.en .introduction .tab_menu li.tab4 button{background-position:74% 0;}
.en .introduction .tab_menu li.tab5{width:20.7142%;}
.en .introduction .tab_menu li.tab5 button{background-position:right 0;}
.en .introduction .tab_menu li button{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/en/en_side_introduction.png);}
.en .introduction .tab_menu li.on button{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/en/en_side_introduction_on.png);}

.en .media .tab_menu li button{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/en/en_side_media.png);}
.en .media .tab_menu li.on button{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/en/en_side_media_on.png);}

.en .sec2 .input_area .box input{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/en/en_sec2_email2.png);}
.en .sec2 .input_area .chklist li a.link1{left:30%; width:25%; height:25%;}
.en .sec2 .input_area .chklist li a.link2{left:30%; top:auto; bottom:0; width:20%; height:25%;}

.en .character li.char1 .char_name{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/en/en_char_warrior_name.png);}
.en .character li.char2 .char_name{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/en/en_char_wizard_name.png);}
.en .character li.char3 .char_name{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/en/en_char_berserker_name.png);}
.en .character li.char4 .char_name{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/en/en_char_assassin_name.png);}

.en #infoChar.info_warrior .char_txt{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/en/en_char_warrior_txt.png);}
.en #infoChar.info_wizard .char_txt{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/en/en_char_wizard_txt.png);}
.en #infoChar.info_berserker .char_txt{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/en/en_char_berserker_txt.png);}
.en #infoChar.info_assassin .char_txt{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/en/en_char_assassin_txt.png);}

.en .sec1 .sec_inner{display:flex;flex-direction:column;justify-content:center;min-height:100vh;box-sizing:border-box;padding-top:80px}
.en .sec_inner .main_inner {position: relative}
.en .sec1 .player_area{position:relative;margin:12% 0 6%;opacity:0;transform:scale(0.9)}
.en .sec1.active .player_area{transform:scale(1);opacity:1;transition:opacity 300ms ease, transform 800ms ease;transition-delay:100ms}
.en .sec1 .player_area:before{display:block;content:"";padding-top:56.2%}
.en .sec1 .player_area .bg_player{position: absolute;top:0;bottom:0;right:0;left:0;;margin:-1.4%;background: url('https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/common/bg_main_video.png') center top no-repeat;background-size:100% auto}
.en .sec1 .player_area iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.en .sec1 .btn_area{margin-bottom:calc(10% + 80px)}
.en .sec1 .scroll{position: absolute;bottom:0;left:50%;width:19.4%;max-width:97px;background: url('https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/common/scrollDown.png') center top no-repeat;background-size:100% auto;margin:0 0 5% -30px;animation:scrolling 1500ms infinite ease-out;margin-left:-10%}
.en .sec1 .scroll:before{content:"";display:block;padding-top:40.21%}

@keyframes scrolling {
	0% {transform: translateY(-10px)}
	100% {transform: translateY(0);opacity:0}
}

.subscribe .sec_inner{background:url('https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/common/bg_subscribe.png') 50% 0 no-repeat;background-size:140px auto;padding: 8.7% 0 60px}
.subscribe h2 {font-size:30px;color:#D7D7D7;font-family:'Constantia', serif;font-weight:normal}
.subscribe h2 + p {color:#fff;font-family:'Franklin Gothic Book', sans-serif;font-size:15px;margin: 4px 0 8.7%}
.subscribe .subscribe_form {position:relative}
.subscribe .subscribe_id{display: block; width:100%; height: 55px;border-radius:0;box-sizing:border-box;background: rgba(0,0,0,.43);border: 2px solid rgba(255,255,255,0.22);color:rgba(255,255,255,0.33);font-size:20px;font-family:'Franklin Gothic Book', sans-serif;margin: 0 auto;padding: 0 5%}
.subscribe .subscribe_id::placeholder{color:rgba(255,255,255,0.33);font-size:20px;font-family:'Franklin Gothic Book', sans-serif;}
.subscribe .subscribe_form p {font-family: 'Noto Sans KR', sans-serif;font-weight: 300;text-align: left;letter-spacing: 0.5px;margin-left: 23px}
.subscribe p a {color: inherit;text-decoration: underline;}
.subscribe .agree_wrap {position: relative;margin: 12px 0}
.subscribe .agree_wrap .checkbox {position: absolute;top: 4px;left:0;width:12px;height:12px;border:2px solid rgba(214,214,214,0.64)}
.subscribe .agree_wrap .checkbox input {position:relative;display:block;width:100%;height:100%;opacity:0}
.subscribe .agree_wrap .checkbox.checked:before{content:"";position:absolute;top:-6px;left:-4px;width:20px;height:16px;background:url('https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/common/subscribe_checked.png') no-repeat;}
.subscribe .agree_wrap p {color:#D7D7D7;font-size: 14px}
.subscribe .privacy{color:#be8686;font-size:12px}
.subscribe .btn_submit{display:block;width:100%;height:60px;background:#6e0404;color:#fff;font-size:18px;font-family:'Franklin Gothic Book', sans-serif;margin:8% 0}
/* ------ //en ------ */


/* ------ th ------ */
.th #gnb .depth1 > li > a{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/th/th_gnb.png);}
.th #gnb .depth2 li{margin-bottom:0;}
.th #gnb .depth2 li:nth-child(1) a{height:18px; background-position:0 0;}
.th #gnb .depth2 li:nth-child(2) a{height:22px; background-position:0 -18px;}
.th #gnb .depth2 li:nth-child(3) a{height:23px; background-position:0 -40px;}
.th #gnb .depth2 li:nth-child(4) a{height:24px; background-position:0 -63px;}
.th #gnb .depth2 li:nth-child(5) a{height:18px; background-position:0 -87px;}
.th #gnb .depth2 li.on:nth-child(n) a{background-position-x:100%;}
.th #gnb .menu4 .depth2 li a{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/th/th_gnb_sub1.png);}
.th #gnb .menu5 .depth2 li a{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/th/th_gnb_sub2.png);}
.th #gnb .plus:before{left:205px;}
.th #gnb .plus:after{left:211px;}
.th #gnb .depth1 .menu5.plus:before{left:222px;}
.th #gnb .depth1 .menu5.plus:after{left:228px;}
.th #gnb .menu4.plus.on{height:157px;}

.th .footer .footer_inner{height:60px;}
.th .footer .footer_txt .f_link1{left:33%; width:17%;}
.th .footer .footer_txt .f_link2{left:50%; width:21%;}
.th .footer .lang_option{position:relative; width:77px; margin:6px auto 0;}
.th .footer .lang{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/th/th_lang.png);}

.th .sec2 .input_area .box .phone_input label{display:none;}
.th .sec2 .input_area .btn_gp:before{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/th/th_sec2_gp_txt.png);}

.th .introduction .tab_menu li.tab1{width:16.7142%;}
.th .introduction .tab_menu li.tab1 button{background-position:0 0;}
.th .introduction .tab_menu li.tab2{width:23.7142%;}
.th .introduction .tab_menu li.tab2 button{background-position:21.2% 0;}
.th .introduction .tab_menu li.tab3{width:18.5714%;}
.th .introduction .tab_menu li.tab3 button{background-position:49.3% 0;}
.th .introduction .tab_menu li.tab4{width:20.5714%;}
.th .introduction .tab_menu li.tab4 button{background-position:74% 0;}
.th .introduction .tab_menu li.tab5{width:20.4285%;}
.th .introduction .tab_menu li.tab5 button{background-position:98.4% 0;}
.th .introduction .tab_menu li button{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/th/th_side_introduction.png);}
.th .introduction .tab_menu li.on button{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/th/th_side_introduction_on.png);}

.th .media .tab_menu li.tab1{width:48%;}
.th .media .tab_menu li.tab2{width:52%;}
.th .media .tab_menu li.tab2 button{background-position:99% 0;}
.th .media .tab_menu li button{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/th/th_side_media.png);}
.th .media .tab_menu li.on button{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/th/th_side_media_on.png);}

.th .sec2 .input_area .box input{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/th/th_sec2_email2.png);}
.th .sec2 .input_area .chklist li a.link1{left:30%; width:31%;}
.th .sec2 .input_area .chklist li a.link2{left:68%; top:auto; bottom:0; width:29%;}

.th .character li.char1 .char_name{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/th/th_char_warrior_name.png);}
.th .character li.char2 .char_name{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/th/th_char_wizard_name.png);}
.th .character li.char3 .char_name{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/th/th_char_berserker_name.png);}
.th .character li.char4 .char_name{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/th/th_char_assassin_name.png);}

.th #infoChar.info_warrior .char_txt{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/th/th_char_warrior_txt.png);}
.th #infoChar.info_wizard .char_txt{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/th/th_char_wizard_txt.png);}
.th #infoChar.info_berserker .char_txt{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/th/th_char_berserker_txt.png);}
.th #infoChar.info_assassin .char_txt{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/th/th_char_assassin_txt.png);}
/* ------ //th ------ */


/* ------ vi ------ */
.vi #gnb .depth1 > li > a{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/vi/vi_gnb.png);}
.vi #gnb .depth2 li a{height:18px;}
.vi #gnb .depth2 li:nth-child(1) a{background-position:0 0;}
.vi #gnb .depth2 li:nth-child(2) a{background-position:0 -18px;}
.vi #gnb .depth2 li:nth-child(3) a{background-position:0 -36px;}
.vi #gnb .depth2 li:nth-child(4) a{background-position:0 -54px;}
.vi #gnb .depth2 li:nth-child(5) a{background-position:0 -72px;}
.vi #gnb .depth2 li.on:nth-child(n) a{background-position-x:100%;}
.vi #gnb .menu4 .depth2 li a{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/vi/vi_gnb_sub1.png);}
.vi #gnb .menu5 .depth2 li a{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/vi/vi_gnb_sub2.png);}
.vi #gnb .plus:before{left:230px;}
.vi #gnb .plus:after{left:236px;}

.vi .footer .footer_inner{height:60px;}
.vi .footer .footer_txt .f_link1{left:28%; width:18%;}
.vi .footer .footer_txt .f_link2{left:47%; width:23%;}
.vi .footer .lang_option{position:relative; width:77px; margin:6px auto 0;}
.vi .footer .lang{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/vi/vi_lang.png);}

.vi .sec2 .input_area .btn_gp:before{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/vi/vi_sec2_gp_txt.png);}

.vi .introduction .tab_menu li.tab1{width:17.4285%;}
.vi .introduction .tab_menu li.tab1 button{background-position:0 0;}
.vi .introduction .tab_menu li.tab2{width:17.7142%;}
.vi .introduction .tab_menu li.tab2 button{background-position:21.2% 0;}
.vi .introduction .tab_menu li.tab3{width:17.7142%;}
.vi .introduction .tab_menu li.tab3 button{background-position:43.2% 0;}
.vi .introduction .tab_menu li.tab4{width:22.2857%;}
.vi .introduction .tab_menu li.tab4 button{background-position:68.5% 0;}
.vi .introduction .tab_menu li.tab5{width:24.4285%;}
.vi .introduction .tab_menu li.tab5 button{background-position:97.4% 0;}
.vi .introduction .tab_menu li button{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/vi/vi_side_introduction.png);}
.vi .introduction .tab_menu li.on button{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/vi/vi_side_introduction_on.png);}

.vi .media .tab_menu li button{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/vi/vi_side_media.png);}
.vi .media .tab_menu li.on button{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/vi/vi_side_media_on.png);}

.vi .sec2 .input_area .box input{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/vi/vi_sec2_email2.png);}
.vi .sec2 .input_area .chklist li a.link1{left:47%; width:12%;}
.vi .sec2 .input_area .chklist li a.link2{left:60%; top:auto; bottom:0; width:34%;}

.vi .character li.char1 .char_name{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/vi/vi_char_warrior_name.png);}
.vi .character li.char2 .char_name{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/vi/vi_char_wizard_name.png);}
.vi .character li.char3 .char_name{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/vi/vi_char_berserker_name.png);}
.vi .character li.char4 .char_name{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/vi/vi_char_assassin_name.png);}

.vi #infoChar.info_warrior .char_txt{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/vi/vi_char_warrior_txt.png);}
.vi #infoChar.info_wizard .char_txt{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/vi/vi_char_wizard_txt.png);}
.vi #infoChar.info_berserker .char_txt{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/vi/vi_char_berserker_txt.png);}
.vi #infoChar.info_assassin .char_txt{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/vi/vi_char_assassin_txt.png);}
.vi #infoChar .info_box .char_txt .more_story{left:50%;}
/* ------ //vi ------ */


/* ------ tw ------ */
.tw #gnb .depth1 > li > a{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/tw/tw_gnb.png);}
.tw #gnb .depth2 li a{height:18px;}
.tw #gnb .depth2 li:nth-child(1) a{background-position:0 0;}
.tw #gnb .depth2 li:nth-child(2) a{background-position:0 -18px;}
.tw #gnb .depth2 li:nth-child(3) a{background-position:0 -36px;}
.tw #gnb .depth2 li:nth-child(4) a{background-position:0 -54px;}
.tw #gnb .depth2 li:nth-child(5) a{background-position:0 -72px;}
.tw #gnb .depth2 li.on:nth-child(n) a{background-position-x:100%;}
.tw #gnb .menu4 .depth2 li a{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/tw/tw_gnb_sub1.png);}
.tw #gnb .menu5 .depth2 li a{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/tw/tw_gnb_sub2.png);}
.tw #gnb .plus:before{left:230px;}
.tw #gnb .plus:after{left:236px;}

.tw .footer .footer_inner{height:85px;}
.tw .footer .footer_txt .f_link1{left:28%; width:10%; height:50%; }
.tw .footer .footer_txt .f_link2{left:38.8%; width:17%; height:50%;}
.tw .footer .lang_option{top:auto; bottom:15px;}
.tw .footer .lang{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/tw/tw_lang.png);}

.tw .sec1 .sec_inner .inner2{padding-bottom:26%;}
.tw .sec2 .input_area .btn_gp:before{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/tw/tw_sec2_gp_txt.png);}
.tw .sec4 .footer .footer_inner{height:auto;}
.tw .sec4 .footer .footer_txt{width:100%;}
.tw .sec4 .footer .footer_txt .f_link1{left:11%; width:9%; height:27%;}
.tw .sec4 .footer .footer_txt .f_link2{left:21%; width:17%; height:27%;}

.tw .introduction .tab_menu li.tab1{width:14.5714%;}
.tw .introduction .tab_menu li.tab1 button{background-position:0 0;}
.tw .introduction .tab_menu li.tab2{width:21%;}
.tw .introduction .tab_menu li.tab2 button{background-position:18% 0;}
.tw .introduction .tab_menu li.tab3{width:20%;}
.tw .introduction .tab_menu li.tab3 button{background-position:44.2% 0;}
.tw .introduction .tab_menu li.tab4{width:27.1428%;}
.tw .introduction .tab_menu li.tab4 button{background-position:75.7% 0;}
.tw .introduction .tab_menu li.tab5{width:17.2857%;}
.tw .introduction .tab_menu li.tab5 button{background-position:right 0;}
.tw .introduction .tab_menu li button{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/tw/tw_side_introduction.png);}
.tw .introduction .tab_menu li.on button{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/tw/tw_side_introduction_on.png);}

.tw .media .tab_menu li button{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/tw/tw_side_media.png);}
.tw .media .tab_menu li.on button{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/tw/tw_side_media_on.png);}

.tw .sec2 .input_area .box label{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/tw/tw_sec2_bar.png);}
.tw .sec2 .input_area .box .phone_input label.on{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/tw/tw_sec2_bar.png);}
.tw .sec2 .input_area .box input{width:65%; background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/tw/tw_sec2_email2.png);}
.tw .sec2 .input_area .chklist li a.link1{left:16.5%; width:35%;}
.tw .sec2 .input_area .chklist li a.link2{left:57%; top:auto; bottom:0; width:43%;}

.tw .character li.char1 .char_name{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/tw/tw_char_warrior_name.png);}
.tw .character li.char2 .char_name{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/tw/tw_char_wizard_name.png);}
.tw .character li.char3 .char_name{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/tw/tw_char_berserker_name.png);}
.tw .character li.char4 .char_name{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/tw/tw_char_assassin_name.png);}

.tw #infoChar.info_warrior .char_txt{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/tw/tw_char_warrior_txt.png);}
.tw #infoChar.info_wizard .char_txt{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/tw/tw_char_wizard_txt.png);}
.tw #infoChar.info_berserker .char_txt{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/tw/tw_char_berserker_txt.png);}
.tw #infoChar.info_assassin .char_txt{background-image:url(https://nxm-mt.akamaized.net/Contents/dr.nexon.com/Launching/images/mobile/tw/tw_char_assassin_txt.png);}
.tw #infoChar .info_box .char_txt .more_story{left:16%;}
/* ------ //tw ------ */



@media(max-width:460px){
	.sec2 .input_area .box .phone_input label{line-height:43px;}
	#msgPop .pop_msg{height:150px;}
}
@media(max-width:400px){
	.sec2 .input_area .box .phone_input label{font-size:13px; line-height:39px;}
	#msgPop .pop_msg{height:130px;}
	#msgPop .pop_msg .msg{font-size:11px;}
	#msgPop .pop_msg .msg strong{font-size:16px;}
	.tw .footer .footer_inner{height:70px;}
}
@media(max-width:360px){
	.sec2 .input_area .box .phone_input label{line-height:36px;}
	#msgPop .pop_msg{height:120px;}
}