@charset "utf-8";

#wrap, html, body {;margin:0;padding:0;}
.clear { content:"" ; display:block;  height:0px; line-height:0px; font-size:0px; clear:both; }
body { min-height: 700px;background: #000; }

html,body{min-height:700px;background:#000;margin: 0px;overflow-x: hidden;}

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

.naver_login_btn { display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height:0pt; width: 70px;height: 31px;background: url(http://cdn-img.kingkongsoft.kr/www/common/channel/naver/btn_naver_login.png) 0 0 no-repeat;vertical-align: middle;margin-left: 5px;}
.naver_login_btn > img {display: none;}
.kakao_login_btn { display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height:0pt; width: 70px;height: 31px;background: url(http://cdn-img.kingkongsoft.kr/www/common/channel/kakao/btn_kakaol_login.png) 0 0 no-repeat;margin-left: 5px;vertical-align: middle;}
.kakao_login_btn > img {display: none;}

body::-webkit-scrollbar{width:0px}
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}


div.section {position: relative;}

div.header {position: fixed;top:50px;left:0px;right:0px;z-index: 999;}

div.navigator {}
div.navigator > ul {width: 100%;font-size: 0pt;line-height: 0pt;text-align: center;}
div.navigator > ul > li {display: inline-block;*display: inline;*zoom: 1;text-align: center;line-height: 1;margin-left: 122.5px;}
div.navigator > ul > li:first-child { margin-left: 0px; }
div.navigator > ul > li > a {display: inline-block;*display: inline;*zoom: 1;font-size: 0pt;line-height:0;width: 128px;height: 39px;}
div.navigator > ul > li > a.menu01 {background: url(http://cdn-img.kingkongsoft.kr/ms/event/pre-event/web/nav/btn1_off.png) 0 0 no-repeat;background-size: 100%;}
div.navigator > ul > li > a.menu01.hover {background: url(http://cdn-img.kingkongsoft.kr/ms/event/pre-event/web/nav/btn1_on.png) 0 0 no-repeat;background-size: 100%;}
div.navigator > ul > li > a.menu01:hover {background: url(http://cdn-img.kingkongsoft.kr/ms/event/pre-event/web/nav/btn1_on.png) 0 0 no-repeat;background-size: 100%;}
div.navigator > ul > li > a.menu02 {background: url(http://cdn-img.kingkongsoft.kr/ms/event/pre-event/web/nav/btn2_off.png) 0 0 no-repeat;background-size: 100%;}
div.navigator > ul > li > a.menu02.hover {background: url(http://cdn-img.kingkongsoft.kr/ms/event/pre-event/web/nav/btn2_on.png) 0 0 no-repeat;background-size: 100%;}
div.navigator > ul > li > a.menu02:hover {background: url(http://cdn-img.kingkongsoft.kr/ms/event/pre-event/web/nav/btn2_on.png) 0 0 no-repeat;background-size: 100%;}
div.navigator > ul > li > a.menu03 {background: url(http://cdn-img.kingkongsoft.kr/ms/event/pre-event/web/nav/btn3_off.png) 0 0 no-repeat;background-size: 100%;}
div.navigator > ul > li > a.menu03.hover {background: url(http://cdn-img.kingkongsoft.kr/ms/event/pre-event/web/nav/btn3_on.png) 0 0 no-repeat;background-size: 100%;}
div.navigator > ul > li > a.menu03:hover {background: url(http://cdn-img.kingkongsoft.kr/ms/event/pre-event/web/nav/btn3_on.png) 0 0 no-repeat;background-size: 100%;}
div.navigator > ul > li > a.menu04 {background: url(http://cdn-img.kingkongsoft.kr/ms/event/pre-event/web/nav/btn4_off.png) 0 0 no-repeat;background-size: 100%;}
div.navigator > ul > li > a.menu04.hover {background: url(http://cdn-img.kingkongsoft.kr/ms/event/pre-event/web/nav/btn4_on.png) 0 0 no-repeat;background-size: 100%;}
div.navigator > ul > li > a.menu04:hover {background: url(http://cdn-img.kingkongsoft.kr/ms/event/pre-event/web/nav/btn4_on.png) 0 0 no-repeat;background-size: 100%;}


#wrap{
    width: 100% !important;
    transform: none !important;
    transition: none !important;
    background: #000;
    /*min-width: 1390px;*/
    min-height: 1080px;

}
/*#wrap .un.fp-section {
    width: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    transition: all 0.8s ease;
}
#wrap .un.fp-section.active{
    position: relative;
    visibility: visible;
    opacity: 1;
    z-index: 1;
}*/


div.section {
    /*height: 100%;*/
    width: 100% !important;
    /*position: absolute;*/
    /*left: 0px;
    top: 0px;
    bottom:0px;
    right:0px;*/
    height: 1080px;
}
div.section.main.page01 {height: 970px !important;}
div.section.main.page01 div.fp-bg { background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/main/page01/bg.png) 50% -110px no-repeat; height: 100%; position: relative;}
div.section.main.page01 div.bg_mv {position: absolute;left:0px;top:0px;right:0px;bottom:0px;z-index: 0;overflow: hidden !important;height: 970px;}
div.section.main.page01 div.bg_mv > video {width: 100%;height: 1080px;}
div.section.main.page01 .innerWrap { position: absolute;width: 1540px;left:50%;transform: translateX(-50%);top:0px;bottom:0px;}
div.section.main.page01 .innerWrap a.goto_prev {position: absolute;top:588px;left:0px;}
div.section.main.page01 .innerWrap a.mv_link {position: absolute;top:637px;right:0px;}
div.section.main.page01 div.prev_app_store {position: absolute; left:0px;top:855px;}
div.section.main.page01 div.prev_app_store a:first-child {margin-left: 0px;}
div.section.main.page01 div.prev_app_store a {margin-left: 10px;}


div.section.main.page02 div.fp-bg { background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/main/page02/bg_v1.png) 50% 0 no-repeat; height: 100%; position: relative;}
div.section.main.page02 .innerWrap { position: absolute;width: 1485px;left:50%;transform: translateX(-50%);top:0px;}
/*div.section.main.page02 .innerWrap img.ev_contents01 {position: absolute;top:80px;left:55%;transform: translateX(-50%);}*/
/*div.section.main.page02 .innerWrap img.ev_contents03 {position: absolute;top:583px;right:10px;}*/


/*div.section.main.page02 form > p { position: absolute; top:520px;left:0px;width: 620px;text-align: center;}*/
div.section.main.page02 div.reg_box {
    width: 647px;position: absolute;top:467px;left:0px;

}
div.section.main.page02 div.reg_box p {margin-bottom: 15px;text-align: center;font-size: 0pt;}
/*div.section.main.page02 div.reg_box p.channel {margin-top: 5vw;}*/
div.section.main.page02 div.reg_box input.phone {font-family:"Noto Sans KR"; text-align: center;font-size: 18pt;color: #000; font-weight: bold; width: 647px; padding: 15px 0px 16px 0px;margin-top: 10px;outline:0px;background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/main/page02/bg_phone.png) 0 0 no-repeat;border: 0px solid #000;vertical-align: middle;}
div.section.main.page02 div.reg_box input.reg_btn { width: 366px;height: 89px;font-size: 0pt;line-height: 0pt; background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/main/page02/btn_reg.png) 0 0 no-repeat;background-size: 100%; border: none;cursor:pointer;margin: 20px auto 0px auto;display: block;}

div.section.main.page02 div.reg_box div.os {display: inline-block;*display: inline;*zoom: 1;width: 100%; margin: 20px 0px 15px 0vw; position: relative;text-align: center;}
div.section.main.page02 div.reg_box div.os label {display: inline-block;*display: inline;*zoom: 1;background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/main/page02/icon_radio_off.png) 0 0 no-repeat;background-size: 100%; width: 25px;height: 25px;position: absolute;top:0px;left:0px;}
div.section.main.page02 div.reg_box div.os label.on:after { content: ""; background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/main/page02/icon_radio_on.png) 0 0 no-repeat;background-size: 100%; position: absolute;width: 25px;height: 25px;left:0px;top:0px;}
/*div.section.main.page02 div.reg_box div.os label.default:after { content: ""; background: url(http://cdn-img.kingkongsoft.kr/pa/event/pre-event/page02/check_agree/btn_on.png) 0 0 no-repeat;background-size: 100%; position: absolute;width: 3vw;height: 3vw;left:0px;top:0px;}*/
div.section.main.page02 div.reg_box div.os label > input {width: 0px;height: 0px;}

div.section.main.page02 div.reg_box div.os span {position: relative;}

div.section.main.page02 div.reg_box div.os span.android {display: inline-block;*display: inline;*zoom: 1;margin-right: 180px;vertical-align:middle;padding-left: 30px;}

div.section.main.page02 div.reg_box div.os span.ios {display: inline-block;*display: inline;*zoom: 1;vertical-align:middle;padding-left: 30px;}
div.section.main.page02 div.reg_box div.os span img {vertical-align: middle;}

div.section.main.page02 dl.agree_box {width: 647px;height: 180px;margin: 0px auto 0px auto;position: relative;}
div.section.main.page02 dl.agree_box > dt {color: #000;font-size: 11pt;padding: 10px 0px 15px 0px;text-align: left;position: relative;}
div.section.main.page02 dl.agree_box > dt a {vertical-align: middle;position: absolute;right:0px; top:10px; }
div.section.main.page02 dl.agree_box > dt > label {padding-left: 30px;background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/main/page02/icon_check_off.png) 0 0 no-repeat;position: relative;color: #000;font-size: 14pt;width: 370px;height: 25px;display: inline-block;*display: inline;*zoom: 1;line-height: 1.4;}
div.section.main.page02 dl.agree_box > dt > label.on { }
div.section.main.page02 dl.agree_box > dt > label.on:after { content: "";background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/main/page02/icon_check_on.png) 0 0 no-repeat;background-size: 100%; width: 26px;height: 25px;position: absolute;left:0px;top:0px; }
div.section.main.page02 dl.agree_box label > input {width: 0px;height: 0px;opacity: 0;}

div.section.main.page02 dl.agree_box > dd {padding: 0px 0px 0px 0px;color: #000;font-size: 14pt;font-family:"Noto Sans KR";position: relative;}
div.section.main.page02 dl.agree_box > dd > label {line-height: 1;background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/main/page02/icon_check_off.png) 0 0 no-repeat;line-height: 1;margin-bottom: 15px;padding-left:30px;width: 410px;height: 25px;display: block;position: relative;line-height: 1.4;}
div.section.main.page02 dl.agree_box > dd > a.sms_agree {vertical-align: middle;position: absolute;right:0px;  }
div.section.main.page02 dl.agree_box > dd > a.sms_agree.type01 {top:1px;}
div.section.main.page02 dl.agree_box > dd > a.sms_agree.type02 {top:41px;}
div.section.main.page02 dl.agree_box > dd > a.sms_agree.type03 {top:81px;}

div.section.main.page02 dl.agree_box > dd > label.on { }
div.section.main.page02 dl.agree_box > dd > label.on:after { content: ""; background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/main/page02/icon_check_on.png) 0 0 no-repeat; background-size: 100%; position: absolute;width: 26px;height:25px;left:0px;top:0px;}

div.agree_box {height: 100%;}


div.section.main.page03 div.fp-bg { background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/main/page02/bg.png) 50% 0 no-repeat; height: 100%; position: relative;width: 1920px;}

div.section.main.page03 .innerWrap { position: absolute;width: 1920px;left:50%;transform: translateX(-50%);top:0px;bottom:0px;font-size: 0pt;line-height: 0pt;}
div.section.main.page03 .innerWrap a.contents_navi img {width: 480px;}
div.section.main.page03 .innerWrap a.contents_navi {position: relative;display: inline-block;*display: inline;*zoom: 1;}
div.section.main.page03 .innerWrap a.contents_navi > img.off {
    position: absolute;left:0px;top:0px;
    opacity: 1;
    -webkit-opacity:1;
    -o-opacity:1;
    -ms-opacity:1;
    transition: opacity 0.8s ease;
}
div.section.main.page03 .innerWrap a.contents_navi:hover > img.off {
  opacity: 0;
  -webkit-opacity:0;
  -o-opacity:0;
  -ms-opacity:0;
  transition: opacity 0.8s ease;
}



div.section.main.page04 div.fp-bg { background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/main/page04/bg.png) 50% 0 no-repeat; height: 100%; position: relative;}
div.section.main.page04 .innerWrap { position: absolute;width: 800px;left:50%;transform: translateX(-50%);top:0px;bottom:0px;font-size: 0pt;line-height: 0pt;}

div.section.main.page04 .innerWrap a.goto_gallery {position: absolute;left: 130px;top:946px; }
div.section.main.page04 .innerWrap a.goto_gallery img.off {position: absolute;left:0px;top:0px;
    opacity: 1;
    -webkit-opacity:1;
    -o-opacity:1;
    -ms-opacity:1;
    transition: opacity 0.4s ease;
    width: 120px;
}
div.section.main.page04 .innerWrap a.goto_gallery:hover img.off {
    opacity: 0;
    -webkit-opacity:0;
    -o-opacity:0;
    -ms-opacity:0;
    transition: opacity 0.8s ease;
}
div.section.main.page04 .innerWrap a.goto_vod {position: absolute;right: 40px;top:587px; }
div.section.main.page04 .innerWrap a.goto_vod img.off {
    position: absolute;left: 0px;top:0px;
    opacity: 1;
    -webkit-opacity:1;
    -o-opacity:1;
    -ms-opacity:1;
    transition: opacity 0.4s ease;
    width: 120px;
}
div.section.main.page04 .innerWrap a.goto_vod:hover img.off {
    opacity: 0;
    -webkit-opacity:0;
    -o-opacity:0;
    -ms-opacity:0;
    transition: opacity 0.8s ease;
}

a#pop_menu {position: fixed;right:50px;top:50px;z-index:1;}
a#pop_menu > img.black {position: absolute;left:0px;top:0px;
    opacity: 0;
    -webkit-opacity:0;
    -o-opacity:0;
    -ms-opacity:0;
    transition: opacity 1.2s ease;
}
a#pop_menu.on > img.black {
    opacity: 1;
    -webkit-opacity:1;
    -o-opacity:1;
    -ms-opacity:1;
    transition: opacity 1.5s ease;
}

a#pop_menu.off > img {
    opacity: 0;
    -webkit-opacity:0;
    -o-opacity:0;
    -ms-opacity:0;
    transition: opacity 1.2s ease;
}

#wrap > div.prev_app_store {position: fixed;right:153px;top:43px;font-size: 0pt;line-height: 0pt;z-index: 2;
    opacity: 0;
    -webkit-opacity:0;
    -o-opacity:0;
    -ms-opacity:0;
    transition: opacity 1.2s ease;
}
#wrap > div.prev_app_store.on {
    opacity: 1;
    -webkit-opacity:1;
    -o-opacity:1;
    -ms-opacity:1;
    transition: opacity 1.5s ease;
}
#wrap > div.prev_app_store a {display: inline-block;*display: inline;*zoom: 1;margin-left: 10px;position: relative;}
#wrap > div.prev_app_store a > img.b {position: absolute;left:0px;top:0px; display: none;}
#wrap > div.prev_app_store.black > img.b { display: block;  }


#wrap > a.logo {
    position: fixed; left:60px; top:-15px;z-index: 99;
    opacity: 0;
    -webkit-opacity:0;
    -o-opacity:0;
    -ms-opacity:0;
    transition: opacity 1.2s ease;
}
#wrap > a.logo.on {
    opacity: 1;
    -webkit-opacity:1;
    -o-opacity:1;
    -ms-opacity:1;
    transition: opacity 1.5s ease;
    z-index: 9;
}

div.pop_menu {position: fixed;left:50%;top:50%;  transform: translate(-50%,-50%);background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/main/page01/bg_mv.jpg) 0 0 no-repeat;z-index: 9;
    opacity: 0;
    -webkit-opacity:0;
    -o-opacity:0;
    -ms-opacity:0;
    /*width: 0px;height: 0px;*/
    transition-property:opacity;
    /*transition-delay: 0.2s;*/
    /*transition: opacity 1.2s ease;*/
     transition-duration:0.8s;
     transition-timing-function:ease;
}
div.pop_menu.on {
    /*display: block;*/
    /*width: 1920px;height: 1080px;*/
    transition-property:opacity;
    transition-delay: 0.2s;
    /*transition: opacity 1.2s ease;*/
     transition-duration:0.8s;
     transition-timing-function:ease;
    opacity: 1;
    -webkit-opacity:1;
    -o-opacity:1;
    -ms-opacity:1;
}
div.pop_menu div.fp-bg {background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/main/pop_menu/bg.png) 0 0 no-repeat;left:0px;top:0px;bottom:0px;right:0px;position: absolute;}
div.pop_menu > a.home {position: absolute;left:50px;top:110px;}
div.pop_menu > a.pop_close {position: absolute;right:50px;top:110px;}
div.pop_menu div.prev_box {position: absolute;left:155px;top:489px;width: 375px;font-size: 0pt;line-height: 0pt;text-align: center;}
div.pop_menu div.prev_box div.stores {margin-left: -15px;text-align: center;}
div.pop_menu div.prev_box div.stores > a {display: inline-block;*display: inline;*zoom: 1;margin-left: 15px;margin-bottom: 15px;}
div.pop_menu div.prev_box a.goto_prev {display: inline-block;*display: inline;*zoom: 1;margin-top: 95px;margin-bottom: 20px;}
div.pop_menu div.prev_box p.short_cut_link {text-align: center;}
div.pop_menu div.prev_box p.short_cut_link > a {margin-left: 30px;}
div.pop_menu div.prev_box p.short_cut_link > a:first-child {margin-left: 0px;}


div.pop_menu div.menu_box {position: absolute; width: 180px;height: 250px;}
div.pop_menu div.menu_box.event {left:760px;top:517px;}
div.pop_menu div.menu_box.intro {left:1146px;top:517px;}
div.pop_menu div.menu_box.media {left:1534px;top:517px;}
div.pop_menu div.menu_box > ul.menu_list {text-align: center;width: 100%;position: absolute;top:50%;transform: translateY(-50%);}
div.pop_menu div.menu_box > ul.menu_list li {margin-top: 80px;position: relative;}
div.pop_menu div.menu_box > ul.menu_list li:first-child {margin-top: 0px;}

div.pop_menu div.menu_box > ul.menu_list li a {position: relative;}
div.pop_menu div.menu_box > ul.menu_list li a:hover::after {content:'';height: 0px;width: 100%;border-bottom:3px solid red;position: absolute;bottom:-17px;left:0px; }

/*div.pop_menu div.menu_box > ul.menu_list li:hover::before {content:'';height: 0px;width: 100%;border-bottom:3px solid red;position: absolute;bottom:-17px;left:0px; }*/




/* gameinfo*/
div.section.gameinfo.page01 div.fp-bg { background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page01/bg.png) 50% 0 no-repeat; height: 100%; position: relative;}
div.section.gameinfo.page01 .innerWrap { position: absolute;width: 1500px;left:50%;transform: translateX(-50%);top:0px;bottom:0px;}
div.section.gameinfo.page01 .innerWrap > img.page_title {position: absolute;left:462px;top:443px;}

div.section.gameinfo.page01 .innerWrap div.contents_box {position: absolute;right:0px;top:265px;width: 700px;text-align: center;}
div.section.gameinfo.page01 .innerWrap div.contents {}
div.section.gameinfo.page01 div.contents div.event {text-align: center;position: absolute;}
div.section.gameinfo.page01 div.contents div.event > img {display: block;margin: 0px auto;}
div.section.gameinfo.page01 div.contents div.event > a.btns {margin-top: 30px;display: inline-block;*display: inline;*zoom: 1;}


div.section.gameinfo.page01 .bx-controls.bx-has-pager {position: absolute;width: 1920px;left:-1013px;bottom:-100px;background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page01/slide_line.png) 50% 0 no-repeat;height: 10px;text-align: center;}
div.section.gameinfo.page01 .bx-controls.bx-has-pager .bx-default-pager {margin: -42px auto 0px auto;}
div.section.gameinfo.page01 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-item {display: inline-block;*display: inline;*zoom: 1;margin-left: 300px;}
div.section.gameinfo.page01 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-item:first-child {margin-left: 0px;}
div.section.gameinfo.page01 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-item:nth-child(1) a {background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page01/slide_1off.png) 0 0 no-repeat;}
div.section.gameinfo.page01 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-item:nth-child(1) a.active {background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page01/slide_1on.png) 0 0 no-repeat;}
div.section.gameinfo.page01 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-item:nth-child(2) a {background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page01/slide_2off.png) 0 0 no-repeat;}
div.section.gameinfo.page01 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-item:nth-child(2) a.active {background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page01/slide_2on.png) 0 0 no-repeat;}
div.section.gameinfo.page01 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-item:nth-child(3) a {background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page01/slide_3off.png) 0 0 no-repeat;}
div.section.gameinfo.page01 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-item:nth-child(3) a.active {background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page01/slide_3on.png) 0 0 no-repeat;}
div.section.gameinfo.page01 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-link {height: 87px;width: 87px;display: inline-block;*display: inline;*zoom: 1;font-size: 0pt;}


div.section.gameinfo.page01 div.invite_pop {display: none; width: 1920px;height: 1080px;background: rgba(0,0,0,0.6) url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page01/bg_pop_layer_v1.png) 50% -60px no-repeat; background-size: 100%; position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);border: 1px solid #686868;text-align: center;z-index: 999;}
div.section.gameinfo.page01 div.invite_pop > a.close {position: absolute;right:176px;top:68px;width: 47px;}
div.section.gameinfo.page01 div.invite_pop > div.form_box {width: 1400px;height: 96px;top:318px;position: absolute;left:50%;transform: translateX(-50%);}
div.section.gameinfo.page01 div.invite_pop > div.form_box > input.check_phone { width: 807px;height: 57px;font-size: 18pt;color: #fff;padding: 10px 0px 10px 0px; background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page01/bg_phone.png) 0 0 no-repeat; background-size: 100%;margin: 0px 20px 20px 0px;text-align: center;border: none;}
div.section.gameinfo.page01 div.invite_pop > div.form_box > input.invite_code {width: 398px;height: 96px;background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page01/btn_invite_code.png) 0 0 no-repeat;background-size:100%;border: 0px;font-size: 0pt;line-height: 0pt;vertical-align: middle;cursor:pointer;position: relative;top:-4px;}
div.section.gameinfo.page01 div.invite_pop > p.text { width: 1044px; position: absolute;top:455px;left: 50%;transform: translateX(-50%); text-align: left;}
div.section.gameinfo.page01 div.invite_pop > p.text > span.explain {color: #fff;font-size: 0.9rem;display: block;margin-bottom: 3vw;}
div.section.gameinfo.page01 div.invite_pop > p.text label > span {width: 284px;display: inline-block;*display: inline;*zoom: 1;font-size: 14pt;font-weight: bold;color: #000;margin-left: 10px;vertical-align: top;}
div.section.gameinfo.page01 div.invite_pop > p.text input.agree4 {vertical-align: middle;}
div.section.gameinfo.page01 div.invite_pop > p.text a {width: 114px;display: inline-block;*display: inline;*zoom: 1;margin-left: 10px;}
div.section.gameinfo.page01 div.invite_pop > p.text img {vertical-align: middle;}






div.section.gameinfo.page02 div.fp-bg { background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page02/bg.png) 50% 0 no-repeat; height: 100%; position: relative;}
div.section.gameinfo.page02 .innerWrap { position: absolute;width: 1500px;left:50%;transform: translateX(-50%);top:0px;bottom:0px;}
div.section.gameinfo.page02 .innerWrap > img.page_title {position: absolute;left:462px;top:443px;}

div.section.gameinfo.page02 .innerWrap div.contents_box {position: absolute;right:0px;top:375px;width: 700px;text-align: center;}
div.section.gameinfo.page02 .innerWrap div.contents {}
div.section.gameinfo.page02 div.contents div.features {text-align: center;position: absolute;}
div.section.gameinfo.page02 div.contents div.features > img {display: block;margin: 0px auto;}


div.section.gameinfo.page02 .bx-controls.bx-has-pager {position: absolute;width: 1920px;left:-1013px;bottom:-235px;background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page01/slide_line.png) 50% 0 no-repeat;height: 10px;text-align: center;}
div.section.gameinfo.page02 .bx-controls.bx-has-pager .bx-default-pager {margin: -42px auto 0px auto;}
div.section.gameinfo.page02 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-item {display: inline-block;*display: inline;*zoom: 1;margin-left: 300px;}
div.section.gameinfo.page02 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-item:first-child {margin-left: 0px;}
div.section.gameinfo.page02 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-item:nth-child(1) a {background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page01/slide_1off.png) 0 0 no-repeat;}
div.section.gameinfo.page02 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-item:nth-child(1) a.active {background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page01/slide_1on.png) 0 0 no-repeat;}
div.section.gameinfo.page02 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-item:nth-child(2) a {background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page01/slide_2off.png) 0 0 no-repeat;}
div.section.gameinfo.page02 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-item:nth-child(2) a.active {background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page01/slide_2on.png) 0 0 no-repeat;}
div.section.gameinfo.page02 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-item:nth-child(3) a {background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page01/slide_3off.png) 0 0 no-repeat;}
div.section.gameinfo.page02 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-item:nth-child(3) a.active {background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page01/slide_3on.png) 0 0 no-repeat;}
div.section.gameinfo.page02 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-link {height: 87px;width: 87px;display: inline-block;*display: inline;*zoom: 1;font-size: 0pt;}





