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

@font-face {
    font-family: 'Eommakkaturi';
    src: url('https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_13@1.0/Katuri.woff') format('woff');
    font-weight: normal;
    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/event03/num/1_on.png') url('../images/event03/num/3_on.png') url('../images/event03/num/5_on.png') url('../images/event03/num/7_on.png')
    url('../images/visual/window/02.png') url('../images/visual/window/03.png') url('../images/visual/window/04.png')
    url('../images/visual/man/01.png'); url('../images/visual/man/02.png'); url('../images/visual/man/03.png')
    url('../images/visual/window/layer.png');
}
html {
			  width: 100%;
			  overflow-x: hidden;
			  margin: 0;
			  padding: 0;
			}
.htmlWrapper {width: 100%;max-width: 1920px;margin: 0 auto;padding-bottom: 88px;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;}

/* 상단 */
.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;}
.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:3px;font-size:20px;color:#888888;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/visual/bg.jpg');background-position: center;overflow: hidden;}
.htmlWrapper section.visual_wrapper::before {position:absolute;content:'';left:0;top:0;width: 100%;height:100%;background-color:rgba(8,33,78,.8);}
.htmlWrapper section.visual_wrapper.on::before {background-color:rgba(8,33,78,0);transition: 2s all;}

.htmlWrapper section.visual_wrapper .contents_wrapper{position: relative;width: 100%;height: 100%;display:flex;justify-content: center;align-items:start;}
.htmlWrapper section.visual_wrapper .contents_wrapper .title_wrapper{position: absolute;width:100%;left:0;top:20px;display:flex;justify-content: center;}
.htmlWrapper section.visual_wrapper .contents_wrapper .title_wrapper .title_wrap{position: relative;display:flex;flex-direction:column;align-items:center;padding:30px 0 0 0;box-sizing:border-box;width:664px;height:381px;background-image: url('../images/visual/title_cover.png');z-index:6;}
.htmlWrapper section.visual_wrapper .contents_wrapper .title_wrapper .title_wrap .title{position: relative;width:576px;height:119px;background-image: url('../images/visual/ttl.png');left:5px;overflow:hidden;}
.htmlWrapper section.visual_wrapper .contents_wrapper .title_wrapper .title_wrap .tel_wrap{position: relative;display:flex;align-items:center;width:545px;height:170px;justify-content: end;left:5px;}
.htmlWrapper section.visual_wrapper .contents_wrapper .title_wrapper .title_wrap .tel_wrap .tel{position:absolute;left:-1px;width:165px;height:130px;display:flex;justify-content: center;align-items: end;}
.htmlWrapper section.visual_wrapper .contents_wrapper .title_wrapper .title_wrap .tel_wrap .tel .tel_head{position: absolute;top:0;width:165px;height:65px;background-image: url('../images/visual/tel/tel_head.png');animation: 2s tel infinite forwards;}
.htmlWrapper section.visual_wrapper .contents_wrapper .title_wrapper .title_wrap .tel_wrap .tel .tel_body{position: relative;bottom:2px;z-index:-1;width:150px;height:127px;background-image: url('../images/visual/tel/tel_body.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .title_wrapper .title_wrap .tel_wrap .num{position: relative;background-image: url('../images/visual/1375.png');bottom:7px;width:394px;height:170px;overflow:hidden;}
.htmlWrapper section.visual_wrapper .contents_wrapper .title_wrapper .title_wrap .exp{position: relative;right: -4px; bottom : 9px;width:563px;height:52px;background-image: url('../images/visual/exp.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .title_wrapper .title_wrap .char{position: absolute;top:39px;right:-102px;width:223px;height:220px;background-image: url('../images/visual/char.png');z-index:8;}

.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap{position: relative;margin:100px 0 0 0;}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .window{position: relative;width:1096px;height:749px;transform-style: preserve-3d;}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .window::before{position: absolute;content:'';left:124px;top:10px;width:878px;height:696px;background-image: url('../images/visual/window/layer_black.png');transform:translateZ(-1px);}
.htmlWrapper section.visual_wrapper.on .contents_wrapper .window_wrap .window::before{background-image: url('../images/visual/window/layer.png');transition: 1s all;}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .window.a1{background-image: url('../images/visual/window/01.png');transition: .2s all;}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .window.a2{background-image: url('../images/visual/window/02.png');transition: .2s all;}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .window.a3{background-image: url('../images/visual/window/03.png');transition: .2s all;}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .window.a4{background-image: url('../images/visual/window/04.png');transition: .2s all;}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .people_wrap{position:absolute;width:100%;bottom:-30px;display:flex;justify-content: center;}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .people_wrap .people{position:relative;}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .people_wrap .people.p1{position:relative;width:442px;height:436px;background-image: url('../images/visual/man/01.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .people_wrap .people.p2{position:relative;width:657px;height:436px;background-image: url('../images/visual/man/02.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .people_wrap .people.p3{position:relative;width:877px;height:436px;background-image: url('../images/visual/man/03.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .people_wrap .people.p4{position:relative;width:877px;height:436px;background-image: url('../images/visual/man/03.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .people_wrap .txt{position:absolute;bottom:0;width:540px;height:128px;background-image: url('../images/visual/txt.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .people_wrap .txt .star{position:absolute;right:68px;top:11px;width:20px;height:19px;background-image: url('../images/visual/star.png');animation:3s star infinite linear forwards;}

.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .item{position:absolute;width:240px;height:240px;transform:scale(0);opacity:0;}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .item.item01{top:210px;left:430px;background-image: url('../images/visual/item01.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .item.item02{top:210px;left:430px;background-image: url('../images/visual/item02.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .item.item03{top:210px;right:430px;background-image: url('../images/visual/item03.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .item.item04{top:210px;right:430px;background-image: url('../images/visual/item04.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .item.item05{top:210px;right:430px;background-image: url('../images/visual/item05.png');}

.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .item.item01.on{animation:1s show_item01 linear forwards;}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .item.item02.on{animation:1s show_item02 linear forwards}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .item.item03.on{animation:1s show_item03 linear forwards}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .item.item04.on{animation:1s show_item04 linear forwards}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .item.item05.on{animation:1s show_item05 linear forwards}

.num-container {
    position: relative;
    width: 400px;  /* 이미지 1번의 폭에 맞춰 조정 */
    height: 170px; /* 이미지 1번의 높이에 맞춰 조정 */

    /* 이미지 1번(글씨)을 마스크 영역으로 지정 */
    -webkit-mask-image: url('../images/visual/1375.png'); /* 이미지 1 경로 */
    mask-image: url('../images/visual/1375.png');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;

    /* 글씨 배경색 (마스크 영역 내부를 채울 바탕) */
    background-color: transparent;
    overflow: hidden;
}

/* 이미지 1번 글씨 내부도 원래 이미지로 보이게 하고 싶다면 container에 이미지1을 background로 지정 */
.num-container::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: url('../images/visual/1375.png') no-repeat center / contain;
    z-index: 1;
}

/* 움직이는 이미지 2번 (빛/사선 효과) */
.shine-effect {
    position: absolute;
    top: 0;
    left: -100%; /* 시작 위치 (왼쪽 밖) */
    width: 100%;
    height: 100%;
    background: url('../images/visual/light.png') no-repeat center / cover;
    z-index: 2;

    /* 혼합 모드를 적용해 빛나는 효과 부여 (필요 시 조절 가능) */
    mix-blend-mode: screen;

    /* 애니메이션 설정: 2.5초마다 반복 이동 */
    animation: moveShine 2.5s infinite linear;
}
/* 다음 */
section.daum {position: relative;width: 100%;height: 334px;background:#04183D;}
section.daum .contents_wrap {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;justify-content: center;}
section.daum .contents_wrap .title {}
section.daum .contents_wrap .box {position: relative;margin-top: 16px;width: 800px;height: 132px;background-image: url('../images/daum/cover.png');background-repeat: no-repeat;background-position: center;display: flex;align-items: start;}
section.daum .contents_wrap .box .typing-text-wrapper {position: absolute;left: 99px;top: 25px;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: 32px;color: #1e1e1e;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:1958px;background-image: url('../images/event01/bg.jpg');overflow:hidden;background-position: center top}
section.event01 .contents_wrapper {display: flex;flex-direction: column;width: 1300px;margin:0 auto;align-items: center;padding: 120px 0 0 0;}
section.event01 .contents_wrapper .title{position:relative;}
section.event01 .contents_wrapper .schedule_wrap {display: flex;margin: 40px 0 80px 0;width: 100%;justify-content: space-between;}
section.event01 .contents_wrapper .schedule_wrap .present{position:relative;}
section.event01 .contents_wrapper .schedule_wrap .present .present_wrapper{position:relative;display:flex;flex-direction: column;gap:16px 0;align-items: center;}
section.event01 .contents_wrapper .schedule_wrap .present .present_wrapper .present_wrap{position:relative;width:653px;height:273px;}

section.event01 .contents_wrapper .event_cont_wrapper {position:relative;width:1340px;display:flex;flex-direction: column;align-items: center;gap:20px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_title{position:relative;margin:0 0 12px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .cover_wrap{position:relative;width:100%;display:flex;flex-direction: column;align-items: center;gap:20px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .cover_wrap .cover{position:relative;width:100%;height:572px;background-image: url('../images/event01/cover.png');}
section.event01 .contents_wrapper .event_cont_wrapper .cover_wrap .btn_start{position:relative;width:290px;height:86px;background-image: url('../images/event01/btn_start.png');cursor:pointer;}

section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap{position:relative;width:1340px;height:572px;background-image: url('../images/event01/table/head.png');background-repeat: no-repeat;background-position: center top;overflow:hidden;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .foot{position:absolute;left:0;bottom:0;width:1340px;height:70px;background-image: url('../images/event01/table/table_foot.png');cursor:pointer;background-repeat: no-repeat;background-position: center top;z-index:5;}

section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q01_wrap{position:relative;width:100%;height:100%;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q01_wrap .inner{position:relative;width:100%;height:100%;display:flex;flex-direction: column;gap:20px 0;padding:54px 72px;box-sizing: border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q01_wrap .inner .a1{position:relative;width:776px;height:186px;top:100px;opacity:0;background-image: url('../images/event01/q1/a_1.png');background-repeat: no-repeat;transition: .5s all;transition-delay:.7s;transition-duration: 1s;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q01_wrap .inner .a2{position:relative;width:605px;height:135px;top:100px;opacity:0;background-image: url('../images/event01/q1/a_2.png');background-repeat: no-repeat;transition: .5s all;transition-delay:1.4s;transition-duration: 1s;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q01_wrap .inner .char{position:absolute;right:-380px;opacity:0;bottom:19px;width:373px;height:429px;background-image: url('../images/event01/q1/char.png');transition: .5s all;transition-delay:0s;transition-duration: 1s;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q01_wrap .inner .a1.on{top:0;opacity:1;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q01_wrap .inner .a2.on{top:0;opacity:1;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q01_wrap .inner .char.on{right:110px;opacity:1;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q01_wrap .inner .q{position:relative;}

section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap{position:relative;width:100%;height:100%;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner{position:relative;width:100%;height:100%;display:flex;flex-direction: column;gap:40px 0;padding:54px 72px;box-sizing: border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap{position:relative;display:flex;width:100%;justify-content: space-between;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap .a{position:relative;width:228px;height:321px;left:100px;background-repeat: no-repeat;opacity:0;transition: .5s all;transition-duration: 1s;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap .a.a1{background-image:url('../images/event01/q2/a_1.png');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap .a.a2{background-image:url('../images/event01/q2/a_2.png');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap .a.a3{background-image:url('../images/event01/q2/a_3.png');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap .a.a4{background-image:url('../images/event01/q2/a_4.png');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap .a.a5{background-image:url('../images/event01/q2/a_5.png');}

section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap .a.on{left:0;opacity:1;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap .a.a1.on{transition-delay: 0s;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap .a.a2.on{transition-delay: 0.7s;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap .a.a3.on{transition-delay: 1.4s;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap .a.a4.on{transition-delay: 2.1s;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap .a.a5.on{transition-delay: 2.8s;}

section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap{position:relative;width:100%;height:100%;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap .inner{position:relative;width:100%;height:100%;display:flex;flex-direction: column;gap:40px 0;padding:54px 72px;box-sizing: border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap .inner .a_wrap{position:relative;display:flex;width:760px;justify-content: space-between;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap .inner .a_wrap .a{position:relative;width:387px;height:341px;left:100px;background-repeat: no-repeat;opacity:0;transition: .5s all;transition-duration: 1s;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap .inner .a_wrap .a.a1{background-image:url('../images/event01/q3/a_1.png');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap .inner .a_wrap .a.a2{background-image:url('../images/event01/q3/a_2.png');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap .inner .a_wrap .a.a3{background-image:url('../images/event01/q3/a_3.png');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap .inner .char{position:absolute;right:-450px;opacity:0;bottom:45px;width:394px;height:448px;background-image:url('../images/event01/q3/char.png');transition: .5s all;transition-duration: 1s;}

section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap .inner .a_wrap .a.on{left:0;opacity:1;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap .inner .char.on{right:45px;opacity:1;transition-delay: 0s;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap .inner .a_wrap .a.a1.on{transition-delay: 0.7s;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap .inner .a_wrap .a.a2.on{transition-delay: 1.4s;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap .inner .a_wrap .a.a3.on{transition-delay: 2.1s;}


section.event01 .contents_wrapper .event_cont_wrapper .btn_next{position:relative;width:225px;height:86px;background-image: url('../images/event01/btn_next.png');cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .btn_next .hand{display:none;}
section.event01 .contents_wrapper .event_cont_wrapper .btn_next.on .hand{display:block;}

section.event01 .contents_wrapper .event_cont_wrapper .btn_join{position:relative;width:394px;height:86px;background-image: url('../images/event01/btn_join.png');cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .btn_join .hand{display:none;}
section.event01 .contents_wrapper .event_cont_wrapper .btn_join.on .hand{display:block;}

section.event01 .contents_wrapper > .join_wrapper {position: absolute;bottom:85px;width: 1275px;height: 132px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background-image: url('../images/bg_num01.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: #6A8E00;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;}
/* 이벤트 01 */

/* 이벤트 02 */
section.event02 {position: relative;width: 100%;height:1920px;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: 40px 0 80px 0;width: 100%;justify-content: space-between;z-index: 2;}
section.event02 .contents_wrapper .schedule_wrap .present{position:relative;}
section.event02 .contents_wrapper .schedule_wrap .present .present_wrapper{position:relative;display:flex;flex-direction: column;gap:16px 0;align-items: center;}
section.event02 .contents_wrapper .schedule_wrap .present .present_wrapper .present_wrap{position:relative;width:653px;height:273px;}

section.event02 .contents_wrapper .event_cont_wrapper {position:relative;width:1340px;display:flex;flex-direction: column;align-items: center;gap:20px 0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_title{position:relative;margin:0 0 20px 0;}

section.event02 .contents_wrapper .event_cont_wrapper {width:1300px;display:flex;flex-direction: column;align-items: center;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap {position:relative;width:100%;height:627px;display:flex;justify-content: center;align-items: start;padding:51px 0 0 0;box-sizing: border-box;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box{width:502px;height:379px;background-image: url('../images/event02/drop_box.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item{position:absolute;width:326px;height:188px;display:flex;justify-content: center;align-items: center;z-index:1; transform-style: preserve-3d; cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d01{left:0;top:0;background-image: url('../images/event02/item01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d02{right:0;top:0;background-image: url('../images/event02/item02.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d03{left:0;bottom:0;background-image: url('../images/event02/item03.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d04{right:0;bottom:0;background-image: url('../images/event02/item04.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item .hand{display:none;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.cur .hand{display:block;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d01.cur .hand {animation: 1s drag_move01 infinite linear forwards;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d02.cur .hand {animation: 1s drag_move02 infinite linear forwards;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d03.cur .hand {animation: 1s drag_move03 infinite linear forwards;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d04.cur .hand {animation: 1s drag_move04 infinite linear forwards;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item::after{position:absolute;content:'';}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d01::after{left:-62px;top:28px;width:112px;height:161px;background-image: url('../images/event02/char01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d02::after{right:-117px;bottom:7px;width:148px;height:117px;background-image: url('../images/event02/char02.png');transform:translateZ(-1px);}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d03::after{left:89px;top:-88px;width:119px;height:95px;z-index:-1;background-image: url('../images/event02/char03.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d04::after{left:92px;top:-108px;width:170px;height:193px;background-image: url('../images/event02/char04.png');transform:translateZ(-1px);}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.complete::before{position:relative;content:'';width:208px;height:208px;background-image: url('../images/event02/stamp.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.complete .hand{display:none;}


section.event02 .contents_wrapper > .join_wrapper {position: absolute;width: 1299px;height: 132px;bottom:80px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background-image: url('../images/bg_num02.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: #F05A28;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;}

section.event02 .pop_info_wrapper{position:fixed;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,.8);z-index:100;display:flex;flex-direction:column;justify-content: center;align-items: center;gap:20px 0;}

section.event02 .pop_info_wrapper .pop_info_contents .btn_view{position:absolute;right:0;top:0;width:100px;height:99px;background-image: url('../images/event02/btn_view.png');}
section.event02 .pop_info_wrapper .pop_info_contents .btn_view a{display:block;width:100%;height:100%;}

section.event02 .pop_info_wrapper .pop_info_contents.p01{position:relative;width:966px;height:336px;background:#FFFFFF;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;}
section.event02 .pop_info_wrapper .pop_info_contents.p01 .contents{width:926px;height:296px;background-image: url('../images/event02/cont01.png');}

section.event02 .pop_info_wrapper .pop_info_contents.p02{position:relative;width:966px;height:312px;background:#FFFFFF;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;}
section.event02 .pop_info_wrapper .pop_info_contents.p02 .contents{width:926px;height:272px;background-image: url('../images/event02/cont02.png');}

section.event02 .pop_info_wrapper .pop_info_contents.p03{position:relative;width:966px;height:312px;background:#FFFFFF;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;}
section.event02 .pop_info_wrapper .pop_info_contents.p03 .contents{width:926px;height:272px;background-image: url('../images/event02/cont03.png');}

section.event02 .pop_info_wrapper .pop_info_contents.p04{position:relative;width:966px;height:496px;background:#FFFFFF;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;}
section.event02 .pop_info_wrapper .pop_info_contents.p04 .contents{width:926px;height:456px;background-image: url('../images/event02/cont04.png');}

section.event02 .pop_info_wrapper .pop_info_contents.complete{position:relative;width:966px;height:466px;background:#FFFFFF;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;}
section.event02 .pop_info_wrapper .pop_info_contents.complete .btn_view{position:absolute;right:0;top:0;width:100px;height:99px;background-image: url('../images/event02/btn_view.png');}
section.event02 .pop_info_wrapper .pop_info_contents.complete .contents{width:886px;height:426px;background-image: url('../images/event02/complete.png');}
section.event02 .pop_info_wrapper .pop_info_contents.complete .contents .btn_app_down{position:absolute;right:370px;bottom:75px;width:100px;height:30px;cursor:pointer;}
section.event02 .pop_info_wrapper .pop_info_contents.complete .contents .app_down_wrap{position:absolute;right:50px;bottom:30px;}
section.event02 .pop_info_wrapper .pop_info_contents.complete .contents .app_down_wrap .app_down{position:relative;width:250px;height:186px;background:#FFFFFF;border-radius:20px;border:1px solid #D2D6DA;box-sizing: border-box;padding:20px;display:flex;flex-direction: column;gap:20px 0;}
section.event02 .pop_info_wrapper .pop_info_contents.complete .contents .app_down_wrap .app_down .app_close{position:absolute;width:40px;height:40px;background-image: url('../images/info/pop/close.png');right:0;top:0;background-size:100%;cursor:pointer;}
section.event02 .pop_info_wrapper .pop_info_contents.complete .contents .app_down_wrap .app_down .ttl{font-weight:700;}
section.event02 .pop_info_wrapper .pop_info_contents.complete .contents .app_down_wrap .app_down .app_list{display:flex;font-size:16px;justify-content: space-between;font-weight:600;}
section.event02 .pop_info_wrapper .pop_info_contents.complete .contents .app_down_wrap .app_down .app_list .app{display:flex;flex-direction: column;gap:5px 0;}

section.event02 .pop_info_wrapper .btn_ok{position:relative;width:225px;height:86px;background-image: url('../images/event02/btn_ok.png');cursor:pointer;}
section.event02 .pop_info_wrapper .btn_join{position:relative;width:394px;height:85px;background-image: url('../images/event02/btn_join.png');cursor:pointer;}

/* 이벤트 02 */

/* 이벤트 03 */
section.event03 {position: relative;width: 100%;height:1919px;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 .schedule_wrap .present{position:relative;}
section.event03 .contents_wrapper .schedule_wrap .present .present_wrapper{position:relative;display:flex;flex-direction: column;gap:16px 0;align-items: center;}
section.event03 .contents_wrapper .schedule_wrap .present .present_wrapper .present_wrap{position:relative;width:653px;height:273px;}

section.event03 .contents_wrapper .event_cont_wrapper {width:1300px;display:flex;flex-direction: column;align-items: center;justify-content: center;}

section.event03 .contents_wrapper .event_cont_wrapper .event_title {}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap {width:100%;margin:20px 0 0 0;display:flex;flex-direction: column;align-items: center;gap:20px 0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont {position:relative;width:100%;height:569px;background-image: url('../images/event03/cover.png');display:flex;align-items: end;justify-content: center;gap:0 40px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone{position:relative;width:340px;height:443px;background-image: url('../images/event03/phone.png');display:flex;flex-direction: column;align-items: center;padding:80px 0 0 0;box-sizing: border-box;gap:8px 0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .dial{position:relative;width:196px;height:264px;background-image: url('../images/event03/pad.png');display:flex;flex-wrap:wrap;gap:8px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .dial .pad{position:relative;width:60px;height:60px;transition: .3s all;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .dial .pad .hand{right:-70px;bottom:-80px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .dial .pad.n1{background-image: url('../images/event03/num/1.png');cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .dial .pad.n3{background-image: url('../images/event03/num/3.png');cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .dial .pad.n5{background-image: url('../images/event03/num/5.png');cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .dial .pad.n7{background-image: url('../images/event03/num/7.png');cursor:pointer;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .dial .pad.n1.on{animation:.5s dial1 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .dial .pad.n3.on{animation:.5s dial3 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .dial .pad.n5.on{animation:.5s dial5 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .dial .pad.n7.on{animation:.5s dial7 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .btn_call{position:relative;width:60px;height:60px;background-image: url('../images/event03/num/btn_call.png');cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .btn_call .hand{display:none;right:-70px;bottom:-80px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .btn_call.on .hand{display:block;}


section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrap{position:relative;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrap .intro{position:relative;width:819px;height:396px;background-image: url('../images/event03/tel.png');top:-46px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrap .info{position:relative;width:819px;height:396px;display:none;top:-46px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrap .info.c1{background-image: url('../images/event03/use1.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrap .info.c3{background-image: url('../images/event03/use3.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrap .info.c5{background-image: url('../images/event03/use5.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrap .info.c7{background-image: url('../images/event03/use7.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .btn_join {position:relative;width:394px;height:86px;background-image: url('../images/event03/btn_join.png');cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .btn_join.on {background-image: url('../images/event03/btn_join_on.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .btn_join .hand{display:none;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .btn_join.on .hand{display:block;}


section.event03 .contents_wrapper > .join_wrapper {position: absolute;width: 1219px;height: 132px;bottom:100px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background-image: url('../images/bg_num03.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: #1263AA;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.info {position: relative;width: 100%;height:1002px;background-image:url('../images/info/bg.jpg');}
section.info .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;gap:40px 0;}
section.info .contents_wrapper .contents{position:relative;display: flex;flex-direction: column;width: 1300px;height:601px;}
section.info .contents_wrapper .contents .tabs_wrap{display: flex;}
section.info .contents_wrapper .contents .tabs_wrap .tab{width:434px;height:82px;transition: .5s all;cursor:pointer;}
section.info .contents_wrapper .contents .tabs_wrap .tab.t01{background-image: url('../images/info/tab01.png');}
section.info .contents_wrapper .contents .tabs_wrap .tab.t02{background-image: url('../images/info/tab02.png');}
section.info .contents_wrapper .contents .tabs_wrap .tab.t03{background-image: url('../images/info/tab03.png');}

section.info .contents_wrapper .contents .tabs_wrap .tab.t01.on{background-image: url('../images/info/tab01_on.png');}
section.info .contents_wrapper .contents .tabs_wrap .tab.t02.on{background-image: url('../images/info/tab02_on.png');}
section.info .contents_wrapper .contents .tabs_wrap .tab.t03.on{background-image: url('../images/info/tab03_on.png');}

section.info .contents_wrapper .contents .tabs_wrap .tab.t01:hover{background-image: url('../images/info/tab01_on.png');}
section.info .contents_wrapper .contents .tabs_wrap .tab.t02:hover{background-image: url('../images/info/tab02_on.png');}
section.info .contents_wrapper .contents .tabs_wrap .tab.t03:hover{background-image: url('../images/info/tab03_on.png');}

section.info .contents_wrapper .contents .conts {width:100%;height:519px;background:#FFFFFF;border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;overflow:hidden;}
section.info .contents_wrapper .contents .conts .cont01{width:100%;height:100%;display:flex;justify-content: center;align-items: center;}
section.info .contents_wrapper .contents .conts .cont01 .items_wrap{display:flex;flex-wrap:wrap;gap:19px 20px;justify-content: center;}
section.info .contents_wrapper .contents .conts .cont01 .items_wrap .item{position:relative;width:228px;height:210px;cursor:pointer;}
section.info .contents_wrapper .contents .conts .cont01 .items_wrap .item .hand{display:none;}
section.info .contents_wrapper .contents .conts .cont01 .items_wrap .item.on .hand{display:block;}

section.info .contents_wrapper .contents .conts .cont01 .items_wrap .item.i01{background-image: url('../images/info/i01.png');}
section.info .contents_wrapper .contents .conts .cont01 .items_wrap .item.i02{background-image: url('../images/info/i02.png');}
section.info .contents_wrapper .contents .conts .cont01 .items_wrap .item.i03{background-image: url('../images/info/i03.png');}
section.info .contents_wrapper .contents .conts .cont01 .items_wrap .item.i04{background-image: url('../images/info/i04.png');}
section.info .contents_wrapper .contents .conts .cont01 .items_wrap .item.i05{background-image: url('../images/info/i05.png');}
section.info .contents_wrapper .contents .conts .cont01 .items_wrap .item.i06{background-image: url('../images/info/i06.png');}
section.info .contents_wrapper .contents .conts .cont01 .items_wrap .item.i07{background-image: url('../images/info/i07.png');}
section.info .contents_wrapper .contents .conts .cont01 .items_wrap .item.i08{background-image: url('../images/info/i08.png');}
section.info .contents_wrapper .contents .conts .cont01 .items_wrap .item.i09{background-image: url('../images/info/i09.png');}

section.info .contents_wrapper .contents .conts .cont02{width:100%;height:100%;display:flex;justify-content: center;align-items: center;}
section.info .contents_wrapper .contents .conts .cont03{position:relative;width:100%;height:100%;display:flex;justify-content: start;align-items: center;padding:0 40px;box-sizing: border-box;overflow:hidden;}
section.info .contents_wrapper .contents .conts .cont03 .char{position:absolute;right:-350px;opacity:0;bottom:37px;width:320px;height:360px;background-image: url('../images/info/char.png');transition: 1s all;}
section.info .contents_wrapper .contents .conts .cont03.on .char{right:40px;opacity:1;}

section.info .contents_wrapper .contents .btn_prev{position:absolute;left:-80px;top:258px;width:80px;height:80px;background-image: url('../images/info/btn_prev.png');cursor:pointer;}
section.info .contents_wrapper .contents .btn_next{position:absolute;right:-80px;top:258px;width:80px;height:80px;background-image: url('../images/info/btn_next.png');cursor:pointer;}


section.info .pop_wrapper{position:fixed;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,.8);z-index:99;display:flex;flex-direction:column;justify-content: center;align-items: center;gap:20px 0;}
section.info .pop_wrapper .pop_contents{position:relative;width:680px;padding:32px;box-sizing: border-box;background:#FFFFFF;border-radius:40px;overflow:hidden;padding-top:48px;}
section.info .pop_wrapper .pop_contents .close{position:absolute;width:60px;height:60px;background-image: url('../images/info/pop/close.png');right:12px;top:12px;cursor:pointer;}
section.info .pop_wrapper .pop_contents .data_box_wrap{position:relative;width:100%;}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box{height:243px;}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c01{width:492px;background-image: url('../images/info/pop/cont01.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c02{width:594px;background-image: url('../images/info/pop/cont02.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c03{width:555px;background-image: url('../images/info/pop/cont03.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c04{width:100%;height:698px;display:flex;flex-direction: column;align-items:center;gap:32px 0;}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05{width:100%;height:698px;display:flex;flex-direction: column;align-items:center;gap:32px 0;}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c06{width:532px;background-image: url('../images/info/pop/cont06.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c07{width:394px;background-image: url('../images/info/pop/cont07.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c08{width:429px;background-image: url('../images/info/pop/cont08.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c09{width:402px;background-image: url('../images/info/pop/cont09.png');}

section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c04 .dataset.d04{width:100%;display:flex;flex-direction: column;gap:20px 0;align-items:center;}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c04 .dataset.d04 .cont{width:616px;height:598px;background:#E9F3FF;border-radius:24px;padding:16px 12px 16px 16px;box-sizing: border-box;}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c04 .dataset.d04 .cont .data{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;}

section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05{width:100%;display:flex;flex-direction: column;gap:20px 0;align-items:center;}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .cont{width:616px;height:540px;background:#E9F3FF;border-radius:24px;padding:16px 12px 16px 16px;box-sizing: border-box;}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs{width:100%;display:flex;justify-content: space-between;}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab{width:109px;height:50px;cursor:pointer;transition:.5s all;}

section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t01{width:148px;background-image:url('../images/info/pop/tab05_1.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t02{background-image:url('../images/info/pop/tab05_2.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t03{background-image:url('../images/info/pop/tab05_3.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t04{background-image:url('../images/info/pop/tab05_4.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t05{background-image:url('../images/info/pop/tab05_5.png');}

section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t01.on{background-image:url('../images/info/pop/tab05_1_on.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t02.on{background-image:url('../images/info/pop/tab05_2_on.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t03.on{background-image:url('../images/info/pop/tab05_3_on.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t04.on{background-image:url('../images/info/pop/tab05_4_on.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t05.on{background-image:url('../images/info/pop/tab05_5_on.png');}

section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t01:hover{background-image:url('../images/info/pop/tab05_1_on.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t02:hover{background-image:url('../images/info/pop/tab05_2_on.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t03:hover{background-image:url('../images/info/pop/tab05_3_on.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t04:hover{background-image:url('../images/info/pop/tab05_4_on.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t05:hover{background-image:url('../images/info/pop/tab05_5_on.png');}

section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .cont .data{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;}

section.info .pop_wrapper  .btn_view{width:296px;height:78px;background-image:url('../images/info/pop/btn_view.png');cursor:pointer;}

section.info .pop_wrapper .pop_contents .data_box_wrap .data_box .dataset .cont .data::-webkit-scrollbar {
    width: 8px;
    box-sizing: border-box;
}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box .dataset .cont .data::-webkit-scrollbar-track {
    background: #FFFFFF;
    border-radius: 4px;
}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box .dataset .cont .data::-webkit-scrollbar-thumb {
    background: #08204E;
    border-radius: 100px;
}

/* 카드뉴스 */

/* 카드뉴스 */
section.cardnews {position: relative;width: 100%;height:1004px;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 .poster_box{display:flex;justify-content: space-between;width:856px;margin-top:40px;}
section.cardnews .contents_wrapper .poster_box .card{position:relative;width:434px;height:568px;background-image: url('../images/cardnews/cover.png');display: flex;flex-direction: column;align-items:center;}
section.cardnews .contents_wrapper .poster_box .card .ttl{width:100%;height:73px;display:flex;justify-content: center;align-items: center;color:#000000;font-size:28px;font-weight:700;}
section.cardnews .contents_wrapper .poster_box .card .pic{position:relative;width:310px;height:390px;border-radius:16px;left:5px;}
section.cardnews .contents_wrapper .poster_box .card.card01 .pic{background-image:url('../images/cardnews/pic01.png');}
section.cardnews .contents_wrapper .poster_box .card.card02 .pic{background-image:url('../images/cardnews/pic02.png');}
section.cardnews .contents_wrapper .poster_box .card .btn_view{width:198px;height:61px;margin:20px 0 0 0;}
section.cardnews .contents_wrapper .poster_box .card.card01 .btn_view{background-image: url('../images/cardnews/btn_view01.png');}
section.cardnews .contents_wrapper .poster_box .card.card02 .btn_view{background-image: url('../images/cardnews/btn_view02.png');}
section.cardnews .contents_wrapper .poster_box .card a{display:block;width:100%;height:100%;}

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:567px;height:829px;background:#FFFFFF;padding:20px;box-sizing:border-box;border-radius:24px;}
section.cardnews .pop_outer_site .pop_outer_content .pop_close{position:absolute;width:24px;height:24px;background-image: url('../images/cardnews/pop_close.png');right:20px;top:20px;background-size:100%;}
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:527px;height:662px;overflow:auto;margin:20px 0 0 0;}
section.cardnews .pop_outer_site .pop_outer_content .pic  .cardnewsSwiper{position:relative;width:100%;height:100%;border-radius:20px;overflow: hidden;}
section.cardnews .pop_outer_site .pop_outer_content .pic  .cardnewsSwiper .swiper-wrapper{width:100%;height:100%;}
section.cardnews .pop_outer_site .pop_outer_content .pic  .cardnewsSwiper .swiper-wrapper .swiper-slide{width:100%;height:100%;}
section.cardnews .pop_outer_site .pop_outer_content .pic  .cardnewsSwiper img{width:100%;height:100%;object-fit: cover;}
section.cardnews .pop_outer_site .pop_outer_content .control_wrapper {position:relative;width:100%;display:flex;justify-content: center;align-items:center;margin:20px 0 0 0;}

section.cardnews .pop_outer_site .pop_outer_content .control_wrapper .paging_wrap {position:relative;width:152px;display:flex;justify-content: space-between;}
section.cardnews .pop_outer_site .pop_outer_content .control_wrapper .paging_wrap .btn_prev{position:relative;width:56px;height:56px;cursor:pointer;}
section.cardnews .pop_outer_site .pop_outer_content .control_wrapper .paging_wrap .btn_next{position:relative;width:56px;height:56px;cursor:pointer;}

section.cardnews .pop_outer_site .pop_outer_content .control_wrapper .paging_wrap .btn_prev.swiper-button-disabled{opacity:.4;}
section.cardnews .pop_outer_site .pop_outer_content .control_wrapper .paging_wrap .btn_next.swiper-button-disabled{opacity:.4;}

section.cardnews .pop_outer_site .pop_outer_content.c01 .control_wrapper .btn_prev{background-image: url('../images/cardnews/btn01_prev.png');}
section.cardnews .pop_outer_site .pop_outer_content.c02 .control_wrapper .btn_prev{background-image: url('../images/cardnews/btn02_prev.png');}

section.cardnews .pop_outer_site .pop_outer_content.c01 .control_wrapper .btn_next{background-image: url('../images/cardnews/btn01_next.png');}
section.cardnews .pop_outer_site .pop_outer_content.c02 .control_wrapper .btn_next{background-image: url('../images/cardnews/btn02_next.png');}
section.cardnews .pop_outer_site .pop_outer_content .control_wrapper .cnt_info{position:absolute;right:0;font-size:32px;color:#333333;font-weight:400;display:flex;justify-content: end;gap:0 4px;width:60px;}
section.cardnews .pop_outer_site .pop_outer_content .control_wrapper .cnt_info .cur{color:#000000;font-weight:600;}
/* 카드뉴스 */


/* 동영상 */
section.movie {position: relative;width: 100%;height: 1116px;background-image:url('../images/movie/bg.jpg');}
section.movie .contents_wrap {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;gap:10px 0;}
section.movie .contents_wrap .movie_wrap{position:relative;width:1067px;height:549px;background-image: url('../images/movie/cover.png');display:flex;flex-direction: column;align-items: center;padding:24px;box-sizing: border-box;gap:16px 0;}
section.movie .contents_wrap .movie_wrap .movie{position:relative;width:1020px;height:454px;background:#000000;border-radius:14px;overflow:hidden;display:flex;align-items: center;justify-content: center;}
section.movie .contents_wrap .movie_wrap .movie iframe{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;}
section.movie .contents_wrap .movie_wrap .info_wrap{position:relative;width:100%;display:flex;justify-content: space-between;align-items: center;padding:0 7px;box-sizing: border-box;}
section.movie .contents_wrap .movie_wrap .info_wrap .ttl{position:relative;height:40px;font-size:24px;font-weight:600;display:flex;gap:0 7px;align-items:center;padding-left:30px;}
section.movie .contents_wrap .movie_wrap .info_wrap .ttl span{display:block;width:580px;word-break: break-all;white-space: normal;text-align:left;line-height:1.2;}
section.movie .contents_wrap .movie_wrap .info_wrap .ttl::before{position:relative;content:'';background-image: url('../images/movie/youtube.png');width:36px;height:26px;}
section.movie .contents_wrap .movie_wrap .info_wrap .btn_wrap{display:flex;gap:0 7px;align-items: center;}
section.movie .contents_wrap .movie_wrap .info_wrap .btn_wrap .btn_subscribe{position:relative;background-image: url('../images/movie/btn_subscribe.png');width:71px;height:40px;}
section.movie .contents_wrap .movie_wrap .info_wrap .btn_wrap .btn_subscribe a{position:relative;display:block;width:100%;height:100%;}
section.movie .contents_wrap .movie_wrap .info_wrap .btn_wrap .btn_subscribe .hand{right:-80px;bottom:-80px;}

section.movie .contents_wrap .thumb_list {position:relative;width:625px;display:flex;justify-content: center;gap:0 19px;margin:30px 0 0 0;}
section.movie .contents_wrap .thumb_list .thumb{width:195px;height:110px;border-radius:10px;overflow:hidden;cursor:pointer;filter: grayscale(100%);transition: .2s all;}
section.movie .contents_wrap .thumb_list .thumb.on{filter: grayscale(0%);}

section.movie .contents_wrap .thumb_list .btns_wrap{position:absolute;width:100%;left:0;bottom:0;}
section.movie .contents_wrap .thumb_list .btns_wrap .btn_prev{position:absolute;width:48px;height:48px;left:-79px;top:-79px;background-image: url('../images/movie/btn_prev.png');z-index:5;cursor:pointer;}
section.movie .contents_wrap .thumb_list .btns_wrap .btn_next{position:absolute;width:48px;height:48px;right:-79px;top:-79px;background-image: url('../images/movie/btn_next.png');z-index:5;cursor:pointer;}
/* 동영상 */

/* SNS  */
section.sns {position: relative;width: 100%;height: 680px;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;gap:40px 0;}
section.sns .contents_wrap .title_wrap {}
section.sns .contents_wrap .sns_wrapper {position: relative;display:flex;justify-content: center;align-items: center;}
section.sns .contents_wrap .sns_wrapper ul {display: flex;gap:0;width:1270px;flex-wrap:wrap;}
section.sns .contents_wrap .sns_wrapper .character{position:absolute;right:-215px;bottom:-40px;width:263px;height:367px;background-image: url('../images/sns/character.png');}
/* SNS  */

/* SNS SHARE */
section.snsshare {position: relative;width: 100%;height: 485px;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 {}
section.snsshare .contents_wrap .sns_wrapper {position: relative;display:flex;justify-content: center;align-items: center;background:#FFFFFF;padding:16px;box-sizing: border-box;border-radius:40px;}
section.snsshare .contents_wrap .sns_wrapper  ul {display: flex;gap: 0 20px;}
/* SNS SHARE */

.productSwiper {height:397px;}
/* 참여 정보 */
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: #EA5514;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -10px;
    font-weight: 900;
    line-height: 0;
    font-size:48px;
    font-family:'ONE-Mobile-Title';
}

section.sec-join-info span._join_all_cnt {
    color: #AECF04;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -10px;
    font-size:48px;
    font-family:'ONE-Mobile-Title';
}

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: #EEEEEE;
    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: 88px;z-index: 51;overflow: hidden;background:#3069D3;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: 75px;
}

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

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

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


.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?v=1');
    width: 70px;
    height: 70px;
    cursor: pointer;
    border-radius:50%;
}

.n_menu_list {
    position: fixed;
    bottom: -1000px;
    z-index: 99;
    background: #002B6B;
    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: 60px;
    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%;
}


#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;
    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 .btn_file{
    position:relative;
    width: 142px;
    height:40px;
    display:flex;
    justify-content: center;
    align-items: center;
    border:1px solid #9D83D8;
    background:#9D83D8;
    color:#FFFFFF;
    box-sizing: border-box;
    cursor:pointer;
}
.pu_event_info .btn_file .hand{
    bottom:-60px;
    right:-80px;
}

.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:nth-child(1) {
    border-bottom-left-radius: 20px;
}
.pu_event_info .btns a:nth-child(2) {
    border-bottom-right-radius: 20px;
}

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



.pu_event_info .btns a.bt_participate_done .hand{
    right:20px;
    bottom:-50px;
}

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

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

.pu_event_info.pop03 .btns a.bt_participate_done {
    background: #1263AA;
    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/cb01.png) no-repeat 0 0;
}


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

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