@charset "UTF-8";

/* 소문내기 이벤트 */	

html {scroll-behavior: smooth}		

* {margin:0 auto;}
#rumor_ { position: relative; overflow: hidden; }
#rumor_ > [class^="stn_"] { position: relative; }
#rumor_ .inner { position: relative; width: 1100px; margin: 0 auto; text-align: center; }

#rumor_ .stn_01 {background: url(https://cdn.ek3434.com/Content_new/event/2022/0401/rumor_03.png) #8ae2d8 center 0 no-repeat; height:1691px;}
.ran_Dom1 {position:absolute; float:left; left:477px; top:72px; animation:fadeIn .6s .2s ease-out both;}
.ran_Dom2 {position:absolute; float:left; left:153px; top:275px; animation:fadeIn .6s .6s ease-out both;}
.ran_Dom3 {position:absolute; float:left; left:-40px; top:602px; animation:fadeIn .6s .6s ease-out both;}

.ran_Dom4 {position:absolute; float:left; left:-46px; top:994px; z-index: 999; animation:fadeIn .6s .8s ease-out both;}
.ran_Dom5 {position:absolute; float:left; left:-50px; top:995px; animation:fadeIn .6s 1.0s ease-out both;}


@keyframes blink-effect {  50% {    opacity: 0;  }}
.blink {  animation: blink-effect 1s step-end infinite;}

#rumor_ .stn_02 {background: #010192 center 0 repeat; height:811px;}
.ran_Dom6 {position:absolute; float:left; left:208px; top:0px; animation:fadeIn .6s .2s ease-out both;}
.ran_Dom7 {position:absolute; float:left; left:0px; top:306px; }
.ran_Dom8 {position:absolute; float:left; right:0px; top:306px; }

.ran_Dom9 {position:absolute; float:left; left:-27px; top:332px; }
.ran_Dom10 {position:absolute; float:left; left:544px; top:332px; }


#rumor_ .stn_03 {background: url(https://cdn.ek3434.com/Content_new/event/2022/0401/rumor_11.png) #8ae2d8 center 0 no-repeat;}
#rumor_ .stn_04 {background: #010192 center 0 repeat; }
#rumor_ .stn_05 {background: #fff279 center 0 repeat;}
#rumor_ .stn_06 {background: #aaea77 center 0 repeat;}