div.section.gameinfo.page03 div.fp-bg {height: 100%; position: relative;}
div.section.gameinfo.page03 div.fp-bg.bg1 { background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page03/bg1.png) 50% 0 no-repeat; height: 100%; position: relative;}
div.section.gameinfo.page03 div.fp-bg.bg2 { background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page03/bg2.png) 50% 0 no-repeat; height: 100%; position: relative;}
div.section.gameinfo.page03 div.fp-bg.bg3 { background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page03/bg3.png) 50% 0 no-repeat; height: 100%; position: relative;}
div.section.gameinfo.page03 div.fp-bg.bg4 { background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page03/bg4.png) 50% 0 no-repeat; height: 100%; position: relative;}
div.section.gameinfo.page03 .innerWrap { position: absolute;width: 1920px;left:50%;transform: translateX(-50%);top:0px;bottom:0px;}
div.section.gameinfo.page03 .innerWrap div.contents_box {position: relative;top:260px;}
div.section.gameinfo.page03 .innerWrap div.contents {position: relative;width: 1920px;height: 1080px;text-align: center;}
/*div.section.gameinfo.page03 .innerWrap div.contents div.hero {position: absolute;left:50%;transform: translateX(-50%);top:210px;width: 1920px;text-align: center;height: 600px;}*/
div.section.gameinfo.page03 .innerWrap div.contents div.hero > div.char_list {margin-bottom: 50px;text-align: center;}
div.section.gameinfo.page03 .innerWrap div.contents div.hero > div.char_list span {/*cursor: pointer;*/}
div.section.gameinfo.page03 .innerWrap div.contents div.hero > div.char_list span img { filter:grayscale(1); transition: filter 0.8s ease;}
div.section.gameinfo.page03 .innerWrap div.contents div.hero > div.char_list span:hover img{filter:grayscale(0); transition: filter 0.8s ease; }

