@charset "utf-8";

html,body{height:100%;padding:0;margin:0;background:#9c1cf7 !important}
.main-visual .slideCount{position:absolute;right:15px;bottom:10px;padding:2px 10px;border-radius:10px;background:rgba(0,0,0,.6);color:#fff;font-size:10px;font-weight:300;z-index:3;}
.main-visual .slideCount .slideCountItem{font-weight:600}

/* 론칭이벤트 */
.event-sec{position:relative;}
.event-sec .event-width{max-width:480px;margin:0 auto;}

.section4{padding:0em 18%;background:#9c1cf7;position:relative;}

.section4 .game-bottom{margin-top:-7%;}
.section4 .game-bottom .img-map-wrap{}
.section4 .game-bottom .img-map-wrap img{}
.section4 .game-bottom .complete{display:none;}
.section4 .start-btn {width:56.26%;display:block;position:absolute;margin-left:-28.13%;left:50%;top:50%;margin-top:-40.25%;border:0px;box-shadow:none;cursor:pointer;}

button{background:transparent;}


.bottom_bar{padding:10px;height:30px;bottom:-50px;left:0;right:0;position:fixed;background:white;position:fixed;z-index:5;transition:all 1s;}
.bottom_bar .ico{float:left;height:30px;}
.bottom_bar .ico img{height:100%;}
.bottom_bar button{background:#ba75fc;border:0px;height:30px;line-height:30px;border-radius:5px;paddding:3px;float:right;color:white;font-weight:bold;}
.bottom_bar.active{bottom:0;}