@charset "UTF-8";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: BaseREGULAR
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

html {
    height: 100%;
    overflow: auto;
    background: white
}

html:not(.mobile) {
    min-width: 1400px
}

body {
    line-height: 1;
    height: 100%;
    overflow: hidden
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img,object,embed {
    max-width: 100%
}

body {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

input:focus,p:focus,div:focus {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-modify: read-write-plaintext-only
}

.section {
    position: absolute;
    width: 100%;
    height: calc(var(--vh) * 100);
    left: 0;
    top: 0
}

#wrap {
    height: 100%;
}

* {
    -webkit-touch-callout: none!important;
    -webkit-user-select: none!important;
    -khtml-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important
}

@keyframes bigsmall {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

#smartPop { overflow: hidden; }
#smartPop_overlay { background: #000 !important; }
#smartPop_content { padding: 0px !important;  }
#smartPop_container {background-color:transparent; -webkit-box-shadow:none !important;}

/*#wrap { position: relative;min-height: 900px;width: 1920px}*/

/*body::-webkit-scrollbar{width:1px}
body::-webkit-scrollbar-track{background-color:rgba(36,34,32,0.3)}
body::-webkit-scrollbar-thumb{background:#1b1b1b;border-radius:7px}body::-webkit-scrollbar-button:start:decrement{height:0;background:#e6e1df}
body::-webkit-scrollbar-button:end:increment{height:0;background:#e6e1df}*/

/*.container { position: relative; margin: 0px auto 0px auto;}*/

.swiper {
width: 100%;
height: 100%;
}

.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.swiper-slide img {
/*display: block;
width: 100%;
height: 100%;
object-fit: cover;*/
}

.swiper-wrapper {background: transparent;}

.google_login_btn { display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height:0pt; width: 58px;height: 58px;background: url(http://cdn-img.kingkongsoft.kr/god/event/prev_event/sns_btn2_google.png) 0 0 no-repeat;vertical-align: middle;margin-left: 1px;}
.google_login_btn > img {display: none;}
.naver_login_btn { display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height:0pt; width: 58px;height: 58px;background: url(http://cdn-img.kingkongsoft.kr/god/event/prev_event/sns_btn3_naver.png) 0 0 no-repeat;vertical-align: middle; margin-left: 1px;}
.naver_login_btn > img {display: none;}
.kakao_login_btn { display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height:0pt; width: 58px;height: 58px;background: url(http://cdn-img.kingkongsoft.kr/god/event/prev_event/sns_btn5_kakao.png) 0 0 no-repeat;vertical-align: middle;margin-left: 1px;}
.kakao_login_btn > img {display: none;}
.facebook_login_btn { display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height:0pt; width: 58px;height: 58px;background: url(http://cdn-img.kingkongsoft.kr/god/event/prev_event/sns_btn4_facebook.png) 0 0 no-repeat;vertical-align: middle;margin-left: 1px;}
.facebook_login_btn > img {display: none;}

div.join_pop_layer { position: fixed;width: 500px;height: 440px; left:50%; margin-left: -360px; top:50%;margin-top: -200px; display: none;z-index: 999;}
div.join_pop_layer > span.close { width: 45px; height: 45px; background: url(http://cdn-img.kingkongsoft.kr/jo/simplejoin/x.jpg) 0 0 no-repeat;display: inline-block;*display: inline;*zoom: 1;position: absolute;right:0px; top:0px;cursor:pointer;z-index: 2;}

div.pop_agree_text {width: 700px;height: 430px; background: url(http://cdn-img.kingkongsoft.kr/kingdom/pop/pop_bg.jpg) 0 0 no-repeat ;color: #fff;text-align: left;padding: 10px 15px; background-size:cover;}
div.pop_agree_text > h3 { font-size: 10pt; margin-bottom: 8px; }
div.pop_agree_text > p {font-size: 9pt;line-height: 1.2;margin-bottom: 5px;}
div.pop_agree_text > div.list {font-size: 9pt;line-height: 1.2;margin-bottom: 15px;}







#nav_box { position:fixed; width:100%;left:0px;top:0;height: 105px;z-index: 99;}
#nav_box div.nav_wrap {height:105px;width: 100%;position: absolute;}
#nav_box div.nav_wrap > h1.logo {position: absolute;left:30px;top:0px;}

#nav_box div.nav_wrap ul {position: relative;transform:translateY(-50%);top:50%;left:300px;width:82.7%;}
#nav_box div.nav_wrap ul > li {display: inline-block;*display: inline;*zoom: 1;margin-right:100px}
#nav_box div.nav_wrap ul > li:nth-child(2) {margin-right: 0px;}
#nav_box div.nav_wrap ul > li a {display: inline-block;*display: inline;*zoom: 1;position: relative;}

#nav_box div.nav_wrap ul > li a.prev {position: absolute;right:0px;top:50%;transform: translateY(-50%);}
@media screen and (max-width: 1300px){
    #nav_box div.nav_wrap ul > li a.prev {display: none;}
}

#nav_box div.nav_wrap ul > li > span.sub_title {display: inline-block;*display: inline;*zoom: 1;position: relative;cursor: pointer;}
#nav_box div.nav_wrap li a > img.off {  }
#nav_box div.nav_wrap li a > img.on {position: absolute;left:0px;top:0px;opacity: 0;}
#nav_box div.nav_wrap li a:hover > img.on { opacity:1; transition:opacity 0.3s ease-in; }
#nav_box div.nav_wrap li a.on > img.on { opacity:1; transition:opacity 0.3s ease-in; }



div#wrap  a.goto_top {position: fixed;right:40px;bottom:40px;z-index: 99;}


div#wrap div#social {position: fixed;left:50px;bottom:60px;z-index: 99;}
div#wrap div#social a {display: inline-block;*display: inline;*zoom: 1;width:88px;margin-left: 0px;}

div#wrap a.float_banner { position: fixed; right:20px;top:150px;z-index: 99; }


/*div.bg_atteche_layer {background: url(http://cdn-img.kingkongsoft.kr/hr/event/pre-event/web/bg_layer.jpg) 50% 0 no-repeat;position: fixed;top:0px;left:0px;right:0px;height: 1080px;z-index: 0;}*/
/*div.layer_pop_prev:has(body) {content:'';position: absolute;top:0px;left:0px;bottom:0px;right:0px;background: #000;}*/
/*div.layer_pop_prev:has(body) {background: #000;}*/
.prev_body:has(.layer_pop_prev.on)::after { content:'';position: absolute;top:0px;left:0px;bottom:0px;right:0px;background: #000;opacity: 0.7;z-index: 98;}

div.layer_pop_prev { position: fixed;left:50%;top:-850px;transform: translateX(-50%);width:628px;height:707px; background: url(http://cdn-img.kingkongsoft.kr/idk/event/pre-event/web/pop_page/bg_layer_prev.png) 0 0 no-repeat;z-index: 99;opacity: 0;}
div.layer_pop_prev.on { opacity:1;top:99px; transition:top 0.3s ease; }
div.layer_pop_prev > span.close {position: absolute;right: 46px;top:61px;cursor:pointer;z-index: 99;}
div.layer_pop_prev div.reg_box {position: absolute;left:50%;transform: translateX(-50%);top:254px; width:448px;}
div.layer_pop_prev div.os {margin-top:15px;height: 22.3px;text-align: center;}
div.layer_pop_prev div.os input[name=os] {width: 20px; height: 20px;background: url(http://cdn-img.kingkongsoft.kr/nata/event/pre-event/web/layer/icon_radio_bg.png) 0 0 no-repeat; appearance: none; border: none;  /*display: grid;*/ place-content: center; margin-right: 6px; margin-top: 3px; cursor: pointer;  vertical-align: middle; position: relative;}
div.layer_pop_prev div.os input[name=os]:checked::before {content: "";font-size: 15pt; font-weight: bold; position: absolute;left:0px;top:0px;right:0px;bottom:0px;background: url(http://cdn-img.kingkongsoft.kr/nata/event/pre-event/web/layer/icon_radio_on.png) 0 0 no-repeat;}
div.layer_pop_prev div.os label {vertical-align:middle;margin-left: 18px;}
div.layer_pop_prev div.os label:first-child {margin-left: 0px;}
div.layer_pop_prev div.os label img {vertical-align: middle;}
div.layer_pop_prev div.os span {display: inline-block;*display: inline;*zoom: 1;height: 18px;vertical-align: middle;}
div.layer_pop_prev div.os span > img {height: 100%;}
div.layer_pop_prev div.reg_box > p {position: relative;margin-top: 11px;width: 421px;left:50%;transform: translateX(-50%);}
div.layer_pop_prev p input.phone {
  font-family:"Noto Sans KR"; text-align: center;font-size: 12pt;color: #000; font-weight: bold; width: 74.9%; padding:9px 0px 11px 12px;
  border:none;
  background: transparent;
  position: absolute;

  left:86px;
  top:50%;
  transform: translateY(-50%);
  vertical-align: middle;
  outline: none;
}
div.layer_pop_prev p input.phone::placeholder {font-size: 11pt;}
div.layer_pop_prev div.reg_box input.reg_btn { display: inline-block;*display: inline;*zoom: 1; width:404px;height:99px;font-size: 0pt;line-height: 0pt; background: url(http://cdn-img.kingkongsoft.kr/idk/event/pre-event/web/pop_page/btn_reg.png) 0 0 no-repeat;border: none; cursor:pointer;position: relative;left:50%;transform: translateX(-50%);}


div.layer_pop_prev dl.agree_box input {width: 17px; height: 17px; appearance: none; border: none; background: url(http://cdn-img.kingkongsoft.kr/nata/event/pre-event/web/layer/icon_checkbox_bg.png) 0 0 no-repeat; place-content: center; margin-right: 6px; cursor: pointer; border-radius: 2px; vertical-align: middle; text-align: center;position: relative;}
div.layer_pop_prev dl.agree_box input:checked::before {content: "";width: 17px; height: 17px;font-size: 15pt; font-weight: bold; position: absolute;left:49%;top:46%;transform: translate(-50%,-50%);background: url(http://cdn-img.kingkongsoft.kr/nata/event/pre-event/web/layer/icon_checkbox_on.png) 0 0 no-repeat;}

div.layer_pop_prev dl.agree_box > dd {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;position: relative;width: 421px;left:50%;transform: translateX(-50%);}
div.layer_pop_prev dl.agree_box > dd {padding: 15px 0px 0px 0px;color: #000;font-size: 12pt;line-height: 1.8;}
/*div.layer_pop_prev dl.agree_box > dd label[for=pop_agree1] { position: absolute; left:313px; top:7px; }
div.layer_pop_prev dl.agree_box > dd label[for=pop_agree2] { position: absolute; left:533px; top:7px; }
div.layer_pop_prev dl.agree_box > dd label[for=pop_agree3] { position: absolute; left:313px; top:28px; }*/
div.layer_pop_prev dl.agree_box > dd label[for=pop_agree3] {margin-right: 33px;}
div.layer_pop_prev dl.agree_box > dd label[for=pop_agree3] > input { }
div.layer_pop_prev dl.agree_box > dd label > img {vertical-align: middle;}

div.layer_pop_prev div.reg_box dl.agree_box > dd a.sms_agree { position: absolute;width: 29px;height: 11px;}
/*div.layer_pop_prev div.reg_box dl.agree_box > dd a.sms_agree.type01 { left:164px; top:1px; }*/
div.layer_pop_prev div.reg_box dl.agree_box > dd a.sms_agree.type02 { left:427px;top:17px; }
div.layer_pop_prev div.reg_box dl.agree_box > dd a.sms_agree.type03 { left:395px;top:45px; }
div.layer_pop_prev div.reg_box dl.agree_box > dd a.sms_agree.type04 { left:190px;top:45px; }
div.layer_pop_prev div.reg_box img.img_text {position: absolute;right:122px;top:61px; }

div.layer_pop_prev > div.counter {position: absolute;bottom:-62px;left:50%;transform: translateX(-50%);width: 456px;}
div.layer_pop_prev > div.counter > div.time_box {position: absolute;right:23px;top:49%;transform: translateY(-50%);}
div.layer_pop_prev > div.counter > div.time_box > span {display: inline-block;*display: inline;*zoom: 1;color: #fff;font-size: 19pt;font-weight: bold;width: 56px;text-align: center;margin-left:33px;}

/*div.section {position: relative;background: transparent;}*/


div.page01 {background: url(http://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page01/bg.jpg) no-repeat; background-size: cover;overflow: hidden;}

div.page01 div.bg_mv {position: absolute;left:50%;top:50%;transform: translate(-50%,-50%); z-index: 0;overflow: hidden !important;z-index: 2;width: 110%;height:980px;pointer-events: none;}
div.page01 div.bg_mv > video {width: 100%;height:980px;}
div.page01 > div.inner_wrap > div.character {position: absolute;bottom: 0px;}
div.page01 > div.inner_wrap > div.character.left {left:-13%;}
div.page01 > div.inner_wrap > div.character.right {right:-12%;}


div.page01 > div.inner_wrap {width: 1920px;height: 1080px;position: absolute;left:50%;top:50%; display:flex;align-items: center; flex-direction: column;z-index: 2;}

div.page01 > div.inner_wrap > a.play_video {position: relative;z-index: 10;margin-top:82px;width: 137px;}
div.page01 > div.inner_wrap > h1.logo {position: relative;width:555px;top:10%}
div.page01 > div.inner_wrap > h1.logo > img {width: 100%;}
div.page01 > div.inner_wrap > span.text { position: relative;top:0%; width: 945px; margin-top: -70px;}
div.page01 > div.inner_wrap > span.text > img {width: 100%;}
div.page01 > div.inner_wrap > a.goto_prev {
 position: absolute;top:64.2%;
 width: 644px;
 outline: none;
 outline-style: none;
 -moz-outline-style: none;
}
div.page01 > div.inner_wrap > a.goto_prev > img {width: 100%;}
/*div.page01 > div.inner_wrap > a.goto_prev:hover {
    background-image: url(http://cdn-img.kingkongsoft.kr/hl/event/pre-event/web/page01/btn_prev.png);
    transition: all 0.5s;
    transform: scale(1.1);
}*/
div.page01 > div.inner_wrap div.store_box {width: 1024px;position: absolute;top:85%;text-align: center;font-size: 0pt;line-height: 0pt;z-index: 2;}
div.page01 > div.inner_wrap div.store_box a {display: inline-block;*display: inline;*zoom: 1;margin-left: 30px;}
div.page01 > div.inner_wrap div.store_box a:first-child {margin-left: 0px;}




div.traker_box { width: 710px;height:437px;background: transparent !important; position: relative;}
div.traker_box > a.check {position: absolute; left:50%;transform: translateX(-50%);top:60px;}
div.traker_box > iframe {overflow: hidden;background: transparent !important;}





div.page02 {background: url(http://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page02/bg.jpg) no-repeat; background-size: cover;overflow: hidden;}
div.page02 > div.inner_wrap {width: 1920px;height: 1080px;position: absolute;left:50%;top:50%; display:flex;align-items: center; flex-direction: column;z-index: 2;}

div.page02 div.bg_mv {position: absolute;left:50%;top:50%;transform: translate(-50%,-50%); z-index: 0;overflow: hidden !important;z-index: 2;width: 110%;height:980px;pointer-events: none;}
div.page02 div.bg_mv > video {width: 100%;height:980px;pointer-events: none;}
div.page02 div.reword { display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 806px; position: relative;}
div.page02 div.reword > h4 {position: absolute;top:40px;left:50%;transform: translateX(-50%);}

div.page02 h3.title {position: relative;top:8%;width: 490px;}
div.page02 span.text.period {position: relative;top:9%;width: 963px;}
div.page02 div.reword_box {position: relative;width:1490px;top:12%;height: 455px;}
div.page02 div.reword_box > form {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}

div.page02 div.reword_box > img.reword_img {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 885px;}

div.page02 div.reg_box {width: 592px;min-height:436px;padding: 0px 0px 0px 0px;vertical-align: middle;}
div.page02 > div.inner_wrap div.os {z-index: 2;width:591px;min-height: 98px;background: url(http://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page02/bg_os.png) 0 0 no-repeat;padding-top: 32px;}
div.page02 > div.inner_wrap div.os input[name=os] {width: 26px; height: 26px;background: url(http://cdn-img.kingkongsoft.kr/hl/event/pre-event/web/page02/icon_radio_off.png) 0 0 no-repeat; appearance: none; border: none;place-content: center; margin-right: 6px; margin-top: 3px; cursor: pointer;  vertical-align: middle; position: relative;}
div.page02 > div.inner_wrap div.os input[name=os]:checked::before {content: "";font-size: 15pt; font-weight: bold; position: absolute;left:0px;top:1px;right:0px;bottom:0px;background: url(http://cdn-img.kingkongsoft.kr/hl/event/pre-event/web/page02/icon_radio_on.png) 50% 50% no-repeat;}
div.page02 > div.inner_wrap div.os label {vertical-align: middle;margin-left:75px;}
div.page02 > div.inner_wrap div.os label:first-child {margin-left: 0px;}
div.page02 > div.inner_wrap div.os label img  {vertical-align: middle;}
div.page02 > div.inner_wrap div.os span {display: inline-block;*display: inline;*zoom: 1;}
div.page02 > div.inner_wrap div.os span > img {vertical-align: middle;}


div.page02 div.reg_box p {width: 590px;position: relative;margin-top: -15px;}
div.page02 div.reg_box input.phone {

  font-family:"Noto Sans KR"; text-align: center;font-size: 1.7em;color: #fff; font-weight: bold; width: 393px;
  border:none;
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  left:123px;
  background: transparent;
  vertical-align: middle;
  outline: none;
}
div.page02 div.reg_box input.phone::placeholder {
    font-size: 0.6em;
    color:#ccc;
    font-weight: normal;
    position: absolute;
    top:50%;
    transform: translate(-50%,-50%);
    left:50%;


}

div.page02 > div.inner_wrap div.bg_agree {width: 590px;position: relative;margin-top: -15px;}

div.page02 > div.inner_wrap dl.agree_box {width: 468px;position: absolute;top:40px;left: 40px;}

div.page02 > div.inner_wrap dl.agree_box > dt {color: #5a5a5a;font-family: "Noto Sans KR";font-size: 15pt;font-weight: bold;padding: 11px 0px 3px 0px;text-align: left;}
div.page02 > div.inner_wrap dl.agree_box > dt label img {vertical-align: middle;}
div.page02 > div.inner_wrap dl.agree_box > dt a {vertical-align: middle;float:right;margin-right: 0px;color: #ccc;font-size: 13pt;}

div.page02 > div.inner_wrap dl.agree_box input {width: 18px; height: 18px; appearance: none; border: none; background: url(http://cdn-img.kingkongsoft.kr/idk/event/pre-event/web/page02/icon_checkbox_bg.png) 0 0 no-repeat; place-content: center; margin-right: 6px; cursor: pointer; border-radius: 2px; vertical-align: middle; text-align: center;position: relative;}
div.page02 > div.inner_wrap dl.agree_box input:checked::before {content: "";width: 19px; height: 19px;font-size: 15pt; font-weight: bold; position: absolute;left:49%;top:46%;transform: translate(-50%,-50%);background: url(http://cdn-img.kingkongsoft.kr/idk/event/pre-event/web/page02/icon_checkbox_on.png) 0 0 no-repeat;}

div.page02 > div.inner_wrap dl.agree_box > dd {padding: 0px 0px 0px 20px;color: #5a5a5a;font-size: 12pt;line-height: 1.7;text-align: left;}
div.page02 > div.inner_wrap dl.agree_box > dd label {position: relative; display: inline-block;*display: inline;*zoom: 1;}
div.page02 > div.inner_wrap dl.agree_box > dd label > img {vertical-align: middle;}

div.page02 > div.inner_wrap dl.agree_box > dd a.sms_agree { position: absolute; color: #878787;}
/*div.page02 > div.inner_wrap dl.agree_box > dd a.sms_agree.type01 { right:-35px; top:3.2px; }*/
div.page02 > div.inner_wrap dl.agree_box > dd a.sms_agree.type02 { right:118px;top:67px; }
div.page02 > div.inner_wrap dl.agree_box > dd a.sms_agree.type03 { right:160px;top:121px; }
div.page02 > div.inner_wrap dl.agree_box > dd a.sms_agree.type04 { right:139px;top:94px; }
div.page02 > div.inner_wrap div.reg_box input.reg_btn {width: 563px;height:127px;font-size: 0pt;line-height: 0pt; background: url(http://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page02/btn_reg.png) 0 0 no-repeat;border: none; cursor:pointer;
    outline: none;
 outline-style: none;
 -moz-outline-style: none;
 transition: all 0.3s;
}
/*div.page02 > div.inner_wrap div.reg_box input.reg_btn:hover {background-image: url(http://cdn-img.kingkongsoft.kr/hl/event/pre-event/web/page02/btn_on.png);}*/


div.page02 div.store_box {position: absolute;left:50%;transform: translateX(-50%);bottom:80px;width:1377px;height: 80px;}
div.page02 div.store_box > div.store_link {position: absolute;top:44%;transform: translateY(-50%);width:1110px;right:0px;text-align: right;}
div.page02 div.store_box > div.store_link > img {vertical-align: middle;}
div.page02 div.store_box > div.store_link > a {display: inline-block;*display: inline;*zoom: 1;margin-left:41px;vertical-align: middle;}


div.page03 {background: url(http://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page03/bg.jpg) no-repeat; background-size: cover;overflow: hidden;}
div.page03 > div.inner_wrap {width: 1920px;height: 1080px;position: absolute;left:50%;top:50%; display:flex;align-items: center; flex-direction: column;z-index: 2;}

div.page03 div.bg_mv {position: absolute;left:50%;top:50%;transform: translate(-50%,-50%); z-index: 0;overflow: hidden !important;z-index: 2;width: 110%;height:980px;pointer-events: none;}
div.page03 div.bg_mv > video {width: 100%;height:980px;pointer-events: none;}

div.page03 > div.inner_wrap {width: 1920px;height: 1080px;position: absolute;left:50%;top:50%; display:flex;align-items: center; flex-direction: column;z-index: 2;}
div.page03 div.event_article { width:991px;text-align: center;display: flex;justify-content: center;flex-direction: column;align-items: flex-start;}
div.page03 div.event_article img.title {margin:124px 0px 0px 70px;}
div.page03 div.event_article > div.story-txt {
  width:472px;height:615px;font-size:15pt;color:#fff;font-weight:400;line-height:1.7;overflow:hidden;
  position: relative;
}

div.page03 div.event_article > div.story-txt p {background: url(http://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page03/text.png) no-repeat;background-size: 100%;}
div.page03 div.event_article > div.story-txt p.text01 {background-position: 0 0px; height: 30px;}

div.page03 div.event_article > div.story-txt p.text02 {background-position: 0 -58px; height: 30px;margin-top: 30px;}
div.page03 div.event_article > div.story-txt p.text03 {background-position: 0 -89px; height: 30px;margin-top: 5px;}

div.page03 div.event_article > div.story-txt p.text04 {background-position: 0 -150px; height: 30px;margin-top: 30px;}
div.page03 div.event_article > div.story-txt p.text05 {background-position: 0 -180px; height: 30px;margin-top: 5px;}
div.page03 div.event_article > div.story-txt p.text06 {background-position: 0 -212px; height: 30px;margin-top: 5px;}

div.page03 div.event_article > div.story-txt p.text07 {background-position: 0 -272px; height: 30px;margin-top: 30px;}
div.page03 div.event_article > div.story-txt p.text08 {background-position: 0 -302px; height: 30px;margin-top: 5px;}
div.page03 div.event_article > div.story-txt p.text09 {background-position: 0 -332px; height: 30px;margin-top: 5px;}

div.page03 div.event_article > div.story-txt p.text10 {background-position: 0 -392px; height: 30px;margin-top:30px;}
div.page03 div.event_article > div.story-txt p.text11 {background-position: 0 -422px; height: 30px;margin-top:5px;}
div.page03 div.event_article > div.story-txt p.text12 {background-position: 0 -453px; height: 30px;margin-top:5px;}


div.page03 div.event_article > div.story-txt p.text13 {background-position: 0 -513px; height: 30px;margin-top: 30px;}
div.page03 div.event_article > div.story-txt p.text14 {background-position: 0 -544px; height: 30px;margin-top: 5px;}
div.page03 div.event_article > div.story-txt p.text15 {background-position: 0 -575px; height: 30px;margin-top: 5px;}

div.page03 div.event_article > div.story-txt p.text16 {background-position: 0 -635px; height: 30px;margin-top: 30px;}
div.page03 div.event_article > div.story-txt p.text17 {background-position: 0 -665px; height: 30px;margin-top: 5px;}
div.page03 div.event_article > div.story-txt p.text18 {background-position: 0 -695px; height: 30px;margin-top: 5px;}


div.page03 div.event_article > div.story-txt p.text19 {background-position: 0 -756px; height: 30px;margin-top: 30px;}
div.page03 div.event_article > div.story-txt p.text20 {background-position: 0 -786px; height: 30px;margin-top: 5px;}
div.page03 div.event_article > div.story-txt p.text21 {background-position: 0 -817px; height: 30px;margin-top: 5px;}


div.page03 div.event_article > .story-txt .story_inner>div[story-data]{-webkit-animation:text-flow-data 30s linear infinite;animation:text-flow-data 30s linear infinite}
div.page03 div.event_article > .story-txt .story_inner>div+div[story-data]{margin-top:10%}
div.page03 div.event_article > .story-txt p[story-data]{letter-spacing:0; font-family:'Nanum Gothic';}




div.page04 {background: url(http://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page04/bg.jpg) no-repeat; background-size: cover;overflow: hidden;}
div.page04 h3.title {position: relative;top:9%;width:787px;}

div.page04 div.swiper-wrapper.main { flex-direction: column;align-items: center; }
div.page04 .role_area .swiper-slide {background: transparent;}

div.page04 > div.char_wrap {width: 1920px;height: 1080px;position: absolute;left:50%;top:50%; display:flex;align-items: center; flex-direction: column;z-index: 2;}
div.page04 > div.char_wrap h3.title { width: 450px;position: absolute;left:50%;transform:translateX(-50%); top:8%;}

div.page04 > div.char_wrap div.character_tab {position: absolute;width: 356px;top:53%;transform: translateY(-50%); right:190px;font-size: 0pt;line-height: 0pt;z-index: 99;}
div.page04 > div.char_wrap div.character_tab a {display: inline-block;*display: inline;*zoom: 1;position: relative;}


div.page04 > div.char_wrap div.character_tab a div.img_layer {width:167px;text-align: left;position: relative;}
div.page04 > div.char_wrap div.character_tab > a { position: relative; top:0px; transition:top 0.3s ease-in;}
/*div.page04 > div.char_wrap div.character_tab > a:hover { transition:top 0.3s ease-in; top:-50px;}*/

div.page04 > div.char_wrap div.character_tab > a:nth-child(2) { margin-left: -15px; }
div.page04 > div.char_wrap div.character_tab > a:nth-child(4) { margin-left: -15px; }
div.page04 > div.char_wrap div.character_tab > a:nth-child(6) { margin-left: -15px; }
div.page04 > div.char_wrap div.character_tab > a:nth-child(8) { margin-left: -15px; }

div.page04 > div.char_wrap div.character_tab > a.char01 > div.img_layer::after {content:'';position: absolute;left:0px;top:0px;right:0px;bottom:0px;background:url(http://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page04/cha1_icon_on.png) 0 0 no-repeat;background-size:100%;opacity:0; transition:opacity 0.3s ease-in;z-index:1; }
div.page04 > div.char_wrap div.character_tab > a.char02 > div.img_layer::after {content:'';position: absolute;left:0px;top:0px;right:0px;bottom:0px;background:url(http://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page04/cha2_icon_on.png) 0 0 no-repeat;background-size:100%;opacity:0; transition:opacity 0.3s ease-in;z-index:1; }
div.page04 > div.char_wrap div.character_tab > a.char03 > div.img_layer::after {content:'';position: absolute;left:0px;top:0px;right:0px;bottom:0px;background:url(http://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page04/cha3_icon_on.png) 0 0 no-repeat;background-size:100%;opacity:0; transition:opacity 0.3s ease-in;z-index:1; }
div.page04 > div.char_wrap div.character_tab > a.char04 > div.img_layer::after {content:'';position: absolute;left:0px;top:0px;right:0px;bottom:0px;background:url(http://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page04/cha4_icon_on.png) 0 0 no-repeat;background-size:100%;opacity:0; transition:opacity 0.3s ease-in;z-index:1; }
div.page04 > div.char_wrap div.character_tab > a.char05 > div.img_layer::after {content:'';position: absolute;left:0px;top:0px;right:0px;bottom:0px;background:url(http://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page04/cha5_icon_on.png) 0 0 no-repeat;background-size:100%;opacity:0; transition:opacity 0.3s ease-in;z-index:1; }
div.page04 > div.char_wrap div.character_tab > a.char06 > div.img_layer::after {content:'';position: absolute;left:0px;top:0px;right:0px;bottom:0px;background:url(http://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page04/cha6_icon_on.png) 0 0 no-repeat;background-size:100%;opacity:0; transition:opacity 0.3s ease-in;z-index:1; }
div.page04 > div.char_wrap div.character_tab > a.char07 > div.img_layer::after {content:'';position: absolute;left:0px;top:0px;right:0px;bottom:0px;background:url(http://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page04/cha7_icon_on.png) 0 0 no-repeat;background-size:100%;opacity:0; transition:opacity 0.3s ease-in;z-index:1; }
div.page04 > div.char_wrap div.character_tab > a.char08 > div.img_layer::after {content:'';position: absolute;left:0px;top:0px;right:0px;bottom:0px;background:url(http://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page04/cha8_icon_on.png) 0 0 no-repeat;background-size:100%;opacity:0; transition:opacity 0.3s ease-in;z-index:1; }

div.page04 > div.char_wrap div.character_tab > a.char01:hover > div.img_layer::after {opacity: 1; transition:opacity 0.3s ease-in;}
div.page04 > div.char_wrap div.character_tab > a.char02:hover > div.img_layer::after {opacity: 1; transition:opacity 0.3s ease-in;}
div.page04 > div.char_wrap div.character_tab > a.char03:hover > div.img_layer::after {opacity: 1; transition:opacity 0.3s ease-in;}
div.page04 > div.char_wrap div.character_tab > a.char04:hover > div.img_layer::after {opacity: 1; transition:opacity 0.3s ease-in;}
div.page04 > div.char_wrap div.character_tab > a.char05:hover > div.img_layer::after {opacity: 1; transition:opacity 0.3s ease-in;}
div.page04 > div.char_wrap div.character_tab > a.char06:hover > div.img_layer::after {opacity: 1; transition:opacity 0.3s ease-in;}
div.page04 > div.char_wrap div.character_tab > a.char07:hover > div.img_layer::after {opacity: 1; transition:opacity 0.3s ease-in;}
div.page04 > div.char_wrap div.character_tab > a.char08:hover > div.img_layer::after {opacity: 1; transition:opacity 0.3s ease-in;}

div.ready_for {width: 350px;background: #fff;border-radius:5px;padding:50px 10px 90px 10px;position: relative;text-align: center;}
div.ready_for > p { font-size: 13pt;font-weight: bold;color: #000; }
div.ready_for > a.close {border-radius: 5px;width: 80px;padding: 8px 0px;display: inline-block;*display: inline;*zoom: 1;position: absolute;left:50%;transform: translateX(-50%);bottom:30px;color: #fff;font-size: 12pt;font-weight: bold;background: #737373;}

div.page04 div.role_area div.character {position: absolute;left:0%;top:0%;z-index: 11;width: 100%;height: 100%;}
div.page04 div.role_area div.character > img {position: relative;z-index: 2;}
div.page04 div.role_area div.character > div.img_char {position: absolute;z-index: 3;}

div.page04 div.roll-area div.character > span.text {position: absolute;left:3%;top:5%;z-index: 4;width: 856px;}
div.page04 div.roll-area div.character > span.text > img {width: 100%;}
/*div.page04 div.roll-area .area01 div.character > span.text { clip-path: inset(0 33% 0 7%); }
div.page04 div.roll-area .area02 div.character > span.text { clip-path:inset(0 20% 0 4%); }
div.page04 div.roll-area .area03 div.character > span.text { clip-path: inset(0 22% 0 7%); }
div.page04 div.roll-area .area04 div.character > span.text { clip-path: polygon(3% 37%, 5% 18%, 28% 16%, 42% 19%, 46% 38%, 96% 40%, 95% 67%, 85% 88%, 71% 90%, 25% 91%, 11% 90%, 4% 83%); }*/

div.page04 div.roll-area .area01 div.character > div.img_char { left:30%;bottom:84px; }
div.page04 div.roll-area .area02 div.character > div.img_char { left:37%;bottom:84px; }
div.page04 div.roll-area .area03 div.character > div.img_char { left:31%;bottom:84px; }
div.page04 div.roll-area .area04 div.character > div.img_char { left:42%;bottom:84px; }
div.page04 div.roll-area .area05 div.character > div.img_char { left:40%;bottom:84px; }
div.page04 div.roll-area .area06 div.character > div.img_char { left:30%;bottom:84px; }
div.page04 div.roll-area .area07 div.character > div.img_char { left:36%;bottom:84px; }
div.page04 div.roll-area .area08 div.character > div.img_char { left:27%;bottom:84px; }

div.page04 div.roll-area .area01 div.character > div.img_char > span {position: absolute; left: 39%; top: 50%; transform: translate(-50%, -50%); z-index: -1; width: 100%;}
div.page04 div.roll-area .area02 div.character > div.img_char > span {position: absolute; left: 41%; top: 50%; transform: translate(-50%, -50%); z-index: -1; width: 130%;}
div.page04 div.roll-area .area03 div.character > div.img_char > span {position: absolute; left: 46%; top: 50%; transform: translate(-50%, -50%); z-index: -1; width:100%;}
div.page04 div.roll-area .area04 div.character > div.img_char > span {position: absolute; left: 48%; top: 50%; transform: translate(-50%, -50%); z-index: -1; width: 150%;}
div.page04 div.roll-area .area05 div.character > div.img_char > span {position: absolute; left: 46%; top: 50%; transform: translate(-50%, -50%); z-index: -1; width: 150%;}
div.page04 div.roll-area .area06 div.character > div.img_char > span {position: absolute; left: 48%; top: 50%; transform: translate(-50%, -50%); z-index: -1; width: 110%;}
div.page04 div.roll-area .area07 div.character > div.img_char > span {position: absolute; left: 48%; top: 50%; transform: translate(-50%, -50%); z-index: -1; width: 140%;}
div.page04 div.roll-area .area08 div.character > div.img_char > span {position: absolute; left: 49%; top: 50%; transform: translate(-50%, -50%); z-index: -1; width: 100%;}



div.page04 div.role_area div.swiper-slide.area01 {background: url(http://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page04/cha1_bg.png) 34% top no-repeat; }
div.page04 div.role_area div.swiper-slide.area02 {background: url(http://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page04/cha2_bg.png) 25% top no-repeat; }
div.page04 div.role_area div.swiper-slide.area03 {background: url(http://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page04/cha3_bg.png) 27% top no-repeat; }
div.page04 div.role_area div.swiper-slide.area04 {background: url(http://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page04/cha4_bg.png) 36% top no-repeat; }
div.page04 div.role_area div.swiper-slide.area05 {background: url(http://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page04/cha5_bg.png) 33% top no-repeat; }
div.page04 div.role_area div.swiper-slide.area06 {background: url(http://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page04/cha6_bg.png) 29% top no-repeat; }
div.page04 div.role_area div.swiper-slide.area07 {background: url(http://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page04/cha7_bg.png) 34% top no-repeat; }
div.page04 div.role_area div.swiper-slide.area08 {background: url(http://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page04/cha8_bg.png) 29% top no-repeat; }



div.page05 {background: url(http://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page05/bg.jpg) center center; background-size: cover;overflow: hidden;position: relative;}
div.page05 > div.inner_wrap {width: 1920px;height: 1080px;position: absolute;left:50%;top:50%; display:flex;align-items: center;justify-content: center;z-index: 2;flex-direction: column}
div.page05 div.event_article { width:100%;height: 100%;text-align: center;display: flex;justify-content: center;flex-direction: column;align-items: center;}

div.page05 div.feature_layer {position: relative;width:803px;height:516px;}


div.page05 > div.inner_wrap div.feature_list {}
div.page05 > div.inner_wrap div.feature_contents {width: 803px;height: 553px;}

div.page05 > div.inner_wrap div.feature_contents > img.text01 {top:50%;left:50%;transform: translate(-50%,-50%); position: absolute;}


div.page05 > div.inner_wrap .bx-has-controls-direction {position: absolute;left:0px;width: 100%;top:50%;transform:translateY(-50%) ; z-index: 100;height: 101px;}
div.page05 > div.inner_wrap .bx-controls-direction {position: relative;}
div.page05 > div.inner_wrap .bx-controls-direction a {position: absolute;width:123px;height:123px;font-size: 0pt;line-height: 0pt;z-index: 99;}
div.page05 > div.inner_wrap .bx-controls-direction a.bx-prev {background: url(https://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page05/btn_arrow_left.png) 0 0 no-repeat;top:20px;background-size: 100%;left:-130px;z-index:60;}
div.page05 > div.inner_wrap .bx-controls-direction a.bx-next {background: url(https://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page05/btn_arrow_right.png) 0 0 no-repeat;top:20px;background-size: 100%;right: -130px;z-index: 60;}

div.page05 > div.inner_wrap div.box_thum {width: 950px;font-size: 0pt;line-height: 0pt;}
div.page05 > div.inner_wrap div.box_thum > a {display: inline-block;*display: inline;*zoom: 1;width:183px;height:104px;margin-left: 10px;}
div.page05 > div.inner_wrap div.box_thum > a:first-child {margin-left: 0px;}
div.page05 > div.inner_wrap div.box_thum > a.thmu01:hover img { content:url(https://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page05/img_thum_01_on.png);}
div.page05 > div.inner_wrap div.box_thum > a.thmu02:hover img { content:url(https://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page05/img_thum_02_on.png);}
div.page05 > div.inner_wrap div.box_thum > a.thmu03:hover img { content:url(https://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page05/img_thum_03_on.png);}
div.page05 > div.inner_wrap div.box_thum > a.thmu04:hover img { content:url(https://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page05/img_thum_04_on.png);}

div.page05 > div.inner_wrap div.box_thum > a.thmu01.on img { content:url(https://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page05/img_thum_01_on.png);}
div.page05 > div.inner_wrap div.box_thum > a.thmu02.on img { content:url(https://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page05/img_thum_02_on.png);}
div.page05 > div.inner_wrap div.box_thum > a.thmu03.on img { content:url(https://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page05/img_thum_03_on.png);}
div.page05 > div.inner_wrap div.box_thum > a.thmu04.on img { content:url(https://cdn-img.kingkongsoft.kr/star/event/pre-event/web/page05/img_thum_04_on.png);}























@keyframes blink {
  40% {
    opacity: 0.5;
  }
  80% {
    opacity: 1;
  }
}
@keyframes rotate {
 /*0% {    transform: rotate(0deg)}
 50% {    transform: rotate(360deg)}
 100% {    transform: rotate(0deg)}*/
 from {
    transform: rotate(0deg)
 }
 to {
    transform: rotate(360deg);
 }

}

.role_swiper,.role_swiper .swiper-slide,.role_area{ position:relative; width:100%; height:100%;}


@-webkit-keyframes text-flow-data{0%{-webkit-transform:translateY(0);transform:translateY(0)}
to{-webkit-transform:translateY(-115%);transform:translateY(-115%)}
}
@keyframes text-flow-data{0%{-webkit-transform:translateY(0);transform:translateY(0)}
to{-webkit-transform:translateY(-115%);transform:translateY(-115%)}
}





div.fixed_layer {position: absolute;right:282px;top:120px;z-index: 999;font-size: 0pt;line-height: 0pt;}
div.fixed_layer > .fBanner { position: fixed; }
/*a.home {position: fixed;top:30px;right:95px;color: #fff; font-size: 11pt;font-weight: bold;z-index: 99;border: 1px solid #ddd;text-align: center;padding: 10px;}*/

div.notice {text-align: center;}
div.copyright {text-align: center;color: #868282;font-size: 12pt;padding: 80px 0px 50px 0px;}
div.agree_box {width: 619px;height: 760px;}


/*.footer { background: #151515;  min-height: 254px; padding-bottom: 15px;position: relative;z-index: 1;}*/
/*.footer { background: #22222a;  min-height: 254px;position: relative; padding: 15px 0px 15px 0px;left:0px;right:0px;z-index: 3;}*/
.footer { background: #22222a;  min-height: 254px;position: relative; padding: 15px 0px 15px 0px;left:50%;margin-top: 126px;z-index: 99;width: 1920px;}

.footer.on {  }
.footer ul,
.footer ol { margin: 0px; padding: 0px; list-style: none;}

.footer > span.bottom_open {width: 500px;height: 40px;position: absolute;left:50%;transform: translateX(-50%);top:-40px; text-align: center;cursor:pointer; overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
  font-weight: 900;
}

.footer > span.bottom_open:after {
  content:"";
  border-bottom: 150px solid rgba(133,133,133,0.66);
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  height: 0px;
  width: 200px;
  position: absolute;
  left:50%;
  transform: translateX(-50%);
}

div.footer_top { }
div.footer_top > ul.ci { width: 1224px;margin: 0px auto;text-align-last: left;padding: 10px 0px 20px 0px;}
div.footer_top > ul.ci li {display: inline-block;*display: inline;*zoom: 1;margin-left: 30px;vertical-align: middle;}
div.footer_top > ul.ci li:first-child {margin-left: 0px;}
div.footer_top > ul.site_info { width: 1224px; margin: 0px auto; font-size: 0pt;line-height: 0pt; padding: 10px 0px;}
div.footer_top > ul.site_info > li {  display: inline-block;*display: inline;*zoom: 1; padding: 0px 8px 0px 10px; font-size: 12px;line-height: 1.0; position: relative;}
div.footer_top > ul.site_info > li > a {  color: #ababb3;}
div.footer_top > ul.site_info > li > a > b { color: #c280dd; }
div.footer_top > ul.site_info > li:first-child { padding-left: 0px;  }
div.footer_top > ul.site_info > li:first-child:after {border: 0px;}
div.footer_top > ul.site_info > li:after { position: absolute; content:""; left:0px; top:0px; bottom:0px; border-left: 1px solid #494a4e; }

div.footer_bottom { width: 1224px; margin: 0px auto; /*padding-top: 30px;*/ position: relative; }
/*div.footer_bottom > ul { width: 146px; float: left; height: 100px; }*/
div.footer_bottom > p.addr {  }

div.footer_bottom > p.addr { color: #7b7c81; font-size: 12px;}
div.footer_bottom > div.grade { position: absolute; right: 0px; top:-23px; }
div.footer_bottom > div.grade > img:first-child { margin-left: 0px;  }
div.footer_bottom > div.grade > img { margin-left: 3px; }
.bottom_logo { width: 146px; height: 43px; }
.king_mark { width: 150px; height: 30px;display:block; background: url(http://cdn-img.kingkongsoft.kr/www/common/channel/kingkong/ci_kingkong_w_s.png) 0 0 no-repeat; background-size: 100%; font-size: 0pt;}
.bi_stove { width: 148px; height: 37px;display:block; background: url(http://cdn-img.kingkongsoft.kr/www/common/channel/stove/STOVE_INDIE_LOGO.png) 50% 0 no-repeat; background-size: 100%; font-size: 0pt;}
.ci_hangame { width: 148px; height: 37px;display:block; background: url(http://cdn-img.kingkongsoft.kr/www/common/channel/hangame/NHN_CI_Basic_Reversed.png) 50% 0 no-repeat; background-size: 100%; font-size: 0pt;}
/*.ci_hangame { width: 19%;display: inline-block;*display: inline;*zoom: 1;background: url(http://cdn-img.kingkongsoft.kr/www/common/channel/hangame/NHN CI_Basic Reversed.png) 50% 0 no-repeat;background-size: 100%;}*/
.ci_hangame > img {width: 100% !important;display:inline-block;display:none;}