div.section.gameinfo.page03 .bx-controls-direction a {position: absolute;width: 67px;height: 67px;font-size: 0pt;line-height: 0pt;z-index: 99;}
div.section.gameinfo.page03 .bx-controls-direction a.bx-prev {background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page03/btn_left.png) 0 0 no-repeat;top:605px;background-size: 100%;left:680px;z-index:60;}
div.section.gameinfo.page03 .bx-controls-direction a.bx-next {background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page03/btn_right.png) 0 0 no-repeat;top:605px;background-size: 100%;right: 680px;z-index: 60;}



div.section.gameinfo.page04 div.fp-bg { background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page04/bg.png) 50% 0 no-repeat; height: 100%; position: relative;}
div.section.gameinfo.page04 .innerWrap { position: absolute;width: 1500px;left:50%;transform: translateX(-50%);top:0px;bottom:0px;}
div.section.gameinfo.page04 .innerWrap > img.page_title {position: absolute;left:462px;top:443px;}

div.section.gameinfo.page04 .innerWrap div.contents_box {position: absolute;right:0px;top:375px;width: 700px;text-align: center;}
div.section.gameinfo.page04 .innerWrap div.contents {}
div.section.gameinfo.page04 div.contents div.features {text-align: center;position: absolute;}
div.section.gameinfo.page04 div.contents div.features > img {display: block;margin: 0px auto;}


