@charset "utf-8";

.top_common_all {height:40px; background:url('https://ssl.nexon.com/s2/game/mabinogi/mabiweb/homepage/images/common/bg_top_test.gif') no-repeat center top;}

h1.event_logo {position:absolute; top:24px; left:33px; z-index:10000000000000;}

input.ch_ty1 {margin:0; width:10px; height:10px; margin:1px 7px 0 0; border:none; vertical-align:top;}
span.ch_ty1 {display:block; position:absolute; top:1px; left:0; width:13px; height:13px; background:url('https://ssl.nexon.com/s2/game/mabinogi/MabiWeb/event/2017/0119_master_dkclvk2f/ck_off.png') no-repeat left top; cursor:pointer}
span.ch_ty1.on {background:url('https://ssl.nexon.com/s2/game/mabinogi/MabiWeb/event/2017/0119_master_dkclvk2f/ck_off.png') no-repeat left top;}

.wrap_all {position:relative; height:1260px;}

.link_box {position:absolute; top:30px; right:33px; z-index:10000000000000;}
.link_box ul {height:50px; padding-bottom:9px;}
.link_box li {float:left; padding-right:1px;}
.link_box li.last {padding-right:none;}
.link_box p {position:relative;}
.link_box p label {cursor:pointer;}

.event_wrap {z-index:10;}
.event_wrap .control_wrap {position: absolute; left:0; bottom:0; width:100%; height:44px; text-align:center; z-index:99;}
.event_wrap .box {position:relative; width:100%; height:1260px;}
.event_wrap .bx-pager.bx-default-pager {display:none;}
.bx-controls-direction {position:absolute; top:0; left:0; width:100%;}
.event_wrap .bx-prev {position:absolute; top:592px; left:37px; display:block; width:75px; height:117px; background:url('https://ssl.nexon.com/s2/game/mabinogi/MabiWeb/event/2017/0119_master_dkclvk2f/arr_l.png') no-repeat left top; text-indent:-9999px; z-index:10000000000000000000000000;}
.event_wrap .bx-next {position:absolute; top:592px; right:37px; display:block; width:75px; height:117px; background:url('https://ssl.nexon.com/s2/game/mabinogi/MabiWeb/event/2017/0119_master_dkclvk2f/arr_r.png') no-repeat left top; text-indent:-9999px; z-index:1000000000000000000000000000000;}

.main {position:relative; height:1260px; background:url('https://ssl.nexon.com/s2/game/mabinogi/MabiWeb/event/2017/0119_master_dkclvk2f/bg01.jpg') no-repeat center -40px; overflow:hidden;}
.main p.main_cir {position:absolute; top:40px; left:0; width:100%; z-index:2; margin:0 auto; text-align:center;}
.main p.main_cir.txt {position:absolute; top:204px; left:0; display:block; width:100%; text-align:center; z-index:1000000;}
.main .grass {position:absolute; left:0; bottom:0; z-index:2;}

.cont01 {position:relative; height:1260px; background:; overflow:hidden;}
.cont01 .inner_box {position:relative; width:1596px; margin:0 auto; z-index:2; text-align:center;}
.cont01 .sub_obj {position:absolute; bottom:0; left:0; transition:1s;opacity:0;transform:translate(-300px,0)}

.cont02 {position:relative; height:1260px; background:; overflow:hidden;}
.cont02 .inner_box {position:relative; width:1538px; margin:0 auto; z-index:2; text-align:center;}
.cont02 .sub_obj {position:absolute; bottom:0; right:0; z-index:1; transition:1s;opacity:0;transform:translate(300px,0)}

.cont03 {position:relative; height:1260px; background:; overflow:hidden;}
.cont03 .inner_box {position:relative; width:1538px; margin:0 auto; z-index:2; text-align:center;}
.cont03 .sub_obj {position:absolute; bottom:0; right:0; z-index:1; transition:1s;opacity:0;transform:translate(300px,0)}

