@font-face {
	font-family: 'Cafe24Ssurround';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GMarketSansBold';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family: 'GMarketSans';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
	font-weight: 500;
	font-display: swap;
}
body {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #FFFFFF; 
}
body::after{
    position:absolute; 
    width:0; 
    height:0; 
    overflow:hidden; 
    z-index:-1;
	content: url('../images/event01/table/start.png') url('../images/event01/table/end.png?v=1.1') url('../images/event01/table/end_on.png?v=1.1') url('../images/event01/ani/ani01.png?v=1.0') url('../images/event01/ani/ani02.png?v=1.0') url('../images/event01/ani/ani03.png?v=1.0')
	url('../images/event01/ani/ani04.png?v=1.0') url('../images/event01/ani/ani05.png?v=1.0') url('../images/event01/ani/ani06.png?v=1.0')
	url('../images/event01/ani/ani07.png?v=1.0') url('../images/event01/ani/ani08.png?v=1.0')
	url('../images/event01/table/pos01.png') url('../images/event01/table/pos02.png') url('../images/event01/table/pos03.png')
	url('../images/event01/table/pos04.png') url('../images/event01/table/pos05.png') url('../images/event01/table/pos06.png')
	url('../images/event01/table/pos07.png') url('../images/event01/table/pos08.png') url('../images/event01/table/pos09.png')
	url('../images/event01/table/pos10.png') url('../images/event01/table/pos11.png')

	url('../images/event01/table/pos01_on.png') url('../images/event01/table/pos02_on.png') url('../images/event01/table/pos03_on.png')
	url('../images/event01/table/pos04_on.png') url('../images/event01/table/pos05_on.png') url('../images/event01/table/pos06_on.png')
	url('../images/event01/table/pos07_on.png') url('../images/event01/table/pos08_on.png') url('../images/event01/table/pos09_on.png')
	url('../images/event01/table/pos10_on.png') url('../images/event01/table/pos11_on.png')	;
}


.open_pop {position:fixed;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,.7);z-index:99;}
.open_pop .open_pop_wrapper{position:relative;display:flex;width:100%;height:100%;justify-content: center;align-items: center;}

.htmlWrapper {width:100%;max-width:720px;margin:0 auto;padding-bottom:110px;position:relative;overflow:hidden;}

.htmlWrapper section {background-position:center;}