div.section.gameinfo.page04 .bx-controls.bx-has-pager {position: absolute;width: 1920px;left:-1013px;bottom:-150px;background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page01/slide_line.png) 50% 0 no-repeat;height: 10px;text-align: center;}
div.section.gameinfo.page04 .bx-controls.bx-has-pager .bx-default-pager {margin: -42px auto 0px auto;}
div.section.gameinfo.page04 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-item {display: inline-block;*display: inline;*zoom: 1;margin-left: 300px;}
div.section.gameinfo.page04 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-item:first-child {margin-left: 0px;}
div.section.gameinfo.page04 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-item:nth-child(1) a {background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page01/slide_1off.png) 0 0 no-repeat;}
div.section.gameinfo.page04 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-item:nth-child(1) a.active {background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page01/slide_1on.png) 0 0 no-repeat;}
div.section.gameinfo.page04 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-item:nth-child(2) a {background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page01/slide_2off.png) 0 0 no-repeat;}
div.section.gameinfo.page04 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-item:nth-child(2) a.active {background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page01/slide_2on.png) 0 0 no-repeat;}
div.section.gameinfo.page04 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-item:nth-child(3) a {background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page01/slide_3off.png) 0 0 no-repeat;}
div.section.gameinfo.page04 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-item:nth-child(3) a.active {background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/gameinfo/page01/slide_3on.png) 0 0 no-repeat;}
div.section.gameinfo.page04 .bx-controls.bx-has-pager .bx-default-pager .bx-pager-link {height: 87px;width: 87px;display: inline-block;*display: inline;*zoom: 1;font-size: 0pt;}