.cont04 {position:relative; height:1260px; background:; overflow:hidden;}
.cont04 .sub_obj {position:absolute; bottom:0; right:0; z-index:1; transition:1s;opacity:0;transform:translate(300px,0)}
.cont04 .inner_box {position:relative; width:899px; margin:0 auto; z-index:2; text-align:center;}
.cont04 .inner_box .sub_tit.ty02 {padding-left:50px; text-align:left;}
.cont04 .inner_box .sub_cont.ty02 {padding:85px 0 0 30px; text-align:left;}
.cont04 .s_grass {position:absolute; left:0; bottom:0;}

.event_footer {position:absolute; left:0; bottom:0; width:100%; padding-bottom:36px; text-align:center;}


.main_obj.off01 {position:absolute; bottom:0; left:0; z-index:1; transition:1.5s;opacity:0;transform:translate(-130px,0)}
.main_obj.off02 {position:absolute; bottom:0; right:0; z-index:3; transition:1.5s;opacity:0;transform:translate(130px,0)}
.main_obj.on {opacity:1;transform:translate(0,0)}

.main_cir {transition:0.8s;opacity:0;transform:translate(0,150px)}
.main_cir.on {opacity:1;transform:translate(0,0)}

.sub_tit {padding:158px 0 24px 0; text-align:center; transition:1.5s;opacity:0;transform:translate(0,70px)}
.active_slide .sub_tit {opacity:1;transform:translate(0,0)}

.sub_cont {opacity:0;}
.active_slide .sub_cont {animation:scont 1s ease 0.5s forwards 1;}
@keyframes scont{
0% {opacity:0;transform:translate(0,130px);}
100% {opacity:1;transform:translate(0,0);}
}

.active_slide .cont01 .sub_obj {opacity:1;transform:translate(0,0)}
.active_slide .cont02 .sub_obj {opacity:1;transform:translate(0,0)}
.active_slide .cont03 .sub_obj {opacity:1;transform:translate(0,0)}
.active_slide .cont04 .sub_obj {opacity:1;transform:translate(0,0)}


.sub_rain {position:absolute; left:0; top:0; z-index:2; width:100%;}
.sub_square {position:absolute; left:0; top:0; z-index:2; width:99%;}


.main_rain {position:absolute; left:0; top:0; width:1920px; margin:0 0 0 0; z-index:2; animation:snow 46s linear 1;}/*infinite*/
/*.rain01.on{transform:translate(5760px,4000px);transition:0.9s all 0.0s cubic-bezier(0.0, 0.000, 0.0, 0.000);}*/
/*@keyframes snow{
0% {transform:translate(0,0)}
100% {transform:translate(-1920px,1260px);}
}*/





@media all and (min-width:1367px) and (max-width:1680px) {
.main_obj.off01 {position:absolute; bottom:0; left:0; z-index:1; transition:1.5s;opacity:0;transform:translate(-200px,0)}
.main_obj.off01 img {width:799px;}
.main_obj.off02 {position:absolute; bottom:0; right:0; z-index:3; transition:1.5s;opacity:0;transform:translate(200px,0)}
.main_obj.off02 img {width:838px;}
.main_obj.off01.on {opacity:1;transform:translate(-110px,0)}
.main_obj.off02.on {opacity:1;transform:translate(130px,0)}

.main .grass {position:absolute; left:-150px; bottom:0; z-index:2;}


.sub_cont {opacity:0;}
.active_slide .sub_cont {animation:scont 1s ease 0.5s forwards 1;}
@keyframes scont{
0% {opacity:0;transform:translate(0,200px);}
100% {opacity:1;transform:translate(0,0);}
}

.active_slide .cont01 .sub_obj {opacity:1;transform:translate(-80px,0)}
.active_slide .cont02 .sub_obj {opacity:1;transform:translate(170px,0)}
.active_slide .cont03 .sub_obj {opacity:1;transform:translate(170px,0)}
.active_slide .cont04 .sub_obj {opacity:1;transform:translate(170px,0)}
}