.quick_wrap {position:fixed;right:20px;top:700px;z-index:10;}
/* 상단 */
.htmlWrapper section.top_wrapper {position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:80px;box-sizing:border-box;background:#FFFFFF;font-size:18px;font-family:'Pretendard';}
.htmlWrapper section.top_wrapper > .hx_top{position:relative;height:100%;display:flex;justify-content:center;align-items:center;gap:0 5px;color:#7D7D83;}
.htmlWrapper section.top_wrapper > .hx_top .l_wrap{display:flex;align-items:center;gap:0 5px;}
.htmlWrapper section.top_wrapper > .hx_top span.first{position:relative;margin-right:5px;}

.htmlWrapper section.top_wrapper > .hx_top i{}
.htmlWrapper section.top_wrapper > .hx_top .hx_txt{position:absolute;top:0;}
.htmlWrapper section.top_wrapper > .hx_top b{font-size:22px;color:#222222;letter-spacing: -1px;}



/* Visual */

/* Visual */
.htmlWrapper section.visual_wrapper {position: relative;width: 100%;height: 1160px;background-image:url('../images/main/bg.jpg');background-position: center;overflow: hidden;}
/* Visual */


/* 숏츠 */
section.shorts {position: relative;width: 100%;height:1360px;background-image:url('../images/shorts/bg.jpg');padding:80px 0 0 0;box-sizing: border-box;}
section.shorts .contents_wrapper {display: flex;flex-direction:column;width: 100%;margin:0 auto;gap:40px 0;}
section.shorts .contents_wrapper .info-wrap{display: flex;flex-direction: column;align-items: center;gap:24px 0;}
section.shorts .contents_wrapper .info-wrap .btn_homepage{width:336px;height:80px;background-image: url('../images/shorts/btn_homepage.png');}
section.shorts .contents_wrapper .info-wrap .btn_homepage a{display:block;width:100%;height:100%;}

section.shorts .contents_wrapper .shorts-wrap{width:100%;height:586px;display:flex;justify-content: space-between;padding:0 20px;box-sizing: border-box;}
section.shorts .contents_wrapper .shorts-wrap .short{position:relative;width:330px;height:100%;border-radius:10px;}
section.shorts .contents_wrapper .shorts-wrap .short::before{position:absolute;content:'';}
section.shorts .contents_wrapper .shorts-wrap .short::after{position:absolute;content:'';}
section.shorts .contents_wrapper .shorts-wrap .short.s01{width:330px;}
section.shorts .contents_wrapper .shorts-wrap .short.s01::before{left:-70px;bottom:52px;width:71px;height:122px;background-image: url('../images/shorts/char01.png');}
section.shorts .contents_wrapper .shorts-wrap .short.s01::after{left:-21px;bottom:71px;width:32px;height:30px;background-image: url('../images/shorts/hand.png');z-index:5;}
section.shorts .contents_wrapper .shorts-wrap .short.s02::after{right:-141px;top:84px;width:141px;height:167px;background-image: url('../images/shorts/char02.png');z-index:5;}
section.shorts .contents_wrapper .shorts-wrap .short iframe{width:100%;height:100%;border-radius:10px;overflow:hidden;}
/* 숏츠 */



/* 이벤트 01 */
section.event01 {position: relative;width: 100%;height:2797px;background-image: url('../images/event01/bg.jpg');overflow:hidden;background-position: center top;top:-1px;}
section.event01 .contents_wrapper {display: flex;flex-direction: column;width: 100%;margin:0 auto;align-items: center;padding: 120px 0 0 0;}
section.event01 .contents_wrapper .schedule-wrapper {display: flex;flex-direction:column;width: 100%;align-items: center;z-index: 2;gap:40px 0;}
section.event01 .contents_wrapper .schedule-wrapper .schedule-wrap {display: flex;flex-direction:column;width: 100%;align-items: center;gap:80px 0;}
section.event01 .contents_wrapper .event_cont_wrapper {width:680px;display:flex;flex-direction: column;align-items: center;margin:80px 0 0 0;}

section.event01 .contents_wrapper .event_cont_wrapper .game_table{width:680px;height:1030px;background:#D9FDFF;border-radius:12px;display:flex;justify-content: center;align-items: center;padding:6px;box-sizing: border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner{width:100%;height:100%;display:flex;flex-direction: column;align-items: center;justify-content: center;gap:4px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .row01{display:flex;width:100%;align-items: center;gap:0 4px;justify-content: space-between;padding:0 0;box-sizing: border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .row02{display:flex;width:100%;align-items: center;gap:0 4px;justify-content: space-between;padding:0 0;box-sizing: border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .row02 .card-wrap{display:flex;gap:4px 0;flex-direction: column;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .row03{display:flex;width:100%;align-items: center;gap:0 4px;justify-content: space-between;padding:0 0;box-sizing: border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card{position:relative;width:220px;height:200px;transition:.7s;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.on{transition:.7s;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.start{background-image:url('../images/event01/table/start.png');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.finish{background-image:url('../images/event01/table/end.png');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.finish.on{background-image:url('../images/event01/table/end_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.c01{background-image:url('../images/event01/table/pos01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.c02{background-image:url('../images/event01/table/pos02.png');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.c03{background-image:url('../images/event01/table/pos03.png');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.c04{background-image:url('../images/event01/table/pos04.png');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.c05{background-image:url('../images/event01/table/pos05.png');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.c06{background-image:url('../images/event01/table/pos06.png');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.c07{background-image:url('../images/event01/table/pos07.png');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.c08{background-image:url('../images/event01/table/pos08.png');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.c09{background-image:url('../images/event01/table/pos09.png');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.c10{background-image:url('../images/event01/table/pos10.png');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.c11{background-image:url('../images/event01/table/pos11.png');}

section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.c01.on{background-image:url('../images/event01/table/pos01_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.c02.on{background-image:url('../images/event01/table/pos02_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.c03.on{background-image:url('../images/event01/table/pos03_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.c04.on{background-image:url('../images/event01/table/pos04_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.c05.on{background-image:url('../images/event01/table/pos05_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.c06.on{background-image:url('../images/event01/table/pos06_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.c07.on{background-image:url('../images/event01/table/pos07_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.c08.on{background-image:url('../images/event01/table/pos08_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.c09.on{background-image:url('../images/event01/table/pos09_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.c10.on{background-image:url('../images/event01/table/pos10_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.c11.on{background-image:url('../images/event01/table/pos11_on.png');}

section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center {position:relative;width:220px;height:100%;background:#E9FCFF;border-radius:8px;display:flex;justify-content: space-between;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .bookwave-wrapper{position:relative;top:31px;z-index:2;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .bookwave-wrapper .bookwave{position:absolute;width:220px;height:142px;background-image: url('../images/event01/bookwave.png');z-index:1;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .dice-wrapper{position:relative;z-index:2;height:100%;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .dice-wrapper .dice-wrap{position:absolute;left:0;top:31px;width:220px;display:flex;justify-content: center; align-items: center;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .dice-wrapper .dice-wrap .dice.on{animation:1s dice_move 1 linear forwards;transition:.5s;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .dice-wrapper .dice-wrap .dice{width:160px;height:161px;background-size: 100%;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .dice-wrapper .dice-wrap .dice.d01{background-image: url('../images/event01/dice_1.png');animation:.5s dice_view linear forwards}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .dice-wrapper .dice-wrap .dice.d02{background-image: url('../images/event01/dice_2.png');animation:.5s dice_view linear forwards}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .dice-wrapper .dice-wrap .dice.d03{background-image: url('../images/event01/dice_3.png');animation:.5s dice_view linear forwards}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .dice-wrapper .dice-wrap .dice.d04{background-image: url('../images/event01/dice_4.png');animation:.5s dice_view linear forwards}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .dice-wrapper .dice-wrap .dice.d05{background-image: url('../images/event01/dice_5.png');animation:.5s dice_view linear forwards}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .dice-wrapper .dice-wrap .dice.d06{background-image: url('../images/event01/dice_6.png');animation:.5s dice_view linear forwards}

section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .character-wrap{position:absolute;z-index:2;right:0;top:173px}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .character-wrap .character{width:220px;height:300px;background-position:center;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .character-wrap .character.a01{background-image: url('../images/event01/ani/ani01.png?v=1.0');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .character-wrap .character.a02{background-image: url('../images/event01/ani/ani02.png?v=1.0');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .character-wrap .character.a03{background-image: url('../images/event01/ani/ani03.png?v=1.0');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .character-wrap .character.a04{background-image: url('../images/event01/ani/ani04.png?v=1.0');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .character-wrap .character.a05{background-image: url('../images/event01/ani/ani05.png?v=1.0');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .character-wrap .character.a06{background-image: url('../images/event01/ani/ani06.png?v=1.0');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .character-wrap .character.a07{background-image: url('../images/event01/ani/ani07.png?v=1.0');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .character-wrap .character.a08{background-image: url('../images/event01/ani/ani08.png?v=1.0');}

section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .character-wrap .btn_start{position:absolute;right:30px;bottom:-100px;width:160px;height:160px;background-image: url('../images/event01/btn_start.png');cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .character-wrap .btn_start.on{animation: 1.5s zoom ease-in-out infinite;animation-delay: 0.5s;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .move_char{position:absolute;left:64px;bottom:70px;width:101px;height:103px;background-image: url('../images/event01/move_character.png');background-repeat:no-repeat;background-size:100%;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .move_char.run{background-image: url('../images/event01/move_character.png');background-position:center bottom;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .move_char.cmove1{animation:1s character_move1 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .move_char.cmove2{animation:1s character_move2 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .move_char.cmove3{animation:1s character_move3 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .move_char.cmove4{animation:1s character_move4 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .move_char.cmove5{animation:1s character_move5 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .move_char.cmove6{animation:1s character_move6 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .move_char.cmove7{animation:1s character_move7 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .move_char.cmove8{animation:1s character_move8 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .move_char.cmove9{animation:1s character_move9 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .move_char.cmove10{animation:1s character_move10 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .move_char.cmove11{animation:1s character_move11 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .move_char.cmove12{animation:1s character_move12 1 linear forwards;}

section.event01 .pop_wrapper{position:fixed;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,.6);z-index:90;}
section.event01 .pop_wrapper .pop_wrap{position:relative;width:100%;height:100%;display:flex;justify-content: center;align-items: center;flex-direction: column;gap:20px 0;}
section.event01 .pop_wrapper .pop_wrap .pop_cont{position:relative;width:680px;height:835px;background:#FFFFFF;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content: start;padding:32px;box-sizing: border-box;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .pic_gallery{position:relative;width:616px;height:350px;border-radius:8px;overflow:hidden;margin:20px 0 0 0;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .pic_gallery .paging_wrapper{position:absolute;bottom:20px;width:100%;z-index:10;display:flex;justify-content: center;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .pic_gallery .paging_wrapper .paging_wrap{position:relative;background:#FFFFFF;border-radius:500px;padding:10px;box-sizing: border-box;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .pic_gallery .paging_wrapper .paging_wrap .gallery-pagination {display:flex;gap:0 16px;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .pic_gallery .paging_wrapper .paging_wrap .gallery-pagination .swiper-pagination-bullet{margin:0;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .pic_gallery .paging_wrapper .paging_wrap .gallery-pagination .swiper-pagination-bullet{width:16px;height:16px;border-radius:50%;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .pic_gallery .paging_wrapper .paging_wrap .gallery-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#2DADA8}
section.event01 .pop_wrapper .pop_wrap .pop_cont .info-wrap{position:relative;width:100%;display:flex;flex-direction: column;align-items:center;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .info-wrap .ttl{font-size:32px;color:#008680;font-weight:900;line-height:1.2;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .info-wrap .exp{font-size:20px;color:#797B7D;font-weight:500;line-height:1.2;margin:8px 0 0 0;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .info-wrap .box{position:relative;width:100%;margin:20px 0 0 0;background:#F2FDFF;border-radius:8px;padding:32px 20px;box-sizing: border-box;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .info-wrap .box .logo{position:absolute;right:16px;top:16px;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .info-wrap .box .items{position:relative;display:flex;flex-direction: column;gap:16px 0;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .info-wrap .box .items .item{display:flex;gap:0 10px;align-items:center;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .info-wrap .box .items .item.col{display:flex;flex-direction: column;gap:8px 0;align-items: start;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .info-wrap .box .items .item .name{color:#008680;font-size:18px;font-weight:800;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .info-wrap .box .items .item .txt{color:#797B7D;font-size:20px;font-weight:400;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .info-wrap .box .items .item .txt p{position:relative;margin-bottom:8px;display:flex;align-items: center;gap:0 6px;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .info-wrap .box .items .item .txt p::before{position:relative;content:'';display:block;width:6px;height:6px;background: #008680;border-radius:50%;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .info-wrap .box .items .item .txt p:last-child{margin-bottom:0;}


section.event01 .pop_wrapper .pop_wrap .btn_next{position:relative;width:330px;height:92px;background-image:url('../images/event01/btn_next.png');cursor:pointer;}

section.event01 .contents_wrapper > .join_wrapper .join_wrap {position: absolute;left:0;bottom:276px;display: flex;flex-direction:column;justify-content: center;align-items: center;width:712px;height:168px;gap:10px 0;background-image: url('../images/bg_num.png');font-size:28px;font-weight:400;font-family: 'Pretendard';}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .j_wrap{display:flex;gap:10px 0;color:#555555}
section.event01 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #008680;font-weight: 900;font-size: 40px;line-height: 0.7;margin-right:10px;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 32px;color: #000000;}
/* 이벤트 01 */


/* 이벤트 02 */
section.event02 {position: relative;width: 100%;height: 2671px;background-image: url('../images/event02/bg.jpg');z-index:2;}
section.event02 .contents_wrapper {display: flex;flex-direction: column;width: 100%;margin:0 auto;align-items: center;padding: 120px 0 0 0;}
section.event02 .contents_wrapper .title{position:relative;}
section.event02 .contents_wrapper .schedule-wrapper {display: flex;flex-direction:column;width: 100%;align-items: center;z-index: 2;gap:40px 0;}
section.event02 .contents_wrapper .schedule-wrapper .schedule-wrap {display: flex;flex-direction:column;width: 100%;align-items: center;gap:80px 0;}
section.event02 .contents_wrapper .event_cont_wrapper {width:680px;display:flex;flex-direction: column;align-items: center;margin:80px 0 0 0;}

section.event02 .contents_wrapper .event_cont_wrapper .start_cover{width:680px;height:857px;background-image: url('../images/event02/intro.png');display:flex;justify-content: center;align-items: end;padding:0 0 311px 0;box-sizing: border-box;}
section.event02 .contents_wrapper .event_cont_wrapper .start_cover .btn_start{position:relative;width:252px;height:92px;background-image: url('../images/event02/btn_start.png?v=1');cursor:pointer;}

section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper{position:relative;width:100%;display:flex;flex-direction: column;align-items: center;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step_bar{display:flex;width:680px;height:66px;justify-content: center;align-items: center;background:#FFFFFF;border-radius:100px;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step_bar .step{}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step_bar .step.st01{width:236px;height:50px;background-image: url('../images/event02/step01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step_bar .step.st02{width:194px;height:50px;background-image: url('../images/event02/step02.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step_bar .step.st03{width:236px;height:50px;background-image: url('../images/event02/step03.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step_bar .step.st01.on{background-image: url('../images/event02/step01_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step_bar .step.st02.on{background-image: url('../images/event02/step02_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step_bar .step.st03.on{background-image: url('../images/event02/step03_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .t-info {margin:57px 0;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .t-info.s3 {margin:57px 0 30px 0;}

section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step01_wrapper {display:flex;flex-direction: column;align-items: center;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step01_wrapper .card-wrap{display:flex;flex-direction:column;perspective: 720px;gap:32px 0;align-items: center;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step01_wrapper .card-wrap .c-wrap{position:relative;width:420px;height:503px;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step01_wrapper .card-wrap .c-wrap .hand{right:150px;bottom:150px;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step01_wrapper .card-wrap .c-wrap .card{width:420px;height:503px;position: relative;transition: all 0.5s;perspective-origin: center;transform-style: preserve-3d;cursor:pointer;}

section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step01_wrapper .card-wrap .c-wrap.on .card{transform: rotateY(180deg);}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step01_wrapper .card-wrap .c-wrap.on .card .back .chk{position:absolute;left:10px;top:10px;background-image:url('../images/event02/chk.png?v=1');width:97px;height:119px;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step01_wrapper .card-wrap .c-wrap .card > div{width:100%;height:100%;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step01_wrapper .card-wrap .c-wrap .card .front{position: absolute;backface-visibility: hidden;z-index:2;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step01_wrapper .card-wrap .c-wrap .card .back{transform: rotateY(180deg);z-index:1;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step01_wrapper .card-wrap .c-wrap .card.cd01 .front{background-image: url('../images/event02/card/card01_front.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step01_wrapper .card-wrap .c-wrap .card.cd02 .front{background-image: url('../images/event02/card/card02_front.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step01_wrapper .card-wrap .c-wrap .card.cd03 .front{background-image: url('../images/event02/card/card03_front.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step01_wrapper .card-wrap .c-wrap .card.cd01 .back{background-image: url('../images/event02/card/card01_back.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step01_wrapper .card-wrap .c-wrap .card.cd02 .back{background-image: url('../images/event02/card/card02_back.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step01_wrapper .card-wrap .c-wrap .card.cd03 .back{background-image: url('../images/event02/card/card03_back.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step01_wrapper .card-wrap .cardTypeSwiper .swiper-slide{width:420px !important;height:503px !important;}

section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step01_wrapper .btn_next{position:relative;width:252px;height:92px;background-image: url('../images/event02/btn_next.png');margin-top:40px;cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step01_wrapper .btn_next .hand{display:none;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step01_wrapper .btn_next.on{background-image: url('../images/event02/btn_next_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step01_wrapper .btn_next.on .hand{display:block;}


section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper {display:flex;flex-direction: column;align-items: center;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap{display:flex;flex-direction:column;perspective: 720px;gap:32px 0;align-items: center;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap .c-wrap{position:relative;width:420px;height:503px;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap .c-wrap .hand{right:150px;bottom:150px;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap .c-wrap .card{width:420px;height:503px;position: relative;transition: all 0.5s;perspective-origin: center;transform-style: preserve-3d;cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap .c-wrap.on .card{transform: rotateY(180deg);}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap .c-wrap.on .card .back .chk{position:absolute;left:10px;top:10px;background-image:url('../images/event02/chk.png?v=1');width:97px;height:119px;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap .c-wrap .card > div{width:100%;height:100%;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap .c-wrap .card .front{position: absolute;backface-visibility: hidden;z-index:2;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap .c-wrap .card .back{transform: rotateY(180deg);z-index:1;}

section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap .c-wrap .card.p01_1 .front{background-image: url('../images/event02/place01/place01_front.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap .c-wrap .card.p01_2 .front{background-image: url('../images/event02/place01/place02_front.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap .c-wrap .card.p01_1 .back{background-image: url('../images/event02/place01/place01_back.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap .c-wrap .card.p01_2 .back{background-image: url('../images/event02/place01/place02_back.png');}

section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap .c-wrap .card.p02_1 .front{background-image: url('../images/event02/place02/place01_front.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap .c-wrap .card.p02_2 .front{background-image: url('../images/event02/place02/place02_front.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap .c-wrap .card.p02_3 .front{background-image: url('../images/event02/place02/place03_front.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap .c-wrap .card.p02_1 .back{background-image: url('../images/event02/place02/place01_back.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap .c-wrap .card.p02_2 .back{background-image: url('../images/event02/place02/place02_back.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap .c-wrap .card.p02_3 .back{background-image: url('../images/event02/place02/place03_back.png');}

section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap .c-wrap .card.p03_1 .front{background-image: url('../images/event02/place03/place01_front.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap .c-wrap .card.p03_2 .front{background-image: url('../images/event02/place03/place02_front.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap .c-wrap .card.p03_3 .front{background-image: url('../images/event02/place03/place03_front.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap .c-wrap .card.p03_1 .back{background-image: url('../images/event02/place03/place01_back.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap .c-wrap .card.p03_2 .back{background-image: url('../images/event02/place03/place02_back.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap .c-wrap .card.p03_3 .back{background-image: url('../images/event02/place03/place03_back.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .card-wrap .cardPlaceSwiper .swiper-slide{width:420px !important;height:503px !important;}

section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .btn_next{position:relative;width:252px;height:92px;background-image: url('../images/event02/btn_next.png');margin-top:40px;cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .btn_next .hand{display:none;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .btn_next.on{background-image: url('../images/event02/btn_next_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step02_wrapper .btn_next.on .hand{display:block;}

section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper {display:flex;flex-direction: column;align-items: center;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap{display:flex;perspective: 720px;gap:32px 0;flex-direction: column;align-items: center;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .swiper{overflow:inherit;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap{position:relative;width:420px;height:500px;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap .card{width:420px;height:503px;position: relative;transition: all 0.5s;perspective-origin: center;transform-style: preserve-3d;cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.on .card{transform: rotateY(180deg);}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap .card > div{width:100%;height:100%;}

section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap .card .front{position: absolute;backface-visibility: hidden;z-index:2;display:flex;flex-direction: column;align-items: center;padding:80px 40px 40px 40px;box-sizing: border-box;}

section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap .card .front .pic{width:100%;height:158px;border-radius:20px;overflow:hidden;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap .card .front .ttl{font-size:32px;font-weight:800;line-height:1.2;height:189px;width:100%;display:flex;justify-content: center;align-items: center;text-align: center;color:#FFFFFF;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap .card .front .f_logo{width:198px;height:36px;background-image: url('../images/event02/book/logo_b.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t01 .card .front .f_logo{background-image: url('../images/event02/book/logo_b.png?v=1');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t02 .card .front .f_logo{width:238px;background-image: url('../images/event02/book/logo2_b.png?v=1');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t03 .card .front .f_logo{width:193px;background-image: url('../images/event02/book/logo3_b.png?v=1');}



section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.set::after{position:absolute;left:-11px;top:-11px;width:80px;height:80px;content:'';z-index:5;transform: translateZ(1px); }

section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t01.set.num1::after{background-image: url('../images/event02/book/badge01_1.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t01.set.num2::after{background-image: url('../images/event02/book/badge01_2.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t01.set.num3::after{background-image: url('../images/event02/book/badge01_3.png');}

section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t02.set.num1::after{background-image: url('../images/event02/book/badge02_1.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t02.set.num2::after{background-image: url('../images/event02/book/badge02_2.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t02.set.num3::after{background-image: url('../images/event02/book/badge02_3.png');}

section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t03.set.num1::after{background-image: url('../images/event02/book/badge03_1.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t03.set.num2::after{background-image: url('../images/event02/book/badge03_2.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t03.set.num3::after{background-image: url('../images/event02/book/badge03_3.png');}


section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap .card .back{transform: rotateY(180deg);z-index:1;display:flex;flex-direction: column;align-items: center;padding:40px;box-sizing: border-box;justify-content: space-between;}

section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap .card .back .ttl{font-size:28px;font-weight:800;line-height:1.1;height:93px;width:100%;display:flex;justify-content: center;align-items: center;text-align: center;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap .card .back .pic{width:100%;height:158px;border-radius:20px;overflow:hidden;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap .card .back .pic img{width:100%;height:100%;object-fit: cover;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap .card .back .exp{width:100%;height:88px;color:#353535;font-size:18px;font-weight:400;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap .card .back .exp p{position:relative;display:flex;gap:0 8px;align-items:start;margin-bottom:8px;line-height:1.1;text-align:left;padding-left:16px;box-sizing:border-box;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap .card .back .exp p:last-child{margin-bottom:0;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap .card .back .exp p::before{position:absolute;content:'';display:block;width:8px;height:8px;border-radius:50%;top:5px;left:0;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap .card .back .f_logo{width:198px;height:36px;}

section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t01 .card .back .ttl{color:#FF8A37}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t01 .card .back .exp p::before{background:#FF8A37;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t01 .card .back .f_logo{background-image: url('../images/event02/book/logo.png?v=1');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t02 .card .back .ttl{color:#FF4B8F}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t02 .card .back .exp p::before{background:#FF4B8F;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t02 .card .back .f_logo{width:238px;background-image: url('../images/event02/book/logo2.png?v=1');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t03 .card .back .ttl{color:#0053B7}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t03 .card .back .exp p::before{background:#0053B7;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t03 .card .back .f_logo{width:193px;background-image: url('../images/event02/book/logo3.png?v=1');}


section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t01 .card .front{background-image: url('../images/event02/book/card01_back.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t01 .card .back{background-image: url('../images/event02/book/card01_front.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t02 .card .front{background-image: url('../images/event02/book/card02_back.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t02 .card .back{background-image: url('../images/event02/book/card02_front.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t03 .card .front{background-image: url('../images/event02/book/card03_back.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t03 .card .back{background-image: url('../images/event02/book/card03_front.png');}

section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .cardSwiper {position:relative;width:100%;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .cardSwiper .swiper-wrapper.inner{position:relative;width:100%;display:flex;justify-content: center;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .cardSwiper .swiper-wrapper .swiper-slide {width:420px;height:503px;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-scrollbar{width:480px;height:20px;background-color:rgba(0,0,0,.1);border-radius:500px;opacity:1 !important;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-scrollbar .swiper-scrollbar-drag{background:#0053B7;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .btn_join{margin:40px 0 0 0;position:relative;width:372px;height:92px;background-image: url('../images/event02/btn_join.png');cursor:pointer}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .btn_join .hand{display:none;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .btn_join.on{background-image: url('../images/event02/btn_join_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .btn_join.on .hand{display:block;}

section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .card-type-scrollbar{width:480px;height:20px;background-color:rgba(0,0,0,.1);border-radius:500px;opacity:1 !important;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .card-type-scrollbar .swiper-scrollbar-drag{background:#0053B7;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .card-place-scrollbar{width:480px;height:20px;background-color:rgba(0,0,0,.1);border-radius:500px;opacity:1 !important;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .card-place-scrollbar .swiper-scrollbar-drag{background:#0053B7;}


section.event02 .contents_wrapper > .join_wrapper .join_wrap {position: absolute;left:0;bottom:120px;display: flex;flex-direction:column;justify-content: center;align-items: center;gap:10px 0;width:712px;height:211px;background-image: url('../images/bg_num2.png');font-family: 'Pretendard';font-size:28px;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap .j_wrap{display:flex;gap:10px 0;color:#555555}
section.event02 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #0053B7;font-weight: 900;font-size: 40px;line-height: 0.7;margin-right:10px;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 32px;color: #000000;}

/* 이벤트 02 */

/* 이벤트 03 */
section.event03 {position: relative;width: 100%;height:2157px;background-image: url('../images/event03/bg.jpg');overflow:hidden;background-position:top center;}
section.event03.on {height:3384px;}
section.event03 .contents_wrapper {display: flex;flex-direction: column;width: 100%;margin:0 auto;align-items: center;padding: 120px 0 0 0;}
section.event03 .contents_wrapper .title{position:relative;}
section.event03 .contents_wrapper .schedule-wrapper {display: flex;flex-direction:column;width: 100%;align-items: center;z-index: 2;gap:40px 0;}
section.event03 .contents_wrapper .schedule-wrapper .schedule-wrap {display: flex;flex-direction:column;width: 100%;align-items: center;gap:80px 0;}
section.event03 .contents_wrapper .event_cont_wrapper {width:680px;display:flex;flex-direction: column;align-items: center;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap{width:100%;display:flex;flex-direction:column;justify-content: start;padding:80px 0 0 0;box-sizing: border-box;align-items:center;gap:165px 0;}
section.event03.on .contents_wrapper .event_cont_wrapper .event_cont_wrap{padding:152px 0 0 0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .roulette-wrapper{position:relative;width:630px;height:680px;padding:40px 40px;box-sizing:border-box;z-index:1;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .roulette-wrapper.on::before{position:absolute;content:'';left:-50px;top:265px;width:366px;height:160px;background-image: url('../images/event03/bar.png');padding:40px 40px;box-sizing:border-box;z-index:-1;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .roulette-wrapper::after{position:absolute;content:'';left:-0;top:0;width:630px;height:680px;background-image: url('../images/event03/roulette.png');;z-index:-1;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .roulette-wrapper .pin{position:absolute;top:0;width:117px;height:148px;background-image: url('../images/event03/pin.png');z-index:3;left:256px}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .roulette-wrapper .circle{position:absolute;top:86px;left:34px;width:560px;height:560px;z-index:1;display:flex;justify-content: center;align-items: center;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .roulette-wrapper .circle::before{position:absolute;content:'';top:0;left:0;width:560px;height:560px;background-image: url('../images/event03/circle.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .roulette-wrapper .circle.p01::before{animation:2s rotate01 forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .roulette-wrapper .circle.p02::before{animation:2s rotate02 forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .roulette-wrapper .circle.p03::before{animation:2s rotate03 forwards;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .roulette-wrapper .circle .logo{position:absolute;width:146px;height:146px;background-image: url('../images/event03/logo.png');z-index:3;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .start{position:absolute;width:680px;height:800px;background-image: url('../images/event03/txt.png');display:flex;justify-content: center;align-items: start;padding:640px 0 0 0;box-sizing: border-box;z-index:5;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .start .btn_start{position:relative;width:449px;height:100px;background-image: url('../images/event03/btn_start.png');cursor:pointer;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book-box{position:relative;width:580px;height:900px;background-image: url('../images/event03/book.png');display:none;justify-content: center;align-items: start;padding:75px 0 0 0;box-sizing: border-box;margin:8px 0 0 0;}
section.event03.on .contents_wrapper .event_cont_wrapper .event_cont_wrap .book-box{display:flex;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book-box .result{position:relative;width:530px;height:780px;display:flex;justify-content: center;align-items: start;padding:620px 0 0 0;box-sizing: border-box;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book-box .result.r01{background-image: url('../images/event03/r01.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book-box .result.r02{background-image: url('../images/event03/r02.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book-box .result.r03{background-image: url('../images/event03/r03.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book-box .result .ipt-box{position:absolute;width:100%;bottom:232px;display:flex;justify-content: center;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book-box .result .ipt-box textarea{
	width:418px;height:196px;background: transparent;
	padding:5px 0;border:0;font-size:20px;color:#777777;
	font-weight:400;box-sizing: border-box;
	line-height:55px;
	overflow:hidden;letter-spacing: -.5px;
	background-image: linear-gradient(to bottom, transparent 54px, #ccc 54px);
	background-size: 100% 55px;
	background-attachment: local;
	resize: none;
	outline: none;
}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book-box .result .ipt-box textarea:focus{outline:none;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book-box .result .btn_join{position:relative;width:382px;height:100px;background-image: url('../images/event03/btn_join.png');cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book-box .result .btn_join .hand{display:none;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book-box .result .btn_join.on .hand{display:block;}

section.event03 .contents_wrapper .note_wrap{position:absolute;display:none;bottom:0;left:20px;width:680px;height:389px;background-image: url('../images/event03/f_book.png');background-position: center;background-repeat: no-repeat;}
section.event03.on .contents_wrapper .note_wrap{display:block;}


section.event03 .contents_wrapper > .join_wrapper .join_wrap {position: absolute;left:4px;bottom:100px;width:712px;height:168px;display: none;flex-direction:column;justify-content: center;align-items: center;gap:10px 0;background-image: url('../images/bg_num.png');font-family: 'Pretendard';font-size:28px;font-weight:400;z-index:4;}
section.event03.on .contents_wrapper > .join_wrapper .join_wrap {display:flex;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap .j_wrap{display:flex;gap:0 0;color:#555555;align-items:center;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #D3006D;font-weight: 900;font-size: 40px;line-height: 0.7;margin-right:10px;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;font-size: 32px;color: #111111;}



/* 이벤트 03 */


/* 이모티콘 */
section.emoticon {position: relative;width: 100%;height:1435px;background-image:url('../images/emoticon/bg.jpg');padding:80px 0 0 0;box-sizing:border-box;}
section.emoticon .contents_wrapper {display: flex;flex-direction:column;align-items: center;justify-content: start;gap:40px 0;height:100%;}
section.emoticon .contents_wrapper .btn_add{position:relative;width:696px;height:126px;background-image: url('../images/emoticon/btn_add.png?v=1');}
section.emoticon .contents_wrapper .btn_add a{display:block;width:100%;height:100%;}
section.emoticon .contents_wrapper .btn_add .hand{right:40px;}
/* 이모티콘 */

/* 북웨이브 */
section.bookwave {position: relative;width: 100%;height: 1402px;background-image:url('../images/bookwave/bg.jpg');padding:80px 0 0 0;box-sizing: border-box;}
section.bookwave .contents_wrap {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: start;text-align: center;padding:0 0 0 0;box-sizing:border-box;}
section.bookwave .contents_wrap .book_wrapper{width:100%;display:flex;flex-direction:column;align-items:center;margin:40px 0 0 0;gap:35px 0;}
section.bookwave .contents_wrap .book_wrapper .book{position:relative;width:696px;height:416px;}
section.bookwave .contents_wrap .book_wrapper .book .hand{right:30px;bottom:10px;}
section.bookwave .contents_wrap .book_wrapper .book a{display:block;width:100%;height:100%;}
section.bookwave .contents_wrap .book_wrapper .book.b01{background-image: url('../images/bookwave/pic01.png');}
section.bookwave .contents_wrap .book_wrapper .book.b02{background-image: url('../images/bookwave/pic02.png');}
/* 북웨이브 */


/* SNS SHARE */
section.snsshare {position: relative;width: 100%;height: 669px;background-image:url('../images/sns/bg.jpg');}
section.snsshare .contents_wrap {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: start;text-align: center;padding:60px 0 0 0;box-sizing:border-box;}
section.snsshare .contents_wrap > .title {margin-bottom:40px;}
section.snsshare .contents_wrap > .sns_wrapper {position: relative;display:flex;justify-content: center;align-items: center;}
section.snsshare .contents_wrap > .sns_wrapper > ul {display: flex;gap: 0 20px;}
/* SNS SHARE */

/* 다음 */
div.daum {position: relative;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;margin:84px;}
div.daum .title {}
div.daum .box {position: relative;margin-top: 16px;width: 680px;height: 111px;background-image: url('../images/sns/daum_cover.png');background-repeat: no-repeat;background-position: center;display: flex;align-items: start;text-align:left;}
div.daum .box .typing-text {position: absolute;left: 99px;top: 18px;font-family: 'Pretendard',sans-serif;font-weight: 700;font-size: 32px;color: #1e1e1e;border-right: 2px solid #333;animation: typing 5s steps(22) infinite;white-space: nowrap;overflow: hidden;}

/* 다음 */


/* 참여 정보 */
section.sec-join-info {position:relative;width:100%;height:208px;display:flex;flex-direction:column;justify-content:center;font-size:28px;align-items:center;color:#222222;background-color:#F5F5F6;font-family:'Pretendard';gap:10px 0;}
section.sec-join-info  div {font-weight:800;display:flex;align-items:center;}
section.sec-join-info  span.normal{font-weight:400;font-size:28px;margin-right:5px;margin-top:-5px;}
section.sec-join-info  span._visit_all_cnt{color:#0A91F8;margin-left:5px;margin-top:-10px;font-family:'ONE-Mobile-Title';line-height:0;font-size:48px;}
section.sec-join-info  span._join_all_cnt{color:#EF6ABD;margin-left:5px;margin-top:-10px;font-family:'ONE-Mobile-Title';font-size:48px;}
section.sec-join-info  div span{font-size:48px;font-weight:900;font-family:"ONE-Mobile-Title",sans-serif;padding:0 0 0 5px;}
/* 참여 정보 */


/* SNS */


/* 참여 정보 */
section.sec-copyright {position:relative;width:100%;height:252px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f0f0f0;color:#7D7D83;font-size:18px;font-weight:500;padding:60px 40px;box-sizing:border-box;}
section.sec-copyright > .copyright {width:100%;}
section.sec-copyright > .copyright ul{}
section.sec-copyright > .copyright ul li{margin-bottom:10px;}
section.sec-copyright > .copyright ul li:first-child{color:#262630;font-size:20px;font-family:'Pretendard',sans-serif;}
section.sec-copyright > .copyright ul li:nth-child(2n+2){}
section.sec-copyright > .copyright ul li:nth-child(3){margin-top:16px;}
section.sec-copyright > .copyright ul li:nth-child(4){display:flex;}
section.sec-copyright > .copyright ul li:nth-child(4) > div{}
section.sec-copyright > .copyright ul li:nth-child(4) span{color:#000000;font-family:'Pretendard',sans-serif;}


/* 고정 메뉴 */
.navigator_wrapper {position:fixed;left:0;bottom:0;width:100%;height:110px;z-index:15; bottom: 0;overflow:hidden;}
.navigator_wrapper .cont_wrap {width:100%;background:#6DB3FF;height:100%;display:flex;justify-content:center;}
.navigator_wrapper .cont_wrap .navi_wrap {width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:0 10px;box-sizing:border-box; gap:6px;}
.navigator_wrapper .cont_wrap .navi_wrap > li{position:relative;flex:1;box-sizing:border-box;height:100%;display:flex;justify-content:center;align-items:center;gap:0 0;}
.navigator_wrapper .cont_wrap .navi_wrap > li img{}
.navigator_wrapper .cont_wrap .navi_wrap > li > div > a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:100px;overflow:hidden;}
.navigator_wrapper .cont_wrap .navi_wrap > li > .n_top{position:relative;background-image:url('../images/top.png');width:68px;height:68px;cursor:pointer;background-repeat:no-repeat;border-radius:50%;}


/* 고정 메뉴 */

/* 기타  */

.join_info_wrapper {position:absolute;bottom:0;width:100%;text-align:center;}
.join_info_wrapper.evt01 {bottom:150px;}
.join_info_wrapper.evt01 .join_info{background:#dbf7da;border-radius:50px;color:#333333;display:inline-block;padding:0 30px;font-size:24px;height:92px;line-height:92px;vertical-align:middle;border:2px solid #3fa03b;}

.join_info_wrapper.evt02 {bottom:124px;}
.join_info_wrapper.evt02.result {bottom:30px;}
.join_info_wrapper.evt02 .join_info{background:#bdddf3;border-radius:40px;color:#071b28;display:inline-block;padding:0 30px;font-size:22px;height:63px;line-height:63px;vertical-align:middle;}

.join_info_wrapper.evt03 {bottom:150px;}
.join_info_wrapper.evt03 .join_info{background:#3bd368;border-radius:40px;color:#071b28;display:inline-block;padding:0 30px;font-size:22px;height:63px;line-height:63px;vertical-align:middle;}

.join_info_wrapper .join_info span.num{font-size:40px;color:#125400;font-weight:900;}
.join_info_wrapper .join_info span.b{font-size:27px;font-weight:700;}

.hand {position:absolute;z-index:5;animation:zoom 1s ease-in-out infinite;animation-delay:0.5s;animation-duration:1s;width:73px;height:86px;background-image:url(../images/hand.png);right:-20px;bottom:-40px;}
.hand_f {	position: absolute;z-index: 5;width: 73px;height: 86px;background-image: url(../images/hand.png);right:10px;bottom:-50px;}

.result_wrap {position:absolute;width:100%;text-align:center;bottom:100px;}
.result_wrap > .btn.event_result2{width:463px;height:122px;display:inline-block;}
.result_wrap > .btn.event_result2 > a {display:block;width:100%;height:100%;}
/* 슬라이드 */
.swiper {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	
	text-align: center;
	font-size: 18px;
	background: transparent;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide  img {width:100%;height:100%;object-fit:cover;background-position:center;}

.cardnews_wrap .swiper-slide img {
    width: 100%;
	height:100%;
	object-fit:contain;
}

.cardNewsSwiper.citySwiper swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.wallSwiper.citySwiper swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper-button-disabled {opacity:.2;}

#cont_wrap {width:1200px;margin:0 auto;position:relative;}
a:focus {outline:none;}

.bounce1 {animation: bounce1 2s;}
.bounce2 {animation: bounce2 1s;}
.bounce3 {animation: bounce3 1s;}

.hide {display:none !important;}

.present_wrap .swiper-slide img {width:100%;}


.j_wrap01{}
.j_wrap02{margin-top:35px;}
.j_wrap01 .swiper-slide{width:487px;height:120px;border-radius:60px;color:#004819;font-size:40px;font-weight:bold;display:flex;justify-content:center;align-items:center;}
.j_wrap01 .swiper-slide:nth-child(1n+1){background-image: linear-gradient(#FFFFFF, #FFFFFF);}
.j_wrap01 .swiper-slide:nth-child(2n+2){background-image: linear-gradient(#FFFFFF, #FFFFFF);}
.j_wrap01 .swiper-slide:nth-child(3n+3){background-image: linear-gradient(#FFFFFF, #FFFFFF);}



/* popup */
html.on { height:100%; overflow:hidden; }
.pu_bg { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:98; display:none; }

.pu { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:99; display:none; }
.pu .bt_close { position:absolute; top:0; right:-60px; width:48px; height:48px; text-indent:-9999px; }

.pu_event_youtube { width:800px; background:#fff;border-radius:15px;display:none; }
.pu_event_youtube .p_con { position:relative;  }
.pu_event_youtube .p_con iframe {width:800px;height:450px;}

.pu_event_info { width:675px; display:none;}
.pu_event_info .form_top a{display:block;width:100%;height:100%;}
.pu_event_info .p_con {position:relative;padding:30px;background: #fff;overflow: hidden;border-top-left-radius:20px;border-top-right-radius:20px;}
.pu_event_info .p_con dt { position:relative; font-size:18px; color:#222;font-weight:700; }
.pu_event_info .p_con .ty00 { position:relative; height:30px; padding-top:5px;padding-left:0;text-align:center; font-weight:600;}
.pu_event_info .p_con .ty00 dd {display:inline-block;}
.pu_event_info .p_con .ty00 dd + dd {padding-left:30px;}

.pu_event_info .p_con .ty01 { position:relative; height:44px; padding-left:130px; margin-bottom:20px;}
.pu_event_info .p_con .ty01 dt { position:absolute; top:0; left:0; width:120px; line-height:44px; text-align:left; }
.pu_event_info .p_con .ty01 dd { position:relative; }
.pu_event_info .p_con .ty01 dd input { height:44px; line-height:44px; background:#fff; border:1px solid #cdcdcd; padding:0 10px; box-sizing:border-box;}
.pu_event_info .p_con .ty01 dd.num:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.pu_event_info .p_con .ty01 dd.num input { text-align:center; float:left; width:134px; }
.pu_event_info .p_con .ty01 dd.num i { float:left; width:20px; text-align:center; color:#fff; line-height:44px; }
.pu_event_info .p_con .ty02 { margin-top:30px;}
.pu_event_info .p_con .ty02 dt { margin-bottom:10px; margin-top:20px;}
.pu_event_info .p_con .ty02 dt span { position:absolute; bottom:0; right:-5px; }
.pu_event_info .p_con .ty02 dt span input { margin:0; }
.pu_event_info .p_con .ty02 dd { background:#fff4e4; padding:15px 20px; }
.pu_event_info .btns:before { position:absolute; content:''; top:0; left:50%; bottom:0; width:1px; ; z-index:1; }
.pu_event_info .btns:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.pu_event_info .btns a { float:left; width:50%; display:flex; justify-content:center;align-items:center;height:100px; line-height:1.2; text-align:center; font-size:30px; color:#fff; font-weight:800; }
.pu_event_info .btns a:hover { text-decoration:none; }
.pu_event_info .btns a.bt_participate_done {background:#FF4A27;color:#FFFFFF;position:relative;border-bottom-left-radius:20px;}
.pu_event_info .btns a.bt_participate_done .hand{right:10px;bottom:-50px;zoom:1;}

.pu_event_info.pop01 .btns a.bt_participate_done {
    background: #008680;
    color: #FFFFFF;
}

.pu_event_info.pop02 .btns a.bt_participate_done {
    background: #0053B7;
    color: #FFFFFF;
}
.pu_event_info.pop03 .btns a.bt_participate_done {
    background: #E20051;
    color: #FFFFFF;
}

.pu_event_info .btns a.bt_cancel {background:#333;border-bottom-right-radius:20px;}

.pu_event_info table { width:100%; color:#333; line-height:18px; }
.pu_event_info table th { font-size:16px; padding:10px; vertical-align:top; }
.pu_event_info table td { font-size:16px; padding:10px; color:#333;letter-spacing:-1px;line-height:1.5;}
.pu_event_info .checks input[type="checkbox"] { position:absolute; top:0; left:0; opacity:0; -webkit-opacity:0; }
.pu_event_info .checks input[type="checkbox"] + label:after { content:' '; display:inline-block; width:32px; height:32px; line-height:32px; margin:-10px 0 0 10px; text-align:center; vertical-align:middle; background:url(../images/cb.png?v=1) no-repeat 0 0; }
.pu_event_info.pop01 .checks input[type="checkbox"]:checked + label:after { background:url(../images/cb_on.png?v=3) no-repeat 0 0; }
.pu_event_info.pop02 .checks input[type="checkbox"]:checked + label:after { background:url(../images/cb2_on.png?v=3) no-repeat 0 0; }
.pu_event_info.pop03 .checks input[type="checkbox"]:checked + label:after { background:url(../images/cb3_on.png?v=3) no-repeat 0 0; }




.pu_event_done { display:none;}
.pu_event_done .ph{ width:100%;}
.pu_event_done .ph .close{position:absolute;width:70px;height:70px;right:-70px;top:0;}
.pu_event_done .ph .close a{display:block;width:100%;height:100%;}
.pu_event_done .ph .btn_wrap{ position:absolute;width:70px;height:70px;right:-70px;top:0;display:flex;justify-content:center;}
.pu_event_done .ph .btn_wrap .btn{ position:relative;width:250px;height:100%;}
.pu_event_done .ph .btn_wrap .btn .hand{ right:0px;bottom:-40px;}
.pu_event_done .ph a {position:absolute; display:block; width:100%;height:80px;bottom:0;}
.pu_event_done .ph a .hand{right:160px;bottom:-40px;}
.pu_event_done .ph img{width:650px;}


.pu_event_done.e01 {background:#000000;}
.pu_event_done.e02 {background:#000000;}
.pu_event_done.e03 {background:#000000;}
.pu_event_done .ph .confirm {
    position: relative;
    width: 100%;
    height: 70px;
	line-height:70px;
	font-size:30px;
	font-weight:600;
	background:#000;
	color:#FFFFFF;
	text-align:center;
}
.tc {text-align:center;}