div.sub_navi {position: fixed;left:400px;top:38px;z-index: 9;}
div.sub_navi.gameinfo {}

div.sub_navi > ul {}
div.sub_navi > ul > li {display: inline-block;*display: inline;*zoom: 1;margin-left: 20px;}
div.sub_navi > ul > li:first-child {margin-left: 0px;}
div.sub_navi > ul > li > a {display: inline-block;*display: inline;*zoom: 1;position: relative;}
div.sub_navi > ul > li > a > img.on {opacity: 0;position: absolute;left:0px;top:0px;transition: opacity 0.5s ease;}
div.sub_navi > ul > li > a:hover > img.on,
div.sub_navi > ul > li > a.on > img.on {
    opacity: 1;
    -webkit-opacity:1;
    -o-opacity:1;
    -ms-opacity:1;
    transition: opacity 0.8s ease;
 }


div.section.media.page01 div.fp-bg { background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/media/page01/bg.png) 50% 0 no-repeat; height: 100%; position: relative;}
div.section.media.page01 .innerWrap { position: absolute;width: 1500px;left:50%;transform: translateX(-50%);top:0px;bottom:0px;}
div.section.media.page01 .innerWrap > div.contents_box {position: absolute;width: 1500px;text-align: center;top:500px;left:50%;transform: translateX(-50%);}
div.section.media.page01 .innerWrap > div.contents_box > ul.gallery {font-size: 0pt;line-height: 0pt;}
div.section.media.page01 .innerWrap > div.contents_box > ul.gallery > li {display: inline-block;*display: inline;*zoom: 1;width: 400px;margin-left: 35px;overflow: hidden;
    border-radius:15px;
    -webkit-border-radius:15px;
    -ms-border-radius:15px;
    -o-border-radius:15px;
}
div.section.media.page01 .innerWrap > div.contents_box > ul.gallery > li:first-child {margin-left: 0px;}
div.section.media.page01 .innerWrap > div.contents_box > ul.gallery > li > a {display: inline-block;*display: inline;(zoom: 1;)}
div.section.media.page01 .innerWrap > div.contents_box > ul.gallery > li > a > img {width: 100%;}



