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

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/visual/ani/a01_1.png') url('../images/visual/ani/a01_2.png') url('../images/visual/ani/a01_3.png') url('../images/visual/ani/a01_4.png') url('../images/visual/ani/a01_5.png')
   url('../images/visual/ani/a02_1.png') url('../images/visual/ani/a02_2.png') url('../images/visual/ani/a02_3.png') url('../images/visual/ani/a02_4.png') url('../images/visual/ani/a02_5.png')
  url('../images/visual/ani/a03_1.png') url('../images/visual/ani/a03_2.png') url('../images/visual/ani/a03_3.png') url('../images/visual/ani/a03_4.png') url('../images/visual/ani/a03_5.png')
  url('../images/visual/ani/a04_1.png') url('../images/visual/ani/a04_2.png') url('../images/visual/ani/a04_3.png') url('../images/visual/ani/a04_4.png') url('../images/visual/ani/a04_5.png')
  url('../images/visual/ani/a05_1.png') url('../images/visual/ani/a05_2.png') url('../images/visual/ani/a05_3.png') url('../images/visual/ani/a05_4.png') url('../images/visual/ani/a05_5.png');
}
.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;
}

.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;}
.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 .hx_txt {position: absolute;top: 40px;}

/* Visual */
.htmlWrapper section.visual_wrapper {position: relative;width: 100%;height: 1012px;background-image:url('../images/visual/bg2.jpg?v=1');background-position: center;}
.htmlWrapper section.visual_wrapper .contents_wrap {position: relative;width: 100%;height: 100%;display:flex;align-items:center;flex-direction:column;padding:70px 0 0 0;box-sizing:border-box;}
.htmlWrapper section.visual_wrapper .contents_wrap .title{position: relative;z-index:5;left:50px;}
.htmlWrapper section.visual_wrapper .contents_wrap .title .light_eng.on{position: absolute;left:-22px;top:-37px;width:797px;height:244px;background-image: url('../images/visual/light_eng.png');background-position:left;animation:1s light_eng infinite linear forwards}
.htmlWrapper section.visual_wrapper .contents_wrap .title .light_kor.on{position: absolute;right:122px;bottom:20px;width:330px;height:127px;background-image: url('../images/visual/light_kor.png');background-position:left;animation:1s light_eng infinite linear forwards}
.htmlWrapper section.visual_wrapper .contents_wrap .icons_wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;justify-content: center;}
.htmlWrapper section.visual_wrapper .contents_wrap .icons_wrap.pos02{z-index:6}
.htmlWrapper section.visual_wrapper .contents_wrap .icons_wrap .icons{position:relative;width:0;height:0;}
.htmlWrapper section.visual_wrapper .contents_wrap .icons_wrap .icon01{position:absolute;left:-950px;top:105px;width:156px;height:130px;background-image: url('../images/visual/sticker01.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .icons_wrap .icon02{position:absolute;left:-875px;top:751px;width:167px;height:129px;background-image: url('../images/visual/sticker02.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .icons_wrap .icon03{position:absolute;left:-500px;top:62px;width:189px;height:166px;background-image: url('../images/visual/sticker03.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .icon04{position:absolute;left:360px;top:164px;width:106px;height:88px;background-image: url('../images/visual/sticker04.png');z-index:6;}
.htmlWrapper section.visual_wrapper .contents_wrap .icon05{position:absolute;right:-948px;top:86px;width:146px;height:198px;background-image: url('../images/visual/sticker05.png');z-index:6;}
.htmlWrapper section.visual_wrapper .contents_wrap .right_icon{position:absolute;right:-948px;top:514px;width:365px;height:680px;background-image: url('../images/visual/right_character.png');z-index:1;}

.htmlWrapper section.visual_wrapper .contents_wrap .road_map{position:relative;width:1235px;height:356px;top:167px;left:-95px;}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char01{position:absolute;zoom:.4;left:1080px;top:-210px;transform:rotateY(180deg);}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char01 .char.i1{width:253px;height:321px;background-image: url('../images/visual/ani/a01_1.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char01 .char.i2{width:256px;height:322px;background-image: url('../images/visual/ani/a01_2.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char01 .char.i3{width:256px;height:322px;background-image: url('../images/visual/ani/a01_3.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char01 .char.i4{width:251px;height:313px;background-image: url('../images/visual/ani/a01_4.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char01 .char.i5{width:251px;height:313px;background-image: url('../images/visual/ani/a01_5.png');}

.htmlWrapper section.visual_wrapper .contents_wrap .road_map .play_true{position: absolute;right:114px;bottom:32px;width:957px;height:278px;}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .play_true.on{background-image: url('../images/visual/play_true.png?V=1.0');background-position:left;animation:1s light_eng infinite linear forwards}

.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char02{position:absolute;zoom:.4;left:680px;top:-210px;transform:rotateY(180deg);}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char02 .char.i1{width:338px;height:321px;background-image: url('../images/visual/ani/a02_1.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char02 .char.i2{width:346px;height:322px;background-image: url('../images/visual/ani/a02_2.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char02 .char.i3{width:346px;height:322px;background-image: url('../images/visual/ani/a02_3.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char02 .char.i4{width:353px;height:313px;background-image: url('../images/visual/ani/a02_4.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char02 .char.i5{width:353px;height:313px;background-image: url('../images/visual/ani/a02_5.png');}

.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char03{position:absolute;zoom:.4;left:2110px;top:-20px;transform:rotateY(180deg);}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char03 .char.i1{width:255px;height:324px;background-image: url('../images/visual/ani/a03_1.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char03 .char.i2{width:256px;height:321px;background-image: url('../images/visual/ani/a03_2.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char03 .char.i3{width:256px;height:321px;background-image: url('../images/visual/ani/a03_3.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char03 .char.i4{width:256px;height:322px;background-image: url('../images/visual/ani/a03_4.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char03 .char.i5{width:256px;height:322px;background-image: url('../images/visual/ani/a03_5.png');}

.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char04{position:absolute;zoom:.4;left:2700px;top:420px;}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char04 .char.i1{width:320px;height:324px;background-image: url('../images/visual/ani/a04_1.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char04 .char.i2{width:340px;height:321px;background-image: url('../images/visual/ani/a04_2.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char04 .char.i3{width:340px;height:321px;background-image: url('../images/visual/ani/a04_3.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char04 .char.i4{width:336px;height:322px;background-image: url('../images/visual/ani/a04_4.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char04 .char.i5{width:336px;height:322px;background-image: url('../images/visual/ani/a04_5.png');}

.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char05{position:absolute;zoom:.4;left:690px;top:520px;}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char05 .char.i1{width:269px;height:321px;background-image: url('../images/visual/ani/a05_1.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char05 .char.i2{width:269px;height:322px;background-image: url('../images/visual/ani/a05_2.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char05 .char.i3{width:269px;height:322px;background-image: url('../images/visual/ani/a05_3.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char05 .char.i4{width:266px;height:313px;background-image: url('../images/visual/ani/a05_4.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .road_map .char05 .char.i5{width:266px;height:313px;background-image: url('../images/visual/ani/a05_5.png');}

/* 다음 */
section.daum {position: relative;width: 100%;height: 334px;background-image:url('../images/daum/bg.jpg');}
section.daum .contents_wrap {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;justify-content: center;}
section.daum .contents_wrap .title {}
section.daum .contents_wrap .box {position: relative;margin-top: 16px;width: 800px;height: 132px;background-image: url('../images/daum/cover.png');background-repeat: no-repeat;background-position: center;display: flex;align-items: start;}
section.daum .contents_wrap .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 6s steps(22) infinite;white-space: nowrap;overflow: hidden;}
section.daum .contents_wrap .exp {position: relative;left: 5px;margin-top: 15px;}
/* 다음 */


/* 이벤트 01 */
section.event01 {position: relative;width: 100%;height:3438px;background-image: url('../images/event01/bg.jpg');overflow:hidden;background-position: center top}
section.event01.expand {height:2700px;transition: .5s all}
section.event01.expand2 {height:3438px;transition: .5s all}
section.event01 .contents_wrapper {display: flex;flex-direction: column;width: 1300px;margin:0 auto;align-items: center;padding: 80px 0 0 0;}
section.event01 .contents_wrapper .title{position:relative;left:-30px;}
section.event01 .contents_wrapper .schedule_wrap {display: flex;margin: 40px 0 80px 0;width: 100%;justify-content: space-between;z-index: 2;}
section.event01 .contents_wrapper .event_cont_wrapper {width:100%;display:flex;flex-direction: column;align-items: center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_title{margin-bottom:40px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap{width:100%;position:relative;display:flex;flex-direction: column;align-items: center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01{position:relative;width: 100%;height:546px;background-image:url('../images/event01/cover_step01.png');display:flex;flex-direction: column;align-items: center;padding:20px 0;box-sizing: border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .s_cont_wrap{display:flex;justify-content: center;gap:0 20px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .s_cont_wrap .sel_box{display:flex;flex-direction: column;align-items:center;gap:20px 0;margin:50px 0 0 0;cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .s_cont_wrap .sel_box .sel{width:228px;height:306px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .s_cont_wrap .sel_box .rdo{position:relative;width:40px;height:40px;background-image: url('../images/event01/rdo.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .s_cont_wrap .sel_box .rdo .hand{right:-80px;bottom:-80px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .s_cont_wrap .sel_box.on .rdo{background-image: url('../images/event01/rdo_on.png');transition: .5s all;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .s_cont_wrap .sel_box .sel.s01{background-image: url('../images/event01/sel01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .s_cont_wrap .sel_box .sel.s02{background-image: url('../images/event01/sel02.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .s_cont_wrap .sel_box .sel.s03{background-image: url('../images/event01/sel03.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .s_cont_wrap .sel_box .sel.s04{background-image: url('../images/event01/sel04.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .s_cont_wrap .sel_box .sel.s05{background-image: url('../images/event01/sel05.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .s_cont_wrap .sel_box .sel.s06{background-image: url('../images/event01/sel06.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .s_cont_wrap .sel_box .sel.s07{background-image: url('../images/event01/sel07.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .s_cont_wrap .sel_box .sel.s08{background-image: url('../images/event01/sel08.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .s_cont_wrap .sel_box .sel.s09{background-image: url('../images/event01/sel09.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .s_cont_wrap .sel_box .sel.s10{background-image: url('../images/event01/sel10.png');}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02{position:relative;width: 100%;height:640px;background-image:url('../images/event01/cover_step02.png');display:flex;flex-direction: column;align-items: center;padding:20px 0;box-sizing: border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .s_cont_wrap{display:flex;justify-content: center;gap:0 20px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .s_cont_wrap .sel_box{display:flex;flex-direction: column;align-items:center;gap:20px 0;margin:50px 0 0 0;cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .s_cont_wrap .sel_box .sel{width:600px;height:280px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .s_cont_wrap .sel_box .sel.m01{background-image: url('../images/event01/sel02_1.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .s_cont_wrap .sel_box .sel.m02{background-image: url('../images/event01/sel02_2.png');}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .s_cont_wrap .sel_box .rdo{position:relative;width:40px;height:40px;background-image: url('../images/event01/rdo.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .s_cont_wrap .sel_box .rdo .hand{right:-80px;bottom:-80px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .s_cont_wrap .sel_box.on .rdo{background-image: url('../images/event01/rdo_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_start {position:relative;width:292px;height:100px;background-image: url('../images/event01/btn_start.png');cursor:pointer;margin-top:40px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_start .hand{bottom:-30px;display:none;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_start.on .hand{display:block;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03{position:relative;width: 100%;height:850px;background-image:url('../images/event01/cover_step03.png');display:flex;flex-direction: column;align-items: center;padding:20px 0;box-sizing: border-box;margin:40px 0 0 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap{display:flex;justify-content: center;margin:20px 0 0 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map{width:1220px;height:570px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map .road{position:absolute;left:345px;top:342px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map .road .start_line{position:absolute;top:178px;left:50px;width:66px;height:16px;background-image:url('../images/event01/start_line.png');z-index:3;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map.m02 .road .start_line{top:148px;left:106px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map .road .pick_popup{position:absolute;top:-200px;left:220px;width:504px;height:352px;z-index:3;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map .road .pick_popup.p01{background-image:url('../images/event01/pop01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map .road .pick_popup.p02{background-image:url('../images/event01/pop02.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map .road .pick_popup .close{position:absolute;top:272px;right:185px;width:133px;height:58px;cursor:pointer}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map .road .pick_popup .close .hand{right:-54px;bottom:-51px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map .road .rcover{position:absolute;z-index:3;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map .road .mload{position:absolute;left:1px;top:1px;z-index:1;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map .road .mload2{position:absolute;left:-4px;top:-3px;z-index:2;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map.m02 .road .mload2{left:0;top:1px;z-index:2;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map .road .mchar{position:absolute;left:8px;top:40px;width:114px;height:153px;background-size: cover;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map.m02 .road .mchar{left:78px;top:10px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map .road .mchar.c01{background-image: url('../images/event01/sel01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map .road .mchar.c02{background-image: url('../images/event01/sel02.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map .road .mchar.c03{background-image: url('../images/event01/sel03.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map .road .mchar.c04{background-image: url('../images/event01/sel04.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map .road .mchar.c05{background-image: url('../images/event01/sel05.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map .road .mchar.c06{background-image: url('../images/event01/sel06.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map .road .mchar.c07{background-image: url('../images/event01/sel07.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map .road .mchar.c08{background-image: url('../images/event01/sel08.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map .road .mchar.c09{background-image: url('../images/event01/sel09.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map .road .mchar.c10{background-image: url('../images/event01/sel10.png');}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map .road .mchar.move1{animation: char_move_all1 1s 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map .road .mchar.move3{animation: char_move_all2  2s 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map .road .mchar.move5{animation: char_move_all3  1s 1 linear forwards;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map.m02 .road .mchar.move1{animation: char_move2_all1 1s 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map.m02 .road .mchar.move3{animation: char_move2_all2 1s 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map.m02 .road .mchar.move5{animation: char_move2_all3 1s 1 linear forwards;}





section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map_cover{width:1220px;height:570px;background-image: url('../images/event01/map_cover.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map.m01{background-image: url('../images/event01/map01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .s_cont_wrap .map.m02{background-image: url('../images/event01/map02.png?v=1.0');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .btn_run {position:relative;width:290px;height:100px;background-image: url('../images/event01/btn_run.png');cursor:pointer;margin-top:40px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .btn_run .hand{bottom:-30px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .btn_run.fast .hand{animation: .3s zoom ease-in-out infinite;animation-delay: 0.1s;}
.moving-circle {
    display:block;
    stroke-dasharray: 1550;
}
.moving-circle.on {
     animation: ani_move1 .5s 1 linear forwards;
}
.moving-circle.on_1 { animation: ani_move1_1 1s 1 linear forwards; }
.moving-circle.on_2 { animation: ani_move1_2 .2s 1 linear forwards; }
.moving-circle.on_3 { animation: ani_move1_3 2s 1 linear forwards; }
.moving-circle.on_4 { animation: ani_move1_4 .2s 1 linear forwards; }
.moving-circle.on_5 { animation: ani_move1_5 1s 1 linear forwards; }
.moving-circle.on_6 { animation: ani_move1_6 .2s 1 linear forwards; }
.moving-circle.on_7 { animation: ani_move1_7 .2s 1 linear forwards; }
.moving-circle.on_8 { animation: ani_move1_8 .2s 1 linear forwards; }
.moving-circle.on_9 { animation: ani_move1_9 .2s 1 linear forwards; }
.moving-circle.on_10 { animation: ani_move1_10 .2s 1 linear forwards; }
.moving-circle.on_11 { animation: ani_move1_11 .2s 1 linear forwards; }
.moving-circle.on_12 { animation: ani_move1_12 .2s 1 linear forwards; }
.moving-circle.on_13 { animation: ani_move1_13 .2s 1 linear forwards; }
.moving-circle.on_14 { animation: ani_move1_14 .2s 1 linear forwards; }
.moving-circle.on_15 { animation: ani_move1_15 .2s 1 linear forwards; }
.moving-circle.on_16 { animation: ani_move1_16 .2s 1 linear forwards; }
.moving-circle.on_17 { animation: ani_move1_17 .2s 1 linear forwards; }
.moving-circle.on_18 { animation: ani_move1_18 .2s 1 linear forwards; }
.moving-circle.on_19 { animation: ani_move1_19 .2s 1 linear forwards; }
.moving-circle.on_20 { animation: ani_move1_20 .2s 1 linear forwards; }

.moving-circle.on2 {
    animation: ani_move2 3s 1 linear forwards;
}
.moving-circle2.on {
    display:none;
    stroke-dasharray: 1550;

    animation: ani_move2 5s 1 linear forwards;
}

.moving-circle2 {
    display:block;
    stroke-dasharray: 1550;
}
.moving-circle2.on {
    animation: ani_move1 .5s 1 linear forwards;
}


.moving-circle2.on_1 { animation: ani2_move1_1 1s 1 linear forwards; }
.moving-circle2.on_2 { animation: ani2_move1_2 1s 1 linear forwards; }
.moving-circle2.on_3 { animation: ani2_move1_3 1s 1 linear forwards; }
.moving-circle2.on_4 { animation: ani2_move1_4 .2s 1 linear forwards; }
.moving-circle2.on_5 { animation: ani2_move1_5 1s 1 linear forwards; }
.moving-circle2.on_6 { animation: ani2_move1_6 .2s 1 linear forwards; }
.moving-circle2.on_7 { animation: ani2_move1_7 .2s 1 linear forwards; }
.moving-circle2.on_8 { animation: ani2_move1_8 .2s 1 linear forwards; }
.moving-circle2.on_9 { animation: ani2_move1_9 .2s 1 linear forwards; }
.moving-circle2.on_10 { animation: ani2_move1_10 .2s 1 linear forwards; }
.moving-circle2.on_11 { animation: ani2_move1_11 .2s 1 linear forwards; }
.moving-circle2.on_12 { animation: ani2_move1_12 .2s 1 linear forwards; }
.moving-circle2.on_13 { animation: ani2_move1_13 .2s 1 linear forwards; }
.moving-circle2.on_14 { animation: ani2_move1_14 .2s 1 linear forwards; }
.moving-circle2.on_15 { animation: ani2_move1_15 .2s 1 linear forwards; }
.moving-circle2.on_16 { animation: ani2_move1_16 .2s 1 linear forwards; }
.moving-circle2.on_17 { animation: ani2_move1_17 .2s 1 linear forwards; }
.moving-circle2.on_18 { animation: ani2_move1_18 .2s 1 linear forwards; }
.moving-circle2.on_19 { animation: ani2_move1_19 .2s 1 linear forwards; }
.moving-circle2.on_20 { animation: ani2_move1_20 .2s 1 linear forwards; }

section.event01 .character_wrap{position: relative;width:0;margin:0 auto;}
section.event01 .character_wrap .character{position: absolute;right:-949px;width:462px;height:576px;background-image:url('../images/event01/character.png');}

section.event01 .contents_wrapper > .join_wrapper {position: absolute;bottom:190px;width: 1115px;height: 132px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background-image: url('../images/bg_num.png');margin:50px 0 0 0;border-radius:55px;z-index:11;}
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: #D7063A;font-weight: 900;font-size: 40px;line-height: 0.7;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 600;padding: 0 7px 0 12px;font-size: 32px;color: #111111;}
/* 이벤트 01 */

/* 이벤트 02 */
section.event02 {position: relative;width: 100%;height:1992px;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: 80px 0 0 0;}
section.event02 .contents_wrapper .title{position:relative;left:-30px;}
section.event02 .contents_wrapper .schedule_wrap {display: flex;margin: 40px 0 80px 0;width: 100%;justify-content: space-between;z-index: 2;}
section.event02 .contents_wrapper .event_cont_wrapper {width:100%;display:flex;flex-direction: column;align-items: center;}
section.event02 .contents_wrapper .event_cont_wrapper .event_title{margin-bottom:40px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap{width:100%;position:relative;display:flex;justify-content: end;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball{position:absolute;top:-50px;left:-165px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper{position:relative;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head{position:relative;width:520px;height:520px;background-image: url('../images/event02/ball_head.png');z-index:2;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head .ball_star{position:absolute;left:30px;top:-18px;width:139px;height:152px;background-image: url('../images/event02/ball_star.png');z-index:3;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head .ball_light{position:absolute;left:0;top:0;width:520px;height:520px;background-image: url('../images/event02/ball_light.png');z-index:3;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head .ball_wrap{position:absolute;left:0;top:0;width:520px;height:475px;z-index:1;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head .ball_wrap .ball{position:absolute;width:140px;height:140px;background-size: 100%;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head .ball_wrap .ball.pause{animation-play-state: paused;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head .ball_wrap .ball.b01{left:0;top:0;background-image: url('../images/event02/ball/ball01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head .ball_wrap .ball.b02{left:100px;top:0;background-image: url('../images/event02/ball/ball02.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head .ball_wrap .ball.b03{left:0;top:0;background-image: url('../images/event02/ball/ball03.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head .ball_wrap .ball.b04{left:0;top:0;background-image: url('../images/event02/ball/ball04.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head .ball_wrap .ball.b05{left:0;top:0;background-image: url('../images/event02/ball/ball05.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head .ball_wrap .ball.b06{left:0;top:0;background-image: url('../images/event02/ball/ball06.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head .ball_wrap .ball.b07{left:0;top:0;background-image: url('../images/event02/ball/ball07.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head .ball_wrap .ball.b08{left:0;top:0;background-image: url('../images/event02/ball/ball08.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head .ball_wrap .ball.b09{left:0;top:0;background-image: url('../images/event02/ball/ball09.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head .ball_wrap .ball.b10{left:0;top:0;background-image: url('../images/event02/ball/ball10.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head .ball_wrap .ball.b11{left:0;top:0;background-image: url('../images/event02/ball/ball11.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head .ball_wrap .ball.b12{left:0;top:0;background-image: url('../images/event02/ball/ball12.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head .ball_wrap .ball.b13{left:0;top:0;background-image: url('../images/event02/ball/ball13.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head .ball_wrap .ball.b14{left:0;top:0;background-image: url('../images/event02/ball/ball14.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head .ball_wrap .ball.b15{left:0;top:0;background-image: url('../images/event02/ball/ball15.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head .ball_wrap .ball.b16{left:0;top:0;background-image: url('../images/event02/ball/ball16.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head .ball_wrap .ball.b17{left:0;top:0;background-image: url('../images/event02/ball/ball17.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head .ball_wrap .ball.b18{left:0;top:0;background-image: url('../images/event02/ball/ball18.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head .ball_wrap .ball.b19{left:0;top:0;background-image: url('../images/event02/ball/ball19.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_head .ball_wrap .ball.b20{left:0;top:0;background-image: url('../images/event02/ball/ball20.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_body_wrapper{position:relative;top:-45px;left:58px;width:406px;height:290px;background-image: url('../images/event02/ball_box.png');z-index:6;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_body_wrapper .ball_body{position:absolute;width:406px;height:290px;background-image: url('../images/event02/ball_box.png');z-index:6;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_body_wrapper .ball_body .btn_go_wrap{position:absolute;left:104px;top:-33px;width:198px;height:198px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_body_wrapper .ball_body .btn_go_wrap .btn_wrap{position:absolute;width:198px;height:198px;background-image: url('../images/event02/btn_cover.png');z-index:6;top:0;cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_body_wrapper .ball_body .btn_go_wrap .btn_wrap.on{transform: rotate(30deg);}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_body_wrapper .ball_body .btn_go_wrap .btn_go{position:relative;width:198px;height:198px;background-image: url('../images/event02/btn_go.png');z-index:7;cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_body_wrapper .ball_body .btn_go_wrap .btn_go .hand{bottom:10px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_body_wrapper .ball_body .btn_go_wrap .btn_go .btn_light{position:absolute;width:124px;height:101px;left:38px;top:47px;background-image: url('../images/event02/btn_light.png');cursor:pointer;display:none;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_body_wrapper .ball_body .btn_go_wrap .btn_go .btn_light.on{animation:1s light infinite linear forwards;display:block;}

.ball_roll{position:relative;top:180px;left:130px;width:550px;}
.ball_roll .hand{animation:1s drag_guide infinite  linear forwards}
.ball_roll .ball{position:absolute;left:0;top:-150px;width:140px;height:140px;}
.ball_roll .ball.pos1{animation:2s ball_selected1 linear forwards;z-index:3;cursor:pointer;}
.ball_roll .ball.pos2{animation:2s ball_selected2 linear forwards;z-index:3;cursor:pointer;}
.ball_roll .ball.pos3{animation:2s ball_selected3 linear forwards;z-index:3;cursor:pointer;}
.ball_roll .ball.pos4{animation:2s ball_selected4 linear forwards;z-index:3;cursor:pointer;}
.ball_roll .ball.pos5{animation:2s ball_selected5 linear forwards;z-index:3;cursor:pointer;}
.ball_roll .ball > div{width:100%;height:100%;background-size:contain;animation:1s rotate infinite linear forwards;}
.ball_roll .ball.pause > div{animation-play-state: paused;transform: rotate(0deg) !important;}
.ball_roll .ball01 > div{background-image: url('../images/event02/ball/ball01.png');}
.ball_roll .ball02 > div{background-image: url('../images/event02/ball/ball02.png');}
.ball_roll .ball03 > div{background-image: url('../images/event02/ball/ball03.png');}
.ball_roll .ball04 > div{background-image: url('../images/event02/ball/ball04.png');}
.ball_roll .ball05 > div{background-image: url('../images/event02/ball/ball05.png');}
.ball_roll .ball06 > div{background-image: url('../images/event02/ball/ball06.png');}
.ball_roll .ball07 > div{background-image: url('../images/event02/ball/ball07.png');}
.ball_roll .ball08 > div{background-image: url('../images/event02/ball/ball08.png');}
.ball_roll .ball09 > div{background-image: url('../images/event02/ball/ball09.png');}
.ball_roll .ball10 > div{background-image: url('../images/event02/ball/ball10.png');}
.ball_roll .ball11 > div{background-image: url('../images/event02/ball/ball11.png');}
.ball_roll .ball12 > div{background-image: url('../images/event02/ball/ball12.png');}
.ball_roll .ball13 > div{background-image: url('../images/event02/ball/ball13.png');}
.ball_roll .ball14 > div{background-image: url('../images/event02/ball/ball14.png');}
.ball_roll .ball15 > div{background-image: url('../images/event02/ball/ball15.png');}
.ball_roll .ball16 > div{background-image: url('../images/event02/ball/ball16.png');}
.ball_roll .ball17 > div{background-image: url('../images/event02/ball/ball17.png');}
.ball_roll .ball18 > div{background-image: url('../images/event02/ball/ball18.png');}
.ball_roll .ball19 > div{background-image: url('../images/event02/ball/ball19.png');}
.ball_roll .ball20 > div{background-image: url('../images/event02/ball/ball20.png');}



section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_ball .box_wrapper .ball_body_wrapper .ball_tail{position:absolute;left:-56px;bottom:-315px;width:520px;height:342px;background-image: url('../images/event02/ball_foot.png');z-index:0;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table{display:flex;flex-direction:column;align-items:center;width:904px;height:690px;background-image: url('../images/event02/game_cover.png');padding:40px 0 0 0;box-sizing: border-box;gap:40px 0 ;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .txt{}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table{position:relative;width:704px;height:264px;background-image: url('../images/event02/game_table_s.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper{position:absolute;display:flex;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper.t_wrap01{left:177px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper.t_wrap02{left:0;top:88px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper.t_wrap03{left:0;top:176px;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper .twrap{position:absolute;box-sizing:border-box;opacity:0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper .twrap.on{animation:.5s card_on linear forwards}


section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper .twrap.p01{left:0;width:88px;height:88px;background-image: url('../images/event02/ball_set/s01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper .twrap.p02{left:75px;width:112px;height:100px;background-image: url('../images/event02/ball_set/s02.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper .twrap.p03{left:175px;width:100px;height:100px;background-image: url('../images/event02/ball_set/s03.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper .twrap.p04{left:261px;width:101px;height:89px;background-image: url('../images/event02/ball_set/s04.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper .twrap.p05{left:1px;width:100px;height:100px;background-image: url('../images/event02/ball_set/s05.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper .twrap.p06{left:89px;width:88px;height:88px;background-image: url('../images/event02/ball_set/s06.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper .twrap.p07{left:164px;top:-12px;width:100px;height:100px;background-image: url('../images/event02/ball_set/s07.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper .twrap.p08{left:252px;width:112px;height:100px;background-image: url('../images/event02/ball_set/s08.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper .twrap.p09{left:352px;width:101px;height:88px;background-image: url('../images/event02/ball_set/s09.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper .twrap.p10{left:440px;top:-12px;width:100px;height:100px;background-image: url('../images/event02/ball_set/s10.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper .twrap.p11{left:526px;top:-12px;width:88px;height:100px;background-image: url('../images/event02/ball_set/s11.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper .twrap.p12{left:604px;width:100px;height:88px;background-image: url('../images/event02/ball_set/s12.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper .twrap.p13{left:1px;width:100px;height:88px;background-image: url('../images/event02/ball_set/s13.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper .twrap.p14{left:89px;top:-12px;width:88px;height:100px;background-image: url('../images/event02/ball_set/s14.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper .twrap.p15{left:165px;top:-12px;width:112px;height:100px;background-image: url('../images/event02/ball_set/s15.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper .twrap.p16{left:264px;width:88px;height:88px;background-image: url('../images/event02/ball_set/s16.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper .twrap.p17{left:339px;top:-12px;width:112px;height:100px;background-image: url('../images/event02/ball_set/s17.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper .twrap.p18{left:438px;top:-12px;width:88px;height:100px;background-image: url('../images/event02/ball_set/s18.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper .twrap.p19{left:516px;top:-12px;width:112px;height:100px;background-image: url('../images/event02/ball_set/s19.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .table .twrap_wrapper .twrap.p20{left:614px;top:-12px;width:88px;height:100px;background-image: url('../images/event02/ball_set/s20.png');}



section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .btn_join{position:relative;width:292px;height:100px;background-image: url('../images/event02/btn_join.png');cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .btn_join .hand{bottom:-40px;display:none}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_table .btn_join.on .hand{display:block;}

section.event02 .contents_wrapper > .join_wrapper {position: absolute;width: 1115px;height: 132px;bottom:120px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background-image: url('../images/bg_num.png');margin:50px 0 0 0;border-radius:55px;z-index:6;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;justify-content: center;align-items: center;gap: 0 5px;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #0A91F8;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:5474px;background-image: url('../images/event03/bg.jpg?v=1.1');overflow:hidden;}
section.event03 .contents_wrapper {display: flex;flex-direction: column;width: 1300px;margin:0 auto;align-items: center;padding: 60px 0 0 0;}
section.event03 .contents_wrapper .title{position:relative;}
section.event03 .contents_wrapper .schedule_wrap {display: flex;margin: 40px 0 40px 0;width: 100%;justify-content: space-between;z-index: 2;}
section.event03 .contents_wrapper .event_cont_wrapper {width:100%;display:flex;flex-direction: column;align-items: center;}
section.event03 .contents_wrapper .event_cont_wrapper .event_title{}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;display:flex;flex-direction: column;align-items: center;width:1300px;height:4186px;background:#FFFFFF;border-radius:32px;padding:40px 0;box-sizing: border-box;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .e_title{margin-bottom:40px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap  .event_tabs{}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap  .event_tabs .tab{width:232px;height:74px;cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap  .event_tabs .tab.t01{background-image: url('../images/event03/tab01.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap  .event_tabs .tab.t02{width:229px;background-image: url('../images/event03/tab02.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap  .event_tabs .tab.t01.on{background-image: url('../images/event03/tab01_on.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap  .event_tabs .tab.t02.on{width:202px;background-image: url('../images/event03/tab02_on.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap  .e_data_wrap{font-family:'KblJump';font-weight:400;color:#353535;display:flex;flex-wrap:wrap;justify-content:center;gap:24px 20px;margin-top:40px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap  .e_data_wrap .data_wrap{position:relative;width:290px;height:573px;background:#F4F4F4;border-radius:16px;display:flex;flex-direction: column;align-items: center;justify-content: center;overflow:hidden;cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap  .e_data_wrap .data_wrap .ttl{font-size:22px;height:60px;display: flex;align-items: center;gap:0 5px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap  .e_data_wrap .data_wrap .ttl span{font-weight:700;font-size:28px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap  .e_data_wrap .data_wrap .pic{flex:1;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap  .e_data_wrap .data_wrap .pic img{width:100%;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap  .e_data_wrap.type01 .data_wrap.on{background:#FFDEE6;border:8px solid #D30639;box-sizing: border-box;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap  .e_data_wrap.type01 .data_wrap.on::before{position:absolute;top:155px;width:256px;height:258px;content:'';background-image: url('../images/event03/stamp01.png?v=1');z-index:2;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap  .e_data_wrap.type02 .data_wrap.on{background:#CAE4FF;border:8px solid #0068D4;box-sizing: border-box;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap  .e_data_wrap.type02 .data_wrap.on::before{position:absolute;top:155px;width:256px;height:258px;content:'';background-image: url('../images/event03/stamp02.png?v=1');z-index:2;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap  .btn_join{position:relative;width:292px;height:100px;background-image: url('../images/event03/btn_join.png');margin:40px 0 0 0;cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap  .btn_join .hand{bottom:-40px;display:none;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap  .btn_join.on .hand{display:block;}


section.event03 .character_wrap{position: relative;width:0;margin:0 auto;}
section.event03 .character_wrap .character{position: absolute;right:-945px;bottom:-354px;width:440px;height:553px;background-image:url('../images/event03/character.png');}


section.event03 .contents_wrapper > .join_wrapper {position: absolute;width: 1115px;height: 132px;bottom:100px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background-image: url('../images/bg_num.png');margin:50px 0 0 0;border-radius:55px;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;justify-content: center;align-items: center;gap: 0 5px;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #004893;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;}

.evt_detail_pop_wrapper {
    position:fixed;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,.6);z-index:90;display:flex;justify-content: center;align-items: center;
}
.evt_detail_pop_wrapper .detail_pop{width:640px;height:1210px;background-image:url('../images/event03/pop_bg.png?v=1');padding:40px;box-sizing: border-box;transform:scale(.7);}
.evt_detail_pop_wrapper .detail_pop .contents{display:flex;flex-direction: column;gap:20px 0;}
.evt_detail_pop_wrapper .detail_pop .contents .pic{width:560px;height:990px;border-radius:22px;overflow: hidden;}
.evt_detail_pop_wrapper .detail_pop .contents .pic img{width:100%;height:100%;object-fit: cover}
.evt_detail_pop_wrapper .detail_pop .contents .btns_wrap{display:flex;gap:0 8px;}
.evt_detail_pop_wrapper .detail_pop .contents .btns_wrap > div{cursor:pointer;}
.evt_detail_pop_wrapper .detail_pop .contents .btns_wrap .btn_sel{width:337px;height:100px;background-image: url('../images/event03/btn_sel.png');}
.evt_detail_pop_wrapper .detail_pop .contents .btns_wrap .btn_close{width:215px;height:100px;background-image: url('../images/event03/btn_close.png');}
/* 이벤트 03 */



/* 포스터 */
section.poster {position: relative;width: 100%;height:1722px;background-image: url('../images/campaign/bg.jpg');overflow:hidden;}
section.poster .contents_wrapper {display: flex;flex-direction: column;width: 1300px;margin:0 auto;align-items: center;padding: 120px 0 0 0;}
section.poster .contents_wrapper .title{margin-bottom:40px;}
section.poster .contents_wrapper .cont{position:relative;}
section.poster .contents_wrapper .cont .btn_insta{position:absolute;width:426px;height:83px;top:237px;right:60px;}
section.poster .contents_wrapper .cont .btn_homepage{position:absolute;width:426px;height:83px;bottom:40px;right:60px;}
section.poster .contents_wrapper .cont > div a{display:block;width:100%;height:100%;}

/* 포스터 */

/* sns */
section.sns {position: relative;width: 100%;height: 592px;background-image:url('../images/sns/bg.jpg');}
section.sns .contents_wrapper {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: start;padding:80px 0 0 0;box-sizing: border-box;}
section.sns .contents_wrapper > .title {margin-bottom:80px;}
section.sns .contents_wrapper > .sns_wrapper {position: relative;display:flex;gap:0 16px;}

/* sns */

/* SNS SHARE */

section.snsshare {position: relative;width: 100%;height: 590px;background-image:url('../images/share/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:100px 0 0 0;box-sizing:border-box;}
section.snsshare .contents_wrap > .title {margin-bottom:20px;}
section.snsshare .contents_wrap > .sns_wrapper {position: relative;}
section.snsshare .contents_wrap > .sns_wrapper > ul {display: flex;gap: 0 40px;}
/* SNS SHARE */

/* 참여 정보 */
section.sec-join-info {
    position: relative;
    width: 100%;
    height: 208px;
    display: flex;
    justify-content: center;
    font-size: 32px;
    align-items: center;
    color: #000000;
    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: #008d5a;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -10px;
    font-weight: 900;
    line-height: 0;
    font-size:56px;
}

section.sec-join-info span._join_all_cnt {
    color: #FE6836;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -10px;
    font-size:56px;

}

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:#0A0B4A;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;
    padding: 0 0;
    box-sizing: border-box;
    padding: 0 20px 0 30px;
    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: 40px;
}

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

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

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

.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: -800px;
    z-index: 99;
    background: #004893;
    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: 106px;height: 100px;background-image: url(../images/hand.png);right:-20px;bottom:-60px;}

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

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

.cardnew-swiper-button-prev {
    position: absolute;
    background-image: url('../images/cardnews/btn_prev.png');
    width: 70px;
    height: 70px;
    left: -110px;
    top: 315px;
    cursor: pointer;
}

.cardnew-swiper-button-next {
    position: absolute;
    background-image: url('../images/cardnews/btn_next.png');
    width: 70px;
    height: 70px;
    right: -110px;
    top: 315px;
    cursor: pointer;
}

.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: 675px;
    display: none;
    border-radius: 20px;
    overflow: hidden;
}

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

.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 {
	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: #0D674C;
    color: #FFFFFF;
}

.pu_event_info.pop02 .btns a.bt_participate_done {
    background: #0068D4;
    color: #FFFFFF;
}

.pu_event_info.pop03 .btns a.bt_participate_done {
    background: #004893;
    color: #FFFFFF;
}

.pu_event_info .btns a.bt_cancel {
    background: #7D7D83;
}

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

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


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

.pu_event_info.pop03 .checks input[type="checkbox"]:checked + label:after {
    background: url(../images/cb03_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: 640px;
    display: none;
}

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