@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: 'CookieRun';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/CookieRun-Regular.woff') format('woff');
	font-weight: normal;
	font-display: swap;
}

@font-face {
	font-family: 'CookieRun';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/CookieRunOTF-Bold00.woff') format('woff');
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: 'CookieRun';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/CookieRunOTF-Black00.woff') format('woff');
	font-weight: 900;
	font-display: swap;
}
body {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #FFFFFF; 
}
body::after{
    position:absolute; 
    width:0; 
    height:0; 
    overflow:hidden; 
    z-index:-1;
	content: url('../images/event01/x_on.png') url('../images/event03/game_cover.png')
	url('../images/visual/ani/a2.png') url('../images/visual/ani/a3.png') url('../images/visual/ani/a4.png') url('../images/event02/pic01.webp');
}

* {font-family:'Pretendard',sans-serif;}
.htmlWrapper {width:100%;max-width:720px;margin:0 auto;padding-bottom:110px;position:relative;overflow:hidden;}
.htmlWrapper section {background-position:center;}

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

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


/* Visual */
.htmlWrapper section.visual_wrapper {position: relative;width: 100%;height: 2031px;background-image:url('../images/visual/bg.jpg');background-position: center top;background-repeat:no-repeat;coverflow: hidden;}

.htmlWrapper section.visual_wrapper .contents_wrapper{position: relative;width: 100%;height: 100%;display:flex;flex-direction:column;justify-content: start;align-items:center;padding:68px 0 0 0;box-sizing:border-box;gap:24px 0;}
.htmlWrapper section.visual_wrapper .contents_wrapper .txt_wrap{position: relative;width: 560px;height: 279px;display:flex;flex-direction:column;align-items:center;z-index:3;gap:8px 0;}
.htmlWrapper section.visual_wrapper .contents_wrapper .txt_wrap .t_wrap{position:relative;}
.htmlWrapper section.visual_wrapper .contents_wrapper .txt_wrap .txt01{position: relative;width: 357px;height: 106px;background-image:url('../images/visual/txt01.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .txt_wrap .txt02{position: relative;display:none;width: 357px;height: 106px;background-image:url('../images/visual/txt02.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .student{position: absolute;width: 720px;height: 367px;background-image:url('../images/visual/pic.png');z-index:3;top:1125px;left:0;}
.htmlWrapper section.visual_wrapper .contents_wrapper .stop{position: relative;width: 560px;height: 167px;background-image:url('../images/visual/stop.png');}

.htmlWrapper section.visual_wrapper .contents_wrapper .txt_wrap .txt01.on{animation:0.4s t_zoom01 linear forwards;}
.htmlWrapper section.visual_wrapper .contents_wrapper .txt_wrap .txt02.on{animation:0.4s t_zoom01 linear forwards;}
.htmlWrapper section.visual_wrapper .contents_wrapper .stop.on{animation:0.3s t_zoom02 linear forwards;}

.htmlWrapper section.visual_wrapper .contents_wrapper .info{position: absolute;left:0;bottom:0;width: 100%;height: 601px;background-image:url('../images/visual/info.png');background-position:center;z-index:5;display:flex;justify-content:center;align-items:start;padding:315px 0 0 0;box-sizing: border-box;}

.htmlWrapper section.visual_wrapper .contents_wrapper .c_wrapper{position: absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:350px 0 0 0;box-sizing: border-box;z-index:1;}
.htmlWrapper section.visual_wrapper .contents_wrapper .c_wrapper .c_wrap{position: relative;width:100%;display:flex;justify-content:center;}
.htmlWrapper section.visual_wrapper .contents_wrapper .c_wrapper .c_wrap .hp{position:relative;width:720px;height:775px;background-image: url('../images/visual/hp.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .c_wrapper .c_wrap .hp .light{position:absolute;width:271px;height:204px;left:60px;top:-30px;background-position: center;background-size:100%;}
.htmlWrapper section.visual_wrapper .contents_wrapper .c_wrapper .c_wrap .hp .light.a1{background-position:1px 1px;background-image: url('../images/visual/ani/a1.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .c_wrapper .c_wrap .hp .light.a2{background-image: url('../images/visual/ani/a2.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .c_wrapper .c_wrap .hp .light.a3{background-image: url('../images/visual/ani/a3.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .c_wrapper .c_wrap .hp .light.a4{background-image: url('../images/visual/ani/a4.png');}

.htmlWrapper section.visual_wrapper .contents_wrapper .c_wrapper .c_wrap .hp .hp_stop{position:absolute;display:none;left:270px;bottom:140px;width:236px;height:224px;background-image: url('../images/visual/hp_stop.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .c_wrapper .c_wrap .hp .hp_stop.on{display:block;animation:1s hp_stop 3 linear forwards;}

.htmlWrapper section.visual_wrapper .contents_wrapper .c_wrapper .c_wrap .card01{position:absolute;width:217px;height:331px;top:345px;right:0;background-image: url('../images/visual/card01.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .c_wrapper .c_wrap .card02{position:absolute;width:119px;height:190px;top:203px;left:0;background-image: url('../images/visual/card02.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .c_wrapper .c_wrap .card03{position:absolute;width:146px;height:211px;top:51px;right:0;background-image: url('../images/visual/card03.png');animation:1.5s card infinite linear forwards;}
.htmlWrapper section.visual_wrapper .contents_wrapper .c_wrapper .c_wrap .key{position:absolute;width:114px;height:114px;top:597px;left:57px;background-image: url('../images/visual/key.png');animation:1.5s key infinite linear forwards;}


/* 다음 */
section.daum {position: relative;width: 680px;height: 226px;background:#FFFFFF;border-radius:20px;overflow:hidden;}
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: 680px;height: 111px;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-wrapper {position: absolute;left: 99px;top: 20px;font-family: 'Pretendard',sans-serif;display:flex;}
section.daum .contents_wrap .box .typing-text-wrapper  .typing-text {position: relative;font-family: 'Pretendard',sans-serif;font-weight: 700;font-size: 27px;color: #262630;white-space: nowrap;overflow: hidden;}
section.daum .contents_wrap .box .typing-text-wrapper  .typing-text.opacity-0 {transition: .5s all;opacity:0;}

section.daum .contents_wrap .exp {position: relative;left: 5px;margin-top: 15px;}
@keyframes blink {
	0%, 100% { opacity: 1; }
	50% { opacity: 0; }
}
.cursor-blink {
	animation: blink 0.8s infinite;
	height:33px;
	font-size:33px;
}
/* 다음 */

/* 이벤트 01 */
section.event01 {position: relative;width: 100%;height:2869px;background-image: url('../images/event01/bg.jpg');overflow:hidden;background-position: center top;}
section.event01 .contents_wrapper {display: flex;flex-direction: column;width: 100%;margin:0 auto;align-items: center;padding: 120px 0 0 0;}
section.event01 .contents_wrapper .schedule_wrap {display: flex;flex-direction:column;width: 100%;align-items: center;gap:40px 0;margin-top:80px;}
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{position:relative;margin:80px 0 40px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover{width:712px;display:flex;flex-direction: column;align-items: center;justify-content: center;gap:10px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover{width:100%;height:907px;background-image: url('../images/event01/cover.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .btn_start{position:relative;top:-40px;width:276px;height:78px;background-image: url('../images/event01/btn_start.png');cursor:pointer;}

section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper{width:704px;height:852px;background-image: url('../images/event01/table.png');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .quest{display:flex;flex-direction:column;align-items:center;padding:72px 0 0 0;box-sizing: border-box;gap:40px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .quest .qnum{width:180px;height:139px;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .quest .q_wrap{width:704px;display:flex;flex-direction: column;align-items:center;gap:40px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .quest .q_wrap .q{width:100%;height:154px;background-position:center;background-repeat:no-repeat;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .quest .q_wrap .answer{display:flex;gap:0 40px;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .quest .q_wrap .answer .ans{cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .quest .q_wrap .answer .ans .hand{right:20px;bottom:20px;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .quest .q_wrap .answer .o{position:relative;width:266px;height:266px;background-image: url('../images/event01/o.png');transition:.5s all;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .quest .q_wrap .answer .o.on{background-image: url('../images/event01/o_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .quest .q_wrap .answer .x{position:relative;width:266px;height:266px;background-image: url('../images/event01/x.png');transition:.5s all;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .quest .q_wrap .answer .x.on{background-image: url('../images/event01/x_on.png');}

section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .quest.q1 .qnum{background-image: url('../images/event01/quest/num01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .quest.q2 .qnum{background-image: url('../images/event01/quest/num02.png');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .quest.q3 .qnum{background-image: url('../images/event01/quest/num03.png');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .quest.q4 .qnum{background-image: url('../images/event01/quest/num04.png');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .quest.q5 .qnum{background-image: url('../images/event01/quest/num05.png');}

section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .quest.q1 .q_wrap .q{background-image: url('../images/event01/quest/q01.png?v=1.0');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .quest.q2 .q_wrap .q{background-image: url('../images/event01/quest/q02.png?v=1.0');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .quest.q3 .q_wrap .q{background-image: url('../images/event01/quest/q03.png?v=1.0');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .quest.q4 .q_wrap .q{background-image: url('../images/event01/quest/q04.png?v=1.0');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .quest.q5 .q_wrap .q{background-image: url('../images/event01/quest/q05.png?v=1.0');}

section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .btn_wrap{position:absolute;width:100%;bottom:-110px;display:flex;justify-content: center;align-items: center;gap:0 38px;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .btn_wrap .btn_prev{position:relative;width:276px;height:78px;background:url('../images/event01/btn_prev.png');cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .btn_wrap .btn_next{position:relative;width:276px;height:78px;background:url('../images/event01/btn_next.png');cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .btn_wrap .btn_next .hand{display:none;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .btn_wrap .btn_next.on .hand{display:block;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .btn_wrap .btn_result{position:relative;width:276px;height:78px;background:url('../images/event01/btn_result.png?v=1');cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .btn_wrap .btn_result .hand{display:none;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrapper .btn_wrap .btn_result.on .hand{display:block;}

section.event01 .contents_wrapper .event_cont_wrapper .result_wrapper{position:relative;width:680px;height:852px;background:url('../images/event01/result.png?v=1');}
section.event01 .contents_wrapper .event_cont_wrapper .result_wrapper ul{position:relative;width:100%;display:flex;flex-wrap:wrap;}
section.event01 .contents_wrapper .event_cont_wrapper .result_wrapper ul li{position:relative;width:340px;height:284px;display:flex;flex-wrap:wrap;color:#FFFFFF;}
section.event01 .contents_wrapper .event_cont_wrapper .result_wrapper ul li > div{display:flex;justify-content:center;align-items:center;width:100%;}
section.event01 .contents_wrapper .event_cont_wrapper .result_wrapper ul li .a_wrap{display:flex;justify-content: center;height:56px;}
section.event01 .contents_wrapper .event_cont_wrapper .result_wrapper ul li .a_wrap .a{width:50%;display:flex;justify-content: end;padding:0 38px;box-sizing: border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .result_wrapper ul li .a_wrap .r{width:50%;display:flex;justify-content: end;padding:0 38px;box-sizing: border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .result_wrapper ul li .p{font-size:24px;font-weight:700;height:57px;display:flex;justify-content: end;padding:0 66px;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .result_wrapper ul li span.o{display:block;width:39px;height:39px;background-image: url('../images/event01/r_o.png');}
section.event01 .contents_wrapper .event_cont_wrapper .result_wrapper ul li span.x{display:block;width:39px;height:39px;background-image: url('../images/event01/r_x.png');}
section.event01 .contents_wrapper .event_cont_wrapper .result_wrapper ul li .txt{width:100%;height:170px;justify-content: start;padding:16px 20px;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .result_wrapper .btn_wrap{position:absolute;width:100%;bottom:-110px;display:flex;justify-content: center;align-items: center;}
section.event01 .contents_wrapper .event_cont_wrapper .result_wrapper .btn_wrap .btn_join{position:relative;width:357px;height:78px;background:url('../images/event01/btn_join.png');cursor:pointer;}

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


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

section.event02 .contents_wrapper .event_cont_wrapper .event_title{margin:80px 0 40px 0;text-align:center;position: relative;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper{position:relative;width:690px;height:910px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .clip{position:absolute;left:20px;top:-20px;width:197px;height:217px;background-image: url('../images/event02/clip.png');z-index:5;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .guide{position:absolute;right:218px;bottom:124px;width:183px;height:151px;background-image: url('../images/event02/txt_guide.png');z-index:5;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .eraser{position:absolute;right:13px;bottom:-60px;width:143px;height:194px;background-image: url('../images/event02/eraser.png?v=1.0');z-index:5;transform:rotate(-30deg);}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .cover{position:relative;width:100%;height:100%;background-image: url('../images/event02/cover.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .cover .btn_wrap{position:absolute;left:0;bottom:323px;width:100%;display:flex;justify-content: center;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .cover .btn_wrap .btn_start{position:relative;width:269px;height:78px;background-image: url('../images/event02/btn_start.png');cursor:pointer;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .step02 {position:relative;width:690px;height:910px;background-image: url('../images/event02/game_cover.png');display:flex;justify-content: center;align-items: start;padding:7px 0 0 8px;box-sizing: border-box;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .step02 .container{position:relative;display:inline-block;width:649px;height:869px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .step02 .container .bg-image{ position: absolute;top: 0;left: 0;z-index: 1;object-fit: cover;width:100%;height:100%;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .step02 .container .eraserCanvas{ position: absolute;top: 0;left: 0;z-index: 2;cursor: grab;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .step02 .container .eraser-cursor{position:absolute;right:-2px;bottom:-94px;width:143px;height:194px;background-image: url('../images/event02/eraser.png?v=1.0');z-index:5;transform:rotate(-30deg);touch-action: none;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .step02 .container .eraser-cursor .hand{right:10px;bottom:20px;}



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

/* 이벤트 02 */

/* 이벤트 03 */
section.event03 {position: relative;width: 100%;height:2807px;background-image: url('../images/event03/bg.jpg');overflow:hidden;background-position:top center;}
section.event03 .contents_wrapper {display: flex;flex-direction: column;width: 100%;margin:0 auto;align-items: center;padding: 120px 0 0 0;}
section.event03 .contents_wrapper .title{position:relative;margin-bottom:80px;}
section.event03 .contents_wrapper .schedule_wrap {display: flex;flex-direction:column;width: 100%;align-items: center;gap:40px 0;}
section.event03 .contents_wrapper .event_cont_wrapper {width:100%;display:flex;flex-direction: column;align-items: center;margin:80px 0 0 0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_title{margin-bottom:40px;}

section.event03 .contents_wrapper .event_cont_wrapper .quest_box{width:696px;display:flex;flex-direction: column;align-items: center;}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .character{position:absolute;right:15px;bottom:-58px;width:212px;height:208px;background-image: url('../images/event03/character.png');}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest.cover{width:100%;height:957px;display:flex;flex-direction: column;align-items: center;background-image: url('../images/event03/cover.png');}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest.cover .btns_wrap{position:absolute;left:0;bottom:125px;width:100%;display:flex;justify-content:center;}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest.cover .btns_wrap .btn_start{position:relative;width:269px;height:78px;background:url('../images/event03/btn_start.png');cursor:pointer;}
section.event03 .blinker{position:absolute;left:0;top:1806px;width:233px;height:135px;background-image: url('../images/event03/blinker.png');}

section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest.step01{width:100%;height:965px;display:flex;flex-direction: column;align-items: center;background-image: url('../images/event03/game_cover.png');padding:30px 0 0 0;box-sizing: border-box;}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest.step02{width:100%;height:965px;display:flex;flex-direction: column;align-items: center;background-image: url('../images/event03/game_cover.png');padding:30px 0 0 0;box-sizing: border-box;}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest.step03{width:100%;height:965px;display:flex;flex-direction: column;align-items: center;background-image: url('../images/event03/game_cover.png');padding:30px 0 0 0;box-sizing: border-box;}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .quest_item{display:flex;flex-direction:column;align-items: center;gap:20px 0;}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .quest_item .items{display:flex;width:640px;height:256px;padding:0 20px;box-sizing: border-box;border-radius:20px;align-items: center;justify-content: space-between}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .quest_item .items .q_wrap{display:flex;gap:0 20px;align-items:center;}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .quest_item .items .q_wrap .num span{width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items: center;font-family:'CookieRun';font-size:42px;color:#FFFFFF;}


section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .quest_item .items .ans_wrap{display:flex;justify-content:space-between;align-items: center;gap:40px 0;width:144px;font-size:24px;font-weight:600;color:#000;}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .quest_item .items .ans_wrap .ans{display:flex;flex-direction: column;align-items: center;justify-content: center;gap:8px 0;}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .quest_item .items .ans_wrap .ans .txt{}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .quest_item .items .ans_wrap .ans .rdo{width:48px;height:48px;cursor:pointer;}

section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .quest_item .items:nth-child(1) {background:#FFF0F0}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .quest_item .items:nth-child(1) .num span{background:#E04949}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .quest_item .items:nth-child(1) .ans_wrap .ans .rdo{background-image: url('../images/event03/chk01.png');transition: .5s all}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .quest_item .items:nth-child(1) .ans_wrap .ans.on .rdo{background-image: url('../images/event03/chk01_on.png');}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .quest_item .items:nth-child(1) .ans_wrap .ans .rdo:hover{background-image: url('../images/event03/chk01_on.png');}

section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .quest_item .items:nth-child(2) {background:#FFF6E2}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .quest_item .items:nth-child(2) .num span{background:#FFAE00}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .quest_item .items:nth-child(2) .ans_wrap .ans .rdo{background-image: url('../images/event03/chk02.png');transition: .5s all}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .quest_item .items:nth-child(2) .ans_wrap .ans.on .rdo{background-image: url('../images/event03/chk02_on.png');}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .quest_item .items:nth-child(2) .ans_wrap .ans .rdo:hover{background-image: url('../images/event03/chk02_on.png');}

section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .quest_item .items:nth-child(3) {background:#E7F5ED}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .quest_item .items:nth-child(3) .num span{background:#2E8B58}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .quest_item .items:nth-child(3) .ans_wrap .ans .rdo{background-image: url('../images/event03/chk03.png');transition: .5s all}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .quest_item .items:nth-child(3) .ans_wrap .ans.on .rdo{background-image: url('../images/event03/chk03_on.png');}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .quest_item .items:nth-child(3) .ans_wrap .ans .rdo:hover{background-image: url('../images/event03/chk03_on.png');}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .btns_wrap{position:absolute;left:0;bottom:30px;width:100%;display: flex;justify-content: center;}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .btns_wrap .btn_next{position:relative;width:276px;height:78px;background-image: url('../images/event03/btn_next.png');cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .btns_wrap .btn_next .hand{display:none;}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .btns_wrap .btn_next.on .hand{display:block;}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .btns_wrap .btn_result{position:relative;width:276px;height:78px;background-image: url('../images/event03/btn_result.png');cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .btns_wrap .btn_result .hand{display:none;}
section.event03 .contents_wrapper .event_cont_wrapper .quest_box .quest .btns_wrap .btn_result.on .hand{display:block;}

section.event03 .evt03_pop_result {position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;background-color: rgba(0,0,0,.7);display:flex;justify-content: center;align-items: center;}
section.event03 .evt03_pop_result .pop_cont_wrapper{position:relative;width:680px;display:flex;flex-direction: column;align-items: center;gap:40px 0;}
section.event03 .evt03_pop_result .pop_cont_wrapper .result{width:100%;height:465px;}
section.event03 .evt03_pop_result .pop_cont_wrapper .result .char{position:absolute;}
section.event03 .evt03_pop_result .pop_cont_wrapper .result .icon{position:absolute;}

section.event03 .evt03_pop_result .pop_cont_wrapper.r01 .result{background-image: url('../images/event03/r01/result.png?v=1');}
section.event03 .evt03_pop_result .pop_cont_wrapper.r01 .result .char{width:360px;right:-10px;bottom:67px;height:319px;background-image: url('../images/event03/r01/p_char.png?v=1');}
section.event03 .evt03_pop_result .pop_cont_wrapper.r01 .result .icon{width:243px;right:0;top:-100px;height:248px;background-image: url('../images/event03/r01/p_icon.png?v=1');}

section.event03 .evt03_pop_result .pop_cont_wrapper.r02 .result{background-image: url('../images/event03/r02/result.png?v=1');}
section.event03 .evt03_pop_result .pop_cont_wrapper.r02 .result .char{width:288px;height:288px;right:-50px;bottom:165px;background-image: url('../images/event03/r02/p_char.png?v=1');}
section.event03 .evt03_pop_result .pop_cont_wrapper.r02 .result .icon{width:214px;height:214px;right:50px;top:-100px;background-image: url('../images/event03/r02/p_icon.png?v=1');}

section.event03 .evt03_pop_result .pop_cont_wrapper.r03 .result{background-image: url('../images/event03/r03/result.png?v=1');}
section.event03 .evt03_pop_result .pop_cont_wrapper.r03 .result .char{width:309px;height:309px;right:-60px;top:-90px;background-image: url('../images/event03/r03/p_char.png?v=1');}
section.event03 .evt03_pop_result .pop_cont_wrapper.r03 .result .icon{width:186px;height:261px;right:0;bottom:70px;background-image: url('../images/event03/r03/p_icon.png?v=1');}

section.event03 .evt03_pop_result .pop_cont_wrapper .btn_join{position:relative;width:357px;height:78px;background-image: url('../images/event03/btn_join.png');cursor:pointer;}



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

/* 카드뉴스 */
section.cardnews {position: relative;width: 100%;height: 1165px;background-image: url('../images/cardnews/bg.jpg');}
section.cardnews .contents_wrapper {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap:27px 0;}
section.cardnews .contents_wrapper .gallery_wrap{position:relative;display:flex;justify-content: center;align-items: center;}
section.cardnews .contents_wrapper .gallery_wrap .gallery_list{position:relative;width:640px;display:flex;flex-direction: column;}
section.cardnews .contents_wrapper .gallery_wrap .gallery_list .cardNewsSwiper{border-radius:20px;overflow:hidden;width:640px;height:640px;}
section.cardnews .contents_wrapper .gallery_wrap .gallery_list .btns_wrap{position:relative;width:100%;display:flex;justify-content: center;gap:0 56px;margin:40px 0 0 0;}
section.cardnews .contents_wrapper .gallery_wrap .gallery_list .btns_wrap .cardnews-btn-prev{position:relative;background-image: url('../images/cardnews/btn_prev.png');width:82px;height:82px;cursor:pointer;}
section.cardnews .contents_wrapper .gallery_wrap .gallery_list .btns_wrap .cardnews-btn-next{position:relative;background-image: url('../images/cardnews/btn_next.png');width:82px;height:82px;cursor:pointer;}
section.cardnews .contents_wrapper .gallery_wrap .gallery_list .btns_wrap .cardnews-btn-prev.swiper-button-disabled{opacity:.3;}
section.cardnews .contents_wrapper .gallery_wrap .gallery_list .btns_wrap .cardnews-btn-next.swiper-button-disabled{opacity:.3;}
/* 카드뉴스 */


/* 동영상 */
section.movie {position: relative;width: 100%;height: 1488px;background-image: url('../images/movie/bg.jpg');}
section.movie .contents_wrapper {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: start;gap:40px 0;padding:120px 0 0 0;box-sizing: border-box;}
section.movie .contents_wrapper .movie_wrap{position:relative;display:flex;justify-content: center;align-items: center;}
section.movie .contents_wrapper .movie_wrap .movie_list{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px 0;}
section.movie .contents_wrapper .movie_wrap .movie_list .movie_info{position:relative;width:655px;display:flex;flex-direction:column;justify-content: center;align-items: center;gap:8px 0;}
section.movie .contents_wrapper .movie_wrap .movie_list .movie_info .movie{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px 0;height:462px;background-image:url('../images/movie/cover.png');padding:16px 23px;box-sizing: border-box;}
section.movie .contents_wrapper .movie_wrap .movie_list .movie_info .movie .youtube{width:608px;height:373px;background:#000000;border-radius:12px;overflow:hidden;}
section.movie .contents_wrapper .movie_wrap .movie_list .movie_info .movie .youtube iframe{width:100%;height:100%;}
section.movie .contents_wrapper .movie_wrap .movie_list .movie_info .movie .info_wrap{width:100%;height:42px;display:flex;align-items: center;justify-content: space-between;color:#222222;font-size:22px;font-weight:600;}
section.movie .contents_wrapper .movie_wrap .movie_list .movie_info .movie .info_wrap .t_wrap{display:flex;align-items: center;gap:0 6px;}
section.movie .contents_wrapper .movie_wrap .movie_list .movie_info .movie .info_wrap .i_wrap{display:flex;align-items: center;gap:0 6px;}
section.movie .contents_wrapper .movie_wrap .movie_list .movie_info .movie .info_wrap .i_wrap .btn_subscribe{position:relative;width:63px;height:40px;background-image:url('../images/movie/icon_subscribe.png');}
section.movie .contents_wrapper .movie_wrap .movie_list .movie_info .movie .info_wrap .i_wrap .btn_subscribe a{display:block;width:100%;height:100%;}
/* 동영상 */

/* SOS */
section.sos {position: relative;width: 100%;height: 1297px;background-image: url('../images/sos/bg.jpg');}
section.sos .contents_wrapper {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap:40px 0;}
section.sos .contents_wrapper .sos_wrap{width: 680px;height:886px;background:#FFFFFF;border-radius: 16px;display:flex;flex-direction: column;gap:20px 0;align-items: center;justify-content: center;}
section.sos .contents_wrapper .sos_wrap .part01{display:flex;align-items: center;justify-content: center;}
section.sos .contents_wrapper .sos_wrap .part02{display:flex;align-items: center;justify-content: center;flex-wrap:wrap;gap:20px 20px;}
section.sos .contents_wrapper .sos_wrap .part03{display:flex;align-items: end;justify-content: center;gap:0 40px;}
section.sos .contents_wrapper .sos_wrap .part02 > div{width:316px;height:250px;}
section.sos .contents_wrapper .sos_wrap .part02 .service01{background-image:url('../images/sos/service01.png');}
section.sos .contents_wrapper .sos_wrap .part02 .service02{background-image:url('../images/sos/service02.png');}
section.sos .contents_wrapper .sos_wrap .part02 .service03{background-image:url('../images/sos/service03.png');}
section.sos .contents_wrapper .sos_wrap .part02 .service04{background-image:url('../images/sos/service04.png');}

/* SOS */

/* SNS SHARE */
section.snsshare {position: relative;width: 100%;height: 481px;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: center;text-align: center;gap:40px 0;}
section.snsshare .contents_wrap .title_wrap {display:flex;flex-direction: column;gap:20px 0;}
section.snsshare .contents_wrap .sns_wrapper {position: relative;width:582px;height:107px;background:#FFFFFF;border-radius:40px;display:flex;justify-content: center;align-items: center;}
section.snsshare .contents_wrap .sns_wrapper > ul {display: flex;gap: 0 20px;}
/* SNS SHARE */





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


/* SNS */


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


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


/* 고정 메뉴 */

/* 기타  */

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

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

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

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

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


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

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

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

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

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

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

.hide {display:none !important;}

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


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



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

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

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

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

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

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

.pu_event_info.pop02 .btns a.bt_participate_done {
    background: #F5851C;
    color: #FFFFFF;
}
.pu_event_info.pop03 .btns a.bt_participate_done {
    background: #498BE0;
    color: #FFFFFF;
}

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

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




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


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