html {
 #scroll-behavior: smooth;
}
event01.js@font-face {
    font-family: 'KblJump';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-5@1.0/KBLJump_RTTF.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}
@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;
}
@font-face {
    font-family: 'SchoolSafetyNotification';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimAllimjangTTF-R.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'SchoolSafetyNotification';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimAllimjangTTF-B.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
body {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;min-width: 1400px;background-color: #d5d6d7;}
body::after {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	z-index: -1;
	content: 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')
          url('../images/event01/table/start.png') url('../images/event01/table/end.png?v=1.1')  url('../images/event01/table/end_on.png?v=1.0');
}
.htmlWrapper {width: 100%;max-width: 1920px;margin: 0 auto;padding-bottom: 100px;position: relative;overflow: hidden;}
.htmlWrapper section {background-position: center;min-width: 1400px;}
div:focus{outline:none;}

body, h1, h2, h3, h4, input, select, button, textarea {font-family:'Pretendard',sans-serif;}

.quick_wrap {position:fixed;right:40px;top:288px;z-index:20;}


/* 상단 */
.htmlWrapper section.top_wrapper {
    position: relative;display: flex;justify-content: center;align-items: center;
    width: 100%;height: 50px;box-sizing: border-box;z-index: 1;background: #FFFFFF;
    font-size: 20px;overflow: visible;
}

.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 section.top_wrapper > .hx_top {position: relative;height: 100%;display: flex;justify-content: center;align-items: center;gap: 0 5px;color: #888888;}
.htmlWrapper section.top_wrapper > .hx_top span {font-size: 24px;font-weight: 800;color: #222222;font-family: 'ONE-Mobile-Title';}
.htmlWrapper section.top_wrapper > .hx_top span a {display: flex;}
.htmlWrapper section.top_wrapper > .hx_top b {color: #000;font-size:22px;}
.htmlWrapper section.top_wrapper > .hx_top i {margin-top: 3px;margin-right: 10px;}
.htmlWrapper section.top_wrapper > .hx_top .com_logo {margin-top:-7px;}
.htmlWrapper section.top_wrapper > .hx_top div.ment {margin-top: -5px;}
.htmlWrapper section.top_wrapper > .hx_top span.txt {position:relative;top:5px;font-size:20px;color:#888888;margin-top: 5px;font-weight:500;}
.htmlWrapper section.top_wrapper > .hx_top .hx_txt {position: absolute;top: 40px;}

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

/* 숏츠 */
section.shorts {position: relative;width: 100%;height:688px;background-image:url('../images/shorts/bg.jpg');padding:80px 0 0 0;box-sizing: border-box;}
section.shorts .contents_wrapper {display: flex;width: 1300px;margin:0 auto;justify-content: start;gap:0 84px;}
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:634px;height:528px;display:flex;justify-content: space-between}
section.shorts .contents_wrapper .shorts-wrap .short{position:relative;width:297px;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:297px;}
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:1703px;background-image: url('../images/event01/bg.jpg');overflow:hidden;background-position: center top}
section.event01 .contents_wrapper {display: flex;flex-direction: column;width: 1300px;margin:0 auto;align-items: center;padding: 120px 0 0 0;}
section.event01 .contents_wrapper .schedule-wrapper {display: flex;width: 100%;justify-content: space-between;z-index: 2;}
section.event01 .contents_wrapper .schedule-wrapper .schedule-wrap{display: flex;flex-direction: column;gap:40px 0;}
section.event01 .contents_wrapper .event_cont_wrapper {width:100%;display:flex;flex-direction: column;align-items: center;padding:110px 0 0 0;box-sizing: border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table{width:1325px;height:741px;background-image: url('../images/event01/cover.png');display:flex;justify-content: center;align-items: center;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner{width:1300px;height:716px;background:#D0F1F3;border-radius:20px;display:flex;flex-direction: column;align-items: center;justify-content: center;gap:1px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .row01{display:flex;width:100%;align-items: center;gap:0 2px;justify-content: space-between;padding:0 9px;box-sizing: border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .row02{display:flex;width:100%;align-items: center;gap:0 6px;justify-content: space-between;padding:0 9px;box-sizing: border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .row03{display:flex;width:100%;align-items: center;gap:0 2px;justify-content: space-between;padding:0 9px;box-sizing: border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card{position:relative;width:321px;height:174px;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');transition:.7s;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.finish{background-image:url('../images/event01/table/end.png?v=1');transition:.7s;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .card.finish.on{background-image:url('../images/event01/table/end_on.png?v=1');transition:.7s;}
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:629px;height:334px;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:100px;z-index:2;}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .bookwave-wrapper .bookwave{position:absolute;width:307px;height:171px;background-image: url('../images/event01/bookwave.png?v=1');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:0;width:319px;height:100%;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:228px;height:232px;background-image: url('../images/event01/dice.png');}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .dice-wrapper .dice-wrap .dice.d01{width:189px;height:190px;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{width:188px;height:192px;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{width:228px;height:228px;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{width:228px;height:228px;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{width:228px;height:228px;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{width:228px;height:228px;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:0}
section.event01 .contents_wrapper .event_cont_wrapper .game_table .inner .center .character-wrap .character{width:645px;height:294px;}
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:0px;width:278px;height:83px;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:84px;bottom:30px;width:167px;height:166px;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 .contents_wrapper > .join_wrapper {position: absolute;bottom:100px;width: 1040px;height: 132px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background-image: url('../images/bg_num.png');}
section.event01 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;justify-content: center;align-items: center;gap: 0 5px;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #2DADA8;font-weight: 800;font-size: 40px;line-height: 0.7;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 32px;color: #111111;}

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:1300px;height:507px;background:#FFFFFF;border-radius:24px;display:flex;justify-content: space-between;padding:40px;box-sizing: border-box;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .pic_gallery{position:relative;width:578px;height:427px;border-radius:8px;overflow:hidden;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .pic_gallery .paging_wrapper{position:absolute;bottom:10px;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:622px;display:flex;flex-direction: column;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .info-wrap .ttl{font-size:40px;color:#008680;font-weight:800;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;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;}
/* 이벤트 01 */

/* 이벤트 02 */
section.event02 {position: relative;width: 100%;height:1785px;background-image: url('../images/event02/bg.jpg');overflow:hidden;}
section.event02 .contents_wrapper {display: flex;flex-direction: column;width: 1300px;margin:0 auto;align-items: center;padding: 120px 0 0 0;}
section.event02 .contents_wrapper .schedule-wrapper {display: flex;width: 100%;justify-content: space-between;z-index: 2;}
section.event02 .contents_wrapper .schedule-wrapper .schedule-wrap{display: flex;flex-direction: column;gap:40px 0;}
section.event02 .contents_wrapper .event_cont_wrapper {width:100%;display:flex;flex-direction: column;align-items: center;padding:80px 0 0 0;box-sizing: border-box;}
section.event02 .contents_wrapper .event_cont_wrapper .start_cover{width:100%;height:708px;background-image: url('../images/event02/intro.png');display:flex;justify-content: center;align-items: end;padding:0 0 165px 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:706px;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:244px;height:50px;background-image: url('../images/event02/step01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step_bar .step.st02{width:202px;height:50px;background-image: url('../images/event02/step02.png');}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step_bar .step.st03{width:244px;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:16px 0 20px 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;perspective: 1300px;gap:0 20px;}
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 .btn_next{position:relative;width:252px;height:92px;background-image: url('../images/event02/btn_next.png');margin-top:20px;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;perspective: 1300px;gap:0 20px;}
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 .btn_next{position:relative;width:252px;height:92px;background-image: url('../images/event02/btn_next.png');margin-top:20px;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: 1300px;gap:10px 20px;flex-direction: column;align-items: center;}
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::before{position:absolute;left:-11px;top:-11px;width:80px;height:80px;content:'';z-index:3;}

section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-wrap .c-wrap.t01.set.num1::before{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::before{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::before{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::before{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::before{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::before{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::before{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::before{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::before{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:1300px;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .cardSwiper .swiper-wrapper.inner{position:relative;width:1300px;display:flex;justify-content: center;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .cardSwiper .swiper-wrapper .swiper-slide {width:435px;height:520px;}
section.event02 .contents_wrapper .event_cont_wrapper .game_wrapper .step03_wrapper .card-scrollbar{width:887px;height:10px;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:20px 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 > .join_wrapper {position: absolute;width: 1285px;height: 132px;bottom:100px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background-image: url('../images/bg_num2.png');}
section.event02 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;justify-content: center;align-items: center;gap: 0 5px;letter-spacing: -2px;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #408CFF;font-weight: 800;font-size: 40px;line-height: 0.7;}
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:1713px;background-image: url('../images/event03/bg.jpg');overflow:hidden;}
section.event03 .contents_wrapper {display: flex;flex-direction: column;width: 1300px;margin:0 auto;align-items: center;padding: 120px 0 0 0;}
section.event03 .contents_wrapper .schedule-wrapper {display: flex;width: 100%;justify-content: space-between;z-index: 2;}
section.event03 .contents_wrapper .schedule-wrapper .schedule-wrap{display: flex;flex-direction: column;gap:40px 0;}
section.event03 .contents_wrapper .event_cont_wrapper {width:100%;display:flex;flex-direction: column;align-items: center;padding:69px 0 0 0;box-sizing: border-box;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap{width:1300px;height:820px;display:flex;justify-content: space-between;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .roulette-wrapper{position:relative;width:760px;height:820px;background-image: url('../images/event03/roulette.png');padding:40px 40px;box-sizing:border-box;z-index:5;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .roulette-wrapper .pin{position:absolute;top:0;width:141px;height:222px;background-image: url('../images/event03/pin.png');z-index:3;left:306px}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .roulette-wrapper .circle{position:absolute;top:95px;left:54px;width:650px;height:650px;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:650px;height:650px;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:160px;height:160px;background-image: url('../images/event03/logo.png');z-index:3;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book-box{position:relative;width:500px;height:798px;background-image: url('../images/event03/book.png');display:flex;justify-content: center;align-items: start;padding:65px 0 0 0;box-sizing: border-box;margin:8px 0 0 0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book-box .start{position:relative;width:460px;height:676px;background-image: url('../images/event03/txt.png');display:flex;justify-content: center;align-items: start;padding:544px 0 0 0;box-sizing: border-box;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book-box .start .btn_start{position:relative;width:372px;height:92px;background-image: url('../images/event03/btn_start.png');cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book-box .result{position:relative;width:468px;height:684px;display:flex;justify-content: center;align-items: start;padding:544px 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:192px;display:flex;justify-content: center;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book-box .result .ipt-box textarea{
    width:360px;height:198px;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:372px;height:92px;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;bottom:0;left:0;width:100%;height:320px;background-image: url('../images/event03/f_book.png');background-size: contain;background-position: center;background-repeat: no-repeat;}

section.event03 .contents_wrapper .join_wrapper {position: absolute;width: 1137px;height: 132px;bottom:100px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background-image: url('../images/bg_num3.png');z-index:5;}
section.event03 .contents_wrapper .join_wrapper .join_wrap {position: relative;display: flex;justify-content: center;align-items: center;gap: 0 5px;letter-spacing: -2px;}
section.event03 .contents_wrapper .join_wrapper .join_wrap div {line-height: 1;}
section.event03 .contents_wrapper .join_wrapper .join_wrap .j_info {color: #E20051;font-weight: 800;font-size: 40px;line-height: 0.7;}
section.event03 .contents_wrapper .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 32px;color: #000000;}
/* 이벤트 03 */




/* 이모티콘 */
section.emoticon {position: relative;width: 100%;height:996px;background-image:url('../images/emoticon/bg.jpg');}
section.emoticon .contents_wrapper {display: flex;flex-direction:column;align-items: center;justify-content: center;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.movie {position: relative;width: 100%;height: 881px;background-image:url('../images/movie/bg.jpg');padding:120px 0 0 0;box-sizing: border-box;}
section.movie .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.movie .contents_wrap .movie_wrapper{display:flex;width:1300px;justify-content: space-between;padding:40px 0 0 0;box-sizing: border-box;}
section.movie .contents_wrap .movie_wrapper .movie-wrap{display:flex;flex-direction:column;align-items:center;width:656px;height:433px;background-image: url('../images/movie/bg_movie.png');gap:16px 0;padding:16px 0;box-sizing: border-box;}
section.movie .contents_wrap .movie_wrapper .movie-wrap .movie{width:608px;height:321px;background:#000000;border-radius:10px;overflow:hidden;}
section.movie .contents_wrap .movie_wrapper .movie-wrap .movie iframe{width:100%;height:100%;}
section.movie .contents_wrap .movie_wrapper .movie-wrap .info-wrap{display:flex;justify-content: space-between;width:100%;padding:0 22px;box-sizing: border-box;}
section.movie .contents_wrap .movie_wrapper .movie-wrap .info-wrap .ttl{text-align:left;font-size:20px;font-weight:600;line-height:1.2;}
section.movie .contents_wrap .movie_wrapper .movie-wrap .info-wrap .b-info{display:flex;align-items: center;gap:0 8px;}
section.movie .contents_wrap .movie_wrapper .movie-wrap .info-wrap .b-info .logo{width:181px;height:48px;background-image: url('../images/movie/logo.png');}
section.movie .contents_wrap .movie_wrapper .movie-wrap .info-wrap .b-info .btn_subscribe{width:65px;height:38px;background-image: url('../images/movie/icon_subscribe.png');}
section.movie .contents_wrap .movie_wrapper .movie-wrap .info-wrap .b-info .btn_subscribe a{display:block;width:100%;height:100%;}
/* 동영상 */

/* 북웨이브 */
section.bookwave {position: relative;width: 100%;height: 881px;background-image:url('../images/bookwave/bg.jpg?v=1');padding:120px 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:1192px;height:330px;display:flex;justify-content: space-between;margin:40px 0 0 0;}
section.bookwave .contents_wrap .book_wrapper .book{position:relative;width:586px;height:346px;}
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::before{position:absolute;content:'';}
section.bookwave .contents_wrap .book_wrapper .book::after{position:absolute;content:'';}
section.bookwave .contents_wrap .book_wrapper .book.b01{background-image: url('../images/bookwave/pic01.png');}
#section.bookwave .contents_wrap .book_wrapper .book.b01::before{left:-64px;bottom:-32px;width:124px;height:132px;background-image: url('../images/bookwave/char01.png');}
section.bookwave .contents_wrap .book_wrapper .book.b02{background-image: url('../images/bookwave/pic02.png');}
#section.bookwave .contents_wrap .book_wrapper .book.b02::after{right:-104px;bottom:-32px;width:181px;height:199px;background-image: url('../images/bookwave/char02.png');}
/* 동영상 */


/* SNS SHARE */
section.snsshare {position: relative;width: 100%;height: 874px;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:80px 0 0 0;box-sizing:border-box;}
section.snsshare .contents_wrap > .title {margin-bottom:60px;}
section.snsshare .contents_wrap > .sns_wrapper {position: relative;width:590px;height:115px;background-image: url('../images/share/cover.png');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%;height: 174px;display: flex;flex-direction: column;align-items: center;justify-content: center;margin:100px;}
div.daum .title {}
div.daum .box {position: relative;margin-top: 16px;width: 800px;height: 132px;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: 25px;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;
    justify-content: center;
    font-size: 32px;
    align-items: center;
    color: #111116;
    background-color: #ffffff;
    
}

section.sec-join-info div {
    font-weight: 700;
    display: flex;
    align-items: center;
}
section.sec-join-info i {
    font-weight: 500;
    color:#333333;
	margin-right:10px;
}

section.sec-join-info span.normal {
    color:#262630;
    font-weight: 500;
    font-size: 32px;
    margin-right: 5px;
    margin-top: -5px;
}

section.sec-join-info span._visit_all_cnt {
    color: #5190C9;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -10px;
    font-weight: 900;
    line-height: 0;
    font-size:48px;
    font-family:'Pretendard';
}

section.sec-join-info span._join_all_cnt {
    color: #316AAE;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -10px;
    font-size:48px;
    font-family:'Pretendard';
}

section.sec-join-info div span {
    font-size: 48px;
    font-weight: 900;
    font-family: "ONE-Mobile-Title",sans-serif;
    padding: 0 0 0 5px;
}

/* 참여 정보 */
/* 접속 정보 */
section.sec-connect-info {
    position: relative;
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #222222;
    background-color: #DFDFDF;
    
    font-size: 32px;
}

section.sec-connect-info div {
    font-weight: 800;
    display: flex;
    align-items: center;
}

section.sec-connect-info span.area {
    color: #0A91F8;
	font-size:36px;
	padding:0 5px;
	font-weight:800;
}

/* 참여 정보 */
/* SNS */

/* 참여 정보 */
section.sec-copyright {
    position: relative;
    width: 100%;
    height: 162px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f0f0f0;
    color: #555555;
    font-size: 18px;
}

section.sec-copyright > .copyright {
    width: 1400px;
}

section.sec-copyright > .copyright ul {
}

section.sec-copyright > .copyright ul li {
    float: left;
    width: 60%;
    margin-bottom: 10px;
}

section.sec-copyright > .copyright ul li:first-child {
    color: #262630;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Pretendard',sans-serif;
}

section.sec-copyright > .copyright ul li:nth-child(2n+2) {
    text-align: right;
    width: 40%;
}

section.sec-copyright > .copyright ul li:nth-child(4) {
    display: flex;
    justify-content: end;
}

section.sec-copyright > .copyright ul li:nth-child(4) > div {
    text-align: right;
    margin-left: 10px;
}

section.sec-copyright > .copyright ul li:nth-child(4) span {
    color: #555555;
    font-weight: 800;
    font-family: 'Pretendard',sans-serif;
}

/* 고정 메뉴 */
.navigator_wrapper {
    position: fixed;left: 0;bottom: 0;width: 100%;height: 110px;z-index: 51;overflow: hidden;background:#6DB3FF;display:none;
}

.navigator_wrapper .cont_wrap {width: 100%;height: 100%;display: flex;justify-content: center;}

.navigator_wrapper .cont_wrap .navi_wrap {
    width: 1300px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    box-sizing: border-box;
}

.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;
}

.navigator_wrapper .cont_wrap .navi_wrap > li > .n_menu {
    position: relative;
    width: 83px;
    height: 44px;
    cursor: pointer;
    z-index: 3;
    background-image: url('../images/allmenu.png');
    background-repeat: no-repeat;
}

.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(1) {
    margin-right: 74px;
}

.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(2) {
    margin-right: 16px;
}

.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(3) {
    margin-right: 16px;
}

.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(4) {
    margin-right: 74px;
}

.navigator_wrapper .cont_wrap .navi_wrap > li > div > a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.navigator_wrapper .cont_wrap .navi_wrap > li > .n_top {
    position: relative;
    background-image: url('../images/top.png');
    width: 80px;
    height: 80px;
    cursor: pointer;
	  border-radius:50%;
}

.n_menu_list {
    position: fixed;
    bottom: -900px;
    z-index: 99;
    background: #489ffe;
    width: 500px;
    box-sizing: border-box;
    font-size: 22px;
}

.n_menu_list.on {
    bottom: 0;
}

.n_menu_list > .n_menu.close {
    float: right;
    background-image: url('../images/gnb_close.png');
    width: 46px;
    height: 46px;
    display: inline-block;
    margin-top: 13px;
    margin-right: 20px;
    cursor: pointer;
}

.n_menu_list > .m_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0 0 0;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.n_menu_list > .m_list a {
    color: #FFFFFF;
}

.n_menu_list > .m_list div {
    border-bottom: 2px solid #D9D9D9;
    width: 433px;
    margin: 0 auto;
    padding: 15px 0;
}

.n_menu_list > .m_list a:last-child div {
    border-bottom: 0;
}

.n_menu_list > .m_list div > span {
    display: flex;
    cursor: pointer;
    position: relative;
    width: 433px;
    height: 80px;
    line-height: 1.4;
    align-items: center;
    justify-content: start;
    text-align: left;
    padding-left: 20px;
    box-sizing: border-box;
}

.n_menu_list > .m_list div > span a {
    display: block;
    font-size: 23px;
    color: #FFFFFF;
    font-weight: 500;
    letter-spacing: -.5px;
    text-align: left;
}

.n_menu_list > .m_list div > span {
    position: relative;
}

.n_menu_list > .m_list div > span::after {
    content: '';
    width: 80px;
    height: 80px;
    position: absolute;
    left: 10px;
    top: 0;
}

.n_menu_list > .m_list div.on {
    background-color: rgba(255,255,255,.1);
}

/* 고정 메뉴 */
/* 기타  */
.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: 1.5s zoom ease-in-out infinite;animation-delay: 0.5s;width: 73px;height: 86px;background-image: url(../images/hand.png);right:-40px;bottom:-50px;}
.hand_f {	position: absolute;z-index: 5;width: 73px;height: 86px;background-image: url(../images/hand.png);right:-40px;bottom:-50px;}
.hand2 {	position: absolute;z-index: 5;animation: 1.5s zoom ease-in-out infinite;animation-delay: 0.5s;width: 106px;height: 106px;background-image: url(../images/hand2.png);right:-40px;bottom:-50px;}

.result_wrap {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 100px;
}

.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;
}


.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;
}

.shorts 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;
}


.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_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: 580px;
    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: 70px;
    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: 40px;
    line-height: 40px;
    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: 144px;
}

.pu_event_info .p_con .ty01 dd.num i {
    float: left;
    width: 9px;
    text-align: center;
    color: #fff;
    line-height: 40px;
}

.pu_event_info .p_con .ty02 {
    margin-top: 16px;
}

.pu_event_info .p_con .ty02 dt {
    margin-bottom: 10px;
    margin-top: 10px;
}

.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: #F6F6F6;
    padding: 15px 20px;
    border-radius:8px;
}

.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 {
	position:relative;
    float: left;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    line-height: 1.2;
    text-align: center;
    font-size: 32px;
    color: #fff;
    font-weight: 800;
}

.pu_event_info .btns a:hover {
    text-decoration: none;
}



.pu_event_info .btns a.bt_participate_done .hand{
    right:20px;
	bottom:-20px;
	transform:scale(.7);
}

.pu_event_info.pop01 .btns a.bt_participate_done {
    background: #008680;
    color: #FFFFFF;
    border-bottom-left-radius:20px;
}

.pu_event_info.pop02 .btns a.bt_participate_done {
    background: #0053B7;
    border-bottom-left-radius:20px;
    color: #FFFFFF;
}

.pu_event_info.pop03 .btns a.bt_participate_done {
    background: #E20051;
    border-bottom-left-radius:20px;
    color: #FFFFFF;
}

.pu_event_info .btns a.bt_cancel {
    background: #7D7D83;
    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: 6px;
    vertical-align: top;
    text-align:left;
    font-weight:400;
}
.pu_event_info table th.center {
    vertical-align: middle;
}


.pu_event_info table td {
    font-size: 16px;
    padding: 6px;
    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: 29px;
    height: 27px;
    line-height: 27px;
    margin: -10px 0 0 10px;
    text-align: center;
    vertical-align: middle;
    background-position: center bottom;
	  background: url('../images/cb.png') no-repeat 2px 3px;
}

.pu_event_info .checks input[type="checkbox"]:checked + label:after {
    background-position: center bottom;
}

.pu_event_info.pop01 .checks input[type="checkbox"] + label:after {
    background: url(../images/cb.png) no-repeat bottom 0;
}

.pu_event_info.pop01 .checks input[type="checkbox"]:checked + label:after {
    background: url(../images/cb_on.png) no-repeat 0 0;
}


.pu_event_info.pop02 .checks input[type="checkbox"]:checked + label:after {
    background: url(../images/cb2_on.png) no-repeat 0 0;
}

.pu_event_info.pop03 .checks input[type="checkbox"]:checked + label:after {
    background: url(../images/cb3_on.png) no-repeat 0 0;
}

.pu_event_info .radiob input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-opacity: 0;
}

.pu_event_done {
    width: 680px;
    display: none;
}

.pu_event_done a{
    position:absolute;
    width:100%;
    height:86px;
    left:0;
    bottom:0;
}
.pu_event_done .btn_go{
    position:absolute;
    width:329px;
    height:77px;
    left:42px;
    top:300px;
}

.pu_event_done .ph {
    width: 100%;
}

.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;
}

.pu_event_done .ph .hand {
  right:180px;
	bottom:-40px;
}

.pu_event_done .ph .close a {
    display: block;
    width: 100%;
    height: 100%;
}


.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 .btn_wrap .btn a {
    display: block;
    width: 100%;
    height: 100%;
}

.pu_event_done.e01 {
    background: #000000;
}

.pu_event_done.e02 {
    background: #000000;
}

.pu_event_done.e03 {
    background: #000000;
}

.tc {
    text-align: center;
}

.rmove_1 {animation: 1s radum_move1 infinite linear forwards;}
.rmove_2 {animation: 1s radum_move2 infinite linear forwards;}
.rmove_3 {animation: 1s radum_move3 infinite linear forwards;}
.rmove_4 {animation: 1s radum_move4 infinite linear forwards;}
.rmove_5 {animation: 1s radum_move5 infinite linear forwards;}
.rmove_6 {animation: 1s radum_move6 infinite linear forwards;}
.rmove_7 {animation: 1s radum_move7 infinite linear forwards;}
.rmove_8 {animation: 1s radum_move8 infinite linear forwards;}
.rmove_9 {animation: 1s radum_move9 infinite linear forwards;}
.rmove_10 {animation: 1s radum_move10 infinite linear forwards;}

.rmove_1.delay1 {animation-delay: 0s;}
.rmove_1.delay2 {animation-delay: 30s;}
.rmove_1.delay3 {animation-delay: 50s;}
.rmove_1.delay4 {animation-delay: 70s;}
.rmove_1.delay5 {animation-delay: 90s;}
.rmove_1.delay6 {animation-delay: 120s;}
.rmove_1.delay7 {animation-delay: 150s;}
.rmove_1.delay8 {animation-delay: 180s;}
.rmove_1.delay9 {animation-delay: 210s;}
.rmove_1.delay10 {animation-delay: 240s;}

.rotate1 {transform:rotate(10deg);}
.rotate2 {transform:rotate(15deg);}
.rotate3 {transform:rotate(20deg);}
.rotate4 {transform:rotate(25deg);}
.rotate5 {transform:rotate(30deg);}
.rotate6 {transform:rotate(35deg);}
.rotate7 {transform:rotate(40deg);}
.rotate8 {transform:rotate(45deg);}
.rotate9 {transform:rotate(50deg);}
.rotate10 {transform:rotate(55deg);}
.rotate11 {transform:rotate(60deg);}
.rotate12 {transform:rotate(65deg);}
.rotate13 {transform:rotate(70deg);}
.rotate14 {transform:rotate(75deg);}
.rotate15 {transform:rotate(80deg);}

.aniMovie01 {animation: 20s aniMovie01 infinite linear forwards; }
.aniMovie02 {animation: 20s aniMovie02 infinite linear forwards; }
.aniMovie03 {animation: 20s aniMovie03 infinite linear forwards; }
.aniMovie04 {animation: 20s aniMovie04 infinite linear forwards; }
.aniMovie05 {animation: 20s aniMovie05 infinite linear forwards; }