@media all and (min-width:1000px) and (max-width:1366px) {
.wrap_all {height:960px;}

.main {height:960px;}
.main p.main_cir img {width:707px;}
.main p.main_cir.txt {top:184px;}
.main p.main_cir.txt img {width:457px;}

.main_obj.off01 {position:absolute; bottom:0; left:0; z-index:1; transition:1.5s;opacity:0;transform:translate(-200px,0)}
.main_obj.off01 img {width:659px;}
.main_obj.off02 {position:absolute; bottom:0; right:0; z-index:3; transition:1.5s;opacity:0;transform:translate(200px,0)}
.main_obj.off02 img {width:708px;}
.main_obj.off01.on {opacity:1;transform:translate(-110px,0)}
.main_obj.off02.on {opacity:1;transform:translate(120px,0)}

.main .grass {position:absolute; left:-200px; bottom:0; z-index:2;}

.event_wrap .box {height:960px;}
.event_wrap .bx-prev {position:absolute; top:462px; left:37px; display:block; width:60px; height:94px; background:url('https://ssl.nexon.com/s2/game/mabinogi/MabiWeb/event/2017/0119_master_dkclvk2f/arr_l.png') no-repeat left top; background-size:60px 94px; text-indent:-9999px;}
.event_wrap .bx-next {position:absolute; top:462px; right:37px; display:block; width:60px; height:94px; background:url('https://ssl.nexon.com/s2/game/mabinogi/MabiWeb/event/2017/0119_master_dkclvk2f/arr_r.png') no-repeat left top; background-size:60px 94px; text-indent:-9999px;}

.main_rain {width:100%;}

.cont01 {height:960px;}
.cont02 {height:960px;}
.cont03 {height:960px;}
.cont04 {height:960px;}


.sub_cont {opacity:0;}
.active_slide .sub_cont {animation:scont 1s ease 0.5s forwards 1;}
@keyframes scont{
0% {opacity:0;transform:translate(0,200px);}
100% {opacity:1;transform:translate(0,0);}
}

.active_slide .cont01 .sub_obj {opacity:1;transform:translate(0,0)}
.active_slide .cont01 .sub_obj {width:478px;}
.active_slide .cont02 .sub_obj {opacity:1;transform:translate(90px,0)}
.active_slide .cont02 .sub_obj {width:461px;}
.active_slide .cont03 .sub_obj {opacity:1;transform:translate(90px,0)}
.active_slide .cont03 .sub_obj {width:461px;}
.active_slide .cont04 .sub_obj {opacity:1;transform:translate(90px,0)}
.active_slide .cont04 .sub_obj {width:646px;}

.cont01 .inner_box {width:1100px;}
.cont01 .inner_box .sub_tit img {width:50%;}
.cont01 .inner_box .sub_cont img {width:1096px;}
.cont01 .sub_rain {z-index:1; width:101%;}

.cont02 .inner_box {width:1100px;}
.cont02 .inner_box .sub_tit img {width:57%;}
.cont02 .inner_box .sub_cont img {width:996px;}
.cont02 .sub_square {top:55px; width:97%;}

.cont03 .inner_box {width:1100px;}
.cont03 .inner_box .sub_tit img {width:50%;}
.cont03 .inner_box .sub_cont img {width:722px}
.cont03 .sub_square {top:20px;}

.cont04 .inner_box {width:1100px;}
.cont04 .inner_box .sub_tit img {width:375px;}
.cont04 .inner_box .sub_tit.ty02 {padding-left:240px; text-align:left;}
.cont04 .inner_box .sub_cont img {width:752px}
.cont04 .inner_box .sub_cont.ty02 img {width:450px;}
.cont04 .inner_box .sub_cont.ty02 {padding:85px 0 0 240px; text-align:left;}
.cont04 .s_grass {position:absolute; left:-150px; bottom:0;}
.cont04 .s_grass img {width:367px;}
}