a { color:#666; text-decoration:none; vertical-align:middle; }
.rumor_ .inner-1000{width:1000px;position:relative;margin:0 auto;
}
.rumor_ .list_talk{text-align: left;}
.rumor_ .list_talk button{float:left;width:92px;height:90px;line-height: 79px;color:#fff;font-weight:bold;background:#f35890;border: none;font-size:15px;margin-top:10px;}
.rumor_ .list_talk	.write_wrap{overflow:hidden; background:#eeeeee;}

.rumor_ .con .talk_talk{background:#fff;padding:0; margin-top:30px;}
.rumor_ .con .talk_talk>li{ background:#fff; padding:0;width:1000px;margin:0px;position:relative; list-style-type:none; border-top:1px solid #222;}
.rumor_ .con .talk_talk>li:last-child{margin-bottom:0; border-bottom:1px solid #222; }
.rumor_ .con .talk_name{width:120px;line-height:15px;color:#22272a;font-size:20px;text-align:center;float:left;margin: 20px 26px 20px 50px;}
.rumor_ .con .talk_list1{width:120px; float:left;color:#22272a;font-size:20px; position:absolute;top:20px;left:225px;line-height: 15px;text-align:center;}
.rumor_ .con .talk_list2{float:left;width:540px;color:#6f7d85;font-size:20px;position:absolute;top:20px;left:440px; line-height: 15px;}
.rumor_ .con .talk_list3{float:left;width:540px;color:#22272a;font-size:20px;position:absolute;top:20px;left:440px; line-height: 15px; text-align:center;}
.rumor_ .con .talk_list_wrap{overflow:hidden;}
.rumor_ .con .talk_pager>span{display: inline-block;border-radius: 4px;background:#fff;border:1px solid #d8d8d8;width:40px;height:40px;box-sizing: border-box;text-align: center;line-height:36px;font-size:14px;color:#888888;}
.rumor_ .con .talk_pager>span>a{display:block;}
.rumor_ .con .talk_pager_wrap{margin:auto;text-align: center !important;padding:20px 0 20px 0;}
.rumor_ .con .talk_pager>span>a:hover{background:#df4e55; color:#fff;font-weight: bold;border-radius: 4px;width:40px;height:40px;border:0;}
.rumor_ .con .icon_talk{float:left;padding:0; margin:0; width:30px; height:28px;text-align: left;margin:26px 0 0 50px; overflow:hidden;}
.rumor_ .con .icon_talk>li{ background:#fff; padding:1px;margin:0;position:relative; list-style-type:none;}

.main-title:after {content: attr(title);position: absolute;margin-left: -1em;color: rgba(255, 255, 255, 0.7);}
.btn {background-color: transparent;text-decoration: none;text-transform: uppercase; transition: .3s; padding: 1.3em;/*padding-bottom: 2.5em;*/  position: relative;}
.btn:after {bottom: .5em;content: attr(href); left: 50%;position: absolute;text-transform: none;transform: translateX(-50%);}

.newEVENT_layer {position:absolute; left:50%; margin:0 0 0 -704px; top:0; width:1100px; z-index:1001; }
.newEVENT_layer .layer_content { text-align:center; }
.ek_EVENT li:first-child { padding-top:290px; padding-left:534px; animation:fadeIn_up .4s 0.6s ease both;list-style:none;}
.ek_EVENT li:last-child { padding:0 0 0 200px; animation:fadeIn_up .6s 0.8s ease both; list-style:none; }
.newEVENT_layer .img li:first-child { position:absolute; left:250px; top:0px; animation:fadeIn_down .6s 1.0s ease-out both;list-style:none; }
.newEVENT_layer .img li:last-child { position:absolute; right:-58px; top:94px; animation:fadeIn_down .6s 1.2s ease-out both; list-style:none; }

@keyframes fadeIn_up {
0% { opacity:0;	transform:translateY(20%); }
100% { opacity:1; }
}
@keyframes fadeIn_down {
0% { transform:translateY(-40%); opacity:0;	}
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0;	transform:translateY(5%); }
100% { opacity:1; }
}

.toggle_btn{width:1100px;height:100px;background:url(https://cdn.ek3434.com/Content_new/event/2022/0401/20220316_Join_19.png) no-repeat 0 0;display:inline-block;}
.toggle_btn.on{background-image:url(https://cdn.ek3434.com/Content_new/event/2022/0401/20220316_Join_20.png);}
.toggle_con{display:none; }

.imgSelect {cursor:pointer;}
.popupLayer {position: absolute; display:none; width:697px; height:712px;  z-index:9999; overflow-y:scroll; overflow-x:hidden;}
.popupLayer div {position:absolute;}






.there {display: block; z-index:99}

.there:not(.light) {  opacity:0.8;  animation: flashText .8s ease-out alternate infinite;}

.there.light {  position: relative;  display: inline-block;
  
  &:before {  position: absolute;
    background: #fff;
	top: -10%;
    width: 100%;
    height: 120%;
    filter: blur(10px);
    content: "";
    opacity: 0;
    animation: flash .5s ease-out alternate infinite;
  }
}

@keyframes flash{
  to {
    opacity: 1;
  }
}

@keyframes flashText {
  to {
    opacity: 0.3;
  }
}



.thereIN ul li {list-style-type: none; float: left; padding-right:85px;}
@-webkit-keyframes sparkle {
  from {    background-position: 0% 100%;  }  to {    background-position: 200% 100%;  }}

@keyframes sparkle {
  from {    background-position: 0% 100%;  }  to {    background-position: 200% 100%;  }}
.test {  display: inline-block;  border-radius: 90px;  position: relative;}
.test:before {
  -webkit-animation: sparkle 14s infinite linear;
          animation: sparkle 14s infinite linear;
  background: linear-gradient(90deg, #8ae2d8 0%, #a2efe6 11%, #b2f6ee 22%, #8ae2d8 33%, #a2efe6 44%, #b2f6ee 55%, #8ae2d8 66%, #a2efe6 77%, #b2f6ee 88%, #8ae2d8 100%);
  background-size: 300% 100%;
  content: "";
  position: absolute;
  left: 4px;
  top: 0;
  width: 96%;
  height: 96%;
  border-radius: 90px;
  filter: blur(8px);
  z-index: -1;
  transform: scale(0.99) translateY(3px);
}



.box{ width: 529px;  height: 405px;  overflow: hidden;}
.box img{ transition:all 0.6s;}
.box>a:hover img {  transform: scale(1.1); opacity:.6; transition: all ease 0.6s 0s;}