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

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

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

@font-face {
  font-family: 'SchoolSafetyNotification';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimAllimjangTTF-B.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}
body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #FFFFFF;
}
body, h1, h2, h3, h4, input, select, button, textarea {font-family:'Pretendard',sans-serif;}
body::after{
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
  z-index:-1;
  content: url('../images/visual/ani/a01.png')  url('../images/visual/ani/a02.png')  url('../images/visual/ani/a03.png')
  url('../images/visual/char02/char02.png') url('../images/visual/char02/char03.png') url('../images/visual/char02/char04.png')
  url('../images/visual/char03/char02.png') url('../images/visual/char03/char03.png') url('../images/visual/char03/char04.png')
  url('../images/visual/char03/char05.png') url('../images/visual/char03/char06.png') url('../images/visual/char03/char07.png')
  url('../images/visual/char03/char08.png') url('../images/visual/char03/char09.png') url('../images/visual/char03/char10.png')
  url('../images/visual/ani/a04.png')  url('../images/visual/ani/a05.png')  url('../images/visual/ani/a06.png')
  url('../images/visual/ani/a07.png')  url('../images/visual/ani/a08.png')  url('../images/visual/ani/a09.png')
  url('../images/visual/ani/a10.png')  url('../images/visual/ani/a11.png')  url('../images/visual/ani/a12.png')
  url('../images/visual/ani/a13.png')  url('../images/visual/ani/a14.png')  url('../images/visual/ani/a15.png')
  url('../images/visual/ani/a16.png')  url('../images/visual/ani/a17.png')  url('../images/visual/ani/a18.png')
  url('../images/visual/ani/a19.png')  url('../images/visual/ani/a20.png')  url('../images/visual/ani/a21.png') url('../images/event03/devil02.png')
  url('../images/visual/char04/char02.png') url('../images/visual/char04/char03.png') url('../images/visual/char04/char04.png') url('../images/visual/char04/char05.png')
  url('../images/event01/char05/char02.png') url('../images/event01/char02/char02.png') url('../images/event01/char02/char03.png') url('../images/event01/char02/char04.png')
  url('../images/event01/char06/char02.png') url('../images/event03/girl/char02.png')
  url('../images/event01/char08/char02.png') url('../images/event01/char08/char03.png') url('../images/event01/char07/char02.png')
  url('../images/event01/char01/char02.png') url('../images/event01/char01/char03.png') url('../images/event01/char01/char04.png') url('../images/event01/char01/char05.png')
  url('../images/event02/hp_on.png') url('../images/event02/game02.png') url('../images/event02/info01.png') url('../images/event02/info02.png')
  url('../images/event01/promise/c01.png') url('../images/event01/promise/c02.png') url('../images/event01/promise/c03.png') url('../images/event01/promise/c04.png')
  url('../images/event01/promise/c05.png') url('../images/event01/promise/c06.png') url('../images/event01/promise/c07.png') url('../images/event01/promise/c08.png')
  url('../images/event01/promise/c09.png') url('../images/event01/promise/c10.png') url('../images/event01/promise/c11.png') url('../images/event01/promise/c12.png')
  url('../images/event01/promise/c13.png') url('../images/event01/promise/c14.png') url('../images/event01/promise/c15.png') url('../images/event01/promise/c16.png')
  url('../images/event01/promise/c17.png') url('../images/event01/promise/c18.png') url('../images/event01/promise/c19.png') url('../images/event01/promise/c20.png') url('../images/event01/promise/c21.png')

  url('../images/event02/promise/c01.png') url('../images/event02/promise/c02.png') url('../images/event02/promise/c03.png') url('../images/event02/promise/c04.png')
  url('../images/event02/promise/c05.png') url('../images/event02/promise/c06.png') url('../images/event02/promise/c07.png') url('../images/event02/promise/c08.png')
  url('../images/event02/promise/c09.png') url('../images/event02/promise/c10.png') url('../images/event02/promise/c11.png') url('../images/event02/promise/c12.png')
  url('../images/event02/promise/c13.png') url('../images/event02/promise/c14.png') url('../images/event02/promise/c15.png') url('../images/event02/promise/c16.png')
  url('../images/event02/promise/c17.png') url('../images/event02/promise/c18.png') url('../images/event02/promise/c19.png') url('../images/event02/promise/c20.png') url('../images/event02/promise/c21.png')

  url('../images/event03/info02.png') url('../images/event03/esti01.png') url('../images/event03/esti02.png') url('../images/event03/promise02.png')
  url('../images/event03/student01/char02.png') url('../images/event03/student02/char02.png') url('../images/event03/student03/char02.png')
  url('../images/event03/promise/c01.png') url('../images/event03/promise/c02.png') url('../images/event03/promise/c03.png') url('../images/event03/promise/c04.png')
  url('../images/event03/promise/c05.png') url('../images/event03/promise/c06.png') url('../images/event03/promise/c07.png') url('../images/event03/promise/c08.png')
  url('../images/event03/promise/c09.png') url('../images/event03/promise/c10.png') url('../images/event03/promise/c11.png') url('../images/event03/promise/c12.png')
  url('../images/event03/promise/c13.png') url('../images/event03/promise/c14.png') url('../images/event03/promise/c15.png') url('../images/event03/promise/c16.png')
  url('../images/event03/promise/c17.png') url('../images/event03/promise/c18.png') url('../images/event03/promise/c19.png') url('../images/event03/promise/c20.png') url('../images/event03/promise/c21.png');
}

.htmlWrapper {width:100%;max-width:720px;margin:0 auto;padding-bottom:110px;position:relative;overflow:hidden;}
.htmlWrapper section {background-position:center;}

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

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



