@charset "UTF-8";	

html {scroll-behavior: smooth}	

* {margin:0 auto;}
img {display: block;}
#buyY { position: relative; overflow: hidden; }
#buyY > [class^="stn_"] { position: relative; }
#buyY .inner { position: relative; width: 1100px; margin: 0 auto; text-align: center; }

#buyY .stn_01 {background: url(https://cdn.ek3434.com/Content_new/event/2022/0614/buy_01.png) center 0 no-repeat; height:1070px;}
#buyY .stn_02 {background: url(https://cdn.ek3434.com/Content_new/event/2022/0614/buy_07_02.png) center 0 no-repeat;}
#buyY .stn_03 {background: url(https://cdn.ek3434.com/Content_new/event/2022/0614/buy_08_02.png) center 0 repeat-y;}
#buyY .stn_04 {background: url(https://cdn.ek3434.com/Content_new/event/2022/0614/buy_09_02.png) center 0 repeat-y;}
#buyY .stn_05 {background: url(https://cdn.ek3434.com/Content_new/event/2022/0614/buy_12_02.png) center 0 no-repeat;}
#buyY .stn_66 {background: #FFF center 0 no-repeat;}
#buyY .stn_77 {background: url(https://cdn.ek3434.com/Content_new/event/2022/0614/buy_13_02.png) center 0 repeat-y;}

.newEVENT_layer {position:absolute; left:0; margin:0 0 0 0px; top:0; width:1100px; z-index:10; }
.newEVENT_layer .layer_content { text-align:center; }

.ran_Dom1 {position:absolute; right:-103px; top:-20px; animation:fadeIn_up .4s 0.4s ease both;list-style:none; z-index:1}
.ran_Dom2 {position:absolute; right:-103px; top:357px; animation:fadeIn_down .4s 0.4s ease-out both;list-style:none; z-index:1}
.ran_Dom3 {position:absolute; right:-23px; top:249px; z-index: 1;  animation:fadeIn .6s 1.2s ease-out both;}
.ran_Dom4 {position:absolute; left:0; top:0;}

@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; }}

.buyY_layer01 {position:absolute; left:464px; top:-20px;  z-index:10;}
.buyY_layer02 {position:absolute; left:0px; top:0px;}
.buyY_layer03 {position:absolute; left:0px; top:38px; width:148px;  z-index:10; color:#15131c; text-align: center;text-decoration: none; font-size: 34px; display: inline-block; line-height:46px;}
.buyY_layer04 {position: absolute;	left: 426px;	top: 378px;}

.buyY_layer10 {position:absolute; left:1040px; top:425px;}
.buyY_layer11 {position:absolute; left:1040px; top:1062px;}
.buyY_layer10_2 {position:absolute; left:989px; top:673px;}
.buyY_layer11_2 {position:absolute; left:989px; top:1308px;}

.buyY_layer12 {position:absolute; left:1020px; top:362px;}
.buyY_layer13 {position:absolute; left:3px; top:352px;}
.buyY_layer14 {position:absolute; left:561px; top:352px;}
.buyY_layer15 {position:absolute; left:56px; top:824px;}

@keyframes rainbow-ani { 100% { background-position: -536px 0; } } 
.rainbow { width: 268px; height: 268px; background: url('0414/buyY_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;}
}
