@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
@font-face {
font-family: 'GmarketSansBold';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');font-weight: normal;font-style: normal;}

@font-face {font-family: 'Cafe24Ssurround';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');font-weight: normal;font-style: normal;}

html {overflow: scroll;overflow-x: auto; height:100%;}
body {height:100%;margin: 0px;padding: 0px; font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:1em;background-color:#111;}
img {border: none;vertical-align: top}
h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;font-weight: normal}
ol, ul, dl, li, dt, dd {display: block;margin: 0;padding: 0;list-style: none}
p {	margin: 0;padding: 0; font-size:1em }
a {	text-decoration: none;	outline: none;select-dummy:expression(this.hideFocus=true); -webkit-tap-highlight-color: transparent; cursor:pointer}
a:hover {outline:none !important; -webkit-tap-highlight-color : rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
a:focus {outline:none !important; -webkit-tap-highlight-color : rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
img:focus {outline:none !important; -webkit-tap-highlight-color : rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}

.btn_color{ background-color:#0b50ef}


.wrap{ position:relative; width:100%;max-width:1280px;margin:0 auto;}
.top_left{ position:absolute; left:0.969em; top:1.2em; z-index:100; cursor:pointer}
.top_left > .level{ position:relative; width:5.313em; height:5.313em; z-index:100}
.top_left > .level > p{ position:absolute; left:0.8em; top:1.1em; width:1.8em; font-size:1.563em;font-family: 'GmarketSansBold'; line-height:1.2em; text-align:center; z-index:10; color:#000; opacity: 0.95; filter: alpha(opacity=95);}
.top_left > .level > img{ width:100%; height:100%;}
.top_left > .name{ position:relative; margin:-3.68em 0 0 2.5em; padding:0.3em 1em 0.4em 2em; border-radius:0 3em 3em 0;font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:1.063em; font-weight:500; line-height:1.511em; color:#fff; letter-spacing:-0.06em; background:url(../images/name_bg.png) left top repeat; z-index:90}
.top_right{ position:absolute; right:2em; top:2.1em; width:3.7em; height:3.7em; z-index:99}
.top_right a{ display:block; width:100%; height:100%;  background:url(../images/btn_guide1.png) center no-repeat; background-size:100% auto; text-indent:-9999em}

.top_right_my{ position:absolute; right:2em; top:2.2em; width:3.5em; height:3.5em; z-index:90}
.top_right_my a{ display:block; width:100%; height:100%; border-radius:100%; background:url(../images/icon_myH.png) center no-repeat; background-size:100% auto; text-indent:-9999em}

.tit{ position:absolute; left:0; top:7.094em; width:100%; padding:0 1.375em; box-sizing:border-box; z-index:9800}
.tit > img{ width:100%; height:auto}

.btn_left{ left:1.375em;}
.btn_right{ right:1.375em; }

.btn_right > ul > li.more > a{ width:4.5em; height:4.5em; margin-left:0.563em; background:url(../images/more_btn.png) left top no-repeat; background-size:100% auto; text-indent:-9999em;}

.btn{ position:absolute; top:11em; width:5em; z-index:99}
.btn ul{ width:100%}
.btn > ul li{ position:relative; width:100%; padding-bottom:0.8em;}
.btn > ul > li > a{ display:block}
.btn > ul > li > a > img{ width:100%; height:auto}
.btn > ul > li.more > a{ width:4.5em; height:4.5em; margin-left:0.563em; background:url(../images/more_btn.png) left top no-repeat; background-size:100% auto; text-indent:-9999em;}
.btn > ul > li > span.new{ position:absolute; right:0.36em; top:0.28em; width:1.640em; height:1.640em; padding-top:0.05em; border:0.1em solid #b00022; border-radius:3em; font-family: 'GmarketSansBold'; font-size:0.75em; background-color:#ff0000; box-sizing:border-box; line-height:1.65em; text-align:center; color:#fff; box-shadow: 0.1em 0.1em 0 0px rgba(0, 0, 0, 0.3); box-sizing:border-box}
.btn > ul > li > span.num{ position:absolute; left:0.3em; top:0.28em; width:1.640em; height:1.640em; padding-top:0.05em; border:0.1em solid #b00022; border-radius:3em; font-family: 'GmarketSansBold'; font-size:0.75em; background-color:#ff0000; box-sizing:border-box; line-height:1.65em; text-align:center; color:#fff; box-shadow: 0.1em 0.1em 0 0px rgba(0, 0, 0, 0.3); box-sizing:border-box}
.btn > ul > li > span.end{ position:absolute; right:0.36em; top:0.28em; width:1.640em; height:1.640em; padding-top:0.1em; border-radius:3em; font-family: 'GmarketSansBold'; font-size:0.75em; background-color:#5d5d5d; box-sizing:border-box; line-height:1.65em; text-align:center; color:#b2b2b2; }

.btn > ul > li > a > span{ display:block; margin-top:-1.1em; width:100%; text-align:center; font-family: 'Cafe24Ssurround'; font-size:1em; line-height:1.3em; letter-spacing:-0.05em; color:#fff; /* text-shadow: -0.05em -0.05em 0 #000, 0.05em -0.05em 0 #000, -0.05em 0.05em 0 #000, 0.05em 0.05em 0 #000;*/ text-shadow:0em 0em 0.2em black}
.btn > ul > li.nav a{ width:4em; height:4em; margin:0.5em auto 0 auto; background:#000; border-radius:5em; text-indent:-9999999px; border: 0.15em solid #222; opacity: 0.85; box-sizing: border-box; filter: alpha(opacity = 85); background: linear-gradient(0deg, rgba(0, 0, 0) 0%, rgba(86, 86, 86) 100%); line-height: 1.2em;}
.btn > ul > li.nav a > span{ display:block; width:1.5em; height:0.2em; margin:0.1em auto 0.3em auto; border-radius:3em; background-color:#FFF; opacity: 0.90; filter: alpha(opacity=90);}
.btn > ul > li.nav a:hover{ opacity: 1; filter: alpha(opacity=100); transition: all 2s}
.btn > ul > li.nav > span.txt{ position: relative;display:block; z-index: 1; margin-top:-0.6em; width:100%; text-align:center; font-family: 'Cafe24Ssurround'; font-size:1em; line-height:1.3em; letter-spacing:-0.05em; color:#fff; /* text-shadow: -0.05em -0.05em 0 #000, 0.05em -0.05em 0 #000, -0.05em 0.05em 0 #000, 0.05em 0.05em 0 #000;*/ text-shadow:0em 0em 0.2em black}

/*230220_아이콘 시계*/
.btn > ul > li > span.time{ position:absolute; right:-0.5em; top:0em; width:2.5em; height:2.5em; box-sizing:border-box}
.btn > ul > li > span.time img{ width:100%; height:auto}


.product_img{ position:absolute; left:6em; width:17.969em; top:16.156em; z-index:80}
.product_img > ul{ width:100%;}
.product_img > ul > li{ width:17.969em; height:26.25em;}
.product_img > ul > li > img{ width:100%; height:100%}

.today_bg{ position:absolute; left:6em; width:17.969em; height:26.25em; top:16.156em; z-index:87; box-sizing:border-box; opacity:0} 
.today_bg > img{ width:100%; height:100%}

.btm_lavel_box{ position:relative; left:0; height:0;}
.btm_lavel_box > .btm_cont:after{display:block;content:"";clear:both;}
.btm_lavel_box > .btm_cont{ width:85%; position:absolute;left:50%; bottom:1.5em; transform:translateX(-50%); z-index:90; }
.btm_lavel_box > .btm_cont table { float:left; width:100%;  }
.btm_lavel_box > .btm_cont table td{ vertical-align:top}
.run_box{ width:4.4em; position:relative}
.icon_run { position:absolute; top:0; right:-0.5em}
.icon_run > ul > li{ width:4.375em; height:4.375em; }
.icon_run > ul > li > img{ width:100%; height:100%}

.today_btn{ float:right; position:relative; width:100%}
.today_btn > a{ display:block; width:7em; height:7em; display: flex; justify-content: center; align-items: center; cursor: pointer; position:absolute; right:-1em; bottom:2em}
.today_btn > a.vibration { animation: vibration .1s infinite;}
.today_btn > a > img{ width:100%; height:100%}
.today_btn > span{ position:absolute; right:-0.5em; bottom:1em; display:block; width:40%; height:1.8em; z-index:900; text-align:right}
.today_btn > span > span#my_point{ font-style:normal; background-color:#fff; padding: 0.22em 0.65em 0 0.583em; font-family: 'GmarketSansBold'; line-height:2em; border-radius:5em; font-size:0.706em; display:block; float:right}
@keyframes vibration {
  from {transform: rotate(3deg);
  }
  to {transform: rotate(-3deg);
  }
}

.btn_btm{ width:5.5em; height:2em}
.btn_btm > a{ position:relative; float:right; display:block; margin-top:-0.5em; width:5.3em;height:5.3em; padding-top:0em; font-family: 'GmarketSansBold'; word-break:keep-all; box-sizing:border-box }
.btn_btm > a > .levelup_btn_txt{ display:block; position:absolute; left:0; top:0; padding-top:2.2em; width:100%; height:100%; font-size:0.9em; line-height:1em; text-align:center; box-sizing:border-box; z-index:20}
.btn_btm > a > img{ position:absolute; left:0; top:0; width:100%; height:auto; z-index:10}

/*230220_.레벨보상 new포인트*/
.btn_btm > a .red_new {
	display:block;
  position: absolute;
  top: 0.2em;      /* 필요시 조절 */
  right: 0.1em;
  width: 0.9em;
  height: 0.9em;
  background: #ff2d2d;
  border-radius: 50%;
  animation: blink 2.2s infinite;
  z-index:30;
  box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.08);
}

@keyframes blink {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  60% {
    transform: scale(1);
    opacity: 1;
  }
  70% {
    transform: scale(1.4);
    opacity: 0.5;
  }
  80% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.lavel_bar_box{ width:14.5em; text-align:center; height:2em}
.lavel_bar{width:100%; height:1.875em; border-radius:5em; border:#f3f3f6 solid 0.188em; background:url(../images/lavel_bg.png) left top repeat; z-index:9400}
.lavel_bar > .bar{ width:70%; height:100%; /*border:0.125em solid #ac0516; */ border-radius:5em; background-color:#ff0202;box-sizing:border-box; o-box-shadow:inset #fff 0px 0.2em 0.250em -0.031em;-moz-box-shadow:inset #fff 0px 0.2em 0.250em -0.031em;-webkit-box-shadow:inset #fff 0px 0.2em 0.250em -0.031em;}

.btm_txt{ text-align:center; padding-top:0.4em }
.btm_txt > p{ display:block; width:114%; margin:0 0 0 -7%; font-size:0.9em;font-family:'Noto Sans KR',sans-serif,'NanumGothic'; line-height:1.3em; font-weight:600; letter-spacing:-0.07em; color:#363636; text-align:center}
.btm_txt > p > strong{ color:#d30707}

.event_bg{ width:100%; height:50.563em !important; font-size:1em} 
.event_bg > img{ width:100%; height:100%;}

/*layer_popup*/
.layer_popup{}
.layer_popup .btn_pr{ position:relative; width:100%; height:0;}
.layer_popup .btn_pr a.layer_close{ display:block; position:absolute; right:0; top:0; width:3.938em; height:3.938em; background:  url(../images/layer_pup_btn_close.png) center center no-repeat; text-indent:-99999em; background-size:100% auto}
.layer_popup .btn_pr a.layer_close1{ display:block; position:absolute; right:0; top:0; width:3.938em; height:3.938em; background:  url(../images/layer_pup_btn_close.png) center center no-repeat; text-indent:-99999em; background-size:100% auto}
.layer_popup .btn_pr a.layer_close2{ display:block; position:absolute; right:0; top:0; width:3.938em; height:3.938em; background:  url(../images/layer_pup_btn_close.png) center center no-repeat; text-indent:-99999em; background-size:100% auto}
.layer_popup .cont{ padding:3em 1.8em 2.647em 1.8em; box-sizing:border-box}/*250708_수정*/

.layer_popup h3{ font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:2.5em; font-weight:600; text-align:center; line-height:1.265em; letter-spacing:-0.05em; color:#000000;}
.layer_popup h3.my_id{ margin-top:-1.1em; display: flex; font-family:'Noto Sans KR',sans-serif,'NanumGothic'; height:2.8em; font-size:1.9em; font-weight:600; text-align:center; line-height:1.4em; letter-spacing:-0.05em; align-items: center; justify-content: center; color:#000000;}
.layer_popup h3.level_info_tit{ font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:1.85em; font-weight:600; text-align:center; line-height:2em; letter-spacing:-0.07em; color:#000000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.layer_popup .t_txt1{ min-height:2.824em; padding-top:0.4em; font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:1em; line-height:1.412em; font-weight:400; letter-spacing:-0.04em; color:#585858; text-align:center}
.layer_popup .t_txt3{padding-top:0.4em; font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:1em; line-height:1.412em; font-weight:400; letter-spacing:-0.04em; color:#585858; text-align:center}


.layer_popup .event_btn{ display:block; width:15.595em; height:3.286em; margin:0 auto; border-radius:0.833em; font-size:1.235em; font-weight:500; background-color:#d13110; color:#fff; line-height:3.286em; text-align:center}
.layer_popup .event_btn:hover{ background-color:#000}

.layer_popup .btn_box{ width:100%; text-align:center; padding:0 1.176em 0.5em 1.176em; box-sizing:border-box}
.layer_popup .btn_box1{ width:100%; text-align:center; margin-top:0em; padding:0 1.176em; box-sizing:border-box}
.layer_popup .event_btn_type1{width:100%; height:3em;  border:none; border-radius:0.8em; margin:0.524em 0 0 0; font-weight:600; font-size:1.265em; letter-spacing:-0.02em;  background-color:#0b50ef; color:#fff; box-sizing:border-box; text-align:center; cursor:pointer}
.layer_popup .event_btn_type1:hover{background-color:#000; }
.layer_popup .event_btn_type2{width:100%; height:3em;  border:none; border-radius:0.8em; margin:0.524em 0 0 0; font-weight:600; font-size:1.265em; letter-spacing:-0.02em;  background-color:#000; color:#fff; box-sizing:border-box; text-align:center; cursor:pointer}
.layer_popup .event_btn_type2:hover{background-color:#111; }
.layer_popup .event_btn_kakao{width:100%; height:3em;  border:none; border-radius:0.8em; margin:0.524em 0 0 0; font-weight:600; font-size:1.265em; letter-spacing:-0.02em;  background-color:#ffeb00; color:#000; box-sizing:border-box; text-align:center; cursor:pointer}
.layer_popup .event_btn_kakao:hover{ background-color:#000; color:#fff}

/*div 흔들기 효과*/
.shake{animation: shake 0.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);}
}


.popup_bg{ position:absolute; left:0; top:0; width:100%; height:50.563em; background-color:#131313; opacity: 0.9; filter: alpha(opacity=90); z-index:9900}
.popup_bg2{ position:absolute; left:0; top:0; width:100%; height:50.563em; background-color:#131313; opacity: 0.9; filter: alpha(opacity=90); z-index:9900}

/*event*/
.event_box{position:absolute; left:7%; top:50%; width:86%; height:41.47em; margin-top:-20.735em; border-radius:1.25em; background-color:#f5f5f5; z-index:10000}
.event_box1{position:absolute; left:7%; top:50%; width:86%; height:41.47em; margin-top:-20.735em; border-radius:1.25em; background-color:#f5f5f5; z-index:10004}
.event_box2{position:absolute; left:7%; top:50%; width:86%; height:41.47em; margin-top:-20.735em; border-radius:1.25em; background-color:#f5f5f5; z-index:10002}

/*.event_box{position:absolute; left:2.25em; top:50%; width:25.3em; height:41.47em; margin-top:-20.735em; border-radius:1.25em; background-color:#f5f5f5; z-index:10020}*/

/*이벤트참여*/
.e_list_box:after{display:block;content:"";clear:both;}
.e_list_box{ width:100%; margin-top:2.353em; text-align:center}
.e_list_box  li{ position:relative; display:inline-block; width:6.588em; height:8.824em; border-radius:0.735em; margin:0.3em; padding:0.588em 0.441em; box-sizing:border-box; background-color:#e3e3e3; cursor:pointer}
.e_list_box  li span{ display:block}
.e_list_box  li span.e_list_icon{ width:5.588em; height:5.588em; margin:0 auto; }
.e_list_box  li span.e_list_icon > img{ width:100%; height:100%; }
.e_list_box  li span.e_list_tit{ padding-top:0.441em; font-weight:500; letter-spacing:-0.05em; color:#000;}
.e_list_box  li span.new{ position:absolute; right:0em; top:0.28em; width:1.640em; height:1.640em; padding-top:0.05em; border:0.1em solid #b00022; border-radius:3em; font-family: 'GmarketSansBold'; font-size:0.75em; background-color:#ff0000; box-sizing:border-box; line-height:1.65em; text-align:center; color:#fff; box-shadow: 0.1em 0.1em 0 0px rgba(0, 0, 0, 0.3); box-sizing:border-box}
.e_list_box  li span.end{ position:absolute; right:0em; top:0em; width:1.640em; height:1.640em; padding-top:0.1em; border-radius:3em; font-family: 'GmarketSansBold'; font-size:0.75em; background-color:#5d5d5d; box-sizing:border-box; line-height:1.65em; text-align:center; color:#b2b2b2; }

/*룰렛이벤트*/
.e_roulette{ overflow:hidden}
.roulette_anchor{ position:relative; width:100%; height:1.971em; z-index:50}
.roulette_anchor > span{ display:block; position:absolute; top:1.441em; left:50%; margin-left:-0.7355em; width:1.471em; height:2.059em;}
.roulette_anchor > span > img{ width:100%; height:auto}

.roulette_container{ position:relative; width:20.588em; height:20.588em; margin:0 auto; z-index:40; transition: transform 5s ease-in-out;}
.roulette_container li{ position:absolute; left:0; top:0; width:20.588em; height:20.588em;padding:3.088em 7.059em 0 7.059em; box-sizing:border-box; z-index:20}
.roulette_container li > span{ display:block; font-family: 'GmarketSansBold'; font-size:1.324em; line-height:1.156em; letter-spacing:-0.05em; color:#0a0909;text-align:center; }
.roulette_container li.roulette2{transform: rotate(51.5deg);}
.roulette_container li.roulette3{transform: rotate(103deg);}
.roulette_container li.roulette4{transform: rotate(154.5deg);}
.roulette_container li.roulette5{transform: rotate(206deg);}
.roulette_container li.roulette6{transform: rotate(257.5deg);}
.roulette_container li.roulette7{transform: rotate(309deg);}
.roulette_bg{ position:absolute; left:0; top:0; width:20.588em; height:20.588em; z-index:10}
.roulette_bg img{ width:100%; height:100%}
.roulette_container a{ display:block; position:absolute; left:50%; top:50%; margin:-2.941em 0 0 -2.941em; padding:0; width:5.882em; height:5.882em; border:none; background:none; z-index:60; box-sizing:border-box}
.roulette_container a > img{ width:100%; height:100%;}

/*출첵이벤트*/
.event_attend{ width:100%; padding-top:1.824em; text-align:center}
.event_attend a{ position:relative; display:block; width:17.647em; height:17.647em; margin:0 auto; font-size:1em; font-family: 'GmarketSansBold'; box-sizing:border-box; color:#f40b38;}
.event_attend span{ position:absolute; width:100%; left:0; display:block; box-sizing:border-box; text-align:center}
.event_attend span.txt1{ top:2.654em;padding:0 1em; font-size:2.4em; letter-spacing:-0.05em; line-height:1.250em; }
.event_attend span.txt2{ top:5.4em; padding:0 1em; font-size:1.765em; letter-spacing:-0.05em; line-height:1.333em; }
.event_attend span.img{ position:absolute; left:0; top:0; width:17.647em; height:17.647em; z-index:10;  }
.event_attend span.img > img{ width:100%; height:100%}
.event_attend .e_attend_txt{ padding-top:0.353em; font-size:1em; line-height:1.250em; color:#5a5a5a; }
.event_attend .e_attend_txt #layer_attend_txt3{ position:inherit}
.event_attend_ok { position:relative; display:block; width:17.647em; height:17.647em; margin:1.824em auto 0 auto; font-size:1em; font-family: 'GmarketSansBold'; box-sizing:border-box; color:#acacac;}

/*초성퀴즈*/
.e_choseong{ }
.e_choseong .input_box1{ width:100%; min-height:12.588em; margin-top:2.353em; text-align:center; }
.e_choseong .input_box1 li{ display:inline-block; width:3.882em; margin:0.353em 0.2em;}
.e_choseong .input_box1 li > input{ width:1.886em; height:1.886em; padding-bottom:0.1em; border:none; border-radius:0.214em; font-size:2.059em; background-color:#d9d9d9; box-sizing:border-box; text-align:center; color:#000; line-height:1.0em}
.e_choseong .choseong_txt1{ width:100%; min-height:2.782em; padding:1.087em 0; font-size:1.353em; font-weight:600; line-height:1.391em; letter-spacing:-0.05em; text-align:center}
.e_choseong .input_box2{ width:100%; text-align:center; padding:0 1.176em; box-sizing:border-box}
.e_choseong .input_box2 > input.choseong_input{ width:100%; height:3.333em; border:0.095em solid #000; border-radius:0.833em; margin:0.524em 0 0 0; font-weight:600; font-size:1.265em; letter-spacing:-0.02em; box-sizing:border-box; text-align:center}

/*선물상자&포춘쿠키 이벤트*/
.e_giftbox{ }
.box_type1{width:22.4em; height:22.4em; margin:0 auto; background:url(../images/layer_popup/e_giftbox_bg.png) center no-repeat; background-size:100% auto; }
.box_type2{width:22.4em; height:22.4em; margin:0 auto; }
.box_type3{width:22.4em; height:29.118em; margin:0 auto; background:url(../images/layer_popup/tarot_bg.png) center top no-repeat; background-size:100% auto; }

.giftbox > img{ width:22.4em; height:22.4em}
.giftbox_ok > img{ width:22.4em; height:22.4em}

.fortune > img{ width:22.4em; height:22.4em}
.fortune_ok > img{ width:22.4em; height:22.4em}

/*타로카드*/
.tarot { overflow:hidden; width:100%; text-align:center;  }
.tarot > li{ display:inline-block; width:7.941em; height:13.118em; margin:0 0.588em 1.147em 0.588em; border:none;}
.tarot > li span{ overflow:hidden; display:block; width:7.941em; height:13.118em; border-radius:0.353em; font-size:1em; background-color:#1a1cea;  box-shadow: 0.03em 0.03em 0.08em 0.05em rgba(0, 0, 0, 0.5); background-position:center center; background-repeat:no-repeat; background-size:100% 100%; cursor:pointer; }
.tarot > li span > img{ width:100%; height:100%}
.tarot > li.tarot1{ margin:0 5em 1.147em 5em;}
.tarot > li > span:hover{ background-color:#000; box-shadow:none;} 

/*보물찾기 이벤트*/
.treasure{ width:100%; position:relative; margin-top:1em; min-height:17em; box-sizing:border-box}
.treasure > .icon{ width:15em; height:15em; margin:0 auto}
.treasure > .icon > img{ width:100%; height:100%}

/*주문하기 이벤트*/
.e_order_icon{ width:100%; position:relative; margin-top:0.5em; min-height:16em; box-sizing:border-box}
.e_order_icon > .icon{ width:15em; height:15em; margin:0 auto}
.e_order_icon > .icon > img{ width:100%; height:100%}

/*공유하기*/
.share_list{ padding-top:1.5em; min-height:13em;}
.share_list > ul{ width:100%; text-align:center}
.share_list > ul li{ display:inline-block; width:8.235em; height:8.235em; margin:0.412em; font-size:1em;}
.share_list > ul li > a{ display:block; width:100%; height:100%;}
.share_list > ul li > a img{ width:100%; height:100%;}
.share_txt{ width:100%; max-width:20em; margin:0 auto; padding-top:1em; font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:0.941em; line-height:1.5em; font-weight:400; letter-spacing:-0.04em; color:#5a5a5a; word-break:keep-all; text-align:center}

/*초대하기*/
.e_invite .input_box1{ position:relative; width:100%; min-height:12.588em; margin-top:0em; text-align:center; }
.e_invite .input_box1 > span.invite_icon{ display:block;position:absolute; left:0; top:0em; width:100%;height:11.765em; text-align:center}
.e_invite .input_box1 img{ width:auto; height:100%}
.e_invite .invite_txt1{ width:100%; min-height:2em; padding:0.5em 0; font-size:1.235em; font-weight:600; line-height:1.524em; letter-spacing:-0.055em; text-align:center}
.e_invite .input_box2{ width:100%; text-align:center; padding:0 1.176em 0.4em 1.176em; box-sizing:border-box}
.e_invite .input_box2 > .invite_input{ width:100%; height:3.333em; border:0.095em solid #000; border-radius:0.833em; margin:0.524em 0 0 0; font-weight:600; font-size:1.265em; letter-spacing:-0.05em; box-sizing:border-box; text-align:center}

/*제품구매하기*/
.p_order_list{ height:29.412em; overflow-y:auto;}
.p_order_list li{ padding:1.176em 0; border-bottom:0.059em solid #e7e7e7; cursor:pointer}
.p_order_list li.none{ text-align:center}
.p_order_list span{ display:block;}
.p_order_list .img{ width:6.529em; vertical-align:top}
.p_order_list .img > span{ overflow:hidden; width:6.529em; height:6.529em; border-radius:0.735em; background:#e7e7e7 url(../images/layer_popup/img_none_icon.png) center no-repeat; background-size:50% auto}
.p_order_list .img > span img{ width:100%; height:100%}
.p_order_list .txt{ padding-left:1.3em; font-size:1em}
.p_order_list .txt .p_list_tit{ font-size:1.3em; min-height:2.454em; padding-bottom:0.364em; font-weight:600; line-height:1.227em; letter-spacing:-0.05em; color:#222}
.p_order_list .txt .pay_box{letter-spacing:-0.05em;}
.p_order_list .txt .pay_box:after{display:block;content:"";clear:both;}
.p_order_list .txt .pay_box > .sale{ float:left; font-size:0.941em; color:#121212; text-decoration:line-through; color:#585858;}
.p_order_list .txt .pay_box > .sum{ padding-right:0.2em; float:right; font-size:1.294em; line-height:1.364em; font-weight:600; color:#e8155f;}

/*미션리스트*/
.mission_list{ margin-top:2em; height:29.412em; overflow-y:auto;}
.mission_list ul{ width:20.294em; margin:0 auto; }
.mission_list li{ float:left; width:100%; margin:0.588em 0; cursor:pointer}
.mission_list span{ float:left; display:block;}
.mission_list .e_list_icon{ overflow:hidden; width:3.235em; height:3.235em; border-radius:4em; background-color:#e2e2e2}
.mission_list .e_list_icon img{ width:100%; height:100%}
.mission_list .e_list_tit{ padding-left:0.8em; font-size:1.412em; font-weight:600; line-height:2.0em; color:#121212; text-align:left}
.mission_list .e_list_end{ float:right; padding:0 0.538em 0.1em 0.538em; margin:1em 0; font-size:0.765em; border-radius:0.3em; line-height:1.692em; letter-spacing:-0.05em; background-color:#727272; color:#fff;}
.mission_list .e_list_new{ float:right; padding:0 0.538em 0.1em 0.538em; margin:1em 0; font-size:0.765em; border-radius:0.3em; line-height:1.692em; letter-spacing:-0.05em; background-color:#e80000; color:#fff;}


/*당첨시*/
.eventwincont {}
.eventwincont > .event_win_top{ position:absolute; left:0; top:3em; width:100%; z-index:21000}
.eventwincont > .event_win_top > .event_win_box { position:relative; width:80%; margin:3em auto 0 auto;}
.eventwincont > .event_win_top > .event_win_box > .event_win_img{ position:absolute; left:0; top:0; z-index:10}
.eventwincont > .event_win_top > .event_win_box > .event_win_img img{ width:100%; height:auto}
.eventwincont > .event_win_top > .event_win_box .event_win_txt{ position:absolute; left:0; /*top:14.3em; width:100%; font-size:1.765em; font-family: 'GmarketSansBold'; letter-spacing:-0.05em; color:#000;*/ top:7.8em; width:100%; font-size:2.7em; font-family: 'Cafe24Ssurround'; letter-spacing:-0.06em; color:#fff; text-align:center;}
.eventwincont > .event_win_top > .event_win_box .event_win_txt span { display:inline-block; min-width:50%; /*padding:1% 9%; clip-path: polygon(100% 0, 94% 51%, 100% 99%, 0% 100%, 6% 51%, 0% 0%); background-color:#ffe860*/}
.eventwincont > .event_win_top > .event_win_box .event_w_close{ position:absolute; right:0; top:0; width:4.353em; border-radius:3em; height:4.353em; background-color:#fff; background-image:url(../images/layer_popup/icon_event_w_close.png); background-position:center center; background-repeat:no-repeat; background-size:2.353em auto; text-indent:-9999em; z-index:20; cursor:pointer}
.eventwincont  h4{ font-size:1.824em; font-weight:bold; line-height:1.333em; letter-spacing:-0.05em} 

.event_win_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/layer_popup/event_win_bg.gif) center top no-repeat; background-size:auto 100%; opacity: 0.97; filter: alpha(opacity=97); z-index:10105}

/*당첨시_타로카드*/
.event_win_tarot{ height:33em; margin:3em auto; padding:5em 1.47em 1.8em 1.47em; border-radius:1.5em; border:0.5em solid #ecc5b4; background:url(../images/layer_popup/event_win_tarot_bg.jpg) center no-repeat; background-size:100% 100%; box-sizing:border-box; text-align:center}
.event_win_tarot .event_win_tarot_txt{ display:table; margin-top:1.765em;}
.event_win_tarot ul{ display:table-row}
.event_win_tarot ul li{ display:table-cell; padding-left:7%; vertical-align:top}
.event_win_tarot ul li:first-child{ width:5.882em; padding-left:0%}
.event_win_tarot ul li span{ display:block; text-align:left; line-height:1.333em; letter-spacing:-0.05em}
.event_win_tarot ul li span.ew_tarot_tit{ font-size:1.059em; font-weight:bold; letter-spacing:-0.06em}
.event_win_tarot ul li span.ew_tarot_txt{ padding:0.893em 0; font-size:0.9em; line-height:1.45em; color:#565656}
.event_win_tarot ul li.ew_tarot_img > img{ width:100%; height:auto}
.event_win_tarot .event_win_tarot_btm{ width:100%; margin-top:1.6em; font-size:1.6em; font-family: 'GmarketSansBold'; letter-spacing:-0.05em; color:#000; text-align:center;}
.event_win_tarot .event_win_tarot_btm span { display:inline-block; min-width:50%; padding:1% 8%; border-radius:0.3em; background-color:#ecc5b4}

/*당첨시_포춘쿠키*/
.event_win_fortune{ height:19.706em; margin:3em auto; padding:3.5em 1.47em 2em 1.47em; border-radius:1.5em; border:0.294em solid #ffcd60; background:url(../images/layer_popup/win_fortune_bg.jpg) center no-repeat; background-size:100% 100%; box-sizing:border-box; text-align:center}
.event_win_fortune p{ padding:1em 0; margin-top:0.5em; font-size:0.95em; line-height:1.5em; letter-spacing:-0.03em; color:#565656; word-break:keep-all }
.event_win_fortune .event_win_fortune_btm{  width:100%; font-size:1.6em; font-family: 'GmarketSansBold'; letter-spacing:-0.05em; color:#000; text-align:center; margin:0.8em 0 }
.event_win_fortune .event_win_fortune_btm span { display:inline-block; min-width:50%; padding:1% 2%; border-radius:0.3em; background-color:#ffcd60}
.win_fortune_bg1{ display:none; position:absolute; left:0; top:20em; width:8em; height:15.029em; background:url(../images/layer_popup/win_fortune_t_bg_01.png) left top no-repeat; background-size:100% 100%; z-index:21100}
.win_fortune_bg2{ display:none; position:absolute; right:0; top:20em; width:8em; height:15.029em; background:url(../images/layer_popup/win_fortune_t_bg_02.png) left top no-repeat; background-size:100% 100%; z-index:21100}

/*레벨업*/
.levelup_cont > .levelup_top{ position:absolute; left:0; top:1.5em; width:100%; z-index:10106}
.levelup_cont > .levelup_top > .event_win_box { position:relative; width:21em; height:22em; margin:2em auto 0 auto }
.levelup_cont > .levelup_top > .event_win_box > .event_win_img{ position:absolute; left:0; width:100%; z-index:10 }
.levelup_cont > .levelup_top > .event_win_box > .event_win_img img{ width:100%; height:auto}
.levelup_cont > .levelup_top > .event_win_box > .event_win_img > span{ display:block; position:absolute; left:0; top:0.85em; width:100%; font-size:6.8em; font-family: 'GmarketSansBold'; letter-spacing:-0.05em; line-height:1.280em; color:#fff; text-align:center; z-index:20;}
.levelup_cont > .levelup_top > .event_win_box .event_win_txt{ position:absolute; left:0; top:14.3em; width:100%; font-size:1.765em; font-family: 'GmarketSansBold'; letter-spacing:-0.05em; color:#000; text-align:center;}
.levelup_cont > .levelup_top > .event_win_box .event_win_txt span { display:inline-block; min-width:40%; padding:2% 9%; border-radius:0.5em; background-color:#fff}
.levelup_cont > .levelup_top > .event_win_box .levelup_close{ position:absolute; right:-1.5em; top:-1.5em; width:4.353em; border-radius:3em; height:4.353em; background-color:#fff; background-image:url(../images/layer_popup/icon_event_w_close.png); background-position:center center; background-repeat:no-repeat; background-size:2.353em auto; text-indent:-9999em; z-index:20; cursor:pointer}

.levelup_cont > .levelup_win_txt{ position:absolute; left:0; top:25.8em; height:27.5em; width:100%; background-color:#fff; font-size:1em; color:#000; text-align:center; box-sizing:border-box; z-index:10108}
.levelup_cont > .levelup_win_txt p{ font-size:1.8em; font-family: 'GmarketSansBold'; padding:0 5%; margin:6% 0 2% 0; letter-spacing:-0.07em; line-height:1.4em; color:#000; word-break:break-all; overflow: hidden; text-overflow: ellipsis; display: flex;justify-content: center;align-items: center; word-wrap: break-word;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.levelup_cont .levelup_win_txt .btn_box{ margin-top:1em !important}
.levelup_cont .levelup_win_txt .levelup_btn{ min-width:50%; width:auto !important; margin:1% auto}
.levelup_cont .levelup_win_txt .reward_end{ width:auto; padding:0 10%; background-color:#CCC; color:#666; cursor:default}
.levelup_cont  .levelup_btm{ width:90%; border-radius:3%; margin:3% 5% 0 5%; padding:5%; background-color:#ede9e3;box-sizing:border-box }
.levelup_cont  .levelup_btm p{ font-size:1.3em; margin-top:0; font-family: 'GmarketSansBold'; padding:0%; height:1.8em; letter-spacing:-0.05em; color:#333; text-align:center; word-break:break-all;}
.levelup_cont  .levelup_btm p.levelup_txt1{ height:1.3em}
.levelup_cont  .levelup_btm p.levelup_txt2{ overflow:hidden; font-size:1.6em; color:#000; height:auto; white-space: normal;line-height: 1.2; max-height: 3.6em; text-align: left; word-wrap: break-word;display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: flex;justify-content: center;align-items: center;}
.levelup_cont .tit{ display:inline-block; padding-right:5px }

.n_levelup_reward_btn{ width:auto !important; padding:0 7%;}
.n_levelup_reward_end{  width:auto !important; padding:0 7%; background-color: #CCC; color: #666; cursor: default;}


/*내활동 탭버튼*/
.tab_title{ padding-top:1em}
/*탭2개
.tab_title li { list-style: none; float: left; width:49%; height:2.591em; font-size:1.294em; padding-top:0.55em; margin-left:2%; cursor: pointer; text-align: center; background-color:#e7e7e7; color:#585858; border-radius:0.4em; box-sizing:border-box}
*/
.tab_title li { list-style: none; float: left; width:32%; height:2.591em; font-size:1.2em; padding-top:0.45em; margin-left:2%; cursor: pointer; text-align: center; background-color:#e7e7e7; color:#585858; border-radius:0.4em; box-sizing:border-box}
.tab_title li:first-child{ margin-left:0}
.tab_title li.on {background-color: #000; font-weight: bold; color:#fff}
.tab_cont {overflow-y:auto;clear: both;}
.tab_cont div { display: none;}
.tab_cont div.on { display: block;}
.tab_cont div > ul > li.none{ text-align:center; color:#717171; line-height:5em}
.tab_cont div > ul > li{ padding:1.176em 0.882em; border-bottom:0.059em solid #e7e7e7; box-sizing:border-box}
.tab_cont div > ul > li:after{display:block;content:"";clear:both;}
.tab_cont div > ul > li > dl{ float:left; width:73%;}
.tab_cont div > ul > li > dl > dt{ font-size:1.235em; line-height:1.429em; font-size:600; letter-spacing:-0.05em; color:#000;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tab_cont div > ul > li > dl > dd{ padding-top:0.333em; font-size:0.882em; line-height:1em; color:#717171;}
.tab_cont div > ul > li > .r_txt{ display:block; float:right; width:27%; font-size:1.2em; line-height:1.3; font-weight:500; letter-spacing:-0.05em; color:#e8155f; text-align:right}
.tab_cont div > ul > li > a{ display:block; float:right; width:3.611em; height:2.778em; font-size:1.059em; line-height:2.6em; font-weight:500; border-radius:0.5em; letter-spacing:-0.05em; color:#fff; text-align:center}
.tab_cont div > ul > li > a:hover{ background-color:#000 }
.tab_cont div > ul.my_level_reward > li > dl{ width:40%}
.tab_cont div > ul.my_level_reward > li > .r_txt{ width:60%}

/*이벤트 레벨 소개*/
.level_info_txt1{ overflow:hidden; margin-top:0.5em;padding:0.3em 1em; min-height:3.6em; border-radius:0.8em; font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:0.9em; line-height:1.45em; font-weight:400; letter-spacing:-0.06em; color:#444; background:#e3e3e3; background-size:cover; box-sizing:border-box;display: flex; justify-content: center;align-items: center; text-align:center;}
.level_info_txt1 span{  white-space: normal; word-wrap: break-word; display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical; }
.e_level_info h4{ padding:1em 0 0em 0; font-weight:600}
.level_info_list{ overflow-y:auto; width:100%; height:25em; }
.level_info_list ul > li{ padding:0.8em 0em; border-bottom:0.059em solid #e7e7e7; box-sizing:border-box}
.level_info_list ul > li:after{display:block;content:"";clear:both;}
.level_info_list ul > li > span{ float:left; display:block; width:6em; height:8.5em; text-align:center}
.level_info_list ul > li > span > img{ width:100%; height:100%}
.level_info_list ul > li > dl{ float:left; width:12.5em; margin:1.5em 0 0 1.5em;}
.level_info_list ul > li > dl > dt > span{ display:inline-block; padding:0.08em 1em 0 1em; margin-bottom:4%; border-radius:3em; background-color:#000; font-size:0.9em; font-weight:600; line-height:1.765em; color:#fff;}
.level_info_list ul > li > dl > dd.level_info_txt2{ padding:0.4em 0; font-size:0.9em; color:#717171; line-height:1.529em;}
.level_info_list ul > li > dl > dd.level_info_txt3{ font-size:1em; color:#000; font-weight:600; letter-spacing:-0.05em; line-height:1.3em;}

/*이벤트 레벨 배너*/
.level_info_reward_box .level_info_list{ height:20em !important; }
.level_info_reward_box .level_info_reward_bnr{ overflow:hidden; position:relative; width:100%; padding-top:25.974%; margin-top:2%; }
.level_info_reward_box .level_info_reward_bnr img{ position:absolute; left:0; top:0; width:100% !important ; border-radius:0.7em; height:100% !important; }

/*이벤트완료*/
.eventeng_box{width:100%!important;  height:50.563em; background-color: rgba(0,0,0,0.8); position:absolute; top:0px; left:0px; z-index:10005!important;  padding: 0px 0px; box-sizing: border-box; display: flex; justify-content: center;  align-items: center; flex-direction:column; box-sizing: border-box}
.eventeng{position:absolute; left:50%; top:50%; width:86%; height:auto; min-height:28em; padding-bottom:5%; margin-top:0; transform:translate(-50%, -50%); border-radius:1.25em; background-color:#f5f5f5; z-index:10020}
.eventeng .eventeng_img > img{ width:100%; height:auto}
.eventeng .eventeng_txt{ padding:5%; text-align:center; font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:1.9em; font-weight:600; line-height:1.375em; letter-spacing:-0.05em; color:#000000;}
.eventeng a.layer_close{ display:block; float:right; width:3.938em; height:3.938em; background:  url(../images/layer_pup_btn_close.png) center center no-repeat; text-indent:-99999em; background-size:100% auto}

/*이벤트에러*/
.event_error{position:absolute; left:7%; top:50%; width:86%; height:41.47em; margin-top:-20.735em; border-radius:1.25em; background-color: rgba(0,0,0,0.8); z-index:10050}
.event_error .event_error_img > img{ width:100%; height:auto}
.event_error .event_error_txt{ position:relative; padding:0 5%; margin-top:-20%; box-sizing:border-box; text-align:center; color:#fff; font-family:'Noto Sans KR',sans-serif,'NanumGothic';}
.event_error .event_error_txt dt{ font-size:1.6em; font-weight:600; line-height:1.5em; letter-spacing:-0.05em;}
.event_error .event_error_txt dd{ color:#ff5959}
.event_error .event_error_txt dd.error_txt1{font-family: 'GmarketSansBold'; padding:8% 0 2.5% 0; font-size:1em }
.event_error .event_error_txt dd.error_txt2{ font-size:1.6em;  line-height:1.1em; letter-spacing:-0.05em; font-weight:600}
.event_error a.layer_close{ position:absolute; display:block; right:0; top:0; width:3.938em; height:3.938em; background:url(../images/event_error_btn.png) center center no-repeat; text-indent:-99999em; background-size:65% auto}

.lavel_box_bg{width:100%!important;  height: 100%;  background-color: rgba(0,0,0,0.8); 	position:absolute; top:0px; left:0px; z-index:1000!important;  padding: 0px 0px; box-sizing: border-box; display: flex; justify-content: center;  align-items: center; flex-direction:column; box-sizing: border-box; z-index:10004!important;}
.final_reward_box{ padding:9% 7% 5% 7%; text-align:center; box-sizing:border-box; height:auto !important; margin-top:0 !important; transform:translateY(-50%)}
.final_reward_box .t_txt2{ padding-bottom:2%; font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:1.2em; line-height:1.412em; font-weight:600; letter-spacing:-0.07em; color:#111; text-align:center}
.final_reward_list:after{display:block;content:"";clear:both;}
.final_reward_list li{ float:left; position:relative; width:44%; margin:3%; border-radius:0.7em; background-color:#e3e3e3; box-sizing:border-box} 
.final_reward_list li span{ display:block; }
.final_reward_list li span.img{ position:relative; width:100%; padding-top:100%; margin-bottom:5%; border-radius:0.7em 0.7em 0 0; overflow:hidden; background-color:#fff}
.final_reward_list li span.img img{ position:absolute; left:0; top:0; width:100%; height:100%}
.final_reward_list li span.final_reward_tit{ display: flex; padding:0 4%; height:2.4em; font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:0.95em; line-height:1.2em; font-weight:600; letter-spacing:-0.07em; color:#111; align-items: center; justify-content: center; display:none }
.final_reward_list li span.final_reward_tit span{ text-align: center; margin: 0; overflow: hidden;  display: -webkit-box;-webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.final_reward_list li input { width:80%; margin:5% 10% 10% 10%; border:none; height:2.5em; border-radius:0.4em; background-color:#0b50ef; color:#fff; font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:0.9em;box-sizing:border-box; cursor:pointer}
.final_reward_list li input:hover{ background-color:#000}
.final_reward_list li input.reward_check{ background-color:#5b5b5b !important}
.final_reward_list li .reward_icon{ display:none; position:absolute; left:-3px; top:3%; height:1.6em; border-radius:0 0.2em 0.2em 0; z-index:10; font-size:0.85em; padding:0 4%; background-color:#111; color:#fff }
.final_reward_list li .icon1 { background-color:#f26522}
.final_reward_list li .icon2 { background-color:#662d91}
.final_reward_list li .icon3 { background-color:#00a651}

.final_reward_ok_box{ padding:0% 0% 0% 0%; text-align:center; box-sizing:border-box; }
.final_reward_ok_box .cont{}
.final_reward_ok_box h4{ padding:0.1em 0 0.5em 0; font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:2em; font-weight:600; text-align:center; line-height:1.265em; letter-spacing:-0.05em; color:#000000;}
.final_reward_ok_box .img{ position:relative; width:88%; margin:1% auto; padding-top:88%; border-radius:5%; background-color:#fff}
.final_reward_ok_box .img img{ position:absolute; width:100%; height:100%; left:0; top:0; border-radius:5%;}
.final_reward_ok_box dt{ padding:1em 0 0.5em 0; font-size:1em}
.final_reward_ok_box dd{  font-size:1.6em; font-weight:600; text-align:center; line-height:1.265em; letter-spacing:-0.06em; color:#000000; text-align:center}

/*
.final_effect{ position:absolute; left:0; top:0; width:100%; height:50.563em !important; font-size: 1em; z-index:10000; opacity: 0.97; filter: alpha(opacity=97);}
.final_effect > img{ width:100%; height:100%}
*/
.final_effect{ position:fixed; top:0px; left:0px; display: flex; width:100%; height:50.563em !important; font-size: 1em; z-index:10000; opacity: 0.97; filter: alpha(opacity=97); padding: 0px 0px; justify-content: center;  align-items: center; flex-direction:column; box-sizing: border-box; background:url(../images/layer_popup/event_win_bg.gif) center top no-repeat; background-size:auto 100%; }
.final_effect > img{ width:100%; height:auto}

.layer_mypage_cont{ overflow-y:auto; height: 24em;}

/*로딩*/
.loading_box{width:100%; height:100%; left:0%; top:0%;position:absolute; z-index:100000000;background-color:#222; opacity: 0.95; filter: alpha(opacity=95); display:block}
.loading{border:0.5em solid #0a50ee; border-radius:100%; width:30%; height:auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-sizing:border-box}

/*닉네임*/
.nickname_box{ padding:5% 3%; height:auto; margin:0; text-align:center; box-sizing:border-box; position: absolute; left:50%; top: 45%; width:65%; transform: translate(-50%, -45%);}
.nickname_box .t_txt2{ padding-bottom:2%; font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:1.1em; line-height:1.412em; font-weight:400; letter-spacing:-0.05em; color:#111; text-align:center}
.nickname_box .t_txt2 strong{ font-weight:700; text-decoration:underline}
.nickname_box .t_txt3{ padding-top:3%; font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:1em; line-height:1.412em; font-weight:500; letter-spacing:-0.0em; color:#d60303; text-align:center}
.nickname_box .table{ display:table; width:100%; margin-top:2%;}
.nickname_box .table ul{ display:table-row}
.nickname_box .table ul li{ display:table-cell}
.nickname_box .table ul li:last-child{ width:25%; padding-left:1%; box-sizing:border-box}
.nickname_box .table input{ width:100%; height:3em; border-radius:0.9em; padding:0 3%; border:0.15em solid #222; background-color:#fff; color:#000; font-family:'Noto Sans KR',sans-serif,'NanumGothic'; text-align:center; font-size:1.2em;box-sizing:border-box; }
.nickname_box .table input.nick_btn{ background-color:#000; border-color:#000; color:#fff; cursor:pointer}

.alert_box{ padding:6% 5%; height:auto; margin:0 auto; text-align:center; box-sizing:border-box; position: absolute; top: 45%; transform: translate(0, -45%);  font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:1.1em; line-height:1.412em; font-weight:400; background : rgba(0, 0, 0, 0.9); color:#fff;  z-index:1000000000;:}

/*게임에러*/
.error_box{ padding:9% 7%; height:auto; margin:0 auto; text-align:center; box-sizing:border-box; position: absolute; top: 45%; transform: translate(0, -45%);}
.error_box .t_txt2{ padding-bottom:2%; font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:1.1em; line-height:1.412em; font-weight:400; letter-spacing:-0.04em; color:#111; text-align:center}
.error_box .t_txt2 strong{ font-weight:700; text-decoration:underline}
.error_box .t_txt3{ padding-top:3%; font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:1em; line-height:1.412em; font-weight:500; letter-spacing:-0.0em; color:#d60303; text-align:center}
.error_box .cont{ position:relative;}
.error_box input{ position:absolute; right:-1.6em; top:-2em; width:3em; height:3em; border-radius:2em; padding:0 3%; border:none; background:#000 url(../images/event_error_btn.png) center no-repeat; width:3em auto; font-size:1em; box-sizing:border-box; text-indent:-9999em; cursor:pointer}

/* 이벤트 기간 종료 */
.event_error_box_bg{width:100%!important;  height: 100%;  background-color: rgba(0,0,0,0.8); 	position:absolute; top:0px; left:0px;  padding: 0px 0px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; flex-direction:column; box-sizing: border-box; z-index:10004!important;}
.event_error_box_bg .event_error_img { width:100%; text-align:center}
.event_error_box_bg .event_error_img > img{ width:90%; height:auto; }
.event_error_box_bg .event_error_txt{ position:relative; padding:0 5%; margin-top:-20%; box-sizing:border-box; text-align:center; color:#fff; font-family:'Noto Sans KR',sans-serif,'NanumGothic';}
.event_error_box_bg .event_error_txt dt{ font-size:1.6em; font-weight:600; line-height:1.5em; letter-spacing:-0.05em;}
.event_error_box_bg .event_error_txt dd{ color:#ff5959}
.event_error_box_bg .event_error_txt dd.error_txt1{font-family: 'GmarketSansBold'; padding:8% 0 2.5% 0; font-size:1em }
.event_error_box_bg .event_error_txt dd.error_txt2{ font-size:2em;  line-height:1.1em; letter-spacing:-0.05em; padding-bottom:2em; font-weight:600}
.event_error_box_bg a.layer_close{ position:absolute; display:block; right:0; top:0; width:3.938em; height:3.938em; background:url(../images/event_error_btn.png) center center no-repeat; text-indent:-99999em; background-size:65% auto}

.event_error_box_bg .event_error_txt dd.game_end_txt1{ font-size:2.5em !important;  line-height:1.3em; letter-spacing:-0.05em; color:#fff !important; font-weight:600}
.event_error_box_bg .event_error_txt dd.game_end_txt2{ font-size:1.1em !important;  line-height:1.5em; letter-spacing:-0.05em; color:#ccc !important; font-weight:500}
.event_error_box_bg .event_error_txt dd.pb2{ padding-bottom:0.3em;}


/*툴팁*/
.layer_tooltip .ttip_box1{ position:absolute; right:0; top:0%; width:100%; height:100%; padding:123% 19% 0 0; z-index:999; box-sizing:border-box; cursor:pointer}
.layer_tooltip .ttip_box1:after{display:block;content:"";clear:both;}
.layer_tooltip .ttip_box1 span{ display:block;}
.layer_tooltip .ttip_box1 span.img{ width:16.666%; float:right}
.layer_tooltip .ttip_box1 span img{ width:100%; height: auto}
.layer_tooltip .ttip_box1 span.txt{ position:relative; float:right; display:inline-block; background-color:#000; padding:2% 5%; font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:1em; line-height:1.6em; color:#fff; letter-spacing:-0.05em; border-radius:1em; opacity: 0.95; filter: alpha(opacity=95); margin:-16% -14% 0 0}
.layer_tooltip .ttip_box1 span.txt em{ position:absolute; display:block; width:10%; padding-top:10%; background:url(../images/info_arrow.png) center top no-repeat; background-size:100% auto; bottom:-20%; right:10%}

.layer_tooltip .ttip_box2{ position:absolute; left:0; top:0%; width:100%; height:100%; padding:38% 0 0 15%; z-index:999; box-sizing:border-box; cursor:pointer}
.layer_tooltip .ttip_box2:after{display:block;content:"";clear:both;}
.layer_tooltip .ttip_box2 span{ display:block;}
.layer_tooltip .ttip_box2 span.img{ width:16.666%;}
.layer_tooltip .ttip_box2 span img{ width:100%; height: auto}
.layer_tooltip .ttip_box2 span.txt{ position:relative; float:left; display:inline-block; background-color:#000; padding:2% 5%; font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:1em; line-height:1.6em; color:#fff; letter-spacing:-0.05em; border-radius:1em; opacity: 0.95; filter: alpha(opacity=95); margin:-27% 0 14%}
.layer_tooltip .ttip_box2 span.txt em{ position:absolute; display:block; width:5%; padding-top:5%; background:url(../images/info_arrow.png) center top no-repeat; background-size:100% auto; bottom:-30%; left:10%}

/*테스트*/
.test_box{ padding:9% 7%; height:auto; margin:0 auto; text-align:center; box-sizing:border-box; position: absolute; top: 45%; transform: translate(0, -45%);}
.test_box .t_txt2{ padding-bottom:2%; font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:1.1em; line-height:1.412em; font-weight:400; letter-spacing:-0.04em; color:#111; text-align:center}
.test_box .t_txt2 strong{ font-weight:700; text-decoration:underline}
.test_box .t_txt3{ padding-top:3%; font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:1em; line-height:1.412em; font-weight:500; letter-spacing:-0.0em; color:#d60303; text-align:center}
.test_box .cont{ position:relative;}
.test_box input{ position:absolute; right:-1.6em; top:-2em; width:3em; height:3em; border-radius:2em; padding:0 3%; border:none; background:#000 url(../images/event_error_btn.png) center no-repeat; width:3em auto; font-size:1em; box-sizing:border-box; text-indent:-9999em; cursor:pointer}

/*내활동_최종보상변경*/
.my_f_reward{ display:table; width:100%}
.my_f_reward ul{ display:table-row; margin:0}
.my_f_reward ul li{ display:table-cell; font-size:1.1em; letter-spacing:-0.04em; vertical-align:middle}
.my_f_reward ul li strong{ display:block}
.my_f_reward ul li:last-child{ width:20%;}
.my_f_reward ul li:last-child > a{ display:block; width:100%; line-height:2.6em; border-radius:0.4em; font-size:1em; color:#fff; text-align:center}
.my_f_reward ul li > a.reward_end{ cursor:default; background-color:#ccc !important; color:#666 !important}
.my_f_reward ul li > a.reward_end:hover{ cursor:default; background-color:#ccc !important; color:#666 !important}

.final_reward_change{ padding:15% 7% 2% 7%; text-align:center; box-sizing:border-box; height:40em !important; margin-top:0 !important; transform:translateY(-50%); z-index: 10080!important;}
.final_reward_change .t_txt2{ padding-bottom:2%; font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:1.2em; line-height:1.412em; font-weight:600; letter-spacing:-0.07em; color:#111; text-align:center}
.final_reward_change .btn_pr{ position:relative; width:100%; height:0;}
.final_reward_change .btn_pr a{ display:block; position:absolute; right:-1em; top:-4em; width:3.938em; height:3.938em; background:  url(../images/layer_pup_btn_close.png) center center no-repeat; text-indent:-99999em; background-size:100% auto}



/*로그인 안내*/
.e_login{ position:absolute; left:0; top:0; width:100%; height:50.563em; background-color: rgba(30, 30, 30, 0.88); box-sizing:border-box; z-index:11000}
.e_login .e_login_cont{ position:absolute; left:13%; top:50%; width:74%; transform:translate(0%,-50%); color:#fff; text-align:center; }
.e_login .e_login_cont h4{ font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:2.2em; line-height:1.6em; font-weight:600; letter-spacing:-0.05em; }
.e_login .e_login_cont p{ padding:1.5% 0 5% 0;font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:1.1em; line-height:1.6em; font-weight:300; letter-spacing:-0.05em; opacity: 0.802; filter: alpha(opacity=80);}
.e_login .e_login_cont .login_bnr_img{ position:relative; width:100%; padding-top:25.974%; border-radius:0.8em; margin-bottom:0.5em }
.e_login .e_login_cont .login_bnr_img img{ position:absolute; left:0; top:0; width:100%; height:100%; border-radius:0.8em; }
.e_login .e_login_cont dl{font-family:'Noto Sans KR',sans-serif,'NanumGothic'; }
.e_login .e_login_cont dl dt{ font-size:0.95em; color:#616161;}
.e_login .e_login_cont dl dd{ padding-top:0.1em; font-size:1.6em; font-weight:600; letter-spacing:-0.05em}

.e_login .e_login_cont .login_reward{ width:100%; padding:4% 2%; border-radius:0.8em; background-color:#fff; color:#000; box-sizing:border-box}
.e_login .e_login_cont .login_finalreward{width:100%; margin-top:2%; background-color: rgba(0, 0, 0, 0.60); border-radius:0.8em; padding:2% 7% 5% 7%; box-sizing:border-box}
.e_login .e_login_cont .login_finalreward:after{display:block;content:"";clear:both;}
.e_login .e_login_cont .login_finalreward h5{ float:left; width:100%; font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:1.1em; line-height:2em; font-weight:500;  letter-spacing:-0.05em; }
.e_login .e_login_cont .login_finalreward .img{ overflow:hidden; width:46%; margin:2%; float:left; border-radius:0.8em; background-color:#fff;}
.e_login .e_login_cont .login_finalreward .img img{ width:100%; height:auto; background-color:#f3f3f3}
.e_login .e_login_cont .login_finalreward dl{ width:65%; float:right; padding:7% 3% 3% 3%; box-sizing:border-box; text-align:left}
.e_login .e_login_cont .login_finalreward dd{ font-size:1.4em}

.e_login .e_login_cont .login_btn { padding-top:5%; text-align:center}
.e_login .e_login_cont .login_btn a{ display:block; width:40%; margin:0 auto;  font-size:1.4em; line-height:2.2em; font-weight:500; color:#fff; background-color:#0b50ef; box-shadow: 0.2em 0.2em 0em 0px rgba(0, 0, 0, 0.8); border-radius:0.6em}
.e_login .e_login_cont p.txt2{ padding:4% 0 5% 1%}

/*앱설치*/
.kiki_app{ }
.kiki_app .kiki_app_img{ width:80%; min-height:21em; margin:0 auto; }
.kiki_app .kiki_app_img img{ width:100%; height:auto}
.kiki_app .btn_box .event_btn_type1{ margin-top:0.5em}
.kiki_app .kiki_popup_check{ float:right; padding:0.5em 1.5em 1em 0}
.kiki_app .kiki_popup_check input{ width:1.2em; height:1.2em; margin:0.4em 0.5em 0 0; float:left; font-size:0.9em}
.kiki_app .kiki_popup_check label{ float:left; font-size:0.9em; line-height:1.8em; letter-spacing:-0.04em}

/*친구방문*/
.kiki_visit .kiki_visit_img{ position:relative; width:80%; min-height:21em; margin:0 auto; }
.kiki_visit .kiki_visit_img img{ width:100%; height:auto}
.kiki_visit .btn_box .event_btn_type1{ margin-top:0.5em}
.kiki_visit .kiki_popup_check{ float:right; padding:0.5em 1.5em 1em 0}
.kiki_visit .kiki_popup_check input{ width:1.2em; height:1.2em; margin:0.4em 0.5em 0 0; float:left; font-size:0.9em}
.kiki_visit .kiki_popup_check label{ float:left; font-size:0.9em; line-height:1.8em; letter-spacing:-0.04em}
.kiki_visit .cont{padding: 3em 1.412em 2.647em 1.412em;box-sizing: border-box;}
.kiki_visit h3{    font-family: 'Noto Sans KR', sans-serif, 'NanumGothic';  font-size: 2.5em;  font-weight: 600;  text-align: center;  line-height: 1.265em;  letter-spacing: -0.05em;  color: #000000;}
.kiki_visit .t_txt1 {   min-height: 2.824em;   padding-top: 0.4em;   font-family: 'Noto Sans KR', sans-serif, 'NanumGothic';   font-size: 1em;   line-height: 1.412em;   font-weight: 400;    letter-spacing: -0.04em;color: #585858;   text-align: center;}
.kiki_visit .event_btn_type1 {width: 100%;  height: 3.333em;  border: none;  border-radius: 0.833em;  margin: 0.524em 0 0 0;  font-weight: 600;  font-size: 1.265em; letter-spacing: -0.02em;  background-color: #0b50ef;color: #fff;  box-sizing: border-box;  text-align: center;  cursor: pointer;}
.kiki_visit .btn_pr a.layer_close1 {display: block; position: absolute; right: 0; top: 0; width: 3.938em; height: 3.938em; background: url(../images/layer_pup_btn_close.png) center center no-repeat; text-indent: -99999em; background-size: 100% auto;	}

/*알림*/
.push_none img{ filter: grayscale(100%); }
.push_box{ position:relative; width:100%; height:0}
.push_box .ttip_box1{ position:absolute; right:0%; bottom:9.6em; padding-right:22%; width:100%; z-index:999; box-sizing:border-box }
.push_box .ttip_box1:after{display:block;content:"";clear:both;}
.push_box .ttip_box1 span{ display:block;}
.push_box .ttip_box1 span.img{ width:16.666%; float:right}
.push_box .ttip_box1 span img{ width:100%; height: auto}
.push_box .ttip_box1 span.txt{ position:relative; float:right; display:inline-block; background-color:#000; padding:2% 5%; font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:1em; line-height:1.6em; color:#fff; letter-spacing:-0.05em; border-radius:1em; opacity: 0.95; filter: alpha(opacity=95); margin:-16% -14% 0 0}
.push_box .ttip_box1 span.txt em{ position:absolute; display:block; width:10%; padding-top:10%; background:url(../images/info_arrow.png) center top no-repeat; background-size:100% auto; bottom:-20%; right:10%}
.push_box .ttip_box2{ right:0% !important; bottom:9.6em !important; padding-right:22% !important; }


/*마이페이지_추가*/
.e_mypage { z-index:10010 !important}
.n_friend_box{ width:100%; text-align:center}
.n_friend_box dt{ width:40%; margin:5% auto 0 auto; position:relative }
.n_friend_box dt img{ width:100%; height:auto}
.n_friend_box dt span{ display:block; position:absolute; left:50%; bottom:0.5em; transform: translate(-50%, 0); font-family: 'Cafe24Ssurround'; font-size:1.6em; line-height:1.3em; letter-spacing:-0.05em; color:#333}
.n_friend_box dd{ font-size:1.1em; line-height:1.5}
.n_friend_box dd a{ display:inline-block; margin-top:0.5em; padding:0 1.2em; height: 2.778em; font-size: 1.059em; line-height: 2.6em; font-weight: 500; border-radius: 0.5em;  letter-spacing: -0.05em; color: #fff; text-align: center;}
.n_friend_box dd a:hover{ background-color:#000}
.n_friend_box dd.n_mt2{ margin-top:2em}
.n_friend_info .layer_mypage_cont{ overflow-y:auto; height: 17em;}
.friend_btn_end{  width: 5em !important; text-align: center; background-color:#999}
.n_friend_info_none .layer_mypage_cont{ height: 1em; }

/*최종레벨 텍스트*/
.final_txt_effect{position:absolute; left:0; top:0; width:100%; height:100%; font-size: 1em; z-index:10006!important;}
.final_txt_effect .final_box{ width:100%; padding:5%;margin: 0 auto; text-align: center;box-sizing: border-box; position: absolute; top: 45%; transform: translate(0, -45%);box-sizing:border-box;  z-index:10010;}
.final_txt_effect .final_box p{  color:#fff; text-align:center;  height: auto; font-size: 1.8em; letter-spacing: -0.03em; font-weight: 600;}
.final_txt_effect .final_box .final_bnr{ overflow:hidden; margin:2em auto 0 auto; width:80%; border-radius:2rem; max-height:20em; opacity: 1; filter: alpha(opacity=100); cursor:pointer}
.final_txt_effect .final_box .final_bnr img{ width:100%; height:auto}
.final_txt_effect .bg{position:absolute; left:0; top:0; width:100%; height:100%; font-size: 1em; z-index:10000; opacity: 0.95; filter: alpha(opacity=95); background:url(../images/layer_popup/final_txt_bg.gif) center no-repeat; background-size:cover;box-sizing: border-box;}
/*20250314 추가 : s*/
.final_txt_effect .final_btn_box { padding-top:5%; text-align:center}
.final_txt_effect .final_btn_box a{ display:block; width:60%; margin:0 auto;  font-size:1.5em; line-height:2.7em; height:2.9em; font-weight:500; color:#fff;  box-shadow: 0.2em 0.2em 0em 0px rgba(0, 0, 0, 0.8); letter-spacing:-0.05em; border-radius:2em}
.final_txt_effect .final_btn_box a:hover{ background-color:#000 !important;  box-shadow: 0 0 0  0 rgba(0, 0, 0, 0); }
.reset_alert{ position:absolute; left:50%; top:50%; width:50%; font-size: 1.2em; z-index:10008!important; padding:5%; background-color:#fff; border-radius:1em; text-align:center; transform: translate(-50%, -50%);}
.reset_alert .reset_alert_btn{ margin-top:1em; display:flex}
.reset_alert .reset_alert_btn a{ display:block; width:49%; height:2.3em; line-height:2.3em; border-radius:0.6em; color:#fff; background-color:#aaa}
.reset_alert .reset_alert_btn a.btn_ok{ margin-right:2%}
.reset_alert .reset_alert_btn a:hover{ background-color:#000 !important}

/*최종보상내역*/
.final_r_list_view{ display:inline-block; margin-left:0.5em; padding:0 0.8em; font-size:0.8em; line-height:1.8em; height:1.8em; font-weight:500; color:#fff; background-color:#000; letter-spacing:-0.05em; border-radius:0.9em}
.final_list { z-index:10010 !important}
.final_list_box {overflow-y:auto;clear: both; margin-top:1.5em; height:30em;}
.final_list_box > ul > li.none{ text-align:center; color:#717171; line-height:5em}
.final_list_box > ul > li{ padding:1.176em 0.882em; border-bottom:0.059em solid #e7e7e7; box-sizing:border-box}
.final_list_box > ul > li:after{display:block;content:"";clear:both;}
.final_list_box > ul > li > dl{ float:left; width:100%;}
.final_list_box > ul > li > dl > dt{ font-size:1.235em; line-height:1.429em; font-size:600; letter-spacing:-0.05em; color:#000;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.final_list_box > ul > li > dl > dd{ padding-top:0.333em; font-size:0.882em; line-height:1em; color:#717171;}
.final_list .btn_pr{ position:relative; width:100%; height:0;}
.final_list .btn_pr a.layer_close{ display:block; position:absolute; right:0; top:0; width:3.938em; height:3.938em; background:  url(../images/layer_pup_btn_close.png) center center no-repeat; text-indent:-99999em; background-size:100% auto}
.final_list .cont{ padding:3em 1.412em 2.647em 1.412em; box-sizing:border-box}
.final_list h3{ font-family:'Noto Sans KR',sans-serif,'NanumGothic'; font-size:2.5em; font-weight:600; text-align:center; line-height:1.265em; letter-spacing:-0.05em; color:#000000;}
/*20250314 추가 : e*/
/*로딩 : s 20250320*/
.loding_layer{ position:absolute; left:0; top:0; width:100%; height:100%;   background-color: rgba(0,0,0,0.9); z-index:10080!important; }
.loding_layer .loding_box{ width:100%; height:100%; display: flex; justify-content: center; align-items: center; flex-direction:column; box-sizing: border-box; text-align:center;}
.loding_layer .loding_box .loding_icon{ width:9em; border-radius:50%; border:0.2em solid #0b57d0; overflow:hidden; opacity: 0.9; filter: alpha(opacity=70);}
.loding_layer .loding_box .loding_icon img{ width:100%; height:auto}
.loding_layer .loding_box p{  color:#e7e7e7; text-align:center;  height: auto; padding:1em 0 4em 0; font-size: 1em; letter-spacing: -0.03em; font-weight: 500;}
/*로딩 : e 20250320*/

/*리워드받기*/
#final_selected{ z-index:10120!important;} /*최종보상선택*/
#final_reward_ok{ z-index:10110!important;} /*최종보상받기*/

/*미션별 팝업 z-index*/
.e_mission_list{ z-index:9990 !important} /*미션리스트*/
.e_invite { z-index:10100 !important}
.kiki_visit  {  z-index:10100 !important}
.e_fortune  {  z-index:10100 !important}
.e_giftbox  {  z-index:10100 !important}
.e_order { z-index:10100 !important}
.e_share { z-index:10100 !important}
.e_ladder { z-index:10100 !important}
.e_roulette { z-index:10100 !important}
.e_choseong { z-index:10100 !important}
.e_tarot { z-index:10100 !important}
.e_attend { z-index:10100 !important}
.e_treasure { z-index:10100 !important}
.e_product_order { z-index:10100 !important}

/*페이지방문 이벤트*/
.pageview{ width:100%; position:relative; margin-top:2em; min-height:17em; box-sizing:border-box}
.pageview > .icon{ width:15em; height:15em; margin:0 auto}
.pageview > .icon > img{ width:100%; height:100%}


/*전체 모달*/
.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 }
}