@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:#060a14;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:10px}#section1 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;padding:0 0 30px;line-height:1.2}#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}#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;padding:30px 0}#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:50vw;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/stage1_boxImg1.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/stage1_boxImg2.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.8rem;line-height:1.4;padding:75px 0 10px}#section2 .part_one div.contents p{font-size:1rem}#section2 .section1_bottom{width:100%;background-color:#fff;width:100vw;background-position:100% 50%}#section2 .jsySwiper{padding:30px 0 0;position:relative;overflow:visible}#section2 .jsySwiper .arrow-next{bottom:30px;right:0;top:50%;width:40px;height:40px;display:block;position:absolute;z-index:20}#section2 .jsySwiper .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 .jsySwiper .swiper-slide{position:relative;background-size:cover;width:85vw;height:calc(80vw * 261 / 419);display:block}#section2 .jsySwiper .swiper-slide:after{position:absolute;width:100%;height:100%;opacity:.8;background:#000;content:''}#section2 .jsySwiper .swiper-slide-active:after{content:'';opacity:0;background:#000}#section2 .jsySwiper .jsy1{background-image:url(/innovation/NCSOFT/img/stage1_jsy1.png)}#section2 .jsySwiper .jsy2{background-image:url(/innovation/NCSOFT/img/stage1_jsy2.png)}#section2 .jsySwiper .jsy3{background-image:url(/innovation/NCSOFT/img/stage1_jsy3.png)}#section2 .jsySwiper .jsy4{background-image:url(/innovation/NCSOFT/img/stage1_jsy4.png)}#section2 .jsySwiper .jsy5{background-image:url(/innovation/NCSOFT/img/stage1_jsy5.png)}#section2 .jsySwiper .jsy6{background-image:url(/innovation/NCSOFT/img/stage1_jsy6.png)}#section2 .jsySwiper .progress_num{position:absolute;bottom:-35px;width:100%;text-align:center}#section2 .jsySwiper .progress_num span{color:#d8b17e}#section2 .jsySwiper .progress_num span.last:before{background-color:#d8b17e}#section2 .part_two{background-color:#fff;color:#000;padding:30px 0 30px}#section2 .part_two #dom_overlay_container,#section2 .part_two #dom_overlay_container1{width:90vw!important;margin:0 auto!important}#section2 .part_two .gp_class_box01,#section2 .part_two .gp_class_box02{width:100%;margin:0 auto}#section2 .part_two .gp_class_box01>img,#section2 .part_two .gp_class_box02>img{width:90vw;margin:0 auto;padding-bottom:30px}#section2 .part_two header>h2{font-family:NotoSansKR;font-size:1.8rem;color:#000;font-weight:400;font-style:normal;letter-spacing:normal;text-align:center;text-transform:uppercase;margin:50px 0 30px}#section2 .part_two .contentsBusiness{position:relative;z-index:20;max-width:640px;margin:0 auto;vertical-align:middle;display:block;width:90vw;height:100%;text-align:center;width:100vw;margin-bottom:30px}#section2 .part_two .contentsBusiness:after,#section2 .part_two .contentsBusiness:before{content:" ";display:table}#section2 .part_two .contentsBusiness:after{clear:both}#section2 .part_two .contentsBusiness:after,#section2 .part_two .contentsBusiness:before{content:" ";display:table}#section2 .part_two .contentsBusiness:after{clear:both}#section2 .part_two .contentsBusiness h3{font-family:NotoSansKR;font-size:1.2rem;color:#000;font-weight:400;font-style:normal;letter-spacing:normal;text-align:center;text-transform:uppercase;letter-spacing:-1px;margin:0}#section2 .part_two .contentsBusiness h3 span.impactNum{color:#d8b17e;font-size:1.8rem;font-weight:600}#section2 .part_two .contentsBusiness em.ref{font-size:.8rem;font-style:normal}#section2 .part_two .contentsBusiness .export{margin-bottom:50px}#section2 .part_two .contentsBusiness .export .export_icon{background-image:url(/innovation/NCSOFT/img/sprite.png);background-repeat:no-repeat;background-position:0 -217px;background-size:300px;width:65px;height:50px;display:block;margin:0 auto}#section2 .part_two .contentsBusiness .export #graph1{position:relative;width:90vw;height:calc(90vw * 44 / 56);margin:0 auto}#section2 .part_two .contentsBusiness .export #graph1 div{width:90vw;height:calc(90vw * 44 / 56);display:block;margin:0 auto;position:absolute;background-size:90vw;top:0;left:0;right:0;bottom:0}#section2 .part_two .contentsBusiness .export #graph1 .bar{background-image:url(/innovation/NCSOFT/img/graph1_bar.png)}#section2 .part_two .contentsBusiness .export #graph1 .line{background-image:url(/innovation/NCSOFT/img/graph1_line.png)}#section2 .part_two .contentsBusiness .export #graph1 .label{background-image:url(/innovation/NCSOFT/img/graph1_label.png)}#section2 .part_two .contentsBusiness .export #graph1 .valofnum{background-image:url(/innovation/NCSOFT/img/graph1_numval.png)}#section2 .part_two .contentsBusiness .rate .rate_icon{background-image:url(/innovation/NCSOFT/img/sprite.png);background-repeat:no-repeat;background-position:-75px -216px;background-size:300px;width:70px;height:65px;display:block;margin:0 auto}#section2 .part_two .contentsBusiness .rate #graph2{position:relative;width:90vw;height:calc(90vw * 50 / 56);margin:0 auto}#section2 .part_two .contentsBusiness .rate #graph2 div{width:90vw;height:calc(90vw * 50 / 56);display:block;margin:0 auto;position:absolute;background-size:90vw;top:0;left:0;right:0;bottom:0}#section2 .part_two .contentsBusiness .rate #graph2 .bar{background-image:url(/innovation/NCSOFT/img/graph2_bar.png)}#section2 .part_two .contentsBusiness .rate #graph2 .line{background-image:url(/innovation/NCSOFT/img/graph2_line.png)}#section2 .part_two .contentsBusiness .rate #graph2 .label{background-image:url(/innovation/NCSOFT/img/graph2_label.png)}#section2 .part_two .contentsBusiness .rate #graph2 .valofnum{background-image:url(/innovation/NCSOFT/img/graph2_numval.png)}#section3 .interview_quote{left:15%;top:0}#section3 .interview_cover{background-image:url(/innovation/NCSOFT/mobile/img/stage1_interview_a_l_cover.png)}#section3 .swiper-container{background-image:url(/innovation/NCSOFT/mobile/img/stage1_interview_a_l_image.png)}#section4 .interview_quote{bottom:50px}#section4 .interview_quote .quote{background-color:rgba(255,255,255,.6);border:none;font-weight:300;padding:2vh 5vw}#section4 .interview_cover{background-image:url(/innovation/NCSOFT/mobile/img/stage1_interview_b_r_cover.png)}#section4 .swiper-container{background-image:url(/innovation/NCSOFT/mobile/img/stage1_interview_b_r_image.png)}#section5 .interview_quote .quote{background-color:rgba(133,87,26,.5);border:none;font-weight:300}#section5 .interview_quote .quote .job{color:#fff}#section5 .interview_cover{background-image:url(/innovation/NCSOFT/mobile/img/stage1_interview_c_l_cover.png)}#section5 .swiper-container{background-image:url(/innovation/NCSOFT/mobile/img/stage1_interview_c_l_image.png)}#section5 .swiper-container .pointGold,#section5 .swiper-container label,#section5 .swiper-container span{color:#fff!important}#section5 .shortest{bottom:200px!important}#section6{background-color:#060a14;height:100%}#section6 .quote p{margin:10px 8px 15px 20px}#section7{background-color:#fff;text-align:center;padding-bottom:100px}#section7 header{padding:50px 0 30px}#section7 header hgroup img{width:50vw}#section7 header h2{font-size:1.6rem;color:#191919;margin:30px 0;font-weight:400}#section7 .webtoon img{width:80vw;margin:0 auto 30px}#section7-1 .interview_quote .quote{background-color:rgba(6,10,20,.5)}#section7-1 .interview_cover{background-image:url(/innovation/NCSOFT/mobile/img/stage1_interview_d_r_cover.png)}#section7-1 .swiper-container{background-image:url(/innovation/NCSOFT/mobile/img/stage1_interview_d_r_image.png)}#section8{background-color:#060a14}#section8 .image{width:100vw;height:calc(100vw * 502 / 640)}#section8 .progress{top:calc((100vw * 502 / 640) - 40px)}#section8 .desc{height:auto;min-height:40vh}#section8 .desc p{padding:0 0 30px}#section8 .pin1 .image{background-image:url(/innovation/NCSOFT/mobile/img/stage1_pin1.jpg)}#section8 .pin1 .desc{background-color:#1d3363}#section8 .pin1 .desc header>h2{font-size:1.4rem;letter-spacing:-2px;margin:30px 0 20px}#section8 .pin2 .image{background-image:url(/innovation/NCSOFT/mobile/img/stage1_pin2.jpg)}#section8 .pin2 .desc{background-color:#0f1a32}#section8 .pin2 .desc p{padding:30px 0}#section9{background-color:#060a14;height:auto}#section9 header>h2{font-size:1.5rem;text-align:center}#section9 header>h3{font-size:1.2rem}#section9 .innerBox{width:80vw;height:auto;border:1px solid #d8b17e;margin:0 auto;position:relative;padding-top:60px;margin-top:50px}#section9 .innerBox p{font-size:1.2rem;line-height:1.2;text-align:center;margin:.6em 0}#section9 .innerBox p span{color:#d8b17e}#section9 .innerBox p:first-child{padding-top:50px}#section9 .innerBox p.ref{padding-top:60px;font-size:1rem}#section9 .innerBox .dinosEle{position:absolute;display:block}#section9 .innerBox .dinosEmblem{background-image:url(/innovation/NCSOFT/img/stage1_dinosEmblem.png);width:140px;height:95px;background-size:cover;top:-50px;left:50%;margin-left:-70px}#section9 .innerBox .m1{width:111px;height:132px;background-image:url(/innovation/NCSOFT/img/stage1_dinos_mascot1.png);position:absolute;bottom:-20px;left:-6vw;background-size:cover}#section9 .innerBox .m2{width:111px;height:191px;right:-8vw;bottom:-20px;background-image:url(/innovation/NCSOFT/img/stage1_dinos_mascot2.png);background-size:cover}#section9 .status_one header{padding:75px 0 25px}#section9 .status_one .contents{position:relative}#section9 .status_one .contents:after,#section9 .status_one .contents:before{content:" ";display:table}#section9 .status_one .contents:after{clear:both}#section9 .status_two header{padding:75px 0 5px}#section9 .status_two .contents h2{text-align:center;font-size:1.8rem}#section9 .status_two .contents .dinosStory{text-align:center;width:100%;margin:0 auto}#section9 .status_two .contents .dinosStory.inner{width:80vw;margin:0 auto}#section9 .status_two .contents .dinosStory h2{margin:50px 0}#section9 .status_two .contents .dinosStory p{line-height:1.6;font-size:1rem}#section9 .status_two .contents .dinosStory span.underline{line-height:1.6;text-decoration:underline;display:inline-block;font-weight:300}#section9 .status_two .contents .dinosCode{padding:75px 0 0}#section9 .status_two .contents .dinosCode:after,#section9 .status_two .contents .dinosCode:before{content:" ";display:table}#section9 .status_two .contents .dinosCode:after{clear:both}#section9 .status_two .contents .dinosCode h2{margin:0 0 50px;font-size:1.5rem}#section9 .status_two .contents .dinosCode li{width:90%;margin:0 auto;text-align:center;border:1px solid #d8b17e;border-top:none;padding:10px 0}#section9 .status_two .contents .dinosCode li:first-child{border-top:1px solid #d8b17e}#section9 .status_two .contents .dinosCode li label{width:180px;margin:10px auto 0;display:block;font-size:40px;color:#d8b17e;font-weight:500;line-height:24px;font-family:Roboto}#section9 .status_two .contents .dinosCode li p{margin:10px auto 0;width:90%}#section9 .status_two .contents .statusBox{margin:15px auto;display:block}#section9 .status_two .contents .statusBox .dinos_history{width:80vw;height:80vw;background-size:80vw;margin:0 auto}#section9 .status_two .contents .statusBox .dinos_history h1{color:#d8b17e;font-size:.8em}#section9 .status_two .contents .statusBox .dinos_history p{line-height:1.2;font-size:.7em;margin:0}#section9 .status_two .contents .statusBox .dinos_history .boll_01{width:80vw;height:80vw;margin:0 auto;background-image:url(/innovation/NCSOFT/mobile/img/stage1_baseball_new.png);background-position:center top;background-repeat:no-repeat;background-size:cover;position:relative;margin-top:50px}#section10{background-color:#060a14;height:auto}#section10 .swiper-container,#section10 .swiper-slide{width:100vw;height:auto;padding:5vh 0}#section10 .swiper-slide p{width:80%;font-weight:300}#section10 .swiper-slide p label{color:#d8b17e;font-size:1.2rem}#section10 .swiper-slide p span{font-size:1.2rem}#section11{background-color:#000;color:#fff}#section11 .quote p{color:#222}#section11 .quote .name{color:#222}#section11 .quote .job:after{content:'';display:none}#section11 .interview_cover{background-image:url(/innovation/NCSOFT/mobile/img/stage1_interview_e_l_cover.png)}#section11 .swiper-container{background-image:url(/innovation/NCSOFT/mobile/img/stage1_interview_e_l_image.png)}#section11-1{background-size:cover;background-position:50% 50%;padding:50px 0 30px}#section11-1 .inner{width:100vw}#section11-1 header>h2{font-size:1.8rem;text-align:center}#section11-1 header>h3{font-size:1.5rem;text-align:center}#section11-1 .chart_graph{width:90vw;margin:0 auto 50px}#section11-1 .chart_graph:after,#section11-1 .chart_graph:before{content:" ";display:table}#section11-1 .chart_graph:after{clear:both}#section11-1 .chart_graph>h2{font-size:1.6rem;margin-bottom:30px;display:block}#section11-1 .chart_graph>h2:before{content:'';display:block;width:30%;height:2px;margin:5px auto 15px;background-color:#d8b17e}#section11-1 .chart_graph #piecontainer{text-align:initial;height:400px;padding:30px 0}#section11-1 .chart_graph #piecontainer h2#title{font-family:Roboto;font-weight:800}#section11-1 .chart_graph #homerun_count{height:30px;padding:50px 0}#section11-1 .chart_graph #homerun_count .box_wrap{text-align:center}#section11-1 .chart_graph #homerun_count .box_wrap h2{margin:0}#section11-1 .chart_graph #homerun_count .box{display:inline-block;position:relative;font-family:Roboto;margin-right:1px}#section11-1 .chart_graph #homerun_count .box:nth-child(2n) .textBox{top:30px}#section11-1 .chart_graph #homerun_count .box:nth-child(2n+1) .textBox{top:-20px}#section11-1 .chart_graph #homerun_count .textBox{display:block;height:90px;position:absolute;width:100%}#section11-1 .chart_graph #homerun_count .title{position:absolute;font-family:NotoSansKR;font-weight:800;width:100%;color:#fff;letter-spacing:-2px}#section11-1 .chart_graph #homerun_count .number{position:absolute;width:100%;font-family:Roboto;color:#c1ab86;font-weight:700}#section11-1 .chart_graph #homerun_count #box0 .title{font-size:25px;top:-15px}#section11-1 .chart_graph #homerun_count #box0 .number{font-size:35px;top:-45px}#section11-1 .chart_graph #homerun_count #box1 .title{font-size:22px;top:0}#section11-1 .chart_graph #homerun_count #box1 .number{font-size:30px;top:22px}#section11-1 .chart_graph #homerun_count #box2 .title,#section11-1 .chart_graph #homerun_count #box4 .title{font-size:20px;top:-8px}#section11-1 .chart_graph #homerun_count #box2 .number,#section11-1 .chart_graph #homerun_count #box4 .number{font-size:25px;top:-32px}#section11-1 .chart_graph #homerun_count #box3 .title,#section11-1 .chart_graph #homerun_count #box5 .title{size:20px;top:5px}#section11-1 .chart_graph #homerun_count #box3 .number,#section11-1 .chart_graph #homerun_count #box5 .number{font-size:25px;top:22px}#section11-1 .chart_graph #homerun_count #box6 .title{font-size:18px;top:-5px}#section11-1 .chart_graph #homerun_count #box6 .number{font-size:22px;top:-23px}#section11-1 .chart_graph #homerun_count #box7 .title{font-size:14px;top:5px}#section11-1 .chart_graph #homerun_count #box7 .number{font-size:18px;top:20px}#section11-1 .chart_graph #homerun_count #box8 .title{font-size:12px;top:0;left:-20px;width:50px}#section11-1 .chart_graph #homerun_count #box8 .number{font-size:15px;top:-18px}#section11-1 .chart_graph #baseGround{position:relative;width:90vw;height:calc(90vw * 490 / 475)}#section11-1 .chart_graph #baseGround>div{position:absolute;width:100%;height:100%;background-size:90vw;margin:0 auto}#section11-1 .chart_graph #baseGround .base1{background-image:url(/innovation/NCSOFT/mobile/img/baseball_ground_1.png)}#section11-1 .chart_graph #baseGround .base2{background-image:url(/innovation/NCSOFT/mobile/img/baseball_ground_2.png)}#section11-1 .chart_graph #baseGround .base3{background-image:url(/innovation/NCSOFT/mobile/img/baseball_ground_3.png)}#section11-1 .chart_graph #img_bot{position:absolute;width:140px;height:140px;border-radius:70px;top:30px;left:30px;background-image:url(/innovation/NCSOFT/mobile/img/image.png);background-size:140px;background-position:-23px -126px;background-repeat:no-repeat;border-width:30px}#section11-1 .chart_graph #img_top{position:absolute;width:200px;height:224px;top:-150px;left:7px;background-image:url(/innovation/NCSOFT/mobile/img/image.png);background-size:140px;background-position:0 54px;background-repeat:no-repeat}#section12{background:#060a14;background-size:cover;height:100%;padding:0}#section12 .interview_video_content{margin-top:120px}#section12 .interview_video_content .interview_title{color:#d8b17e}#section12 .interview_video_content .quote{padding:0;z-index:30}#section12 .interview_video_content .quote p{margin:20px 8px 15px 8px}#section12 .interview_video_content .quote .job .name{margin-left:8px}#section12 .interview_video_content .job:after{display:none}#section12 .interview_video_content .jobDesc p{font-size:1rem}#foot .next_stage{background-image:url(/innovation/NCSOFT/img/stage1_next_stage_bg.jpg)}#foot .next_stage_box{margin-top:-154px}#foot .next_stage_btn{background-image:url(/innovation/NCSOFT/img/stage1_next_stage_btn.png);background-size:199px;background-position:-20px -2px;height:215px}#foot .next_stage_navi{width:150px;height:30px;position:absolute;margin:0 auto;top:8vh;left:calc(50% - 75px);z-index:30}