@charset "UTF-8";

/* 신규가입 이벤트 5월에는 할인이오 */			

html {scroll-behavior: smooth}	

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


#discounT .stn_01 {background: url(https://cdn.ek3434.com/Content_new/event/2022/05_2/discount_10.png) center 0 no-repeat; height:1191px;}
#discounT .stn_02 {background: url(https://cdn.ek3434.com/Content_new/event/2022/05_2/discount_24.png) center 0 repeat-y;}
#discounT .stn_03 {background: url(https://cdn.ek3434.com/Content_new/event/2022/05_2/discount_13.png) center 0 no-repeat; padding:120px 0 120px 0;}
#discounT .stn_04 {padding:0 0 120px 0; margin:0;}
#discounT .stn_04 img {display:block;}
#discounT .stn_05 {background: url(https://cdn.ek3434.com/Content_new/event/2022/05_2/discount_25.png) center 0 repeat-y;}
#discounT .stn_06 {background: url(https://cdn.ek3434.com/Content_new/event/2022/05_2/discount_27.png) center 0 repeat-y;}


.newEVENT_layer {position:absolute; left:50%; margin:0 0 0 0px; top:0; width:1100px; z-index:10; }
.newEVENT_layer .layer_content { text-align:center; }

.newEVENT_layer .img li:nth-child(1) { position:absolute; left:-320px; top:169px; animation:fadeIn_down .4s 0.4s ease-out both;list-style:none; z-index:1 }
.newEVENT_layer .img li:nth-child(2) { position:absolute; left:-550px; top:40px; animation:fadeIn_down 1.2s 1.8s ease-out both;list-style:none; }
.newEVENT_layer .img li:nth-child(3) { position:absolute; left:-320px; top:103px; animation:fadeIn_down .4s 1.2s ease-out both; list-style:none; }

.up_EVENT li:nth-child(1) { position:absolute; left:-320px; top:365px; animation:fadeIn_up .4s 0.4s ease both;list-style:none; z-index:2}
.up_EVENT li:nth-child(2) { position:absolute; left:-550px; top:803px; animation:fadeIn_up 1.2s 1.8s ease both;list-style:none;}
.up_EVENT li:nth-child(3) {  position:absolute; left:-320px; top:598px; animation:fadeIn_up .4s 1.2s ease both; list-style:none; }
.up_EVENT li:nth-child(4) {  position:absolute; right:374px; top:477px; animation:fadeIn_up 1.2s 2.8s ease 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; }}




.discounT_layer01 {position:absolute; left:464px; top:-20px;  z-index:10;}
.discounT_layer02 {position:absolute; left:0px; top:0px;}
.discounT_layer03 {position:absolute; left:0px; top:100px; width:148px;  z-index:10; color:#ffffff; text-align: center;text-decoration: none; font-size: 34px; display: inline-block; line-height:42px;}

.discounT_btn_layer04 {position:absolute; left:18px; top:709px; z-index:99;}
.discounT_btn_layer05 {position:absolute; left:590px; top:709px; z-index:99;}
.discounT_btn_layer06 {position:absolute; left:18px; top:1344px; z-index:99;}
.discounT_btn_layer07 {position:absolute; left:590px; top:1344px; z-index:99;}
.discounT_btn_layer08 {position:absolute; left:59px; top:506px; z-index:99;}

.discounT_layer09 {position:absolute; left:572px; top:345px;}
.discounT_layer10{position:absolute; left:994px; top:275px;}

.discounT_layer11 {position:absolute; left:572px; top:980px;}
.discounT_layer12 {position:absolute; left:994px; top:912px;}

.discounT_layer13 {position:absolute; left:3px; top:370px;}
.discounT_layer14 {position:absolute; left:561px; top:370px;}
.discounT_layer15 {position:absolute; left:56px; top:840px;}



.btn_discounT01 {display:block; width:492px; height:75px; overflow:hidden; position:relative;}
:hover.btn_discounT01 img { position:absolute; top:-75px; left:0px;  }

.btn_discounT02 {display:block; width:233px; height:45px; overflow:hidden; position:relative;}
:hover.btn_discounT02 img { position:absolute; top:-45px; left:0px;  }

@keyframes rainbow-ani { 100% { background-position: -536px 0; } } 
.rainbow { width: 268px; height: 268px; background: url('https://cdn.ek3434.com/Content_new/event/2022/05_2/discount_02.png') no-repeat 0 0 / auto 268px; animation: rainbow-ani 5s infinite steps(2); } 

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


.bxText {color: #1c2324; width:900px;  text-align:left;text-decoration: none; font-size: 18px; line-height:32px; font-family:맑은 고딕;letter-spacing:-0.4px;}
.bxTextRED {color: #e01919;  }

.chatbox {animation: motion 0.3s linear 0s infinite alternate; margin-top: 0;}
        
@keyframes motion {
	0% {margin-top: 0px;}
	100% {margin-top: 10px;}
}