/*신규_최종레벨 텍스트 : start*/
.new_final_modal{position:absolute; left:0; top:0; width:100%; height:100%; font-size: 1em; z-index:10006!important; background-color: rgba(0,0,0,0.8); padding: 0px 12.5%; display: flex; justify-content: center;  align-items: center; flex-direction:column; box-sizing: border-box}
.new_final_modal img{ width:100%; height:auto}

.new_final_modal .final_level_img{ width:92%; margin:0 auto; padding:0 15%; position:relative; z-index:10 !important; background:url(../images/layer_popup/final_light.png) center top no-repeat; background-size:100% auto; box-sizing:border-box }
.new_final_modal .final_level_img span{ position:relative; display:block; width:100%; padding-top:146.084%;}
.new_final_modal .final_level_img span img{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10}
.new_final_modal .final_level_img span.img_bottom_bg{ position:absolute; left:50%; bottom:10%; transform: translate(-50%, 0); width:67%; padding-top:30%; background-color:var(--final-color1); border-radius:4em 4em 0 0 ; z-index:1 }
.new_final_modal .final_level_img span.img_bottom_ribbon{ position:absolute; left:50%; bottom:0%; transform: translate(-50%, 0); width:90%; padding-top:40%; background:url(../images/layer_popup/final_clear.png) center bottom no-repeat; background-size:100% auto; z-index:15 }
.new_final_modal .final_cont_box{ position:relative; width:100%; background:#fff; border:0.7em solid var(--final-color1); border-radius:4em; padding:8% 6% 6% 6%; margin-top:-10%; box-sizing:border-box; margin-bottom:5% }
.new_final_modal .final_cont_box .final_bnr{ padding:3% 2%}
.new_final_modal .final_cont_box .final_bnr img{ border-radius:1.5em; cursor:pointer}
.new_final_modal .final_cont_box .txt1{ padding:2% 0; font-size:1.6em; font-family: 'Cafe24Ssurround'; letter-spacing:-0.05em; color:rgba(0, 0, 0, 0.9); text-align:center; line-height:1.3; transform: skew(-0.201deg); word-break:keep-all }
.new_final_modal .final_cont_box .txt2{ padding:5% 0 0 0; font-size:1.1em; font-family: 'Cafe24Ssurround'; letter-spacing:-0.05em; color:rgba(0, 0, 0, 0.6); text-align:center; line-height:1.3; transform: skew(-0.201deg); }
.new_final_modal .final_cont_box .final_btn{ margin:2% 0; text-align:center}
.new_final_modal .final_cont_box .final_btn a{ min-width:55%; display:inline-block; font-size:1.4em; font-family: 'Cafe24Ssurround'; letter-spacing:-0.02em; text-align:center; padding:4% 8% 2% 8%; line-height:1.4; background:#30F; border-radius:4em; color:#fff; box-sizing:border-box; box-shadow: 0 0.2em 0 0 rgba(0, 0, 0, 0.9); transform: skew(-0.201deg); }
.new_final_modal .final_cont_box .final_btn a:hover{ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.9); background-color:#000 !important; }

:root{
--final-color1:#d7b997;	
} 
/*신규_최종레벨 텍스트 : end*/

/*신규_레벨업 : start*/
.new_levelup_modal{position:absolute; left:0; top:0; width:100%; height:100%; font-size: 1em; z-index:10106; background-color: rgba(0,0,0,0.8); padding: 0px 12.5%; display: flex; justify-content: center;  align-items: center; flex-direction:column; box-sizing: border-box}
.new_levelup_modal .levelup_cont_box{position:relative; width:100%; background:#fff; border:0.7em solid var(--final-color1); border-radius:3.5em; padding:8% 6% 6% 6%; box-sizing:border-box; text-align:center }
.new_levelup_modal .levelup_cont_box .levelup_tit{position:absolute; left:50%; top:-2.8em; transform: translate(-50%, 0); width:90%; padding-top:22%; background:url(../images/layer_popup/tit_ribbon_reward.png) center bottom no-repeat; background-size:100% auto; z-index:5; line-height:0; text-indent:-999999px}
.new_levelup_modal .levelup_cont_box h4{ padding:5% 0 0 0; font-size:1.6em; font-family: 'Cafe24Ssurround'; letter-spacing:-0.05em; color:rgba(0, 0, 0, 0.4); text-align:center; line-height:1.3; transform: skew(-0.201deg); }
.new_levelup_modal .levelup_cont_box h5{ padding:5% 0 0 0; font-size:1.3em; font-family: 'Cafe24Ssurround'; letter-spacing:-0.05em; color:rgba(0, 0, 0, 0.3); text-align:center; line-height:1.3; transform: skew(-0.201deg); }
.new_levelup_modal .levelup_cont_box .reward_txt1{ padding:2% 0 2% 0; font-size:2.1em; font-family: 'Cafe24Ssurround'; letter-spacing:-0.06em; color:rgba(0, 0, 0, 0.9); text-align:center; line-height:1.2; transform: skew(-0.201deg); min-height:1.4em }
.new_levelup_modal .levelup_cont_box .reward_txt2{ padding:1% 0 0 0; font-size:1.8em; font-family: 'Cafe24Ssurround'; letter-spacing:-0.06em; color:rgba(0, 0, 0, 0.6); text-align:center; line-height:1.3; transform: skew(-0.201deg); }
.new_levelup_modal .levelup_cont_box .levelup_btn{ margin:2% 0; text-align:center}
.new_levelup_modal .levelup_cont_box .levelup_btn a{ min-width:55%; display:inline-block; font-size:1.4em; font-family: 'Cafe24Ssurround'; letter-spacing:-0.02em; text-align:center; padding:5% 10% 3% 10%; line-height:1.4; background:#30F; border-radius:4em; color:#fff; box-sizing:border-box; box-shadow: 0 0.2em 0 0 rgba(0, 0, 0, 0.9); transform: skew(-0.201deg); }
.new_levelup_modal .levelup_cont_box .levelup_btn a:hover{ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.9); background-color:#000 !important; }
.new_levelup_modal .levelup_cont_box .levelup_btn a.btn_end{ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.9); cursor:default; background-color:#eee; color:rgba(0, 0, 0, 0.2)}
.new_levelup_modal .levelup_cont_box .levelup_btn a.btn_end:hover{ background-color:#eee !important; }
.new_levelup_modal .levelup_cont_box .txt1{ padding:5% 0 0 0; font-size:1.1em; font-family: 'Cafe24Ssurround'; letter-spacing:-0.05em; color:rgba(0, 0, 0, 0.6); text-align:center; line-height:1.3; transform: skew(-0.201deg); word-break:keep-all}
.new_levelup_modal .levelup_cont_box .current_level_box{ width:100%; min-height:13em}
.new_levelup_modal .levelup_cont_box .next_level_box{ width:100%; background-color:#ede9e3; border-radius:1.5em; margin-top:8%; padding:0 3% 5% 3%; box-sizing:border-box}
.modal_btn { position:absolute; right:3%; top:5%; z-index:10}
.modal_btn a{ width:3.2em; height:3.2em; position:relative; display:block; opacity: 0.15; cursor:pointer}
.modal_btn a:hover{opacity: 0.3;}
.modal_btn a span{ position: absolute; display:block;  top: 50%; left: 50%; width: 2.5em;  height: 0.6em; border-radius:1em;background-color: black; transform-origin: center;}
.modal_btn a span.first {transform: translate(-50%, -50%) rotate(45deg);}
.modal_btn a span.second {transform: translate(-50%, -50%) rotate(-45deg);}
/*신규_레벨업 : end*/
/*레이어닫기 버튼 : start 260515*/
.modal_btn.nlayer_close_btn{ right: 5%;}
.modal_btn.nlayer_close_btn a{ opacity:1; border-radius:50%; background-color:#fff}
.modal_btn.nlayer_close_btn a span{ opacity:0.8; width: 2em; background-color: black; }
/*레이어닫기 버튼 : end*/

/*신규_애드키키 : start 250902*/
.btn > ul > li > span.n_ad{ position:absolute; right:-0.3em; top:0em; width:3em; height:3em; font-size:0.75em; background: url('https://eventkiki.com//missions/front/images/icon_n_ad.png') center top no-repeat; background-size: 100% auto; box-sizing:border-bo; text-indent: -999em;}
.new_adkiki_modal{position:absolute; left:0; top:0; width:100%; height:100%; font-size: 1em; z-index:10106; background-color: rgba(0,0,0,0.5); padding: 0px 12.5%; display: flex; justify-content: center;  align-items: center; flex-direction:column; box-sizing: border-box}
.new_adkiki_modal .adkiki_cont_box{position:relative; width:100%; background:#fff; border:0.7em solid var(--final-color1); border-radius:3.5em; padding:8% 6% 12% 6%; box-sizing:border-box; text-align:center }
.new_adkiki_modal .adkiki_cont_box .adkiki_icon{position:absolute; left:50%; top:-2.8em; transform: translate(-50%, 0); width:44.2%; padding-top:44.2%; background:url(https://eventkiki.com//missions/front/images/adkiki_icon.png) center top no-repeat; background-size:100% auto; z-index:5; line-height:0; text-indent:-999999px}
.new_adkiki_modal .adkiki_cont_box h4{ padding:30% 0 8% 0; font-size:1.8em; font-family: 'Cafe24Ssurround'; letter-spacing:-0.05em; color:rgba(0, 0, 0, 0.95); text-align:center; line-height:1.3; transform: skew(-0.201deg); }

.new_adkiki_box{ padding-top:2em; font-size:0.5em}
.new_adkiki_btn a{ display:inline-block; font-size:1.3em; font-family: 'Cafe24Ssurround'; letter-spacing:-0.02em; text-align:center; padding:5% 8% 3% 8%; line-height:1.4; background:#30F; border-radius:4em; color:#fff; box-sizing:border-box; box-shadow: 0 0.2em 0 0 rgba(0, 0, 0, 0.9); transform: skew(-0.201deg); position: relative; overflow: hidden; }
.new_adkiki_btn a:hover{ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.9); background-color:#000 !important; }
.new_adkiki_btn a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -5.5em; /* 시작 위치 */
  width: 5em;
  height: 4em;
  background-image: url('https://eventkiki.com/sian/adkiki/images/img_ad/ad_btn_icon.png'); /* PNG 이미지 경로 */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateY(-50%);
  pointer-events: none; 
  animation: moveImage 5s ease-in-out infinite;
  animation-delay: 0s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-play-state: running;
  animation-iteration-count: infinite;
}
@keyframes moveImage {
  0% { left: -5.5em; opacity: 0; }
  5% { opacity: 1; }
  30% { left: 100%; opacity: 1; }
  35% { opacity: 0; }
  100% { left: 100%; opacity: 0; }
}
/*당첨리워드안의 광고버튼*/
.event_win_txt .new_adkiki_btn a{ font-size: 0.5em; padding: 3.5% 7% 3% 7%; margin-top: 8%;}
.event_win_txt .new_adkiki_btn a:hover{ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.9); background-color:#fff !important; color: #000 !important; }

/*신규_애드키키 : end*/

