@charset 'UTF-8';@import url(https://fonts.googleapis.com/css?family=Oswald:300|Quantico);@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400);@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);.bg_star_navy{background:#060a14 url(/innovation/NCSOFT/img/bg_type_a.jpg) 50% 50%}body{margin:auto;letter-spacing:-1px;font-size:15px;font-family:NotoSansKR,'Noto Sans KR','Source Han Sans','맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,sans-serif;font-weight:300;color:#fff;overflow-x:hidden}a{color:#fff;text-decoration:none}svg,video{vertical-align:top}#viewport{overflow-x:hidden;padding-top:50px;max-width:640px;margin-left:auto;margin-right:auto}p{margin:1em auto;word-break:keep-all;line-height:1.6}.inner{position:relative;z-index:20;max-width:640px;margin:0 auto;vertical-align:middle;display:block;width:90vw;height:100%;text-align:center}.inner:after,.inner:before{content:" ";display:table}.inner:after{clear:both}.copyright{padding:15px 0 5px;text-align:center;font-family:Arial,sans-serif;font-size:10px;color:#333}.copyright p{margin-bottom:80px}.brand-identity img{top:5px}.pointGold{color:#d8b17e!important}.pointBlue{color:#1f2b47!important}.pointDark{color:#191919!important}.pointStart{font-size:1.4rem}h2{font-weight:300}.bg_navy{background-color:#060a14}.navigation_wrap{position:absolute;z-index:110;top:50px;left:0;right:0}.navigation_wrap.active{position:fixed;bottom:60px}.stage_nav{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:0;visibility:hidden;height:calc(100vh - 50px);background-image:url(/innovation/NCSOFT/mobile/img/bg_stagenav.jpg);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;mix-blend-mode:exclusion;display:block}.stage_nav .menu_ctrl{position:absolute;bottom:0;left:0;width:30px;height:30px;display:block;background-color:rgba(9,17,34,.8);z-index:21}.stage_nav .menu_ctrl.close{background-image:url(/innovation/NCSOFT/img/sprite.png);background-repeat:no-repeat;background-position:-150px -26px;background-size:220px}.stage_nav .menu_ctrl.open{background-image:url(/innovation/NCSOFT/img/sprite.png);background-repeat:no-repeat;background-position:-174px -26px;background-size:220px}.stage_nav_container{position:relative;box-sizing:border-box;width:100vw;height:25%;padding:8px;background-size:cover;display:block;text-align:center}.stage_nav_container.hiddenstage .nav_border:after,.stage_nav_container:not(.hiddenstage):after{content:'';display:inline-block;width:0;height:100%;margin-left:-.25em;vertical-align:middle}.stage_nav_container .nav_inner{position:relative;display:inline-block;vertical-align:middle;width:90%}.stage_nav_container .nav_title{display:block;line-height:1}.stage_nav_container .nav_title h2{font-family:Quantico,sans-serif;font-size:1.25rem;font-weight:400;color:#fff}.stage_nav_container .nav_title h2:after{content:'';display:block;width:23px;height:1px;margin:5px auto 7px;background-color:#fff}.stage_nav_container .nav_title h3{font-size:.9375rem;font-weight:400;color:#d8b17e}.stage_nav_container .menus{margin-top:20px;font-size:.875rem;line-height:1}.stage_nav_container .menus li{margin:10px 0;word-break:keep-all}.stage_nav_container .menus li a{transition:all .2s ease}.stage_nav_container .menus li.active a{color:#d8b17e}.stage_nav_container.stage1{background-color:rgba(29,51,99,.7);background-position:0 0}.stage_nav_container.stage1:hover .inner{background-color:rgba(29,51,99,.9)}.stage_nav_container.stage2{background-color:rgba(178,138,85,.58);background-position:0 0}.stage_nav_container.stage2:hover .inner{background-color:rgba(178,138,85,.9)}.stage_nav_container.stage2:hover .nav_title h3{color:#1f2b47}.stage_nav_container.stage2:hover .menus li a:hover{color:#1f2b47}.stage_nav_container.stage2:hover .menus li.active a{color:#1f2b47}.stage_nav_container.stage3{background-color:rgba(13,30,71,.7);background-position:0 0}.stage_nav_container.stage3:hover .inner{background-color:rgba(13,30,71,.9)}.stage_nav_container.hiddenstage{background-color:#0a1224}.stage_nav_container.hiddenstage .nav_border{height:100%;border:1px solid #d8b17e}.stage_nav_container.hiddenstage .nav_title h3{font-weight:300;color:#fff}.btn_nav_close,.btn_nav_open{display:block;box-sizing:border-box;position:absolute;z-index:120;right:15px;width:25px;height:25px;border:1px solid #fff}.btn_nav_open{top:65px;padding-top:2px}.btn_nav_open i{display:block;height:1px;margin:4px;border-radius:10px;background-color:#fff}.at_stage1 .btn_nav_open i:nth-of-type(1){height:2px;background-color:#d8b17e}.at_stage2 .btn_nav_open i:nth-of-type(2){height:2px;background-color:#d8b17e}.at_stage3 .btn_nav_open i:nth-of-type(3){height:2px;background-color:#d8b17e}.btn_nav_close{transition:all .4s ease;top:15px}.btn_nav_close i{display:block;width:17px;height:17px;margin:3px;background-image:url(/innovation/NCSOFT/img/sprite.png);background-repeat:no-repeat;background-position:-39px 0;background-size:130px;transition:all .4s ease}.btn_nav_close:hover{background-color:#1f2b47}.btn_nav_close:hover i{transform:rotate(180deg)}.sticky_nav{visibility:hidden;opacity:0;position:relative;z-index:100;bottom:0;right:0;left:0;text-transform:uppercase;font-size:14px;font-weight:700}.sticky_nav:after,.sticky_nav:before{content:" ";display:table}.sticky_nav:after{clear:both}.sticky_nav.active{position:fixed;bottom:0}.sticky_nav ol:after,.sticky_nav ol:before{content:" ";display:table}.sticky_nav ol:after{clear:both}.sticky_nav ol li{float:left;height:30px;transition:all .3s ease}.at_stage1 .sticky_nav ol li.nav_stage1 .label{opacity:1;background-color:#d8b17e;color:#191919}.at_stage2 .sticky_nav ol li.nav_stage2 .label{opacity:1;background-color:#d8b17e;color:#191919}.at_stage3 .sticky_nav ol li.nav_stage3 .label{opacity:1;background-color:#d8b17e;color:#191919}.sticky_nav ol li:hover{transform:translateX(0)!important}.sticky_nav ol li:hover .label{color:#191919}.sticky_nav div{float:left}.sticky_nav .bar_box{width:100vw;padding-left:10px;background-color:rgba(0,0,0,.8)}.sticky_nav .bar_box:after{content:'';clear:both;display:block}.sticky_nav .bar{display:table;width:calc(80vw - 22px);height:7px;margin-top:8px;padding:2px 1px;border:1px solid rgba(252,251,247,.6);table-layout:fixed}.sticky_nav .bar b{display:table-cell;height:100%}.sticky_nav .bar b i{display:block;height:100%;margin:0 1px;background-color:transparent}.sticky_nav .bar b.on i{background-color:#d8b17e}.sticky_nav .label,.sticky_nav .num{line-height:30px}.sticky_nav .num{width:10vw;padding-left:6px}.sticky_nav .shareSection{display:block;height:30px;position:absolute;top:35px;right:3px}.sticky_nav .shareSection #sectionSharebtn{width:30px;height:20px;display:block;background-color:transparent;border:1px solid #d8b17e}.sticky_nav .shareSection #sectionSharebtn span{display:block;width:20px;height:20px;margin:2.5px auto}.sticky_nav .shareSection #sectionSharebtn.open span{background-image:url(/innovation/NCSOFT/img/sprite.png);background-repeat:no-repeat;background-position:-119px -30px;background-size:200px}.sticky_nav .shareSection #sectionSharebtn.close span{background-image:url(/innovation/NCSOFT/img/sprite.png);background-repeat:no-repeat;background-position:-125px -52px;background-size:200px}.sticky_nav .shareSection .shareIcon{background-color:#060a14;width:32px;height:0;opacity:0;visibility:hidden;display:block;position:absolute;bottom:0;right:0}.sticky_nav .shareSection span{width:24px;height:24px;display:block;margin:20px auto}.sticky_nav .shareSection #fb_btn span{background-image:url(/innovation/NCSOFT/img/sprite.png);background-repeat:no-repeat;background-position:-43px -97px;background-size:250px}.sticky_nav .shareSection #tw_btn span{background-image:url(/innovation/NCSOFT/img/sprite.png);background-repeat:no-repeat;background-position:-67px -96px;background-size:250px}.sticky_nav .shareSection #kakao_btn span{background-image:url(/innovation/NCSOFT/img/sprite.png);background-repeat:no-repeat;background-position:-120px -98px;background-size:250px}.sticky_nav .shareSection #kakaoStory_btn span{background-image:url(/innovation/NCSOFT/img/sprite.png);background-repeat:no-repeat;background-position:-92px -96px;background-size:250px}.sticky_nav .label{box-sizing:border-box;width:25vw;background-color:#000;white-space:nowrap;color:#fff;text-align:center;cursor:pointer;transition:all .3s ease}.intro_wrap{position:relative;width:100%;height:calc(100vh - 50px);background:#191919 url(/innovation/NCSOFT/img/bg_intro.jpg) no-repeat 50% 50%;background-size:cover}.intro_wrap .scroller{position:absolute;left:50%;bottom:85px;width:40px;margin-left:-20px;text-align:center}.intro_wrap .scroller .box{height:30px;border:1px solid #fff;border-bottom:none}.intro_wrap .scroller .label{margin:7px auto;line-height:1;text-transform:uppercase;font-size:.8rem;text-align:center;letter-spacing:0}.intro_wrap .scroller i{display:block;width:15px;height:18px;margin:auto;background-image:url(/innovation/NCSOFT/img/sprite.png);background-repeat:no-repeat;background-position:-160px 0;background-size:200px}.intro_play{position:absolute;z-index:1;top:50%;left:0;right:0;margin-top:-100px;text-align:center}.intro_play a{display:block}.intro_play .title{line-height:1}.intro_play .title .slogan{font-size:1.5rem;font-weight:300;letter-spacing:-.08em}.intro_play .title .brand{margin:10px 0 0 10px;font-family:Quantico,sans-serif;font-size:3rem;letter-spacing:.18em;text-transform:uppercase}.intro_play .button{margin-top:10px}.intro_title{position:absolute;top:48%;left:50%;width:100vw;height:50vh;overflow:hidden;margin-left:-50%;margin-top:-50%;text-align:center;font-size:.9375rem}.intro_title ul{padding-top:10%}.intro_title li{margin-top:3vh;margin-bottom:3vh}.intro_title p{width:80vw;margin:0 auto}.intro_title strong{display:block;margin-bottom:1em;line-height:1;font-size:1.25rem;font-weight:300}.intro_title strong:after,.intro_title strong:before{content:'';display:inline-block;width:15px;height:8px;vertical-align:top}.intro_title strong:before{background-image:url(/innovation/NCSOFT/img/sprite.png);background-repeat:no-repeat;background-position:-45px 0;background-size:100px;margin-right:3px}.intro_title strong:after{background-image:url(/innovation/NCSOFT/img/sprite.png);background-repeat:no-repeat;background-position:-62px 0;background-size:100px;margin-left:5px}.intro_progress{position:absolute;top:50%;right:5vw;width:1px;height:90px;margin-top:-45px;background-color:rgba(255,255,255,.5)}.intro_progress .bar{position:absolute;top:0;left:-2px;width:5px;height:0;background:#fff}.intro_mask{position:absolute;z-index:20;top:-1px;left:0;width:100%;height:22px;background:-moz-linear-gradient(top,rgba(6,10,20,.8) 0,rgba(6,10,20,.63) 43%,rgba(6,10,20,0) 100%);background:-webkit-linear-gradient(top,rgba(6,10,20,.8) 0,rgba(6,10,20,.63) 43%,rgba(6,10,20,0) 100%);background:linear-gradient(to bottom,rgba(6,10,20,.8) 0,rgba(6,10,20,.63) 43%,rgba(6,10,20,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#060a14', endColorstr='#00060a14', GradientType=0)}.billboard_nav ul{background:#1f2b47}.billboard_nav li{text-transform:uppercase;text-align:center}.billboard_nav a{display:block;padding:10px;background-color:#1f2b47;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}.billboard_nav a span{display:block}.billboard_nav a .title_box{position:relative;z-index:20;font-weight:300;padding:10px;border:1px solid rgba(255,255,255,.8);font-family:Quantico,sans-serif}.billboard_nav a .title_box .stage{color:#d8b17e;font-size:.875rem}.billboard_nav a .title_box .title{font-size:.9375rem}.billboard_nav a.stage1{background-image:url(/innovation/NCSOFT/mobile/img/billboard1.jpg)}.billboard_nav a.stage2{background-image:url(/innovation/NCSOFT/mobile/img/billboard2.jpg)}.billboard_nav a.stage3{background-image:url(/innovation/NCSOFT/mobile/img/billboard3.jpg)}.billboard_nav a.hiddenstage{background-color:#04060f}.billboard_nav a.hiddenstage .title_box{border-color:rgba(216,177,126,.8)}.billboard_nav.at_top{position:relative;z-index:50}.billboard_nav.at_top a.stage1 .hover_cover{transform-origin:0 0}.billboard_nav.at_top a.stage2 .hover_cover{transform-origin:50% 0}.billboard_nav.at_top a.stage3 .hover_cover{transform-origin:100% 0}.billboard_nav.at_bottom a.stage1 .hover_cover{transform-origin:0 100%}.billboard_nav.at_bottom a.stage2 .hover_cover{transform-origin:50% 100%}.billboard_nav.at_bottom a.stage3 .hover_cover{transform-origin:100% 100%}.interview_wrap{overflow:hidden;position:relative}.interview_title{position:absolute;z-index:50;top:8vh;white-space:nowrap;font-family:Oswald,sans-serif;text-transform:uppercase;text-align:center;font-size:1.8rem;line-height:1;color:#d8b17e;width:100%;letter-spacing:0}.interview_title:after{content:'';display:block;width:25px;height:2px;margin:5px auto 0;background-color:#d8b17e}.active .interview_title{position:fixed;top:148px}canvas.star_black,canvas.star_gold,canvas.star_ligh{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(180deg)}canvas.star_black.star_black,canvas.star_gold.star_black,canvas.star_ligh.star_black{background-color:transparent}canvas.star_black.star_white,canvas.star_gold.star_white,canvas.star_ligh.star_white{background-color:#fff}.interview_content,.interview_cover{position:relative;z-index:10;width:100%;height:calc(100vh - 150px);background-size:cover}.interview_quote{z-index:30;position:absolute;bottom:100px;width:100vw;overflow:hidden}.interview_quote .box_inner{display:block;width:100%;height:auto;vertical-align:middle}.interview_quote .quote{display:table;vertical-align:top;margin:20vh auto 0;padding:5vh 5vw;border:1px solid #fff;text-align:left}.interview_quote .quote p{position:relative;margin:10px 8px 15px 20px;line-height:1.4;font-size:1.8em;display:inline-block;text-align:left}.interview_quote .quote p:after,.interview_quote .quote p:before{content:'';display:inline-block;width:12px;height:12px}.interview_quote .quote p:before{position:absolute;top:0;right:100%;margin-right:3px;background-image:url(/innovation/NCSOFT/img/sprite.png);background-repeat:no-repeat;background-position:0 0;background-size:100px}.interview_quote .quote p:after{position:relative;top:-12px;background-image:url(/innovation/NCSOFT/img/sprite.png);background-repeat:no-repeat;background-position:-12px 0;background-size:100px}.interview_quote .quote aside{padding-left:5vw}.interview_quote .quote .job{color:#d8b17e;margin-bottom:5px;line-height:1;font-size:1rem;letter-spacing:-1px}.interview_quote .quote .job:after{content:'';display:inline-block;position:relative;top:-2px;width:72px;height:1px;vertical-align:middle;background-color:#d8b17e;left:5px}.interview_quote .quote .jobDesc p{font-size:.8rem;letter-spacing:-1px}.interview_quote .quote .jobDesc p:before{content:none}.interview_quote .quote .jobDesc p:after{content:none}.interview_quote .quote .name{line-height:1;font-size:1.25rem;font-weight:400;margin-bottom:5px}.interview_content{position:relative;z-index:20;width:100vw;background-size:cover;height:calc(100vh - 50px);text-align:left}.interview_content .container{width:100%}.interview_content .article{display:inline-block;width:80vw;margin:0 auto;text-align:left;position:absolute;bottom:50px;left:0;right:0}.interview_content .article p label{font-size:1.2rem;margin-bottom:10px;color:#d8b17e}.interview_content .article p span{font-size:1.2rem}.interview_content .label{font-size:1.2rem}.interview_content .pointStart{font-size:1.4rem}.interview_content .point{font-size:1.2rem}.interview_content p{text-align:left;font-size:1rem}.type_a{background:#060a14;width:100vw;height:calc(100vh - 50px)}.type_a .interview_quote{top:0;bottom:0}.type_a .interview_cover{background:#060a14;background-size:cover}.type_b{color:#191919}.type_b .interview_quote .quote{border-color:#d8b17e}.type_c{background-color:#000}.type_c .interview_title{color:#fff}.type_d{color:#191919}.type_d .interview_quote{bottom:100px}.type_d .interview_quote .quote{border-color:transparent;background-color:rgba(255,255,255,.6)}.type_d .interview_quote .quote .job{color:#191919}.type_d .interview_quote .quote .jobDesc p{font-size:10px}.type_e{width:100vw;padding:50px 0 0}.type_e .interview_title{color:#fff}.type_e .interview_quote{position:relative;top:20px}.type_e .interview_quote .box_inner{margin:0 auto;width:80vw}.type_e .interview_quote .quote{margin:12vh auto 0;border-color:#fff;text-align:center}.type_e .interview_quote .quote aside{margin:10px 8px 15px 20px;padding:0;text-align:left}.type_e .interview_quote .quote p{margin:0}.type_e .interview_quote .quote .name{color:#d8b17e}.type_e .interview_quote .quote .job{color:#d8b17e}.type_e .interview_quote .quote .jobDesc p{text-align:left;letter-spacing:-1px;font-size:1rem;font-weight:300;line-height:1.7}.type_e .interview_video_content{position:relative;width:100vw;margin-top:60px}.type_e .interview_video_content video{width:100vw;position:absolute;display:block}.video_wrap{position:relative;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;height:calc(100vw * 9 / 16);display:block;width:100vw;margin:0 auto}.video_wrap .video_controls,.video_wrap video{width:100vw;height:calc(100vw * 9 /16);position:absolute;top:0;left:0}.video_controls{cursor:pointer;z-index:-1}.video_controls button{display:none}#foot .next_stage{width:100vw;height:calc(100vw * 815 / 640);display:block;background-position:center top;background-repeat:no-repeat;background-size:cover;position:relative}#foot .next_stage_box{cursor:pointer;width:150px;height:150px;display:block;position:absolute;border:3px solid #fff;left:calc(50% - 100px);top:50%;margin-top:-75px;left:50%;margin-left:-75px}#foot .next_stage_btn{position:absolute;bottom:0;right:0;background-size:156px;width:150px;height:203px;display:block}#foot .next_stage_text{position:absolute;width:calc(100% - 20px);margin:10px;bottom:0;text-align:center}#foot .next_stage_text h2{font-size:1.8rem;line-height:1.2;font-weight:400}#foot .next_stage_text p{font-size:16px;line-height:1.2;margin:0}#foot .next_stage_navi{width:150px;height:60px;position:absolute;margin:0 auto;top:calc(50% - 150px);left:calc(50% - 75px);z-index:30}#foot .next_stage_navi .next_text{font-size:1.2rem;text-align:left;display:block}#foot .next_stage_navi .next_text.prev{color:#fff;z-index:30}#foot .next_stage_navi .next_text.next{color:#d8b17e;z-index:30}#foot #drawNextStage{width:210px;height:210px;position:absolute;top:0;left:0;right:0;bottom:0}#foot .go_homepage{display:table;width:100%;height:calc(100vw * 332 / 640);text-align:center;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;position:relative}#foot .go_homepage>*{z-index:10}#foot .go_homepage:before{content:"";background-color:rgba(42,61,103,.87);position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}#foot .go_homepage .inner{display:table-cell;width:100%;height:100%;vertical-align:middle;z-index:99}#foot .go_homepage .inner img{width:125px;height:24px}#foot .go_homepage a{display:inline-block;margin-top:12px;border-bottom:1px solid #fff;letter-spacing:-1px;font-size:.9rem;color:#fff}.interview_wrap{height:100vh;width:100vw}.interview_wrap .swiper-container{background-size:cover}.interview_wrap .swiper-slide{position:relative;width:100vw;height:100vh;overflow:hidden}.interview_wrap .swiper-slide .container{position:relative;z-index:20;max-width:640px;margin:0 auto;vertical-align:middle;display:block;width:90vw;text-align:center;height:100%}.interview_wrap .swiper-slide .container:after,.interview_wrap .swiper-slide .container:before{content:" ";display:table}.interview_wrap .swiper-slide .container:after{clear:both}.interview_wrap .interview_content{color:#fff}.interview_wrap .progress{position:absolute;display:inline-block;width:100vw;height:40px;bottom:0;z-index:22}.interview_wrap .progress .interview-next,.interview_wrap .progress .interview-prev{width:40px;height:40px;display:block;position:absolute;background-color:#d8b17e}.interview_wrap .progress .interview-next{right:0;bottom:0}.interview_wrap .progress .interview-next:after{content:"";background-image:url(/innovation/NCSOFT/img/sprite.png);background-repeat:no-repeat;background-position:2px -65px;background-size:200px;width:20px;height:20px;display:block;position:absolute;top:calc(50% - 10px);left:calc(50% - 10px)}.interview_wrap .progress .interview-prev{left:0;bottom:0}.interview_wrap .progress .interview-prev:after{content:"";background-image:url(/innovation/NCSOFT/img/sprite.png);background-repeat:no-repeat;background-position:-15px -65px;background-size:200px;width:20px;height:20px;display:block;position:absolute;top:calc(50% - 10px);left:calc(50% - 10px)}.progress_num{width:calc(100vw - 80px);margin:5px auto;text-align:center}.progress_num span{font-family:Roboto;font-size:1.3rem;color:#fff;font-weight:400;font-style:normal;letter-spacing:normal;text-align:left;margin-right:10px;line-height:30px}.progress_num span.last:before{content:'';display:inline-block;vertical-align:middle;width:45px;margin-right:10px;height:1px;background-color:#fff;margin-bottom:5px}#pinContainer{position:relative;width:100vw;height:100%;text-align:center;overflow:hidden}#pinContainer h2{font-style:normal;font-weight:300;font-size:1.5rem}#pinContainer .panel p{position:relative;width:90vw;color:#fff;font-style:normal;font-weight:200;font-size:.9375rem;line-height:1.5;padding:30px 0}#pinContainer .inner{display:table;width:100%}#pinContainer .desc{width:100%;height:100%;color:#fff;display:table}#pinContainer .image{width:100vw;height:calc(50vh - 55px);display:block;background-position:50% 50%}#pinContainer .progress{left:0;top:calc(50% - 77px);background:rgba(0,0,0,.5);position:absolute;display:inline-block;width:100vw;height:40px;z-index:22}#pinContainer .progress .pin-next,#pinContainer .progress .pin-prev{width:40px;height:40px;display:block;position:absolute}#pinContainer .progress .pin-next{right:0;bottom:0}#pinContainer .progress .pin-next:after{content:"";background-image:url(/innovation/NCSOFT/img/sprite.png);background-repeat:no-repeat;background-position:2px -65px;background-size:200px;width:20px;height:20px;display:block;position:absolute;top:calc(50% - 10px);left:calc(50% - 10px)}#pinContainer .progress .pin-prev{left:0;bottom:0}#pinContainer .progress .pin-prev:after{content:"";background-image:url(/innovation/NCSOFT/img/sprite.png);background-repeat:no-repeat;background-position:-15px -65px;background-size:200px;width:20px;height:20px;display:block;position:absolute;top:calc(50% - 10px);left:calc(50% - 10px)}#pinContainer .progress .progress_pin{margin:10px 0}#pinContainer .progress .progress_pin span{background:#fff;margin:0 5px}#pinContainer .progress .progress_pin span.swiper-pagination-bullet-active{background:#d8b17e}.onhiddenstage{z-index:0;display:none;background-size:cover;display:block;width:100vw;height:100vh;position:fixed;overflow:hidden}.onhiddenstage:after{content:'';position:absolute;width:100%;top:0;height:100%;display:block;background-color:#000;z-index:-2}.onhiddenstage video{z-index:99;width:100vw;height:calc(100vw * 9 / 16);overflow:hidden;margin:0 auto;top:50vh;margin-top:50%}.onhiddenstage .close_video{box-sizing:border-box;z-index:32;position:absolute;top:15px;right:15px;width:25px;height:25px;display:block;background-color:rgba(9,17,34,.8);z-index:21;border:1px solid #fff}.onhiddenstage .close_video i{display:block;width:17px;height:17px;margin:3px;background-image:url(/innovation/NCSOFT/img/sprite.png);background-repeat:no-repeat;background-position:-39px 0;background-size:130px;transition:all .4s ease}.onhiddenstage .completebox{position:absolute;top:20vh;padding:10px 20px;width:60vw;left:calc(20vw - 20px);margin:0 auto;text-align:center;border:1px solid #d8b17e}.onhiddenstage .completebox .title_box{position:relative;z-index:20;transition:all .3s ease}.onhiddenstage .completebox .title_box .completeTitle{font-size:1.2rem}.onhiddenstage .completebox .title_box .completeTitle strong{font-weight:400}.brand-identity a{margin-left:10px}main{background-color:#060a14;z-index:-1}#section1{background-color:#000;width:100vw;height:auto}#section1 header{padding:50px 0 30px}#section1 header>h2{font-family:Quantico;font-size:1.5rem;color:#d8b17e;font-weight:300;font-style:normal;letter-spacing:normal;text-align:center}#section1 header>h3{font-family:NotoSansKR;font-size:1.8rem;color:#fff;font-weight:300;font-style:normal;letter-spacing:normal;text-align:center}#section1 .technologyImg img{width:100vw}#section1 h2.icontitle{font-weight:300;font-size:1.5rem;padding:30px 0 20px}#section1 .part_one{position:relative;z-index:20;max-width:640px;margin:0 auto;vertical-align:middle;display:block;height:100%;text-align:center;width:90vw}#section1 .part_one:after,#section1 .part_one:before{content:" ";display:table}#section1 .part_one:after{clear:both}#section1 .part_one div.contents{width:100%;height:auto;margin-top:30px}#section1 .part_one div.contents p{line-height:1.6;font-size:1rem;padding:30px 0}#section1 .part_one div.contents .technologyImg img{width:100vw}#section1 .subtitle header>h2{font-family:NotoSansKR;font-size:1.6rem;color:#d8b17e;font-weight:300;font-style:normal;letter-spacing:normal;text-align:center}#section1 .gameList{font-family:NotoSansKR;font-size:1rem;color:#fff;font-weight:300;font-style:normal;letter-spacing:normal;width:60vw;text-align:left;padding:20px 0 20px 20px;border:1px solid #d8b17e;margin:0 auto 50px}#section1 .gameList span{line-height:1.6;font-family:NotoSansKR;font-size:1rem;color:#fff;font-weight:300;font-style:normal;letter-spacing:normal;text-align:left}#section1 .gameList .pointWhite{visibility:hidden}#section1 .gameList.type_b{font-family:NotoSansKR;font-size:1rem;color:#191919;font-weight:300;font-style:normal;letter-spacing:normal;text-align:left}#section1 .gameList.type_b span{font-family:NotoSansKR;font-size:1rem;color:#d8b17e;font-weight:300;font-style:normal;letter-spacing:normal;text-align:left}#section1 .gameList.gameroom{padding:20px 0 20px 30px;width:50vw}#section1 .icon{width:50px;height:50px;display:inline-block;position:relative;top:18px;margin-right:10px}#section1 .icon1{background-image:url(/innovation/NCSOFT/img/sprite.png);background-repeat:no-repeat;background-position:-192px -97px;background-size:400px}#section1 .icon2{background-image:url(/innovation/NCSOFT/img/sprite.png);background-repeat:no-repeat;background-position:-134px -97px;background-size:400px}#section1 .icon3{background-image:url(/innovation/NCSOFT/img/sprite.png);background-repeat:no-repeat;background-position:-76px -97px;background-size:400px}#section1 .part_two{padding:0;transition:all .3s ease;position:relative;z-index:20;max-width:640px;margin:0 auto;vertical-align:middle;display:block;width:90vw;height:100%;text-align:center}#section1 .part_two:after,#section1 .part_two:before{content:" ";display:table}#section1 .part_two:after{clear:both}#section1 .part_two h2{font-size:1.4rem;position:relative;margin:0 auto;width:calc(90vw - 50px)}#section1 .part_two h2 span{display:inline-block}#section1 .part_two div.subtitle{height:auto;padding:0}#section1 .part_two div.subtitle header{padding:30px 0 10px}#section1 .part_two div.subtitle .historyImg{position:relative;z-index:-1;background-image:url(/innovation/NCSOFT/mobile/img/stage3_interviewBoxImg1.jpg);background-size:cover;width:50vw;height:calc(50vw * 230 / 356);display:block;margin:0 auto}#section1 .part_two div.subtitle .historyImg:after{opacity:.6;content:'';position:absolute;width:50vw;height:calc(50vw * 230 / 356);top:-5px;left:5px;border:1px solid #d8b17e}#section1 .part_two div.subtitle .historyBox{padding:30px;width:50vw;height:auto;position:relative;display:block}#section1 .part_two div.subtitle .historyBox:after{content:'';border:1px solid #d8b17e;position:absolute;width:100%;height:100%;top:0;left:0;opacity:.2}#section1 .part_two div.subtitle .historyBox span{line-height:1.8}#section1 .part_two div.contents{position:relative;z-index:20;max-width:640px;margin:0 auto;vertical-align:middle;display:block;width:90vw;height:100%;height:auto;text-align:center}#section1 .part_two div.contents:after,#section1 .part_two div.contents:before{content:" ";display:table}#section1 .part_two div.contents:after{clear:both}#section1 .part_two div.contents h2{font-size:1.5rem;line-height:1.6;margin:20px auto;text-align:center}#section1 .part_two div.contents p{font-size:16px;margin:0 auto;line-height:1.6;font-size:1rem}#section1 .part_two div.contents p span.pointGold{font-size:1.4rem}#section1 .part_three{background-color:#fff;color:#000;height:260px}#section1 .part_three .gameScreenShotSwiper{margin:30px 0 0;position:relative;overflow:visible}#section1 .part_three .gameScreenShotSwiper .arrow-next{right:0;top:calc(50% - 30px);width:40px;height:40px;display:block;position:absolute;z-index:20}#section1 .part_three .gameScreenShotSwiper .arrow-next:after{content:"";background-image:url(/innovation/NCSOFT/img/sprite.png);background-repeat:no-repeat;background-position:-115px -99px;background-size:200px;width:20px;height:40px;display:block;position:absolute;top:0;left:calc(50% - 10px)}#section1 .part_three .gameScreenShotSwiper .swiper-slide{background-size:cover;width:85vw;height:calc(85vw * 286 / 455);display:block}#section1 .part_three .gameScreenShotSwiper .swiper-slide:after{position:absolute;width:100%;height:100%;opacity:.8;background:#000;content:''}#section1 .part_three .gameScreenShotSwiper .swiper-slide-active:after{content:'';opacity:0;background:#000}#section1 .part_three .gameScreenShotSwiper .gameScreenShot1{background-image:url(/project/NCsoft/mobile/img/stage3_section1_sl1.png)}#section1 .part_three .gameScreenShotSwiper .gameScreenShot2{background-image:url(/project/NCsoft/mobile/img/stage3_section1_sl2.png)}#section1 .part_three .gameScreenShotSwiper .gameScreenShot3{background-image:url(/project/NCsoft/mobile/img/stage3_section1_sl3.png)}#section1 .part_three .gameScreenShotSwiper .gameScreenShot4{background-image:url(/project/NCsoft/mobile/img/stage3_section1_sl4.png)}#section1 .part_three .gameScreenShotSwiper .gameScreenShot5{background-image:url(/project/NCsoft/mobile/img/stage3_section1_sl5.png)}#section1 .part_three .gameScreenShotSwiper .gameScreenShot6{background-image:url(/project/NCsoft/mobile/img/stage3_section1_sl6.png)}#section1 .part_three .gameScreenShotSwiper .progress_num span{color:#d8b17e}#section1 .part_three .gameScreenShotSwiper .progress_num span.last:before{background-color:#d8b17e}#section1 .part_four{background-color:#fff;color:#000;font-weight:300;padding:50px 0 30px}#section1 .part_four:after,#section1 .part_four:before{content:" ";display:table}#section1 .part_four:after{clear:both}#section1 .part_four div.subtitle .gameImgBox{width:75vw;height:calc(75vw * 535 / 450);margin:0 auto 30px;background-image:url(/innovation/NCSOFT/mobile/img/stage3_gameList.jpg);background-size:75vw;background-repeat:no-repeat}#section1 .part_four div.contents{width:100%;height:auto}#section1 .part_four div.contents p{width:100%;margin:0 auto 30px;line-height:1.6;text-align:left;font-size:16px;text-align:center}#section1 .part_four div.contents p span.pointGold{font-size:1.2rem}#section2{width:100vw;height:300px;background-size:cover;background-position:50% 50%}#section2 .inner{width:90vw;margin:0 auto}#section2 .inner p{text-align:center}#section2 header>h2{font-size:1.5rem;text-align:center;margin:50px 0 25px}#section2 header>h3{font-size:28px;text-align:center}#section3 .article label{color:#d8b17e}#section3 .interview_cover{background-image:url(/innovation/NCSOFT/mobile/img/stage3_interview_a_r_cover.png)}#section3 .swiper-container{background-image:url(/innovation/NCSOFT/mobile/img/stage3_interview_a_r_image.png)}#section4{width:100vw;height:calc(100vw * 1300 / 640);background-size:cover;background-position:50% 50%}#section4 .inner{width:90vw;height:auto;margin:0 auto}#section4 .inner p{text-align:center}#section4 header{margin:75px 0 30px}#section4 header>h2{font-size:1.5rem;text-align:center}#section4 header>h3{font-size:1.2rem;text-align:center}#section4 p{font-size:1rem;line-height:1.6}#section5{background-color:#060a14}#section5 .article label{color:#d8b17e}#section5 .name,#section5 .quote p{color:#fff}#section5 .interview_cover{background-image:url(/innovation/NCSOFT/mobile/img/stage3_interview_b_r_cover.png)}#section5 .swiper-container{background-image:url(/innovation/NCSOFT/mobile/img/stage3_interview_b_r_image.png)}#section5 span.ref{font-size:.8rem}#section5 .job:after{content:'';display:none}#section6 .article label{color:#d8b17e}#section6 .interview_quote .quote{background-color:rgba(133,87,26,.5);border:none;font-weight:300}#section6 .job,#section6 .name,#section6 .quote p{color:#fff}#section6 .job:after{content:'';display:none}#section6 .interview_cover{background-image:url(/innovation/NCSOFT/mobile/img/stage3_interview_c_l_cover.png)}#section6 .swiper-container{background-image:url(/innovation/NCSOFT/mobile/img/stage3_interview_c_l_image.png)}#section7 .part_one{padding:50px 0;background-color:#fff}#section7 .part_one header{text-align:center;padding-top:40px;font-size:1.8rem;color:#191919}#section7 .part_one header header{padding:30px 0}#section7 .part_one header .inner{width:90vw;color:#191919;margin:0 auto}#section7 .part_one .gameData{text-align:center;font-size:1rem;color:#191919;font-weight:300;padding:20px 0 0}#section7 .part_one .gameData span.pointGold{font-size:1.4rem}#section7 .part_one .gameData .gamebotIcon1{background:url(/project/NCSOFT/img/sprite.png) no-repeat -2px -97px;background-size:200px;width:48px;height:48px;display:block;margin:0 auto}#section7 .part_one .gameData .gamebotIcon2{background:url(/project/NCSOFT/img/sprite.png) no-repeat -60px -97px;background-size:200px;width:48px;height:48px;display:block;margin:0 auto}#section8 .part_two{background-color:#060a14;padding:50px 0}#section8 .part_two header{text-align:center;padding:40px 0 20px;font-size:1.8rem;color:#fff}#section8 .part_two header span{color:#d8b17e}#section8 .part_two .inner{width:90vw;position:relative;margin:0 auto}#section8 .part_two .inner .gameElement{width:90vw;margin:0 auto}#section8 .part_two .inner .gameElement .gameImg{margin:0 auto;height:130px;overflow:hidden;position:relative;text-align:center}#section8 .part_two .inner .gameElement .gameDesc{margin:20px auto 30px;font-size:1rem}#section8 .part_two .inner .gameElement .gameDesc span{color:#d8b17e}#section8 .part_two .inner .part_two_bar{height:74%;width:10px;position:absolute;top:191px;left:336px}#section8 .part_two .inner .gameElement .gameImg .gameImg_txt1,#section8 .part_two .inner .gameElement .gameImg .gameImg_txt2,#section8 .part_two .inner .gameElement .gameImg .gameImg_txt3,#section8 .part_two .inner .gameElement .gameImg .gameImg_txt4{position:relative;top:calc(50% - 11px);margin:0 auto;font-size:1.5rem}#section8 .part_two .inner .gameElement .gameImg .gameImg_img1,#section8 .part_two .inner .gameElement .gameImg .gameImg_img2,#section8 .part_two .inner .gameElement .gameImg .gameImg_img3,#section8 .part_two .inner .gameElement .gameImg .gameImg_img4{transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;background-position:50% 50%;background-size:cover;-webkit-filter:grayscale(50%);filter:grayscale(50%);-webkit-transform:scale(.9);transform:scale(.9);overflow:hidden;position:relative}#section8 .part_two .inner .gameElement .gameImg .gameImg_img1:hover,#section8 .part_two .inner .gameElement .gameImg .gameImg_img2:hover,#section8 .part_two .inner .gameElement .gameImg .gameImg_img3:hover,#section8 .part_two .inner .gameElement .gameImg .gameImg_img4:hover{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:grayscale(0);filter:grayscale(0)}#section8 .part_two .inner .gameElement .gameImg .gameImg_img1{width:90vw;height:calc(90vw * 225 / 520);background-image:url(/project/NCsoft/mobile/img/stage3_game_img1.jpg)}#section8 .part_two .inner .gameElement .gameImg .gameImg_img2{width:90vw;height:calc(90vw * 225 / 520);background-image:url(/project/NCsoft/mobile/img/stage3_game_img2.jpg)}#section8 .part_two .inner .gameElement .gameImg .gameImg_img3{width:90vw;height:calc(90vw * 225 / 520);background-image:url(/project/NCsoft/mobile/img/stage3_game_img3.jpg)}#section8 .part_two .inner .gameElement .gameImg .gameImg_img4{width:90vw;height:calc(90vw * 225 / 520);background-image:url(/project/NCsoft/mobile/img/stage3_game_img4.jpg)}#section9 #pinContainer .image{width:100vw;height:calc(100vw * 442 / 640);background-size:100vw}#section9 #pinContainer .progress{top:calc((100vw * 442 / 640) - 40px)}#section9 #pinContainer .desc{height:auto;min-height:55vh}#section9 #pinContainer .desc p{padding:20px 0}#section9 #pinContainer .pin1 .image{background-image:url(/innovation/NCSOFT/mobile/img/stage3_pin1.jpg)}#section9 #pinContainer .pin1 .desc{background-color:#1d3363}#section9 #pinContainer .pin1 .desc p{padding:10px 0 30px}#section9 #pinContainer .pin1 .desc header>h2{font-size:1.5rem;letter-spacing:-2px;margin-top:5vh;line-height:1.6}#section9 #pinContainer .pin2 .image{background-image:url(/innovation/NCSOFT/mobile/img/stage3_pin2.jpg)}#section9 #pinContainer .pin2 .desc{background-color:#1d3363}#section9 #pinContainer .pin2 .desc p{line-height:1.6}#section9 #pinContainer .pin3 .image{background-image:url(/innovation/NCSOFT/mobile/img/stage3_pin3.jpg)}#section9 #pinContainer .pin3 .desc{background-color:#0f1a32}#section9 #pinContainer .pin3 .desc p{line-height:1.6}#section9 #pinContainer .pin4 .image{background-image:url(/innovation/NCSOFT/mobile/img/stage3_pin4.jpg)}#section9 #pinContainer .pin4 .desc{background-color:#060a14}#section9 #pinContainer .pin4 .desc p{line-height:1.6}#section10 .article label{color:#d8b17e}#section10 .interview_cover{background-image:url(/innovation/NCSOFT/mobile/img/stage3_interview_d_r_cover.png)}#section10 .swiper-container{background-image:url(/innovation/NCSOFT/mobile/img/stage3_interview_d_r_image.png)}#section11{width:100vw;height:calc(100vw * 708 / 640);position:relative;background-position:50% 0;background-size:100vw}#section11 .shadowBox{text-align:center;width:100%;background:rgba(0,0,0,.7);position:absolute;top:0;left:0}#section11 .shadowBox p{width:90vw;margin:0 auto 0;font-size:1rem;line-height:1.6;display:inline-block;padding:30px 0 10px}#section11 .shadowBox h2{margin-bottom:30px}#foot .next_stage{height:300px;padding:50px 0;background-image:url(/innovation/NCSOFT/img/stage3_next_stage_bg.jpg)}#foot .next_stage_btn{background-image:url(/innovation/NCSOFT/img/stage3_next_stage_btn.png);background-size:180px}