@media all and (min-width:10px) and (max-width:999px) {
.wrap_all {height:960px;}

.main {height:960px;}
.main p.main_cir img {width:657px;}
.main p.main_cir.txt {top:184px;}
.main p.main_cir.txt img {width:407px;}

.main_obj.off01 {position:absolute; bottom:0; left:0; z-index:1; transition:1.5s;opacity:0;transform:translate(-200px,0)}
.main_obj.off01 img {width:609px;}
.main_obj.off02 {position:absolute; bottom:0; right:0; z-index:3; transition:1.5s;opacity:0;transform:translate(200px,0)}
.main_obj.off02 img {width:658px;}
.main_obj.off01.on {opacity:1;transform:translate(-130px,0)}
.main_obj.off02.on {opacity:1;transform:translate(140px,0)}

.main .grass {position:absolute; left:-200px; bottom:0; z-index:2;}

.event_wrap .box {height:960px;}
.event_wrap .bx-prev {position:absolute; top:462px; left:37px; display:block; width:60px; height:94px; background:url('https://ssl.nexon.com/s2/game/mabinogi/MabiWeb/event/2017/0119_master_dkclvk2f/arr_l.png') no-repeat left top; background-size:60px 94px; text-indent:-9999px;}
.event_wrap .bx-next {position:absolute; top:462px; right:37px; display:block; width:60px; height:94px; background:url('https://ssl.nexon.com/s2/game/mabinogi/MabiWeb/event/2017/0119_master_dkclvk2f/arr_r.png') no-repeat left top; background-size:60px 94px; text-indent:-9999px;}

.main_rain {width:100%;}

.cont01 {height:960px;}
.cont02 {height:960px;}
.cont03 {height:960px;}
.cont04 {height:960px;}


.sub_cont {opacity:0;}
.active_slide .sub_cont {animation:scont 1s ease 0.5s forwards 1;}
@keyframes scont{
0% {opacity:0;transform:translate(0,200px);}
100% {opacity:1;transform:translate(0,0);}
}

.active_slide .cont01 .sub_obj {opacity:1;transform:translate(-30px,0)}
.active_slide .cont01 .sub_obj {width:428px;}
.active_slide .cont02 .sub_obj {opacity:1;transform:translate(130px,0)}
.active_slide .cont02 .sub_obj {width:411px;}
.active_slide .cont03 .sub_obj {opacity:1;transform:translate(130px,0)}
.active_slide .cont03 .sub_obj {width:411px;}
.active_slide .cont04 .sub_obj {opacity:1;transform:translate(130px,0)}
.active_slide .cont04 .sub_obj {width:586px;}

.cont01 .inner_box {width:980px}
.cont01 .inner_box .sub_tit img {width:50%;}
.cont01 .inner_box .sub_cont img {width:896px;}
.cont01 .sub_rain {z-index:1; width:101%;}

.cont02 .inner_box {width:980px;}
.cont02 .inner_box .sub_tit img {width:57%;}
.cont02 .inner_box .sub_cont img {width:796px;}
.cont02 .sub_square {top:55px; width:97%; display:none;}

.cont03 .inner_box {width:980px;}
.cont03 .inner_box .sub_tit img {width:50%;}
.cont03 .inner_box .sub_cont img {width:722px}
.cont03 .sub_square {top:20px; display:none;}

.cont04 .inner_box {width:980px;}
.cont04 .inner_box .sub_tit img {width:375px;}
.cont04 .inner_box .sub_tit.ty02 {padding-left:240px; text-align:left;}
.cont04 .inner_box .sub_cont img {width:552px}
.cont04 .inner_box .sub_cont.ty02 img {width:450px;}
.cont04 .inner_box .sub_cont.ty02 {padding:85px 0 0 240px; text-align:left;}
.cont04 .s_grass {position:absolute; left:-150px; bottom:0;}
.cont04 .s_grass img {width:367px;}
}