@charset "utf-8";

/* --------------------------------------------
 * HanbitSoft Service Development Team
 * 썸머오디션 쏘핫업데이트 이벤트 Stylesheet
 * Author - njs2000@hanbitsoft.co.kr 201607
----------------------------------------------- */
#globalGnb .inner {width:1200px !important;}
#wrap{overflow:hidden;width:100%;min-width:1100px;background:url(../images/bg.jpg) no-repeat 50% 80px}
#container{position:relative;width:1100px; height:3660px;margin:80px auto 0;}
#container .top{position:relative;height:574px;}
#container .top .txt_soon{ position:absolute;left:349px;top:527px}

#container .month_box{position:relative;;margin-left:204px;}
#container .july{height:660px; width:896px;margin-bottom:21px;}
#container .august{height:2280px;}

/* 배경아이템 바뀜 */
#bg_item{width:822px;padding-top:256px}
#bg_item .screen_list{}
.screen_list{float:right; background:url(../images/spr_btn_screen.png) no-repeat 0 0;}
.screen_list .btn_screen{position:relative;display:block;width:144px;height:100px; margin-top:20px;font-size:0;color:transparent; text-indent:-9999px;}
.screen_list .btn_screen:first-child{ margin-top:0;}
.btn_screen:after{position:absolute;left:0;top:0;content:'';display:block;width:144px;height:100px; background:url(../images/btn_dim.png) no-repeat 0 0;}
.screen_list .btn_screen.selected:after{display:none}
.screen .screen_cont{}
.screen_cont{display:none}
.screen_cont.selected{display:block;}

/*춤추는 캐릭*/
#dancing_star{overflow:hidden;position:absolute;left:270px;top:280px;width:136px;height:294px;background:url(../images/spr_dancing_char.png) no-repeat 0 0;}


/* 미션시스템 */
#system_renewal{position:absolute;left:110px;top:1762px;width:100%; height:500px;}
#system_renewal .slide_wrap{position:relative;;margin:0 auto;}
#system_renewal .slide_inner{position:absolute;top:0;left:0;width:600px;height:490px;}
#system_renewal .slide_inner .slide_list{overflow:hidden;position:relative;left:50%;top:0;width:619px;height:454px;margin:0 0 5px -310px;}
#system_renewal .slide_inner .slide_list li{display:none;position:absolute;left:0;top:0;text-align:center;opacity:0}

#system_renewal .slide_inner button{position:absolute;top:50%;margin-top:-36px;width:36px;height:59px;text-indent:-9999px;}
#system_renewal button.prev{left:-110px;background:url(../images/btn_pre.png) no-repeat 0 0;}
#system_renewal button.next{right:-110px;background:url(../images/btn_next.png) no-repeat 0 0}
#system_renewal .paging{width:620px;text-align:center;}
#system_renewal .paging a{display:inline-block;width:34px;height:43px; background:url(../images/spr_paging.png) no-repeat -34px 0;text-decoration:none; text-indent:-9999px;}
#system_renewal .paging a.on{ background-position:0 0;;}
#system_renewal .ball{ position:absolute;left:-130px;top:389px}

.char{position:absolute;}
.char.girl{left:-444px;top:109px;width:615px;height:1289px;background:url(../images/img_char_girl.png) no-repeat 0 0;}
.char.boy{left:960px;top:1400px;width:590px;height:1466px;background:url(../images/img_char_boy.png) no-repeat 0 0}