body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-width: 1870px; background-color: #d5d6d7; } body::after { position: absolute; width: 0; height: 0; overflow: hidden; z-index: -1; content: url('../images/visual/cover.png') url('../images/event02/pic01_on.png') url('../images/event02/pic02_on.png') url('../images/event02/pic03_on.png') url('../images/event02/pic04_on.png') url('../images/event02/bg_photo02.png'); } .htmlWrapper { width: 100%; max-width: 1920px; margin: 0 auto; padding-bottom: 100px; position: relative; overflow: hidden; } .htmlWrapper section { background-position: center; min-width: 1920px; overflow: hidden; } /* 상단 */ .htmlWrapper section.top_wrapper { position: fixed; left:0; top:0; display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; box-sizing: border-box; z-index: 9; background: #F6F6F6; font-size: 20px; font-family: 'Pretendard'; overflow: visible; } .htmlWrapper section.top_wrapper > .hx_top { position: relative; height: 100%; display: flex; justify-content: center; align-items: center; gap: 0 5px; color: #888888; } .htmlWrapper section.top_wrapper > .hx_top span { font-size: 24px; font-weight: 800; color: #222222; font-family: 'ONE-Mobile-Title'; } .htmlWrapper section.top_wrapper > .hx_top span a { display: flex; } .htmlWrapper section.top_wrapper > .hx_top span.first { } .htmlWrapper section.top_wrapper > .hx_top b { color: #000; } .htmlWrapper section.top_wrapper > .hx_top i { margin-top: 3px; margin-right: 10px; } .htmlWrapper section.top_wrapper > .hx_top .company_logo { } .htmlWrapper section.top_wrapper > .hx_top div.ment { margin-top: -5px; } .htmlWrapper section.top_wrapper > .hx_top .hx_txt { position: absolute; top: 40px; } /* Visual */ .htmlWrapper section.visual_wrapper {position: relative;width: 100%;height: 1351px;background-repeat: no-repeat;background-position: center;background-color:rgba(255,255,255,1);padding:0 0 120px 0;box-sizing:border-box;margin:50px 0 0 0;} .htmlWrapper section.visual_wrapper .contents_wrap {position: relative;width: 100%;display: flex;flex-direction:column;justify-content: center;align-items:center;} .htmlWrapper section.visual_wrapper .contents_wrap .title{position: relative;width: 789px;margin:80px 0 0 0;} .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=2');z-index:2;} .htmlWrapper section.visual_wrapper .water_wrap{position: absolute;content:'';background-image:url('../images/visual/bg_water.png?v=1');width:100%;height:100%;z-index:0;} .htmlWrapper section.visual_wrapper .visual_slide_wrap {position: relative;top:10px;margin-top:130px;left:-40px;width: 1517px;height: 729px;border-top-left-radius:650px;border-top-right-radius:650px;overflow:hidden;border-bottom-left-radius:50px;border-bottom-right-radius:50px} .htmlWrapper section.visual_wrapper .visual_wrap {position: relative;width: 1517px;height: 729px;display: flex;justify-content: center;} .htmlWrapper section.visual_wrapper .visual_wrap .visualSwiper{position: relative;width: 100%;height: 100%;overflow:hidden;} .htmlWrapper section.visual_wrapper .visual_wrap .visualSwiper .swiper-slide{width:100%;height:100%;background-position:top;background-repeat:no-repeat;} .htmlWrapper section.visual_wrapper .visual_wrap.end .visualSwiper .swiper-slide{height:729px;} .htmlWrapper section.visual_wrapper .visual_wrap .visualSwiper .swiper-slide img{object-fit:cover;} .htmlWrapper section.visual_wrapper .visual_wrap .control_wrapper{position: absolute;right:0;bottom:90px;display:flex;flex-direction:column;gap:8px 0;z-index:8;} .htmlWrapper section.visual_wrapper .visual_wrap .control_wrapper .ttl{} .htmlWrapper section.visual_wrapper .visual_wrap .control_wrapper .control_wrap{display:flex;gap:0 12px;} .htmlWrapper section.visual_wrapper .visual_wrap .control_wrapper .control_wrap .control{display:flex;background:#0059FF;width:96px;height:40px;align-items:center;justify-content:center;border-radius:100px;} .htmlWrapper section.visual_wrapper .visual_wrap .control_wrapper .control_wrap .control .btn_prev{width:24px;height:24px;background-image:url('../images/visual/btn_prev.png');cursor:pointer;} .htmlWrapper section.visual_wrapper .visual_wrap .control_wrapper .control_wrap .control .btn_pause{width:24px;height:24px;background-image:url('../images/visual/btn_pause.png');cursor:pointer;} .htmlWrapper section.visual_wrapper .visual_wrap .control_wrapper .control_wrap .control .btn_next{width:24px;height:24px;background-image:url('../images/visual/btn_next.png');cursor:pointer;} .htmlWrapper section.visual_wrapper .visual_wrap .control_wrapper .control_wrap .nums span{font-family:'Pretendard',sans-serif;font-size:32px;} .htmlWrapper section.visual_wrapper .visual_wrap .control_wrapper .control_wrap .nums .cur{color:#0059FF;font-weight:600;} .htmlWrapper section.visual_wrapper .visual_wrap .control_wrapper .control_wrap .nums .sep{padding:0 3px;} .htmlWrapper section.visual_wrapper .tag_wrapper{position:relative;width:100%;display:flex;justify-content:center;z-index:7;margin:30px auto;} .htmlWrapper section.visual_wrapper .tag_wrapper{bottom:0;} .htmlWrapper section.visual_wrapper .tag_wrapper .tag_wrap{position:relative;width:1500px;display:flex;gap:0 12px;left:-35px;} .htmlWrapper section.visual_wrapper .tag_wrapper .tag{height:56px;border-radius:12px;padding:12.5px 12px;font-size:18px;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_rwapper .visualTagSwiper .swiper-slide{width:auto !important;} /* 다음 */ section.daum {position: relative;width: 100%;height: 412px;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: 862px;height: 80px;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: 200px;top: 22px;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: 30px;margin-top: 16px;} /* 다음 */ /* 다음 */ /* 이벤트 01 */ section.event01 {position: relative;width: 100%;height:2797px;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;margin: 40px 0 40px 0;width: 1300px;justify-content: space-between;z-index: 2;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width:100%;height:700px;margin: 20px 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:420px;height:441px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .vs_wrap{position:relative;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:72px 0;margin:0 38px 0 32px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .vs_wrap .vs{background-image:url('../images/event01/vs.png');width:236px;height:140px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .vs_wrap .btns_wrap{position:relative;width:100%;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .vs_wrap .btns_wrap .btn_start{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:420px;height:441px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .right_part .pic .grade_one{position:absolute;right:-30px;top:0;background-image:url('../images/event01/grade_one.png');width:137px;height:160px;} 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:1300px;height:700px;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 80px;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:151px;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:151px;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:151px;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:151px;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 85px;margin:20px 0 0 0;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .select_wrap .pic_wrap{position:relative;width:432px;height:322px;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:400px;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;justify-content:space-between;margin:18px 0 0 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;font-size:24px;font-weight:800;color:#0D00BC;width:180px;} 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:192px;height:113px;background-size:100%;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .check_wrap {display:flex;gap:0 360px;margin-top:10px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .check_wrap .rdo_wrap{display:flex;justify-content:center;width:432px;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 .check_wrap .btns_wrap{} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .check_wrap .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 .check_wrap .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;justify-content:space-between;width:1220px;margin:40px 0 0 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: 1300px;height: 132px;background-image:url('../images/event01/num_bg.png');margin:0 0 0 0;font-size:28px;font-weight:400;top:-100px;transition:.5s all;} section.event01 .contents_wrapper > .join_wrapper.on {top:50px;} section.event01 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;justify-content: center;align-items: center;color: #555555;gap: 0 5px;height:100%;} 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: 800;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:1300px;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:314px;height:392px;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:280px;height:320px;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 .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:9;display:flex;justify-content:center;align-items:start;font-family:'Pretendard',sans-serif;} section.event01 .evt_pop .evt_pop_wrapper{position:relative;width:1000px;height:712px;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:1000px;height:606px;background-image:url('../images/event01/pop_bg.png');padding:40px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;} section.event01 .evt_pop .evt_pop_wrapper .evt_pop_wrap .title_wrap{position:relative;left:20px;height:82px;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;gap:0 24px;} section.event01 .evt_pop .evt_pop_wrapper .evt_pop_wrap .cont_wrap::before {position:absolute;content:'';background-image:url('../images/event01/character.png');width:208px;height:147px;left:40px;top:41px;} 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 img{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:26px;} 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:40px;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 .pic_gallery .popDetailSwiper .swiper-slide{border-radius:16px;overflow:hidden;} 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/event03/btn_prev.png');width:50px;height:50px;left:-70px;top:125px;cursor:pointer;} section.event01 .evt_pop .evt_pop_detail_wrapper .evt_pop_detail_wrap .pic .btn_next{position:absolute;background-image:url('../images/event03/btn_next.png');width:50px;height:50px;right:-70px;top:125px;cursor:pointer;} 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;} /* 팝업 */ .ctag {width:95px;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 */ /* 이벤트 02 */ section.event02 {position: relative;width: 100%;height:1691px;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:683px;background-image:url('../images/event02/bg_photo01.png');height:596px;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;margin: 40px 0 40px 0;width: 1300px;justify-content: space-between;z-index: 2;} section.event02 .contents_wrapper .event_cont_wrapper {position:relative;width:100%;z-index:12;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width:100%;height:700px;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:center;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:2;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01{position:relative;background-image:url('../images/event02/event_cover.png');width:1300px;height:700px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01 .step_bar{display:flex;padding:20px 40px;box-sizing:border-box;font-size:32px;font-weight:600;align-items:center;} 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?v=1');} 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?v=1');} 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?v=1');} 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?v=1');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01 .pic_wrap .select_pic.pic01.on{background-image:url('../images/event02/pic01_on.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01 .pic_wrap .select_pic.pic02.on{background-image:url('../images/event02/pic02_on.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01 .pic_wrap .select_pic.pic03.on{background-image:url('../images/event02/pic03_on.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01 .pic_wrap .select_pic.pic04.on{background-image:url('../images/event02/pic04_on.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');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01 .pic_wrap .select_pic.pic01:hover{background-image:url('../images/event02/pic01_on.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01 .pic_wrap .select_pic.pic02:hover{background-image:url('../images/event02/pic02_on.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01 .pic_wrap .select_pic.pic03:hover{background-image:url('../images/event02/pic03_on.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01 .pic_wrap .select_pic.pic04:hover{background-image:url('../images/event02/pic04_on.png');} /* 질문1 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest{position:relative;background-image:url('../images/event02/event_cover.png');width:1300px;height:700px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest .step_bar{display:flex;padding:20px 40px;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 .quest{display:flex;flex-direction:column;padding:48px 40px 0 40px;box-sizing:border-box;gap:24px 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:196px;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:652px;height:104px;border:4px solid #111111;box-sizing:border-box;border-radius:8px;text-align:center;font-size:40px;color:#111111;font-weight:600;} 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 40px;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.png');width:1300px;height:700px;font-family:'Pretendard',sans-serif;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step01_quest_result .step_bar{display:flex;padding:20px 40px;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 .title {font-size:64px;color:#0D00BC;font-weight:700;display:flex;justify-content:center;margin:40px 0 0 0;} 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 40px;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 40px;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:relative;width:357px;height:86px;background-image:url('../images/event02/btn_join.png');cursor:pointer;} 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_cover.png');width:1300px;height:700px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest .step_bar{display:flex;padding:20px 40px;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 .q{display:flex;flex-wrap:wrap;padding:48px 40px 0 40px;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:24px 40px 0 40px;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:287px;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:hover{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 .quest .rdo_group:hover .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 40px;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.png');width:1300px;height:700px;font-family:'Pretendard',sans-serif;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step02_quest_result .step_bar{display:flex;padding:20px 40px;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 .title {font-size:64px;color:#0D00BC;font-weight:700;display:flex;justify-content:center;margin:40px 0 0 0;} 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 40px;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: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 .step02_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 .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 40px;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:relative;width:357px;height:86px;background-image:url('../images/event02/btn_join.png');cursor:pointer;} 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_cover.png');width:1300px;height:700px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest .step_bar{display:flex;padding:20px 40px;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 .q{display:flex;flex-wrap:wrap;padding:48px 40px 0 40px;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 40px 0 40px;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:680px;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:189px;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:516px;justify-content:space-between;gap:12px 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:252px;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:hover{border:6px solid #002AD2;} 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 40px;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.png');width:1300px;height:700px;font-family:'Pretendard',sans-serif;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step03_quest_result .step_bar{display:flex;padding:20px 40px;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 .title {font-size:64px;color:#0D00BC;font-weight:700;display:flex;justify-content:center;margin:40px 0 0 0;} 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 40px;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: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 .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:170px;height:48px;border-radius:12px;justify-content:center;align-items:center;background:#002AD2;color:#FFFFFF;font-size:32px;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: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 .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 40px;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:relative;width:357px;height:86px;background-image:url('../images/event02/btn_join.png');cursor:pointer;} 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_cover.png');width:1300px;height:700px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest .step_bar{display:flex;padding:20px 40px;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 .q{display:flex;flex-wrap:wrap;padding:48px 40px 0 40px;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-wrap:wrap;padding:24px 40px 0 40px;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:680px;height:322px;box-sizing:border-box;border:2px solid #E9E9E9;text-align:center;padding:60px 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:516px;justify-content:space-between;gap:12px 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:246px;height:322px;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 .step04_quest .quest .right_part .chk_item:hover{border:6px solid #002AD2;} 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 40px;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.png');width:1300px;height:700px;font-family:'Pretendard',sans-serif;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest_result .step_bar{display:flex;padding:20px 40px;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 .title {font-size:64px;color:#0D00BC;font-weight:700;display:flex;justify-content:center;margin:40px 0 0 0;} 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 40px;box-sizing:border-box;margin:40px 0 0 0;height:290px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest_result .answer .a_txt{width:100%;height:290px;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:400;font-size:32px;gap:0 48px;line-height:1.5;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_bg .step04_quest_result .answer .a_txt .a_r{width:420px;text-align:center;} 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;padding-left:20px;font-size:24px;} 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:12px;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 40px;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:relative;width:357px;height:86px;background-image:url('../images/event02/btn_join.png');cursor:pointer;} 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: 1300px;height: 132px;bottom:120px;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;justify-content: center;align-items: center;color: #555555;gap: 0 5px;height:100%;} 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: 800;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;} /* 이벤트 03 */ /* 이벤트 03 */ section.event03 {position: relative;width: 100%;height:1723px;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;margin: 40px 0 60px 0;width: 1300px;justify-content: space-between;z-index: 2;} section.event03 .contents_wrapper .event_cont_wrapper {position:relative;width:100%;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width:1300px;height:700px;margin: 0 0 0 0;display:flex;align-items:center;justify-content:center;background-image:url('../images/event03/cover.png');} /* 시작 */ section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_start{display:flex;flex-direction:column;gap:40px 0;justify-content:center;} 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;height:338px;gap:0 40px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_start .pic_wrap > div{width:480px;height:358px;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:hover{background-image:url('../images/event03/char01_on.png')} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_start .pic_wrap > div.char02:hover{background-image:url('../images/event03/char02_on.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:1300px;height:700px;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:251px;height:164px;} 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:89px;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:89px;height:120px;background-image:url('../images/event03/m_char02.png');left:86px;top:34px;z-index:10;} 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:16px;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:251px;height:164px;} 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:16px;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:251px;height:164px;} 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:251px;height:164px;} 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%;} 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:75px;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');} 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');} 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');} 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');} 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');} 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');} 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');} 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');} 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');} 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');} 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');} 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');} 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');} 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;align-items:center;gap:0 90px;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 1 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');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');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');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');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:388px;height:106px;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: 1300px;height: 132px;bottom:120px;background-image:url('../images/event01/num_bg.png');font-size:28px;font-weight:400;} section.event03 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;justify-content: center;align-items: center;color: #555555;gap: 0 5px;height:100%;} 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: 800;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;} 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;} 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;} 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;} 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.sports {position: relative;width: 100%;height:818px;background:#F6F6F6;} section.sports .contents_wrapper {display: flex;flex-direction:column;width: 100%;height: 100%;align-items: center;justify-content:start;padding: 60px 0 0 0;} section.sports .contents_wrapper .site_wrapper{width:1300px;display:flex;margin:40px 0 0 0;} section.sports .contents_wrapper .site_wrapper .site{display:flex;flex-direction:column;gap:10px 0;align-items:center;} /* 스포츠 */ /* 페스트벌 */ section.festival {position: relative;width: 100%;height:932px;background:#FFFFFF;} section.festival .contents_wrapper {display: flex;flex-direction:column;width: 100%;height: 100%;align-items: center;justify-content:start;padding: 60px 0 0 0;} section.festival .contents_wrapper .movie{width:1300px;height:700px;background:#111111;border-radius:20px;overflow:hidden;margin-top:40px;} /* 페스트벌 */ /* 투어 */ section.tour {position: relative;width: 100%;height:1189px;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 0 0 0;} section.tour .contents_wrapper .title{margin-bottom:40px;} section.tour .contents_wrapper .tabs_wrapper{display:flex;flex-wrap:wrap;width:1300px;margin:0 auto;justify-content:space-between;gap:20px 0;} section.tour .contents_wrapper .tabs_wrapper .tab{position:relative;background:#FFFFFF;padding:0 44px;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 .tab.on{background:#002AD2;font-weight:600;color:#FFFFFF;border:1px solid #002AD2;} section.tour .contents_wrapper .tabs_wrapper .tab:hover{background:#002AD2;font-weight:600;color:#FFFFFF;border:1px solid #002AD2;} section.tour .contents_wrapper .gallery_wrapper {position:relative;width:1300px;height:703px;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:700;color:#111111;} section.tour .contents_wrapper .gallery_wrapper .gallery_wrap{position:relative;width:1120px;height:500px;border-radius:20px;overflow:hidden;} section.tour .contents_wrapper .gallery_wrapper .exp_title{color:#777777;font-size:24px;font-weight:500;margin-top:20px;} section.tour .contents_wrapper .gallery_wrapper .btn_prev{position:absolute;left:20px;top:325px;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:325px;width:50px;height:50px;background-image:url('../images/tour/btn_next.png');cursor:pointer;} /* 투어 */ /* 카카오 친구 */ section.friends {position: relative;width: 100%;height:898px;background-image: url('../images/friends/bg.png');} section.friends .contents_wrapper {display: flex;width: 100%;height: 100%;align-items: start;justify-content:center;padding: 120px 0 0 0;} section.friends .contents_wrapper .left_part{background-image:url('../images/friends/hp.png');width:699px;height:778px;} section.friends .contents_wrapper .right_part{position:relative;margin-left:-20px;padding:88px 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{text-align:left;} section.friends .contents_wrapper .right_part .word_wrap .w02{text-align:right;} section.friends .contents_wrapper .right_part .btns_wrap {position:absolute;width:100%;height:100%;display:flex;justify-content:center;margin-top:40px;} section.friends .contents_wrapper .right_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 .right_part .btns_wrap .btn_add a{display:block;width:100%;height:100%;} section.friends .contents_wrapper .right_part .btns_wrap .btn_add .hand{right:-20px;bottom:-30px;} /* 카카오 친구 */ /* SNS */ section.sns { position: relative; width: 100%; height: 752px; background-image: url('../images/sns/bg.png'); } section.sns .contents_wrap { display: flex; flex-direction: column; width: 100%; height: 100%; align-items: center; justify-content: center; } section.sns .contents_wrap .title { margin-bottom: 80px; } section.sns .contents_wrap .sns_wrap { } section.sns .contents_wrap .sns_wrap ul { display: flex; gap: 0 70px; } /* SNS */ /* 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: 40px 0;font-family: 'ONE-Mobile-Title';text-align: center;font-weight: 500;} section.snsshare .contents_wrap > .sns_wrapper {position: relative;} section.snsshare .contents_wrap > .sns_wrapper > ul {display: flex;gap: 0 20px;} /* 참여 정보 */ section.sec-join-info { position: relative; width: 100%; height: 208px; display: flex; justify-content: center; font-size: 32px; 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: 300; font-size: 32px; margin-right: 5px; margin-top: -5px; } section.sec-join-info span._visit_all_cnt { color: #0A91F8; margin-left: 10px; margin-right: 10px; margin-top: -10px; font-family: 'ONE-Mobile-Title'; line-height: 0; } section.sec-join-info span._join_all_cnt { color: #029121; margin-left: 10px; margin-right: 10px; margin-top: -20px; font-family: 'ONE-Mobile-Title'; } section.sec-join-info div span { font-size: 56px; font-weight: 900; font-family: "ONE-Mobile-Title",sans-serif; padding: 0 0 0 5px; } /* 참여 정보 */ /* 접속 정보 */ section.sec-connect-info { position: relative; width: 100%; height: 100px; display: flex; justify-content: center; align-items: center; color: #222222; background-color: #DFDFDF; font-family: 'Pretendard'; font-size: 32px; } section.sec-connect-info div { font-weight: 800; display: flex; align-items: center; } section.sec-connect-info span.area { color: #0A91F8; font-size:36px; padding:0 5px; font-weight:800; } /* 참여 정보 */ /* SNS */ .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: 162px; display: flex; justify-content: center; align-items: center; background: #f0f0f0; color: #555555; font-size: 18px; } section.sec-copyright > .copyright { width: 1400px; } section.sec-copyright > .copyright ul { } section.sec-copyright > .copyright ul li { float: left; width: 60%; margin-bottom: 10px; } section.sec-copyright > .copyright ul li:first-child { color: #262630; font-size: 20px; font-weight: 500; font-family: 'Pretendard',sans-serif; } section.sec-copyright > .copyright ul li:nth-child(2n+2) { text-align: right; width: 40%; } section.sec-copyright > .copyright ul li:nth-child(4) { display: flex; justify-content: end; } section.sec-copyright > .copyright ul li:nth-child(4) > div { text-align: right; margin-left: 10px; } section.sec-copyright > .copyright ul li:nth-child(4) span { color: #555555; font-weight: 800; font-family: 'Pretendard',sans-serif; } /* 고정 메뉴 */ .navigator_wrapper { position: fixed;left: 0;bottom: 0;width: 100%;height: 110px;z-index: 15;bottom: 0;overflow: hidden;background:#002AD2;display:none; } .navigator_wrapper .cont_wrap {width: 100%;height: 100%;display: flex;justify-content: center;} .navigator_wrapper .cont_wrap .navi_wrap { width: 1300px; height: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 0; box-sizing: border-box; padding: 0 20px 0 30px; box-sizing: border-box; } .navigator_wrapper .cont_wrap .navi_wrap > li { position: relative; flex: 1; box-sizing: border-box; height: 100%; display: flex; justify-content: center; align-items: center; } .navigator_wrapper .cont_wrap .navi_wrap > li > .n_menu { position: relative; width: 83px; height: 44px; cursor: pointer; z-index: 3; background-image: url('../images/allmenu.png'); background-repeat: no-repeat; } .navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(1) { margin-right: 34px; } .navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(2) { margin-right: 16px; } .navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(3) { margin-right: 16px; } .navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(4) { margin-right: 16px; } .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; } .n_menu_list { position: fixed; bottom: -800px; z-index: 99; background: #0c0d79; width: 500px; box-sizing: border-box; font-size: 22px; } .n_menu_list.on { bottom: 0; } .n_menu_list > .n_menu.close { float: right; background-image: url('../images/gnb_close.png'); width: 46px; height: 46px; display: inline-block; margin-top: 13px; margin-right: 20px; cursor: pointer; } .n_menu_list > .m_list { width: 100%; display: flex; flex-wrap: wrap; padding: 10px 0 0 0; box-sizing: border-box; text-align: center; display: flex; flex-direction: column; } .n_menu_list > .m_list a { color: #FFFFFF; } .n_menu_list > .m_list div { border-bottom: 2px solid #D9D9D9; width: 433px; margin: 0 auto; padding: 15px 0; } .n_menu_list > .m_list a:last-child div { border-bottom: 0; } .n_menu_list > .m_list div > span { display: flex; cursor: pointer; position: relative; width: 433px; height: 80px; line-height: 1.4; align-items: center; justify-content: start; text-align: left; padding-left: 20px; box-sizing: border-box; } .n_menu_list > .m_list div > span a { display: block; font-size: 23px; color: #FFFFFF; font-weight: 500; letter-spacing: -.5px; text-align: left; } .n_menu_list > .m_list div > span { position: relative; } .n_menu_list > .m_list div > span::after { content: ''; width: 80px; height: 80px; position: absolute; left: 10px; top: 0; } .n_menu_list > .m_list div.on { background-color: rgba(255,255,255,.1); } /* 고정 메뉴 */ /* 기타 */ .join_info_wrapper { position: absolute; bottom: 0; width: 100%; text-align: center; } .join_info_wrapper.evt01 { bottom: 150px; } .join_info_wrapper.evt01 .join_info { background: #dbf7da; border-radius: 50px; color: #333333; display: inline-block; padding: 0 30px; font-size: 24px; height: 92px; line-height: 92px; vertical-align: middle; border: 2px solid #3fa03b; } .join_info_wrapper.evt02 { bottom: 124px; } .join_info_wrapper.evt02.result { bottom: 30px; } .join_info_wrapper.evt02 .join_info { background: #bdddf3; border-radius: 40px; color: #071b28; display: inline-block; padding: 0 30px; font-size: 22px; height: 63px; line-height: 63px; vertical-align: middle; } .join_info_wrapper.evt03 { bottom: 150px; } .join_info_wrapper.evt03 .join_info { background: #3bd368; border-radius: 40px; color: #071b28; display: inline-block; padding: 0 30px; font-size: 22px; height: 63px; line-height: 63px; vertical-align: middle; } .join_info_wrapper .join_info span.num { font-size: 40px; color: #125400; font-weight: 900; } .join_info_wrapper .join_info span.b { font-size: 27px; font-weight: 700; } .hand { position: absolute;z-index: 5;animation: 1.5s zoom ease-in-out infinite;animation-delay: 0.5s;width: 106px;height: 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%; } .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; z-index:999; } .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: 32px; 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: #7D7D83; } .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=2) no-repeat 0 0; background-position: center bottom; } .pu_event_info .checks input[type="checkbox"]:checked + label:after { background: url(../images/cb_on.png?v=2) no-repeat 0 0; background-position: center bottom; } .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; background-position: center bottom; } .pu_event_done { width: 640px; display: none; z-index:999; } .pu_event_done .ph { width: 100%; } .pu_event_done .ph a{ display:block; position:relative; } .pu_event_done .ph a .hand{ right:170px; bottom:-40px; } .pu_event_done .ph .confirm { position: relative; width: 100%; height: 70px; line-height:70px; font-size:30px; font-weight:600; background:#000; color:#FFFFFF; text-align:center; } .pu_event_done .ph .close { position: absolute; background-image: url('../images/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 .btn_wrap .btn a { display: block; width: 100%; height: 100%; } .pu_event_done.e01 { background: #000000; } .pu_event_done.e02 { background: #000000; } .pu_event_done.e03 { background: #000000; } .tc { text-align: center; } .site_scroll{ position: absolute; bottom: 20px; right:150px; background-image:url('../images/scroll.png'); width:70px; height:119px; animation:1.2s scroll infinite linear forwards }