@charset "UTF-8";

/* 신규가입 이벤트 행운의 랜덤뽑기 */			

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

#newMember_rd .stn_01 {background: url(https://cdn.ek3434.com/Content_new/event/2022/05_03/AMA_03.png) center 0 repeat; height:999px;}
.ran_Dom1 {position:absolute; float:left; left:-19px; top:-40px; z-index: 99;  animation:fadeIn .6s .4s ease-out both;}
.ran_Dom_transform { transform: rotateX( 180deg ); transition: .4s; z-index: 99;}
.ran_Dom2 {position:absolute; float:left; left:-200px; top:72px; z-index: 1;  animation:fadeIn 1.6s 1.0s ease-out both infinite;}
.ran_Dom3 {position:absolute; float:left; right:-130px; top:310px; z-index: 1;  animation:fadeIn 1.6s 2.0s ease-out both infinite;}
.ran_Dom4 {position:absolute; float:left; left:-36px; top:700px; z-index: 1;  animation:fadeIn 1.6s 3.0s ease-out both infinite;}

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

#newMember_rd .stn_02 {background: url(https://cdn.ek3434.com/Content_new/event/2022/05_03/AMA_08.png) center 0 repeat-y;}
#newMember_rd .stn_03 {background: url(https://cdn.ek3434.com/Content_new/event/2022/05_03/AMA_09.png) center 0 no-repeat; margin:0;}
#newMember_rd .stn_04 {background: url(0317/20220316_Join_13.png) center 0 no-repeat;}
#newMember_rd .stn_05 {background: #FFF center 0;}
#newMember_rd .stn_06 {background: #FFF; height:120px;}

.newMember_rd_layer1 {position:absolute; float:left; left:60px; top:437px; z-index: 1;}

a { color:#666; text-decoration:none; vertical-align:middle; }

.newMember_rd .inner-1000{width:1000px;position:relative;margin:0 auto;
}
.newMember_rd .list_talk{text-align: left;}

.newMember_rd .list_talk select{float:left; width:288px;height:30px;text-align: left;border:1px solid #eeeeee;color:#22272a;margin:25px 0 0 0px; font-size:14px;}
.newMember_rd .list_talk input{width:26px;height:26px;margin:27px 2px 0 20px;float:left;}
.newMember_rd .list_talk textarea{width:788px;height:68px;padding:10px;text-align: left;border:1px solid #eeeeee;color:#888888;margin:10px 0 4px 50px;font-family:'Malgun Gothic'; float:left;}
.newMember_rd .talk_personal{float:left;margin:30px 0 0 2px; color:#888888;font-size:14px;}
.newMember_rd .talk_personal2{float:left;margin:0 0 25px 50px; color:red; font-size:13px;}

.newMember_rd .list_talk button{float:left;width:92px;height:90px;line-height: 79px;color:#fff;font-weight:bold;background:#00cfe3;border: none;font-size:15px;margin-top:10px;}
.newMember_rd .list_talk	.write_wrap{overflow:hidden; background:#eeeeee;}

.newMember_rd .con .talk_talk{background:#fff;padding:0; margin-top:30px;}
.newMember_rd .con .talk_talk>li{ background:#fff; padding:0;width:1000px;margin:0;position:relative; list-style-type:none; border-top:1px solid #222;}
.newMember_rd .con .talk_talk>li:last-child{margin-bottom:0; border-bottom:1px solid #222; }
.newMember_rd .con .talk_name{width:120px;height:48px;line-height:16px;background:#eeeeee;color:#22272a;font-size:14px;text-align:center;float:left;margin: 26px 26px 26px 50px; padding-top:10px;}
.newMember_rd .con .talk_list1{float:left;color:#22272a;font-size:14px; position:absolute;top:30px;left:225px;line-height: 15px;}
.newMember_rd .con .talk_list2{float:left;width:540px;color:#6f7d85;font-size:14px;position:absolute;top:30px;left:420px; line-height: 15px;}
.newMember_rd .con .talk_list_wrap{overflow:hidden;}
.newMember_rd .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;}
.newMember_rd .con .talk_pager>span>a{display:block;}
.newMember_rd .con .talk_pager_wrap{margin:auto;text-align: center !important;padding:20px 0 20px 0;}
.newMember_rd .con .talk_pager>span>a:hover{background:#df4e55; color:#fff;font-weight: bold;border-radius: 4px;width:40px;height:40px;border:0;}
.newMember_rd .con .icon_talk{float:left;padding:0; margin:0; width:30px; height:28px;text-align: left;margin:26px 0 0 50px; overflow:hidden;}
.newMember_rd .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:107px;background:url(https://cdn.ek3434.com/Content_new/event/2022/05_03/AMA_15_01.png) no-repeat 0 0;display:inline-block;}
.toggle_btn.on{background-image:url(https://cdn.ek3434.com/Content_new/event/2022/05_03/AMA_15_02.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;}


.header {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 120px;
	font-weight:  200;
	letter-spacing: -0.5px;
	text-align: center;
	color: #f35626;
	background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: hue 10s infinite linear;
}

@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}

#floatdiv { position:fixed; width:290px; display:inline-block; right:0px; /* 창에서 오른쪽 길이 */ bottom:18%; /* 창에서 위에서 부터의 높이 */ background-color: transparent; margin:0; z-index:90;}
@keyframes rainbow-ani { 100% { background-position: -580px 0; } } 
.rainbow { width: 290px; height: 290px; background: url('https://cdn.ek3434.com/Content_new/event/2022/05_03/AMA_01_2.png') no-repeat 0 0 / auto 290px; animation: rainbow-ani 1s infinite steps(2); }