div.section.media.page02 div.fp-bg { background: url(http://cdn-img.kingkongsoft.kr/clash/event/pre-event/web/media/page02/bg.png) 50% 0 no-repeat; height: 100%; position: relative;}

div.section.media.page02 .innerWrap { position: absolute;width: 1500px;left:50%;transform: translateX(-50%);top:0px;bottom:0px;}
div.section.media.page02 .innerWrap > div.contents_box {position: absolute;width: 1372px;text-align: center;top:444px;left:50%;transform: translateX(-50%);}

div.section.media.page02 .innerWrap > div.contents_box div.movie_area {width: 656px;height: 369px;margin: 0px auto 0px auto;}

div.section.media.page02 .innerWrap > div.contents_box > ul.movie {font-size: 0pt;line-height: 0pt;position: absolute;top:0px;left:0px;right:0px;}
div.section.media.page02 .innerWrap > div.contents_box > ul.movie > li {display: inline-block;*display: inline;*zoom: 1;width: 320px;margin-left: 15px;overflow: hidden;
    border-radius:15px;
    -webkit-border-radius:15px;
    -ms-border-radius:15px;
    -o-border-radius:15px;
    position: absolute;
}
div.section.media.page02 .innerWrap > div.contents_box > ul.movie > li:nth-child(1) {left:0px;top:0px;}
div.section.media.page02 .innerWrap > div.contents_box > ul.movie > li:nth-child(2) {left:0px;top:188px;}
div.section.media.page02 .innerWrap > div.contents_box > ul.movie > li:nth-child(3) {right:16px;top:0px;}
div.section.media.page02 .innerWrap > div.contents_box > ul.movie > li:nth-child(4) {right:16px;top:188px;}
/*div.section.media.page02 .innerWrap > div.contents_box > ul.movie > li:first-child {margin-left: 0px;}*/
/*div.section.media.page02 .innerWrap > div.contents_box > ul.movie > li > a {display: inline-block;*display: inline;(zoom: 1;)}*/
/*div.section.media.page02 .innerWrap > div.contents_box > ul.movie > li > a > img {width: 100%;}*/




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;}


.footer { background: #18181a; min-height: 154px;  /*min-height: 184px;*/ /*padding-bottom: 15px;*/}
.footer ul,
.footer ol { margin: 0px; padding: 0px; list-style: none;}

/*div.footer_top {  border-bottom: 1px solid #3c3d42; }*/
div.footer_top > ul.site_info { width: 1200px; margin: 0px auto; font-size: 0pt;line-height: 0pt; padding: 20px 0px;}
div.footer_top > ul.site_info > li {  display: inline-block;*display: inline;*zoom: 1; padding: 0px 20px 0px 25px; font-size: 14px;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: red; }
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: 1200px; margin: 0px auto; padding-top: 30px;padding-bottom: 30px; position: relative; }
div.footer_bottom > ul { width: 120px; float: left; height: 100px; margin-top: 24px;}
div.footer_bottom > p.addr { margin-left: 130px; }

div.footer_bottom > p.addr { margin-left: 130px; color: #7b7c81; font-size: 12px;}
div.footer_bottom > div.grade { position: absolute; right: 0px; top:33px; }
div.footer_bottom > div.grade > img:first-child { margin-left: 0px;  }
div.footer_bottom > div.grade > img { margin-left: 3px; }
.bottom_logo { width: 100px; height: 51px; }
.bottom_logo img {width: 100%;}
.noble_mark { display: inline-block;*display: inline;*zoom: 1; background: url(http://cdn-img.kingkongsoft.kr/www/img/footer_logo.png) 0 0 no-repeat; background-size: 100%; font-size: 0pt;}
.kingkong { font-size:16pt;font-weight: 900;color: #fff;text-align: center;line-height: 2;}