@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css");


.eventkiki_wrap {width: 100%; margin:0 auto; position:relative; font-size: 24px;}
.eventkiki_wrap img {border: none;vertical-align: top}
.eventkiki_wrap h2, .eventkiki_wrap h3, .eventkiki_wrap h4, .eventkiki_wrap h5{ margin:0; padding:0}
.eventkiki_wrap dl, .eventkiki_wrap dt, .eventkiki_wrap dd, .eventkiki_wrap ul, .eventkiki_wrap li, .eventkiki_wrap ol, .eventkiki_wrap p{ margin:0; padding:0; list-style:none}
.eventkiki_container{ font-size: 1em;}

/*block : start*/
.eventkiki_wrap .block_img{ width:100%;}
.eventkiki_wrap .block_img img{ width:100%; height:auto; margin: 0 !important; padding: 0 !important;}
.eventkiki_wrap .block_btn { width:100%; padding:8.333% 0; text-align:center;  background-position:center top; background-repeat:no-repeat; background-size:100% auto}
.eventkiki_wrap .block_mission_btn{ width:100%; padding:0 0 9.5% 0; text-align:center}
.eventkiki_wrap .btn_basic { padding: 3% 5%; font-size: 1.5em; line-height: 1.5; font-family: 'Pretendard Variable', sans-serif, 'Noto Sans KR'; font-weight: 600; border: none; min-width: 54.166%; border-radius: 0.6em; box-sizing: border-box; cursor: pointer; min-width:12em; width: fit-content; margin: 0 auto;}
.eventkiki_wrap .block_mission_btn a{ display:block; width:100%; cursor:pointer;}
.eventkiki_wrap .block_mission_btn a img{ width:100%; height:auto}
/*block : end*/


/*스탬프 : start*/
.eventkiki_wrap .block_stamp{ padding:6.979% 5.52%; background-position:center top; background-repeat:no-repeat; background-size:100% auto}
.eventkiki_wrap .block_stamp .stamp_area{ display:flex; flex-wrap:wrap; align-content:center; justify-content:center; margin:0 auto !important; width:100%; padding:0 !important }
.eventkiki_wrap .block_stamp .stamp_area li{ display:inline-block; position:relative; margin:1.988%; width:29.357%; padding-top:29.357%; text-align:center; box-sizing:border-box; border: none;}
.eventkiki_wrap .block_stamp .stamp_area li img{ position:absolute; left:0; top:0; width:100%; height:100%}
.eventkiki_wrap .block_stamp .stamp_area li img.on{ display:none}
.eventkiki_wrap .block_stamp .stamp_area li.on img{ display:none}
.eventkiki_wrap .block_stamp .stamp_area li.on img.on{ display:block}
.eventkiki_wrap .block_stamp .stamp_area.stamp_16 li{ width:21.024%; padding-top:21.024%}
.eventkiki_wrap .block_stamp .stamp_area.stamp_30 li{ width:16.024%; padding-top:16.024%}
/*스탬프 : end*/

/*선물상자 : start*/
.eventkiki_wrap .block_giftbox{ width:100%; overflow:hidden; background-position:center top; background-repeat:no-repeat; background-size:100% auto;}
.eventkiki_wrap .block_giftbox img{ width:100%; height:auto}
/*선물상자 : end*/

