@charset "euc-kr";
/* 
------------------------------------------------------------
MGAME Web Design Team
first written : Yang Young bok 250613
updated :
------------------------------------------------------------
*/
/* reset */
body,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,p,th,td,caption,fieldset,legend,input,button,textarea{margin:0;padding:0}
img,button,fieldset{border:0}
img{vertical-align:middle}
ul,ol,li{list-style:none}
a{color:#222;text-decoration:none}
label,button{cursor:pointer}
/* event */
body{overflow-x:hidden}
.wrap{position:relative;min-width:1200px;background:url(https://mgameimage.gscdn.com/mgamezzang/event/2025/knight/23year_event/bg_wrap.jpg) no-repeat center 0, url(https://mgameimage.gscdn.com/mgamezzang/event/2025/knight/23year_event/bg_footer.jpg) no-repeat center bottom,#44382f}
.header,.content,.footer{position:relative;box-sizing:border-box;margin:0 auto;width:1200px}
.footer{text-align:center}
.header{padding:340px 0 0 0;text-align:center;z-index:100}
.header h1{position:absolute;top:0;left:50px}
.title{animation:eventText 2.5s;overflow:hidden}
@keyframes eventText{
0%{
	filter:blur(20px);
	width:0;
	opacity:0;
}
100%{
	filter:blur(0px);
	width:100%;
	opacity:1;
}}
.header [data-aos="fade-up"]{transform:translateY(20px)}
.dust{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}
.today{position:absolute;top:16px;right:72px;display:flex;align-items:center}
.today input{margin:0 5px 0 0}
.today input:before{position:absolute;top:2px;left:-10px;display:block;content:'';width:25px;height:25px;border-radius:3px;background:#a38b5a url(https://mgameimage.gscdn.com/mgamezzang/event/2025/knight/23year_event/bu_today.png) no-repeat 50px;vertical-align:middle;cursor:pointer}
.today input:checked:before{background-position:center}
.today label{position:relative;margin:-5px 30px 0 0}
.top{position:absolute;bottom:30px;right:30px}
.content{padding:47px 0 0 0;background:url(https://mgameimage.gscdn.com/mgamezzang/event/2025/knight/23year_event/bg_tabs.png) no-repeat center 0}
.content h2{margin:53px 0 0 0}
.content h2:first-child{margin:0}
.tabs{display:flex;margin:0 50px;height:97px;overflow:hidden}
.tabs .on img{margin:-97px 0 0 0}
.button{margin:0 15px 0 0;text-align:center}
.event{padding:53px 50px 0 50px;background:url(https://mgameimage.gscdn.com/mgamezzang/event/2025/knight/23year_event/bg_event1.png) no-repeat center 0}
.character{position:absolute;top:473px;right:-76px;z-index:10}
#event2{background-image:url(https://mgameimage.gscdn.com/mgamezzang/event/2025/knight/23year_event/bg_event2.png)}
#event3{background-image:url(https://mgameimage.gscdn.com/mgamezzang/event/2025/knight/23year_event/bg_event3.png)}
#event4{padding-bottom:570px;background-image:url(https://mgameimage.gscdn.com/mgamezzang/event/2025/knight/23year_event/bg_event4.png)}
#event2 .character{top:347px;right:-34px}
#event3 .character{top:849px;right:18px}
#event4 .character{top:850px;right:229px}
#event3 .character[data-aos="zoom-in"]{transform:scale(0.9)}
#event3 .character[data-aos="zoom-in"].aos-animate{transform:scale(1)}