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

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

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

body {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;min-width: 1400px;background-color: #d5d6d7;}
body::after {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    content: url('../images/event02/machine/i01_on.png') url('../images/event02/machine/i02_on.png') url('../images/event02/machine/i03_on.png')
    url('../images/event02/machine/i04_on.png') url('../images/event02/machine/i05_on.png') url('../images/event02/machine/i06_on.png')
    url('../images/event02/machine/btn_select_on.png') url('../images/event02/message/r01.png') url('../images/event02/message/r02.png')
    url('../images/event02/message/r03.png') url('../images/event02/message/r04.png') url('../images/event02/message/r05.png') url('../images/event02/message/r06.png')
    url('../images/event03/pic01_on.png') url('../images/event03/pic02_on.png') url('../images/event03/pic03_on.png');
}
.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;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: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-position: center;overflow: hidden;}

.htmlWrapper section.visual_wrapper .contents_wrapper{position: relative;width: 100%;height: 100%;display:flex;flex-direction:column;justify-content: start;align-items:center;}
.htmlWrapper section.visual_wrapper .contents_wrapper .ttl_wrap{position:absolute;width:852px;height:262px;background-image: url('../images/visual/title.png');z-index:5;top:40px;}
.htmlWrapper section.visual_wrapper .contents_wrapper .student_wrap{position:absolute;left:0;bottom:0;width:100%;display:flex;justify-content: center;}
.htmlWrapper section.visual_wrapper .contents_wrapper .student_wrap .student{position:relative;width:1421px;height:581px;background-image: url('../images/visual/student.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .student_wrap .student > div{position:absolute;}
.htmlWrapper section.visual_wrapper .contents_wrapper .student_wrap .student .heart01{top:220px;left:240px;width:126px;height:121px;background-image: url('../images/visual/heart01.png');animation: 2s infinite heart linear forwards;}
.htmlWrapper section.visual_wrapper .contents_wrapper .student_wrap .student .heart02{top:260px;left:525px;width:146px;height:137px;background-image: url('../images/visual/heart02.png');animation: 2.5s infinite heart linear forwards;}
.htmlWrapper section.visual_wrapper .contents_wrapper .student_wrap .student .heart03{top:275px;left:780px;width:125px;height:116px;background-image: url('../images/visual/heart03.png');animation: 1.5s infinite heart linear forwards;}
.htmlWrapper section.visual_wrapper .contents_wrapper .student_wrap .student .heart04{top:250px;left:1040px;width:122px;height:121px;background-image: url('../images/visual/heart04.png');animation: 2.5s infinite heart linear forwards;}

/* 다음 */
section.daum {position: relative;width: 100%;height: 334px;display:flex;justify-content:center;background:#FFFFFF;}
section.daum .contents_wrap {display: flex;flex-direction: column;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: 19px;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:2601px;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 70px 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 {width:1300px;display:flex;flex-direction: column;align-items: center;gap:20px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover{width:1307px;display:flex;flex-direction: column;align-items: center;justify-content: center;gap:30px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover{width:100%;height:1165px;background-image: url('../images/event01/cover.png');display:flex;flex-direction: column;align-items: center;gap:40px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step01{width:100%;height:659px;display:flex;flex-direction: column;align-items: center;padding:40px 0 0 0;box-sizing: border-box;gap:20px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step01 .item_wrap{width:940px;display:flex;flex-wrap: wrap;gap:20px 20px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step01 .item_wrap .item{width:220px;height:220px;cursor:pointer;border-radius:20px;overflow:hidden;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step01 .item_wrap .item:hover{box-shadow: inset 0 0 0 5px #FF2A8D;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step01 .item_wrap .item.on{box-shadow: inset 0 0 0 5px #FF2A8D;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step01 .item_wrap .item.i01{background-image: url('../images/event01/icon01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step01 .item_wrap .item.i02{background-image: url('../images/event01/icon02.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step01 .item_wrap .item.i03{background-image: url('../images/event01/icon03.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step01 .item_wrap .item.i04{background-image: url('../images/event01/icon04.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step01 .item_wrap .item.i05{background-image: url('../images/event01/icon05.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step01 .item_wrap .item.i06{background-image: url('../images/event01/icon06.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step01 .item_wrap .item.i07{background-image: url('../images/event01/icon07.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step01 .item_wrap .item.i08{background-image: url('../images/event01/icon08.png');}

section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step02{width:100%;height:459px;display:flex;flex-direction: column;align-items: center;padding:40px 0 0 0;box-sizing: border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step02 .conts{position:relative;width:100%;flex:1;display:flex;align-items: center;justify-content: end;padding:0 40px;box-sizing: border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step02 .conts .icons{position:absolute;left:0;bottom:0;width:330px;height:330px;display:flex;justify-content: center;align-items: center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step02 .conts .icons .icon{position:relative;background-position:center;width:100%;height:100%;background-repeat: no-repeat;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step02 .conts .icons .icon.default{background-image:url('../images/event01/icon_default.png');top:5px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step02 .conts .icons .icon.u01{background-image:url('../images/event01/sel/i01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step02 .conts .icons .icon.u02{background-image:url('../images/event01/sel/i02.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step02 .conts .icons .icon.u03{background-image:url('../images/event01/sel/i03.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step02 .conts .icons .icon.u04{background-image:url('../images/event01/sel/i04.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step02 .conts .icons .icon.u05{background-image:url('../images/event01/sel/i05.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step02 .conts .icons .icon.u06{background-image:url('../images/event01/sel/i06.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step02 .conts .icons .icon.u07{background-image:url('../images/event01/sel/i07.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step02 .conts .icons .icon.u08{background-image:url('../images/event01/sel/i08.png');}

section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step02 .conts .comment{width:940px;height:260px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step02 .conts .comment textarea{background-image:url('../images/event01/edit.png');background-repeat: repeat-y;width:900px;height:100%;line-height:3.1; background-attachment: local;border-radius:20px;overflow:hidden;border:0;padding:0 20px;resize:none;box-sizing: content-box; }
section.event01 .contents_wrapper .event_cont_wrapper .event_cover .cover .step02 .conts .comment textarea:focus{outline:none;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cover .btn_start{position:relative;width:370px;height:86px;background-image: url('../images/event01/btn_send.png');cursor:pointer;}

section.event01 .contents_wrapper .join_wrapper {position: absolute;bottom:100px;width: 1139px;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: #FF2A8D;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;}


.trail-1 {
    animation: soar-trail 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    z-index: 3;
}
.trail-2 {
    animation: soar-trail 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    animation-delay: 0.15s;
    z-index: 2;
}
.trail-3 {
    animation: soar-trail 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    animation-delay: 0.3s;
    z-index: 1;
}


section.event01 .evt01_pop_wrapper {position:fixed;left:0;top:0;width:100%;height:100vh;background-color: rgba(0,0,0,.6);z-index:99;display:flex;justify-content: center;align-items: center;}
section.event01 .evt01_pop_wrapper .pop_contents{position:relative;width:1158px;height:508px;background:#FFF0FB;border-radius:40px;display:flex;justify-content: center;align-items: center;}
section.event01 .evt01_pop_wrapper .pop_contents::before{position:absolute;content:'';left:-25px;top:-35px;width:124px;height:90px;background-image: url('../images/event01/pop/mark01.png');z-index:2;}
section.event01 .evt01_pop_wrapper .pop_contents::after{position:absolute;content:'';right:-25px;bottom:-35px;width:124px;height:90px;background-image: url('../images/event01/pop/mark02.png');z-index:2;}
section.event01 .evt01_pop_wrapper .pop_contents .conts{position:relative;display:flex;flex-direction: column;align-items: center;justify-content:end;gap:8px 0;height:213px;}
section.event01 .evt01_pop_wrapper .pop_contents .conts .load{transition:1s all;}
section.event01 .evt01_pop_wrapper .pop_contents .conts .load.on{animation:1s airplain_move infinite linear forwards}
section.event01 .evt01_pop_wrapper .pop_contents .conts .load.init{position:absolute;animation:.7s airplain_init infinite linear forwards}
section.event01 .evt01_pop_wrapper .pop_contents .conts .airplain{position:absolute;left:220px;top:-60px;}
section.event01 .evt01_pop_wrapper .pop_contents .conts .txt{position:relative;}
section.event01 .evt01_pop_wrapper .pop_contents .conts .txt.ing{width:272px;height:36px;background-image: url('../images/event01/pop/txt.png');}
section.event01 .evt01_pop_wrapper .pop_contents .conts .txt.sending{width:249px;height:36px;background-image: url('../images/event01/pop/txt_comp.png');}
section.event01 .evt01_pop_wrapper .pop_contents .conts .loading_wrap{position:relative;width:616px;height:56px;border-radius:100px;background:#FFFFFF;padding:8px;box-sizing: border-box;display:flex;justify-content: start;}
section.event01 .evt01_pop_wrapper .pop_contents .conts .loading_wrap .loading{position:relative;width:0;height:40px;border-radius:100px;background:#FF2A8D;}
section.event01 .evt01_pop_wrapper .pop_contents .conts .loading_wrap .loading.on{animation:3s loading linear forwards;}

section.event01 .evt01_pop_result_wrapper {position:fixed;left:0;top:0;width:100%;height:100vh;background-color: rgba(0,0,0,.6);z-index:99;display:flex;flex-direction:column;justify-content: center;align-items: center;gap:40px 0;}
section.event01 .evt01_pop_result_wrapper .pop_contents{position:relative;width:1158px;background:#FFF0FB;border-radius:40px;display:flex;justify-content: center;align-items: center;}
section.event01 .evt01_pop_result_wrapper .pop_contents::before{position:absolute;content:'';left:-25px;top:-35px;width:124px;height:90px;background-image: url('../images/event01/pop/mark01.png');z-index:2;}
section.event01 .evt01_pop_result_wrapper .pop_contents::after{position:absolute;content:'';right:-25px;bottom:-35px;width:124px;height:90px;background-image: url('../images/event01/pop/mark02.png');z-index:2;}
section.event01 .evt01_pop_result_wrapper .pop_contents .conts{position:relative;display:flex;flex-direction: column;align-items:center;}
section.event01 .evt01_pop_result_wrapper .pop_contents .conts .msg{position:relative;width:1158px;height:508px;display:flex;flex-direction: column;align-items: center;padding:166px 0 0 0;box-sizing:border-box;}
section.event01 .evt01_pop_result_wrapper .pop_contents .conts .msg .icon{position:relative;width:140px;height:140px;}
section.event01 .evt01_pop_result_wrapper .btn_join {position:relative;width:394px;height:86px;background-image: url('../images/event01/btn_join.png');cursor:pointer;}
section.event01 .evt01_pop_result_wrapper .pop_contents .conts.r01 .msg{background-image: url('../images/event01/icons/r01.png');}
section.event01 .evt01_pop_result_wrapper .pop_contents .conts.r01 .msg .icon{background-image: url('../images/event01/icons/i01.png');}
section.event01 .evt01_pop_result_wrapper .pop_contents .conts.r02 .msg{background-image: url('../images/event01/icons/r02.png');}
section.event01 .evt01_pop_result_wrapper .pop_contents .conts.r02 .msg .icon{background-image: url('../images/event01/icons/i02.png');}
section.event01 .evt01_pop_result_wrapper .pop_contents .conts.r03 .msg{background-image: url('../images/event01/icons/r03.png');}
section.event01 .evt01_pop_result_wrapper .pop_contents .conts.r03 .msg .icon{background-image: url('../images/event01/icons/i03.png');}
section.event01 .evt01_pop_result_wrapper .pop_contents .conts.r04 .msg{background-image: url('../images/event01/icons/r04.png');}
section.event01 .evt01_pop_result_wrapper .pop_contents .conts.r04 .msg .icon{background-image: url('../images/event01/icons/i04.png');}
section.event01 .evt01_pop_result_wrapper .pop_contents .conts.r05 .msg{background-image: url('../images/event01/icons/r05.png');}
section.event01 .evt01_pop_result_wrapper .pop_contents .conts.r05 .msg .icon{background-image: url('../images/event01/icons/i05.png');}
section.event01 .evt01_pop_result_wrapper .pop_contents .conts.r06 .msg{background-image: url('../images/event01/icons/r06.png');}
section.event01 .evt01_pop_result_wrapper .pop_contents .conts.r06 .msg .icon{background-image: url('../images/event01/icons/i06.png');}
section.event01 .evt01_pop_result_wrapper .pop_contents .conts.r07 .msg{background-image: url('../images/event01/icons/r07.png');}
section.event01 .evt01_pop_result_wrapper .pop_contents .conts.r07 .msg .icon{background-image: url('../images/event01/icons/i07.png');}
section.event01 .evt01_pop_result_wrapper .pop_contents .conts.r08 .msg{background-image: url('../images/event01/icons/r08.png');}
section.event01 .evt01_pop_result_wrapper .pop_contents .conts.r08 .msg .icon{background-image: url('../images/event01/icons/i08.png');}

/* 이벤트 01 */

/* 이벤트 02 */
section.event02 {position: relative;width: 100%;height:1954px;background-image: url('../images/event02/bg.jpg');overflow:hidden;}
section.event02 .contents_wrapper {position:relative;display: flex;flex-direction: column;width: 1300px;height:100%;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 55px 0;width: 100%;justify-content: space-between;z-index: 2;}
section.event02 .contents_wrapper .schedule_wrap .present{position:relative;}
section.event02 .contents_wrapper .event_cont_wrapper {width:1300px;height:100%;display:flex;flex-direction: column;align-items: center;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap {display:flex;width:100%;align-items: center;gap:0 40px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper{display:flex;flex-direction:column;align-items:center;width:748px;height:814px;background-image: url('../images/event02/machine/machine.png');padding:25px 0 0 0;box-sizing: border-box;gap:10px 0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts{display:flex;width:100%;height:100%;padding:0 15px;box-sizing: border-box;justify-content: space-between;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .left{display:flex;flex-direction:column;align-items:center;gap:12px 0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .left .card_wrapper{display:flex;flex-wrap: wrap;justify-content: center;padding:70px 0 0 0;box-sizing: border-box;width:494px;height:510px;background-image: url('../images/event02/machine/l_box.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .left .card_wrapper .card{position:relative;width:158px;height:213px;cursor:pointer;transition: .3s all;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .left .card_wrapper .card.c01{background-image: url('../images/event02/machine/i01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .left .card_wrapper .card.c02{background-image: url('../images/event02/machine/i02.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .left .card_wrapper .card.c03{background-image: url('../images/event02/machine/i03.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .left .card_wrapper .card.c04{background-image: url('../images/event02/machine/i04.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .left .card_wrapper .card.c05{background-image: url('../images/event02/machine/i05.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .left .card_wrapper .card.c06{background-image: url('../images/event02/machine/i06.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .left .card_wrapper .card.c01:hover{background-image: url('../images/event02/machine/i01_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .left .card_wrapper .card.c02:hover{background-image: url('../images/event02/machine/i02_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .left .card_wrapper .card.c03:hover{background-image: url('../images/event02/machine/i03_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .left .card_wrapper .card.c04:hover{background-image: url('../images/event02/machine/i04_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .left .card_wrapper .card.c05:hover{background-image: url('../images/event02/machine/i05_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .left .card_wrapper .card.c06:hover{background-image: url('../images/event02/machine/i06_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .left .card_wrapper .card.c01.on{background-image: url('../images/event02/machine/i01_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .left .card_wrapper .card.c02.on{background-image: url('../images/event02/machine/i02_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .left .card_wrapper .card.c03.on{background-image: url('../images/event02/machine/i03_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .left .card_wrapper .card.c04.on{background-image: url('../images/event02/machine/i04_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .left .card_wrapper .card.c05.on{background-image: url('../images/event02/machine/i05_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .left .card_wrapper .card.c06.on{background-image: url('../images/event02/machine/i06_on.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .right{position:relative;width:210px;height:610px;background-image: url('../images/event02/machine/r_box.png');display:flex;flex-direction:column;align-items: center;padding:20px 0;box-sizing: border-box;gap:20px 0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .right .sel{position:relative;width:170px;height:110px;background-image: url('../images/event02/machine/btn_select.png');display:flex;align-items: center;justify-content: center;cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .right .sel.on{background-image: url('../images/event02/machine/btn_select_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .right .sel .hand{display:none;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .right .sel.on .hand{display:block;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .right .output{position:relative;width:174px;height:194px;background-image: url('../images/event02/machine/output.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .machine_wrapper .part_conts .right .output .eff{position:absolute;left:-20px;top:-150px;width:214px;height:172px;background-image: url('../images/event02/machine/open.png');transform-origin: bottom;animation:1s otwist infinite linear forwards;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .info_wrapper{width:519px;height:575px;background-image: url('../images/event02/machine/method.png');}
section.event02 .contents_wrapper .character{position:absolute;right:-160px;bottom:0;width:403px;height:532px;background-image: url('../images/event02/woman.png');z-index:3;}

section.event02 .evt02_pop_wrapper{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:99;}
section.event02 .evt02_pop_wrapper .pop_contents{position:relative;width:100%;height:100%;display:flex;justify-content: center;align-items: center;}
section.event02 .evt02_pop_wrapper .pop_contents .conts{position:relative;display:flex;flex-direction: column;width:400px;justify-content: center;gap:40px 0;align-items:center;}
section.event02 .evt02_pop_wrapper .pop_contents .conts .present{position:relative;width:100%;height:497px;}
section.event02 .evt02_pop_wrapper .pop_contents .conts .present.on{animation: .7s ptwist infinite linear forwards;}

section.event02 .evt02_pop_wrapper .pop_contents .conts .present .head{position:absolute;left:-66px;top:9px;width:587px;height:398px;background-image: url('../images/event02/present/head.png');z-index:2;transform-origin: 467px 194px;}
section.event02 .evt02_pop_wrapper .pop_contents .conts .present .head.open{animation:.5s present_open 1 linear forwards;}
section.event02 .evt02_pop_wrapper .pop_contents .conts .present .head .effect{position:absolute;left:-340px;width:1300px;height:597px;background-image: url('../images/event02/present/effect.png');transform:scale(0);}
section.event02 .evt02_pop_wrapper .pop_contents .conts .present .head .effect.on{animation:1s boom infinite linear forwards;}
section.event02 .evt02_pop_wrapper .pop_contents .conts .present .body{position:absolute;left:0;bottom:0;width:400px;height:293px;background-image: url('../images/event02/present/body.png');}
section.event02 .evt02_pop_wrapper .pop_contents .conts .btn_open{position:relative;width:290px;height:86px;background-image: url('../images/event02/btn_open.png');cursor:pointer;}

section.event02 .evt02_pop_result_wrapper{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:99;}
section.event02 .evt02_pop_result_wrapper .pop_contents{position:relative;width:100%;height:100%;display:flex;justify-content: center;align-items: center;}
section.event02 .evt02_pop_result_wrapper .pop_contents .conts{position:relative;display:flex;flex-direction: column;width:691px;justify-content: center;gap:40px 0;align-items:center;}
section.event02 .evt02_pop_result_wrapper .pop_contents .conts .message{position:relative;width:100%;height:589px;}
section.event02 .evt02_pop_result_wrapper .pop_contents .conts .message.m01{background-image:url('../images/event02/message/r01.png');}
section.event02 .evt02_pop_result_wrapper .pop_contents .conts .message.m02{background-image:url('../images/event02/message/r02.png');}
section.event02 .evt02_pop_result_wrapper .pop_contents .conts .message.m03{background-image:url('../images/event02/message/r03.png');}
section.event02 .evt02_pop_result_wrapper .pop_contents .conts .message.m04{background-image:url('../images/event02/message/r04.png');}
section.event02 .evt02_pop_result_wrapper .pop_contents .conts .message.m05{background-image:url('../images/event02/message/r05.png');}
section.event02 .evt02_pop_result_wrapper .pop_contents .conts .message.m06{background-image:url('../images/event02/message/r06.png');}
section.event02 .evt02_pop_result_wrapper .pop_contents .conts .message > div{position:absolute;}
section.event02 .evt02_pop_result_wrapper .pop_contents .conts .message > div.icon01{left:-36px;top:110px;width:95px;height:92px;background-image:url('../images/event02/message/sticker01.png');}
section.event02 .evt02_pop_result_wrapper .pop_contents .conts .message > div.icon02{left:-32px;bottom:-56px;width:133px;height:126px;background-image:url('../images/event02/message/sticker02.png');}
section.event02 .evt02_pop_result_wrapper .pop_contents .conts .message > div.icon03{right:-70px;top:-26px;width:181px;height:167px;background-image:url('../images/event02/message/sticker03.png');}

section.event02 .evt02_pop_result_wrapper .pop_contents .conts .btn_ok{position:relative;width:290px;height:86px;background-image: url('../images/event02/btn_comfirm.png');cursor:pointer;}


section.event02 .contents_wrapper > .join_wrapper {position: absolute;width: 1112px;height: 132px;bottom:100px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background-image: url('../images/bg_num02.png');z-index:5;}
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: #FF5B4C;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:1949px;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 .event_cont_wrapper {width:1300px;display:flex;flex-direction: column;align-items: center;justify-content: center;gap:40px 0;}
section.event03 .contents_wrapper .event_cont_wrapper .card_box_wrapper{width:100%;display:flex;flex-direction: column;align-items: center;justify-content: center;gap:16px 0;}
section.event03 .contents_wrapper .event_cont_wrapper .card_box_wrapper .card_box{width:100%;height:505px;background-image: url('../images/event03/step01.png');display:flex;align-items: center;justify-content:center;gap:0 20px;padding:73px 0 0 0;box-sizing: border-box;}
section.event03 .contents_wrapper .event_cont_wrapper .card_box_wrapper .card_box .card{position:relative;width:320px;height:352px;transition:.3s all;cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .card_box_wrapper .card_box .card.c01{background-image:url('../images/event03/pic01.png');}
section.event03 .contents_wrapper .event_cont_wrapper .card_box_wrapper .card_box .card.c02{background-image:url('../images/event03/pic02.png');}
section.event03 .contents_wrapper .event_cont_wrapper .card_box_wrapper .card_box .card.c03{background-image:url('../images/event03/pic03.png');}
section.event03 .contents_wrapper .event_cont_wrapper .card_box_wrapper .card_box .card.c01:hover{background-image:url('../images/event03/pic01_on.png');}
section.event03 .contents_wrapper .event_cont_wrapper .card_box_wrapper .card_box .card.c02:hover{background-image:url('../images/event03/pic02_on.png');}
section.event03 .contents_wrapper .event_cont_wrapper .card_box_wrapper .card_box .card.c03:hover{background-image:url('../images/event03/pic03_on.png');}
section.event03 .contents_wrapper .event_cont_wrapper .card_box_wrapper .card_box .card.c01:hover{background-image:url('../images/event03/pic01_on.png');}

section.event03 .contents_wrapper .event_cont_wrapper .card_box_wrapper .card_box .card.on::after{position:absolute;content:'';right:-8px;top:-8px;width:60px;height:60px;}
section.event03 .contents_wrapper .event_cont_wrapper .card_box_wrapper .card_box .card.c01.on{background-image:url('../images/event03/pic01_on.png');}
section.event03 .contents_wrapper .event_cont_wrapper .card_box_wrapper .card_box .card.c02.on{background-image:url('../images/event03/pic02_on.png');}
section.event03 .contents_wrapper .event_cont_wrapper .card_box_wrapper .card_box .card.c03.on{background-image:url('../images/event03/pic03_on.png');}

section.event03 .contents_wrapper .event_cont_wrapper .card_box_wrapper .card_box .card.c01.on::after{background-image:url('../images/event03/chk01.png');}
section.event03 .contents_wrapper .event_cont_wrapper .card_box_wrapper .card_box .card.c02.on::after{background-image:url('../images/event03/chk02.png');}
section.event03 .contents_wrapper .event_cont_wrapper .card_box_wrapper .card_box .card.c03.on::after{background-image:url('../images/event03/chk03.png');}

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

section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper {position:relative;display:flex;flex-direction:column;align-items:center;width:1300px;height:505px;background-image: url('../images/event03/result/cover.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper .stxt{position:relative;width:100%;height:73px;display:flex;justify-content: center;align-items: center;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper .cont_wrap{position:relative;width:100%;display:flex;padding:40px 50px 0 50px;box-sizing: border-box;gap:0 40px;justify-content: space-between;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper .cont_wrap .phone{position:relative;width:339px;height:396px;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper .cont_wrap .conts{position:relative;display:flex;flex-direction:column;gap:20px 0;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper .cont_wrap .conts .ttl{position:relative;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper .cont_wrap .conts .cont{position:relative;width:820px;height:306px;background:#F4F4F4;border-radius:20px;padding:20px;box-sizing:border-box;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper .cont_wrap .conts .cont .inner{position:relative;width:100%;height:100%;overflow-y:auto; -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);mask-image: linear-gradient(to bottom, black 80%, transparent 100%);padding-bottom:40px;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper .btn_join{position:absolute;bottom:-112px;width:394px;height:86px;background-image: url('../images/event03/btn_join.png');cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper .btn_join.on{background-image: url('../images/event03/btn_join_on.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper .btn_join .hand{display:none;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper .btn_join.on .hand{display:block;}

section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper .btn_next{position:absolute;bottom:-112px;width:298px;height:86px;background-image: url('../images/event03/btn_next.png');cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper .btn_next .hand{display:none;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper .btn_next.on .hand{display:block;}


section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r01 .cont_wrap .phone.step01{background-image: url('../images/event03/result/r01/hp.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r01 .cont_wrap .phone.step02{background-image: url('../images/event03/result/r01/hp_step01.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r01 .cont_wrap .phone.step03{background-image: url('../images/event03/result/r01/hp_step02.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r01 .cont_wrap .phone.step04{padding:68px 0 0 0;background-image: url('../images/event03/result/r01/hp_basic.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r01 .cont_wrap .phone.step04 .guide_step{width:100%;height:100%;display:flex;flex-direction: column;align-items:center;gap:20px 0;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r01 .cont_wrap .phone.step04 .guide_step .gstep{position:relative;width:280px;height:44px;opacity:0;top:10px;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r01 .cont_wrap .phone.step04 .guide_step .gstep.on{opacity:1;top:0;transition: .5s all;transition-duration: 1s;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r01 .cont_wrap .phone.step04 .guide_step .gstep.g01{background-image: url('../images/event03/result/r01/gstep01.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r01 .cont_wrap .phone.step04 .guide_step .gstep.g02{background-image: url('../images/event03/result/r01/gstep02.png');transition-delay: .7s;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r01 .cont_wrap .phone.step04 .guide_step .gstep.g03{background-image: url('../images/event03/result/r01/gstep03.png');transition-delay: 1.4s}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r01 .cont_wrap .phone.step04 .guide_step .gstep.g04{background-image: url('../images/event03/result/r01/gstep04.png');transition-delay: 2.1s}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r01 .cont_wrap .phone.step04 .guide_step .gstep.g05{background-image: url('../images/event03/result/r01/gstep05.png');transition-delay: 2.8s}

section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r02 .cont_wrap .phone.step01{background-image: url('../images/event03/result/r02/hp.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r02 .cont_wrap .phone.step02{padding:68px 0 0 0;background-image: url('../images/event03/result/r02/hp_basic.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r02 .cont_wrap .phone.step02 .guide_step{width:100%;height:100%;display:flex;flex-direction: column;align-items:center;gap:20px 0;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r02 .cont_wrap .phone.step02 .guide_step .gstep{position:relative;width:280px;height:44px;opacity:0;top:10px;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r02 .cont_wrap .phone.step02 .guide_step .gstep.on{opacity:1;top:0;transition: .5s all;transition-duration: 1s;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r02 .cont_wrap .phone.step02 .guide_step .gstep.g01{background-image: url('../images/event03/result/r02/pstep01.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r02 .cont_wrap .phone.step02 .guide_step .gstep.g02{background-image: url('../images/event03/result/r02/pstep02.png');transition-delay: .7s;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r02 .cont_wrap .phone.step02 .guide_step .gstep.g03{background-image: url('../images/event03/result/r02/pstep03.png');transition-delay: 1.4s}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r02 .cont_wrap .phone.step02 .guide_step .gstep.g04{background-image: url('../images/event03/result/r02/pstep04.png');transition-delay: 2.1s}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r02 .cont_wrap .phone.step02 .guide_step .gstep.g05{background-image: url('../images/event03/result/r02/pstep05.png');transition-delay: 2.8s}


section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r03 .cont_wrap .phone.step01{background-image: url('../images/event03/result/r03/hp.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r03 .cont_wrap .phone.step02{padding:68px 0 0 0;background-image: url('../images/event03/result/r03/hp_basic.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r03 .cont_wrap .phone.step02 .guide_step{width:100%;height:100%;display:flex;flex-direction: column;align-items:center;gap:20px 0;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r03 .cont_wrap .phone.step02 .guide_step .gstep{position:relative;width:280px;height:44px;opacity:0;top:10px;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r03 .cont_wrap .phone.step02 .guide_step .gstep.on{opacity:1;top:0;transition: .5s all;transition-duration: 1s;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r03 .cont_wrap .phone.step02 .guide_step .gstep.g01{background-image: url('../images/event03/result/r03/pstep01.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r03 .cont_wrap .phone.step02 .guide_step .gstep.g02{background-image: url('../images/event03/result/r03/pstep02.png');transition-delay: .7s;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r03 .cont_wrap .phone.step02 .guide_step .gstep.g03{background-image: url('../images/event03/result/r03/pstep03.png');transition-delay: 1.4s}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r03 .cont_wrap .phone.step02 .guide_step .gstep.g04{background-image: url('../images/event03/result/r03/pstep04.png');transition-delay: 2.1s}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r03 .cont_wrap .phone.step02 .guide_step .gstep.g05{background-image: url('../images/event03/result/r03/pstep05.png');transition-delay: 2.8s}

section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r01 .cont_wrap .conts .cont .img{width:583px;height:471px;background-image: url('../images/event03/result/r01/info.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r02 .cont_wrap .conts .cont .img{width:618px;height:434px;background-image: url('../images/event03/result/r02/info.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r03 .cont_wrap .conts .cont .img{width:675px;height:467px;background-image: url('../images/event03/result/r03/info.png');}

section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r01 .cont_wrap .phone {display:flex;padding:170px 38px;box-sizing: border-box;gap:0 20px;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r01 .cont_wrap .phone .google{position:relative;width:120px;height:120px;cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r01 .cont_wrap .phone .apple{position:relative;width:120px;height:120px;cursor:pointer;}

section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r01 .cont_wrap .phone.step02 {padding:230px 0 0 132px;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r01 .cont_wrap .phone.step02 .btn_app_step01{position:relative;width:83px;height:34px;cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r01 .cont_wrap .phone.step02 .btn_app_step01 .hand{right:-80px;bottom:-80px;}

section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r01 .cont_wrap .phone.step03 {padding:292px 0 0 25px;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r01 .cont_wrap .phone.step03 .btn_app_step02{position:relative;width:290px;height:34px;cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r01 .cont_wrap .phone.step03 .btn_app_step02 .hand{bottom:-80px;}

section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r02 .cont_wrap .phone.step01 {padding:61px 0 0 0;display:flex;flex-direction:column;align-items:center;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r02 .cont_wrap .phone.step01 .nums{display:flex;width:196px;height:264px;flex-wrap:wrap;gap:8px;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r02 .cont_wrap .phone.step01 .nums > div{position:relative;width:60px;height:60px;transition: .3s all;cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r02 .cont_wrap .phone.step01 .nums > div .hand{right:-50px;bottom:-70px;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r02 .cont_wrap .phone.step01 .nums .no01{background-image: url('../images/event03/result/r02/no1.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r02 .cont_wrap .phone.step01 .nums .no03{background-image: url('../images/event03/result/r02/no3.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r02 .cont_wrap .phone.step01 .nums .no08{background-image: url('../images/event03/result/r02/no8.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r02 .cont_wrap .phone.step01 .nums .no01.on{background-image: url('../images/event03/result/r02/no1_on.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r02 .cont_wrap .phone.step01 .nums .no03.on{background-image: url('../images/event03/result/r02/no3_on.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r02 .cont_wrap .phone.step01 .nums .no08.on{background-image: url('../images/event03/result/r02/no8_on.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r02 .cont_wrap .phone.step01 .btn_call{position:relative;width:60px;height:60px;background-image: url('../images/event03/result/r02/btn_call.png');cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r02 .cont_wrap .phone.step01 .btn_call .hand{display:none;right:-60px;bottom:-70px;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r02 .cont_wrap .phone.step01 .btn_call.on .hand{display:block;}

section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r03 .cont_wrap .phone.step01 {padding:60px 0 0 0;display:flex;flex-direction:column;align-items:center;gap:8px 0;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r03 .cont_wrap .phone.step01 .nums{display:flex;width:196px;height:264px;flex-wrap:wrap;gap:8px;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r03 .cont_wrap .phone.step01 .nums > div{position:relative;width:60px;height:60px;transition: .3s all;cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r03 .cont_wrap .phone.step01 .nums > div .hand{right:-50px;bottom:-70px;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r03 .cont_wrap .phone.step01 .nums .no01{background-image: url('../images/event03/result/r03/no1.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r03 .cont_wrap .phone.step01 .nums .no09{background-image: url('../images/event03/result/r03/no9.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r03 .cont_wrap .phone.step01 .nums .no0{background-image: url('../images/event03/result/r03/no0.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r03 .cont_wrap .phone.step01 .nums .no01.on{background-image: url('../images/event03/result/r03/no1_on.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r03 .cont_wrap .phone.step01 .nums .no09.on{background-image: url('../images/event03/result/r03/no9_on.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r03 .cont_wrap .phone.step01 .nums .no0.on{background-image: url('../images/event03/result/r03/no0_on.png');}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r03 .cont_wrap .phone.step01 .btn_call{position:relative;width:60px;height:60px;background-image: url('../images/event03/result/r02/btn_call.png');cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r03 .cont_wrap .phone.step01 .btn_call .hand{display:none;right:-60px;bottom:-70px;}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r03 .cont_wrap .phone.step01 .btn_call.on .hand{display:block;}


section.event03 .contents_wrapper > .join_wrapper {position: absolute;width: 1082px;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: #BB65ED;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;}

section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r01 .cont_wrap .conts .cont .inner::-webkit-scrollbar {
    width: 10px;  /* 세로 스크롤바 너비 */
    height: 10px; /* 가로 스크롤바 높이 */
}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r01 .cont_wrap .conts .cont .inner::-webkit-scrollbar-track {
    background: #D9D9D9;
    border-radius: 5px;
}
section.event03 .contents_wrapper .event_cont_wrapper .step_box_wrapper.r01 .cont_wrap .conts .cont .inner::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;

}
/* 이벤트 03 */

/* 카드뉴스 */
section.cardnews {position: relative;width: 100%;height: 1092px;background-image: url('../images/cardnews/bg.jpg');display:none;}
section.cardnews .contents_wrapper {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap:27px 0;}
section.cardnews .contents_wrapper .gallery_wrap{position:relative;display:flex;justify-content: center;align-items: center;}
section.cardnews .contents_wrapper .gallery_wrap .gallery_list{position:relative;width:680px;height:680px;}
section.cardnews .contents_wrapper .gallery_wrap .gallery_list .cardNewsSwiper{border-radius:20px;overflow:hidden;}
section.cardnews .contents_wrapper .gallery_wrap .gallery_list .cardnews-btn-prev{position:absolute;left:-140px;top:299px;background-image: url('../images/cardnews/btn_prev.png');width:82px;height:82px;cursor:pointer;}
section.cardnews .contents_wrapper .gallery_wrap .gallery_list .cardnews-btn-next{position:absolute;right:-140px;top:299px;background-image: url('../images/cardnews/btn_next.png');width:82px;height:82px;cursor:pointer;}
/* 카드뉴스 */

/* 서비스 */
section.service {position: relative;width: 100%;height: 939px;background-image: url('../images/service/bg.jpg');}
section.service .contents_wrapper {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
section.service .contents_wrapper .service_wrap{position:relative;display:flex;justify-content: center;align-items: center;}
section.service .contents_wrapper .service_wrap .l_box{position:relative;width:663px;height:583px;display:flex;justify-content: center;align-items: start;background-image: url('../images/service/s01.png');padding:102px 0 0 0;box-sizing:border-box;}
section.service .contents_wrapper .service_wrap .r_box{position:relative;width:663px;height:583px;display:flex;justify-content: center;align-items: start;background-image: url('../images/service/s02.png');padding:102px 0 0 0;box-sizing:border-box;}
section.service .contents_wrapper .service_wrap .items{position:relative;width:550px;display:flex;flex-direction: column;gap:0 0;}
section.service .contents_wrapper .service_wrap .items .item{position:relative;width:100%;display:flex;font-size:20px;font-weight:500;color:#333333;height:76px;align-items:center;justify-content: space-between;}
section.service .contents_wrapper .service_wrap .items .item .btn{width:105px;}
section.service .contents_wrapper .service_wrap .items .item .btn.b01{width:160px;}
section.service .contents_wrapper .service_wrap .items .item .btn.b02{width:130px;}
section.service .contents_wrapper .service_wrap .items .item .btn span{display:flex;padding:0 16px;box-sizing: border-box;height:44px;background:#6A98D5;font-size:18px;border-radius:100px;overflow:hidden;}
section.service .contents_wrapper .service_wrap .items .item .btn span a{display:flex;width:100%;height:100%;color:#FFFFFF;font-weight:700;justify-content: center;align-items: center;letter-spacing: -0.7px;}
section.service .contents_wrapper .service_wrap .items .item .btn span.disabled {background:#F5F5F5;}
section.service .contents_wrapper .service_wrap .items .item .btn span.disabled a{font-size:18px;color:#CCCCCC;}
/* 서비스 */

/* 자가 검진 테스트 */
section.selftest {position: relative;width: 100%;height: 1048px;background-image: url('../images/self/bg.jpg');}
section.selftest .contents_wrapper {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap:40px 0;}
section.selftest .contents_wrapper .self_wrap{width: 100%;display:flex;flex-direction:column;justify-content: center;align-items: center;gap:20px 0;}
section.selftest .contents_wrapper .self_wrap .items_wrap{display:flex;flex-wrap:wrap;width:1325px;justify-content: center;}
section.selftest .contents_wrapper .self_wrap .btn_go{position:relative;width:532px;height:86px;background-image: url('../images/self/btn_go.png');}
section.selftest .contents_wrapper .self_wrap .btn_go a{position:relative;display:block;width:100%;height:100%;}
/* 자가 검진 테스트 */


/* SNS SHARE */
section.snsshare {position: relative;width: 100%;height: 458px;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;}
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:'ONE-Mobile-Title';
}

section.sec-join-info span._join_all_cnt {
    color: #BB65ED;
    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:#FF89CA;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: start;
    align-items: center;
    box-sizing: border-box;
}

.navigator_wrapper .cont_wrap .navi_wrap > li {
    position: relative;
    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: 150px;
}

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



.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: #FF5C5F;
    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: #FF2A8D;
    color: #FFFFFF;
}

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

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


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

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

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

.pu_event_done {
    width: 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; }