body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #d5d6d7; } body::after{ position:absolute; width:0; height:0; overflow:hidden; z-index:-1; content: ; } .htmlWrapper {width:100%;max-width:720px;margin:0 auto;padding-bottom:110px;position:relative;overflow:hidden;} .htmlWrapper section {background-position:center;overflow:hidden;} /* 상단 */ .htmlWrapper section.top_wrapper {position:fixed;display:flex;justify-content:center;align-items:center;width:100%;height:80px;box-sizing:border-box;z-index:10;background:#F6F6F6;font-size:20px;font-family:'Pretendard';overflow:visible;} .htmlWrapper section.top_wrapper > .hx_top{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px 0;color:#888888;} .htmlWrapper section.top_wrapper > .hx_top span{font-size:22px;font-weight:500;font-family:'ONE-Mobile-Title';margin-top:10px;} .htmlWrapper section.top_wrapper > .hx_top span.first{} .htmlWrapper section.top_wrapper > .hx_top span.first img{width:115px;} .htmlWrapper section.top_wrapper > .hx_top i{margin-top:3px;margin-right:10px;} .htmlWrapper section.top_wrapper > .hx_top .company_logo{} .htmlWrapper section.top_wrapper > .hx_top .company_logo img{width:157px;} .htmlWrapper section.top_wrapper > .hx_top div.ment{margin-top:-5px;} .htmlWrapper section.top_wrapper > .hx_top .hx_txt{position:absolute;top:40px;} .htmlWrapper section.top_wrapper > .hx_top b{color:#222222;} /* Visual */ /* Visual */ .htmlWrapper section.visual_wrapper {position: relative;width: 100%;background-repeat: no-repeat;background-position: center;background-color:rgba(255,255,255,1);padding:0 0 40px 0;box-sizing:border-box;margin:80px 0 0 0;} .htmlWrapper section.visual_wrapper .contents_wrap {position: relative;width: 100%;height: 100%;display: flex;flex-direction:column;justify-content: space-between;align-items:center;} .htmlWrapper section.visual_wrapper .contents_wrap .title{position: relative;width: 100%;margin:60px 0 0 0;text-align:center;} .htmlWrapper section.visual_wrapper .character_wrap{position: absolute;top:0;left:0;width: 100%;height: 100%;background-image:url('../images/visual/character_all.png?v=5');z-index:7;background-repeat:no-repeat;background-position:top} .htmlWrapper section.visual_wrapper .water_wrap{position: absolute;content:'';background-image:url('../images/visual/cover_water.png?v=1');width:100%;height:100%;z-index:0;} .htmlWrapper section.visual_wrapper .visual_wrap {position: relative;width: 680px;height: 729px;display: flex;justify-content: center;border-top-left-radius:9999px;border-top-right-radius:9999px;border-bottom-left-radius:0;border-bottom-right-radius:0;overflow:hidden;transition:.2s all;margin-top:210px;z-index:5;} .htmlWrapper section.visual_wrapper .visual_wrap.end {width: 680px;} .htmlWrapper section.visual_wrapper .visual_wrap .visualSwiper{position: relative;width: 100%;height: 729px;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;} .htmlWrapper section.visual_wrapper .visual_wrap .visualSwiper .swiper-slide{width:100%;height:729px;background-size:100%;background-position:center;background-size:cover;} .htmlWrapper section.visual_wrapper .visual_wrap .visualSwiper .swiper-slide img{object-fit:contain;} .htmlWrapper section.visual_wrapper .tag_wrapper{position:relative;width:100%;display:flex;justify-content:center;margin:40px 0 0 0;} .htmlWrapper section.visual_wrapper .tag_wrapper .tag_wrap{width:680px;display:flex;gap:0 12px;} .htmlWrapper section.visual_wrapper .tag_wrapper .tag{height:56px;border-radius:12px;padding:12.5px 12px;font-size:24px;font-weight:600;font-family:'Pretendard';color:#FFFFFF;display:flex;align-items:center;} .htmlWrapper section.visual_wrapper .tag_wrapper .tag.type01{background:#0059FF} .htmlWrapper section.visual_wrapper .tag_wrapper .tag.type02{background:#0C00BC} .htmlWrapper section.visual_wrapper .tag_wrapper .tag.type03{background:#FF9D00} .htmlWrapper section.visual_wrapper .tag_wrapper .tagSwiper .swiper-slide{width:auto;} .htmlWrapper section.visual_wrapper .tag_wrapper .tagSwiper > div {transition-timing-function: linear;} /* Visual */ /* 스포츠 */ section.sports {position: relative;width: 100%;height:1400px;background:#F6F6F6;} section.sports .contents_wrapper {display: flex;flex-direction:column;width: 100%;height: 100%;align-items: center;justify-content:start;padding:80px 0 0 0;} section.sports .contents_wrapper .site_wrapper{width:100%;display:flex;flex-direction:column;margin:40px 0 0 0;gap:40px 0;} section.sports .contents_wrapper .site_wrapper .site{display:flex;flex-direction:column;gap:10px 0;align-items:center;} /* 스포츠 */ .ctag {width:96px;height:34px;} .ctag.tag01 {background-image:url('../images/event01/label01.png');} .ctag.tag02 {background-image:url('../images/event01/label02.png');} .ctag.tag03 {background-image:url('../images/event01/label03.png');} .ctag.tag04 {background-image:url('../images/event01/label04.png');} .ctag.tag05 {background-image:url('../images/event01/label05.png');} /* 이벤트 01 */ section.event01 {position: relative;width: 100%;height:3489px;background-image: url('../images/event01/bg.jpg');} section.event01 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding:60px 0 0 0;} section.event01 .contents_wrapper > div {position:relative;display: flex;flex-direction: column;width: 100%;background-position: center top;align-items: center;} section.event01 .contents_wrapper .schedule_wrap {display: flex;flex-direction:column;margin: 80px 0 ;width: 100%;justify-content: center;align-items:center;z-index: 2;gap:40px 0;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width:100%;height:490px;margin: 80px 0 0 0;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01{position:relative;display:flex;justify-content:center;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .left_part{position:relative;display:flex;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .left_part .pic{background-image:url('../images/event01/l_photo.png');width:253px;height:265px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .vs_wrap{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:72px 0;margin:0 36px 0 36px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .vs_wrap .vs{background-image:url('../images/event01/vs.png');width:106px;height:63px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .vs_wrap .btns_wrap{position:absolute;width:100%;top:300px;left:-100px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .vs_wrap .btns_wrap .btn_start{position:relative;background-image:url('../images/event01/btn_start.png');width:285px;height:86px;cursor:pointer;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .vs_wrap .btns_wrap .btn_start .hand{right:-20px;bottom:-40px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .right_part{position:relative;display:flex;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .right_part .pic{background-image:url('../images/event01/r_photo.png');width:253px;height:265px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .right_part .pic .grade_one{position:absolute;right:-10px;top:0;background-image:url('../images/event01/grade_one.png');width:82px;height:97px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg{position:fixed;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:start;z-index:10;background-color:rgba(0,0,0,.7);padding:86px 0 0 0;box-sizing:border-box;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02{position:relative;display:flex;flex-direction:column;justify-content:start;align-items:center;width:680px;height:978px;background:#FFFFFF;margin:0 auto;border-radius:20px;padding:40px 0 0 0;box-sizing:border-box;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_bar{position:relative;display:flex;justify-content:center;gap:0 0;width:610px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_bar::before{position:absolute;content:'';width:100%;height:4px;background:#0C00BC;left:0;top:30px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_bar .step00{background-image:url('../images/event01/step00.png');width:150px;height:60px;z-index:1;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_bar .step01{background-image:url('../images/event01/step01.png');width:150px;height:60px;z-index:1;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_bar .step02{background-image:url('../images/event01/step02.png');width:150px;height:60px;z-index:1;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_bar .step03{background-image:url('../images/event01/step03.png');width:150px;height:60px;z-index:1;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_bar .step00.on{background-image:url('../images/event01/step00_on.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_bar .step01.on{background-image:url('../images/event01/step01_on.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_bar .step02.on{background-image:url('../images/event01/step02_on.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_bar .step03.on{background-image:url('../images/event01/step03_on.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .select_wrap{display:flex;gap:0 37px;margin:20px 0 0 0;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .select_wrap .pic_wrap{position:relative;width:230px;height:392px;background:#F6F6F6;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:16px;box-sizing:border-box;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .select_wrap .pic_wrap .pic{position:relative;width:198px;height:226px;background:#888888;border-radius:4px;overflow:hidden;background-size:cover;background-position:center;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .select_wrap .pic_wrap .pic .ctag{position:absolute;top:16px;left:16px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .select_wrap .pic_wrap .ttl{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:18px 0 0 0;gap:16px 0;width:100%;font-family:'Pretendard',sans-serif;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .select_wrap .pic_wrap .ttl .txt{position:relative;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:#0D00BC;width:100%;height:58px;text-align:center;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .select_wrap .pic_wrap .ttl .btn_view{background-image:url('../images/event01/btn_view.png');width:137px;height:44px;cursor:pointer;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .select_wrap .vs_wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .select_wrap .vs_wrap .vs{background-image:url('../images/event01/vs.png');width:106px;height:63px;background-size:100%;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .check_wrap {display:flex;gap:0 190px;margin-top:20px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .check_wrap .rdo_wrap{display:flex;justify-content:center;width:230px;align-items:center;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .check_wrap .rdo_wrap .rdo{width:40px;height:40px;background-image:url('../images/event01/rdo.png');cursor:pointer;transition:.3s all;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .check_wrap .rdo_wrap .rdo.on{background-image:url('../images/event01/rdo_on.png');cursor:pointer;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btns_wrap{margin-top:20px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btns_wrap .btn_next{position:relative;background-image:url('../images/event01/btn_next.png');width:285px;height:86px;cursor:pointer;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btns_wrap .btn_next .hand{right:-20px;bottom:-40px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .thumbs_wrap {position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;width:602px;height:200px;margin:40px 0 0 0;gap:16px 0;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .thumbs_wrap .evt_disabled{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .thumbs_wrap .thumb{width:139px;height:92px;cursor:pointer;background-size:cover;background-position:center;border-radius:16px;overflow:hidden;opacity:1;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .thumbs_wrap .thumb.disabled{opacity:.3;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .thumbs_wrap .thumb.on{opacity:1;border:4px solid #ff35ae} section.event01 .contents_wrapper > .join_wrapper {position: relative;width: 712px;height: 156px;background-image:url('../images/event01/num_bg.png');font-size:28px;font-weight:400;} section.event01 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;flex-direction:column;justify-content: center;align-items: center;color: #555555;gap: 8px 0 ;height:100%;} section.event01 .contents_wrapper > .join_wrapper .join_wrap > div:nth-child(1){display:flex;} section.event01 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;} section.event01 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #FF35AE;font-weight: 900;font-family: 'Pretendard';font-size: 40px;line-height:.7;} section.event01 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 30px;font-family: 'Pretendard';color: #000000;} /* 팝업 */ section.event01 .contents_wrapper .event_result_wrapper{margin:100px 0 0 0;} section.event01 .contents_wrapper .event_result_wrapper .r_title{margin-bottom:40px;} section.event01 .contents_wrapper .event_result_wrapper .card_list_wrap{display:flex;width:680px;flex-wrap:wrap;font-family:'Pretendard',sans-serif;gap:14px 14px;} section.event01 .contents_wrapper .event_result_wrapper .card_list_wrap .card{position:relative;width:330px;height:251px;background-image:url('../images/event01/pic_bg.png');display:flex;flex-direction:column;padding:16px;box-sizing:border-box;cursor:pointer;} section.event01 .contents_wrapper .event_result_wrapper .card_list_wrap .card .pic{position:relative;width:298px;height:179px;border-radius:4px;overflow:hidden;} section.event01 .contents_wrapper .event_result_wrapper .card_list_wrap .card .pic .ctag{position:absolute;left:16px;top:16px;} section.event01 .contents_wrapper .event_result_wrapper .card_list_wrap .card .pic img{width:100%;height:100%;object-fit:cover;} section.event01 .contents_wrapper .event_result_wrapper .card_list_wrap .card .ttl{font-size:24px;font-weight:800;color:#111111;text-align:center;margin:16px 0 0 0;} section.event01 .evt_pop {position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:10;display:flex;justify-content:center;align-items:start;font-family:'Pretendard',sans-serif;} section.event01 .evt_pop .evt_pop_wrapper{position:relative;width:680px;height:972px;top:5%;} section.event01 .evt_pop .evt_pop_wrapper .close{position:absolute;width:24px;height:24px;background-image:url('../images/event01/pop_close.png');right:20px;top:20px;z-index:1;cursor:pointer;} section.event01 .evt_pop .evt_pop_wrapper .evt_pop_wrap{position:relative;width:100%;height:972px;background-image:url('../images/event01/pop_bg.png?v=1');padding:40px 20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;} section.event01 .evt_pop .evt_pop_wrapper .evt_pop_wrap .title_wrap{height:155px;margin-bottom:40px;} section.event01 .evt_pop .evt_pop_wrapper .evt_pop_wrap .title_wrap .title{font-size:40px;font-weight:600;text-align:center;margin-bottom:8px;} section.event01 .evt_pop .evt_pop_wrapper .evt_pop_wrap .title_wrap .tag_list{display:flex;color:#0059FF;font-size:20px;font-weight:500;gap:0 8px;} section.event01 .evt_pop .evt_pop_wrapper .evt_pop_wrap .title_wrap .tag_list span:nth-child(odd){color:#0D00BC} section.event01 .evt_pop .evt_pop_wrapper .evt_pop_wrap .cont_wrap {display:flex;flex-direction:column;gap:24px 0;align-items:center;} section.event01 .evt_pop .evt_pop_wrapper .evt_pop_wrap .cont_wrap::before {position:absolute;content:'';background-image:url('../images/event01/character.png');width:185px;height:147px;left:250px;top:120px;} section.event01 .evt_pop .evt_pop_wrapper .evt_pop_wrap .cont_wrap .pic_wrapper{width:500px;} section.event01 .evt_pop .evt_pop_wrapper .evt_pop_wrap .cont_wrap .pic_wrapper .pic_gallery{position:relative;width:100%;height:300px;border-radius:16px;overflow:hidden;} section.event01 .evt_pop .evt_pop_wrapper .evt_pop_wrap .cont_wrap .pic_wrapper .pic_gallery .ctag{position:absolute;z-index:3;top:10px;left:10px;} section.event01 .evt_pop .evt_pop_wrapper .evt_pop_wrap .cont_wrap .pic_wrapper .pic_gallery .popContSwiper {width:100%;height:300px;} section.event01 .evt_pop .evt_pop_wrapper .evt_pop_wrap .cont_wrap .pic_wrapper .pic_gallery .popContSwiper img{width:100%;height:100%;object-fit:cover;} section.event01 .evt_pop .evt_pop_wrapper .evt_pop_wrap .cont_wrap .pic_wrapper .paging {height:28px;display:flex;justify-content:center;padding:10px 0 0 0;} section.event01 .evt_pop .evt_pop_wrapper .evt_pop_wrap .cont_wrap .pic_wrapper .paging .swiper-pagination-bullet{width:12px;height:12px;background:#CCCCCC;} section.event01 .evt_pop .evt_pop_wrapper .evt_pop_wrap .cont_wrap .pic_wrapper .paging .swiper-pagination-bullet-active{width:12px;height:12px;background:#555555;} section.event01 .evt_pop .evt_pop_wrapper .evt_pop_wrap .cont_wrap .cont{display:flex;flex-direction:column;gap:10px 0;} section.event01 .evt_pop .evt_pop_wrapper .evt_pop_wrap .cont_wrap .cont .ttl{margin-bottom:24px;margin-top:16px;text-align:center;} section.event01 .evt_pop .evt_pop_wrapper .evt_pop_wrap .cont_wrap .cont p{position:relative;font-size:24px;font-weight:500;color:#555555;padding-left:27px;} section.event01 .evt_pop .evt_pop_wrapper .evt_pop_wrap .cont_wrap .cont p::before{position:absolute;content:'';background-image:url('../images/event01/icon_chk.png');width:20px;height:20px;left:0;top:4px;} section.event01 .evt_pop .evt_pop_wrapper .evt_pop_wrap .like_wrap{position:absolute;left:40px;bottom:24px;font-size:24px;color:#999999;font-weight:500;display:flex;align-items:center;gap:0 8px;} section.event01 .evt_pop .evt_pop_wrapper .evt_pop_wrap .like_wrap span{position:relative;display:inline-block;font-size:28px;color:#FF35AE;font-weight:800;padding-left:32px;} section.event01 .evt_pop .evt_pop_wrapper .evt_pop_wrap .like_wrap span::before{position:absolute;content:'';display:inline-block;background-image:url('../images/event01/icon_heart.png');width:24px;height:24px;left:0;top:5px;} section.event01 .evt_pop .evt_pop_wrapper .evt_btns{position:relative;display:flex;justify-content:center;margin-top:20px;} section.event01 .evt_pop .evt_pop_wrapper .evt_btns .btn_like{position:relative;background-image:url('../images/event01/btn_like.png');width:406px;height:86px;cursor:pointer;} section.event01 .evt_pop .evt_pop_wrapper .evt_btns .btn_like .hand{right:-20px;bottom:-40px;} section.event01 .evt_pop .evt_pop_result_wrapper{position:relative;width:680px;top:5%;} section.event01 .evt_pop .evt_pop_result_wrapper .evt_pop_result_wrap{position:relative;width:680px;height:624px;background:#FFFFFF;border-radius:20px;display:flex;flex-direction:column;align-items:center;padding:40px 20px;box-sizing:border-box;} section.event01 .evt_pop .evt_pop_result_wrapper .evt_pop_result_wrap .title{margin-bottom:16px;} section.event01 .evt_pop .evt_pop_result_wrapper .evt_pop_result_wrap .pic{position:relative;} section.event01 .evt_pop .evt_pop_result_wrapper .evt_pop_result_wrap .pic .grade{position:absolute;background-image:url('../images/event01/pop_grade_one.png');width:156px;height:183px;right:-70px;top:-53px;} section.event01 .evt_pop .evt_pop_result_wrapper .evt_pop_result_wrap .pic .img{width:500px;height:300px;} section.event01 .evt_pop .evt_pop_result_wrapper .evt_pop_result_wrap .pic .img img{width:100%} section.event01 .evt_pop .evt_pop_result_wrapper .evt_pop_result_wrap .name {font-size:32px;font-weight:800;color:#0D00BC;margin-top:30px;font-family:'TheJamsil6ExtraBold',sans-serif;} section.event01 .evt_pop .evt_pop_result_wrapper .evt_btns{position:relative;display:flex;justify-content:center;margin-top:20px;} section.event01 .evt_pop .evt_pop_result_wrapper .evt_btns .btn_join{position:relative;background-image:url('../images/event01/btn_join.png');width:357px;height:86px;cursor:pointer;} section.event01 .evt_pop .evt_pop_result_wrapper .evt_btns .btn_join .hand{right:-20px;bottom:-40px;} section.event01 .evt_pop .evt_pop_detail_wrapper{position:relative;width:680px;top:5%;} section.event01 .evt_pop .evt_pop_detail_wrapper .evt_pop_detail_wrap{position:relative;width:680px;height:729px;background:#FFFFFF;border-radius:20px;display:flex;flex-direction:column;align-items:center;padding:40px 0;box-sizing:border-box;} section.event01 .evt_pop .evt_pop_detail_wrapper .evt_pop_detail_wrap .close{position:absolute;width:24px;height:24px;background-image:url('../images/event01/pop_close.png');right:20px;top:20px;z-index:1;cursor:pointer;} section.event01 .evt_pop .evt_pop_detail_wrapper .evt_pop_detail_wrap{position:relative;width:680px;height:729px;background:#FFFFFF;border-radius:20px;} section.event01 .evt_pop .evt_pop_detail_wrapper .evt_pop_detail_wrap .title{font-size:40px;font-weight:600;text-align:center;margin-bottom:8px;} section.event01 .evt_pop .evt_pop_detail_wrapper .evt_pop_detail_wrap .pic{position:relative;} section.event01 .evt_pop .evt_pop_detail_wrapper .evt_pop_detail_wrap .pic .pic_gallery{position:relative;width:500px;height:300px;margin:0 auto;} section.event01 .evt_pop .evt_pop_detail_wrapper .evt_pop_detail_wrap .pic .pic_gallery .ctag{position:absolute;z-index:3;top:10px;left:10px;} section.event01 .evt_pop .evt_pop_detail_wrapper .evt_pop_detail_wrap .pic .paging_wrap{width:100%;height:40px;padding:0 0 0 0;display:flex;align-items:center;} section.event01 .evt_pop .evt_pop_detail_wrapper .evt_pop_detail_wrap .pic .paging_wrap .paging{display:flex;justify-content:center;align-items:center;} section.event01 .evt_pop .evt_pop_detail_wrapper .evt_pop_detail_wrap .pic .paging_wrap .paging .swiper-pagination-bullet{width:12px;height:12px;background:#CCCCCC;} section.event01 .evt_pop .evt_pop_detail_wrapper .evt_pop_detail_wrap .pic .paging_wrap .paging .swiper-pagination-bullet-active{width:12px;height:12px;background:#555555;} section.event01 .evt_pop .evt_pop_detail_wrapper .evt_pop_detail_wrap .pic .btn_prev{position:absolute;background-image:url('../images/event01/btn_pop_prev.png');width:50px;height:50px;left:-70px;top:125px;cursor:pointer;z-index:9;} section.event01 .evt_pop .evt_pop_detail_wrapper .evt_pop_detail_wrap .pic .btn_next{position:absolute;background-image:url('../images/event01/btn_pop_next.png');width:50px;height:50px;right:-70px;top:125px;cursor:pointer;z-index:9;} section.event01 .evt_pop .evt_pop_detail_wrapper .evt_pop_detail_wrap .tag_list{display:flex;color:#0059FF;font-size:20px;font-weight:400;gap:0 8px;margin-bottom:24px;} section.event01 .evt_pop .evt_pop_detail_wrapper .evt_pop_detail_wrap .tag_list span:nth-child(odd){color:#0D00BC} section.event01 .evt_pop .evt_pop_detail_wrapper .evt_pop_detail_wrap .cont{display:flex;flex-direction:column;gap:5px 0;} section.event01 .evt_pop .evt_pop_detail_wrapper .evt_pop_detail_wrap .cont p{position:relative;font-size:24px;font-weight:500;color:#555555;padding-left:27px;} section.event01 .evt_pop .evt_pop_detail_wrapper .evt_pop_detail_wrap .cont p::before{position:absolute;content:'';background-image:url('../images/event01/icon_chk.png');width:20px;height:20px;left:0;top:4px;} section.event01 .evt_pop .evt_pop_detail_wrapper .evt_pop_detail_wrap .like_wrap{position:absolute;left:24px;bottom:24px;font-size:24px;color:#999999;font-weight:500;display:flex;align-items:center;gap:0 8px;} section.event01 .evt_pop .evt_pop_detail_wrapper .evt_pop_detail_wrap .like_wrap span{position:relative;display:inline-block;font-size:28px;color:#FF35AE;font-weight:800;padding-left:32px;} section.event01 .evt_pop .evt_pop_detail_wrapper .evt_pop_detail_wrap .like_wrap span::before{position:absolute;content:'';display:inline-block;background-image:url('../images/event01/icon_heart.png');width:24px;height:24px;left:0;top:5px;} section.event01 .evt_pop .evt_pop_detail_wrapper .evt_btns{position:relative;display:flex;justify-content:center;margin-top:20px;} section.event01 .evt_pop .evt_pop_detail_wrapper .evt_btns .btn_like{position:relative;background-image:url('../images/event01/btn_like02.png');width:406px;height:86px;cursor:pointer;} section.event01 .evt_pop .evt_pop_detail_wrapper .evt_btns .btn_like .hand{right:-20px;bottom:-40px;} /* 이벤트 01 */ /* 이벤트 02 */ section.event02 {position: relative;width: 100%;height:2227px;background-image: url('../images/event02/bg.jpg');} section.event02 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding:60px 0 0 0;} section.event02 .contents_wrapper > div {position:relative;display: flex;flex-direction: column;width: 100%;background-position: center top;align-items: center;} section.event02 .contents_wrapper .bg_pic{position:absolute;width:100%;left:0;top:1163px;background-image:url('../images/event02/bg_photo01.png');height:720px;background-position:center;transition:1s all;} section.event02 .contents_wrapper .bg_pic.on{background-image:url('../images/event02/bg_photo02.png');} section.event02 .contents_wrapper .schedule_wrap {display: flex;flex-direction:column;align-items:center;gap:40px 0;margin: 80px 0 80px 0;width: 100%;z-index: 2;} section.event02 .contents_wrapper .event_cont_wrapper {position:relative;width:100%;z-index:14;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width:100%;height:400px;margin: 0 0 0 0;display:flex;align-items:center;justify-content:center;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .start{position:relative;top:150px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .start .btn_wrap{display:flex;justify-content:center;margin-top:20px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .start .btn_wrap .btn_start{position:relative;background-image:url('../images/event02/btn_start.png');width:286px;height:86px;cursor:pointer;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .start .btn_wrap .btn_start .hand{right:-20px;bottom:-40px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0);display:flex;align-items:end;justify-content:center;font-family:'Pretendard',sans-serif;color:#FFFFFF;z-index:999;} section.event02 .event_cover_bg{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:none;z-index:13;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01{position:relative;background-image:url('../images/event02/event_cover.png?v=1');width:680px;height:1202px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01 .step_bar{display:flex;padding:20px 30px 20px 40px;box-sizing:border-box;font-size:32px;font-weight:600;align-items:center;letter-spacing:-1px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01 .step_bar .step_wrap {display:flex;align-items:center;gap:0 8px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01 .step_bar .step_wrap .step{width:109px;height:60px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01 .step_bar .step_wrap .step.st01{background-image:url('../images/event02/step01.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01 .pic_wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px 20px;margin:40px 0 0 0;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01 .pic_wrap .select_pic{width:590px;height:240px;cursor:pointer;transition:.5s all;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01 .pic_wrap .select_pic.pic01{background-image:url('../images/event02/pic01.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01 .pic_wrap .select_pic.pic02{background-image:url('../images/event02/pic02.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01 .pic_wrap .select_pic.pic03{background-image:url('../images/event02/pic03.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01 .pic_wrap .select_pic.pic04{background-image:url('../images/event02/pic04.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01 .pic_wrap .select_pic.pic01.end{background-image:url('../images/event02/pic01_end.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01 .pic_wrap .select_pic.pic02.end{background-image:url('../images/event02/pic02_end.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01 .pic_wrap .select_pic.pic03.end{background-image:url('../images/event02/pic03_end.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01 .pic_wrap .select_pic.pic04.end{background-image:url('../images/event02/pic04_end.png');} /* 질문1 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest{position:relative;background-image:url('../images/event02/event_cover01.png');width:680px;height:972px;top:-120px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest .step_bar{display:flex;padding:20px 20px;box-sizing:border-box;font-size:32px;font-weight:600;align-items:center;justify-content:space-between;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest .step_bar .step_wrap {display:flex;align-items:center;gap:0 8px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest .step_bar .step_wrap .step{width:109px;height:60px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest .step_bar .step_wrap .step.st02{background-image:url('../images/event02/step02.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest .step_bar .position{position:absolute;right:0;top:-76px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest .quest{display:flex;flex-direction:column;padding:40px 20px 0 20px;box-sizing:border-box;gap:40px 0;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest .quest .q{} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest .quest .q_txt{width:100%;height:384px;display:flex;justify-content:center;align-items:center;background:#F6F6F6;border-radius:20px;border:2px solid #E9E9E9;box-sizing:border-box;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest .quest .a_box{display:flex;justify-content:center;align-items:center;gap:0 24px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest .quest .a_box input{width:546px;height:96px;border:4px solid #111111;box-sizing:border-box;border-radius:8px;text-align:center;font-size:32px;color:#111111;font-weight:600;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest .quest .a_box input:focus{outline:none;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest .quest .a_box input::placeholder{color:#777777;font-weight:400;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest .btns_wrap {position:absolute;bottom:40px;display:flex;justify-content:space-between;padding:0 20px;box-sizing:border-box;width:100%;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest .btns_wrap .btn_hint{position:relative;width:285px;height:86px;background-image:url('../images/event02/btn_hint.png');cursor:pointer;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest .btns_wrap .btn_hint .hint{position:absolute;left:-20px;top:59px;display:none;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest .btns_wrap .btn_confirm{position:relative;width:285px;height:86px;background-image:url('../images/event02/btn_confirm.png');cursor:pointer;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest .btns_wrap .btn_confirm .hand{right:-20px;bottom:-40px;display:none;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest .btns_wrap .btn_confirm.on .hand{display:block;} /* 질문1 */ /* 답변1 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest_result{position:relative;background-image:url('../images/event02/event_cover_rlt01.png');width:680px;height:761px;font-family:'Pretendard',sans-serif;top:-250px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest_result .step_bar{display:flex;padding:20px 20px;box-sizing:border-box;font-size:32px;font-weight:600;align-items:center;justify-content:space-between;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest_result .step_bar .step_wrap {display:flex;align-items:center;gap:0 8px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest_result .step_bar .step_wrap .step{width:109px;height:60px;background-image:url('../images/event02/com_logo.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest_result .step_bar .position{position:absolute;right:0;top:-76px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest_result .title {font-size:52px;color:#0D00BC;font-weight:700;display:flex;justify-content:center;margin:40px 0 0 0;flex-direction:column;text-align:center;line-height:.6;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest_result .title .wt{color:#FF35AE;padding-right:10px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest_result .answer {padding:0 20px;box-sizing:border-box;margin:40px 0 0 0;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest_result .answer .a_txt{width:100%;height:128px;display:flex;justify-content:center;align-items:center;background:#F6F6F6;border-radius:20px;border:2px solid #E9E9E9;box-sizing:border-box;color:#111111;font-weight:600;font-size:48px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest_result .answer .a_box{text-align:center;color:#555555;font-size:32px;font-weight:400;margin:40px 0 0 0;line-height:1.4;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest_result .answer .a_box span{position:relative;color:#0D00BC;padding-left:20px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest_result .answer .a_box span::before{position:absolute;display:inline-block;content:'';background-image:url('../images/event02/mark.png');width:10px;height:10px;top:12px;left:0;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest_result .btns_wrap {position:absolute;bottom:40px;display:flex;justify-content:space-between;padding:0 20px;box-sizing:border-box;width:100%;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest_result .btns_wrap .btn_retry{position:relative;width:285px;height:86px;background-image:url('../images/event02/btn_retry.png');cursor:pointer;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest_result .btns_wrap .btn_other_keyword{position:relative;width:285px;height:86px;background-image:url('../images/event02/btn_other_keyword.png');cursor:pointer;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest_result .btns_wrap .btn_join{position:absolute;width:358px;height:86px;background-image:url('../images/event02/btn_join.png');cursor:pointer;top:150px;left:160px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest_result .btns_wrap .btn_join.right{position:relative;top:0;left:10px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest_result .btns_wrap .btn_join .hand{right:-20px;bottom:-40px;} /* 답변1 */ /* 질문2 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest{position:relative;background-image:url('../images/event02/event_cover02.png');width:680px;height:1086px;top:-50px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest .step_bar{display:flex;padding:20px 20px;box-sizing:border-box;font-size:32px;font-weight:600;align-items:center;justify-content:space-between;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest .step_bar .step_wrap {display:flex;align-items:center;gap:0 8px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest .step_bar .step_wrap .step{width:109px;height:60px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest .step_bar .step_wrap .step.st02{background-image:url('../images/event02/step02.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest .step_bar .position{position:absolute;right:0;top:-76px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest .q{display:flex;flex-wrap:wrap;padding:40px 20px 0 20px;box-sizing:border-box;justify-content:space-between;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest .quest{display:flex;flex-wrap:wrap;padding:40px 20px 0 20px;gap:20px 0;box-sizing:border-box;justify-content:space-between;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest .quest .rdo_group{width:310px;height:286px;display:flex;flex-direction:column;align-items:center;padding:14px 0 0 0;box-sizing:border-box;border:6px solid #F6F6F6;cursor:pointer;border-radius:16px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest .quest .rdo_group.on{border:6px solid #002AD2;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest .quest .rdo_group .pic{width:247px;height:198px;background:#888888;border-radius:8px;overflow:hidden;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest .quest .rdo_group .rdo_wrap{} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest .quest .rdo_group .rdo_wrap .rdo{font-size:24px;font-weight:800;color:#111111;margin:16px 0 0 0;display:flex;align-items:center;gap:0 8px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest .quest .rdo_group .rdo_wrap .rdo span{display:flex;width:32px;height:32px;border-radius:50%;justify-content:center;align-items:center;background:#FFFFFF;border:2px solid #111111;box-sizing:border-box;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest .quest .rdo_group.on .rdo_wrap .rdo span{background:#002AD2;color:#FFFFFF;border:1px solid #002AD2;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest .btns_wrap {position:absolute;bottom:40px;display:flex;justify-content:space-between;padding:0 20px;box-sizing:border-box;width:100%;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest .btns_wrap .btn_hint{position:relative;width:285px;height:86px;background-image:url('../images/event02/btn_hint.png');cursor:pointer;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest .btns_wrap .btn_hint .hint{position:absolute;left:-20px;top:59px;display:none;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest .btns_wrap .btn_confirm{position:relative;width:285px;height:86px;background-image:url('../images/event02/btn_confirm.png');cursor:pointer;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest .btns_wrap .btn_confirm .hand{right:-20px;bottom:-40px;display:none;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest .btns_wrap .btn_confirm.on .hand{display:block;} /* 질문2 */ /* 답변2 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest_result{position:relative;background-image:url('../images/event02/event_cover_rlt01.png');width:680px;height:761px;font-family:'Pretendard',sans-serif;top:-250px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest_result .step_bar{display:flex;padding:20px 20px;box-sizing:border-box;font-size:32px;font-weight:600;align-items:center;justify-content:space-between;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest_result .step_bar .step_wrap {display:flex;align-items:center;gap:0 8px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest_result .step_bar .step_wrap .step{width:109px;height:60px;background-image:url('../images/event02/com_logo.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest_result .step_bar .position{position:absolute;right:0;top:-76px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest_result .title {font-size:52px;color:#0D00BC;font-weight:700;display:flex;justify-content:center;margin:40px 0 0 0;text-align:center;line-height:.6;flex-direction:column;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest_result .title .wt{color:#FF35AE;padding-right:10px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest_result .answer {padding:0 20px;box-sizing:border-box;margin:40px 0 0 0;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest_result .answer .a_txt{width:100%;height:128px;display:flex;justify-content:center;align-items:center;background:#F6F6F6;border-radius:20px;border:2px solid #E9E9E9;box-sizing:border-box;color:#111111;font-weight:600;font-size:48px;gap:0 48px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest_result .answer .a_txt .item{display:flex;align-items:center;gap:0 8px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest_result .answer .a_txt .item span{display:flex;width:48px;height:48px;border-radius:50%;justify-content:center;align-items:center;background:#002AD2;color:#FFFFFF;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest_result .answer .a_box{text-align:center;color:#555555;font-size:28px;font-weight:400;margin:40px 0 0 0;line-height:1.4;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest_result .answer .a_box span{position:relative;color:#0D00BC;padding-left:20px;font-size:24px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest_result .answer .a_box span::before{position:absolute;display:inline-block;content:'';background-image:url('../images/event02/mark.png');width:10px;height:10px;top:12px;left:0;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest_result .btns_wrap {position:absolute;bottom:40px;display:flex;justify-content:space-between;padding:0 20px;box-sizing:border-box;width:100%;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest_result .btns_wrap .btn_retry{position:relative;width:285px;height:86px;background-image:url('../images/event02/btn_retry.png');cursor:pointer;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest_result .btns_wrap .btn_other_keyword{position:relative;width:285px;height:86px;background-image:url('../images/event02/btn_other_keyword.png');cursor:pointer;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest_result .btns_wrap .btn_join{position:absolute;width:357px;height:86px;background-image:url('../images/event02/btn_join.png');cursor:pointer;top:150px;left:160px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest_result .btns_wrap .btn_join.right{position:relative;top:0;left:10px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest_result .btns_wrap .btn_join .hand{right:-20px;bottom:-40px;} /* 답변2 */ /* 질문3 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest{position:relative;background-image:url('../images/event02/event_cover03.png');width:680px;height:1153px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest .step_bar{display:flex;padding:20px 20px;box-sizing:border-box;font-size:32px;font-weight:600;align-items:center;justify-content:space-between;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest .step_bar .step_wrap {display:flex;align-items:center;gap:0 8px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest .step_bar .step_wrap .step{width:109px;height:60px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest .step_bar .step_wrap .step.st02{background-image:url('../images/event02/step02.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest .step_bar .position{position:absolute;right:0;top:-76px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest .q{display:flex;flex-wrap:wrap;padding:40px 20px 0 20px;box-sizing:border-box;justify-content:space-between;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest .quest{display:flex;flex-wrap:wrap;padding:24px 20px 0 20px;box-sizing:border-box;justify-content:space-between;font-size:26px;font-weight:700;color:#111111} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest .quest .left_part{display:flex;flex-direction:column;gap:24px 0;background:#F6F6F6;border-radius:16px;width:640px;height:286px;justify-content:center;padding:0 20px;box-sizing:border-box;border:2px solid #E9E9E9;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest .quest .left_part .qitems{display:flex;justify-content:space-between;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest .quest .left_part .qitems .item{width:149px;height:107px;background:#E9E9E9;border-radius:12px;display:flex;justify-content:center;align-items:center;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest .quest .left_part .qitems .exp{display:flex;align-items:center;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest .quest .left_part .qitems .sbox{border:4px solid #111111;border-radius:12px;box-sizing:border-box;width:107px;height:107px;display:flex;justify-content:center;align-items:center;font-size:64px;color:#0D00BC;font-weight:600;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest .quest .right_part{display:flex;flex-wrap:wrap;width:640px;justify-content:space-between;gap:12px 0;margin:40px 0 0 0;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest .quest .right_part .chk_item{background:#E9E9E9;border-radius:16px;width:314px;height:137px;display:flex;justify-content:start;align-items:center;padding-left:50px;box-sizing:border-box;font-size:26px;font-weight:800;color:#111111;cursor:pointer;border:6px solid #FFFFFF;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest .quest .right_part .chk_item.on{border:6px solid #002AD2;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest .quest .right_part .chk_item span{font-size:40px;color:#0D00BC;margin-right:20px;cursor:pointer;transition:.3s all;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest .btns_wrap {position:absolute;bottom:40px;display:flex;justify-content:space-between;padding:0 20px;box-sizing:border-box;width:100%;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest .btns_wrap .btn_hint{position:relative;width:285px;height:86px;background-image:url('../images/event02/btn_hint.png');cursor:pointer;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest .btns_wrap .btn_hint .hint{position:absolute;left:-20px;top:59px;display:none;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest .btns_wrap .btn_confirm{position:relative;width:285px;height:86px;background-image:url('../images/event02/btn_confirm.png');cursor:pointer;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest .btns_wrap .btn_confirm .hand{right:-20px;bottom:-40px;display:none;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest .btns_wrap .btn_confirm.on .hand{display:block;} /* 질문3 */ /* 답변3 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest_result{position:relative;background-image:url('../images/event02/event_cover_rlt03.png');width:640px;height:832px;font-family:'Pretendard',sans-serif;top:-240px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest_result .step_bar{display:flex;padding:20px 20px;box-sizing:border-box;font-size:32px;font-weight:600;align-items:center;justify-content:space-between;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest_result .step_bar .step_wrap {display:flex;align-items:center;gap:0 8px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest_result .step_bar .step_wrap .step{width:109px;height:60px;background-image:url('../images/event02/com_logo.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest_result .step_bar .position{position:absolute;right:0;top:-76px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest_result .title {font-size:52px;color:#0D00BC;font-weight:700;display:flex;justify-content:center;flex-direction:column;margin:40px 0 0 0;text-align:center;line-height:.6;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest_result .title .wt{color:#FF35AE;padding-right:10px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest_result .answer {padding:0 20px;box-sizing:border-box;margin:40px 0 0 0;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest_result .answer .a_txt{width:100%;height:196px;display:flex;flex-direction:column;justify-content:center;align-items:start;background:#F6F6F6;border-radius:20px;border:2px solid #E9E9E9;box-sizing:border-box;color:#111111;font-weight:600;font-size:40px;gap:20px 0;padding:0 90px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest_result .answer .a_txt .item{display:flex;align-items:center;gap:0 8px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest_result .answer .a_txt .item span{display:flex;width:154px;height:48px;border-radius:12px;justify-content:center;align-items:center;background:#002AD2;color:#FFFFFF;font-size:28px;font-weight:600;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest_result .answer .a_box{text-align:center;color:#555555;font-size:28px;font-weight:400;margin:40px 0 0 0;line-height:1.6;letter-spacing:-1px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest_result .answer .a_box span{position:relative;color:#0D00BC;padding-left:20px;font-size:24px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest_result .answer .a_box span::before{position:absolute;display:inline-block;content:'';background-image:url('../images/event02/mark.png');width:10px;height:10px;top:12px;left:0;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest_result .btns_wrap {position:absolute;bottom:40px;display:flex;justify-content:space-between;padding:0 20px;box-sizing:border-box;width:100%;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest_result .btns_wrap .btn_retry{position:relative;width:285px;height:86px;background-image:url('../images/event02/btn_retry.png');cursor:pointer;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest_result .btns_wrap .btn_other_keyword{position:relative;width:285px;height:86px;background-image:url('../images/event02/btn_other_keyword.png');cursor:pointer;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest_result .btns_wrap .btn_join{position:absolute;width:357px;height:86px;background-image:url('../images/event02/btn_join.png');cursor:pointer;top:150px;left:160px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest_result .btns_wrap .btn_join.right{position:relative;top:0;left:10px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest_result .btns_wrap .btn_join .hand{right:-20px;bottom:-40px;} /* 답변3 */ /* 질문4 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest{position:relative;background-image:url('../images/event02/event_cover04.png?V=1');width:680px;height:1077px;top:-50px} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest .step_bar{display:flex;padding:20px 20px;box-sizing:border-box;font-size:32px;font-weight:600;align-items:center;justify-content:space-between;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest .step_bar .step_wrap {display:flex;align-items:center;gap:0 8px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest .step_bar .step_wrap .step{width:109px;height:60px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest .step_bar .step_wrap .step.st02{background-image:url('../images/event02/step02.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest .step_bar .position{position:absolute;right:0;top:-76px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest .q{display:flex;flex-wrap:wrap;padding:48px 20px 0 20px;box-sizing:border-box;justify-content:space-between;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest .quest{display:flex;flex-direction:column;flex-wrap:wrap;padding:24px 20px 0 20px;box-sizing:border-box;justify-content:space-between;font-size:26px;font-weight:700;color:#111111;font-family:'Pretendard',sans-serif;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest .quest .left_part{background:#F6F6F6;border-radius:16px;width:640px;height:265px;box-sizing:border-box;border:2px solid #E9E9E9;text-align:center;padding:32px 0 0 0;font-weight:600;font-size:32px;color:#111111;line-height:1.5;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest .quest .left_part span{display:inline;font-size:40px;color:#0D00BC;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest .quest .right_part{display:flex;flex-wrap:wrap;width:640px;justify-content:space-between;margin:40px 0 0 0;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest .quest .right_part .chk_item{background:#E9E9E9;border-radius:16px;width:308px;height:322px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;font-size:26px;font-weight:800;color:#111111;cursor:pointer;border:6px solid #FFFFFF;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest .quest .right_part .chk_item.on{border:6px solid #002AD2;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest .quest .right_part .chk_item span{font-size:40px;color:#0D00BC;margin-right:20px;cursor:pointer;transition:.3s all;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest .btns_wrap {position:absolute;bottom:40px;display:flex;justify-content:space-between;padding:0 20px;box-sizing:border-box;width:100%;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest .btns_wrap .btn_hint{position:relative;width:285px;height:86px;background-image:url('../images/event02/btn_hint.png');cursor:pointer;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest .btns_wrap .btn_hint .hint{position:absolute;left:-20px;top:59px;display:none;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest .btns_wrap .btn_confirm{position:relative;width:285px;height:86px;background-image:url('../images/event02/btn_confirm.png');cursor:pointer;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest .btns_wrap .btn_confirm .hand{right:-20px;bottom:-40px;display:none;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest .btns_wrap .btn_confirm.on .hand{display:block;} /* 질문4 */ /* 답변4 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest_result{position:relative;background-image:url('../images/event02/event_cover_rlt04.png');width:680px;height:991px;font-family:'Pretendard',sans-serif;top:-140px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest_result .step_bar{display:flex;padding:20px 20px;box-sizing:border-box;font-size:32px;font-weight:600;align-items:center;justify-content:space-between;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest_result .step_bar .step_wrap {display:flex;align-items:center;gap:0 8px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest_result .step_bar .step_wrap .step{width:109px;height:60px;background-image:url('../images/event02/com_logo.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest_result .step_bar .position{position:absolute;right:0;top:-76px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest_result .title {font-size:52px;color:#0D00BC;font-weight:700;display:flex;justify-content:center;margin:40px 0 0 0;text-align:center;flex-direction:column;line-height:.6;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest_result .title .wt{color:#FF35AE;padding-right:10px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest_result .answer {padding:0 20px;box-sizing:border-box;margin:40px 0 0 0;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest_result .answer .a_txt{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:400;font-size:28px;gap:40px 0;line-height:1.5;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest_result .answer .a_txt .a_r{display:flex;justify-content:center;align-items:center;width:600px;height:322px;background:#F6F6F6;border-radius:20px;border:2px solid #E9E9E9;box-sizing:border-box;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest_result .answer .a_txt .a_t {text-align:center;color:#555555;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest_result .answer .a_txt .a_t span{position:relative;color:#0D00BC;font-size:24px;padding-left:20px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest_result .answer .a_txt .a_t span::before{position:absolute;display:inline-block;content:'';background-image:url('../images/event02/mark.png');width:10px;height:10px;top:8px;left:0;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest_result .btns_wrap {position:absolute;bottom:40px;display:flex;justify-content:space-between;padding:0 20px;box-sizing:border-box;width:100%;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest_result .btns_wrap .btn_retry{position:relative;width:285px;height:86px;background-image:url('../images/event02/btn_retry.png');cursor:pointer;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest_result .btns_wrap .btn_other_keyword{position:relative;width:285px;height:86px;background-image:url('../images/event02/btn_other_keyword.png');cursor:pointer;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest_result .btns_wrap .btn_join{position:absolute;width:357px;height:86px;background-image:url('../images/event02/btn_join.png');cursor:pointer;top:150px;left:160px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest_result .btns_wrap .btn_join.right{position:relative;top:0;left:10px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest_result .btns_wrap .btn_join .hand{right:-20px;bottom:-40px;} /* 답변4 */ section.event02 .contents_wrapper > .join_wrapper {position: absolute;width: 712px;height: 156px;bottom:140px;background-image:url('../images/event01/num_bg.png');font-size:28px;font-weight:400;} section.event02 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;flex-direction:column;justify-content: center;align-items: center;color: #555555;gap: 8px 0 ;height:100%;} section.event02 .contents_wrapper > .join_wrapper .join_wrap > div:nth-child(1){display:flex;} section.event02 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;} section.event02 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #FF35AE;font-weight: 900;font-family: 'Pretendard';font-size: 40px;line-height:.7;} section.event02 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 30px;font-family: 'Pretendard';color: #000000;} /* 이벤트 02 */ /* 이벤트 03 */ section.event03 {position: relative;width: 100%;height:2546px;background-image: url('../images/event03/bg.jpg');} section.event03 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding:60px 0 0 0;} section.event03 .contents_wrapper > div {position:relative;display: flex;flex-direction: column;width: 100%;background-position: center top;align-items: center;} section.event03 .contents_wrapper .schedule_wrap {display: flex;flex-direction:column;margin: 80px 0;width: 100%;justify-content: center;align-items:center;z-index: 2;gap:40px 0;} section.event03 .contents_wrapper .event_cont_wrapper {position:relative;width:100%;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width:680px;height:1039px;margin: 0 0 0 0;display:flex;align-items:start;justify-content:center;background-image:url('../images/event03/cover.png');padding:0 0 0 0;box-sizing:border-box;} /* 시작 */ section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_start{display:flex;flex-direction:column;gap:40px 0;justify-content:center;padding:40px 0 0 0;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_start .title{text-align:center;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_start .pic_wrap{display:flex;gap:0 0;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_start .pic_wrap > div{width:336px;height:456px;border-radius:20px;box-sizing:border-box;font-size:48px;font-weight:800;color:#002AD2;display:flex;align-items:center;justify-content:center;cursor:pointer;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_start .pic_wrap > div.char01{background-image:url('../images/event03/char01.png')} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_start .pic_wrap > div.char02{background-image:url('../images/event03/char02.png')} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_start .pic_wrap > div.char01.on{background-image:url('../images/event03/char01_on.png')} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_start .pic_wrap > div.char02.on{background-image:url('../images/event03/char02_on.png')} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_start .btns_wrap{width:100%;display:flex;justify-content:center;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_start .btns_wrap .btn_start{position:relative;width:286px;height:86px;background-image:url('../images/event03/btn_start.png');cursor:pointer;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_start .btns_wrap .btn_start .hand{right:-20px;bottom:-40px;display:none;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_start .btns_wrap .btn_start.on .hand{display:block;} /* 시작 */ /* 게임판 */ section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 {position:relative;width:680px;height:1039px;background:#FFFFFF;border-radius:20px;display:flex;justify-content:center;align-items:center;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div{position:absolute;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part01{display:flex;right:16px;bottom:16px;flex-direction:row-reverse;gap:0 4px;z-index:3;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part01 > div{width:215px;height:165px;background-size:cover;background-position:center;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part01 .start{position:relative;background-image:url('../images/event03/box_start.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part01 .start .char01{position:absolute;width:75px;height:120px;background-image:url('../images/event03/m_char01.png');left:86px;top:32px;z-index:10;background-repeat:no-repeat;background-position:bottom;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part01 .start .char02{position:absolute;width:75px;height:120px;background-image:url('../images/event03/m_char02.png');left:86px;top:34px;z-index:10;background-repeat:no-repeat;background-position:bottom;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part01 .start .char.cmove1{animation:1s character_move1 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part01 .start .char.cmove2{animation:1s character_move2 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part01 .start .char.cmove3{animation:1s character_move3 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part01 .start .char.cmove4{animation:1s character_move4 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part01 .start .char.cmove5{animation:1s character_move5 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part01 .start .char.cmove6{animation:1s character_move6 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part01 .start .char.cmove7{animation:1s character_move7 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part01 .start .char.cmove8{animation:1s character_move8 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part01 .start .char.cmove9{animation:1s character_move9 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part01 .start .char.cmove10{animation:1s character_move10 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part01 .start .char.cmove11{animation:1s character_move11 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part01 .start .char.cmove12{animation:1s character_move12 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part01 .start .char.cmove13{animation:1s character_move13 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part01 .start .char.cmove14{animation:1s character_move14 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part02{display:flex;left:12px;bottom:184px;flex-direction:column-reverse;gap:4px 0;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part02 > div{width:215px;height:165px;background-size:cover;background-position:center;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part02 .mark05{background-image:url('../images/event03/box_05.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part02 .mark06{background-image:url('../images/event03/box_06.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part03{display:flex;left:12px;top:16px;flex-direction:row;gap:0 3px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part03 > div{width:215px;height:165px;background-size:cover;background-position:center;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part03 .mark07{background-image:url('../images/event03/box_07.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part03 .mark08{background-image:url('../images/event03/box_08.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part03 .mark09{background-image:url('../images/event03/box_09.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part03 .mark10{background-image:url('../images/event03/box_10.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part03 .mark11{background-image:url('../images/event03/box_11.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part04{display:flex;right:16px;top:184px;flex-direction:column;gap:4px 0;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part04 > div{width:215px;height:165px;background-size:cover;background-position:center;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part04 .mark12{background-image:url('../images/event03/box_12.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap > div.part04 .mark13{background-image:url('../images/event03/box_13.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark{position:relative;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.on::before{position:absolute;content:'';width:100%;height:100%;background-position:center;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.on.stamp::after{position:absolute;content:'';width:102px;height:102px;left:55px;top:55px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark01.on.stamp::after{background-image:url('../images/event03/stamp01.png?V=1');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark02.on.stamp::after{background-image:url('../images/event03/stamp02.png?V=1');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark03.on.stamp::after{background-image:url('../images/event03/stamp03.png?V=1');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark04.on.stamp::after{background-image:url('../images/event03/stamp04.png?V=1');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark05.on.stamp::after{background-image:url('../images/event03/stamp05.png?V=1');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark06.on.stamp::after{background-image:url('../images/event03/stamp06.png?V=1');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark07.on.stamp::after{background-image:url('../images/event03/stamp07.png?V=1');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark08.on.stamp::after{background-image:url('../images/event03/stamp08.png?V=1');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark09.on.stamp::after{background-image:url('../images/event03/stamp09.png?V=1');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark10.on.stamp::after{background-image:url('../images/event03/stamp10.png?V=1');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark11.on.stamp::after{background-image:url('../images/event03/stamp11.png?V=1');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark12.on.stamp::after{background-image:url('../images/event03/stamp12.png?V=1');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark13.on.stamp::after{background-image:url('../images/event03/stamp13.png?V=1');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark01.on::before{background-image:url('../images/event03/box_01_on.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark02.on::before{background-image:url('../images/event03/box_02_on.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark03.on::before{background-image:url('../images/event03/box_03_on.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark04.on::before{background-image:url('../images/event03/box_04_on.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark05.on::before{background-image:url('../images/event03/box_05_on.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark06.on::before{background-image:url('../images/event03/box_06_on.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark07.on::before{background-image:url('../images/event03/box_07_on.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark08.on::before{background-image:url('../images/event03/box_08_on.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark09.on::before{background-image:url('../images/event03/box_09_on.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark10.on::before{background-image:url('../images/event03/box_10_on.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark11.on::before{background-image:url('../images/event03/box_11_on.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark12.on::before{background-image:url('../images/event03/box_12_on.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .pic_wrap .map_mark.mark13.on::before{background-image:url('../images/event03/box_13_on.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .btn_wrap{display:flex;flex-direction:column;align-items:center;gap:90px 0;z-index:5;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .btn_wrap .dice_wrap{z-index:5;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .btn_wrap .dice_wrap .dice{width:160px;height:170px;background-image:url('../images/event03/dice.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .btn_wrap .dice_wrap .dice.on{animation:1s dice_move 2 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .btn_wrap .dice_wrap .dice.num1{width:170px;height:170px;background-image:url('../images/event03/dice1.png?v=1');animation:.3s dice_set 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .btn_wrap .dice_wrap .dice.num2{width:170px;height:170px;background-image:url('../images/event03/dice2.png?v=1');animation:.3s dice_set 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .btn_wrap .dice_wrap .dice.num3{width:170px;height:170px;background-image:url('../images/event03/dice3.png?v=1');animation:.3s dice_set 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .btn_wrap .dice_wrap .dice.num4{width:170px;height:170px;background-image:url('../images/event03/dice4.png?v=1');animation:.3s dice_set 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .btn_wrap .btn_go{position:relative;width:163px;height:144px;background-image:url('../images/event03/btn_dice.png');cursor:pointer;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .btn_wrap .btn_go .hand{right:-20px;bottom:-40px;} /* 게임판 */ section.event03 .contents_wrapper > .join_wrapper {position: absolute;width: 712px;height: 156px;background-image:url('../images/event01/num_bg.png');font-size:28px;font-weight:400;bottom:80px;} section.event03 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;flex-direction:column;justify-content: center;align-items: center;color: #555555;gap: 8px 0 ;height:100%;} section.event03 .contents_wrapper > .join_wrapper .join_wrap > div:nth-child(1){display:flex;} section.event03 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;} section.event03 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #FF35AE;font-weight: 900;font-family: 'Pretendard';font-size: 40px;line-height:.7;} section.event03 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 30px;font-family: 'Pretendard';color: #000000;} section.event03 .pop_evt {position:fixed;left:0;top:0;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:start;width:100%;height:100%;background-color:rgba(0,0,0,.7);font-family:'Pretendard',sans-serif;} section.event03 .pop_evt .pop_evt_wrapper{position:relative;top:5%;} section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap{position:relative;width:680px;height:709px;background:#FFFFFF;border-radius:20px;display:flex;flex-direction:column;} section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .title{display:flex;justify-content:center;padding:24px 0;} section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .title span{padding:9px 16px;background:#002AD2;font-size:28px;font-weight:700;color:#FFFFFF;border-radius:8px;} section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .pic{display:flex;justify-content:center;flex-direction:column;align-items:center;} section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .pic .pic_gallery{position:relative;width:500px;height:300px;border-radius:8px;overflow:hidden;} section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .pic .btn_prev{position:absolute;background-image:url('../images/event03/btn_prev.png');width:50px;height:50px;left:20px;top:225px;cursor:pointer;z-index:9;} section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .pic .btn_next{position:absolute;background-image:url('../images/event03/btn_next.png');width:50px;height:50px;right:20px;top:225px;cursor:pointer;z-index:9;} section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .pic .paging_wrap{width:100%;height:40px;padding:0 0 0 0;display:flex;align-items:center;} section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .pic .paging_wrap .paging{display:flex;justify-content:center;align-items:center;} section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .pic .paging_wrap .paging .swiper-pagination-bullet{width:12px;height:12px;background:#CCCCCC;} section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .pic .paging_wrap .paging .swiper-pagination-bullet-active{width:12px;height:12px;background:#555555;} section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .exp{font-size:22px;color:#555555;line-height:1.4;text-align:center;width:500px;margin:0 auto;} section.event03 .pop_evt .btns_wrap {display:flex;justify-content:center;padding:20px 0 0 0;} section.event03 .pop_evt .btns_wrap .btn_stamp{position:relative;width:346px;height:86px;background-image:url('../images/event03/btn_stamp.png');cursor:pointer;} section.event03 .pop_evt .btns_wrap .btn_stamp .hand{right:-20px;bottom:-40px;} /* 이벤트 03 */ /* 투어 */ section.tour {position: relative;width: 100%;height:1288px;background-image: url('../images/tour/bg.jpg');} section.tour .contents_wrapper {display: flex;flex-direction:column;width: 100%;height: 100%;align-items: center;justify-content:start;padding: 60px 20px 0 20px;box-sizing:border-box;} section.tour .contents_wrapper .title{margin-bottom:40px;} section.tour .contents_wrapper .tabs_wrapper{display:flex;flex-direction:column;gap:9px 0;} section.tour .contents_wrapper .tabs_wrapper .tabs_wrap{display:flex;flex-wrap:wrap;width:100%;margin:0 auto;justify-content:space-between;gap:0 4px;} section.tour .contents_wrapper .tabs_wrapper .tabs_wrap .tab{position:relative;background:#FFFFFF;height:53px;font-size:18px;font-weight:400;color:#555555;display:flex;justify-content:center;align-items:center;border:1px solid #CCCCCC;box-sizing:border-box;border-radius:8px;cursor:pointer;text-align:center;letter-spacing:-2px;} section.tour .contents_wrapper .tabs_wrapper .tabs_wrap:nth-child(1) .tab{padding:0 30px;} section.tour .contents_wrapper .tabs_wrapper .tabs_wrap:nth-child(2) .tab{padding:0 28px;} section.tour .contents_wrapper .tabs_wrapper .tabs_wrap:nth-child(3) .tab{padding:0 28px;} section.tour .contents_wrapper .tabs_wrapper .tab.on{background:#002AD2;font-weight:600;color:#FFFFFF;border:1px solid #002AD2;} section.tour .contents_wrapper .gallery_wrapper {position:relative;width:100%;height:534px;margin:40px auto 0 auto;background:#FFFFFF;border-radius:20px;display:flex;flex-direction:column;align-items:center;font-family:'Pretendard',sans-serif;} section.tour .contents_wrapper .gallery_wrapper .g_title{height:112px;line-height:112px;font-size:40px;font-weight:800;color:#111111;} section.tour .contents_wrapper .gallery_wrapper .gallery_wrap{position:relative;width:500px;height:300px;border-radius:20px;overflow:hidden;} section.tour .contents_wrapper .gallery_wrapper .exp_title{color:#777777;font-size:24px;font-weight:500;margin-top:20px;width:500px;text-align:center;line-height:1.3;} section.tour .contents_wrapper .gallery_wrapper .btn_prev{position:absolute;left:20px;top:237px;width:50px;height:50px;background-image:url('../images/tour/btn_prev.png');cursor:pointer;} section.tour .contents_wrapper .gallery_wrapper .btn_next{position:absolute;right:20px;top:237px;width:50px;height:50px;background-image:url('../images/tour/btn_next.png');cursor:pointer;} /* 투어 */ /* 다음 */ section.daum {position: relative;width: 100%;height: 316px;background:#F6F6F6;} section.daum .contents_wrap {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;justify-content: center;} section.daum .contents_wrap .title {} section.daum .contents_wrap .box {position: relative;margin-top: 16px;width: 680px;height: 64px;background-image: url('../images/daum/bg.png');background-repeat: no-repeat;background-position: center;display: flex;align-items: start;} section.daum .contents_wrap .box .typing-text {position: absolute;left: 180px;top: 15px;line-height: 36px;font-family: 'Pretendard',sans-serif;font-weight: 700;font-size: 32px;color: #1e1e1e;border-right: 2px solid #333;animation: typing 3s steps(22) infinite;white-space: nowrap;overflow: hidden;} section.daum .contents_wrap .exp {position: relative;left: 50px;margin-top: 16px;} /* 다음 */ /* 카카오 친구 */ section.friends {position: relative;width: 100%;height:1219px;background-image: url('../images/friends/bg.png');} section.friends .contents_wrapper {display: flex;flex-direction:column;width: 100%;height: 100%;align-items: center;justify-content:start;padding:80px 0 0 0;} section.friends .contents_wrapper .left_part{background-image:url('../images/friends/hp.png');width:620px;height:573px;margin-top:90px;} section.friends .contents_wrapper .left_part .btns_wrap {position:absolute;width:100%;display:flex;justify-content:center;z-index:2;bottom:0;} section.friends .contents_wrapper .left_part .btns_wrap .btn_add{position:relative;width:576px;height:112px;background-image:url('../images/friends/btn_add.png');cursor:pointer;} section.friends .contents_wrapper .left_part .btns_wrap .btn_add a{display:block;width:100%;height:100%;} section.friends .contents_wrapper .left_part .btns_wrap .btn_add .hand{right:-20px;bottom:-30px;} section.friends .contents_wrapper .right_part{position:relative;padding:40px 0 0 0;box-sizing:border-box;} section.friends .contents_wrapper .right_part .title{margin-bottom:40px;} section.friends .contents_wrapper .right_part .word_wrap{display:flex;flex-direction:column;padding:0 43px;box-sizing:border-box;gap:18px 0;} section.friends .contents_wrapper .right_part .word_wrap .w01{position:relative;text-align:left;left:-30px;} section.friends .contents_wrapper .right_part .word_wrap .w02{position:relative;text-align:right;right:-30px;} /* 카카오 친구 */ /* SNS SHARE */ section.snsshare {position:relative;width:100%;height:403px;background-image:url('../images/share/bg.png');} section.snsshare .contents_wrap {width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:42px 0;font-family:'ONE-Mobile-Title';text-align:center;font-weight:500;} section.snsshare .contents_wrap > .title{color:#262630;font-size:32px;font-family:'ONE-Mobile-Regular'} section.snsshare .contents_wrap > .title span{display:block;color:#000000;text-align:center;font-size:64px;margin-bottom:24px;} section.snsshare .contents_wrap > .title span i{color:#D71618;} section.snsshare .contents_wrap > .sns_wrapper{position:relative;} section.snsshare .contents_wrap > .sns_wrapper > ul{display:flex;gap:0 30px;} section.snsshare .contents_wrap > .sns_wrapper > ul > li{} /* 참여 정보 */ section.sec-join-info {position:relative;width:100%;height:208px;display:flex;flex-direction:column;justify-content:center;font-size:28px;align-items:center;color:#222222;background-color:#ffffff;font-family:'Pretendard';} section.sec-join-info div {font-weight:800;display:flex;align-items:center;} section.sec-join-info span.normal{font-weight:400;font-size:28px;margin-right:5px;margin-top:-5px;} section.sec-join-info span._visit_all_cnt{color:#002AD2;margin-left:5px;margin-top:-10px;font-family:'ONE-Mobile-Title';line-height:0;} section.sec-join-info span._join_all_cnt{color:#FF35AE;margin-left:5px;margin-top:-10px;font-family:'ONE-Mobile-Title';} section.sec-join-info div span{font-size:48px;font-weight:900;font-family:"ONE-Mobile-Title",sans-serif;padding:0 0 0 5px;} /* 참여 정보 */ /* SNS */ .pop_evt2_wrapper {position:fixed;left:0;top:0;width:100%;height:100vh;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:10;} .pop_evt2_wrapper .pop_content_wrapper{position:relative;width:1238px;height:1000px;margin:0 auto;background:#FFFFFF;border-radius:30px;scale:.8} .pop_evt2_wrapper .pop_content_wrapper .close{position:absolute;background-image:url('../images/btn_evt2_close.png');width:54px;height:54px;right:-80px;cursor:pointer;} .pop_evt2_wrapper .pop_content_wrapper .contents{position:relative;display:flex;width:100%;height:100%;border-radius:30px;overflow:hidden;} .pop_evt2_wrapper .pop_content_wrapper .contents .left_part{position:relative;width:588px;height:100%;background:#FED286;display:flex;align-items:center;justify-content:end;} .pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data{position:relative;width:542px;} .pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .bg{position:absolute;background-image:url('../images/bg_pop_pic.png');width:300px;height:245px;right:0;top:-40px;} .pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .bg .pic{position:relative;display:flex;justify-content:center;align-items:center;top:45px;} .pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .txt{position:relative;font-size:46px;margin-bottom:38px;} .pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .txt p{position:relative;} .pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .txt p span{font-weight:700;} .pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .exp{font-weight:500;font-size:21px;color:#000000;line-height:1.4;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part{position:relative;width:650px;height:100%;display:flex;flex-direction:column;align-items:center;padding:37px 0 0 0;box-sizing:border-box;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data{position:relative;display:flex;justify-content:center;flex-direction:column;width:600px;align-items:center;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .title{font-size:24px;text-align:center;margin-bottom:40px;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .title span{font-weight:700;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .exp_wrap{position:relative;padding:54px 0 43px 0;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .exp_wrap .simple{position:relative;font-size:22px;text-align:center;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .exp_wrap .ttl{position:relative;font-size:28px;font-weight:700;text-align:center;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap {position:relative;width:100%;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul{position:relative;display:flex;justify-content:space-between;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li{position:relative;width:190px;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .img{position:relative;width:190px;height:125px;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .img.on:before{position:absolute;0;content:'';background-image:url('../images/stamp.png');top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .img img{width:100%;height:100%;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .ttl{font-size:18px;font-weight:500;letter-spacing:-1px;padding:5px 0 0 5px;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns{position:absolute;width:100%;bottom:110px;display:flex;justify-content:center;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join{position:relative;background-image:url('../images/btn_evt2_join.png');width:419px;height:110px;cursor:pointer;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join .hand{display:none;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join.on{background-image:url('../images/btn_evt2_join_on.png');} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join.on .hand{display:block;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .txt{position:absolute;width:100%;bottom:57px;display:flex;justify-content:center;} .pop_evt2_wrapper .pop_content_wrapper .contents .frame_div {position:absolute;width:100%;height:58%;z-index:99;left:0;top:0;border:5px solid #000;box-sizing:border-box;border-radius:30px;background:#FFFFFF;overflow:hidden;} .pop_evt2_wrapper .pop_content_wrapper .contents .frame_div .pclose{position:absolute;right:10px;top:10px;cursor:pointer;z-index:9;} .pop_evt2_wrapper .pop_content_wrapper .contents .frame_div iframe{width:101%;height:100%;} /* 이벤트 02 */ /* 참여 정보 */ section.sec-copyright {position:relative;width:100%;height:252px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f0f0f0;color:#7D7D83;font-size:18px;font-weight:500;padding:60px 40px;box-sizing:border-box;} section.sec-copyright > .copyright {width:100%;} section.sec-copyright > .copyright ul{} section.sec-copyright > .copyright ul li{margin-bottom:10px;} section.sec-copyright > .copyright ul li:first-child{color:#262630;font-size:20px;font-family:'Pretendard',sans-serif;} section.sec-copyright > .copyright ul li:nth-child(2n+2){} section.sec-copyright > .copyright ul li:nth-child(3){margin-top:16px;} section.sec-copyright > .copyright ul li:nth-child(4){display:flex;} section.sec-copyright > .copyright ul li:nth-child(4) > div{} section.sec-copyright > .copyright ul li:nth-child(4) span{color:#000000;font-family:'Pretendard',sans-serif;} /* 고정 메뉴 */ .navigator_wrapper {position:fixed;left:0;bottom:0;width:100%;height:110px;z-index:15; bottom: 0;overflow:hidden;} .navigator_wrapper .cont_wrap {width:100%;background:#002AD2;height:100%;display:flex;justify-content:center;} .navigator_wrapper .cont_wrap .navi_wrap {width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:0 40px;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;gap:0 10px;} .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;background-repeat:no-repeat;margin-left:10px;} .n_menu_list {position:fixed;bottom:-800px;z-index:99;background:#e60012;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:zoom 1s ease-in-out infinite;animation-delay:0.5s;animation-duration:1s;width:106px;height:106px;background-image:url(../images/hand.png);} .result_wrap {position:absolute;width:100%;text-align:center;bottom:100px;} .result_wrap > .btn.event_result2{width:463px;height:122px;display:inline-block;background-image:url('../images/event2_done.png');} .result_wrap > .btn.event_result2 > a {display:block;width:100%;height:100%;} /* 슬라이드 */ .swiper { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: transparent; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide img {width:100%;height:100%;object-fit:cover;background-position: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;} .bounce1 {animation: bounce1 2s;} .bounce2 {animation: bounce2 1s;} .bounce3 {animation: bounce3 1s;} .kb_hand {position:absolute;background-image:url('../images/hand_ani.png');scale:.8;width:102px;height:96px;animation: vmove 1.5s infinite;animation-direction: reverse;animation-iteration-count: 3;z-index:999;bottom:0px;left:40px;} .b_hand {position:absolute;right:-50px;bottom:-20px;background-image:url('../images/hand_ani.png');width:102px;height:96px;animation: blink 1s infinite;} .b_hand.com {right:0;bottom:5px;zoom:.7;} .qb_hand {position:absolute;right:-50px;bottom:-20px;background-image:url('../images/hand_ani.png');width:102px;height:96px;animation: blink 1s infinite;} .qb_hand.hide {display:none;} .qb_hand.evt3 {display:none;} .hide {display:none !important;} .present_wrap .swiper-slide img {width:100%;} .j_wrap01{} .j_wrap02{margin-top:35px;} .j_wrap01 .swiper-slide{width:487px;height:120px;border-radius:60px;color:#004819;font-size:40px;font-weight:bold;display:flex;justify-content:center;align-items:center;} .j_wrap01 .swiper-slide:nth-child(1n+1){background-image: linear-gradient(#FFFFFF, #FFFFFF);} .j_wrap01 .swiper-slide:nth-child(2n+2){background-image: linear-gradient(#FFFFFF, #FFFFFF);} .j_wrap01 .swiper-slide:nth-child(3n+3){background-image: linear-gradient(#FFFFFF, #FFFFFF);} /* popup */ html.on { height:100%; overflow:hidden; } .pu_bg { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:98; display:none; } .pu { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:99; display:none; } .pu .bt_close { position:absolute; top:0; right:-60px; width:48px; height:48px; background:url(../images/bt_pu_close.png?v=1) no-repeat 0 0; text-indent:-9999px; } .pu_event_youtube { width:800px; background:#fff;border-radius:15px;display:none; } .pu_event_youtube .p_con { position:relative; } .pu_event_youtube .p_con iframe {width:800px;height:450px;} .pu_event_info { width:675px; display:none; border-radius:20px;overflow:hidden;} .pu_event_info .form_top a{display:block;width:100%;height:100%;} .pu_event_info .p_con {position:relative;padding:30px;background: #fff;overflow: hidden;} .pu_event_info .p_con dt { position:relative; font-size:18px; color:#222;font-weight:700; } .pu_event_info .p_con .ty00 { position:relative; height:30px; padding-top:5px;padding-left:0;text-align:center; font-weight:600;} .pu_event_info .p_con .ty00 dd {display:inline-block;} .pu_event_info .p_con .ty00 dd + dd {padding-left:30px;} .pu_event_info .p_con .ty01 { position:relative; height:44px; padding-left:130px; margin-bottom:20px;} .pu_event_info .p_con .ty01 dt { position:absolute; top:0; left:0; width:120px; line-height:44px; text-align:left; } .pu_event_info .p_con .ty01 dd { position:relative; } .pu_event_info .p_con .ty01 dd input { height:44px; line-height:44px; background:#fff; border:1px solid #cdcdcd; padding:0 10px; box-sizing:border-box;} .pu_event_info .p_con .ty01 dd.num:after { content:''; clear:both; display:block; height:0; visibility:hidden; } .pu_event_info .p_con .ty01 dd.num input { text-align:center; float:left; width:134px; } .pu_event_info .p_con .ty01 dd.num i { float:left; width:20px; text-align:center; color:#fff; line-height:44px; } .pu_event_info .p_con .ty02 { margin-top:30px;} .pu_event_info .p_con .ty02 dt { margin-bottom:10px; margin-top:20px;} .pu_event_info .p_con .ty02 dt span { position:absolute; bottom:0; right:-5px; } .pu_event_info .p_con .ty02 dt span input { margin:0; } .pu_event_info .p_con .ty02 dd { background:#fff4e4; padding:15px 20px; } .pu_event_info .btns:before { position:absolute; content:''; top:0; left:50%; bottom:0; width:1px; ; z-index:1; } .pu_event_info .btns:after { content:''; clear:both; display:block; height:0; visibility:hidden; } .pu_event_info .btns a { float:left; width:50%; display:flex; justify-content:center;align-items:center;height:100px; line-height:1.2; text-align:center; font-size:30px; color:#fff; font-weight:800; } .pu_event_info .btns a:hover { text-decoration:none; } .pu_event_info .btns a.bt_participate_done {background:#FF35AE;color:#FFFFFF;} .pu_event_info .btns a.bt_participate_done.i01 {background:#07788F;} .pu_event_info .btns a.bt_participate_done.i02 {background:#B7612B;} .pu_event_info .btns a.bt_participate_done.i03 {background:#316F52;} .pu_event_info .btns a.bt_participate_done.i04 {background:#B02923;} .pu_event_info .btns a.bt_cancel {background:#333;} .pu_event_info table { width:100%; color:#333; line-height:18px; } .pu_event_info table th { font-size:16px; padding:10px; vertical-align:top; } .pu_event_info table td { font-size:16px; padding:10px; 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:32px; height:32px; line-height:32px; margin:-10px 0 0 10px; text-align:center; vertical-align:middle; background:url(../images/cb.png?v=1) no-repeat 0 0; } .pu_event_info .checks input[type="checkbox"]:checked + label:after { background:url(../images/cb_on.png?v=3) no-repeat 0 0; } .pu_event_info .radiob input[type="radio"] { position:absolute; top:0; left:0; opacity:0; -webkit-opacity:0; } .pu_event_info .radiob input[type="radio"] + label:after { content:' '; display:inline-block; width:33px; height:35px; line-height:35px; margin:-10px 0 0 10px; text-align:center; vertical-align:middle; background:url(../images/radio.png) no-repeat 0 4px; } .pu_event_info .radiob input[type="radio"]:checked + label:after { background:url(../images/radio-on.png) no-repeat 0 4px; } .pu_event_done { display:none;} .pu_event_done .ph{ width:100%;} .pu_event_done .ph .close{position:absolute;background-image:url('../images/e_pop_close.png');width:70px;height:70px;right:-70px;top:0;} .pu_event_done .ph .close a{display:block;width:100%;height:100%;} .pu_event_done .ph .btn_wrap{ position:absolute;width:70px;height:70px;right:-70px;top:0;display:flex;justify-content:center;background-image:url('../images/evt_close.png');} .pu_event_done .ph .btn_wrap .btn{ position:relative;width:250px;height:100%;} .pu_event_done .ph .btn_wrap .btn .hand{ right:0px;bottom:-40px;} .pu_event_done .ph a {position:relative; display:block; width:100%;height:100%;} .pu_event_done .ph a .hand {right:210px;bottom:-40px;} .pu_event_done.e01 {background:#000000;} .pu_event_done.e02 {background:#000000;} .pu_event_done.e03 {background:#000000;} .pu_event_done .ph .confirm { position: relative; width: 100%; height: 70px; line-height:70px; font-size:30px; font-weight:600; background:#000; color:#FFFFFF; text-align:center; } .tc {text-align:center;}