@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}.interview_quote .box_inner{display:block;width:100%;height:100%;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:calc(100vh - 76px + 8vh);width:100vw}.interview_wrap .swiper-container{background-size:cover}.interview_wrap .swiper-slide{position:relative;width:100vw;height:calc(100vh - 76px + 8vh)}.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{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 div.subtitle{position:relative;z-index:20;max-width:640px;margin:0 auto;vertical-align:middle;display:block;width:90vw;height:100%;text-align:center;padding:0 0 30px;line-height:1;padding:0;margin-bottom:25px}#section1 div.subtitle:after,#section1 div.subtitle:before{content:" ";display:table}#section1 div.subtitle:after{clear:both}#section1 div.subtitle:before{content:'';width:30%;height:1px;background-color:#d8b17e;display:block;margin:0 auto}#section1 div.subtitle h2{font-size:1.5rem;font-weight:200;letter-spacing:-1px;margin-top:12px}#section1 div.subtitle h3{font-size:.9375rem;font-weight:200;margin-top:9px}#section1 .inner{position:relative;z-index:20;max-width:640px;margin:0 auto;vertical-align:middle;display:block;width:90vw;height:100%;text-align:center;padding:0 0 30px}#section1 .inner:after,#section1 .inner:before{content:" ";display:table}#section1 .inner:after{clear:both}#section1 div.contents{width:100%;height:auto;margin-top:30px}#section1 div.contents p{position:relative;z-index:20;max-width:640px;vertical-align:middle;display:block;width:90vw;height:100%;text-align:center;padding:0 0 30px;line-height:1.6;margin:0 auto;padding:25px 0 40px}#section1 div.contents p:after,#section1 div.contents p:before{content:" ";display:table}#section1 div.contents p:after{clear:both}#section2 .part_one{background-color:#060a14;padding:0 0 70px}#section2 .part_one div.subtitle{position:relative;z-index:20;max-width:640px;margin:0 auto;vertical-align:middle;display:block;width:90vw;height:100%;text-align:center;display:flex;flex-wrap:nowrap;justify-content:center}#section2 .part_one div.subtitle:after,#section2 .part_one div.subtitle:before{content:" ";display:table}#section2 .part_one div.subtitle:after{clear:both}#section2 .part_one div.subtitle:after,#section2 .part_one div.subtitle:before{content:" ";display:table}#section2 .part_one div.subtitle:after{clear:both}#section2 .part_one div.subtitle .imgBox{position:relative;width:40vw;height:30vw;float:left;text-align:center}#section2 .part_one div.subtitle .interviewBox1{max-width:220px;max-height:220px;position:absolute;top:5px;left:15px;z-index:-1;background-image:url(/innovation/NCSOFT/img/stage2_interviewBoxImg1.jpg);background-size:cover;width:30vw;height:30vw;display:block}#section2 .part_one div.subtitle .interviewBox1:after{opacity:.6;content:'';position:absolute;width:30vw;height:30vw;top:-5px;left:5px;border:1px solid #d8b17e}#section2 .part_one div.subtitle .interviewBox2{max-width:220px;max-height:220px;position:absolute;top:5px;left:15px;z-index:-1;background-image:url(/innovation/NCSOFT/img/stage2_interviewBoxImg2.jpg);background-size:cover;width:30vw;height:30vw;display:block}#section2 .part_one div.subtitle .interviewBox2:after{opacity:.6;content:'';position:absolute;width:30vw;height:30vw;top:-5px;left:5px;border:1px solid #d8b17e}#section2 .part_one div.contents{width:100%;height:auto;text-align:center}#section2 .part_one div.contents h2{font-size:1.5rem;line-height:1;margin:40px 0 20px}#section2 .part_one div.contents p{position:relative;z-index:20;max-width:640px;margin:0 auto;vertical-align:middle;display:block;width:90vw;height:100%;text-align:center;line-height:1.8}#section2 .part_one div.contents p:after,#section2 .part_one div.contents p:before{content:" ";display:table}#section2 .part_one div.contents p:after{clear:both}#section2 .part_two{padding:70px 0;background-color:#fff;color:#000}#section2 .part_two header>h2{font-family:Quantico;font-size:2rem;color:#000;font-weight:400;font-style:normal;letter-spacing:normal;text-align:center;text-transform:uppercase;line-height:1}#section2 .part_two header>h3{font-family:Quantico;font-size:.9rem;color:#000;font-weight:400;font-style:normal;letter-spacing:normal;text-align:center;text-transform:uppercase;line-height:1}#section2 .part_two .NCsoftPeople_status{padding:0;width:90vw;margin:30px auto 0}#section2 .part_two .NCsoftPeople_status:after,#section2 .part_two .NCsoftPeople_status:before{content:" ";display:table}#section2 .part_two .NCsoftPeople_status:after{clear:both}#section2 .part_two .NCsoftPeople_status div.item{box-sizing:border-box;width:calc(50% - 1px);height:110px;padding:15px 5px;border:1px solid #d8b17e;float:left;text-align:center;color:#000;line-height:1;position:relative;display:block}#section2 .part_two .NCsoftPeople_status div.item p{font-family:'Roboto Condensed';font-size:2.625rem;color:#000;font-weight:400;font-style:normal;letter-spacing:normal;text-align:center;letter-spacing:-1px;display:block;line-height:1.2;margin:0}#section2 .part_two .NCsoftPeople_status div.item p.club{font-size:.8125rem;line-height:1.6}#section2 .part_two .NCsoftPeople_status div.item span.unit{font-size:1.25rem}#section2 .part_two .NCsoftPeople_status div.item span.hoverDesc{font-size:.8125rem;text-align:center;color:#000;line-height:1;font-weight:400;min-height:1em;display:block}#section2 .part_two .NCsoftPeople_status div.item label{font-size:.875rem;color:#d8b17e;font-weight:400}#section2 .part_two .NCsoftPeople_status div.item:nth-child(1){border-color:#d8b17e;border-width:1px 0 1px 1px!important}#section2 .part_two .NCsoftPeople_status div.item:nth-child(2){border-color:#d8b17e;border-width:1px 1px 1px 1px!important}#section2 .part_two .NCsoftPeople_status div.item:nth-child(2n){width:calc(50% - 2px);border-color:#d8b17e;border-width:0 1px 1px 1px}#section2 .part_two .NCsoftPeople_status div.item:nth-child(2n+1){border-color:#d8b17e;border-width:0 0 1px 1px}#section2 .part_two .NCsoftPeople_status div.item:nth-child(6){width:calc(50% - 1px);border-left:0}#section2 .part_two .p-info{margin-top:15px;font-size:.8125rem;text-align:center;font-weight:400}#section2 .part_two .clubSwiper{margin:25px 0 0;position:relative;overflow:visible}#section2 .part_two .clubSwiper .arrow-next{right:0;top:calc(50% - 30px);width:40px;height:40px;display:block;position:absolute;z-index:20}#section2 .part_two .clubSwiper .arrow-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)}#section2 .part_two .clubSwiper .swiper-slide{background-size:cover;width:85vw;height:calc(286 * 75vw / 455);display:block}#section2 .part_two .clubSwiper .swiper-slide:after{position:absolute;width:100%;height:100%;opacity:.8;background:#000;content:''}#section2 .part_two .clubSwiper .swiper-slide-active:after{content:'';opacity:0;background:#000}#section2 .part_two .clubSwiper .club1{background-image:url(/innovation/NCSOFT/img/stage2_club1.jpg)}#section2 .part_two .clubSwiper .club2{background-image:url(/innovation/NCSOFT/img/stage2_club2.jpg)}#section2 .part_two .clubSwiper .club3{background-image:url(/innovation/NCSOFT/img/stage2_club3.jpg)}#section2 .part_two .clubSwiper .club4{background-image:url(/innovation/NCSOFT/img/stage2_club4.jpg)}#section2 .part_two .clubSwiper .club5{background-image:url(/innovation/NCSOFT/img/stage2_club5.jpg)}#section2 .part_two .clubSwiper .club6{background-image:url(/innovation/NCSOFT/img/stage2_club6.jpg)}#section2 .part_two .clubSwiper .progress_num{position:absolute;bottom:-35px;width:100%;text-align:center}#section2 .part_two .clubSwiper .progress_num span{color:#d8b17e}#section2 .part_two .clubSwiper .progress_num span.last:before{background-color:#d8b17e}#section3 .article label{color:#d8b17e}#section3 .interview_cover{background-image:url(/innovation/NCSOFT/mobile/img/stage2_interview_a_l_cover.png)}#section3 .swiper-container{background-image:url(/innovation/NCSOFT/mobile/img/stage2_interview_a_l_image.png)}#section4{background-color:#000;height:100%}#section4 .interview_quote .quote{margin:0 auto}#section4 .jobDesc p{font-size:1rem;line-height:1.5;font-weight:200}#section5 .article label{color:#d8b17e}#section5 .interview_cover{background-image:url(/innovation/NCSOFT/mobile/img/stage2_interview_b_r_cover.png)}#section5 .swiper-container{background-image:url(/innovation/NCSOFT/mobile/img/stage2_interview_b_r_image.png)}#section6{background-color:#060a14;height:100%}#section6 .interview_quote .quote{margin:0 auto}#section7 .article label{color:#d8b17e}#section7 .interview_cover{background-image:url(/innovation/NCSOFT/mobile/img/stage2_interview_c_l_cover.png)}#section7 .swiper-container{background-image:url(/innovation/NCSOFT/mobile/img/stage2_interview_c_l_image.png)}#section8 #pinContainer .image{width:100vw;height:calc(100vw * 500 / 640)}#section8 #pinContainer .progress{top:calc((100vw * 500 / 640) - 40px)}#section8 #pinContainer .desc{height:auto;min-height:60vh}#section8 #pinContainer .desc p{padding:30px 0}#section8 #pinContainer .pin1 .image{background-position:0 0;background-size:100vw;background-image:url(/innovation/NCSOFT/mobile/img/stage2_pin1.jpg)}#section8 #pinContainer .pin1 .desc{background-color:#1d3363}#section8 #pinContainer .pin1 .desc header>h2{font-size:1.25rem;letter-spacing:-2px;padding:30px 0 0}#section8 #pinContainer .pin2 .image{background-position:0 50%;background-size:100vw;background-image:url(/innovation/NCSOFT/mobile/img/stage2_pin2.jpg)}#section8 #pinContainer .pin2 .desc{background-color:#0f1a32}#section8 #pinContainer .pin3 .image{background-position:0 0;background-size:100vw;background-image:url(/innovation/NCSOFT/mobile/img/stage2_pin3.jpg)}#section8 #pinContainer .pin3 .desc{background-color:#060a14}#section8-1{background-color:#000;position:relative;display:block;padding-top:100px}#section8-1 .skull{z-index:10;background-image:url(/innovation/NCSOFT/img/stage2_skull.png);display:block;position:absolute;background-size:cover;width:158px;height:300px}#section8-1 header{text-align:center}#section8-1 header h2{font-size:1.8rem;line-height:1.333}#section8-1 header h3{font-size:.6rem;font-weight:200}#section8-1 header .goldLine{width:60px;height:1px;background-color:#d8b17e;display:block;margin:0 auto 7px}#section8-1 .status_one header{text-align:center}#section8-1 .status_one header h2{font-size:.8rem}#section8-1 .status_one header .goldLine{width:30vw;height:1px;background-color:#d8b17e;display:block;margin:0 auto}#section8-1 .status_one .contents{position:relative;margin:0 auto}#section8-1 .status_one .contents:after,#section8-1 .status_one .contents:before{content:" ";display:table}#section8-1 .status_one .contents:after{clear:both}#section8-1 .status_one .contents .charBox{position:relative;height:450px}#section8-1 .status_one .contents .charBox .gp_class_box06{width:60vw;height:calc(60vw * 400 / 320);background-repeat:no-repeat;text-align:center;margin:30px auto 20px;left:calc(50% - 34vw);padding:0;background-size:60vw;position:absolute}#section8-1 .status_one .contents .charBox h3{font-size:.8rem;font-weight:200;text-align:center;position:absolute;top:calc(60vw * 384 / 320);width:100%}#section8-1 .status_one .contents .charBox #animation_container6,#section8-1 .status_one .contents .charBox #canvas6,#section8-1 .status_one .contents .charBox #dom_overlay_container6{width:60vw!important;height:60vw!important;margin:0 auto!important}#section8-1 .status_one .contents .charBox span{text-align:center;display:block}#section8-1 .status_one .contents .charBox .characterMale{right:80px;top:300px;position:absolute;background-image:url(/innovation/NCSOFT/img/stage2_charMale.png);display:block;background-size:cover;width:86px;height:125px}#section8-1 .status_one .contents .charBox .characterFemale{right:0;top:170px;position:absolute;background-image:url(/innovation/NCSOFT/img/stage2_charFemale.png);display:block;background-size:cover;width:107px;height:277px}#section8-1 .status_two header{text-align:center}#section8-1 .status_two header h2{font-size:1.5em}#section8-1 .status_two .contents{position:relative}#section8-1 .status_two .contents:after,#section8-1 .status_two .contents:before{content:" ";display:table}#section8-1 .status_two .contents:after{clear:both}#section8-1 .status_two .contents h3{font-size:.8rem;font-weight:200}#section8-1 .status_two .contents .statusBox{position:relative;padding:100px 0;text-align:center}#section8-1 .status_two .contents .statusBox .boxImg{width:60vw;height:calc(60vw * 257 / 360);display:block;background-image:url(/innovation/NCSOFT/mobile/img/stage2_boxImg.png);margin:0 auto;background-size:60vw}#section8-1 .status_two .contents .bar_graph_box header h2{font-size:1.4em}#section8-1 .status_two .contents .statusChart.article_graph{padding-top:30px;padding-bottom:40px;color:#fff}#section8-1 .status_two .contents .statusChart.article_graph .title{letter-spacing:-.05em;font-size:20px;font-weight:300;color:#fff}#section8-1 .status_two .contents .statusChart.article_graph .abbr{margin-top:10px;letter-spacing:-1px;font-size:10px}#section8-1 .status_two .contents .statusChart.article_graph .bars2{margin-top:25px;margin-left:auto;margin-right:auto;padding-right:40px;padding-left:65px}#section8-1 .status_two .contents .statusChart.article_graph .bars2 .bar{position:relative;height:23px;margin-bottom:20px;color:#fff;background-color:#fff}#section8-1 .status_two .contents .statusChart.article_graph .bars2 .bar.outside.lowest .name{color:#d8b17e}#section8-1 .status_two .contents .statusChart.article_graph .bars2 .bar.outside{background-color:#1f2b47}#section8-1 .status_two .contents .statusChart.article_graph .bars2 .bar.outside .name{color:#fff}#section8-1 .status_two .contents .statusChart.article_graph .bars2 .bar.outside .data{position:absolute;top:0;left:100%;height:23px;line-height:23px;letter-spacing:-1px;font-size:15px;font-weight:400;color:#fff;text-align:left;width:120px;margin-left:10px}#section8-1 .status_two .contents .statusChart.article_graph .bars2 .bar.highlight{background-color:#1f2b47}#section8-1 .status_two .contents .statusChart.article_graph .bars2 .bar.highlight .name{color:#d8b17e;font-size:20px}#section8-1 .status_two .contents .statusChart.article_graph .bars2 .bar.highlight .data{position:absolute;top:0;right:0;height:23px;line-height:23px;letter-spacing:-1px;font-size:16px;font-weight:400;color:#fff;text-align:right}#section8-1 .status_two .contents .statusChart.article_graph .bars2 .name{position:absolute;top:0;right:100%;height:23px;margin-right:10px;white-space:nowrap;line-height:23px;letter-spacing:-1px;font-size:16px;font-weight:500}#section8-1 .status_two .contents .statusChart.article_graph .bars2 .data{position:absolute;top:0;right:0;height:23px;line-height:23px;letter-spacing:-1px;font-size:16px;font-weight:400;color:#191919;font-weight:700;width:100%;text-align:right;margin-right:10px}#section8-1 .status_two .contents .statusChart.article_graph cite{font-style:normal;font-size:14px;font-weight:300;letter-spacing:-1px}#section9 .interview_cover{background-image:url(/innovation/NCSOFT/mobile/img/stage2_interview_d_l_cover.png)}#section9 .swiper-container{background-image:url(/innovation/NCSOFT/mobile/img/stage2_interview_d_l_image.png)}#section9 .job:after{content:'';display:none}#section10{width:100vw;position:relative;background-color:#0f1a32;font-weight:200;height:calc(100vw * 1448 / 640)}#section10 .inner{padding-top:70px}#section10 p{font-weight:200}#section10 header>h2{font-size:1.375rem;text-align:center;line-height:1.4}#section10 header>h3{font-size:1.125rem;text-align:center;margin-top:16px;font-weight:300}#section10 .bluetocolor{position:absolute;overflow:hidden;top:0;bottom:0;left:0;right:0;width:100%;height:calc(100vw * 1448 / 640)}#section10 .bluetocolor img{width:100vw;display:block}#section10 .resize{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;background-image:url(/innovation/NCSOFT/mobile/img/stage2_section10_bg_color.png);background-size:100%}#section11 .quote{padding:10px}#section11 .quote p{margin:10px 8px 15px 20px;line-height:1.2}#section11 .interview_cover{background-image:url(/innovation/NCSOFT/mobile/img/stage2_interview_e_r_cover.png)}#section11 .swiper-container{background-image:url(/innovation/NCSOFT/mobile/img/stage2_interview_e_r_image.png)}#section12{background-color:#fff}#section12 .inner{position:relative;z-index:20;max-width:640px;vertical-align:middle;display:block;width:90vw;height:100%;text-align:center;margin:0 auto}#section12 .inner:after,#section12 .inner:before{content:" ";display:table}#section12 .inner:after{clear:both}#section12 .inner:after,#section12 .inner:before{content:" ";display:table}#section12 .inner:after{clear:both}#section12 .inner .pointBlue.point{font-size:28px}#section12 .inner header>h2{font-family:NotoSansKR;font-size:1.5625rem;color:#1f2b47;font-weight:400;font-style:normal;letter-spacing:normal;text-align:center;letter-spacing:-1px;margin:70px 0 35px}#section12 .inner header>h3{font-family:NotoSansKR;font-size:.9375rem;color:#191919;font-weight:300;font-style:normal;letter-spacing:normal;text-align:center;margin:0 auto 30px}#section12 .inner .desc{position:relative;z-index:20;max-width:640px;margin:0 auto;vertical-align:middle;display:block;width:90vw;height:100%;font-family:NotoSansKR;font-size:.9375rem;color:#191919;font-weight:300;font-style:normal;letter-spacing:normal;text-align:center;margin-bottom:70px}#section12 .inner .desc:after,#section12 .inner .desc:before{content:" ";display:table}#section12 .inner .desc:after{clear:both}#section12 .inner .article_graph{padding-top:30px;padding-bottom:40px;color:#1f2b47}#section12 .inner .article_graph .title{letter-spacing:-.05em;font-size:20px;font-weight:300;color:#1f2b47}#section12 .inner .article_graph .abbr{margin-top:10px;letter-spacing:-1px;font-size:10px}#section12 .inner .article_graph .bars{margin-top:25px;margin-left:auto;margin-right:auto;padding-right:40px;padding-left:65px}#section12 .inner .article_graph .bars .bar{position:relative;height:23px;margin-bottom:20px;color:#d8b17e;background-color:#d8b17e;padding:0 10px}#section12 .inner .article_graph .bars .bar.highlight{background-color:#1f2b47}#section12 .inner .article_graph .bars .bar.highlight .name{color:#1f2b47;font-size:20px}#section12 .inner .article_graph .bars .bar.highlight .data{position:absolute;top:0;left:0;right:0;height:23px;line-height:23px;letter-spacing:-1px;font-size:16px;font-weight:400;color:#fff;text-align:right;margin-right:10px}#section12 .inner .article_graph .bars .name{position:absolute;top:0;right:100%;height:23px;margin-right:10px;white-space:nowrap;line-height:23px;letter-spacing:-1px;font-size:16px;font-weight:500}#section12 .inner .article_graph .bars .data{position:absolute;top:0;left:100%;margin-left:10px;height:23px;white-space:nowrap;line-height:23px;letter-spacing:-1px;font-size:16px;font-weight:400;color:#191919}#section12 .inner .article_graph cite{font-style:normal;font-size:14px;font-weight:300;letter-spacing:-1px}#foot .next_stage{background-image:url(/innovation/NCSOFT/mobile/img/stage2_next_stage_bg.jpg)}#foot .next_stage_btn{background-image:url(/innovation/NCSOFT/img/stage2_next_stage_btn.png);background-size:150px}