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

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'SchoolSafetyNotification';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimAllimjangTTF-R.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'SchoolSafetyNotification';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimAllimjangTTF-B.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
body {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;min-width: 1400px;background-color: #d5d6d7;}
body::after {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	z-index: -1;
	content: url('../images/main/bg_on.jpg') url('../images/event01/hani/h01.png') url('../images/event01/hani/h02.png') url('../images/event01/hani/h03.png') url('../images/event01/hani/h04.png')
  url('../images/event01/quest/a1_1.png') url('../images/event01/quest/a1_2.png') url('../images/event01/quest/a2_1.png') url('../images/event01/quest/a2_2.png')
  url('../images/event01/quest/a3_1.png') url('../images/event01/quest/a3_2.png') url('../images/event01/quest/a4_1.png') url('../images/event01/quest/a4_2.png');
}

@property --radius {
    syntax: '<length-percentage>';
    inherits: false;
    initial-value: 0px;
}

@property --x {
    syntax: '<length-percentage>';
    inherits: false;
    initial-value: 250px;
}

@property --y {
    syntax: '<length-percentage>';
    inherits: false;
    initial-value: 590px;
}
.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;font-size:22px;}
.htmlWrapper section.top_wrapper > .hx_top i {margin-top: 3px;margin-right: 10px;}
.htmlWrapper section.top_wrapper > .hx_top .com_logo {margin-top:-7px;}
.htmlWrapper section.top_wrapper > .hx_top div.ment {margin-top: -5px;}
.htmlWrapper section.top_wrapper > .hx_top span.txt {position:relative;top:5px;font-size:20px;color:#888888;margin-top: 5px;font-weight:500;}
.htmlWrapper section.top_wrapper > .hx_top .hx_txt {position: absolute;top: 40px;}


/* Visual */
.htmlWrapper section.visual_wrapper {position: relative;width: 100%;height: 880px;background-image:url('../images/main/bg_on.jpg');background-position: center;overflow: hidden;}
#htmlWrapper section.visual_wrapper.on {background-image:url('../images/main/bg_on.jpg');}
.htmlWrapper section.visual_wrapper .contents_wrap {position: relative;width: 100%;height: 100%;display:flex;align-items:start;box-sizing: border-box;}
.htmlWrapper section.visual_wrapper .contents_wrap .cover{position: absolute;width: 100%;height: 100%;left:0;top:0;background-image:url('../images/main/bg_on.jpg');filter:grayscale(1);background-position:center;}
.htmlWrapper section.visual_wrapper .contents_wrap .cover.on{
    -webkit-mask-image: radial-gradient(circle var(--radius)  at var(--x) var(--y), rgba(0,0,0,0) 100%, rgba(0,0,0,1) 130%);
    mask-image: radial-gradient(circle var(--radius)  at var(--x)  var(--y), rgba(0,0,0,0) 100%, rgba(0,0,0,1) 130%);
    animation:7s main_bright linear forwards;
}
.htmlWrapper section.visual_wrapper .contents_wrap .effect_wrapper{position: absolute;width:691px;height:691px;z-index:7;bottom:-60px;left:-500px;transform:scale(0);}
.htmlWrapper section.visual_wrapper .contents_wrap .effect{position: relative;width:691px;height:679px;background-image: url('../images/main/effect.png?v=1');z-index:7;}
.htmlWrapper section.visual_wrapper .contents_wrap .effect_wrapper.on{animation:5s main_effect linear forwards;transform:scale(5);}
.htmlWrapper section.visual_wrapper .contents_wrap .star{position: absolute;left:30px;top:45px;width:648px;height:618px;background-image: url('../images/main/effect_star.png?v=1');z-index:7;}
.htmlWrapper section.visual_wrapper .contents_wrap .star.on{animation:.3s main_star infinite linear forwards;}


.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap{position:relative;height:100%;display:flex;margin:0 auto;justify-content: center;width:869px;z-index:2;}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .title{width:639px;height:229px;margin-top:25px;background-image: url('../images/main/title.png');z-index:1;}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .judge{position:absolute;left:-10px;top:366px;width:869px;height:391px;background-image: url('../images/main/judge.png');z-index:3;filter:grayscale(100%)}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .judge.on{filter:grayscale(0%);transition: .7s all;animation:.7s cexpand linear forwards;}

.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .judge .word01{position:absolute;left:-305px;top:-157px;width:423px;height:156px;background-image: url('../images/main/word01.png');background-position:0 152px;background-repeat:no-repeat;}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .judge .word01.on{background-position:0 0;transition: 1s all;}

.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .judge .word02{position:absolute;right:-350px;top:-177px;width:453px;height:182px;background-image: url('../images/main/word02.png');background-position:0 176px;background-repeat:no-repeat;}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .judge .word02.on{background-position:0 0;transition: 1s all;}

.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .witness{position:absolute;left:923px;bottom:0;width:392px;height:426px;background-image: url('../images/main/witness.png');z-index:1;filter:grayscale(100%)}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .witness.on{filter:grayscale(0%);transition: .7s all;animation:.7s cexpand linear forwards;}

.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .lawer{position:absolute;left:780px;bottom:0;width:606px;height:271px;background-image: url('../images/main/lawer.png');z-index:2;filter:grayscale(100%)}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .lawer.on{filter:grayscale(0%);transition: .7s all;animation:.7s cexpand linear forwards;}

.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .juror{position:absolute;left:-518px;bottom:0;width:621px;height:411px;background-image: url('../images/main/juror.png');z-index:3;filter:grayscale(100%)}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .juror.on{filter:grayscale(0%);transition: .7s all;animation:2s 3 cexpandJuror linear forwards;}

.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .prosecutor{position:absolute;left:-385px;bottom:0;width:688px;height:276px;background-image: url('../images/main/prosecutor.png');z-index:3;filter:grayscale(100%)}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .prosecutor.on{filter:grayscale(0%);transition: .7s all;animation:.7s cexpand linear forwards;}

.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .bar{position:absolute;bottom:72px;width:1040px;height:88px;background-image: url('../images/main/bar.png');z-index:6;display:flex;align-items:center;padding:0 20px;box-sizing: border-box;justify-content: start;gap:0 5px;}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .bar > div{width:62px;height:48px;display:none;}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .bar > div.on{display:block;}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .bar .b1{background-image: url('../images/main/bar/bar1.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .bar .b2{background-image: url('../images/main/bar/bar2.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .bar .b3{background-image: url('../images/main/bar/bar3.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .bar .b4{background-image: url('../images/main/bar/bar4.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .bar .b5{background-image: url('../images/main/bar/bar5.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .bar .b6{background-image: url('../images/main/bar/bar6.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .bar .b7{background-image: url('../images/main/bar/bar7.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .bar .b8{background-image: url('../images/main/bar/bar8.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .bar .b9{background-image: url('../images/main/bar/bar9.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .bar .b10{background-image: url('../images/main/bar/bar10.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .bar .b11{background-image: url('../images/main/bar/bar11.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .bar .b12{background-image: url('../images/main/bar/bar12.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .bar .b13{background-image: url('../images/main/bar/bar13.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .bar .b14{background-image: url('../images/main/bar/bar14.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .info-wrap .bar .b15{background-image: url('../images/main/bar/bar15.png');}

/* 다음 */
section.daum {position: relative;width: 100%;height: 334px;background:#FFFFFF;}
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/bg_daum.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 5s 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:1838px;background-image: url('../images/event01/bg.jpg');overflow:hidden;background-position: center top}
section.event01.end::after{position: absolute;content:'';width: 100%;left:0;bottom:0;height:1000px;background:#FFF8E0}
section.event01 .contents_wrapper {display: flex;flex-direction: column;width: 1300px;margin:0 auto;align-items: center;padding: 120px 0 0 0;}
section.event01 .contents_wrapper .title{position:relative;}
section.event01 .contents_wrapper .schedule_wrap {display: flex;margin: 80px 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.result::after {position:absolute;content:'';width:100%;height:1030px;left:0;bottom:0;background:#FFF8E0;}

section.event01 .contents_wrapper .event_cont_wrapper .event_title{z-index:3;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_box{width:100%;z-index:3;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_box .q_box{display:flex;flex-direction: column;gap:60px 0;align-items: center;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_box .q_box .quest{}
section.event01 .contents_wrapper .event_cont_wrapper .quest_box .q_box .answer_box{width:100%;display:flex;justify-content: space-between;align-items: center;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_box .q_box .answer_box .left{width:504px;height:537px;display:flex;justify-content: center;align-items: end;padding:40px 0;box-sizing: border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_box .q_box .answer_box .vs{}
section.event01 .contents_wrapper .event_cont_wrapper .quest_box .q_box .answer_box .right{width:504px;height:537px;display:flex;justify-content: center;align-items: end;padding:40px 0;box-sizing: border-box;}

section.event01 .contents_wrapper .event_cont_wrapper .quest_box .q_box .answer_box > .ans{border-radius:40px;overflow:hidden;cursor:pointer;box-shadow:rgba(0,0,0,.1) 0 4px 8px;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_box .q_box .answer_box > .ans .rdo{width:40px;height:40px;background-image: url('../images/event01/rdo.png');transition:0.3s all;}

section.event01 .contents_wrapper .event_cont_wrapper .quest_box .q_box .answer_box > .ans:hover{box-shadow: 0 0 0 8px #D3006D inset, rgba(0,0,0,.1) 0 4px 8px;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_box .q_box .answer_box > .ans:hover .rdo{background-image: url('../images/event01/rdo_on.png');}

section.event01 .contents_wrapper .event_cont_wrapper .quest_box .q_box .answer_box > .ans.on{box-shadow: 0 0 0 8px #D3006D inset, rgba(0,0,0,.1) 0 4px 8px;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_box .q_box .answer_box > .ans.on .rdo{background-image: url('../images/event01/rdo_on.png');}


section.event01 .contents_wrapper .event_cont_wrapper .quest_box.quest01 .q_box .answer_box .left{background-image: url('../images/event01/quest/a1_1.png');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_box.quest01 .q_box .answer_box .right{background-image: url('../images/event01/quest/a1_2.png');}

section.event01 .contents_wrapper .event_cont_wrapper .quest_box.quest02 .q_box .answer_box .left{background-image: url('../images/event01/quest/a2_1.png');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_box.quest02 .q_box .answer_box .right{background-image: url('../images/event01/quest/a2_2.png');}

section.event01 .contents_wrapper .event_cont_wrapper .quest_box.quest03 .q_box .answer_box .left{background-image: url('../images/event01/quest/a3_1.png');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_box.quest03 .q_box .answer_box .right{background-image: url('../images/event01/quest/a3_2.png');}

section.event01 .contents_wrapper .event_cont_wrapper .quest_box.quest04 .q_box .answer_box .left{background-image: url('../images/event01/quest/a4_1.png');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_box.quest04 .q_box .answer_box .right{background-image: url('../images/event01/quest/a4_2.png');}

section.event01 .contents_wrapper .event_cont_wrapper .result_box {position:relative;z-index:3;display:flex;flex-direction: column;align-items: center;gap:40px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .result_box .r_box{display:flex;flex-direction: column;align-items: center;gap:40px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .result_box .r_box .btn_result{position:relative;width:317px;height:88px;background-image: url('../images/event01/btn_result.png');cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .result_box .r_box .heart{position:absolute;width:60px;height:58px;opacity:1;}
section.event01 .contents_wrapper .event_cont_wrapper .result_box .r_box .heart.h01{left:-120px;bottom:45%;}
section.event01 .contents_wrapper .event_cont_wrapper .result_box .r_box .heart.h02{left:-30px;bottom:65%;}
section.event01 .contents_wrapper .event_cont_wrapper .result_box .r_box .heart.h03{right:-30px;bottom:45%;}
section.event01 .contents_wrapper .event_cont_wrapper .result_box .r_box .heart.h04{right:-120px;bottom:60%;}
#section.event01 .contents_wrapper .event_cont_wrapper .result_box .r_box .heart.h01.on{animation:2s heart_on1 infinite linear forwards;}
#section.event01 .contents_wrapper .event_cont_wrapper .result_box .r_box .heart.h02.on{animation:2.5s heart_on2 infinite linear forwards;animation-delay: .5s}
#section.event01 .contents_wrapper .event_cont_wrapper .result_box .r_box .heart.h03.on{animation:2s heart_on3 infinite linear forwards;animation-delay: .3s}
#section.event01 .contents_wrapper .event_cont_wrapper .result_box .r_box .heart.h04.on{animation:2.5s heart_on4 infinite linear forwards;animation-delay: .7s}

section.event01 .contents_wrapper .event_cont_wrapper .result_box .r_box .heart.a1{width:60px;height:103px;background-image: url('../images/event01/hani/h01.png?v=1');}
section.event01 .contents_wrapper .event_cont_wrapper .result_box .r_box .heart.a2{width:60px;height:103px;background-image: url('../images/event01/hani/h02.png?v=1');}
section.event01 .contents_wrapper .event_cont_wrapper .result_box .r_box .heart.a3{width:60px;height:103px;background-image: url('../images/event01/hani/h03.png?v=1');}
section.event01 .contents_wrapper .event_cont_wrapper .result_box .r_box .heart.a4{width:60px;height:103px;background-image: url('../images/event01/hani/h04.png?v=1');}


section.event01 .contents_wrapper > .join_wrapper {position: absolute;bottom:100px;width: 1040px;height: 132px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background-image: url('../images/bg_num.png');}
section.event01 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;justify-content: center;align-items: center;gap: 0 5px;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #D3006D;font-weight: 800;font-size: 40px;line-height: 0.7;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 32px;color: #111111;}

section.event01 .pop_wrapper{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;background-color:rgba(0,0,0,.6);}
section.event01 .pop_wrapper .pop_wrap{position:relative;display: flex;justify-content: center;align-items: center;width:100%;height:100%;}
section.event01 .pop_wrapper .pop_wrap .pop_cont{position:relative;display:flex;flex-direction: column;gap:20px 0;align-items: center;justify-content: center}
section.event01 .pop_wrapper .pop_wrap .pop_cont .btn_join{position:relative;cursor:pointer;}
/* 이벤트 01 */

/* 이벤트 02 */
section.event02 {position: relative;width: 100%;height:2080px;background-image: url('../images/event02/bg.jpg');overflow:hidden;}
section.event02 .contents_wrapper {display: flex;flex-direction: column;width: 1300px;margin:0 auto;align-items: center;padding: 120px 0 0 0;}
section.event02 .contents_wrapper .title{position:relative;}
section.event02 .contents_wrapper .schedule_wrap {display: flex;margin: 80px 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:60px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width:100%;height:700px;display:flex;justify-content: center;align-items: center;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box{position:relative;display:flex;flex-wrap:wrap;width:580px;height:580px;background-image: url('../images/event02/drop_table.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop{position:absolute;width:290px;height:290px;box-sizing:border-box;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop.dp01{left:0;top:0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop.dp02{right:0;top:0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop.dp03{left:0;bottom:0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop.dp04{right:0;bottom:0;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop{position:absolute;border-radius:40px;overflow:hidden;width:0;height:0;display:flex;flex-direction:column;justify-content: center;align-items:center;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p01{left:0;top:0;background:#D25BC1;box-shadow:inset 8px 8px 16px #FF97F0, inset -8px -8px 16px #AA2B98;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p02{right:0;top:0;background:#368AEF;box-shadow:inset 8px 8px 16px #BDDBFF, inset -8px -8px 16px #0952AA;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p03{left:0;bottom:0;background:#3BD4C4;box-shadow:inset 8px 8px 16px #C0FFF8, inset -8px -8px 16px #07897C;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p04{right:0;bottom:0;background:#F89C22;box-shadow:inset 8px 8px 16px #FFDFB5, inset -8px -8px 16px #D56401;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p01.on{animation:.5s d_box01_expand linear forwards;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p02.on{animation:.5s d_box01_expand linear forwards;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p03.on{animation:.5s d_box01_expand linear forwards;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p04.on{animation:.5s d_box01_expand linear forwards;}

#section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p01.off{animation:.5s d_box01_notexpand linear forwards;}
#section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p02.off{animation:.5s d_box01_notexpand linear forwards;}
#section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p03.off{animation:.5s d_box01_notexpand linear forwards;}
#section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p04.off{animation:.5s d_box01_notexpand linear forwards;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop .p_item{position:relative;width:440px;height:72px;margin-bottom:40px;background-repeat:no-repeat;background-position:0 -72px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop .p_item.i03{background-position:0 -94px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop .p_item:last-child{margin-bottom:0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop .p_item::after{display:block;position:absolute;left:210px;bottom:-27px;content:'';background-image: url('../images/event02/icon_arrow.png');background-position:0 -12px;width:20px;height:12px;background-repeat:no-repeat;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop .p_item.on::after{background-position:0 0;transition:.3s all;transition-delay: .5s;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop .p_item:last-child::after{left:0;bottom:0;content:'';background-image: none;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop .p_item.on{background-position:0 0;transition: .7s all;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p03 .p_item.i03.on{background-position:0 0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p04 .p_item.i01{background-position:0 -120px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p04 .p_item.i01.on{background-position:0 0;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p01 .p_item.i01{background-image: url('../images/event02/e01/txt01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p01 .p_item.i02{background-image: url('../images/event02/e01/txt02.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p01 .p_item.i03{background-image: url('../images/event02/e01/txt03.png');height:94px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p01 .p_item.i04{background-image: url('../images/event02/e01/txt04.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p02 .p_item.i01{background-image: url('../images/event02/e02/txt01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p02 .p_item.i02{background-image: url('../images/event02/e02/txt02.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p02 .p_item.i03{background-image: url('../images/event02/e02/txt03.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p02 .p_item.i04{background-image: url('../images/event02/e02/txt04.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p02 .p_item.i05{background-image: url('../images/event02/e02/txt05.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p03 .p_item.i01{background-image: url('../images/event02/e03/txt01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p03 .p_item.i02{background-image: url('../images/event02/e03/txt02.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p03 .p_item.i03{height:64px;background-image: url('../images/event02/e03/txt03.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p03 .p_item.i04{background-image: url('../images/event02/e03/txt04.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p03 .p_item.i05{background-image: url('../images/event02/e03/txt05.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p04 .p_item.i01{height:120px;background-image: url('../images/event02/e04/txt03.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p04 .p_item.i02{background-image: url('../images/event02/e04/txt02.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop_box_pop.p04 .p_item.i03{height:120px;background-image: url('../images/event02/e04/txt03.png');}



section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .pop_btn{position:absolute;left:131px;bottom:-108px;width:318px;height:88px;display:none;cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .pop_btn.on{display:block;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .pop_btn.i01{background-image: url('../images/event02/e01/btn_ok.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .pop_btn.i02{background-image: url('../images/event02/e02/btn_ok.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .pop_btn.i03{background-image: url('../images/event02/e03/btn_ok.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .pop_btn.i04{left:66.5px;width:447px;background-image: url('../images/event02/e04/btn_ok.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item{position:absolute;cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item .hand{right:40px;bottom:-20px;display:none;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.on .hand{display:block;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d01{width:346px;height:377px;right:-23px;top:-23px;background-image: url('../images/event02/d01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d02{width:368px;height:344px;right:-18px;bottom:-18px;background-image: url('../images/event02/d02.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d03{width:375px;height:375px;left:-34px;top:-34px;background-image: url('../images/event02/d03.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d04{width:331px;height:365px;left:0;bottom:-12px;background-image: url('../images/event02/d04.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d01.on .hand{animation:1.5s guide_drag01 infinite linear forwards;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d02.on .hand{animation:1.5s guide_drag02 infinite linear forwards;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d03.on .hand{animation:1s guide_drag03 infinite linear forwards;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d04.on .hand{animation:1.5s guide_drag04 infinite linear forwards;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop.dp01.on{left:-7px;top:-4px;width:306px;height:356px;background-image: url('../images/event02/d01_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop.dp02.on{right:-8px;top:-4px;width:356px;height:306px;background-image: url('../images/event02/d02_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop.dp03.on{left:-8px;bottom:-11px;width:356px;height:306px;background-image: url('../images/event02/d03_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop.dp04.on{right:-8px;bottom:-11px;width:306px;height:356px;background-image: url('../images/event02/d04_on.png');}

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

/* 이벤트 03 */
section.event03 {position: relative;width: 100%;height:1978px;background-image: url('../images/event03/bg.jpg');overflow:hidden;}
section.event03 .contents_wrapper {display: flex;flex-direction: column;width: 1300px;margin:0 auto;align-items: center;padding: 120px 0 0 0;}
section.event03 .contents_wrapper .title{position:relative;}
section.event03 .contents_wrapper .schedule_wrap {display: flex;margin: 40px 0 80px 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{margin-bottom:8px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap{width:100%;display:flex;flex-direction: column;align-items:center;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .start{display:flex;flex-direction: column;align-items: center;gap:40px 0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .start .e_ttl{}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .start .sel_box{display:flex;width:100%;justify-content: space-between; gap:40px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .start .sel_box .btn_sel_char{width:630px;height:540px;border-radius:20px;overflow: hidden;background-position: center top;cursor:pointer;box-shadow:rgba(0,0,0,.1) 0 4px 8px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .start .sel_box .btn_sel_char.left{background-image: url('../images/event03/char01.png');border:solid 8px #FFFFFF;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .start .sel_box .btn_sel_char.left:hover{border:solid 8px #009D7C;transition:0.3s all;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .start .sel_box .btn_sel_char.left.on{border:solid 8px #009D7C;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .start .sel_box .btn_sel_char.right{background-image: url('../images/event03/char02.png');border:solid 8px #FFFFFF;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .start .sel_box .btn_sel_char.right:hover{border:solid 8px #A03E92;transition:0.3s all;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .start .sel_box .btn_sel_char.right.on{border:solid 8px #A03E92;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .start .btn_start{position:relative;background-image: url('../images/event03/btn_start_off.png');width:317px;height:96px;cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .start .btn_start .hand{display:none;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .start .btn_start.on{background-image: url('../images/event03/btn_start.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .start .btn_start.on .hand{display:block;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper{display:flex;width:100%;justify-content: space-between;margin:40px 0 0 0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .game-box{position:relative;width:916px;height:758px;background-image: url('../images/event03/game_bg.png');margin-top:-5px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .game-box .txt-ipt-box{position:absolute;left:212px;bottom:35px;width:477px;height:71px;background-image: url('../images/event03/ipt.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .game-box .txt-ipt-box input{border:0;width:100%;height:100%;border-radius:10px;background-image: url('../images/event03/placeholder.png');background-size: 286px 30px; background-position: center;background-repeat: no-repeat;text-align:center;font-size:28px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .game-box .txt-ipt-box input:focus{outline:none;background-image: none;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .game-box .inner{position:relative;width:98%;height:740px;padding:0 110px;box-sizing: border-box;overflow:hidden;margin:5px auto;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .game-box .word{position:absolute;color:#FFFFFF;font-size:30px;font-weight:800;bottom:750px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .game-box .p01{left:20%;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .game-box .p02{right:20%;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .game-box .p03{left:25%;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .game-box .p04{right:25%;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .game-box .p05{left:30%;transform: translate(-50%,0)}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .game-box .p06{left:40%;transform: translate(-40%,0)}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .game-box .p07{right:40%;transform: translate(-40%,0)}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .score-box{position:relative;display:flex;flex-direction: column;gap:20px 0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .score-box .character-box{display:flex;flex-direction:column;width:380px;height:614px;background-image: url('../images/event03/character_bg.png');padding:20px 20px;box-sizing: border-box;gap:80px 0;box-shadow:rgba(0,0,0,.1) 0 4px 8px;border-radius:10px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .score-box .character-box .character{width:330px;height:304px;display:flex;justify-content: end;align-items: end;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .score-box .character-box .character .char{position:absolute;width:234px;height:239px;top:146px;left:73px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .score-box .character-box .character .char::before{position:absolute;content:'';top:-125px;left:-52px;width:240px;height:127px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .score-box .character-box .character .char.c01{background-image:url('../images/event03/schar01.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .score-box .character-box .character .char.c01.s3::before{background-image:url('../images/event03/sword3.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .score-box .character-box .character .char.c01.s2::before{background-image:url('../images/event03/sword2.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .score-box .character-box .character .char.c01.s1::before{background-image:url('../images/event03/sword1.png');}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .score-box .character-box .character .char.c02{background-image:url('../images/event03/schar02.png?V=1');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .score-box .character-box .character .char.c02.s3::before{background-image:url('../images/event03/sword2_3.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .score-box .character-box .character .char.c02.s2::before{background-image:url('../images/event03/sword2_2.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .score-box .character-box .character .char.c02.s1::before{background-image:url('../images/event03/sword2_1.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .score-box .character-box .caution-box{display:flex;flex-direction: column;align-items: center;gap:20px 0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .score-box .character-box .caution-box .step_item{display:flex;justify-content: start;gap:0 8px;width:100%;box-sizing: border-box;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .score-box .character-box .caution-box .step_item .rstep{display:flex;justify-content: center;width:108px;height:108px;background-size:100%;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .score-box .character-box .caution-box .step_item .step01{background-image: url('../images/event03/opportunity1.png?V=1');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .score-box .character-box .caution-box .step_item .step02{background-image: url('../images/event03/opportunity2.png?V=1');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .score-box .character-box .caution-box .step_item .step03{background-image: url('../images/event03/opportunity3.png?V=1');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .score-box .character-box .caution-box .step_item.c02 .step01{background-image: url('../images/event03/opportunity2_1.png?V=1');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .score-box .character-box .caution-box .step_item.c02 .step02{background-image: url('../images/event03/opportunity2_2.png?V=1');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .score-box .character-box .caution-box .step_item.c02 .step03{background-image: url('../images/event03/opportunity2_3.png?V=1');}


section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .score-box .score-wrapper{width:380px;height:108px;background:#783E9A;border-radius:10px;display:flex;justify-content: space-between;align-items: center;line-height:0;padding:0 40px;box-sizing: border-box;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .score-box .score-wrapper .point-wrap{display:flex;align-items:center;font-size:32px;font-weight:900;color:#FFFFFF;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_wrapper .score-box .score-wrapper .point-wrap span{font-size:48px;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .movie_wrapper{margin:40px 0 0 0;padding:30px 0;box-sizing:border-box;gap:20px 0;background-image: url('../images/event03/cover_movie.png');width:1316px;height:758px;display:flex;flex-direction: column;align-items: center;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .movie_wrapper .movie{background-image: url('../images/event03/box_movie.png');width:656px;height:427px;display:flex;flex-direction: column;align-items: center;gap:16px 0;padding:20px 0 0 0;box-sizing: border-box;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .movie_wrapper .movie .youtube{width:608px;height:321px;background: #000000;border-radius:10px;padding:32px 0 16px 0;box-sizing: border-box;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .movie_wrapper .movie .youtube iframe{width:100%;height:100%;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .movie_wrapper .movie .info{display:flex;align-items:center;justify-content: space-between;width:100%;padding:0 24px;box-sizing: border-box;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .movie_wrapper .movie .info .t-info{display:flex;align-items:center;gap:0 8px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .movie_wrapper .movie .info .b-info{display:flex;align-items:center;gap:0 8px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .movie_wrapper .btn_join{position:relative;background-image: url('../images/event03/btn_join_off.png');width:380px;height:88px;cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .movie_wrapper .btn_join.on{background-image: url('../images/event03/btn_join.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .movie_wrapper .btn_join .hand{display:none;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .movie_wrapper .btn_join.on .hand{display:block;}

section.event03 .game_over {position:absolute;left:7px;top:3px;width:902px;height:743px;z-index:9;background-color:rgba(0,0,0,.4);display:flex;justify-content: center;align-items: center;border-radius:12px;overflow:hidden;}


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

/* 카드뉴스 */
section.cardnews {position: relative;width: 100%;height:1148px;background-image:url('../images/cardnews/bg.jpg');}
section.cardnews .contents_wrapper {display: flex;flex-direction: column;width: 1300px;height:100%;margin:0 auto;align-items: center;justify-content:start;padding:120px  0 0 0;box-sizing: border-box;}
section.cardnews .contents_wrapper .tabs{display:flex;gap:0 20px;margin:40px 0 20px 0;}
section.cardnews .contents_wrapper .tabs .tab{cursor:pointer;width:128px;height:59px;}
section.cardnews .contents_wrapper .tabs .tab.t01{background-image: url('../images/cardnews/tab01.png');}
section.cardnews .contents_wrapper .tabs .tab.t02{background-image: url('../images/cardnews/tab02.png');}
section.cardnews .contents_wrapper .tabs .tab.on.t01{background-image: url('../images/cardnews/tab01_on.png');}
section.cardnews .contents_wrapper .tabs .tab.on.t02{background-image: url('../images/cardnews/tab02_on.png');}
section.cardnews .contents_wrapper .movie_box{width:833px;height:613px;display:flex;flex-direction: column;}
section.cardnews .contents_wrapper .movie_box .movie_wrap{width:833px;height:493px;background-image: url('../images/cardnews/movie.png');display:flex;flex-direction: column;align-items: center;padding:16px 0;box-sizing:border-box;gap:8px 0;}
section.cardnews .contents_wrapper .movie_box .movie_wrap .movie{width:789px;height:407px;background:#000000;border-radius:12px;overflow: hidden;}
section.cardnews .contents_wrapper .movie_box .movie_wrap .movie iframe{width:100%;height:100%;}
section.cardnews .contents_wrapper .movie_box .movie_wrap .info-wrap{display:flex;justify-content: space-between;align-items: center;width:100%;padding:0 20px;box-sizing:border-box;}
section.cardnews .contents_wrapper .movie_box .movie_wrap .info-wrap .ttl-wrap{position:relative;display:flex;gap:0 8px;color:#222222;font-size:24px;font-weight:600;align-items: center;line-height:0;}
section.cardnews .contents_wrapper .movie_box .movie_wrap .info-wrap .btns{display:flex;align-items: center;gap:0 8px;}
section.cardnews .contents_wrapper .movie_box .movie_wrap .info-wrap .btns .btn_subscribe{background-image: url('../images/cardnews/icon_subscribe.png');width:60px;height:32px;}
section.cardnews .contents_wrapper .movie_box .movie_wrap .info-wrap .btns .btn_subscribe a{display:block;width:100%;height:100%;}
section.cardnews .contents_wrapper .movie_box .thumbs{display:flex;justify-content: space-between;padding:0 40px;box-sizing: border-box;margin:10px 0 0 0;}
section.cardnews .contents_wrapper .movie_box .thumbs .tmb{width:178px;height:100px;cursor:pointer;}
section.cardnews .contents_wrapper .movie_box .thumbs .tmb.t01{background-image: url('../images/cardnews/thumb02_off.png');}
section.cardnews .contents_wrapper .movie_box .thumbs .tmb.t02{background-image: url('../images/cardnews/thumb01_off.png');}
section.cardnews .contents_wrapper .movie_box .thumbs .tmb.t03{background-image: url('../images/cardnews/thumb03_off.png');}
section.cardnews .contents_wrapper .movie_box .thumbs .tmb.t04{background-image: url('../images/cardnews/thumb04_off.png');}
section.cardnews .contents_wrapper .movie_box .thumbs .tmb.on.t01{background-image: url('../images/cardnews/thumb02.png');}
section.cardnews .contents_wrapper .movie_box .thumbs .tmb.on.t02{background-image: url('../images/cardnews/thumb01.png');}
section.cardnews .contents_wrapper .movie_box .thumbs .tmb.on.t03{background-image: url('../images/cardnews/thumb03.png');}
section.cardnews .contents_wrapper .movie_box .thumbs .tmb.on.t04{background-image: url('../images/cardnews/thumb04.png');}

section.cardnews .contents_wrapper .poster_box{display:flex;justify-content: space-between;width:1080px;}
section.cardnews .contents_wrapper .poster_box .photo01{width:532px;height:613px;background-image: url('../images/cardnews/sec01_2.png');}
section.cardnews .contents_wrapper .poster_box .photo02{width:532px;height:613px;background-image: url('../images/cardnews/sec01_1.png');}
section.cardnews .contents_wrapper .poster_box > div > a{display:block;width:100%;height:100%;}

section.cardnews .contents_wrapper .btn_schedule{position:relative;width:507px;height:88px;background-image: url('../images/cardnews/btn_schedule.png');cursor:pointer;margin:40px 0 0 0;}
section.cardnews .pop_outer_site {position:fixed;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,.6);z-index:99;display:flex;justify-content: center;align-items:center;}
section.cardnews .pop_outer_site .pop_outer_content{position:relative;width:540px;height:601px;background:#FFFFFF;padding:20px 15px;box-sizing:border-box;border-radius:20px;}
section.cardnews .pop_outer_site .pop_outer_content .pop_close{position:absolute;width:32px;height:32px;background-image: url('../images/cardnews/pop_close.png');right:20px;top:20px;}
section.cardnews .pop_outer_site .pop_outer_content .pop_close a{display:block;width:100%;height:100%;}
section.cardnews .pop_outer_site .pop_outer_content .ttl{font-size:32px;color:#000000;font-weight:700;text-align:center;line-height:1;}
section.cardnews .pop_outer_site .pop_outer_content .pic{position:relative;width:520px;height:500px;overflow:auto;margin:20px 0 0 0;}
/* 카드뉴스 */


/* 숏츠 */
section.shorts {position: relative;width: 100%;height:1026px;background-image:url('../images/shorts/bg.jpg');}
section.shorts .contents_wrapper {display: flex;flex-direction: column;width: 1300px;height:100%;margin:0 auto;align-items: center;justify-content:start;padding:80px  0 0 0;box-sizing: border-box;}
section.shorts .contents_wrapper .shortsSwiper{position:relative;width:882px;margin:40px 0 0 0;}
section.shorts .contents_wrapper .shortsSwiper .swiper-slide{position:relative;width:417px !important;height:528px !important;border-radius:40px;display:flex;align-items: center;justify-content: center;}
section.shorts .contents_wrapper .shortsSwiper.native .swiper-slide{position:relative;width:417px !important;height:528px !important;border-radius:40px;display:flex;align-items: center;justify-content: center;}
section.shorts .contents_wrapper .shortsSwiper .swiper-slide .m_cover{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;border-radius:40px;}
section.shorts .contents_wrapper .shortsSwiper.native .swiper-slide .m_cover{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;background:#000000;border-radius:40px;overflow:hidden;}
section.shorts .contents_wrapper .shortsSwiper .swiper-slide img{width:417px !important;height:528px !important;border-radius:40px;}
section.shorts .contents_wrapper .shortsSwiper .swiper-slide iframe{width:417px !important;height:528px !important;border-radius:40px;}
section.shorts .contents_wrapper .shortsSwiper .swiper-slide video{width:100%;height:100%;border-radius:40px;}
section.shorts .contents_wrapper .shortsSwiper .swiper-slide.swiper-slide-active img{box-shadow: rgba(0, 0, 0, .4) 0 6px 24px;}
section.shorts .contents_wrapper .btn_prev {position:absolute;top:284px;left:-100px;width:60px;height:60px;background-image: url('../images/shorts/btn_prev.png');cursor:pointer;}
section.shorts .contents_wrapper .btn_next {position:absolute;top:284px;right:-100px;width:60px;height:60px;background-image: url('../images/shorts/btn_next.png');cursor:pointer;}
section.shorts .contents_wrapper .pic {position:relative;width:1300px;height:118px;background-image: url('../images/shorts/txt.png');margin:40px 0 0 0;}
section.shorts .contents_wrapper .pic .btn_go{position:absolute;right:0;top:0;width:292px;height:100%;cursor:pointer;border:1px }
section.shorts .contents_wrapper .pic .btn_go a{display:block;width:100%;height:100%;}
/* 숏츠 */

/* QNA */
section.qna {position: relative;width: 100%;height: 971px;background-image:url('../images/qna/bg.jpg');}
section.qna .contents_wrap {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding:0 0 0 0;box-sizing:border-box;}
section.qna .contents_wrap > .title {margin-bottom:40px;}
section.qna .contents_wrap > .qna_wrapper {position: relative;width:960px;display:flex;justify-content: center;align-items: center;flex-wrap: wrap;}
section.qna .contents_wrap > .qna_wrapper  ul {width:100%;display: flex;flex-direction:column;gap:20px 0;}
section.qna .contents_wrap > .qna_wrapper  ul li{width:100%;height:84px;position:relative;}
section.qna .contents_wrap > .qna_wrapper  ul li > div{width:100%;height:100%;cursor:pointer;}
section.qna .contents_wrap > .qna_wrapper  ul li > div .hand{right:50px;}
section.qna .contents_wrap > .qna_wrapper  ul li > div:hover{transition: .2s all;}
section.qna .contents_wrap > .qna_wrapper  ul li .q1{background-image: url('../images/qna/q1.png');}
section.qna .contents_wrap > .qna_wrapper  ul li .q2{background-image: url('../images/qna/q2.png');}
section.qna .contents_wrap > .qna_wrapper  ul li .q3{background-image: url('../images/qna/q3.png');}
section.qna .contents_wrap > .qna_wrapper  ul li .q4{background-image: url('../images/qna/q4.png');}
section.qna .contents_wrap > .qna_wrapper  ul li .q5{background-image: url('../images/qna/q5.png');}

section.qna .contents_wrap > .qna_wrapper  ul li .q1:hover{background-image: url('../images/qna/q1_on.png');}
section.qna .contents_wrap > .qna_wrapper  ul li .q2:hover{background-image: url('../images/qna/q2_on.png');}
section.qna .contents_wrap > .qna_wrapper  ul li .q3:hover{background-image: url('../images/qna/q3_on.png');}
section.qna .contents_wrap > .qna_wrapper  ul li .q4:hover{background-image: url('../images/qna/q4_on.png');}
section.qna .contents_wrap > .qna_wrapper  ul li .q5:hover{background-image: url('../images/qna/q5_on.png');}
section.qna .contents_wrap > .qna_wrapper  ul li .q1.on{background-image: url('../images/qna/q1_on.png');}
section.qna .contents_wrap > .qna_wrapper  ul li .q2.on{background-image: url('../images/qna/q2_on.png');}
section.qna .contents_wrap > .qna_wrapper  ul li .q3.on{background-image: url('../images/qna/q3_on.png');}
section.qna .contents_wrap > .qna_wrapper  ul li .q4.on{background-image: url('../images/qna/q4_on.png');}
section.qna .contents_wrap > .qna_wrapper  ul li .q5.on{background-image: url('../images/qna/q5_on.png');}
section.qna .contents_wrap .btn_more{width:479px;height:88px;background-image: url('../images/qna/btn_more.png');cursor:pointer;margin:40px 0 0 0;}
section.qna .contents_wrap .btn_more a{display:block;width:100%;height:100%;}

section.qna .qna_pop{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:90;}
section.qna .qna_pop .qna_wrapper{position:relative;width:100%;height:100%;display:flex;justify-content: center;align-items: center;}
section.qna .qna_pop .qna_wrapper .qna_cont{position:relative;width:680px;height:500px;border-radius:20px;}
section.qna .qna_pop .qna_wrapper .qna_cont.a1{background-image:url('../images/qna/a1.png');}
section.qna .qna_pop .qna_wrapper .qna_cont.a2{background-image:url('../images/qna/a2.png');}
section.qna .qna_pop .qna_wrapper .qna_cont.a3{background-image:url('../images/qna/a3.png');}
section.qna .qna_pop .qna_wrapper .qna_cont.a4{background-image:url('../images/qna/a4.png');}
section.qna .qna_pop .qna_wrapper .qna_cont.a5{background-image:url('../images/qna/a5.png');}
section.qna .qna_pop .qna_wrapper .qna_cont .close{position:absolute;background-image:url('../images/qna/btn_close.png?v=1');width:32px;height:32px;top:20px;right:20px;cursor:pointer;}
/* QNA */


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

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

/* 참여 정보 */
section.sec-join-info {
    position: relative;
    width: 100%;
    height: 208px;
    display: flex;
    justify-content: center;
    font-size: 32px;
    align-items: center;
    color: #111116;
    background-color: #ffffff;
    
}

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

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

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

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

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:#393053;display:none;
}

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

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

.navigator_wrapper .cont_wrap .navi_wrap > li {
    position: relative;
    flex: 1;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

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

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

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

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

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

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

.n_menu_list {
    position: fixed;
    bottom: -800px;
    z-index: 99;
    background: #393053;
    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: 106px;background-image: url(../images/hand.png);right:-40px;bottom:-50px;}

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

.result_wrap > .btn.event_result2 > a {
    display: block;
    width: 100%;
    height: 100%;
}

/* 슬라이드 */
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}


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

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

.shorts swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-button-disabled {
    opacity: .2;
}

#cont_wrap {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

a:focus {
    outline: none;
}


.hide {
    display: none !important;
}

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

.j_wrap01 {
}

.j_wrap02 {
    margin-top: 35px;
}

.j_wrap01 .swiper-slide {
    width: 487px;
    height: 120px;
    border-radius: 60px;
    color: #004819;
    font-size: 40px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

.j_wrap01 .swiper-slide:nth-child(1n+1) {
    background-image: linear-gradient(#FFFFFF, #FFFFFF);
}

.j_wrap01 .swiper-slide:nth-child(2n+2) {
    background-image: linear-gradient(#FFFFFF, #FFFFFF);
}

.j_wrap01 .swiper-slide:nth-child(3n+3) {
    background-image: linear-gradient(#FFFFFF, #FFFFFF);
}

/* popup */
html.on {
    height: 100%;
    overflow: hidden;
}

.pu_bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7);
    z-index: 98;
    display: none;
}

.pu {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 99;
    display: none;
}


.pu_event_youtube {
    width: 800px;
    background: #fff;
    border-radius: 15px;
    display: none;
}

.pu_event_youtube .p_con {
    position: relative;
}

.pu_event_youtube .p_con iframe {
    width: 800px;
    height: 450px;
}

.pu_event_info {
    width: 580px;
    display: none;
    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: 70px;
    margin-bottom: 20px;
}

.pu_event_info .p_con .ty01 dt {
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    line-height: 44px;
    text-align: left;
}

.pu_event_info .p_con .ty01 dd {
    position: relative;
}

.pu_event_info .p_con .ty01 dd input {
    height: 40px;
    line-height: 40px;
    background: #fff;
    border: 1px solid #cdcdcd;
    padding: 0 10px;
    box-sizing: border-box;
}

.pu_event_info .p_con .ty01 dd.num:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.pu_event_info .p_con .ty01 dd.num input {
    text-align: center;
    float: left;
    width: 144px;
}

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

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

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

.pu_event_info .p_con .ty02 dt span {
    position: absolute;
    bottom: 0;
    right: -5px;
}

.pu_event_info .p_con .ty02 dt span input {
    margin: 0;
}

.pu_event_info .p_con .ty02 dd {
    background: #F6F6F6;
    padding: 15px 20px;
    border-radius:8px;
}

.pu_event_info .btns:before {
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    bottom: 0;
    width: 1px;
    ; z-index: 1;
}

.pu_event_info .btns:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.pu_event_info .btns a {
	position:relative;
    float: left;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    line-height: 1.2;
    text-align: center;
    font-size: 32px;
    color: #fff;
    font-weight: 800;
}

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



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

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

.pu_event_info.pop02 .btns a.bt_participate_done {
    background: #408CFF;
    color: #FFFFFF;
}

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


.pu_event_info table td {
    font-size: 16px;
    padding: 6px;
    color: #333;
    letter-spacing: -1px;
    line-height: 1.5;
}

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

.pu_event_info .checks input[type="checkbox"] + label:after {
    content: ' ';
    display: inline-block;
    width: 29px;
    height: 27px;
    line-height: 27px;
    margin: -10px 0 0 10px;
    text-align: center;
    vertical-align: middle;
    background-position: center bottom;
	  background: url('../images/cb.png') no-repeat 2px 3px;
}

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

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

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


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

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

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

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

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

.pu_event_done .ph {
    width: 100%;
}

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

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

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


.pu_event_done .ph .btn_wrap .btn {
    position: relative;
    width: 250px;
    height: 100%;
}

.pu_event_done .ph .btn_wrap .btn .hand {
    right: 0px;
    bottom: -40px;
}

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

.pu_event_done.e01 {
    background: #000000;
}

.pu_event_done.e02 {
    background: #000000;
}

.pu_event_done.e03 {
    background: #000000;
}

.tc {
    text-align: center;
}

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

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

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

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