
.event1 {margin-top:50px;}

.event4 {padding-bottom:80px; background:#f2f2f2}

.evt4-tab {width:800px; margin:0 auto;}
.evt4-tab ul {*zoom:1; width:630px; margin:0 auto; margin-bottom:20px}
.evt4-tab ul:after {content:""; display:block; clear:both;}
.evt4-tab ul li {float:left; width:80px; height:80px; position:relative; margin:0 0 10px 10px; cursor:pointer; background-position: center; background-repeat:no-repeat; background-size:cover}
.evt4-tab ul li:first-child {margin-left:0;}
.evt4-tab ul li:nth-child(8) {margin-left:0;}
.evt4-tab ul li.evt4-tab1 {background-image:url(/event/rebranding2/img/w_rebranding_4_02_01.jpg); }
.evt4-tab ul li.evt4-tab2 {background-image:url(/event/rebranding2/img/w_rebranding_4_02_02.jpg); }
.evt4-tab ul li.evt4-tab3 {background-image:url(/event/rebranding2/img/w_rebranding_4_02_03.jpg); }
.evt4-tab ul li.evt4-tab4 {background-image:url(/event/rebranding2/img/w_rebranding_4_02_04.jpg); }
.evt4-tab ul li.evt4-tab5 {background-image:url(/event/rebranding2/img/w_rebranding_4_02_05.jpg); }
.evt4-tab ul li.evt4-tab6 {background-image:url(/event/rebranding2/img/w_rebranding_4_02_06.jpg); }
.evt4-tab ul li.evt4-tab7 {background-image:url(/event/rebranding2/img/w_rebranding_4_02_07.jpg); }
.evt4-tab ul li.evt4-tab8 {background-image:url(/event/rebranding2/img/w_rebranding_4_02_08.jpg); }
.evt4-tab ul li.evt4-tab9 {background-image:url(/event/rebranding2/img/w_rebranding_4_02_09.jpg); }
.evt4-tab ul li.evt4-tab10 {background-image:url(/event/rebranding2/img/w_rebranding_4_02_10.jpg); }
.evt4-tab ul li.evt4-tab11 {background-image:url(/event/rebranding2/img/w_rebranding_4_02_11.jpg); }
.evt4-tab ul li.evt4-tab12 {background-image:url(/event/rebranding2/img/w_rebranding_4_02_12.jpg); }
.evt4-tab ul li.evt4-tab13 {background-image:url(/event/rebranding2/img/w_rebranding_4_02_13.jpg); }
.evt4-tab ul li.evt4-tab1.current {background-image:url(/event/rebranding2/img/w_rebranding_4_02_01_on.jpg); }
.evt4-tab ul li.evt4-tab2.current {background-image:url(/event/rebranding2/img/w_rebranding_4_02_02_on.jpg); }
.evt4-tab ul li.evt4-tab3.current {background-image:url(/event/rebranding2/img/w_rebranding_4_02_03_on.jpg); }
.evt4-tab ul li.evt4-tab4.current {background-image:url(/event/rebranding2/img/w_rebranding_4_02_04_on.jpg); }
.evt4-tab ul li.evt4-tab5.current {background-image:url(/event/rebranding2/img/w_rebranding_4_02_05_on.jpg); }
.evt4-tab ul li.evt4-tab6.current {background-image:url(/event/rebranding2/img/w_rebranding_4_02_06_on.jpg); }
.evt4-tab ul li.evt4-tab7.current {background-image:url(/event/rebranding2/img/w_rebranding_4_02_07_on.jpg); }
.evt4-tab ul li.evt4-tab8.current {background-image:url(/event/rebranding2/img/w_rebranding_4_02_08_on.jpg); }
.evt4-tab ul li.evt4-tab9.current {background-image:url(/event/rebranding2/img/w_rebranding_4_02_09_on.jpg); }
.evt4-tab ul li.evt4-tab10.current {background-image:url(/event/rebranding2/img/w_rebranding_4_02_10_on.jpg); }
.evt4-tab ul li.evt4-tab11.current {background-image:url(/event/rebranding2/img/w_rebranding_4_02_11_on.jpg); }
.evt4-tab ul li.evt4-tab12.current {background-image:url(/event/rebranding2/img/w_rebranding_4_02_12_on.jpg); }
.evt4-tab ul li.evt4-tab13.current {background-image:url(/event/rebranding2/img/w_rebranding_4_02_13_on.jpg); }
.evt4-tab ul li.evt4-tab1.find {background-image:url(/event/rebranding2/img/w_rebranding_4_02_01_find.jpg); }
.evt4-tab ul li.evt4-tab2.find {background-image:url(/event/rebranding2/img/w_rebranding_4_02_02_find.jpg); }
.evt4-tab ul li.evt4-tab3.find {background-image:url(/event/rebranding2/img/w_rebranding_4_02_03_find.jpg); }
.evt4-tab ul li.evt4-tab4.find {background-image:url(/event/rebranding2/img/w_rebranding_4_02_04_find.jpg); }
.evt4-tab ul li.evt4-tab5.find {background-image:url(/event/rebranding2/img/w_rebranding_4_02_05_find.jpg); }
.evt4-tab ul li.evt4-tab6.find {background-image:url(/event/rebranding2/img/w_rebranding_4_02_06_find.jpg); }
.evt4-tab ul li.evt4-tab7.find {background-image:url(/event/rebranding2/img/w_rebranding_4_02_07_find.jpg); }
.evt4-tab ul li.evt4-tab8.find {background-image:url(/event/rebranding2/img/w_rebranding_4_02_08_find.jpg); }
.evt4-tab ul li.evt4-tab9.find {background-image:url(/event/rebranding2/img/w_rebranding_4_02_09_find.jpg); }
.evt4-tab ul li.evt4-tab10.find {background-image:url(/event/rebranding2/img/w_rebranding_4_02_10_find.jpg); }
.evt4-tab ul li.evt4-tab11.find {background-image:url(/event/rebranding2/img/w_rebranding_4_02_11_find.jpg); }
.evt4-tab ul li.evt4-tab12.find {background-image:url(/event/rebranding2/img/w_rebranding_4_02_12_find.jpg); }
.evt4-tab ul li.evt4-tab13.find {background-image:url(/event/rebranding2/img/w_rebranding_4_02_13_find.jpg); }

.evt4-tab-cont {display:none; margin:0 auto; width:800px; height:570px}
.evt4-tab-cont.current {display:block;}

.evt4-info {position:relative;}
.evt4-info a {position:absolute; right:20px; bottom:20px; width:136px; height:50px; background:url('/event/rebranding2/img/btn_go.png') no-repeat;}
.evt4-tab-cont .find div {position:absolute; right:20px; bottom:20px; width:95px; height:95px; background:url('/event/rebranding2/img/ico_find.png') no-repeat;}

.event5 {position:relative;}
.event5 a {position:absolute; width:50px; height:50px;}
.event5 a.btn1 {top:585px; right:380px; }
.event5 a.btn2 {bottom:310px; right:450px; }
.event5 a.btn3 {top:230px; right:240px; }
.event5 a.btn4 {top:420px; right:140px; }
.event5 a.btn5 {top:320px; right:340px; }
.event5 a.btn6 {bottom:280px; right:225px; }
.event5 a.btn7 {top:350px; left:275px; }
.event5 a.btn8 {top:415px; left:450px; }
.event5 a.btn9 {bottom:450px; left:120px; }
.event5 a.btn10 {bottom:185px; left:160px; }
.event5 a.btn11 {bottom:240px; left:355px; }
.event5 a.btn12 {bottom:125px; right:135px; }
.event5 a.btn13 {top:255px; left:185px; }

.event6 {position:relative;}
.event6 a {position:absolute; width:175px; height:50px}
.event6 a.btn1 {bottom:80px; left:320px; }
.event6 a.btn2 {bottom:80px; right:320px; }

.event7 {position:relative;}
.event7 iframe {position:absolute; top:240px; left:50%; margin-left:-320px; width:640px; height:360px;}

.event8 {margin-bottom:50px;}

/* 190215_Ä³¸¯ÅÍ Ã£±â - ¹öÆ°, ·¹ÀÌ¾î */
.character_btn {position:absolute; z-index:9;}
	.character_btn a {width:150px; height:150px;}

	/* Ä³¸¯ÅÍ º° À§Ä¡°ª */
	.c_btn_1 {top:700px; left:50%; margin-left:-350px}
	.c_btn_2 {top:450px; left:45%; margin-left:-350px}
	.c_btn_3 {top:400px; left:50%; margin-left:-550px}
	.c_btn_4 {top:350px; left:50%; margin-left:-450px}
	.c_btn_5 {top:400px; left:50%; margin-left:-85px}
	.c_btn_6 {top:600px; right:50%; margin-right:-600px}
	.c_btn_7 {top:450px; left:50%; margin-left:-350px}
	.c_btn_8 {top:330px; right:50%; margin-right:-570px}
	.c_btn_9 {top:350px; left:50%; margin-left:-300px}
	.c_btn_10 {top:370px; right:50%; margin-right:-600px}
	.c_btn_11 {top:620px; left:50%; margin-left:-550px}
	.c_btn_12 {top:250px; left:50%; margin-left:-550px}
	.c_btn_13 {top:300px; left:50%; margin-left:-100px}

	.c_motion {-webkit-animation-name: motion;  animation-name: motion; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both;animation-fill-mode: both;animation-timing-function: ease-in-out; animation-iteration-count: infinite;}

.character_layer {display:none}
	.c_layer_box {z-index: 10001; position: fixed; top:50%; left: 50%; margin-left:-280px; margin-top:-250px; display: block; }
		.c_layer_box img {border-radius:30px}
		.c_popup_09 {width:560px; height:500px;}
		.character_layer .btn_go {position:absolute; bottom:20px; right:20px; width:136px; height:50px; background:url('/event/rebranding2/img/btn_go.png') no-repeat;}
		.character_layer .c_layer_close {position:absolute; top:20px; right:20px; width:20px; height:20px; background:url('/event/rebranding2/img/btn_close.png') no-repeat;}

	.c_layer_wrap {z-index: 10000; position: fixed;top: 0; left: 0; width: 100%;height: 100%; background:#000; opacity:0.7}
		
@keyframes motion {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
/* //190215_Ä³¸¯ÅÍ Ã£±â - ¹öÆ°, ·¹ÀÌ¾î */

/* 190222_ÀÌº¥Æ® CSS */
.re2_counts {position:relative}
.re2_counts div {position:absolute; top:0; width:50%; height:100%; box-sizing:border-box}
.re2_counts div.character {left:0}
.re2_counts div.entry {right:0}
.re2_counts div .re2_count_p {width: 170px; float: right; margin-top: 40px; color:#1a1a1a;}
.re2_counts div.character .re2_count_p {margin-right:25px}
.re2_counts div.entry .re2_count_p {margin-right:150px}
.re2_counts div .re2_count_p span {display:inline-block; width:50%; font-size:20px; text-align:center}
.re2_counts div .re2_count_p span em {margin-right:1px; font-size:30px; font-style:normal; font-family: 'Roboto', sans-serif; font-weight:bold; vertical-align:bottom}
.re2_counts div.entry span {color:#fff}

.re2_btns {position:relative;}
.re2_btns a {position:absolute; width:260px; height:70px}
.re2_btns a.btn1 {top:345px; left:180px; }
.re2_btns a.btn2 {top:345px; right:180px; }
.re2_btns a.btn3 {bottom:75px; left:180px; }
.re2_btns a.btn4 {bottom:75px; right:180px; }
/* //190222_ÀÌº¥Æ® CSS */