/*미션리스트 : start*/
.eventkiki_wrap .block_mission{ width:100%; padding:0 7.291% 4% 7.291%; box-sizing:border-box; display:grid; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'!important; text-align:left !important; background-position:center top; background-repeat:no-repeat; background-size:100% auto}
.eventkiki_wrap .block_mission h3{ font-size:1.5em !important; line-height: 2.2 !important; padding: 6% 0 4% 0 !important; letter-spacing:-0.03em !important; font-weight: 700; margin:0}
.eventkiki_wrap .block_mission .mission_area > dl{ border-radius: 0.5em; margin-bottom: 1.2em; padding: 5% 6% 5% 6%; box-sizing: border-box;}
.eventkiki_wrap .block_mission .mission_area > dl > dt{ font-size:1.2em; font-weight:700;  line-height:1.3em; letter-spacing:-0.03em; padding-right:3.5em; box-sizing:border-box}
.eventkiki_wrap .block_mission .mission_area > dl > dd{ padding-top:1.5%; font-size:0.9em; line-height:1.35em; letter-spacing:-0.03em; padding-right:3.5em; box-sizing:border-box}
.eventkiki_wrap .block_mission .mission_area > dl > dd.btn_box{ position:relative; width:100%; height:0}
.eventkiki_wrap .block_mission .mission_area > dl > dd.btn_box .btn_missions{ position:absolute; right:0; top:0.5em; font-size: 1em; line-height: 3em; font-family: 'Pretendard Variable', sans-serif, 'Noto Sans KR'; font-weight: 500; border: none; width: 3em; height:3em; border-radius: 5em; box-sizing: border-box; padding:0; cursor: pointer; text-align:center}
/*미션리스트 : end*/


/*리워드현황 : start*/
.eventkiki_wrap .block_reward{ width:100%; overflow:hidden; padding:0 0 2em 7.291%; box-sizing:border-box; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'!important; text-align:left !important}
.eventkiki_wrap .block_reward h3{ font-size:1.5em !important; line-height: 2.2 !important; padding: 6% 0 4% 0 !important; letter-spacing:-0.03em !important; font-weight: 700; margin:0}
.eventkiki_wrap .block_reward .reward_box{ width:100%; position:0; margin:0; overflow-y: auto; box-sizing:border-box}
.eventkiki_wrap .block_reward .reward_box::-webkit-scrollbar { height:0.9em; border-radius:2px;}
.eventkiki_wrap .block_reward .reward_box::-webkit-scrollbar-track {  background:rgba(0, 0, 0, .1);  border-radius:1em;}
.eventkiki_wrap .block_reward .reward_box::-webkit-scrollbar-thumb { background:rgba(0, 0, 0, .26); border-radius:1em;}
.eventkiki_wrap .block_reward .reward_area{ display: flex; height: 15em !important; }
.eventkiki_wrap .block_reward .reward_area::-webkit-scrollbar { height:4px; border-radius:2px;}
.eventkiki_wrap .block_reward .reward_area::-webkit-scrollbar-track {  background: #fff;}
.eventkiki_wrap .block_reward .reward_area::-webkit-scrollbar-thumb { background:rgba(0, 0, 0, .26); border-radius:3px;}
.eventkiki_wrap .block_reward .reward_area .reward_list{ width: 12.5em; padding: 0 0.5em 0 0; margin: 0 !important; float: left; }
.eventkiki_wrap .block_reward .reward_area .reward_list:last-child{ padding-right:2em}
.eventkiki_wrap .block_reward .reward_area .reward_list dl{ width: 12em;}
.eventkiki_wrap .block_reward .reward_area .reward_list dt{ padding:0 0 6% 0; text-align:center}
.eventkiki_wrap .block_reward .reward_area .reward_list dt > span{ display:block; padding:0 1%; box-sizing:border-box; overflow:hidden}
.eventkiki_wrap .block_reward .reward_area .reward_list dt > span.img{ position:relative; width:100%; padding:66.666% 0 0 0;}
.eventkiki_wrap .block_reward .reward_area .reward_list dt > span.img img{ position:absolute; left:0; top:0; width:100%; height:100%}
.eventkiki_wrap .block_reward .reward_area .reward_list dt > span.tit{ font-size:1em; font-weight:700;line-height:1.6em; height:1.6em; letter-spacing:-0.05em; position: initial; background: none;}
.eventkiki_wrap .block_reward .reward_area .reward_list dt > span.txt{ font-size:0.8em; letter-spacing:-0.04em; height: 1.5em; line-height:1.5em; position: initial; background: none;}
.eventkiki_wrap .block_reward .reward_area .reward_list a{ display:block; width:100%; height:2.7em; font-size:1em; font-weight:500; line-height:2.7em; letter-spacing:-0.04em; background-color:#b9b9b9; color:rgba(0,0,0,0.6); text-align:center}
.eventkiki_wrap .block_reward .reward_area .reward_list a.btn_reward{ background-color:#000; color:#fff; cursor:pointer}

/*리워드현황 : end*/

/*이벤트안내 : start*/
.eventkiki_wrap .block_text{ width:100%; padding:6.25% 3% 6.25% 7.2%; box-sizing:border-box; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'!important; text-align:left !important}
.eventkiki_wrap .block_text > h4{ font-size:1.2em !important; font-weight:600 !important; letter-spacing:-0.025em !important; line-height:1.4 !important; padding-bottom:0.3em; margin:0}
.eventkiki_wrap .block_text > .text_cont { padding:0.25em 0 !important; font-size:0.9em !important; letter-spacing:-0.05em !important; line-height:1.6 !important;}
/*이벤트안내 : end*/


/*당첨 화면 : start*/
.eventkiki_wrap .block_win {position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); top: 0; left: 0; z-index: 1000000000; display: flex; justify-content: center; align-items: center; flex-direction: column; box-sizing: border-box; overflow-y: auto;  padding: 5vh 0; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; }
.eventkiki_wrap .block_win .win_area { max-width: 450px;  width: 70%; padding: clamp(0px, 4.5%, 25px);; border-radius: 1.4em; box-sizing: border-box; max-height: 90vh; overflow-y: auto; flex-direction: column; justify-content: center;	background-color:#fff;	position:relative;}
/*스크롤바 변경*/
.eventkiki_wrap .block_win .win_area::-webkit-scrollbar { width: 5px;  }
.eventkiki_wrap .block_win .win_area::-webkit-scrollbar-thumb { background: #252525; border-radius: 10px; }
.eventkiki_wrap .block_win .win_area::-webkit-scrollbar-track { background: rgb(234, 234, 234, 0.5);  border-radius: 10px;  }

/* 반응형 폰트 크기 조정 */
.eventkiki_wrap .block_win .win_cont h2 { font-size: calc(1.5vw + 1.5vh);}
.eventkiki_wrap .block_win .win_cont p { font-size: calc(1vw + 0.8vh); padding: 4%;}

/* 버튼 및 입력창 크기 자동 조정 */
.eventkiki_wrap .block_win .win_phone input { font-size: calc(1vw + 0.6vh); height: 3.2em; padding: 0.5em; }
.eventkiki_wrap .block_win .win_phone .kiki_btn { font-size: calc(1vw + 0.6vh); height: 3.2em; line-height: 3.2em;}

/*
.eventkiki_wrap .block_win{ position:absolute; width:100%; height: 100%;  background-color: rgba(0,0,0,0.5); top:0px; left:0px; z-index:100;  padding: 0px; display: flex; justify-content: center;  align-items: center; flex-direction:column; box-sizing: border-box; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';}
.eventkiki_wrap .block_win .win_area{ position:relative; background-color:#fff; width:88%; padding:4.578%; border-radius:1.8em; box-sizing:border-box}
*/
.eventkiki_wrap .block_win .win_close{ position:absolute; top:1.4%; right:2.4%; width:1.5em; height:1.5em; border-radius:100%; background:#000 url(https://stg.eventkiki.com/eventkiki/ekiki_image/close_line.png) center no-repeat !important; background-size:100% auto !important; box-sizing:border-box; font-size: 1em; text-indent:-999999em; cursor:pointer}
.eventkiki_wrap .block_win .win_cont > h2{ text-align:center; color:#000000; font-weight:800!important; padding:0.5em 0!important; font-size:1.3em; letter-spacing:-0.01em; line-height:1.4; margin:0}
.eventkiki_wrap .block_win .win_cont > p{ border-radius:1em; background-color:#eaeaea; box-sizing:border-box;  display: flex; lign-items: center; padding:4%; margin: 0 0 1em 0; width:100%; max-height: 6.2em; font-size: 0.8em; line-height:1.4; text-align: center; overflow-y: auto; color: #252327;  letter-spacing: -0.04em; word-break: keep-all;	text-align:center;}
.eventkiki_wrap .block_win .win_cont img{ width:100%; height:auto; max-height: 200px; object-fit: contain; margin: 0 auto;}
.eventkiki_wrap .block_win .win_cont  > .win_img{ width:100%;}
.eventkiki_wrap .block_win .win_cont .win_banner a{ display:block; width:100%; cursor:pointer}
.eventkiki_wrap .block_win .win_cont .win_banner a img{ width:100%; height:auto}

.eventkiki_wrap .block_win .win_cont dl{ text-align:center; padding:0.6em 0 0.8em 0}
.eventkiki_wrap .block_win .win_cont dt{ color:#000000; font-weight:500; margin:0; font-size:0.75em; line-height:1.4 }
.eventkiki_wrap .block_win .win_cont dd{ color:#000000; font-weight:800; margin:0 ; font-size:1.2em; line-height:1.4; padding-top:0.1em; letter-spacing:-0.05em; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/*당첨 : 전화번호 : start*/
.eventkiki_wrap .block_win .win_phone{ width:100%; margin-bottom:1em; text-align:center; font-size:1em; letter-spacing:-0.04em}
.eventkiki_wrap .block_win .win_phone div{ display:flex; background:none; padding-bottom:5%; border-radius:0}
.eventkiki_wrap .block_win .win_phone div input{ width:60%; border:1px solid #CCC; text-indent:0.8em; padding:0; height:3em; border-radius:0.4em; font-size:0.8em; background-color:#fff; letter-spacing:-0.04em}
.eventkiki_wrap .block_win .win_phone div .kiki_btn{ overflow:hidden; border:1px solid #000; width:40%; height:3em; line-height:3em; padding:0; text-align:center; border-radius:0.4em; font-size:0.8em;; background-color:#000; letter-spacing:-0.04em; font-weight:500; box-shadow:none; color:#fff; cursor:pointer}
.eventkiki_wrap .block_win .win_phone input.new_chec{ width:1em; height:1em;  }
.eventkiki_wrap .block_win .win_phone label{ padding-left:0.2em; font-size:0.8em }
/*당첨 : 전화번호 : end*/

/*당첨 : 타로카드 : start*/
.eventkiki_wrap .block_win .tarot_cont > h3{ float:left; width:100%; text-align:center; color:#000000; font-weight:800;  padding:6% 0 3% 0!important; font-size:1.9em!important; letter-spacing:-0.01em; margin:0}
.eventkiki_wrap .block_win .tarot_cont > p{ float:left;  border-radius:1em; background-color:#eaeaea; padding:4% 2% 4% 4%; margin: 0 0 6% 0; width:100%; font-size: 0.9em; line-height:1.4; color: #252327;  letter-spacing: -0.04em; word-break: keep-all; box-sizing:border-box}
.eventkiki_wrap .block_win .tarot_cont > p span{ display:block; float:left}
.eventkiki_wrap .block_win .tarot_cont > p span.img{ width:20%; border-radius:1em;}
.eventkiki_wrap .block_win .tarot_cont > p span.img img{ width:100%; height:auto}
.eventkiki_wrap .block_win .tarot_cont > p span.txt{ padding-left:3%; width:80%; box-sizing:border-box}
/*당첨 : 타로카드 : end*/
@media only screen and (max-width:750px) {
.eventkiki_wrap .block_win .win_area { max-width: 400px;  width: 70%; padding: clamp(0px, 4.5%, 25px);; border-radius: 1.8em; box-sizing: border-box; max-height: 90vh; overflow-y: auto; flex-direction: column; justify-content: center;	background-color:#fff;	position:relative;}
.eventkiki_wrap .block_win .win_close{ position:absolute; top:1.4%; right:2.4%; width:1.8em; height:1.8em; border-radius:100%; background:#000 url(https://stg.eventkiki.com/eventkiki/ekiki_image/close_line.png) center no-repeat !important; background-size:100% auto !important; box-sizing:border-box; font-size: 1em; text-indent:-999999em; cursor:pointer}
.eventkiki_wrap .block_win .win_cont > h2{ text-align:center; color:#000000; font-weight:800!important; padding: 0.7em 0!important; font-size:1.6em; letter-spacing:-0.01em; margin:0}
.eventkiki_wrap .block_win .win_cont > p{ border-radius:1em; background-color:#eaeaea; box-sizing:border-box;  display: flex; lign-items: center; padding:4%; margin: 0 0 1em 0; width:100%; max-height: 6.2em; font-size: 0.9em; line-height:1.4; text-align: center; overflow-y: auto; color: #252327;  letter-spacing: -0.04em; word-break: keep-all;	text-align:center;}
.eventkiki_wrap .block_win .win_cont dt{ color:#000000; font-weight:500; margin:0; font-size:1em; line-height:1.4 }
.eventkiki_wrap .block_win .win_cont dd{ color:#000000; font-weight:800; margin:0 ; font-size:1.4em; line-height:1.4; padding-top:0.1em; letter-spacing:-0.05em  }

.eventkiki_wrap .block_win .win_phone div input{ width:60%; border:1px solid #CCC; text-indent:0.8em; padding:0; height:3.2em; border-radius:0.4em; font-size:1em; background-color:#fff; letter-spacing:-0.04em}
.eventkiki_wrap .block_win .win_phone div .kiki_btn{ overflow:hidden; border:1px solid #000; width:40%; height:3.2em; line-height:3.2em; padding:0; text-align:center; border-radius:0.4em; font-size:1em;; background-color:#000; letter-spacing:-0.04em; font-weight:500; box-shadow:none; color:#fff; cursor:pointer}
.eventkiki_wrap .block_win .win_phone label{ padding-left:0.2em; font-size:1em }
}
/*당첨 화면 : end*/

/*플로팅 리워드 레이어 : start*/
.eventkiki_wrap .block_floatingRwd{ display: flex; position:fixed; width:100%;  height: 100%;  background-color: rgba(0,0,0,0.5); top:0px; left:0px; z-index:100;  padding: 0px; justify-content: center; align-items: center; flex-direction:column; box-sizing: border-box; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';}
.eventkiki_wrap .block_floatingRwd .floatingRwd_area{ position:relative; background-color:#fff;  width:70%; padding:25px 25px 50px 25px; border-radius:35px; box-sizing:border-box; max-width:500px}
.eventkiki_wrap .block_floatingRwd .floatingRwd_area .kiki_close{ position:absolute; top:3%; right:2.4%; width:1.5em; height:1.5em; border-radius:100%; background:#000 url(https://stg.eventkiki.com/eventkiki/ekiki_image/close_line.png) center no-repeat !important; background-size:100% auto !important; box-sizing:border-box; font-size: 1em; text-indent:-999999em; cursor:pointer}
.eventkiki_wrap .block_floatingRwd .floatingRwd_area dl{ text-align:center; padding:2.3em 0}
.eventkiki_wrap .block_floatingRwd .floatingRwd_area dt{ color:#000000; font-weight:700; margin:0 ; font-size:1.5em; line-height:1.4;letter-spacing:-0.05em  }
.eventkiki_wrap .block_floatingRwd .floatingRwd_area dd{ color:#000000; font-weight:400; margin:0; font-size:1em; line-height:1.4;padding-top:0.4em;letter-spacing:-0.05em }
.eventkiki_wrap .block_floatingRwd .floatingRwd_area .btn_wrap{ text-align:center}
.eventkiki_wrap .block_floatingRwd .floatingRwd_area .btn_wrap .kiki_btn{ display:inline-block;border:1px solid #000; width:35%; height:2.4em; line-height:2.4em; padding:0; text-align:center; border-radius:0.5em; font-size:0.95em;; background-color:#000; letter-spacing:-0.04em; font-weight:500; box-shadow:none; color:#fff; cursor:pointer}
.eventkiki_wrap .block_floatingRwd .floatingRwd_area .btn_wrap .kiki_btn.btn_kakao{ border-color:#fee500; background-color:#fee500; color:#000}
@media only screen and (max-width:750px) {
.eventkiki_wrap .block_floatingRwd .floatingRwd_area{ position:relative; background-color:#fff;  width:75%; padding:3.5% 4.578% 10% 4.578%; border-radius:1.8em; box-sizing:border-box; max-width:30em}
.eventkiki_wrap .block_floatingRwd .floatingRwd_area .kiki_close{ position:absolute; top:3%; right:2.4%; width:2em; height:2em; border-radius:100%; background:#000 url(https://stg.eventkiki.com/eventkiki/ekiki_image/close_line.png) center no-repeat !important; background-size:100% auto !important; box-sizing:border-box; font-size: 1em; text-indent:-999999em; cursor:pointer}
.eventkiki_wrap .block_floatingRwd .floatingRwd_area .btn_wrap .kiki_btn{ display:inline-block;border:1px solid #000; width:35%; height:2.8em; line-height:2.8em; padding:0; text-align:center; border-radius:0.5em; font-size:1em;; background-color:#000; letter-spacing:-0.04em; font-weight:500; box-shadow:none; color:#fff; cursor:pointer}
}
/*플로팅 리워드 레이어 : end*/

/*참여 가능 수 : start*/
.eventkiki_wrap .block-count { padding-top:6%; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';}
.eventkiki_wrap .block-count dl{ display:flex; margin:0 7.291%; border-radius:0.8em; box-sizing:border-box; padding:4% 5%; font-size:1.3em !important; line-height:1.5 !important}
.eventkiki_wrap .block-count dt{ width:70%; text-align:left}
.eventkiki_wrap .block-count dd{ width:30%; text-align:right; font-weight:600}
/*참여 가능 수 : end*/

/*관리자 screen css : start*/
.eventkiki_wrap .block_line{ border:1px solid #000; box-sizing:border-box; margin-top: -1px;}
.eventkiki_wrap .block_line:first-child{ margin-top: 0;}
.eventkiki_wrap .line_active{ border: 15px solid #000 !important;}
/*관리자 screen css : end*/

/*에러 레이어 : start*/
.eventkiki_wrap .block_error{display: flex; position:fixed; width:100%;  height: 100%;  background-color: rgba(0,0,0,0.5); top:0px; left:0px; z-index:100;  padding: 0px; justify-content: center; align-items: center; flex-direction:column; box-sizing: border-box; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';}
.eventkiki_wrap .block_error .error_area{ position:relative; background-color:#fff;   width:70%; max-width:600px; padding:25px; border-radius:35px; box-sizing:border-box; overflow-y: auto;}
.eventkiki_wrap .block_error .error_area .kiki_close{ position:absolute; top:2%; right:2.4%; width:1.5em; height:1.5em; border-radius:100%; background:#000 url(https://stg.eventkiki.com/eventkiki/ekiki_image/close_line.png) center no-repeat !important; background-size:100% auto !important; box-sizing:border-box; font-size: 1em; text-indent:-999999em; cursor:pointer}
.eventkiki_wrap .block_error .error_area dl{ text-align:center; padding:8% 0 0em 0}
.eventkiki_wrap .block_error .error_area dt{ color:#000000; font-weight:700; margin:0 ; font-size:1.5em; line-height:1.4;letter-spacing:-0.03em  }
.eventkiki_wrap .block_error .error_area dd{ color:#000000; font-weight:400; margin:0; font-size:0.8em; line-height:1.4;padding:3% 0 1% 0;letter-spacing:-0.05em }
.eventkiki_wrap .block_error .error_area dd#error_text{  font-size:1.3em; padding:2% 1%; word-break:keep-all} /*20250701_수정*/
.eventkiki_wrap .block_error .error_area  img{ width:100%; height:auto; max-width:300px}
.eventkiki_wrap .block_error .error_area  > .error_img{ width:100%; text-align:center; }
.eventkiki_wrap .block_error .error_area .btn_wrap{ text-align:center; padding-bottom:5%}
.eventkiki_wrap .block_error .error_area .kiki_btn{ border:0.09em solid #000;  background-color:#000; color:#fff; width:60%; height:2.4em; line-height:2.4; padding:0; text-align:center; border-radius:0.6em; font-size:0.95em; letter-spacing:-0.04em; font-weight:500; box-shadow:none; cursor:pointer; min-width:8.5em; margin:0 auto}
.eventkiki_wrap .block_error .error_area .kiki_btn:hover{ border:0.09em solid #444; background-color:#444; }
@media only screen and (max-width:750px) {
.eventkiki_wrap .block_error .error_area{ position:relative; background-color:#fff; width:80%; padding:4.578%; border-radius:1.8em; box-sizing:border-box; max-width:30em}
.eventkiki_wrap .block_error .error_area .kiki_close{ position:absolute; top:2%; right:2.4%; width:2em; height:2em; border-radius:100%; background:#000 url(https://stg.eventkiki.com/eventkiki/ekiki_image/close_line.png) center no-repeat !important; background-size:100% auto !important; box-sizing:border-box; font-size: 1em; text-indent:-999999em; cursor:pointer}
.eventkiki_wrap .block_error .error_area dl{ text-align:center; padding:8% 0 0em 0}
.eventkiki_wrap .block_error .error_area dt{ color:#000000; font-weight:700; margin:0 ; font-size:1.6em; line-height:1.4;letter-spacing:-0.03em  }
.eventkiki_wrap .block_error .error_area dd{ color:#000000; font-weight:400; margin:0; font-size:0.95em; line-height:1.4;padding:3% 0 1% 0;letter-spacing:-0.05em }
.eventkiki_wrap .block_error .error_area dd#error_text{  font-size:1.4em;} /*20250701_수정*/
.eventkiki_wrap .block_error .error_area  img{ width:100%; height:auto; max-width:300px}
.eventkiki_wrap .block_error .error_area  > .error_img{ width:100%; text-align:center; }
.eventkiki_wrap .block_error .error_area .btn_wrap{ text-align:center; padding-bottom:5%}
.eventkiki_wrap .block_error .error_area .kiki_btn{border:0.09em solid #000; width:70%; height:2.5em; line-height:2.5em; padding:0; text-align:center; border-radius:0.8em; font-size:1.3em;; background-color:#000; letter-spacing:-0.04em; font-weight:500; box-shadow:none; color:#fff; cursor:pointer; text-align:center; margin:0 auto}
}
/*에러 레이어 : end*/

/*div 흔들기 효과 : start*/
.shake{animation: shake 1.5s infinite;}
@keyframes shake{
	0%{	transform: translate(1px, 1px) rotate(0deg);}
	10%{	transform: translate(-1px, -1px) rotate(-1deg);}
	20%{	transform: translate(3px, 1px) rotate(1deg);}
	30%{	transform: translate(3px, 2px) rotate(0deg);}
	40%{	transform: translate(1px, -1px) rotate(1deg);}
	50%{	transform: translate(-1px, 1px) rotate(-1deg);}
	60%{	transform: translate(2px, -1px) rotate(0deg);}
	70%{	transform: translate(-1px, 1px) rotate(1deg);}
	80%{	transform: translate(3px, -1px) rotate(-1deg);}
	90%{	transform: translate(1px, 3px) rotate(0deg);}
	100%{	transform: translate(1px, -2px) rotate(1deg);}
}
/*div 흔들기 효과 : end*/

/*관리자 버튼 :start*/
.eventkiki_wrap .block_pr{ position: relative; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';}
.eventkiki_wrap .block_check{ position: absolute; left:0em; top: 0em; padding: 0.5em; background-color: rgba(255,255,255,0.7);; z-index: 10; font-weight: 600; color:rgba(0,0,0,0.7); list-style: 1em;}
.eventkiki_wrap .block_check input{ width: 1.5em; height: 1.5em; float: left; }
.eventkiki_wrap .block_check span{ display: block; float: left; margin-left: 0.5em; color:#0b50ef}
.eventkiki_wrap .block_edit_btn{ position: absolute; bottom:1em; right: 1em; z-index: 10; }
.eventkiki_wrap .block_edit_btn > .kiki_btn{ float: left; position: relative; width: 2em; height:2em; border:none; margin: 1px; background-color:rgba(15,105,197,0.9); border-radius: 0.6em; box-sizing:border-box; cursor: pointer;}
.eventkiki_wrap .block_edit_btn > .kiki_btn i{ color:#fff; font-size:0.9em; }
.eventkiki_wrap .block_edit_btn > .kiki_btn:hover{ background-color: #000;}
.eventkiki_wrap .block_edit_btn > .kiki_btn span{ display: none; width: 2.5em; height: 1.6em; background-color: #000; position: absolute; font-size: 0.9em; text-align: center; list-style: 1.6em; color:#fff;left: 0; padding: 3% 0 0 0; top: -1.8em;}
.eventkiki_wrap .block_edit_btn > .kiki_btn:hover span{ display: block; }
/*관리자 버튼 :end*/

/*레이어 팝업 : start*/
.eventkiki_wrap .block_ms_layer{display: flex; position:fixed; width:100%;  height: 100%;  background-color: rgba(0,0,0,0.5); top:0px; left:0px; z-index:100;  padding: 0px; justify-content: center; align-items: center; flex-direction:column; box-sizing: border-box; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';  padding: 5vh 0; }
.eventkiki_wrap .block_ms_layer .ms_layer_area{ position:relative; background-color:#fff;  width:60%; max-width:400px; padding:25px; border-radius:25px; box-sizing:border-box; overflow-y: auto;}
.eventkiki_wrap .block_ms_layer .ms_layer_area::-webkit-scrollbar { width: 5px;  }
.eventkiki_wrap .block_ms_layer .ms_layer_area::-webkit-scrollbar-thumb {background: #252525; border-radius: 10px;}
.eventkiki_wrap .block_ms_layer .ms_layer_area::-webkit-scrollbar-track { background: rgb(234, 234, 234, 0.5);  border-radius: 10px; }
.eventkiki_wrap .block_ms_layer .ms_layer_area .kiki_close{ position:absolute; top:2%; right:2.4%; width:1.5em; height:1.5em; border-radius:100%; background:#000 url(https://stg.eventkiki.com/eventkiki/ekiki_image/close_line.png) center no-repeat !important; background-size:100% auto !important; box-sizing:border-box; font-size: 1em; text-indent:-999999em; cursor:pointer}
.eventkiki_wrap .block_ms_layer .ms_layer_area dl{ text-align:center; padding:8% 0 0em 0}
.eventkiki_wrap .block_ms_layer .ms_layer_area dt{ color:#000000; font-weight:700; margin:0 ; font-size:1.6em; line-height:1.4;letter-spacing:-0.03em  }
.eventkiki_wrap .block_ms_layer .ms_layer_area dd{ color: rgba(0,0,0,0.9); font-weight:400; margin:0; font-size:0.8em; line-height:1.4;padding:1.5% 0 3% 0;letter-spacing:-0.05em }
.eventkiki_wrap .block_ms_layer .ms_layer_area dd strong{ font-weight:700; color: rgba(0,0,0,1);}
.eventkiki_wrap .block_ms_layer .ms_layer_area  img{ width:100%; height:auto; max-width:350px}
.eventkiki_wrap .block_ms_layer .ms_layer_area  > .ms_layer_img{ width:100%; text-align:center}
.eventkiki_wrap .block_ms_layer .ms_layer_area .btn_wrap{ text-align:center; padding:5% 0}
.eventkiki_wrap .block_ms_layer .ms_layer_area .kiki_btn{border:none; width:70%; height:2.2em; line-height:2.2; padding:0; text-align:center; border-radius:0.5em; font-size:0.9em; letter-spacing:-0.04em; font-weight:500; box-shadow:none; cursor:pointer; min-width:8.5em; margin:0 auto}
.eventkiki_wrap .block_ms_layer .ms_layer_area .kiki_btn.btn_kakao{ background-color:#fee500; color:#312817; margin-bottom:3%}
.eventkiki_wrap .block_ms_layer .ms_layer_area .kiki_btn:hover{ background-color:#3f3f3f !important; color:#fff !important}
.eventkiki_wrap .block_ms_layer .ms_layer_area p{ color:#333; font-weight:300; margin:0; font-size:0.6em; padding:0% 0 5% 0;letter-spacing:-0.05em; text-align:center }
@media only screen and (max-width:750px) {
.eventkiki_wrap .block_ms_layer .ms_layer_area{ width:75%; max-width:450px; padding:4.578%; border-radius:1.8em;}
.eventkiki_wrap .block_ms_layer .ms_layer_area .kiki_close{ position:absolute; top:2%; right:2.4%; width:2em; height:2em; border-radius:100%; background:#000 url(https://stg.eventkiki.com/eventkiki/ekiki_image/close_line.png) center no-repeat !important; background-size:100% auto !important; box-sizing:border-box; font-size: 1em; text-indent:-999999em; cursor:pointer}
.eventkiki_wrap .block_ms_layer .ms_layer_area dl{ text-align:center; padding:8% 0 0em 0}
.eventkiki_wrap .block_ms_layer .ms_layer_area dt{ color:#000000; font-weight:700; margin:0 ; font-size:2.4em; line-height:1.4;letter-spacing:-0.03em  }
.eventkiki_wrap .block_ms_layer .ms_layer_area dd{ color:#000000; font-weight:400; margin:0; font-size:1.1em; line-height:1.4;padding:1% 0 3% 0;letter-spacing:-0.05em }
.eventkiki_wrap .block_ms_layer .ms_layer_area .kiki_btn{border:none; width:70%; height:3em; line-height:3em; padding:0; text-align:center; border-radius:0.8em; font-size:1.3em; letter-spacing:-0.04em; font-weight:500; box-shadow:none; cursor:pointer; min-width:11em; margin:0 auto}
.eventkiki_wrap .block_ms_layer .ms_layer_area .kiki_btn.btn_kakao{ background-color:#fee500; color:#312817; margin-bottom:3%}
.eventkiki_wrap .block_ms_layer .ms_layer_area .kiki_btn:hover{ background-color:#3f3f3f !important; color:#fff !important}
.eventkiki_wrap .block_ms_layer .ms_layer_area p{ color:#333; font-weight:300; margin:0; font-size:0.95em; padding:0% 0 5% 0;letter-spacing:-0.05em; text-align:center }
}
/*레이어 팝업 : end*/

/*매장리스트 : start*/
.eventkiki_wrap .block_store{ width:100%; min-height:30em; padding:4% 7.291% 4% 7.291%; box-sizing:border-box; /*display:grid;*/ font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'!important; background-color:#f4f4f4;}
.eventkiki_wrap .block_store .store_area > li{ display:flex; border-radius: 0.7em; margin: 0.7em 0; padding: 5% 6% 5% 6%; box-sizing: border-box; border:0.2em solid #e8e8e8; background:#fff; cursor:pointer}
.eventkiki_wrap .block_store .store_area > li .img{  width:17.2%;}
.eventkiki_wrap .block_store .store_area > li .img span{ overflow:hidden; display:block; width:100%; padding-top:100%; border-radius:0.5em 0.5em; position:relative}
.eventkiki_wrap .block_store .store_area > li .img img{ position:absolute; left:0; top:0; width:100%; height:100%;}
.eventkiki_wrap .block_store .store_area > li .txt_box{ width:74.8%; box-sizing:border-box; padding:0 0 0 4.8%;  justify-content: center; align-items: center;}
.eventkiki_wrap .block_store .store_area > li .txt_box .txt1{font-size:1em; letter-spacing:-0.04em; font-weight:400; padding:1.5% 0 2% 0.3%; color:#6b6a6a; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.eventkiki_wrap .block_store .store_area > li .txt_box .txt1 strong{ font-weight:600; color:#000; padding-left:0.4em}
.eventkiki_wrap .block_store .store_area > li .txt_box .txt2{font-size:1.45em; letter-spacing:-0.04em; font-weight:600; color:#000; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.eventkiki_wrap .block_store .store_area > li .arrow{ width:8%; background:url(../images/icon_arrow.png) center no-repeat; background-size:100% auto}
.eventkiki_wrap .block_store .store_area > li:hover{ border-color:#000}
.eventkiki_wrap .block_store .store_area > li:hover .arrow{ background-image:url(../images/icon_arrow_over.png); background-size:100% auto}
/*매장리스트 : end*/

/*이벤트 에러 레이어 : start*/
.eventkiki_wrap .block_evnet_error{position:absolute; width:100%;  height: 100%;  background-color: rgba(0,0,0,0.7); top:0px; left:0px; z-index:100;  padding:25% 4%; text-align:center; box-sizing: border-box; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';}
.eventkiki_wrap .block_evnet_error p{ display:inline-block; padding:1em; font-size:1.3em; line-height:1.4em; font-weight:600; letter-spacing:-0.05em; color:#FFF; word-break:keep-all; text-align:center; background-color: rgba(0,0,0,1); border-radius:1em; box-sizing:border-box; max-width:30em}
/*이벤트 에러 레이어 : end*/

/*룰렛*/
.eventkiki_wrap .block_roulette { background-position:left top; background-size:100% auto;}


/*전체 이벤트 리스트*/
.eventkiki_wrap .block_event_list{ padding:1% 7.291% 4% 7.291%; background-color:#f4f4f4;}
.eventkiki_wrap .block_event_list h3{font-size:1.6em; letter-spacing:-0.04em; font-weight:600; color:#000; padding-top:0.8em; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-top: 0.06em solid #e8e8e8}
.eventkiki_wrap .block_event_list h3:first-child{ border-top:none}
.eventkiki_wrap .block_event_list .block_store{ min-height:3em; padding:3% 0%; }
.eventkiki_wrap .block_event_list .block_store .store_area > li .txt_box .txt2{ padding-top:1%}

/*전체 모달*/
.eventkiki_modal{ width:210px; padding:20px 15px 15px 15px; background:#fff; position:fixed; left:50%; top:50%; border-radius:30px; transform: translate(-50%, -50%); text-align:center; box-sizing:border-box; box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.2); z-index:9999999999999999}
.eventkiki_modal h4{ font-size:26px; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'!important; line-height: 30px; text-align:center; font-weight:600; margin:0; padding:10px 0 10px 0; color:#000 }
.eventkiki_modal p.kiki_txt1{font-size:18px; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'!important; line-height: 22px; color:rgba(0,0,0,0.8); margin:0; padding:0 0 5px 0;}
.eventkiki_modal a{ display:block; width:88%; margin:6px auto 0 auto; background-color:#000; color:#fff; padding:10px; font-size:16px; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'!important; line-height:20px; border-radius:20px; box-sizing:border-box; text-decoration:none}
.eventkiki_modal a span{ display:block}
.eventkiki_modal a.kiki_btn2{ background-color:#3a8f60}
.eventkiki_modal a:hover{ background-color:#333}
@media only screen and (max-width:600px) {
.eventkiki_modal{ width:150px; padding:10px 10px 10px 10px;border-radius:20px; }
.eventkiki_modal h4{ font-size:20px; line-height: 25px; padding:10px 0 5px 0; }
.eventkiki_modal p.kiki_txt1{font-size:14px; line-height:18px; padding:0 0 3px 0;}
.eventkiki_modal a{  margin-top:4px; padding:6px; font-size:13px; line-height:18px; border-radius:15px }
}

/*윷놀이 : 260904 추가 : start*/
.eventkiki_wrap .block_yutbox{ width: 100%; overflow: hidden; background-position: center top; background-repeat: no-repeat; background-size: 100% auto;}
.eventkiki_wrap .block_yutbox .yut_box{ padding:4% 0; }
.eventkiki_wrap .block_yutbox .yut_box img{ width:100%; height:auto}
.eventkiki_wrap .block_yutbox .yutbox_btn { display: block; width: 100%; cursor: pointer;}
/*윷놀이 : end*/