event01.js@font-face { font-family: 'KblJump'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-5@1.0/KBLJump_RTTF.woff2') format('woff2'); font-weight: normal; font-display: swap; } @font-face { font-family: 'Cafe24Ssurround'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GMarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: 300; font-display: swap; } @font-face { font-family: 'GMarketSans'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: 500; font-display: swap; } body {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;min-width: 1890px;background-color: #d5d6d7;} 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: 1920px;margin: 0 auto;padding-bottom: 100px;position: relative;overflow: hidden;} .htmlWrapper section {background-position: center;min-width: 1400px;} div:focus{outline:none;} body, h1, h2, h3, h4, input, select, button, textarea {font-family:'Pretendard',sans-serif;} .quick_wrap {position:fixed;right:40px;top:288px;z-index:20;} /* 상단 */ .htmlWrapper section.top_wrapper { position: relative;display: flex;justify-content: center;align-items: center; width: 100%;height: 50px;box-sizing: border-box;z-index: 1;background: #FFFFFF; font-size: 20px;overflow: visible; } .htmlWrapper section.top_wrapper > .hx_top {position: relative;height: 100%;display: flex;justify-content: center;align-items: center;gap: 0 5px;color: #888888;} .htmlWrapper section.top_wrapper > .hx_top span {font-size: 24px;font-weight: 800;color: #222222;font-family: 'ONE-Mobile-Title';} .htmlWrapper section.top_wrapper > .hx_top span a {display: flex;} .htmlWrapper section.top_wrapper > .hx_top b {color: #000;} .htmlWrapper section.top_wrapper > .hx_top i {margin-top: 3px;margin-right: 10px;} .htmlWrapper section.top_wrapper > .hx_top .com_logo {margin-top:-7px;} .htmlWrapper section.top_wrapper > .hx_top div.ment {margin-top: -5px;} .htmlWrapper section.top_wrapper > .hx_top .hx_txt {position: absolute;top: 40px;} /* Visual */ .htmlWrapper section.visual_wrapper {position: relative;width: 100%;height: 880px;background-image:url('../images/visual/bg2.jpg?v=1');background-position: center;overflow:hidden;} .htmlWrapper section.visual_wrapper .contents_wrap {position: relative;width: 100%;height: 100%;display:flex;justify-content:end;align-items:center;flex-direction:column;padding:0 0 55px 0;box-sizing:border-box;} .htmlWrapper section.visual_wrapper .contents_wrap .title{position: relative;width:1019px;height:381px;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:25px;left:100px;width:726px;height:461px;z-index:5;} .htmlWrapper section.visual_wrapper .contents_wrap .ani > div{width:100%;height:100%;background-position: center;background-repeat: no-repeat;} .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:982px;height:895px;background-image: url('../images/visual/heart.png');} .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 .char01{position:absolute;bottom:110px;left:-440px;background-image:url('../images/visual/char01/char01.png');width:144px;height:143px;} .htmlWrapper section.visual_wrapper .contents_wrap .char01.on{background-image:url('../images/visual/char01/char02.png');} .htmlWrapper section.visual_wrapper .contents_wrap .char02{position:absolute;top:-287px;left:260px;width:158px;height:121px;} .htmlWrapper section.visual_wrapper .contents_wrap .char02.i01{background-image:url('../images/visual/char02/char01.png');} .htmlWrapper section.visual_wrapper .contents_wrap .char02.i02{background-image:url('../images/visual/char02/char02.png');} .htmlWrapper section.visual_wrapper .contents_wrap .char02.i03{background-image:url('../images/visual/char02/char03.png');} .htmlWrapper section.visual_wrapper .contents_wrap .char02.i04{background-image:url('../images/visual/char02/char04.png');} .htmlWrapper section.visual_wrapper .contents_wrap .char03{position:absolute;top:-177px;right:-318px;width:130px;height:150px;} .htmlWrapper section.visual_wrapper .contents_wrap .char03.disappear{opacity:0;transition: .5s all;} .htmlWrapper section.visual_wrapper .contents_wrap .icons{position:absolute;left:-198px;bottom:14px;background-image: url('../images/visual/icons.png');width:1356px;height:227px;z-index:9;} .htmlWrapper section.visual_wrapper .contents_wrap .char03.i01{background-image:url('../images/visual/char03/char01.png');} .htmlWrapper section.visual_wrapper .contents_wrap .char03.i02{background-image:url('../images/visual/char03/char02.png');} .htmlWrapper section.visual_wrapper .contents_wrap .char03.i03{background-image:url('../images/visual/char03/char03.png');} .htmlWrapper section.visual_wrapper .contents_wrap .char03.i04{background-image:url('../images/visual/char03/char04.png');} .htmlWrapper section.visual_wrapper .contents_wrap .char03.i05{background-image:url('../images/visual/char03/char05.png');} .htmlWrapper section.visual_wrapper .contents_wrap .char03.i06{background-image:url('../images/visual/char03/char06.png');} .htmlWrapper section.visual_wrapper .contents_wrap .char03.i07{background-image:url('../images/visual/char03/char07.png');} .htmlWrapper section.visual_wrapper .contents_wrap .char03.i08{background-image:url('../images/visual/char03/char08.png');} .htmlWrapper section.visual_wrapper .contents_wrap .char03.i09{background-image:url('../images/visual/char03/char09.png');} .htmlWrapper section.visual_wrapper .contents_wrap .char03.i10{background-image:url('../images/visual/char03/char10.png');} .htmlWrapper section.visual_wrapper .contents_wrap .char04_wrapper{position:absolute;bottom:117px;right:-487px;width:480px;height:372px;overflow:hidden;transform:rotate(11deg);z-index:1;} .htmlWrapper section.visual_wrapper .contents_wrap .char04_wrapper .char04{position:relative;width:480px;height:372px;transform:rotate(-11deg);top:50px;left:10px;} .htmlWrapper section.visual_wrapper .contents_wrap .char04_wrapper .char04.i01{background-image:url('../images/visual/char04/char01.png');} .htmlWrapper section.visual_wrapper .contents_wrap .char04_wrapper .char04.i02{background-image:url('../images/visual/char04/char02.png');} .htmlWrapper section.visual_wrapper .contents_wrap .char04_wrapper .char04.i03{background-image:url('../images/visual/char04/char03.png');} .htmlWrapper section.visual_wrapper .contents_wrap .char04_wrapper .char04.i04{background-image:url('../images/visual/char04/char04.png');} .htmlWrapper section.visual_wrapper .contents_wrap .char04_wrapper .char04.i05{background-image:url('../images/visual/char04/char05.png');} /* 이벤트 01 */ section.event01 {position: relative;width: 100%;height:1822px;background-image: url('../images/event01/evt01.jpg');overflow:hidden;background-position: center top} section.event01 .contents_wrapper {display: flex;flex-direction: column;width: 1300px;margin:0 auto;align-items: center;padding: 120px 0 0 0;} section.event01 .contents_wrapper .schedule_wrap {display: flex;width: 100%;justify-content: space-between;z-index: 2;} section.event01 .contents_wrapper .schedule_wrap .schedule{display: flex;flex-direction: column;gap:40px 0;} 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:104px;height:414px;left:210px;top:80px;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:100%;flex-direction: column;justify-content: center;align-items:center;gap:8px 0;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .light-wrap .light .red{width:64px;height:64px;background-image: url('../images/event01/red_on.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .light-wrap .light .green{width:64px;height:64px;background-image: url('../images/event01/green.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .bar-wrap{position:absolute;width:141px;height:338px;right:245px;top:153px;background-image: url('../images/event01/bar01.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .girl01{position:absolute;width:170px;height:240px;right:435px;top:265px;} 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:130px;height:261px;right:50px;top:225px;} 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:92px;height:119px;right:-12px;top:367px;background-image: url('../images/event01/guide.png');} section.event01 .contents_wrapper .event_cont_wrapper .car01-wrap{position:absolute;width:542px;height:290px;left:-134px;bottom:558px;background-image: url('../images/event01/car01.png');} section.event01 .contents_wrapper .event_cont_wrapper .car01-wrap.on{left:-600px;} section.event01 .contents_wrapper .event_cont_wrapper .car01-wrap.move{animation: 2s car01_stop linear forwards;animation-delay: 1s;} section.event01 .contents_wrapper .event_cont_wrapper .car02-wrap{position:absolute;width:542px;height:290px;right:-245px;bottom:650px;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: 2s car02_stop linear forwards;animation-delay: 1s;} section.event01 .contents_wrapper .event_cont_wrapper .child-wrap{position:absolute;width:229px;height:365px;left:221px;bottom:404px;} 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: 2.5s child_work linear forwards;animation-delay: 1s;} section.event01 .contents_wrapper .event_cont_wrapper .boy-wrap{position:absolute;width:271px;height:405px;left:515px;bottom:388px;} 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: 3s boy_work linear forwards;} section.event01 .contents_wrapper .event_cont_wrapper .girl02-wrap{position:absolute;width:284px;height:399px;right:60px;bottom:223px;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:284px;height:399px;right:-320px;bottom:220px;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:309px;height:458px;left:-320px;bottom:100px;z-index:3;} 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:160px;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:1206px;height:730px;background-image: url('../images/event01/intro.png');display:flex;justify-content: center;align-items: end;padding:134px 0;box-sizing: border-box;} section.event01 .event_cover_wrapper .photo_cover{display:none;} section.event01 .event_cover_wrapper .photo_cover .photoSwiper{width:720px;height:720px;} section.event01 .event_cover_wrapper .photo_cover .photo-button-next{position:absolute;top:300px;right:-130px;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:300px;left:-130px;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);} section.event01 .event_cover_wrapper.zoom02 {background-color:rgba(212,241,255,.8);} 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:720px;height:720px;left:220px;} 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:370px;height:402px;background-image: url('../images/event01/p_char01.png');opacity:0;right:-203px;bottom:-100px;z-index:4;} 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:40px;right:-510px;width:490px;height:354px;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:356px;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:0px;bottom:-70px;} section.event01 .event_cover_wrapper .promise_char {display:none;position:absolute;width:728px;height:523px;} 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:720px;height:720px;right:240px;} 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:285px;height:329px;background-image: url('../images/event01/p_char02.png');opacity:0;right:586px;bottom:-70px;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:240px;left:-763px;width:490px;height:354px;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:356px;height:80px;background-image: url('../images/event01/btn_promise02.png');cursor:pointer;} section.event01 .event_cover_wrapper.zoom02 .photo_cover .promise .btn .btn_promise .hand{right:0;bottom:-40px;} section.event01 .event_cover_wrapper.zoom02 .promise_char {display:none;position:absolute;width:728px;height:523px;} section.event01 .event_cover_wrapper.zoom02 .promise_char.ok {animation: 1s set_heart 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 {position: absolute;bottom:120px;width: 1182px;height: 132px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background-image: url('../images/bg_num.png');margin:50px 0 0 0;border-radius:55px;z-index:11;} section.event01 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;justify-content: center;align-items: center;gap: 0 5px;} section.event01 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;} section.event01 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #0078D3;font-weight: 900;font-size: 40px;line-height: 0.7;} section.event01 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 32px;color: #111111;} /* 이벤트 01 */ /* 이벤트 02 */ section.event02 {position: relative;width: 100%;height:1822px;background-image: url('../images/event02/bg.jpg');overflow:hidden;background-position: center top} section.event02 .contents_wrapper {display: flex;flex-direction: column;width: 1300px;margin:0 auto;align-items: center;padding: 120px 0 0 0;} section.event02 .contents_wrapper .schedule_wrap {display: flex;width: 100%;justify-content: space-between;z-index: 2;} section.event02 .contents_wrapper .schedule_wrap .schedule{display: flex;flex-direction: column;gap:40px 0;} section.event02 .contents_wrapper .event_cont_wrapper {width:100%;display:flex;flex-direction: column;align-items: center;margin-top:150px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width:1140px;height:854px;} 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:10px;box-sizing: border-box;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box.promise::before{position:absolute;content:'';width:100%;height:695px;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:1120px;height:675px;overflow:hidden;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .icon_wrap{position:absolute;right:20px;top:35px;display:flex;flex-direction: column;gap:20px 0;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .icon_wrap > div{position:relative;width:116px;height:116px;} 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:312px;height:521px;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:60px;top:30px;background-image: url('../images/event02/x.png');width:120px;height:120px;} 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:312px;height:521px;background-image: url('../images/event02/screen02.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .adver02 .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 .adver02 .btn .markx{display:none;position:absolute;left:60px;top:30px;background-image: url('../images/event02/x.png');width:120px;height:120px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .adver02.show .btn .markx{display:block;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .adver03{position:absolute;top:-100px;left:807px;transform:scale(0);width:470px;height:646px;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:80px;top:30px;background-image: url('../images/event02/x.png');width:120px;height:120px;} 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:0;bottom:-180px;width:280px;height:180px;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:0;transition: .7s all;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .screen_box .screen .banner .markx{display:none;position:absolute;left:80px;top:30px;background-image: url('../images/event02/x.png');width:120px;height:120px;} 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:-130px;top:294px;} 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:-850px;bottom:-5px;width:427px;height:390px;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:-290px;transition:1s all;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .light{position:absolute;left:-390px;bottom:130px;width:793px;height:785px;background-image: url('../images/event02/stand.png');background-position: left bottom;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');} /* section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .clock{position:absolute;left:-350px;bottom:8px;width:332px;height:184px;background-image: url('../images/event02/clock.png');z-index:2;} */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .hp{position:absolute;left:-285px;bottom:-216px;width:346px;height:212px;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:360px;width:1206px;height:730px;background-image: url('../images/event02/intro.png');display:flex;justify-content: center;align-items: end;padding:134px 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:1140px;height:695px;} section.event02 .event_cover_wrapper.zoom .game_box > div{position:relative;width:1140px;height:695px;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');width:379px;height:379px;} 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:490px;height:541px;right:100px;z-index:5;} 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:356px;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_heart02 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 .hand{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:300px;right:-130px;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:300px;left:-130px;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 {position: absolute;width: 1182px;height: 132px;bottom:95px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background-image: url('../images/bg_num.png');margin:50px 0 0 0;border-radius:55px;z-index:6;} section.event02 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;justify-content: center;align-items: center;gap: 0 5px;} section.event02 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;} section.event02 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #00AF9D;font-weight: 800;font-size: 40px;line-height: 0.7;} section.event02 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 32px;color: #000000;} /* 이벤트 02 */ /* 이벤트 03 */ section.event03 {position: relative;width: 100%;height:1822px;background-image: url('../images/event03/bg.jpg');overflow:hidden;background-position: center top} section.event03 .contents_wrapper {display: flex;flex-direction: column;width: 1300px;margin:0 auto;align-items: center;padding: 120px 0 0 0;} section.event03 .contents_wrapper .schedule_wrap {display: flex;width: 100%;justify-content: space-between;z-index: 2;} section.event03 .contents_wrapper .schedule_wrap .schedule{display: flex;flex-direction: column;gap:40px 0;} 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:1140px;height:854px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .student-wrap01{position:absolute;width:196px;height:374px;left:-100px;top:5px;} 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:-212px;top:90px;width:263px;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:264px;height:463px;z-index:3;left:-200px;top:200px;} 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:140px;top:140px;width:329px;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:64px;height:10px;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:201px;height:405px;left:60px;top:-45px;} 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:130px;top:110px;width:349px;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:587px;height:265px;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:532px;height:682px;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:162px;top:170px;width:38px;height:41px;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:150px;top:220px;width:11px;height:20px;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:-80px;top:218px;width:140px;height:93px;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:33px 60px 5px 19px;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:0;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:1206px;height:730px;margin-top:350px;background-image: url('../images/event03/intro.png');display:flex;justify-content: center;align-items: end;padding:134px 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_heart03 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:230px;background-color:rgba(255,236,194,.8);} section.event03 .event_cover_wrapper.zoom02 {top:230px;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;left:240px;display:block;width:500px;height:720px;} section.event03 .event_cover_wrapper.zoom .photo_cover .zoom{position:absolute;display:none;width:500px;height:720px;} section.event03 .event_cover_wrapper.zoom .photo_cover .phone{width:500px;height:720px;background-image: url('../images/event03/phone/phone.png');padding:98px 0 10px 0;box-sizing:border-box;} section.event03 .event_cover_wrapper.zoom .photo_cover .phone .phone_txt_wrap{position:relative;width:480px;height:590px;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:500px;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;width:480px;} section.event03 .event_cover_wrapper.zoom .photo_cover .phone .phone_txt_wrap .phone_txt .talk_wrap.t01 .talk{position:relative;} section.event03 .event_cover_wrapper.zoom .photo_cover .phone .phone_txt_wrap .phone_txt .talk_wrap.t01 .talk img{width:100%;} 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:480px;padding:0 8px;box-sizing: border-box;} section.event03 .event_cover_wrapper.zoom .photo_cover .phone .phone_txt_wrap .phone_txt .talk_wrap.t01 .banner img{width:100%;} 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.zoom .photo_cover .phone .phone_txt_wrap .phone_txt .talk_wrap{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:383px;height:362px;background-image: url('../images/event03/character.png');left:473px;bottom:-70px;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:-680px;left:520px;width:490px;height:354px;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:356px;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;right:240px;display:block;width:500px;height:720px;} section.event03 .event_cover_wrapper.zoom02 .photo_cover.p01{} section.event03 .event_cover_wrapper.zoom02 .photo_cover .character{position:absolute;width:340px;height:313px;background-image: url('../images/event03/character02.png?v=1.1');opacity:0;right:470px;bottom:-70px;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:500px;height:720px;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:480px;height:590px; overflow-y:auto;overflow-x:hidden; -webkit-overflow-scrolling:touch;touch-action:pan-y;pointer-events:auto; } section.event03 .event_cover_wrapper.zoom02 .photo_cover .phone .phone_txt_wrap .phone_txt{ position:relative;width:480px;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 img{width:100%;} section.event03 .event_cover_wrapper.zoom02 .photo_cover .phone .phone_txt_wrap .phone_txt .talk_wrap.t02 .banner{width:480px;padding:0 8px;box-sizing: border-box;} section.event03 .event_cover_wrapper.zoom02 .photo_cover .phone .phone_txt_wrap .phone_txt .talk_wrap.t02 .banner img{width:100%;} 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.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:50px;left:-650px;width:490px;height:354px;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:380px;height:80px;background-image: url('../images/event03/btn_promise02.png');cursor:pointer;} section.event03 .event_cover_wrapper.zoom02 .photo_cover .promise .btn .btn_promise .hand{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_heart03 linear forwards;} /* 이벤트 커버 */ section.event03 .event_cover_wrapper .photoSwiper02 {width:500px;height:720px;} section.event03 .event_cover_wrapper .photo_cover .photo-button-next{position:absolute;top:300px;right:-130px;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:300px;left:-130px;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: 1182px;height: 132px;bottom:100px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background-image: url('../images/bg_num.png');margin:50px 0 0 0;border-radius:55px;z-index:10;} section.event03 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;justify-content: center;align-items: center;gap: 0 5px;} section.event03 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;} section.event03 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #FF832A;font-weight: 800;font-size: 40px;line-height: 0.7;} section.event03 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 32px;color: #000000;} /* movie */ section.movie {position: relative;width: 100%;height: 1020px;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:40px;} section.movie .contents_wrapper .swiper {position: relative;width:100%;height:554px;} section.movie .contents_wrapper .swiper-slide {position: relative;width:1052px !important;height:534px !important;transform: none !important;} section.movie .contents_wrapper .movie_box {position: relative;display:flex;flex-direction: column;width:1052px;height:534px;background: #FFFFFF;border-radius:20px;padding:26px;box-sizing: border-box;box-shadow: rgba(0,0,0,.2) 0 3.69px 7.37px;} section.movie .contents_wrapper .movie_box .movie-cont{position: relative;width:100%;height:493px;border-radius:16px;overflow: hidden;} 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;justify-content: space-between;align-items: center;color:#222222;font-size:23px;font-weight:600;padding:0 20px;box-sizing: border-box;margin:10px 0 0 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;letter-spacing:-1px;} section.movie .contents_wrapper .movie_box .ttl-wrap .ttl span::before{position:relative;margin:4px 8px 0 0;content:'';width:36px;height:26px;background-image: url('../images/movie/youtube.png');} section.movie .contents_wrapper .movie_box .ttl-wrap .btn-wrap {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 .thumb_box{position:relative;display:flex;justify-content: center;gap:0 40px;margin:40px 0 0 0;z-index:7;width:625px;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:195px !important;height:100% !important;border-radius:10px;overflow: hidden;} section.movie .contents_wrapper .thumb_box .swiper .swiper-slide.swiper-slide-next{border-radius:10px !important;overflow: hidden;} section.movie .contents_wrapper .thumb_box .photo{filter: grayscale(100%);cursor:pointer;border-radius:8px;overflow:hidden;} section.movie .contents_wrapper .thumb_box .photo .twrap{width:100% !important;height:100% !important;border-radius:8px;overflow:hidden;} 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;object-position:center;border-radius:8px;} 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 .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:332px;height:240px;background-image: url('../images/movie/character.png');right:1082px;top:-240px;} .t_image_d.round {border-radius:8px;overflow:hidden;} .swiper-slide iframe:fullscreen { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; } /* movie */ /* site */ section.site {position: relative;width: 100%;height: 1080px;background-image:url('../images/site/bg.jpg');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:1300px;gap:20px 0;} section.site .contents_wrapper .site-wrapper .site-wrap{position: relative;display:flex;width:100%;height:215px;justify-content: end;align-items:center;gap:0 40px;padding:0 20px;box-sizing: border-box;} section.site .contents_wrapper .site-wrapper .site-wrap .link{position:absolute;bottom:40px;display:block;width:270px;height:64px;} section.site .contents_wrapper .site-wrapper .site-wrap > div{width:270px;height:136px;} section.site .contents_wrapper .site-wrapper .site-wrap.s01{background-image: url('../images/site/sec01.png');} 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{background-image: url('../images/site/sec02.png');} 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');} 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 .site-wrapper .site-wrap .site_slide_wrapper{position:relative;width:890px;height:100%;overflow:hidden;} section.site .contents_wrapper .site-wrapper .site-wrap .site_slide_wrapper .site_slide_wrap{position:relative;width:100%;height:100%;} section.site .contents_wrapper .site-wrapper .site-wrap .site_slide_wrapper .cyber02Swiper.swiper{position:relative;width:100%;height:100%;box-sizing: border-box;} section.site .contents_wrapper .site-wrapper .site-wrap .site_slide_wrapper .cyber02Swiper.swiper .swiper-wrapper{position:relative;width:100%;height:100%;box-sizing: border-box;} section.site .contents_wrapper .site-wrapper .site-wrap .site_slide_wrapper .cyber02Swiper.swiper .swiper-wrapper .swiper-slide{position:relative;display:flex;align-items:center;width:270px !important;height:100% !important;} section.site .contents_wrapper .site-wrapper .site-wrap .site_slide_wrapper .cyber03Swiper.swiper .swiper-wrapper .swiper-slide{position:relative;display:flex;align-items:center;width:270px !important;height:100% !important;} section.site .contents_wrapper .site-wrapper .site-wrap .site_slide_wrapper .swiper .swiper-wrapper .swiper-slide > div{width:270px;height:136px;} section.site .contents_wrapper .site-wrapper .site-wrap .site_slide_wrapper .swiper .site02-scrollbar{position:absolute;display:none;width:100%;height:6px;bottom:17px;background:#EEEEEE;border-radius:100px;z-index:5;} section.site .contents_wrapper .site-wrapper .site-wrap .site_slide_wrapper .swiper .site02-scrollbar .swiper-scrollbar-drag{background:#00AF9D} section.site .contents_wrapper .site-wrapper .site-wrap .site_slide_wrapper .swiper .site03-scrollbar{position:absolute;display:none;width:100%;height:6px;bottom:17px;background:#EEEEEE;border-radius:100px;z-index:5;} section.site .contents_wrapper .site-wrapper .site-wrap .site_slide_wrapper .swiper .site03-scrollbar .swiper-scrollbar-drag{background:#FF832A} 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 */ /* emoticon */ section.emoticon {position: relative;width: 100%;height: 1206px;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:120px 0 0 0;box-sizing: border-box;gap:30px 0;} section.emoticon .contents_wrapper .cont_wrapper {position: relative;display:flex;width:1200px;justify-content: space-between;} section.emoticon .contents_wrapper .cont_wrapper .pic{position: relative;} section.emoticon .contents_wrapper .cont_wrapper .pic::before{position: absolute;left:174px;top:-58px;content:'';width:92px;height:84px;background-image: url('../images/emoticon/ss.png');} section.emoticon .contents_wrapper .cont_wrapper .pic::after{position: absolute;right:-340px;bottom:-70px;content:'';width:384px;height:320px;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%;height: 935px;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;width:100%;height:100%} section.channel .contents_wrapper .cont_wrapper .cont{position: relative;width:50%;height:100%;display:flex;align-items: end;justify-content: end;padding:68px 70px;box-sizing: border-box;overflow:hidden;} section.channel .contents_wrapper .cont_wrapper .cont:nth-child(1){background-image: url('../images/channel/friends.png');} section.channel .contents_wrapper .cont_wrapper .cont:nth-child(2){background-image: url('../images/channel/guide.png');} section.channel .contents_wrapper .cont_wrapper .cont .btn_add{position: relative;width:613px;height:140px;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:-50px;bottom:-20px;} section.channel .contents_wrapper .cont_wrapper .cont .icon{position:absolute;width:366px;height:251px;} 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:79px;top:46px;background-image: url('../images/channel/icon01.png');} section.channel .contents_wrapper .cont_wrapper .cont .icon.icon02{right:5px;top:39px;width:446px;height:295px;background-image: url('../images/channel/icon02.png');} section.channel .contents_wrapper .cont_wrapper .cont .icon.icon03{left:0;bottom:222px;width:391px;height:340px;background-image: url('../images/channel/icon03.png');} section.channel .contents_wrapper .cont_wrapper .cont .icon.icon04{left:208px;bottom:3px;width:406px;height:279px;background-image: url('../images/channel/icon04.png');} section.channel .contents_wrapper .cont_wrapper .cont .icon.icon05{right:0;bottom:287px;width:314px;height:251px;background-image: url('../images/channel/icon05.png');} /* sns */ /* 다음 */ section.daum {position: relative;width: 100%;height: 334px;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: center;gap:16px 0;} section.daum .contents_wrap .box {position: relative;width: 800px;height: 132px;background-image: url('../images/daum/cover.png');background-repeat: no-repeat;background-position: center;display: flex;align-items: start;} section.daum .contents_wrap .box .typing-text {position: absolute;left: 99px;top: 25px;font-family: 'Pretendard',sans-serif;font-weight: 700;font-size: 32px;color: #1e1e1e;border-right: 2px solid #333;animation: typing 6s steps(22) infinite;white-space: nowrap;overflow: hidden;} section.daum .contents_wrap .exp {position: relative;left: 5px;margin-top: 15px;} /* 다음 */ /* SNS SHARE */ section.snsshare {position: relative;width: 100%;height: 541px;background-image:url('../images/share/bg.jpg');} section.snsshare .contents_wrap {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;gap:60px 0;} section.snsshare .contents_wrap > .sns_wrapper {position: relative;} section.snsshare .contents_wrap > .sns_wrapper > ul {display: flex;gap: 0 40px;} /* SNS SHARE */ /* 참여 정보 */ section.sec-join-info { position: relative; width: 100%; height: 208px; display: flex; justify-content: center; font-size: 32px; align-items: center; color: #000000; background-color: #ffffff; } section.sec-join-info div { font-weight: 700; display: flex; align-items: center; } section.sec-join-info i { font-weight: 500; color:#333333; margin-right:10px; } section.sec-join-info span.normal { color:#111116; font-weight: 500; font-size: 32px; margin-right: 5px; margin-top: -5px; } section.sec-join-info span._visit_all_cnt { color: #00AF9D; margin-left: 10px; margin-right: 10px; margin-top: -10px; font-weight: 900; line-height: 0; font-size:56px; } section.sec-join-info span._join_all_cnt { color: #FE6836; margin-left: 10px; margin-right: 10px; margin-top: -10px; font-size:56px; } section.sec-join-info div span { font-size: 48px; font-weight: 900; font-family: "ONE-Mobile-Title",sans-serif; padding: 0 0 0 5px; } /* 참여 정보 */ /* 접속 정보 */ section.sec-connect-info { position: relative; width: 100%; height: 100px; display: flex; justify-content: center; align-items: center; color: #222222; background-color: #DFDFDF; font-size: 32px; } section.sec-connect-info div { font-weight: 800; display: flex; align-items: center; } section.sec-connect-info span.area { color: #0A91F8; font-size:36px; padding:0 5px; font-weight:800; } /* 참여 정보 */ /* SNS */ /* 참여 정보 */ section.sec-copyright { position: relative; width: 100%; height: 162px; display: flex; justify-content: center; align-items: center; background: #f0f0f0; color: #555555; font-size: 18px; } section.sec-copyright > .copyright { width: 1400px; } section.sec-copyright > .copyright ul { } section.sec-copyright > .copyright ul li { float: left; width: 60%; margin-bottom: 10px; } section.sec-copyright > .copyright ul li:first-child { color: #262630; font-size: 20px; font-weight: 500; font-family: 'Pretendard',sans-serif; } section.sec-copyright > .copyright ul li:nth-child(2n+2) { text-align: right; width: 40%; } section.sec-copyright > .copyright ul li:nth-child(4) { display: flex; justify-content: end; } section.sec-copyright > .copyright ul li:nth-child(4) > div { text-align: right; margin-left: 10px; } section.sec-copyright > .copyright ul li:nth-child(4) span { color: #555555; font-weight: 800; font-family: 'Pretendard',sans-serif; } /* 고정 메뉴 */ .navigator_wrapper { position: fixed;left: 0;bottom: 0;width: 100%;height: 110px;z-index: 51;overflow: hidden;display:none;background:rgba(255,255,255,.8);backdrop-filter:blur(10px); } .navigator_wrapper.on{display:block;} .navigator_wrapper .cont_wrap {width: 100%;height: 100%;display: flex;justify-content: center;} .navigator_wrapper .cont_wrap .navi_wrap { width: 1300px; height: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 0; box-sizing: border-box; padding: 0 20px 0 30px; box-sizing: border-box; } .navigator_wrapper .cont_wrap .navi_wrap > li { position: relative; flex: 1; box-sizing: border-box; height: 100%; display: flex; justify-content: center; align-items: center; } .navigator_wrapper .cont_wrap .navi_wrap > li > .n_menu { position: relative; width: 83px; height: 44px; cursor: pointer; z-index: 3; background-image: url('../images/allmenu.png'); background-repeat: no-repeat; } .navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(1) { margin-right: 26px; } .navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(2) { margin-right: 8px; } .navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(3) { margin-right: 8px; } .navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(4) { margin-right: 26px; } .navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(5) { margin-right: 26px; } .navigator_wrapper .cont_wrap .navi_wrap > li .sticker { position:relative; width:292px;height:80px; font-size:50px;color:#FFFFFF; background-image: url('../images/sticker.png'); display:flex;justify-content: end; padding:0 44px;box-sizing: border-box; } .navigator_wrapper .cont_wrap .navi_wrap > li .sticker span{ display:flex; justify-content: center; align-items: center; width:89px; height:80px; font-family:'GMarketSansBold'; padding:10px 0 0 0; box-sizing: border-box; } .navigator_wrapper .cont_wrap .navi_wrap > li > div > a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .navigator_wrapper .cont_wrap .navi_wrap > li > .n_top { position: relative; background-image: url('../images/top.png'); width: 80px; height: 80px; cursor: pointer; border-radius:50%; } .n_menu_list { position: fixed; bottom: -800px; z-index: 99; background: #004893; width: 500px; box-sizing: border-box; font-size: 22px; } .n_menu_list.on { bottom: 0; } .n_menu_list > .n_menu.close { float: right; background-image: url('../images/gnb_close.png'); width: 46px; height: 46px; display: inline-block; margin-top: 13px; margin-right: 20px; cursor: pointer; } .n_menu_list > .m_list { width: 100%; display: flex; flex-wrap: wrap; padding: 10px 0 0 0; box-sizing: border-box; text-align: center; display: flex; flex-direction: column; } .n_menu_list > .m_list a { color: #FFFFFF; } .n_menu_list > .m_list div { border-bottom: 2px solid #D9D9D9; width: 433px; margin: 0 auto; padding: 15px 0; } .n_menu_list > .m_list a:last-child div { border-bottom: 0; } .n_menu_list > .m_list div > span { display: flex; cursor: pointer; position: relative; width: 433px; height: 80px; line-height: 1.4; align-items: center; justify-content: start; text-align: left; padding-left: 20px; box-sizing: border-box; } .n_menu_list > .m_list div > span a { display: block; font-size: 23px; color: #FFFFFF; font-weight: 500; letter-spacing: -.5px; text-align: left; } .n_menu_list > .m_list div > span { position: relative; } .n_menu_list > .m_list div > span::after { content: ''; width: 80px; height: 80px; position: absolute; left: 10px; top: 0; } .n_menu_list > .m_list div.on { background-color: rgba(255,255,255,.1); } /* 고정 메뉴 */ /* 기타 */ .join_info_wrapper { position: absolute; bottom: 0; width: 100%; text-align: center; } .join_info_wrapper.evt01 { bottom: 150px; } .join_info_wrapper.evt01 .join_info { background: #dbf7da; border-radius: 50px; color: #333333; display: inline-block; padding: 0 30px; font-size: 24px; height: 92px; line-height: 92px; vertical-align: middle; border: 2px solid #3fa03b; } .join_info_wrapper.evt02 { bottom: 124px; } .join_info_wrapper.evt02.result { bottom: 30px; } .join_info_wrapper.evt02 .join_info { background: #bdddf3; border-radius: 40px; color: #071b28; display: inline-block; padding: 0 30px; font-size: 22px; height: 63px; line-height: 63px; vertical-align: middle; } .join_info_wrapper.evt03 { bottom: 150px; } .join_info_wrapper.evt03 .join_info { background: #3bd368; border-radius: 40px; color: #071b28; display: inline-block; padding: 0 30px; font-size: 22px; height: 63px; line-height: 63px; vertical-align: middle; } .join_info_wrapper .join_info span.num { font-size: 40px; color: #125400; font-weight: 900; } .join_info_wrapper .join_info span.b { font-size: 27px; font-weight: 700; } .hand { position: absolute;z-index: 5;animation: 1.5s zoom ease-in-out infinite;animation-delay: 0.5s;width: 106px;height: 100px;background-image: url(../images/hand.png);right:-20px;bottom:-60px;} .hand01 { position: absolute;z-index: 5;animation: 1.5s zoom ease-in-out infinite;animation-delay: 0.5s;width: 106px;height: 106px;background-image: url(../images/hand01.png);right:-60px;bottom:-60px;} .hand02 { position: absolute;z-index: 5;animation: 1.5s zoom ease-in-out infinite;animation-delay: 0.5s;width: 106px;height: 106px;background-image: url(../images/hand02.png);right:-60px;bottom:-60px;} .hand03 { position: absolute;z-index: 5;animation: 1.5s zoom ease-in-out infinite;animation-delay: 0.5s;width: 106px;height: 106px;background-image: url(../images/hand03.png);right:-60px;bottom:-60px;} .handclean01 { position: absolute;z-index: 5;animation: 1.5s zoom ease-in-out infinite;animation-delay: 0.5s;width: 106px;height: 106px;background-image: url(../images/handclean01.png);right:-60px;bottom:-60px;} .handclean02 { position: absolute;z-index: 5;animation: 1.5s zoom ease-in-out infinite;animation-delay: 0.5s;width: 106px;height: 106px;background-image: url(../images/handclean02.png);right:-60px;bottom:-60px;} .handclean03 { position: absolute;z-index: 5;animation: 1.5s zoom ease-in-out infinite;animation-delay: 0.5s;width: 106px;height: 106px;background-image: url(../images/handclean03.png);right:-60px;bottom:-60px;} .result_wrap { position: absolute; width: 100%; text-align: center; bottom: 100px; } .result_wrap > .btn.event_result2 > a { display: block; width: 100%; height: 100%; } /* 슬라이드 */ .swiper { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: transparent; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .cardnews_wrap .swiper-slide img { width: 100%; height:100%; object-fit:contain; } .cardNewsSwiper.citySwiper swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .wallSwiper.citySwiper swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .swiper-button-disabled { opacity: .2; } #cont_wrap { width: 1200px; margin: 0 auto; position: relative; } a:focus { outline: none; } .cardnew-swiper-button-prev { position: absolute; background-image: url('../images/cardnews/btn_prev.png'); width: 70px; height: 70px; left: -110px; top: 315px; cursor: pointer; } .cardnew-swiper-button-next { position: absolute; background-image: url('../images/cardnews/btn_next.png'); width: 70px; height: 70px; right: -110px; top: 315px; cursor: pointer; } .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; } html.pause{ overflow-y:auto; pointer-events: none; } .pu_bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); z-index: 98; display: none; } .pu { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: 99; display: none; } .pu_event_youtube { width: 800px; background: #fff; border-radius: 15px; display: none; } .pu_event_youtube .p_con { position: relative; } .pu_event_youtube .p_con iframe { width: 800px; height: 450px; } .pu_event_info { width: 580px; display: none; border-radius: 20px; overflow: hidden; } .pu_event_info .form_top a { display: block; width: 100%; height: 100%; } .pu_event_info .p_con { position: relative; padding: 30px; background: #fff; overflow: hidden; } .pu_event_info .p_con dt { position: relative; font-size: 18px; color: #222; font-weight: 700; } .pu_event_info .p_con .ty00 { position: relative; height: 30px; padding-top: 5px; padding-left: 0; text-align: center; font-weight: 600; } .pu_event_info .p_con .ty00 dd { display: inline-block; } .pu_event_info .p_con .ty00 dd + dd { padding-left: 30px; } .pu_event_info .p_con .ty01 { position: relative; height: 44px; padding-left: 70px; margin-bottom: 20px; } .pu_event_info .p_con .ty01 dt { position: absolute; top: 0; left: 0; width: 120px; line-height: 44px; text-align: left; } .pu_event_info .p_con .ty01 dd { position: relative; } .pu_event_info .p_con .ty01 dd input { height: 40px; line-height: 40px; background: #fff; border: 1px solid #cdcdcd; padding: 0 10px; box-sizing: border-box; } .pu_event_info .p_con .ty01 dd.num:after { content: ''; clear: both; display: block; height: 0; visibility: hidden; } .pu_event_info .p_con .ty01 dd.num input { text-align: center; float: left; width: 144px; } .pu_event_info .p_con .ty01 dd.num i { float: left; width: 9px; text-align: center; color: #fff; line-height: 40px; } .pu_event_info .p_con .ty02 { margin-top: 16px; } .pu_event_info .p_con .ty02 dt { margin-bottom: 10px; margin-top: 10px; } .pu_event_info .p_con .ty02 dt span { position: absolute; bottom: 0; right: -5px; } .pu_event_info .p_con .ty02 dt span input { margin: 0; } .pu_event_info .p_con .ty02 dd { background: #F6F6F6; padding: 15px 20px; border-radius:8px; } .pu_event_info .btns:before { position: absolute; content: ''; top: 0; left: 50%; bottom: 0; width: 1px; ; z-index: 1; } .pu_event_info .btns:after { content: ''; clear: both; display: block; height: 0; visibility: hidden; } .pu_event_info .btns a { position:relative; float: left; width: 50%; display: flex; justify-content: center; align-items: center; height: 100px; line-height: 1.2; text-align: center; font-size: 32px; color: #fff; font-weight: 800; } .pu_event_info .btns a:hover { text-decoration: none; } .pu_event_info .btns a.bt_participate_done .hand{ right:20px; bottom:-10px; transform:scale(.7); } .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: #7D7D83; } .pu_event_info table { width: 100%; color: #333; line-height: 18px; } .pu_event_info table th { font-size: 16px; padding: 6px; vertical-align: top; text-align:left; font-weight:400; } .pu_event_info table th.center { vertical-align: middle; } .pu_event_info table td { font-size: 16px; padding: 6px; color: #333; letter-spacing: -1px; line-height: 1.5; } .pu_event_info .checks input[type="checkbox"] { position: absolute; top: 0; left: 0; opacity: 0; -webkit-opacity: 0; } .pu_event_info .checks input[type="checkbox"] + label:after { content: ' '; display: inline-block; width: 29px; height: 27px; line-height: 27px; margin: -10px 0 0 10px; text-align: center; vertical-align: middle; background-position: center bottom; background: url('../images/cb.png') no-repeat 2px 3px; } .pu_event_info .checks input[type="checkbox"]:checked + label:after { background-position: center bottom; } .pu_event_info.pop01 .checks input[type="checkbox"] + label:after { background: url(../images/cb.png) no-repeat bottom 0; } .pu_event_info.pop01 .checks input[type="checkbox"]:checked + label:after { background: url(../images/cb_on.png) no-repeat 0 0; } .pu_event_info.pop02 .checks input[type="checkbox"]:checked + label:after { background: url(../images/cb2_on.png) no-repeat 0 0; } .pu_event_info.pop03 .checks input[type="checkbox"]:checked + label:after { background: url(../images/cb3_on.png) no-repeat 0 0; } .pu_event_info .radiob input[type="radio"] { position: absolute; top: 0; left: 0; opacity: 0; -webkit-opacity: 0; } .pu_event_done { width: 680px; height:500px; display: none; padding:110px 0 0 0; box-sizing: border-box; } .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; }