@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);*{padding:0;margin:0}html,body{padding:0;margin:0;background-color:#fff}a{text-decoration:none}a:hover{transition:all .8s}ul,li{list-style:none;padding:0}input{padding:0;margin:0;text-align:center;vertical-align:middle}input[type=radio],input[type=checkbox]{display:none;width:1px;height:1px}footer,section,aside,nav,article{display:block;padding:0;margin:0}h1,h2,h3,h4,h5,h6,div,span,p,em,strong,img,form,label,input,select,fieldset,strong,pre,ul{padding:0;margin:0;font-family:'Noto Sans KR', sans-serif;font:'Noto Sans KR' 12px/17px Noto Sans KR, 노토 산스, serif;color:#484848;font-size:1em;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;font-weight:normal}a,img,fieldset{border:0;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.overflow-hidden{overflow:hidden;position:relative}#top{position:fixed;width:65px;height:40px;bottom:20px;right:20px;z-index:5}header{display:block;position:relative;width:100%;height:90px;background:#fff;z-index:20}header .element{width:1200px;position:absolute;top:0px;left:50%;margin-left:-600px}header .element a.logo{position:absolute;left:10%;top:0%;width:100px;height:90px}header .element select{color:#000;position:absolute;right:10%;top:50%;margin-top:-25px;width:200px;height:50px;box-sizing:border-box;padding-left:6px}#btn_top{display:block;position:fixed;width:150px;height:150px;right:5.2%;z-index:5;bottom:11%;cursor:pointer}footer{background:url(../images/img_footer_1018.jpg) no-repeat center;padding:40px 0}footer .element{height:30px;left:50%;top:26px;margin-left:-600px;font-size:0px;position:absolute;text-indent:-9999px}footer a.poicy{position:absolute;left:81%;width:104px;height:30px;cursor:pointer}footer a.termsOfService{position:absolute;left:90%;width:118px;height:30px;cursor:pointer}.btn_detail_view{position:absolute;left:50%;margin-left:-79px;bottom:8%;width:158px;height:26px;background:url("../images/btn_detail_view.png") no-repeat;cursor:pointer;z-index:10}.bt15{bottom:15%}.bt13{bottom:13%}.topContent{position:fixed;width:100%;top:50px;left:0;z-index:5}.topContent a{position:absolute;display:block;left:50px;top:50px}.section{width:100%;min-width:1200px;height:100%;position:relative;overflow:hidden}.element{position:relative;z-index:5;width:1200px;height:100%;margin:0 auto}#fullpage{overflow:hidden;position:relative;height:2183px;background:url(../images/bg_main_1117.jpg) no-repeat center top;min-width:1300px}#section0{height:1215px;position:relative}#section0 h1{text-indent:-9999px;width:0;height:0}#section1 .charArea{max-width:1140px;margin:0 auto;display:flex;justify-content:space-around;flex-wrap:wrap}#section1 .charArea li{flex:1 1 33.33%;max-width:33.33%}#section1 .charArea li .btn{width:370px;height:407px;display:block;transition:500ms all;background-color:transparent;border:0}#section1 .charArea li[data-btn='0'] .btn{background-image:url(../images/img_char0.png?ver=211117)}#section1 .charArea li[data-btn='0'] .btn:hover{background-image:url(../images/img_char0_active.png?ver=211117)}#section1 .charArea li[data-btn='1'] .btn{background-image:url(../images/img_char1.png?ver=211117)}#section1 .charArea li[data-btn='1'] .btn:hover{background-image:url(../images/img_char1_active.png?ver=211117)}#section1 .charArea li[data-btn='2'] .btn{background-image:url(../images/img_char2.png?ver=211117)}#section1 .charArea li[data-btn='2'] .btn:hover{background-image:url(../images/img_char2_active.png?ver=211117)}#section1 .charArea li[data-btn='3'] .btn{background-image:url(../images/img_char3.png?ver=211117)}#section1 .charArea li[data-btn='3'] .btn:hover{background-image:url(../images/img_char3_active.png?ver=211117)}#section1 .charArea li[data-btn='4'] .btn{background-image:url(../images/img_char4.png?ver=211117)}#section1 .charArea li[data-btn='4'] .btn:hover{background-image:url(../images/img_char4_active.png?ver=211117)}#section1 .charArea li[data-btn='5'] .btn{background-image:url(../images/img_char5.png?ver=211117)}#section1 .charArea li[data-btn='5'] .btn:hover{background-image:url(../images/img_char5_active.png?ver=211117)}.pop_charInfo_area{display:none;position:fixed;width:100%;top:0;right:0;left:0;bottom:0;background:url(../images/pop_charInfo_area.png) 50% 50% no-repeat;z-index:99;justify-content:center;align-items:center;min-height:100vh}.pop_charInfo_area *,.pop_charInfo_area{box-sizing:border-box}.pop_charInfo_area .wrap{padding:60px 0 20px;overflow:auto;max-height:100vh;position:relative;overflow-x:hidden;width:100%}.pop_charInfo_area .btn_close{margin:20px auto 0;width:48px;height:48px;background:url(../images/img_char_close.png) no-repeat;display:block}.pop_charInfo_area .btn_close_wrap{width:100%}.pop_charInfo_area h1{display:block;margin:0 auto;width:100%;height:126px;background-repeat:no-repeat;background-position:50% 50%}.pop_charInfo_area h1.tit0{background-image:url(../images/char/img_tit0.png)}.pop_charInfo_area h1.tit1{background-image:url(../images/char/img_tit1.png)}.pop_charInfo_area h1.tit2{background-image:url(../images/char/img_tit2.png)}.pop_charInfo_area h1.tit3{background-image:url(../images/char/img_tit3.png)}.pop_charInfo_area h1.tit4{background-image:url(../images/char/img_tit4.png)}.pop_charInfo_area h1.tit5{background-image:url(../images/char/img_tit5.png)}.pop_charInfo_area i{width:960px;height:974px;position:absolute;top:50%;transform:translateY(-50%);display:block;transition:0.5s all}.pop_charInfo_area i.leftShow{left:50%;margin-left:-1000px}.pop_charInfo_area i.rightShow{right:50%;margin-right:-1000px}.pop_charInfo_area i.leftHide{left:-100%}.pop_charInfo_area i.rightHide{right:-100%}.pop_charInfo_area i.img_char0_0{background:url(../images/char/img_char00.png?ver=211117) no-repeat}.pop_charInfo_area i.img_char0_1{background:url(../images/char/img_char01.png?ver=211117) no-repeat}.pop_charInfo_area i.img_char1_0{background:url(../images/char/img_char10.png?ver=211117) no-repeat}.pop_charInfo_area i.img_char1_1{background:url(../images/char/img_char11.png?ver=211117) no-repeat}.pop_charInfo_area i.img_char2_0{background:url(../images/char/img_char20.png?ver=211117) no-repeat}.pop_charInfo_area i.img_char2_1{background:url(../images/char/img_char21.png?ver=211117) no-repeat}.pop_charInfo_area i.img_char3_0{background:url(../images/char/img_char30.png?ver=211117) no-repeat}.pop_charInfo_area i.img_char3_1{background:url(../images/char/img_char31.png?ver=211117) no-repeat}.pop_charInfo_area i.img_char4_0{background:url(../images/char/img_char40.png?ver=211117) no-repeat}.pop_charInfo_area i.img_char4_1{background:url(../images/char/img_char41.png?ver=211117) no-repeat}.pop_charInfo_area i.img_char5_0{background:url(../images/char/img_char50.png?ver=211117) no-repeat}.pop_charInfo_area i.img_char5_1{background:url(../images/char/img_char51.png?ver=211117) no-repeat}.pop_charInfo_area .char_btn_area{width:100%;margin:50px auto 0;position:relative;justify-content:center;display:flex}.pop_charInfo_area .char_btn_area li{width:387px;height:60px;float:left;background:url(../images/btn_charInfo_off.png) no-repeat;cursor:pointer;transition:0.5s all}.pop_charInfo_area .char_btn_area li:hover,.pop_charInfo_area .char_btn_area li.active{background:url(../images/btn_charInfo_on.png) no-repeat}.pop_charInfo_area .char_btn_area li.btn1{background-position:-387px 0}.pop_charInfo_area .content,.pop_charInfo_area .skill{position:relative;z-index:10;width:100%;max-width:774px;margin:0 auto}.pop_charInfo_area .content div,.pop_charInfo_area .skill div{position:relative;z-index:10}.pop_charInfo_area .content div:before,.pop_charInfo_area .skill div:before{content:'';z-index:2;position:absolute;top:0;left:0;right:0;bottom:0;display:block}.pop_charInfo_area .content:before,.pop_charInfo_area .skill:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background-color:rgba(8,10,71,0.9);box-sizing:border-box;border-style:solid;border:1px solid #4a6b8a;border-image:linear-gradient(to right, #242952 0%, #4a6b8a 100%);border-image-slice:1}.skill .img_commingSonn{width:426px;height:240px;position:absolute;left:22.5%;background:url(../images/img_commingSoon.png) no-repeat}.skill .img_commingSonn.up{top:19.5%}.skill .img_commingSonn.down{top:62%}.skill .youtube_skill{width:426px;height:240px;position:absolute;left:22.5%;z-index:10}.skill .youtube_skill .up{top:19.5%}.skill .youtube_skill .down{top:62%}.banner{width:100%;height:450px}.slidesBanner{position:absolute;left:200px;margin-bottom:30px}.slides{position:relative;width:772px;height:431px}.slides #slides{overflow:hidden;position:relative;width:772px;height:431px;z-index:1}.slides #slides p{overflow:hidden;position:relative;width:772px;height:431px}.slides #slides p .bgImg{position:absolute;top:0;left:0;width:772px;z-index:1}.banner .slideBtn a{position:absolute;top:200px;display:block;width:36px;height:71px}.banner .slideBtn a.btnPrev{left:150px}.banner .slideBtn a.btnNext{right:180px}.terms{text-indent:-9999px}.imgView{position:absolute;top:0;left:0;z-index:1}.imgView span{z-index:1}.bgRepeat{position:absolute;width:100%;height:900px;background:url("../images/bg_repeat.png") repeat 0 0}.bgShadow{position:absolute;width:100%;height:900px}.slide-next{animation-name:slide-next;-webkit-animation-name:slide-next;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible !important}@keyframes slide-next{0%{bottom:135px}100%{bottom:100px}}.fadeIn{animation-name:fadeIn;-webkit-animation-name:fadeIn;animation-duration:1.5s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible !important}@keyframes fadeIn{0%{transform:scale(0.8);opacity:0}60%{transform:scale(1.01)}100%{transform:scale(1);opacity:1}}@-webkit-keyframes fadeIn{0%{-webkit-transform:scale(0.8);opacity:0}60%{-webkit-transform:scale(1.01)}100%{-webkit-transform:scale(1);opacity:1}}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.rotate{-webkit-animation-name:rotate;animation-name:rotate}@keyframes rotate{100%{transform:rotate(360deg)}}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes bounce{10%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}60%{-webkit-transform:translate3d(0, -25px, 0);transform:translate3d(0, -25px, 0)}}@keyframes bounce{10%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}60%{-webkit-transform:translate3d(0, -25px, 0);transform:translate3d(0, -25px, 0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes flash2{from,50%,to{opacity:1}25%,75%{opacity:0.4}}@keyframes flash2{from,50%,to{opacity:1}25%,75%{opacity:0.4}}.flash2{-webkit-animation-name:flash;animation-name:flash}.blind{display:none;position:absolute;top:0;left:0;background-color:black;width:100%;height:4254px;z-index:21;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7}.popup{display:none;position:fixed;top:50%;left:50%;z-index:15;width:387px;height:508px;margin-left:-193px;margin-top:-254px}.popup div{width:100%;height:100%}.popup .btn_close{position:absolute;top:0px;right:-50px;width:35px;height:35px;z-index:12}.pop_alert{display:none;position:fixed;top:50%;left:50%;z-index:15;width:681px;height:413px;margin-top:-206.5px;margin-left:-340.5px}.pop_alert .textArea{position:absolute;width:100%;height:50px;z-index:12;top:45%}.pop_alert .textArea p{font-size:30px;text-align:center;color:black;line-height:50px;font-weight:bold;padding:0 25px}.pop_alert .btn_ok{position:absolute;left:50%;margin-left:-91px;width:183px;height:55px;z-index:12;bottom:30px}.pop_alert .btn_close{position:absolute;top:25px;right:20px;width:30px;height:30px;z-index:12}#popup{display:none;position:fixed;top:50%;left:50%;z-index:25}.pop_preRegi{width:567px;height:640px;margin-left:-283.5px;margin-top:-320px}.pop_notice{width:568px;height:455px;margin-left:-284px;margin-top:-227.5px}.pop_notice .textArea{position:absolute;width:300px;height:150px;overflow-y:auto;top:55%;left:50%;margin-left:-160px;text-align:center;color:#5a4a3c;font-size:20px}#popup.pop_gameInfo_char a.btn_close{position:absolute;top:-10%;left:50%;width:29px;height:30px;z-index:15;cursor:pointer}#popup .btn_close{position:absolute;top:0px;right:0%;width:52px;height:53px;z-index:15;cursor:pointer}#popup .btn_google{display:block;width:194px;height:55px;position:absolute;left:14%;top:67%;cursor:pointer}#popup .btn_app{display:block;width:194px;height:55px;position:absolute;left:49%;top:67%;cursor:pointer}#popup .btn_ok{position:absolute;left:30%;top:79%;margin-left:-91px;width:371px;height:62px;z-index:15;cursor:pointer}.movie_wrap{width:1107px;height:638px;position:fixed;transform:scale(0, 0);opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;top:50%;left:50%;width:1107px;height:638px;margin-left:-553.5px;margin-top:-319px;z-index:25;background:url(../images/youtube_wrap.png) no-repeat}.movie_wrap.open{transform:scale(1, 1);transition:all 0.5s;opacity:1}.movie_wrap .btn_close{position:absolute;top:-7%;right:48.5%;width:29px;height:30px;z-index:25}.movie_wrap .btn_close:hover{animation:rotate 2s}.movie_wrap .you_tube{position:relative;height:0;padding-bottom:56.25%;z-index:25}.movie_wrap .you_tube iframe,.movie_wrap .you_tube object,.movie_wrap .you_tube embed{position:absolute;display:block;width:1083px;height:606px;margin-top:21px;margin-left:12px}
/*# sourceMappingURL=common.css.map */