/* Visual */
/* Visual */
.htmlWrapper section.visual_wrapper {position: relative;width: 100%;height: 1200px;background-image:url('../images/visual/bg.jpg');background-position: center;overflow:hidden;}
.htmlWrapper section.visual_wrapper .contents_wrap {position: relative;width: 100%;height: 100%;display:flex;justify-content:start;align-items:center;flex-direction:column;padding:40px 0 0 0;box-sizing:border-box;}
.htmlWrapper section.visual_wrapper .contents_wrap .title{position: relative;width:656px;height:245px;background-image: url('../images/visual/title.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .title .nm{position: relative;z-index:3;}
.htmlWrapper section.visual_wrapper .contents_wrap .ani{position: absolute;top:-20px;left:70px;width:508px;height:322px;z-index:5;}
.htmlWrapper section.visual_wrapper .contents_wrap .ani > div{width:100%;height:100%;background-position: center;background-repeat: no-repeat;background-size:100%;}
.htmlWrapper section.visual_wrapper .contents_wrap .ani .a1{background-image: url('../images/visual/ani/a01.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .ani .a2{background-image: url('../images/visual/ani/a02.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .ani .a3{background-image: url('../images/visual/ani/a03.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .ani .a4{background-image: url('../images/visual/ani/a04.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .ani .a5{background-image: url('../images/visual/ani/a05.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .ani .a6{background-image: url('../images/visual/ani/a06.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .ani .a7{background-image: url('../images/visual/ani/a07.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .ani .a8{background-image: url('../images/visual/ani/a08.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .ani .a9{background-image: url('../images/visual/ani/a09.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .ani .a10{background-image: url('../images/visual/ani/a10.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .ani .a11{background-image: url('../images/visual/ani/a11.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .ani .a12{background-image: url('../images/visual/ani/a12.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .ani .a13{background-image: url('../images/visual/ani/a13.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .ani .a14{background-image: url('../images/visual/ani/a14.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .ani .a15{background-image: url('../images/visual/ani/a15.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .ani .a16{background-image: url('../images/visual/ani/a16.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .ani .a17{background-image: url('../images/visual/ani/a17.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .ani .a18{background-image: url('../images/visual/ani/a18.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .ani .a19{background-image: url('../images/visual/ani/a19.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .ani .a20{background-image: url('../images/visual/ani/a20.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .ani .a21{background-image: url('../images/visual/ani/a21.png');}

.htmlWrapper section.visual_wrapper .contents_wrap .heart-wrapper {position:absolute;z-index:8;}
.htmlWrapper section.visual_wrapper .contents_wrap .heart-wrapper .heart{position:absolute;width:570px;height:535px;top:-390px;left:50px;background-image: url('../images/visual/heart.png');background-size:100%;opacity:0;}
.htmlWrapper section.visual_wrapper .contents_wrap .heart-wrapper .h01.on{animation: 1s 2 heart_show01 linear forwards;}
.htmlWrapper section.visual_wrapper .contents_wrap .heart-wrapper .h02.on{animation: 1s 2 heart_show02 linear forwards;animation-delay: .7s}

.htmlWrapper section.visual_wrapper .contents_wrap .cover01{position:absolute;background-image:url('../images/visual/cover01.png');width:100%;height:380px;top:265px;z-index:6;}
.htmlWrapper section.visual_wrapper .contents_wrap .cover01 .char01{position:absolute;bottom:-13px;left:93px;background-image:url('../images/visual/char01/char01.png');width:148px;height:147px;}
.htmlWrapper section.visual_wrapper .contents_wrap .cover01 .char01.on{background-image:url('../images/visual/char01/char02.png');}

.htmlWrapper section.visual_wrapper .contents_wrap .cover02{position:absolute;background-image:url('../images/visual/cover02.png');width:100%;height:625px;bottom:0;z-index:7;}
.htmlWrapper section.visual_wrapper .contents_wrap .cover02 .char02{position:absolute;top:82px;left:175px;width:129px;height:99px;}
.htmlWrapper section.visual_wrapper .contents_wrap .cover02 .char02.i01{background-image:url('../images/visual/char02/char01.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .cover02 .char02.i02{background-image:url('../images/visual/char02/char02.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .cover02 .char02.i03{background-image:url('../images/visual/char02/char03.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .cover02 .char02.i04{background-image:url('../images/visual/char02/char04.png');}

.htmlWrapper section.visual_wrapper .contents_wrap .cover02 .char03{position:absolute;bottom:140px;left:315px;width:86px;height:100px;}
.htmlWrapper section.visual_wrapper .contents_wrap .cover02 .char03.disappear{opacity:0;transition: .5s all;}

.htmlWrapper section.visual_wrapper .contents_wrap .cover02 .char03.i01{background-image:url('../images/visual/char03/char01.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .cover02 .char03.i02{background-image:url('../images/visual/char03/char02.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .cover02 .char03.i03{background-image:url('../images/visual/char03/char03.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .cover02 .char03.i04{background-image:url('../images/visual/char03/char04.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .cover02 .char03.i05{background-image:url('../images/visual/char03/char05.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .cover02 .char03.i06{background-image:url('../images/visual/char03/char06.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .cover02 .char03.i07{background-image:url('../images/visual/char03/char07.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .cover02 .char03.i08{background-image:url('../images/visual/char03/char08.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .cover02 .char03.i09{background-image:url('../images/visual/char03/char09.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .cover02 .char03.i10{background-image:url('../images/visual/char03/char10.png');}

.htmlWrapper section.visual_wrapper .contents_wrap .cover02 .char04_wrapper{position:absolute;bottom:-20px;left:150px;width:313px;height:239px;overflow:hidden;transform:rotate(11deg);z-index:1;}
.htmlWrapper section.visual_wrapper .contents_wrap .cover02 .char04_wrapper .char04{position:relative;width:480px;height:372px;transform:rotate(-11deg);top:50px;left:10px;}
.htmlWrapper section.visual_wrapper .contents_wrap .cover02 .char04_wrapper .char04.i01{background-image:url('../images/visual/char04/char01.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .cover02 .char04_wrapper .char04.i02{background-image:url('../images/visual/char04/char02.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .cover02 .char04_wrapper .char04.i03{background-image:url('../images/visual/char04/char03.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .cover02 .char04_wrapper .char04.i04{background-image:url('../images/visual/char04/char04.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .cover02 .char04_wrapper .char04.i05{background-image:url('../images/visual/char04/char05.png');}

.htmlWrapper section.visual_wrapper .contents_wrap .icons{position:absolute;left:0;top:10px;background-image: url('../images/visual/icons.png');width:706px;height:256px;z-index:3;}

/* Visual */


/* 다음 */
section.daum {position: relative;width: 100%;height: 290px;background-image:url('../images/daum/bg.jpg');}
section.daum .contents_wrap {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;justify-content: start;gap:16px 0;padding:60px 0 0 0;box-sizing:border-box;}
section.daum .contents_wrap .box {position: relative;width: 680px;height: 114px;background-image: url('../images/daum/cover.png');background-repeat: no-repeat;background-position: center;display: flex;align-items: start;}
section.daum .contents_wrap .box .typing-text {position: absolute;left: 99px;top: 17px;font-family: 'Pretendard',sans-serif;font-weight: 700;font-size: 32px;color: #1e1e1e;border-right: 2px solid #333;animation: typing 6s steps(22) infinite;white-space: nowrap;overflow: hidden;}
section.daum .contents_wrap .exp {position: relative;left: 5px;margin-top: 15px;}
/* 다음 */


/* 이벤트 01 */
section.event01 {position: relative;width: 100%;height:2800px;background-image: url('../images/event01/bg02.jpg');overflow:hidden;background-position: 0 0;background-size:1200px 2800px;}
section.event01.step02 {background-position:-480px 0;transition: 2s all;}
section.event01 .contents_wrapper {display: flex;flex-direction: column;width:100%;margin:0 auto;align-items: center;padding: 120px 0 0 0;}
section.event01 .contents_wrapper .schedule_wrap {display: flex;flex-direction:column;width: 100%;align-items: center;z-index: 2;gap:40px 0;}
section.event01 .contents_wrapper .schedule_wrap .schedule{display: flex;flex-direction: column;gap:80px 0;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper {width:100%;display:flex;flex-direction: column;align-items: center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width:100%;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .light-wrap{position:absolute;width:77px;height:361px;left:0;top:190px;background-image: url('../images/event01/light.png');display:flex;align-items:start;padding:20px 0;box-sizing: border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .light-wrap .light{display:flex;width:86%;flex-direction: column;justify-content: center;align-items:center;gap:7px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .light-wrap .light .red{width:56px;height:56px;background-image: url('../images/event01/red_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .light-wrap .light .green{width:56px;height:56px;background-image: url('../images/event01/green.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .bar-wrap{position:absolute;width:122px;height:295px;right:0;top:253px;background-image: url('../images/event01/bar01.png');}
section.event01.step02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .bar-wrap{right:480px;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .girl01{position:absolute;width:147px;height:201px;right:117px;top:315px;}
section.event01.step02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .girl01{right:615px;transition: 2s all;}
section.event01.step02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .girl01.on{right:615px;transition: 0s;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .girl01.g01{background-image: url('../images/event01/char05/char01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .girl01.g02{background-image: url('../images/event01/char05/char02.png');}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .police-wrap{position:absolute;width:113px;height:226px;right:-190px;top:285px;}
section.event01.step02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .police-wrap{right:300px;transition: 2s all;}
section.event01.step02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .police-wrap.on{transition: 0s;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .police-wrap.p01{background-image: url('../images/event01/char06/char01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .police-wrap.p02{background-image: url('../images/event01/char06/char02.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .caution-wrap{position:absolute;width:81px;height:103px;right:-12px;top:367px;background-image: url('../images/event01/guide.png');}

section.event01 .contents_wrapper .event_cont_wrapper .car02-wrap{position:absolute;width:472px;height:255px;right:-37px;bottom:1000px;background-image: url('../images/event01/car02.png');}
section.event01 .contents_wrapper .event_cont_wrapper .car02-wrap.on{right:-600px;}
section.event01 .contents_wrapper .event_cont_wrapper .car02-wrap.move{animation: 3s car02_stop linear forwards;animation-delay: 1s;}

section.event01 .contents_wrapper .event_cont_wrapper .child-wrap{position:absolute;width:212px;height:333px;left:-7px;bottom:714px;}
section.event01 .contents_wrapper .event_cont_wrapper .child-wrap.c1{background-image: url('../images/event01/char02/char01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .child-wrap.c2{background-image: url('../images/event01/char02/char02.png');}
section.event01 .contents_wrapper .event_cont_wrapper .child-wrap.c3{background-image: url('../images/event01/char02/char03.png');}
section.event01 .contents_wrapper .event_cont_wrapper .child-wrap.c4{background-image: url('../images/event01/char02/char04.png');}
section.event01 .contents_wrapper .event_cont_wrapper .child-wrap.on{left:-250px;}
section.event01 .contents_wrapper .event_cont_wrapper .child-wrap.move{animation: 2s child_work linear forwards;animation-delay: 1s;}

section.event01 .contents_wrapper .event_cont_wrapper .boy-wrap{position:absolute;width:232px;height:340px;left:235px;bottom:708px;}
section.event01 .contents_wrapper .event_cont_wrapper .boy-wrap.img1{background-image: url('../images/event01/char01/char01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .boy-wrap.img2{background-image: url('../images/event01/char01/char02.png');}
section.event01 .contents_wrapper .event_cont_wrapper .boy-wrap.img3{background-image: url('../images/event01/char01/char03.png');}
section.event01 .contents_wrapper .event_cont_wrapper .boy-wrap.img4{background-image: url('../images/event01/char01/char04.png');}
section.event01 .contents_wrapper .event_cont_wrapper .boy-wrap.img5{background-image: url('../images/event01/char01/char05.png');}

section.event01 .contents_wrapper .event_cont_wrapper .boy-wrap.on{left:-300px;}
section.event01 .contents_wrapper .event_cont_wrapper .boy-wrap.move{animation: 2s boy_work linear forwards;}

section.event01 .contents_wrapper .event_cont_wrapper .girl02-wrap{position:absolute;width:247px;height:363px;right:44px;bottom:553px;background-image: url('../images/event01/char03/char01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .girl02-wrap.on{right:-300px;}



section.event01 .contents_wrapper .event_cont_wrapper .student02-wrap{position:absolute;width:247px;height:363px;right:-320px;bottom:550px;z-index:2;}
section.event01 .contents_wrapper .event_cont_wrapper .student02-wrap.s01{background-image: url('../images/event01/char07/char01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .student02-wrap.s02{background-image: url('../images/event01/char07/char02.png');}
section.event01 .contents_wrapper .event_cont_wrapper .student02-wrap.on{right:-320px;}
section.event01 .contents_wrapper .event_cont_wrapper .student02-wrap.move{animation: 10s student02_work linear forwards;}

section.event01 .contents_wrapper .event_cont_wrapper .student-wrap{position:absolute;width:355px;height:545px;right:-320px;bottom:0;z-index:3;}
section.event01 .contents_wrapper .event_cont_wrapper .student-wrap.init{left:400px;}
section.event01 .contents_wrapper .event_cont_wrapper .student-wrap.s00{background-image: url('../images/event01/char08/char00.png');}
section.event01 .contents_wrapper .event_cont_wrapper .student-wrap.s01{background-image: url('../images/event01/char08/char01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .student-wrap.s02{background-image: url('../images/event01/char08/char02.png');}
section.event01 .contents_wrapper .event_cont_wrapper .student-wrap.s03{background-image: url('../images/event01/char08/char03.png');}
section.event01 .contents_wrapper .event_cont_wrapper .student-wrap.on{left:-320px;}
section.event01 .contents_wrapper .event_cont_wrapper .student-wrap.move{animation: 7s student_work linear forwards;}

/* 이벤트 커버 */
section.event01 .event_cover_wrapper {position:absolute;left:0;top:590px;width:100%;height:100%;z-index:5;display:flex;justify-content: center;align-items: center;}
section.event01 .event_cover_wrapper.view {z-index:99;}

section.event01 .event_cover_wrapper .event_cover{position:relative;width:701px;height:1021px;background-image: url('../images/event01/intro.png');display:flex;justify-content: center;align-items: end;padding:284px 0;box-sizing: border-box;}
section.event01 .event_cover_wrapper .photo_cover{display:none;}
section.event01 .event_cover_wrapper .photo_cover .photoSwiper{width:640px;height:640px;}
section.event01 .event_cover_wrapper .photo_cover .photo-button-next{position:absolute;top:-130px;right:80px;background-image:url('../images/pop_btn_next.png');width:100px;height:100px;cursor:pointer;}
section.event01 .event_cover_wrapper .photo_cover .photo-button-prev{position:absolute;top:-130px;left:80px;background-image:url('../images/pop_btn_prev.png');width:100px;height:100px;cursor:pointer;}
section.event01 .event_cover_wrapper .photo_cover .photo-button-prev.swiper-button-disabled{opacity:0;}
section.event01 .event_cover_wrapper .photo_cover .photo-button-next.swiper-button-disabled{opacity:0;}
section.event01 .event_cover_wrapper .event_cover .btn_start{position:relative;width:324px;height:109px;background-image: url('../images/event01/btn_start.png');cursor:pointer;}

section.event01 .event_cover_wrapper.zoom {background-color:rgba(212,241,255,.8);top:420px;}
section.event01 .event_cover_wrapper.zoom02 {background-color:rgba(212,241,255,.8);top:420px;}

section.event01 .event_cover_wrapper.complete {background-color:rgba(212,241,255,0);}
section.event01 .event_cover_wrapper.zoom .event_cover{display:none;}
section.event01 .event_cover_wrapper.zoom .photo_cover{position:absolute;display:block;width:640px;height:640px;left:40px;}
section.event01 .event_cover_wrapper.zoom .photo_cover.p01{}
section.event01 .event_cover_wrapper.zoom .photo_cover.p02{}
section.event01 .event_cover_wrapper.zoom .photo_cover.p03{}

section.event01 .event_cover_wrapper.zoom .photo_cover .character{position:absolute;width:267px;height:292px;background-image: url('../images/event01/p_char01.png');opacity:0;right:-30px;bottom:-200px;z-index:8;}
section.event01 .event_cover_wrapper.zoom .photo_cover .character.show{animation: .5s stop_show  linear forwards;}

section.event01 .event_cover_wrapper .photo_cover .promise{display:none;position:absolute;top:660px;left:0;width:385px;height:312px;background-image: url('../images/event01/promise.png');}
section.event01 .event_cover_wrapper .photo_cover .promise .close{}
section.event01 .event_cover_wrapper .photo_cover .promise .btn{position:absolute;display:flex;justify-content: center;align-items:center;width:100%;left:0;bottom:40px;}
section.event01 .event_cover_wrapper .photo_cover .promise .btn .btn_promise{width:280px;height:80px;background-image: url('../images/event01/btn_promise.png');cursor:pointer;}
section.event01 .event_cover_wrapper .photo_cover .promise .btn .btn_promise .handclean01{right:0;bottom:-40px;}
section.event01 .event_cover_wrapper .promise_char {display:none;position:absolute;width:728px;height:523px;z-index:5;}
section.event01 .event_cover_wrapper .promise_char.ok {animation: 1s set_heart linear forwards;}
section.event01 .event_cover_wrapper .promise_char.c1 {background-image: url('../images/event01/promise/c01.png');}
section.event01 .event_cover_wrapper .promise_char.c2 {background-image: url('../images/event01/promise/c02.png');}
section.event01 .event_cover_wrapper .promise_char.c3 {background-image: url('../images/event01/promise/c03.png');}
section.event01 .event_cover_wrapper .promise_char.c4 {background-image: url('../images/event01/promise/c04.png');}
section.event01 .event_cover_wrapper .promise_char.c5 {background-image: url('../images/event01/promise/c05.png');}
section.event01 .event_cover_wrapper .promise_char.c6 {background-image: url('../images/event01/promise/c06.png');}
section.event01 .event_cover_wrapper .promise_char.c7 {background-image: url('../images/event01/promise/c07.png');}
section.event01 .event_cover_wrapper .promise_char.c8 {background-image: url('../images/event01/promise/c08.png');}
section.event01 .event_cover_wrapper .promise_char.c9 {background-image: url('../images/event01/promise/c09.png');}
section.event01 .event_cover_wrapper .promise_char.c10 {background-image: url('../images/event01/promise/c10.png');}
section.event01 .event_cover_wrapper .promise_char.c11 {background-image: url('../images/event01/promise/c11.png');}
section.event01 .event_cover_wrapper .promise_char.c12 {background-image: url('../images/event01/promise/c12.png');}
section.event01 .event_cover_wrapper .promise_char.c13 {background-image: url('../images/event01/promise/c13.png');}
section.event01 .event_cover_wrapper .promise_char.c14 {background-image: url('../images/event01/promise/c14.png');}
section.event01 .event_cover_wrapper .promise_char.c15 {background-image: url('../images/event01/promise/c15.png');}
section.event01 .event_cover_wrapper .promise_char.c16 {background-image: url('../images/event01/promise/c16.png');}
section.event01 .event_cover_wrapper .promise_char.c17 {background-image: url('../images/event01/promise/c17.png');}
section.event01 .event_cover_wrapper .promise_char.c18 {background-image: url('../images/event01/promise/c18.png');}
section.event01 .event_cover_wrapper .promise_char.c19 {background-image: url('../images/event01/promise/c19.png');}
section.event01 .event_cover_wrapper .promise_char.c20 {background-image: url('../images/event01/promise/c20.png');}
section.event01 .event_cover_wrapper .promise_char.c21 {background-image: url('../images/event01/promise/c21.png');}

section.event01 .event_cover_wrapper.zoom02 .event_cover{display:none;}
section.event01 .event_cover_wrapper.zoom02 .photo_cover{position:absolute;display:block;width:640px;height:640px;right:40px;}
section.event01 .event_cover_wrapper.zoom02 .photo_cover.p01{}
section.event01 .event_cover_wrapper.zoom02 .photo_cover.p02{}
section.event01 .event_cover_wrapper.zoom02 .photo_cover.p03{}

section.event01 .event_cover_wrapper.zoom02 .photo_cover .character{position:absolute;width:235px;height:271px;background-image: url('../images/event01/p_char02.png');opacity:0;left:-25px;bottom:-110px;z-index:8;}
section.event01 .event_cover_wrapper.zoom02 .photo_cover .character.show{animation: .5s stop_show2  linear forwards;}

section.event01 .event_cover_wrapper.zoom02 .photo_cover .promise{display:none;position:absolute;top:650px;left:255px;width:385px;height:312px;background-image: url('../images/event01/promise02.png');}
section.event01 .event_cover_wrapper.zoom02 .photo_cover .promise .close{}
section.event01 .event_cover_wrapper.zoom02 .photo_cover .promise .btn{position:absolute;display:flex;justify-content: center;align-items:center;width:100%;left:0;bottom:40px;}
section.event01 .event_cover_wrapper.zoom02 .photo_cover .promise .btn .btn_promise{width:280px;height:80px;background-image: url('../images/event01/btn_promise02.png');cursor:pointer;}
section.event01 .event_cover_wrapper.zoom02 .photo_cover .promise .btn .btn_promise .handclean01{right:0;bottom:-40px;}
section.event01 .event_cover_wrapper.zoom02 .promise_char {display:none;position:absolute;width:728px;height:523px;z-index:5;}
section.event01 .event_cover_wrapper.zoom02 .promise_char.ok {animation: 1s set_heart2 linear forwards;}
/* 이벤트 커버 */
section.event01 .event_cover_wrapper .photo_cover .photo-button-next.swiper-button-disabled {opacity:1 !important;}
section.event03 .event_cover_wrapper .photo_cover .photo-button-next.swiper-button-disabled {opacity:1 !important;}

section.event01 .contents_wrapper > .join_wrapper .join_wrap {position: absolute;width:712px;height:175px;left:0;bottom:100px;display: flex;flex-direction:column;justify-content: center;align-items: center;gap:10px 0;font-size:28px;background-image:url('../images/bg_num.png');color:#555555;z-index:5;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .j_wrap{display:flex;gap:10px 0;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #0078D3;font-weight: 900;font-size: 40px;line-height: 0.7;margin-right:10px;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 800;padding: 0 7px 0 12px;font-size: 32px;color: #111111;}
/* 이벤트 01 */


/* 이벤트 02 */
section.event02 {position: relative;width: 100%;height:2707px;background-image: url('../images/event02/bg.jpg');overflow:hidden;background-position: center top}
section.event02 .contents_wrapper {display: flex;flex-direction: column;width: 100%;margin:0 auto;align-items: center;padding: 120px 0 0 0;}
section.event02 .contents_wrapper .schedule_wrap {display: flex;flex-direction:column;width: 100%;align-items: center;z-index: 2;gap:40px 0;}
section.event02 .contents_wrapper .schedule_wrap .schedule{display: flex;flex-direction: column;gap:80px 0;align-items:center;}
section.event02 .contents_wrapper .event_cont_wrapper {width:100%;display:flex;flex-direction: column;align-items: center;margin-top:200px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width:680px;height:588px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box{position:relative;width:100%;height:100%;background-image: url('../images/event02/screen.png');z-index:2;padding:20px 4px;box-sizing: border-box;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box.promise::before{position:absolute;content:'';width:100%;height:493px;left:0;top:0;background-image: url('../images/event02/pop_bg_promise.png');z-index:5;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen{position:relative;width:680px;height:464px;overflow:hidden;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .icon_wrap{position:absolute;right:22px;top:6px;display:flex;flex-direction: column;gap:10px 0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .icon_wrap > div{position:relative;width:68px;height:68px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .icon_wrap .icon_insta{position:relative;background-image: url('../images/event02/icon_insta.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .icon_wrap .icon_x{position:relative;background-image: url('../images/event02/icon_x.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .adver01{position:absolute;top:-172px;left:887px;transform:scale(0);width:231px;height:440px;background-image: url('../images/event02/screen01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .adver01 .btn{position:absolute;top:180px;left:30px;width:150px;height:40px;cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .adver01 .btn .markx{display:none;position:absolute;left:20px;top:10px;background-image: url('../images/event02/x.png');background-size:100%;width:90px;height:90px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .adver01.show .btn .markx{display:block;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .adver02{position:absolute;top:-172px;left:887px;transform:scale(0);width:233px;height:407px;background-image: url('../images/event02/screen02.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .adver03{position:absolute;top:-100px;left:807px;transform:scale(0);width:436px;height:461px;background-image: url('../images/event02/screen03.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .adver03 .btn{position:absolute;top:240px;left:80px;width:180px;height:40px;cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .adver03 .btn .markx{display:none;position:absolute;left:100px;top:-30px;background-image: url('../images/event02/x.png');background-size:100%;width:90px;height:90px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .adver03.show .btn .markx{display:block;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .adver01.on{animation: .1s ad_disp01 linear forwards;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .adver02.on{animation: .1s ad_disp02 linear forwards;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .adver03.on{animation: .1s ad_disp03 linear forwards;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .banner{position:absolute;right:12px;bottom:-180px;width:167px;height:106px;background-image: url('../images/event02/banner.png');transition: .7s all;cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .banner.on{bottom:0px;transition: .5s all;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .banner .markx{display:none;position:absolute;left:50px;top:20px;background-image: url('../images/event02/x.png');background-size:100%;width:80px;height:80px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .banner.show .markx{display:block;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .btn_next_wrapper{position:absolute;right:100px;top:-132px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .btn_next_wrapper .btn_next{position:relative;background-image:url('../images/btn_next.png');width:100px;height:100px;cursor:pointer;}


section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .character{position:absolute;left:-350px;bottom:-280px;width:314px;height:248px;background-image: url('../images/event02/character.png');z-index:50;transition:1s all;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .character.on{left:-10px;transition:1s all;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .light{position:absolute;left:0;bottom:450px;width:345px;height:323px;background-image: url('../images/event02/stand.png?v=1');background-position: 0 0;background-repeat: no-repeat;z-index:1;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .light.on{background-image: url('../images/event02/stand_on.png?v=1');background-position: left 0;}

/* section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .clock{position:absolute;left:0px;bottom:-72px;width:200px;height:111px;background-image: url('../images/event02/clock.png');z-index:2;} */

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .hp{position:absolute;left:-45px;bottom:-396px;width:210px;height:129px;background-image: url('../images/event02/hp.png');z-index:2;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .hp.on{background-image: url('../images/event02/hp_on.png');}



/* 이벤트 커버 */
section.event02 .event_cover_wrapper {position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;display:flex;justify-content: center;align-items: center;}
section.event02 .event_cover_wrapper.complete {background-color:rgba(212,241,255,0);}
section.event02 .event_cover_wrapper.view {z-index:99;}
section.event02 .event_cover_wrapper .event_cover{position:relative;margin-top:1040px;width:701px;height:1021px;background-image: url('../images/event02/intro.png');display:flex;justify-content: center;align-items: end;padding:260px 0;box-sizing: border-box;}
section.event02 .event_cover_wrapper .photo_cover{display:none;}
section.event02 .event_cover_wrapper .event_cover .btn_start{position:relative;width:324px;height:109px;background-image: url('../images/event02/btn_start.png');cursor:pointer;}

section.event02 .event_cover_wrapper.zoom {top:177px;background-color:rgba(199,233,231,.8);}
section.event02 .event_cover_wrapper.complete {background-color:rgba(199,233,231,0);}
section.event02 .event_cover_wrapper.zoom .event_cover{display:none;}

section.event02 .event_cover_wrapper.zoom .game_box_wrapper {position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(199,233,231,.8);display:flex;justify-content: center;align-items: center;z-index:7;}
section.event02 .event_cover_wrapper.zoom .game_box {width:680px;margin-top:255px;}
section.event02 .event_cover_wrapper.zoom .game_box > div{position:relative;width:680px;height:493px;top:0;opacity:1;}
section.event02 .event_cover_wrapper.zoom .game_box > div.on{opacity:1;transition: .2s all;}
section.event02 .event_cover_wrapper.zoom .game_box .pic01{display:block;background-image: url('../images/event02/game.png');top:0;opacity:1;}
section.event02 .event_cover_wrapper.zoom .game_box .pic02{background-image: url('../images/event02/game02.png');}
section.event02 .event_cover_wrapper.zoom .game_box .pic03{background-image: url('../images/event02/info01.png');}
section.event02 .event_cover_wrapper.zoom .game_box .pic04{background-image: url('../images/event02/info02.png');}
section.event02 .event_cover_wrapper.zoom .game_box .markx{opacity:0;position:absolute;background-image: url('../images/event02/x2.png');background-size:100%;width:200px;height:200px;}
section.event02 .event_cover_wrapper.zoom .game_box .markx.on{opacity:1;transition: 1s all;transition-delay: .5s;}



section.event02 .event_cover_wrapper.zoom .photo_cover{position:absolute;display:none;width:366px;height:438px;right:14px;z-index:1;margin-top:1110px;}
section.event02 .event_cover_wrapper .photo_cover .promise{display:block;position:relative;width:100%;height:100%;background-image: url('../images/event02/promise.png');}
section.event02 .event_cover_wrapper .photo_cover .promise .close{}
section.event02 .event_cover_wrapper .photo_cover .promise .btn{position:absolute;display:flex;justify-content: center;align-items:center;width:100%;left:0;bottom:40px;}
section.event02 .event_cover_wrapper .photo_cover .promise .btn .btn_promise{width:280px;height:80px;background-image: url('../images/event02/btn_promise.png');cursor:pointer;}
section.event02 .event_cover_wrapper .photo_cover .promise .btn .btn_promise .handclean02{right:0;bottom:-40px;}
section.event02 .event_cover_wrapper .promise_char {display:none;position:absolute;width:728px;height:523px;}
section.event02 .event_cover_wrapper .promise_char.ok {animation: 1s set_heart2 linear forwards;}
section.event02 .event_cover_wrapper .promise_char.c1 {background-image: url('../images/event02/promise/c01.png');}
section.event02 .event_cover_wrapper .promise_char.c2 {background-image: url('../images/event02/promise/c02.png');}
section.event02 .event_cover_wrapper .promise_char.c3 {background-image: url('../images/event02/promise/c03.png');}
section.event02 .event_cover_wrapper .promise_char.c4 {background-image: url('../images/event02/promise/c04.png');}
section.event02 .event_cover_wrapper .promise_char.c5 {background-image: url('../images/event02/promise/c05.png');}
section.event02 .event_cover_wrapper .promise_char.c6 {background-image: url('../images/event02/promise/c06.png');}
section.event02 .event_cover_wrapper .promise_char.c7 {background-image: url('../images/event02/promise/c07.png');}
section.event02 .event_cover_wrapper .promise_char.c8 {background-image: url('../images/event02/promise/c08.png');}
section.event02 .event_cover_wrapper .promise_char.c9 {background-image: url('../images/event02/promise/c09.png');}
section.event02 .event_cover_wrapper .promise_char.c10 {background-image: url('../images/event02/promise/c10.png');}
section.event02 .event_cover_wrapper .promise_char.c11 {background-image: url('../images/event02/promise/c11.png');}
section.event02 .event_cover_wrapper .promise_char.c12 {background-image: url('../images/event02/promise/c12.png');}
section.event02 .event_cover_wrapper .promise_char.c13 {background-image: url('../images/event02/promise/c13.png');}
section.event02 .event_cover_wrapper .promise_char.c14 {background-image: url('../images/event02/promise/c14.png');}
section.event02 .event_cover_wrapper .promise_char.c15 {background-image: url('../images/event02/promise/c15.png');}
section.event02 .event_cover_wrapper .promise_char.c16 {background-image: url('../images/event02/promise/c16.png');}
section.event02 .event_cover_wrapper .promise_char.c17 {background-image: url('../images/event02/promise/c17.png');}
section.event02 .event_cover_wrapper .promise_char.c18 {background-image: url('../images/event02/promise/c18.png');}
section.event02 .event_cover_wrapper .promise_char.c19 {background-image: url('../images/event02/promise/c19.png');}
section.event02 .event_cover_wrapper .promise_char.c20 {background-image: url('../images/event02/promise/c20.png');}
section.event02 .event_cover_wrapper .promise_char.c21 {background-image: url('../images/event02/promise/c21.png');}

section.event02 .event_cover_wrapper.zoom02 .event_cover{display:none;}
section.event02 .event_cover_wrapper.zoom02 .photo_cover{position:absolute;display:block;width:720px;height:720px;right:240px;}
section.event02 .event_cover_wrapper.zoom02 .photo_cover.p01{background-image: url('../images/event02/zoom02.png');transition: .5s all;}
section.event02 .event_cover_wrapper.zoom02 .photo_cover.p02{background-image: url('../images/event02/photo02_1.png');transition: .5s all;}
section.event02 .event_cover_wrapper.zoom02 .photo_cover.p03{background-image: url('../images/event02/photo02_2.png');transition: .5s all;}

section.event02 .event_cover_wrapper.zoom02 .photo_cover .character{position:absolute;width:285px;height:329px;background-image: url('../images/event02/p_char02.png');opacity:0;right:586px;bottom:-70px;}
section.event02 .event_cover_wrapper.zoom02 .photo_cover .character.show{animation: .5s stop_show2  linear forwards;}

section.event02 .event_cover_wrapper.zoom02 .photo_cover .promise{display:none;position:absolute;top:40px;right:735px;width:490px;height:354px;background-image: url('../images/event02/promise.png');}
section.event02 .event_cover_wrapper.zoom02 .photo_cover .promise .close{}
section.event02 .event_cover_wrapper.zoom02 .photo_cover .promise .btn{position:absolute;display:flex;justify-content: center;align-items:center;width:100%;left:0;bottom:40px;}
section.event02 .event_cover_wrapper.zoom02 .photo_cover .promise .btn .btn_promise{width:356px;height:80px;background-image: url('../images/event02/btn_promise.png');cursor:pointer;}
section.event02 .event_cover_wrapper.zoom02 .photo_cover .promise .btn .btn_promise .handclean02{right:0;bottom:-40px;}
section.event02 .event_cover_wrapper.zoom02 .promise_char {display:none;position:absolute;width:728px;height:523px;}
section.event02 .event_cover_wrapper.zoom02 .promise_char.ok {animation: 1s set_heart linear forwards;}
/* 이벤트 커버 */

section.event02 .event_cover_wrapper .photoSwiper03 {width:100%;height:100%;}
section.event02 .event_cover_wrapper .photo-button-next{position:absolute;top:-130px;right:100px;background-image:url('../images/pop_btn_next.png');width:100px;height:100px;cursor:pointer;}
section.event02 .event_cover_wrapper .photo-button-prev{position:absolute;top:-130px;left:100px;background-image:url('../images/pop_btn_prev.png');width:100px;height:100px;cursor:pointer;}
section.event02 .event_cover_wrapper .photo-button-prev.swiper-button-disabled{opacity:0;}
section.event02 .event_cover_wrapper .photo-button-next.swiper-button-disabled{opacity:1;}



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

/* 이벤트 02 */

/* 이벤트 03 */
section.event03 {position: relative;width: 100%;height:2503px;background-image: url('../images/event03/bg.jpg');overflow:hidden;background-position: center top}
section.event03 .contents_wrapper {display: flex;flex-direction: column;width: 100%;margin:0 auto;align-items: center;padding: 120px 0 0 0;}
section.event03 .contents_wrapper .schedule_wrap {display: flex;flex-direction:column;align-items:center;width: 100%;justify-content: space-between;z-index: 2;gap:40px 0;}
section.event03 .contents_wrapper .schedule_wrap .schedule{display: flex;flex-direction: column;gap:80px 0;align-items: center;}
section.event03 .contents_wrapper .event_cont_wrapper {width:100%;display:flex;flex-direction: column;align-items: center;margin-top:150px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width:100%;height:854px;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap01{position:absolute;width:143px;height:273px;left:126px;top:85px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap01 .student{position:relative;width:100%;height:100%;background-image: url('../images/event03/student01/char01.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap01 .student.on{background-image: url('../images/event03/student01/char02.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap01 .student .word{position:absolute;left:68px;top:100px;width:271px;height:99px;background-image: url('../images/event03/word01.png');background-position:0 center;z-index:5;background-size:263px 99px;background-repeat:no-repeat;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap01 .student.init .word{background-position:-263px center;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap01.show .student .word{background-position:0 center;transition: .7s all;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap02{position:absolute;width:195px;height:342px;z-index:3;left:20px;top:220px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap02 .student{position:relative;width:100%;height:100%;background-image: url('../images/event03/student02/char01.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap02 .student.on{background-image: url('../images/event03/student02/char02.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap02 .student .word{position:absolute;left:100px;top:100px;width:337px;height:99px;background-image: url('../images/event03/word02.png');background-position:0 center;z-index:5;background-size:329px 99px;background-repeat:no-repeat;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap02 .student .word2{position:absolute;left:0;top:103px;width:47px;height:6px;background-image: url('../images/event03/student02/laugh.png');background-position: 64px center;z-index:5;background-repeat:no-repeat;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap02 .student .word3{position:absolute;left:-70px;top:103px;width:64px;height:49px;background-image: url('../images/event03/student02/word.png');background-position: 0 0;z-index:5;background-size:64px 49px;background-repeat:no-repeat;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap02 .student.init .word{background-position:0 center;width:0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap02 .student.init .word2{display:none;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap02 .student.init .word3{display:none;height:0;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap02.show .student .word{width:329px;transition: .7s all;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap02.show .student .word2{display:block;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap02 .student.init .word2.p1{background-position: 54px center}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap02 .student.init .word2.p2{background-position: 39px center}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap02 .student.init .word2.p3{background-position: 25px center}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap02 .student.init .word2.p4{background-position: 13px center}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap02 .student.init .word2.p5{background-position: 0 center}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap03{position:absolute;width:151px;height:294px;left:255px;top:55px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap03 .student{position:relative;width:100%;height:100%;background-image: url('../images/event03/student03/char01.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap03 .student.on{background-image: url('../images/event03/student03/char02.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap03 .student .word{position:absolute;left:80px;top:30px;width:357px;height:99px;background-image: url('../images/event03/word03.png');background-position:0 center;z-index:5;background-size:349px 99px;background-repeat:no-repeat;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap03 .student.init .word{background-position:0 center;width:0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap03.show .student .word{width:349px;transition: .7s all;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .bag{position:absolute;left:-235px;top:260px;width:428px;height:193px;background-image: url('../images/event03/bag.png');z-index:2;}

section.event03 .contents_wrapper .event_cont_wrapper .girl{position:absolute;left:970px;bottom:0;width:376px;height:653px;background-image: url('../images/event03/girl/char01.png');z-index:7;}
section.event03 .contents_wrapper .event_cont_wrapper .girl.on{background-image: url('../images/event03/girl/char02.png');}
section.event03 .contents_wrapper .event_cont_wrapper .girl .sweat{position:absolute;opacity:0;right:112px;top:170px;width:27px;height:29px;background-image: url('../images/event03/girl/sweat.png');background-repeat: no-repeat;}
section.event03 .contents_wrapper .event_cont_wrapper .girl .water{position:absolute;opacity:0;right:105px;top:157px;width:8px;height:15px;background-image: url('../images/event03/girl/water.png');background-repeat: no-repeat;}
section.event03 .contents_wrapper .event_cont_wrapper .girl .comment{position:absolute;opacity:0;right:-65px;top:128px;width:110px;height:82px;display:flex;justify-content: flex-start;align-items:center;font-size:24px;color:#FFFFFF;font-family:'GMarketSansBold';background-image:url('../images/event03/devil01.png');line-height:0;padding:34px 0  0 14px;box-sizing:border-box;}
section.event03 .contents_wrapper .event_cont_wrapper .girl .comment.on{background-image:url('../images/event03/devil02.png');line-height:0;box-sizing:border-box;}
section.event03 .contents_wrapper .event_cont_wrapper .girl.init{left:-532px;}
section.event03 .contents_wrapper .event_cont_wrapper .girl.work{animation: 4s gir_work linear forwards;}

section.event03 .contents_wrapper .event_cont_wrapper .girl.work .sweat{animation: sweat_draw 2s  infinite linear forwards ;}

/* 이벤트 커버 */
section.event03 .event_cover_wrapper {position:absolute;left:0;top:260px;width:100%;height:100%;z-index:10;display:flex;justify-content: center;align-items: center;}
section.event03 .event_cover_wrapper.view {z-index:99;}
section.event03 .event_cover_wrapper .event_cover{position:relative;width:701px;height:1021px;margin-top:350px;background-image: url('../images/event03/intro.png');display:flex;justify-content: center;align-items: end;padding:274px 0;box-sizing: border-box;}
section.event03 .event_cover_wrapper .photo_cover{display:none;}
section.event03 .event_cover_wrapper .event_cover .btn_start{position:relative;width:324px;height:109px;background-image: url('../images/event03/btn_start.png');cursor:pointer;}

section.event03 .event_cover_wrapper .promise_char {display:none;position:absolute;width:728px;height:523px;}
section.event03 .event_cover_wrapper .promise_char.ok {animation: 1s set_heart3 linear forwards;}
section.event03 .event_cover_wrapper .promise_char.c1 {background-image: url('../images/event03/promise/c01.png');}
section.event03 .event_cover_wrapper .promise_char.c2 {background-image: url('../images/event03/promise/c02.png');}
section.event03 .event_cover_wrapper .promise_char.c3 {background-image: url('../images/event03/promise/c03.png');}
section.event03 .event_cover_wrapper .promise_char.c4 {background-image: url('../images/event03/promise/c04.png');}
section.event03 .event_cover_wrapper .promise_char.c5 {background-image: url('../images/event03/promise/c05.png');}
section.event03 .event_cover_wrapper .promise_char.c6 {background-image: url('../images/event03/promise/c06.png');}
section.event03 .event_cover_wrapper .promise_char.c7 {background-image: url('../images/event03/promise/c07.png');}
section.event03 .event_cover_wrapper .promise_char.c8 {background-image: url('../images/event03/promise/c08.png');}
section.event03 .event_cover_wrapper .promise_char.c9 {background-image: url('../images/event03/promise/c09.png');}
section.event03 .event_cover_wrapper .promise_char.c10 {background-image: url('../images/event03/promise/c10.png');}
section.event03 .event_cover_wrapper .promise_char.c11 {background-image: url('../images/event03/promise/c11.png');}
section.event03 .event_cover_wrapper .promise_char.c12 {background-image: url('../images/event03/promise/c12.png');}
section.event03 .event_cover_wrapper .promise_char.c13 {background-image: url('../images/event03/promise/c13.png');}
section.event03 .event_cover_wrapper .promise_char.c14 {background-image: url('../images/event03/promise/c14.png');}
section.event03 .event_cover_wrapper .promise_char.c15 {background-image: url('../images/event03/promise/c15.png');}
section.event03 .event_cover_wrapper .promise_char.c16 {background-image: url('../images/event03/promise/c16.png');}
section.event03 .event_cover_wrapper .promise_char.c17 {background-image: url('../images/event03/promise/c17.png');}
section.event03 .event_cover_wrapper .promise_char.c18 {background-image: url('../images/event03/promise/c18.png');}
section.event03 .event_cover_wrapper .promise_char.c19 {background-image: url('../images/event03/promise/c19.png');}
section.event03 .event_cover_wrapper .promise_char.c20 {background-image: url('../images/event03/promise/c20.png');}
section.event03 .event_cover_wrapper .promise_char.c21 {background-image: url('../images/event03/promise/c21.png');}

section.event03 .event_cover_wrapper.zoom {top:440px;background-color:rgba(255,236,194,.8);}
section.event03 .event_cover_wrapper.zoom02 {top:440px;background-color:rgba(255,236,194,.8);}
section.event03 .event_cover_wrapper.complete {background-color:rgba(255,236,194,0);}
section.event03 .event_cover_wrapper.zoom .event_cover{display:none;}
section.event03 .event_cover_wrapper.zoom .photo_cover{position:absolute;display:block;width:640px;height:640px;}
section.event03 .event_cover_wrapper.zoom .photo_cover .zoom{position:absolute;display:none;width:640px;height:640px;}
section.event03 .event_cover_wrapper.zoom .photo_cover .phone{width:640px;height:640px;background-image: url('../images/event03/phone/phone.png');padding:98px 0 10px 0;box-sizing:border-box;overflow:auto;}
section.event03 .event_cover_wrapper.zoom .photo_cover .phone .phone_txt_wrap{
  position:relative;width:632px;height:490px;overflow-y:auto;overflow-x:hidden; pointer-events: auto; -webkit-overflow-scrolling: touch;touch-action: pan-y;
}
section.event03 .event_cover_wrapper.zoom .photo_cover .phone .phone_txt_wrap .phone_txt{
  position:relative;width:640px;left:0;top:0;height:auto;
  background-size:cover;
  display:flex;flex-direction:column;gap:15px 0;
}
section.event03 .event_cover_wrapper.zoom02 .photo_cover .phone .phone_txt_wrap .phone_txt .talk_wrap{position:relative;display:flex;flex-wrap:wrap;align-items: center;justify-content: center;}
section.event03 .event_cover_wrapper.zoom02 .photo_cover .phone .phone_txt_wrap .phone_txt .talk_wrap.t02 .talk{background-image: url('../images/event03/talk02.png');width:640px;}
section.event03 .event_cover_wrapper.zoom02 .photo_cover .phone .phone_txt_wrap .phone_txt .talk_wrap.t02 .talk:hover{animation-play-state: paused;}
section.event03 .event_cover_wrapper.zoom02 .photo_cover .phone .phone_txt_wrap .phone_txt .talk_wrap.t02 .banner{width:626px;}
section.event03 .event_cover_wrapper.zoom02 .photo_cover .phone .phone_txt_wrap .phone_txt .talk_wrap.t02 .btn_review{cursor:pointer;background-image: url('../images/event03/btn_review.png');width:356px;height:80px;margin:40px 0;}

#section.event03 .event_cover_wrapper.zoom .photo_cover .phone .phone_txt_wrap .phone_txt .talk{display:flex;width:100%;justify-content: start;}
#section.event03 .event_cover_wrapper.zoom .photo_cover .phone .phone_txt_wrap .phone_txt .talk img{max-width:100%;}
#section.event03 .event_cover_wrapper.zoom .photo_cover .phone .phone_txt_wrap .phone_txt .talk.center{justify-content: center;}
#section.event03 .event_cover_wrapper.zoom .photo_cover .phone .phone_txt_wrap .phone_txt .talk.right{justify-content: end;}

section.event03 .event_cover_wrapper.zoom .photo_cover.p01 .zoom{display:block;background-image: url('../images/event03/zoom01.png');transition: .5s all;}
section.event03 .event_cover_wrapper.zoom .photo_cover.p02 .phone{display:block;}
section.event03 .event_cover_wrapper.zoom .photo_cover.p03 .phone{display:block;background-image: url('../images/event03/info01.png');transition: .7s all;}
section.event03 .event_cover_wrapper.zoom .photo_cover.p04 .phone{display:block;background-image: url('../images/event03/info02.png');transition: .7s all;}

section.event03 .event_cover_wrapper.zoom .photo_cover .character{position:absolute;width:280px;height:265px;background-image: url('../images/event03/character.png');left:435px;bottom:-300px;opacity:0;z-index:8;}
section.event03 .event_cover_wrapper.zoom .photo_cover .character.show{animation: .5s stop_show2  linear forwards;}

section.event03 .event_cover_wrapper .photo_cover .promise{display:none;position:relative;top:26px;left:280px;width:366px;height:312px;background-image: url('../images/event03/promise.png');}
section.event03 .event_cover_wrapper .photo_cover .promise .close{}
section.event03 .event_cover_wrapper .photo_cover .promise .btn{position:absolute;display:flex;justify-content: center;align-items:center;width:100%;left:0;bottom:40px;}
section.event03 .event_cover_wrapper .photo_cover .promise .btn .btn_promise{width:280px;height:80px;background-image: url('../images/event03/btn_promise.png');cursor:pointer;}
section.event03 .event_cover_wrapper .photo_cover .promise .btn .btn_promise .handclean03{right:0;bottom:-40px;}


section.event03 .event_cont_wrapper.next .girl.work .water.show{animation: 2s water_draw infinite linear forwards;opacity:1;}
section.event03 .event_cont_wrapper.next .girl.work{animation: 4s gir_work02 linear forwards;}
section.event03 .event_cont_wrapper.next .girl .comment{opacity:1;}


section.event03 .event_cover_wrapper.zoom02 .photo_cover{position:absolute;display:block;width:640px;height:640px;}
section.event03 .event_cover_wrapper.zoom02 .photo_cover.p01{}
section.event03 .event_cover_wrapper.zoom02 .photo_cover .character{position:absolute;width:285px;height:269px;background-image: url('../images/event03/character02.png');opacity:0;bottom:-300px;z-index:8;}
section.event03 .event_cover_wrapper.zoom02 .photo_cover .character.show{animation: .5s stop_show2  linear forwards;}

section.event03 .event_cover_wrapper.zoom02 .photo_cover .phone{width:640px;height:640px;background-image: url('../images/event03/phone02/phone.png');padding:98px 0 10px 0;box-sizing:border-box;}
section.event03 .event_cover_wrapper.zoom02 .photo_cover .phone .phone_txt_wrap{
  position:relative;width:632px;height:490px;overflow-y:auto;overflow-x:hidden; pointer-events: auto; -webkit-overflow-scrolling: touch;touch-action: pan-y;
}
section.event03 .event_cover_wrapper.zoom02 .photo_cover .phone .phone_txt_wrap .phone_txt{
  position:absolute;width:640px;left:0;height:0;display:flex;flex-direction:column;gap:15px 0;
}
section.event03 .event_cover_wrapper.zoom .photo_cover .phone .phone_txt_wrap .phone_txt .talk_wrap{position:relative;display:flex;flex-wrap:wrap;align-items: center;justify-content: center;}
section.event03 .event_cover_wrapper.zoom .photo_cover .phone .phone_txt_wrap .phone_txt .talk_wrap.t01 .talk{}
section.event03 .event_cover_wrapper.zoom .photo_cover .phone .phone_txt_wrap .phone_txt .talk_wrap.t01 .talk:hover{animation-play-state: paused;}
section.event03 .event_cover_wrapper.zoom .photo_cover .phone .phone_txt_wrap .phone_txt .talk_wrap.t01 .banner{width:626px;}
section.event03 .event_cover_wrapper.zoom .photo_cover .phone .phone_txt_wrap .phone_txt .talk_wrap.t01 .btn_review{cursor:pointer;background-image: url('../images/event03/btn_review.png');width:356px;height:80px;margin:40px 0;}


#section.event03 .event_cover_wrapper.zoom02 .photo_cover .phone .phone_txt_wrap .phone_txt .talk{display:flex;width:100%;justify-content: start;}
#section.event03 .event_cover_wrapper.zoom02 .photo_cover .phone .phone_txt_wrap .phone_txt .talk img{max-width:100%;}
#section.event03 .event_cover_wrapper.zoom02 .photo_cover .phone .phone_txt_wrap .phone_txt .talk.on{opacity:1;transition: 1s all;}
#section.event03 .event_cover_wrapper.zoom02 .photo_cover .phone .phone_txt_wrap .phone_txt .talk.center{justify-content: center;}
section.event03 .event_cover_wrapper.zoom02 .photo_cover .phone .phone_txt_wrap .phone_txt .talk.right{justify-content: end;}
section.event03 .event_cover_wrapper.zoom02 .photo_cover.p02 .phone{display:block;}
section.event03 .event_cover_wrapper.zoom02 .photo_cover.p03 .phone{display:block;background-image: url('../images/event03/esti01.png');transition: .7s all;}
section.event03 .event_cover_wrapper.zoom02 .photo_cover.p04 .phone{display:block;background-image: url('../images/event03/esti02.png');transition: .7s all;}

section.event03 .event_cover_wrapper.zoom02 .photo_cover .promise{display:none;position:absolute;top:660px;right:0;width:360px;height:312px;background-image: url('../images/event03/promise02.png');}
section.event03 .event_cover_wrapper.zoom02 .photo_cover .promise .close{}
section.event03 .event_cover_wrapper.zoom02 .photo_cover .promise .btn{position:absolute;display:flex;justify-content: center;align-items:center;width:100%;left:0;bottom:40px;}
section.event03 .event_cover_wrapper.zoom02 .photo_cover .promise .btn .btn_promise{width:280px;height:80px;background-image: url('../images/event03/btn_promise02.png');cursor:pointer;}
section.event03 .event_cover_wrapper.zoom02 .photo_cover .promise .btn .btn_promise .handclean03{right:0;bottom:-40px;}
section.event03 .event_cover_wrapper.zoom02 .promise_char {display:none;position:absolute;width:728px;height:523px;}
section.event03 .event_cover_wrapper.zoom02 .promise_char.ok {animation: 1s set_heart3 linear forwards;}
/* 이벤트 커버 */

section.event03 .event_cover_wrapper .photoSwiper02 {width:640px;height:640px;touch-action: pan-y !important;}
section.event03 .event_cover_wrapper .photo_cover .photo-button-next{position:absolute;top:-132px;right:80px;background-image:url('../images/pop_btn_next.png');width:100px;height:100px;cursor:pointer;}
section.event03 .event_cover_wrapper .photo_cover .photo-button-prev{position:absolute;top:-132px;left:80px;background-image:url('../images/pop_btn_prev.png');width:100px;height:100px;cursor:pointer;}
section.event03 .event_cover_wrapper .photo_cover .photo-button-prev.swiper-button-disabled{opacity:0;}
section.event03 .event_cover_wrapper .photo_cover .photo-button-next.swiper-button-disabled{opacity:0;}




section.event03 .contents_wrapper > .join_wrapper {
  position: absolute;width: 712px;height: 175px;bottom:120px;
  background-image: url('../images/bg_num.png');
  display: flex;flex-direction:column;justify-content: center;align-items: center;
  font-size: 28px;color:#555555;margin:50px 0 0 0;border-radius:55px;z-index:9;font-family:'Pretendard';
}
section.event03 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;flex-direction:column;justify-content: center;align-items: center;gap:10px 0;font-size:28px;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap .j_wrap{display:flex;gap:10px 0;color:#555555}
section.event03 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #FF822A;font-weight: 900;font-size: 40px;line-height: 0.7;margin-right:10px;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 800;padding: 0 7px 0 12px;font-size: 32px;color: #111111;}
/* 이벤트 03 */

/* 카드뉴스 */
section.cardnews {position: relative;width: 100%;height:1030px;background-image:url('../images/cardnews/bg.jpg');display:none;}
section.cardnews .contents_wrapper {display: flex;flex-direction: column;width: 100%;height:100%;margin:0 auto;align-items: center;justify-content:start;padding:80px  0 0 0;box-sizing: border-box;}
section.cardnews .contents_wrapper .cardnewsSwiper{position:relative;width:680px;margin:25px 0 0 0;}
section.cardnews .contents_wrapper .cardnewsSwiper .swiper-slide{width:680px !important;height:680px !important;border-radius:40px;display:flex;align-items: center;justify-content: center;overflow:hidden;}
section.cardnews .contents_wrapper .cardnewsSwiper .swiper-slide img{width:100%;height:100%;border-radius:40px;}
section.cardnews .contents_wrapper .cardnewsSwiper .swiper-slide.swiper-slide-active img{box-shadow: rgba(0, 0, 0, .4) 0 6px 24px;}
section.cardnews .contents_wrapper .btn_prev {position:absolute;top:529px;left:35px;width:82px;height:82px;background-image: url('../images/cardnews/btn_prev.png');cursor:pointer;}
section.cardnews .contents_wrapper .btn_next {position:absolute;top:529px;right:35px;width:82px;height:82px;background-image: url('../images/cardnews/btn_next.png');cursor:pointer;}
/* 카드뉴스 */

/* movie */
section.movie {position: relative;width: 100%;height: 1200px;background-image:url('../images/movie/bg.jpg');display:flex;flex-direction: column;overflow:hidden;}
section.movie .contents_wrapper {position: relative;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: start;padding:120px 0 0 0;box-sizing: border-box;}
section.movie .contents_wrapper .title {margin-bottom:30px;}
section.movie .contents_wrapper .swiper   {position: relative;width:100%;height:555px;}
section.movie .contents_wrapper .swiper-slide  {position: relative;width:100% !important;height:100% !important;}
section.movie .contents_wrapper .movie_box {position: relative;display:flex;flex-direction: column;width:691px;height:531px;background-image:url('../images/movie/cover.png');border-radius:20px;padding:16px;box-sizing: border-box;gap:16px 0;}
section.movie .contents_wrapper .movie_box .movie-cont{position: relative;width:100%;height:406px;border-radius:10px;overflow: hidden;background:#000000}
section.movie .contents_wrapper .movie_box .movie-cont iframe{width:100%;height:100%;}
section.movie .contents_wrapper .movie_box .ttl-wrap{position: relative;display:flex;flex-direction:column;align-items: start;color:#222222;font-size:22px;font-weight:600;gap:10px 0;}
section.movie .contents_wrapper .movie_box .ttl-wrap .ttl{position:relative;}
section.movie .contents_wrapper .movie_box .ttl-wrap .ttl span{display:flex;align-items:center;text-align:left;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;width:100%;letter-spacing: -1px;}
section.movie .contents_wrapper .movie_box .ttl-wrap .btn-wrap {position:relative;display:flex;align-items: center;gap:0 7px;}
section.movie .contents_wrapper .movie_box .ttl-wrap .btn-wrap .btn{cursor:pointer;}
section.movie .contents_wrapper .movie_box .ttl-wrap .btn-wrap .btn a{position:relative;display:block;width:100%;height:100%;}
section.movie .contents_wrapper .movie_box .ttl-wrap .btn-wrap .hand{right:-50px;z-index:5;bottom:-45px;zoom:.9;}


section.movie .contents_wrapper .thumb_box{display:flex;justify-content: center;gap:0 17px;margin:0 0 0 0;z-index:7;width:554px;height:100px;}
section.movie .contents_wrapper .thumb_box .swiper{position:relative;width:100%;height:100%;}
section.movie .contents_wrapper .thumb_box .swiper .swiper-slide{position:relative;width:178px !important;height:100% !important;border-radius:10px;overflow: hidden;}
section.movie .contents_wrapper .thumb_box .photo{filter: grayscale(100%);cursor:pointer;}
section.movie .contents_wrapper .thumb_box .photo.on{filter: grayscale(0);}
section.movie .contents_wrapper .thumb_box .photo img{width:100%;height:100%;object-fit: contain;}

section.movie .contents_wrapper .thumb_box .btn_prev{position:absolute;background-image: url('../images/movie/btn_prev.png');width:48px;height:48px;left:-68px;top:30px;}
section.movie .contents_wrapper .thumb_box .btn_next{position:absolute;background-image: url('../images/movie/btn_next.png');width:48px;height:48px;right:-68px;top:30px;}
section.movie .contents_wrapper .thumb_box .c_btn_wrap{position:absolute;width:100%;height:100%;left:0;top:0;z-index:5;display:flex;gap:0 10px;}
section.movie .contents_wrapper .thumb_box .c_btn_wrap .c_btn{position:relative;width:178px;height:100%;left:0;top:0;z-index:5;}



section.movie .contents_wrapper .character_wrapper {position:absolute;width:1400px;height:0;margin:0 auto;bottom:0;display:flex;justify-content: end;z-index:6;}
section.movie .contents_wrapper .character_wrapper .character {position:relative;width:380px;height:274px;background-image: url('../images/movie/character.png');right:1082px;top:-274px;}
/* movie */

/* site */
section.site {position: relative;width: 100%;height: 2002px;background-image:url('../images/site/bg.jpg?v=1.0');display:flex;flex-direction: column;}
section.site .contents_wrapper {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: start;padding:120px 0 0 0;box-sizing: border-box;gap:20px 0;}
section.site .contents_wrapper .title {margin-bottom:20px;}
section.site .contents_wrapper .site-wrapper {position: relative;display:flex;flex-direction: column;width:640px;gap:20px 0;}
section.site .contents_wrapper .site-wrapper .site-wrap{position: relative;display:flex;flex-direction:column;width:100%;justify-content: end;align-items:center;gap:20px 0;padding:0 0 20px 0;box-sizing: border-box;}
section.site .contents_wrapper .site-wrapper .site-wrap .link{position:absolute;right:62px;display:block;width:270px;height:64px;}
section.site .contents_wrapper .site-wrapper .site-wrap > div{width:514px;height:64px;}
section.site .contents_wrapper .site-wrapper .site-wrap.s01{height:476px;background-image: url('../images/site/sec01.png?v=1');}
section.site .contents_wrapper .site-wrapper .site-wrap.s01 .s01_1{background-image: url('../images/site/sec01_1.png');}
section.site .contents_wrapper .site-wrapper .site-wrap.s01 .s01_2{background-image: url('../images/site/sec01_2.png');}
section.site .contents_wrapper .site-wrapper .site-wrap.s01 .s01_3{background-image: url('../images/site/sec01_3.png');}

section.site .contents_wrapper .site-wrapper .site-wrap.s02{height:476px;background-image: url('../images/site/sec02.png?v=1.0');}
section.site .contents_wrapper .site-wrapper .site-wrap.s02 .s01_1{background-image: url('../images/site/sec02_1.png');}
section.site .contents_wrapper .site-wrapper .site-wrap.s02 .s01_2{background-image: url('../images/site/sec02_2.png');}
section.site .contents_wrapper .site-wrapper .site-wrap.s02 .s01_3{background-image: url('../images/site/sec02_3.png');}
section.site .contents_wrapper .site-wrapper .site-wrap.s02 .s01_4{background-image: url('../images/site/sec02_4.png');}

section.site .contents_wrapper .site-wrapper .site-wrap.s03{background-image: url('../images/site/sec03.png?v=1.0');height:516px;}
section.site .contents_wrapper .site-wrapper .site-wrap.s03 .s01_1{background-image: url('../images/site/sec03_1.png');}
section.site .contents_wrapper .site-wrapper .site-wrap.s03 .s01_2{background-image: url('../images/site/sec03_2.png');}
section.site .contents_wrapper .site-wrapper .site-wrap.s03 .s01_3{background-image: url('../images/site/sec03_3.png');}
section.site .contents_wrapper .site-wrapper .site-wrap.s03 .s01_4{background-image: url('../images/site/sec03_4.png');}
section.site .contents_wrapper .site-wrapper .site-wrap.s03 .s01_5{background-image: url('../images/site/sec03_5.png');}

section.site .contents_wrapper .character_wrapper {position:absolute;width:1400px;margin:0 auto;bottom:-70px;display:flex;justify-content: start;}
section.site .contents_wrapper .character_wrapper .character {position:relative;width:226px;height:239px;background-image: url('../images/site/character.png'); left:-118px; bottom:135px;}
/* site */

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

/* emoticon */
section.emoticon {position: relative;width: 100%;height: 1447px;background-image:url('../images/emoticon/bg.jpg');}
section.emoticon .contents_wrapper {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: start;padding:80px 0 0 0;box-sizing: border-box;}
section.emoticon .contents_wrapper .cont_wrapper {position: relative;display:flex;flex-direction:column;width:100%;align-items: center;gap:10px 0;margin:40px 0 60px 0;}
section.emoticon .contents_wrapper .cont_wrapper .pic{position: relative;}
section.emoticon .contents_wrapper .cont_wrapper .pic::after{position: absolute;right:-170px;bottom:-20px;content:'';width:210px;height:180px;background-image: url('../images/emoticon/character.png');}
section.emoticon .contents_wrapper .btns{position: relative;display:flex;justify-content: center;}
section.emoticon .contents_wrapper .btns .btn_add{position: relative;width:582px;height:102px;background-image: url('../images/emoticon/btn_add.png');}
section.emoticon .contents_wrapper .btns .btn_add a{display:block;width:100%;height:100%;}
/* emoticon */

/* channel */
section.channel {position: relative;width: 100%;background:#D4F1FF;}
section.channel .contents_wrapper {width: 100%;height: 100%;display: flex;flex-direction: column;}
section.channel .contents_wrapper .cont_wrapper {position: relative;display:flex;flex-direction:column;width:100%;height:100%}
section.channel .contents_wrapper .cont_wrapper .cont{position: relative;width:100%;display:flex;align-items: end;justify-content: center;padding:68px 70px;box-sizing: border-box;overflow:hidden;}
section.channel .contents_wrapper .cont_wrapper .cont:nth-child(1){height:855px;background-image: url('../images/channel/friends.png');}
section.channel .contents_wrapper .cont_wrapper .cont:nth-child(2){height:1025px;background-image: url('../images/channel/guide.png');}
section.channel .contents_wrapper .cont_wrapper .cont .btn_add{position: relative;width:534px;height:121px;background-image: url('../images/channel/btn_add.png');}
section.channel .contents_wrapper .cont_wrapper .cont .btn_add a{position:relative;display:block;width:100%;height:100%;}
section.channel .contents_wrapper .cont_wrapper .cont .btn_add a .hand{right:-20px;bottom:-20px;}
section.channel .contents_wrapper .cont_wrapper .cont .icon{position:absolute;width:298px;height:205px;}
section.channel .contents_wrapper .cont_wrapper .cont .icon a{display:block;width:100%;height:100%;}
section.channel .contents_wrapper .cont_wrapper .cont .icon.icon01{left:42px;top:57px;width:298px;height:205px;background-image: url('../images/channel/icon01.png?v=1');}
section.channel .contents_wrapper .cont_wrapper .cont .icon.icon02{right:0;top:89px;width:375px;height:289px;background-image: url('../images/channel/icon02.png?v=1');}
section.channel .contents_wrapper .cont_wrapper .cont .icon.icon03{left:0;bottom:283px;width:345px;height:274px;background-image: url('../images/channel/icon03.png?v=1');}
section.channel .contents_wrapper .cont_wrapper .cont .icon.icon04{left:202px;bottom:69px;width:348px;height:237px;background-image: url('../images/channel/icon04.png?v=1');}
section.channel .contents_wrapper .cont_wrapper .cont .icon.icon05{right:0;bottom:287px;width:256px;height:204px;background-image: url('../images/channel/icon05.png?v=1');}

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


/* SNS */


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


/* 고정 메뉴 */
.navigator_wrapper {position:fixed;left:0;bottom:0;width:100%;height:110px;z-index:15; bottom: 0;overflow:hidden;}
.navigator_wrapper .cont_wrap {width:100%;background:#FFFFFF;height:100%;display:flex;justify-content:center;}
.navigator_wrapper .cont_wrap .navi_wrap {width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:0 10px;box-sizing:border-box; gap:0 4px;}
.navigator_wrapper .cont_wrap .navi_wrap > li{position:relative;flex:1;box-sizing:border-box;height:100%;display:flex;justify-content:center;align-items:center;gap:0 0;}
.navigator_wrapper .cont_wrap .navi_wrap > li > div > a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:100px;overflow:hidden;}
.navigator_wrapper .cont_wrap .navi_wrap > li > .n_top{position:relative;background-image:url('../images/top.png');width:68px;height:68px;cursor:pointer;background-repeat:no-repeat;margin-left:5px;border-radius:50%;}
.navigator_wrapper .cont_wrap .navi_wrap > li .sticker {
  position:relative;
  width:106px;height:90px;
  font-size:32px;color:#FFFFFF;
  background-image: url('../images/sticker.png');
  display:flex;justify-content: end;
  padding:0 50px;box-sizing: border-box;
}
.navigator_wrapper .cont_wrap .navi_wrap > li .sticker span{
  display:flex;align-items: end;padding:12px 0;box-sizing: border-box;font-weight:bold;
}
/* 고정 메뉴 */

/* 기타  */

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

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

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

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

.hand {position:absolute;z-index:5;animation:zoom 1s ease-in-out infinite;animation-delay:0.5s;animation-duration:1s;width:71px;height:71px;background-image:url(../images/hand.png);right:-20px;bottom:-40px;}
.hand01 {position:absolute;z-index:5;animation:zoom 1s ease-in-out infinite;animation-delay:0.5s;animation-duration:1s;width:71px;height:71px;background-image:url(../images/hand01.png);right:-20px;bottom:-40px;background-size: 100%;}
.hand02 {position:absolute;z-index:5;animation:zoom 1s ease-in-out infinite;animation-delay:0.5s;animation-duration:1s;width:71px;height:71px;background-image:url(../images/hand02.png);right:-20px;bottom:-40px;background-size: 100%;}
.hand03 {position:absolute;z-index:5;animation:zoom 1s ease-in-out infinite;animation-delay:0.5s;animation-duration:1s;width:71px;height:71px;background-image:url(../images/hand03.png);right:-20px;bottom:-40px;background-size: 100%;}
.handclean01 {position:absolute;z-index:5;animation:zoom 1s ease-in-out infinite;animation-delay:0.5s;animation-duration:1s;width:71px;height:71px;background-image:url(../images/handclean01.png);right:-20px;bottom:-40px;background-size: 100%;}
.handclean02 {position:absolute;z-index:5;animation:zoom 1s ease-in-out infinite;animation-delay:0.5s;animation-duration:1s;width:71px;height:71px;background-image:url(../images/handclean02.png);right:-20px;bottom:-40px;background-size: 100%;}
.handclean03 {position:absolute;z-index:5;animation:zoom 1s ease-in-out infinite;animation-delay:0.5s;animation-duration:1s;width:71px;height:71px;background-image:url(../images/handclean03.png);right:-20px;bottom:-40px;background-size: 100%;}
.result_wrap {position:absolute;width:100%;text-align:center;bottom:100px;}
.result_wrap > .btn.event_result2{width:463px;height:122px;display:inline-block;}
.result_wrap > .btn.event_result2 > a {display:block;width:100%;height:100%;}
/* 슬라이드 */
.swiper {
  width: 100%;
  height: 100%;
}
.swiper-slide {

  text-align: center;
  font-size: 18px;
  background: transparent;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide  img {}

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

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

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

.hide {display:none !important;}

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


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



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

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

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

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

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

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

.pu_event_info.pop02 .btns a.bt_participate_done {
  background: #00AF9D;
  color: #FFFFFF;
}
.pu_event_info.pop03 .btns a.bt_participate_done {
  background: #FF832A;
  color: #FFFFFF;
}

.pu_event_info .btns a.bt_cancel {background:#333;}

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




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


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


.pu_event_done.complete01 {
  background-image: url('../images/evt01_complete.png');
}
.pu_event_done.complete02 {
  background-image: url('../images/evt02_complete.png');
}
.pu_event_done.complete03 {
  background-image: url('../images/evt03_complete.png');
}


.pu_event_done .cont{
  display:flex;
  width:100%;
  height:304px;
}
.pu_event_done .cont .pic{
  display:flex;
  width:300px;
  align-items:center;
  justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
}
.pu_event_done .cont .txt{
  flex:1;
  display:flex;
  align-items:center;
  justify-content: start;
  background-position: left center;
  background-repeat: no-repeat;
}
.pu_event_done.complete01 .pic.p01{
  background-image:url('../images/result/evt01_char01.png');background-size:194px 224px;
}
.pu_event_done.complete01 .pic.p02{
  background-image:url('../images/result/evt01_char02.png');background-size:201px 220px;
}
.pu_event_done.complete01 .txt.t01{
  background-image:url('../images/result/evt01_txt01.png');background-size:276px 240px;
}
.pu_event_done.complete01 .txt.t02{
  background-image:url('../images/result/evt01_txt02.png');background-size:323px 97px;
}


.pu_event_done.complete02 .pic.p01{
  background-image:url('../images/result/evt02_char01.png');background-size:242px 201px;
}
.pu_event_done.complete02 .pic.p02{
  background-image:url('../images/result/evt02_char02.png');background-size:257px 220px;
}
.pu_event_done.complete02 .txt.t01{
  background-image:url('../images/result/evt02_txt01.png');background-size:241px 97px;
}
.pu_event_done.complete02 .txt.t02{
  background-image:url('../images/result/evt02_txt02.png');background-size:361px 96px;
}
.pu_event_done.complete02 .txt.t03{
  background-image:url('../images/result/evt02_txt03.png');background-size:240px 154px;
}


.pu_event_done.complete03 .pic.p01{
  background-image:url('../images/result/evt03_char01.png');background-size:220px 199px;
}
.pu_event_done.complete03 .pic.p02{
  background-image:url('../images/result/evt03_char02.png');background-size:220px 208px;
}
.pu_event_done.complete03 .txt.t01{
  background-image:url('../images/result/evt03_txt01.png');background-size:361px 154px;
}
.pu_event_done.complete03 .txt.t02{
  background-image:url('../images/result/evt03_txt02.png');background-size:241px 154px;
}
.pu_event_done.complete03 .txt.t03{
  background-image:url('../images/result/evt03_txt03.png');background-size:361px 97px;
}
.pu_event_done .btn{
  display:block;width:100%;height:86px;
}
.pu_event_done a{
  display:block;width:100%;height:100%;
}
.pu_event_done .hand{
  right:190px;bottom:-40px;
}