body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #FFFFFF; } body::after{ position:absolute; width:0; height:0; overflow:hidden; z-index:-1; content: ; } .htmlWrapper {width:100%;max-width:720px;margin:0 auto;padding-bottom:110px;position:relative;overflow:hidden;} .htmlWrapper section {background-position:center;overflow:hidden;} /* 상단 */ .htmlWrapper section.top_wrapper {position:fixed;display:flex;justify-content:center;align-items:center;width:100%;height:80px;box-sizing:border-box;z-index:10;background:#F6F6F6;font-size:18px;font-family:'Pretendard';overflow:visible;} .htmlWrapper section.top_wrapper > .hx_top{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px 0;color:#888888;} .htmlWrapper section.top_wrapper > .hx_top .l_wrap{display:flex;align-items:center;} .htmlWrapper section.top_wrapper > .hx_top span{font-size:18px;font-weight:500;font-family:'ONE-Mobile-Title';} .htmlWrapper section.top_wrapper > .hx_top span.first{position:relative;top:3px;} .htmlWrapper section.top_wrapper > .hx_top i{margin-top:3px;margin-right:10px;} .htmlWrapper section.top_wrapper > .hx_top .hx_txt{position:absolute;top:0px;} .htmlWrapper section.top_wrapper > .hx_top b{font-size:22px;color:#222222;} /* Visual */ /* Visual */ .htmlWrapper section.visual_wrapper {position: relative;width: 100%;height:550px;overflow:hidden;} .htmlWrapper section.visual_wrapper .contents_wrap {position: relative;width: 100%;height: 100%;overflow:hidden;background:#000;} .htmlWrapper section.visual_wrapper .contents_wrap .main_txt{position:absolute;z-index:3;width:100%;text-align:center;padding:100px 0 0 0;transform:scale(.8);} .htmlWrapper section.visual_wrapper .contents_wrap iframe {position:relative;width: 100%;height: 100%;object-fit: fill;} .htmlWrapper section.visual_wrapper .cover {position:absolute;width: 100%;height: 100%;left:0;bottom:0;z-index:1;background-image:url('../images/visual/cover.png');background-position:center bottom;background-repeat:no-repeat;display:flex;align-items:end;justify-content:center;} .htmlWrapper section.visual_wrapper .cover .char_wrap{position:relative;width:1400px;margin:0 auto;} .htmlWrapper section.visual_wrapper .cover .char01 {position:absolute;width: 57px;height: 73px;left:200px;bottom:20px;z-index:1;background-image:url('../images/visual/char01.png');animation:10s move_char01 infinite linear forwards;} .htmlWrapper section.visual_wrapper .cover .char01 .heart{position:absolute;width: 15px;height: 13px;left:-15px;top:15px;background-image:url('../images/visual/heart.png');animation:1s zoom infinite linear forwards;} .htmlWrapper section.visual_wrapper .cover .char02 {position:absolute;width: 92px;height: 89px;right:20px;;bottom:0;z-index:1;background-image:url('../images/visual/char02.png');} .htmlWrapper section.visual_wrapper .cover .char02 .heart01{position:absolute;width: 13px;height: 11px;left:8px;top:40px;background-image:url('../images/visual/heart01.png');animation:1s zoom infinite linear forwards;} .htmlWrapper section.visual_wrapper .cover .char02 .heart02{position:absolute;width: 13px;height: 12px;right:8px;top:30px;background-image:url('../images/visual/heart02.png');animation:1s zoom infinite linear forwards;} /* Visual */ /* 다음 */ section.daum {position: relative;width: 100%;height: 288px;background:#CCED96;top:-2px;} section.daum .contents_wrap {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;justify-content: center;} section.daum .contents_wrap .title {} section.daum .contents_wrap .box {position: relative;margin-top: 16px;width: 680px;height: 64px;background-image: url('../images/daum/cover.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: 15px;line-height: 36px;font-family: 'Pretendard',sans-serif;font-weight: 600;font-size: 28px;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: 57px;margin-top: 16px;} /* 다음 */ /* 으뜸촌 */ section.town {position: relative;width: 100%;height: 760px;background-image:url('../images/town/bg.jpg');} section.town .contents_wrap {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;justify-content: start;} section.town .contents_wrap .item01{position:absolute;background-image:url('../images/town/pic01.png');width:168px;height:146px;left:0;top:60px;} section.town .contents_wrap .item02{position:absolute;background-image:url('../images/town/pic02.png');width:188px;height:180px;right:-20px;top:96px;} section.town .contents_wrap .item03{position:absolute;background-image:url('../images/town/pic03.png');width:277px;height:231px;left:0;bottom:220px;} section.town .contents_wrap .item04{position:absolute;background-image:url('../images/town/pic04.png');width:283px;height:249px;right:-10px;bottom:217px;} section.town .contents_wrap .btn_go{position:absolute;background-image:url('../images/town/go.png');width:441px;height:245px;bottom:13px;margin-bottom:19px;} section.town .contents_wrap .char{position:absolute;background-image:url('../images/town/char.png');width:282px;height:152px;bottom:13px;left:20px;} /* 으뜸촌 */ /* 이벤트 01 */ section.event01 {position: relative;width: 100%;height:3427px;background-image: url('../images/event01/bg.jpg');background-position:top;top:-1px;} section.event01 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding: 120px 0 0 0;} section.event01 .contents_wrapper > div {position:relative;display: flex;flex-direction: column;width: 100%;background-position: center top;align-items: center;} section.event01 .contents_wrapper .schedule_wrap {display: flex;flex-direction:column;align-items:center;margin: 40px 0 0 0;gap:40px 0;z-index: 2;} section.event01 .contents_wrapper .event_cont_wrapper .event_title{margin:68px 0 0 0;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width: 100%;margin: 40px 0 0 0;display:flex;flex-direction:column;align-items:center;gap:40px 0;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .left_part{display:flex;flex-wrap:wrap;width:616px;height:616px;justify-content:space-between;gap:16px 0;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .left_part .item {width:300px;height:300px;cursor:pointer;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .left_part .item.item01 {background-image:url('../images/event01/item01.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .left_part .item.item02 {background-image:url('../images/event01/item02.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .left_part .item.item03 {background-image:url('../images/event01/item03.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .left_part .item.item04 {background-image:url('../images/event01/item04.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .left_part .item.item01.on {background-image:url('../images/event01/item01_on.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .left_part .item.item02.on {background-image:url('../images/event01/item02_on.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .left_part .item.item03.on {background-image:url('../images/event01/item03_on.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .left_part .item.item04.on {background-image:url('../images/event01/item04_on.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .left_part .num_wrap{position:absolute;font-size:40px;color:#FFFFFF;top:286px;left:324px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .left_part .num_wrap .cur_num{font-weight:700;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .left_part .num_wrap .sep{opacity:.8;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .left_part .num_wrap .tot{opacity:.8;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part{width:644px;height:616px;background:#FFFFFF;border-radius:100px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:24px 0;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap .ttl{} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.cover .btn{position:relative;width:558px;height:114px;background-image:url('../images/event01/btn_guide.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.cover .btn .arrow{position:absolute;left:16px;top:12px;width:90px;height:90px;background-image:url('../images/event01/arrow.png');animation:1s zoom infinite linear forwards} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.txt {position:relative;width:564px;height:120px;background-image:url('../images/event01/btn_go.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.set.type01 .txt{position:relative;width:414px;height:121px;background-image:url('../images/event01/txt01.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.set.type02 .txt{position:relative;width:574px;height:89px;background-image:url('../images/event01/txt02.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.set.type03 .txt{position:relative;width:432px;height:178px;background-image:url('../images/event01/txt03.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.set.type04 .txt{position:relative;width:356px;height:81px;background-image:url('../images/event01/txt04.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.set .btn_go{position:relative;width:564px;height:120px;background-image:url('../images/event01/btn_go.png');margin:40px 0 0 0;cursor:pointer;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.set.type02 .btn_go{background-image:url('../images/event01/btn_go02.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.set.type03 .btn_go{background-image:url('../images/event01/btn_go03.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.set.type04 .btn_go{background-image:url('../images/event01/btn_go04.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.set .btn_go .go{position:absolute;top:24px;right:42px;width:162px;height:72px;background-image:url('../images/event01/go.png');animation:1s zoom infinite linear forwards} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap .step_bar{width:100%;display:flex;justify-content:space-between;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap .step_bar > div{width:56px;height:56px;display:flex;justify-content:center;align-items:center;background:#999999;font-size:32px;border-radius:50%;color:#FFFFFF;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap .step_bar > div.on{background:#43A53C;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap .btns_wrap{position:absolute;width:100%;bottom:40px;left:0;display:flex;justify-content:space-between;padding:0 40px;box-sizing:border-box;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap .btns_wrap > div{cursor:pointer;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap .btns_wrap .btn_prev{width:146px;height:56px;background-image:url('../images/event01/btn_prev.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap .btns_wrap .btn_next{width:136px;height:56px;background-image:url('../images/event01/btn_next.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap .btns_wrap .btn_next .hand{right:-20px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step01{position:relative;width:100%;justify-content:start;padding:40px 40px 0 40px;box-sizing:border-box;gap:30px 0;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step01.type03{gap:57px 0;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step01 .exp {color:#555555;font-size:24px;text-align:center;line-height:1.3;font-weight:700;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step02{position:relative;width:100%;justify-content:start;padding:40px 40px 0 40px;box-sizing:border-box;gap:20px 0;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step02 .quiz{color:#3B2D26;display:flex;flex-direction:column;align-items:center;width:564px;height:328px;background:#E2F3E1;border-radius:32px;padding:20px 14px;box-sizing:border-box;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step02.type02 .quiz{height:386px;justify-content:space-between;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step02.type03 .quiz{height:386px;justify-content:space-between;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step02.type04 .quiz{height:357px;justify-content:space-between;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step02 .quiz .qttl{font-weight:700;font-size:28px;margin-bottom:8px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step02 .quiz .quest{position:relative;font-weight:500;font-size:24px;padding-left:25px;letter-spacing:-2px;line-height:1.4;text-align:center;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step02 .quiz .quest span.q::before{position:relative;content:'Q.';font-weight:800;left:0;margin-right:5px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step02 .quiz .ans_wrap{display:flex;flex-wrap:wrap;width:524px;justify-content:space-between;gap:10px 0;margin:32px 0 0 0;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step02 .quiz .ans_wrap.type02{margin:12px 0 0 0;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step02 .quiz .ans_wrap.type03{margin:12px 0 0 0;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step02 .quiz .ans_wrap .ans{width:256px;height:73px;border-radius:16px;background:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;gap:0 8px;border:6px solid #FFFFFF;box-sizing:border-box;cursor:pointer;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step02 .quiz .ans_wrap.type02 .ans{font-size:20px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step02 .quiz .ans_wrap.type03 .ans{font-size:21px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step02 .quiz .ans_wrap .ans.on{border:6px solid #43A53C;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step02 .quiz .ans_wrap .ans span{display:inline-block;width:32px;height:32px;border-radius:50%;background:#3B2D26;font-weight:700;color:#FFFFFF;font-size:26px;display:flex;justify-content:center;align-items:center;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step03{position:relative;width:100%;justify-content:start;padding:40px 40px 0 40px;box-sizing:border-box;gap:20px 0;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step03 .answer{color:#3B2D26;display:flex;flex-direction:column;align-items:center;width:564px;height:328px;background:#E2F3E1;border-radius:32px;padding:20px 14px;box-sizing:border-box;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step03 .answer .ans_result_wrap{display:flex;justify-content:space-between;width:524px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step03 .answer .ans_result_wrap .box{width:254px;height:112px;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step03 .answer .ans_result_wrap .box .txt{width:100%;height:48px;line-height:48px;text-align:center;background:#3B2D26;color:#FFFFFF;font-size:24px;font-weight:500;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step03 .answer .ans_result_wrap .box .atxt{width:100%;height:64px;background:#FFFFFF;display:flex;justify-content:center;align-items:center;gap:0 8px;font-size:26px;font-weight:900;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step03 .answer.type03 .ans_result_wrap .box .atxt{font-size:21px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step03 .answer .ans_result_wrap .box .atxt span{display:inline-block;width:32px;height:32px;border-radius:50%;background:#3B2D26;font-weight:700;color:#FFFFFF;font-size:26px;display:flex;justify-content:center;align-items:center;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step03 .answer .attl{margin:20px 0 12px 0;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap.step03 .answer .ans{text-align:center;font-size:24px;font-weight:500;line-height:1.4;color:#3B2D26;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap .btns_wrap .btn_retry{width:143px;height:56px;background-image:url('../images/event01/btn_retry.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap .btns_wrap .btn_other_keyword{width:167px;height:56px;background-image:url('../images/event01/btn_other_keyword.png');} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .right_part .cont_wrap .btns_wrap .btn_join{width:156px;height:56px;background-image:url('../images/event01/btn_join.png');} section.event01 .contents_wrapper > .join_wrapper {position: absolute;bottom:620px;width: 712px;height: 168px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background-image:url('../images/event01/bg_num.png');font-family:"Pretendard",sans-serif;} section.event01 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;flex-direction:column;justify-content: center;align-items: center;gap: 8px 0;} section.event01 .contents_wrapper > .join_wrapper .join_wrap .first{display:flex;align-items:center;} section.event01 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;} section.event01 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #43A53C;font-weight: 800;font-size: 40px;line-height: 0.7;} section.event01 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 32px;color: #000000;} /* 이벤트 01 */ /* 이벤트 02 */ section.event02 {position: relative;width: 100%;height: 2675px;background-image: url('../images/event02/bg.jpg?v=1');} section.event02 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding: 80px 0 0 0;} section.event02 .contents_wrapper > div {display: flex;flex-direction: column;width: 100%;background-position: center top;align-items: center;} section.event02 .contents_wrapper .schedule_wrap {display: flex;flex-direction:column;align-items:center;gap:40px 0;margin: 40px 0 0 0;z-index: 2;} section.event02 .contents_wrapper .event_cont_wrapper .event_title{margin:73px 0 0 0;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap{width:696px;height:911px;margin:20px 0 0 0;background-image:url('../images/event02/map.png');display:flex;justify-content:center;padding:40px 0 0 0;box-sizing:border-box;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper{position:relative;width:100%;height:690px;display:flex;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .left_part{position:absolute;left:43px;margin-top:80px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .left_part .ditem_wrap{position:relative;width:271px;height:155px;cursor:pointer;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .left_part .ditem{position:relative;width:271px;height:155px;cursor:pointer;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .left_part .ditem .hand{right:-20px;bottom:0px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .left_part .ditem.d01{background-image:url('../images/event02/item01.png');z-index:3;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .left_part .ditem.d02{background-image:url('../images/event02/item02.png');z-index:2;top:-25px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .left_part .ditem.d03{background-image:url('../images/event02/item03.png');z-index:1;top:-50px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .left_part .ditem.d04{background-image:url('../images/event02/item04.png');z-index:1;top:-75px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .left_part .ditem.d05{background-image:url('../images/event02/item05.png');z-index:2;top:-100px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .left_part .ditem.d01.active .hand{animation:1.5s place01 infinite linear forwards;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .left_part .ditem.d02.active .hand{animation:1.5s place02 infinite linear forwards;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .left_part .ditem.d03.active .hand{animation:1.5s place03 infinite linear forwards;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .left_part .ditem.d04.active .hand{animation:1.5s place04 infinite linear forwards;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .left_part .ditem.d05.active .hand{animation:1.5s place05 infinite linear forwards;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .left_part .ditem.d01.on{width:530px;height:168px;background-image:url('../images/event02/item01_on.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .left_part .ditem.d02.on{width:530px;height:168px;background-image:url('../images/event02/item02_on.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .left_part .ditem.d03.on{width:530px;height:168px;background-image:url('../images/event02/item03_on.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .left_part .ditem.d04.on{width:530px;height:168px;background-image:url('../images/event02/item04_on.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .left_part .ditem.d05.on{width:530px;height:168px;background-image:url('../images/event02/item05_on.png');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap{position:absolute;width:100%;height:100%;left:0;top:0;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark{position:absolute;width:200px;height:100px;background-position:center;background-repeat:no-repeat;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark.mark01{} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark.mark01 .map{position:absolute;background-image:url('../images/event02/mark01.png');width:50px;height:64px;transform:scale(.7);} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark.mark02{} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark.mark02 .map{position:absolute;background-image:url('../images/event02/mark02.png');width:50px;height:64px;transform:scale(.7);} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark.mark03{} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark.mark03 .map{position:absolute;background-image:url('../images/event02/mark03.png');width:50px;height:64px;transform:scale(.7);} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark.mark04{} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark.mark04 .map{position:absolute;background-image:url('../images/event02/mark04.png');width:50px;height:64px;transform:scale(.7);} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark.mark05{} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark.mark05 .map{position:absolute;background-image:url('../images/event02/mark05.png');width:50px;height:64px;transform:scale(.7);} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map1{top:200px;left:500px;} /* 횡성 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map2{top:300px;left:550px;} /* 영월 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map3{top:180px;left:540px;} /* 인재 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map4{top:2880px;left:300px;} /* 충주 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map5{top:360px;left:440px;} /* 서산 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map6{top:430px;left:320px;} /* 정읍 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map7{top:460px;left:390px;} /* 남원 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map8{top:400px;left:390px;} /* 진안 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map9{top:470px;left:370px;} /* 순창 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map10{top:430px;left:310px;} /* 부안 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map11{top:540px;left:310px;} /* 나주 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map12{top:560px;left:290px;} /* 무안 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map13{top:500px;left:530px;} /* 창원 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map14{top:470px;left:510px;} /* 창녕 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map15{top:540px;left:505px;} /* 남해 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map16{top:110px;left:420px;} /* 연천 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map17{top:140px;left:350px;} /* 강화 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map18{top:220px;left:420px;} /* 양평 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map19{top:240px;left:450px;} /* 원주 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map20{top:240px;left:620px;} /* 강릉 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map21{top:410px;left:330px;} /* 김제 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map22{top:380px;left:350px;} /* 완주 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map23{top:120px;left:490px;} /* 양구 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map24{top:310px;left:540px;} /* 단양 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map25{top:370px;left:340px;} /* 부여 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map26{top:340px;left:320px;} /* 홍성 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map27{top:460px;left:380px;} /* 임실 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map28{top:170px;left:450px;} /* 가평 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map29{top:200px;left:410px;} /* 이천 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map30{top:280px;left:590px;} /* 정선 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map31{top:100px;left:420px;} /* 철원 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map32{top:270px;left:350px;} /* 아산 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map33{top:390px;left:380px;} /* 금산 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map34{top:320px;left:330px;} /* 청양 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map35{top:380px;left:350px;} /* 익산 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map36{top:400px;left:400px;} /* 무주 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map37{top:580px;left:330px;} /* 완도 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map38{top:290px;left:530px;} /* 영주 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map39{top:330px;left:480px;} /* 상주 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map40{top:420px;left:550px;} /* 경산 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map41{top:370px;left:550px;} /* 의성 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map42{top:430px;left:490px;} /* 고령 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map43{top:280px;left:560px;} /* 봉화 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map44{top:530px;left:480px;} /* 사천 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map45{top:470px;left:560px;} /* 밀양 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map46{top:510px;left:490px;} /* 의령 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map47{top:440px;left:460px;} /* 거창 */ #section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map48{top:460px;left:380px;} /* 제주시 */ #section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map49{top:460px;left:380px;} /* 서귀포 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map50{top:380px;left:390px;} /* 대전 중구 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map51{top:280px;left:290px;} /* 태안 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map52{top:480px;left:340px;} /* 담양 */ section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .mark_wrap .mark .map.map53{top:390px;left:320px;} /* 예천 */ section.event02 .contents_wrapper > .join_wrapper {position: absolute;bottom:260px;width: 712px;height: 168px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background-image:url('../images/event01/bg_num.png');font-family:"Pretendard",sans-serif;} section.event02 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;flex-direction:column;justify-content: center;align-items: center;gap: 8px 0;} section.event02 .contents_wrapper > .join_wrapper .join_wrap .first{display:flex;align-items:center;} section.event02 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;} section.event02 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #19C1E8;font-weight: 800;font-size: 40px;line-height: 0.7;} section.event02 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 32px;color: #000000;} section.event02 .evt_pop {position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:100;display:flex;justify-content:center;align-items:start;padding:50px 0 0 0;} section.event02 .evt_pop .evt_pop_content {position:relative;width:680px;height:844px;background:#FFFFFF;border-radius:40px;display:flex;flex-direction:column;align-items:center;padding:40px 0 0 0;box-sizing:border-box;} section.event02 .evt_pop .evt_pop_content .close{position:absolute;right:0;top:0;} section.event02 .evt_pop .evt_pop_content .title{position:relative;} section.event02 .evt_pop .evt_pop_content .title .tour_type{position:relative;} section.event02 .evt_pop .evt_pop_content .title .tour_type.type01{width:281px;height:44px;background-image:url('../images/event02/txt_type01.png');} section.event02 .evt_pop .evt_pop_content .title .tour_type.type02{width:264px;height:45px;background-image:url('../images/event02/txt_type02.png');} section.event02 .evt_pop .evt_pop_content .title .tour_type.type03{width:227px;height:44px;background-image:url('../images/event02/txt_type03.png');} section.event02 .evt_pop .evt_pop_content .title .tour_type.type04{width:281px;height:44px;background-image:url('../images/event02/txt_type04.png');} section.event02 .evt_pop .evt_pop_content .title .tour_type.type05{width:264px;height:44px;background-image:url('../images/event02/txt_type05.png');} section.event02 .evt_pop .evt_pop_content .product_list{position:relative;display:flex;flex-wrap:wrap;margin-top:20px;width:100%;height:610px;padding:0 40px;box-sizing:border-box;gap:40px 15px;overflow:auto;} section.event02 .evt_pop .evt_pop_content .product_list .product{position:relative;display:flex;flex-direction:column;flex-wrap:wrap;cursor:pointer;} section.event02 .evt_pop .evt_pop_content .product_list .product .pic{position:relative;width:290px;height:190px;border-radius:20px;background-position:center;} section.event02 .evt_pop .evt_pop_content .product_list .product .pic .pos{position:relative;display:inline-block;height:29px;padding:0 8px;box-sizing:border-box;background-color:rgba(0,0,0,.6);border-radius:100px;color:#FFFFFF;font-size:18px;line-height:29px;padding-left:24px;top:16px;left:16px;} section.event02 .evt_pop .evt_pop_content .product_list .product .pic .pos::before{position:absolute;content:'';background-image:url('../images/event02/pos.png');width:12px;height:16px;left:8px;top:6px;} section.event02 .evt_pop .evt_pop_content .product_list .product .title{position:relative;width:290px;padding:0 16px;box-sizing:border-box;font-size:22px;font-weight:600;color:#222222;margin:12px 0 5px 0;letter-spacing:-1px;} section.event02 .evt_pop .evt_pop_content .product_list .product .tag{position:relative;padding:0 16px;box-sizing:border-box;font-size:17px;color:#777777;text-overflow:ellipsis;overflow:hidden;width:280px;white-space:nowrap;} section.event02 .evt_pop .evt_pop_content .btn_wrap{position:absolute;bottom:10px} section.event02 .evt_pop .evt_pop_content .btn_wrap .btn_theme{position:relative;background-image:url('../images/event02/btn_theme.png');width:363px;height:104px;cursor:pointer;} section.event02 .evt_pop .evt_pop_content .btn_wrap .btn_theme .go{position:absolute;background-image:url('../images/event02/btn_pop_go.png');width:141px;height:64px;right:20px;top:20px;animation:1s zoom infinite linear forwards;} section.event02 .evt_pop_detail{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:100;display:flex;justify-content:center;align-items:start;margin:50px 0 0 0;} section.event02 .evt_pop_detail .evt_pop_content_detail{position:relative;width:680px;height:799px;background:#FFFFFF;border-radius:22px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:40px 0 0 0;box-sizing:border-box;} section.event02 .evt_pop_detail .evt_pop_content_detail .close{position:absolute;background-image:url('../images/event02/pop_close.png');width:24px;height:24px;right:20px;top:20px;cursor:pointer;} section.event02 .evt_pop_detail .evt_pop_content_detail .title{font-size:32px;font-weight:900;color:#3B2D26;} section.event02 .evt_pop_detail .evt_pop_content_detail .pic_gallery{position:relative;width:100%;height:328px;display:flex;justify-content:center;border-radius:8px;overflow:hidden;} section.event02 .evt_pop_detail .evt_pop_content_detail .pic_gallery .pic_wrapper{position:relative;width:500px;height:100%;border-radius:8px;overflow:hidden;} section.event02 .evt_pop_detail .evt_pop_content_detail .pic_gallery .pic_wrapper .pic{width:500px;height:328px;;} section.event02 .evt_pop_detail .evt_pop_content_detail .pic_gallery .btn_prev{position:absolute;left:20px;top:140px;width:50px;height:50px;background-image:url('../images/event02/btn_prev.png');cursor:pointer;} section.event02 .evt_pop_detail .evt_pop_content_detail .pic_gallery .btn_next{position:absolute;right:20px;top:140px;width:50px;height:50px;background-image:url('../images/event02/btn_next.png');cursor:pointer;} section.event02 .evt_pop_detail .evt_pop_content_detail .pic_gallery .swiper .btn_view{position:absolute;right:20px;bottom:20px;width:162px;height:48px;background-image:url('../images/event02/btn_view.png');cursor:pointer;z-index:6;} section.event02 .evt_pop_detail .evt_pop_content_detail .pic_gallery .swiper .btn_view a{display:block;width:100%;height:100%;} section.event02 .evt_pop_detail .evt_pop_content_detail .d_info{display:flex;flex-direction:column;gap:10px 0;width:500px;padding:0 18px;box-sizing:border;} section.event02 .evt_pop_detail .evt_pop_content_detail .d_info > div{position:relative;display:flex;gap:0 16px;font-size:24px;color:#777777;font-weight:500;} section.event02 .evt_pop_detail .evt_pop_content_detail .d_info > div span{position:relative;display:inline-block;color:#3B2D26;font-weight:600;} section.event02 .evt_pop_detail .evt_pop_content_detail .d_info > div:nth-child(1) span{padding-left:25px;} section.event02 .evt_pop_detail .evt_pop_content_detail .d_info > div:nth-child(1) span::before{position:absolute;content:'';display:inline-block;background-image:url('../images/event02/icon01.png');width:17px;height:22px;left:0;top:3px;} section.event02 .evt_pop_detail .evt_pop_content_detail .d_info > div:nth-child(2) span{padding-left:25px;} section.event02 .evt_pop_detail .evt_pop_content_detail .d_info > div:nth-child(2) span::before{position:absolute;content:'';display:inline-block;background-image:url('../images/event02/icon02.png');width:16px;height:22px;left:0;top:3px;} section.event02 .evt_pop_detail .evt_pop_content_detail .d_info > div:nth-child(3) span{padding-left:35px;} section.event02 .evt_pop_detail .evt_pop_content_detail .d_info > div:nth-child(3) span::before{position:absolute;content:'';display:inline-block;background-image:url('../images/event02/icon03.png');width:29px;height:21px;left:0;top:4px;} section.event02 .evt_pop_detail .evt_pop_content_detail .btns_wrap{position:relative;display:flex;bottom:-2px;} section.event02 .evt_pop_detail .evt_pop_content_detail .btns_wrap > div{width:340px;height:86px;cursor:pointer;} section.event02 .evt_pop_detail .evt_pop_content_detail .btns_wrap .btn_review{background-image:url('../images/event02/btn_review.png');} section.event02 .evt_pop_detail .evt_pop_content_detail .btns_wrap .btn_join{background-image:url('../images/event02/btn_join.png');} /* 이벤트 02 */ /* 이벤트 03 */ section.event03 {position: relative;width: 100%;min-height:3340px;background-image: url('../images/event03/bg.jpg?v=1');transition:1s all;background-repeat:no-repeat;background-color:rgba(107,75,52,1);background-position:top;} section.event03.row1 {height: 3100px;} section.event03.row2 {height: 3970px;} section.event03.row3 {height: 4870px;} section.event03.row4 {height: 4590px;} section.event03.row5 {height: 4900px;} section.event03.row6 {height: 6000px;} section.event03.row12 {height: 9180px;} section.event03 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding: 80px 0 0 0;} section.event03 .contents_wrapper > div {display: flex;flex-direction: column;width: 100%;background-position: center top;align-items: center;} section.event03 .contents_wrapper .schedule_wrap {display: flex;flex-direction:column;align-items:center;margin: 40px 0 0 0;z-index: 2;gap:40px 0;} section.event03 .contents_wrapper .event_cont_wrapper {position:relative;width: 100%;margin:84px 0 0 0;z-index:5;flex:1;} section.event03 .contents_wrapper .event_cont_wrapper .event_title{} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap{width:680px;margin:40px auto 0 auto;display:flex;flex:1;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .level_wrapper{position:relative;width:185px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .level_wrapper::before{position:absolute;content:'';background-image:url('../images/event03/line.png');width:13px;height:100%;z-index:-1;left:68px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .level_wrapper .step01 .st{margin-bottom:32px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .level_wrapper .step01 .sex{margin-bottom:40px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .level_wrapper .step01 .age{height:184px;padding:5px 0 0 0;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .level_wrapper .step02 {margin-top:170px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .level_wrapper .step02 .theme{margin-top:32px;padding:5px 0 0 0;height:184px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .level_wrapper .step03 {margin-top:160px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .level_wrapper .step03 .act{margin-top:48px;width:129px;height:103px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .level_wrapper .step03 .act.act01{background-image:url('../images/event03/icon_act01.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .level_wrapper .step03 .act.act02{background-image:url('../images/event03/icon_act02.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .level_wrapper .step03 .act.act03{background-image:url('../images/event03/icon_act03.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .level_wrapper .step03 .act.act04{background-image:url('../images/event03/icon_act04.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .level_wrapper .step03 .act.act05{background-image:url('../images/event03/icon_act05.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .cont_wrapper{flex:1;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .cont_wrapper .step01{display:flex;flex-direction:column;margin-bottom:60px;padding-left:20px;box-sizing:border-box;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .cont_wrapper .step01 .st{height:80px;display:flex;align-items:center;margin-bottom:25px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .cont_wrapper .step01 .sex{margin-bottom:40px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .cont_wrapper .step02 .st{height:80px;display:flex;align-items:center;margin-bottom:32px;padding-left:20px;box-sizing:border-box;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .cont_wrapper .step02 .theme{margin-bottom:60px;padding-left:20px;box-sizing:border-box;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .cont_wrapper .step03 .st{height:80px;display:flex;align-items:center;margin-bottom:32px;padding-left:20px;box-sizing:border-box;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .cont_wrapper .card_list_wrapper {position:relative;display:flex;gap:24px 8px;flex-wrap:wrap;width:514px;margin:50px 0 0 0;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .cont_wrapper .card_list_wrapper .card{position:relative;width:253px;height:306px;border-radius:40px;overflow:hidden;font-size:24px;cursor:pointer;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .cont_wrapper .card_list_wrapper .card .pic{position:relative;background:#000000;height:153px;background-size:cover;background-position:center;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .cont_wrapper .card_list_wrapper .card .info{position:relative;background:#FFFFFF;height:153px;color:#555555;font-weight:400;display:flex;align-items:start;justify-content:center;padding:30px 0 0 0;box-sizing:border-box;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .cont_wrapper .card_list_wrapper .card .info .exp{padding:0 20px;box-sizing:border-box;letter-spacing:0;font-size:17px;overflow-x:hidden;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .cont_wrapper .card_list_wrapper .card .tag{position:absolute;width:220px;height:50px;left:24px;top:-26px;background-image:url('../images/event03/txt_bg.png');color:#FFFFFF;font-weight:700;display:flex;justify-content:center;align-items:center;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .cont_wrapper .card_list_wrapper .card .tag.tag_688185ce0039d{font-size:20px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .cont_wrapper .card_list_wrapper .card .tag.tag_688181998aa46{font-size:20px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .cont_wrapper .card_list_wrapper .card .tag.tag_68818293cac80{font-size:20px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .cont_wrapper .rdo_group{display:flex;flex-wrap:wrap;gap:24px 24px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .cont_wrapper .rdo_group .u_rdo{width:220px;height:80px;border:3px solid #FFFFFF;box-sizing:border-box;border-radius:100px;display:flex;justify-content:center;align-items:center;font-size:32px;font-weight:600;color:#FFFFFF;cursor:pointer;transition:.3s all;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .cont_wrapper .rdo_group .u_rdo.on{background:#FFFFFF;color:#555555;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .cont_wrapper .rdo_group .u_rdo:hover{background:#FFFFFF;color:#555555;} section.event03 .contents_wrapper .char {position:absolute;background-image:url('../images/event03/child.png');left:0;bottom:0;width:100%;height:780px;z-index:6;} section.event03 .contents_wrapper > .join_wrapper {position: absolute;bottom:600px;width: 712px;height: 168px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background-image:url('../images/event01/bg_num.png');font-family:"Pretendard",sans-serif;z-index:5;} section.event03 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;flex-direction:column;justify-content: center;align-items: center;gap: 8px 0;} section.event03 .contents_wrapper > .join_wrapper .join_wrap .first{display:flex;align-items:center;} section.event03 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;} section.event03 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #FF7D2C;font-weight: 800;font-size: 40px;line-height: 0.7;} section.event03 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 32px;color: #000000;} section.event03 .evt_detail_pop{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:100;display:flex;justify-content:center;align-items:center;} section.event03 .evt_detail_pop .evt_pop_content_detail{position:relative;width:680px;height:699px;background:#FFFFFF;border-radius:22px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:40px 0 0 0;box-sizing:border-box;} section.event03 .evt_detail_pop .evt_pop_content_detail .close{position:absolute;background-image:url('../images/event02/pop_close.png');width:24px;height:24px;right:20px;top:20px;cursor:pointer;} section.event03 .evt_detail_pop .evt_pop_content_detail .title{font-size:32px;font-weight:900;color:#3B2D26;} section.event03 .evt_detail_pop .evt_pop_content_detail .pic_gallery{position:relative;width:100%;height:328px;display:flex;justify-content:center;} section.event03 .evt_detail_pop .evt_pop_content_detail .pic_gallery .pic_wrapper{position:relative;width:500px;height:100%;} section.event03 .evt_detail_pop .evt_pop_content_detail .pic_gallery .btn_prev{position:absolute;left:20px;top:140px;width:50px;height:50px;background-image:url('../images/event03/btn_prev.png');cursor:pointer;} section.event03 .evt_detail_pop .evt_pop_content_detail .pic_gallery .btn_next{position:absolute;right:20px;top:140px;width:50px;height:50px;background-image:url('../images/event03/btn_next.png');cursor:pointer;} section.event03 .evt_detail_pop .evt_pop_content_detail .pic_gallery .swiper .btn_view{position:absolute;right:20px;bottom:20px;width:162px;height:48px;background-image:url('../images/event02/btn_view.png');cursor:pointer;z-index:6;} section.event03 .evt_detail_pop .evt_pop_content_detail .pic_gallery .swiper .btn_view a{display:block;width:100%;height:100%;} section.event03 .evt_detail_pop .evt_pop_content_detail .d_info{display:flex;flex-direction:column;gap:10px 0;width:500px;padding:0 18px;box-sizing:border;} section.event03 .evt_detail_pop .evt_pop_content_detail .d_info > div{position:relative;display:flex;gap:0 16px;font-size:24px;color:#777777;font-weight:500;} section.event03 .evt_detail_pop .evt_pop_content_detail .d_info > div span{position:relative;display:inline-block;color:#3B2D26;font-weight:600;} section.event03 .evt_detail_pop .evt_pop_content_detail .d_info > div:nth-child(1) span{padding-left:25px;} section.event03 .evt_detail_pop .evt_pop_content_detail .d_info > div:nth-child(1) span::before{position:absolute;content:'';display:inline-block;background-image:url('../images/event02/icon01.png');width:17px;height:22px;left:0;top:3px;} section.event03 .evt_detail_pop .evt_pop_content_detail .d_info > div:nth-child(2) span{padding-left:25px;} section.event03 .evt_detail_pop .evt_pop_content_detail .d_info > div:nth-child(2) span::before{position:absolute;content:'';display:inline-block;background-image:url('../images/event02/icon02.png');width:16px;height:22px;left:0;top:3px;} section.event03 .evt_detail_pop .evt_pop_content_detail .d_info > div:nth-child(3) span{padding-left:35px;} section.event03 .evt_detail_pop .evt_pop_content_detail .d_info > div:nth-child(3) span::before{position:absolute;content:'';display:inline-block;background-image:url('../images/event02/icon03.png');width:29px;height:21px;left:0;top:4px;} section.event03 .evt_detail_pop .evt_pop_content_detail .btns_wrap{position:relative;display:flex;bottom:-2px;} section.event03 .evt_detail_pop .evt_pop_content_detail .btns_wrap > div{width:340px;height:86px;cursor:pointer;} section.event03 .evt_detail_pop .evt_pop_content_detail .btns_wrap .btn_review{background-image:url('../images/event03/btn_review.png');} section.event03 .evt_detail_pop .evt_pop_content_detail .btns_wrap .btn_join{background-image:url('../images/event03/btn_join.png');} /* 이벤트 03 */ /* 카드뉴스 */ section.cardnews {position: relative;width: 100%;height:828px;background-image: url('../images/cardnews/bg.jpg');} section.cardnews .contents_wrap {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;justify-content: start;padding:80px 0 0 0;box-sizing:border-box;} section.cardnews .contents_wrap .title {margin-bottom: 40px;} section.cardnews .contents_wrap .card_wrap {width:100%;marign:0 auto;} section.cardnews .contents_wrap .card_wrap .swiper{height:386px;} section.cardnews .contents_wrap .card_wrap .cardNewsSwiper .swiper-slide{width:388px !important;height:387px !important;;box-sizing:border-box;background-image:url('../images/cardnews/photo_bg.png');display:flex;align-items:start;padding:15px 0 0 0;box-sizing:border-box;} section.cardnews .contents_wrap .card_wrap .cardNewsSwiper .swiper-slide .pic{width:344px;height:344px;border-radius:8px;overflow:hidden;} section.cardnews .contents_wrap .card_wrap .cardNewsSwiper .swiper-slide .pic img{width:100%;} section.cardnews .contents_wrap .indicator_wrap {position:relative;width:650px;display:flex;align-items:center;justify-content:center;margin:20px auto 0 auto;} section.cardnews .contents_wrap .indicator_wrap::before{position:absolute;content:'';left:0;top:45px;width:100%;height:8px;background-image:url('../images/cardnews/bg_indi.png');} section.cardnews .contents_wrap .indicator_wrap::after{position:absolute;content:'';left:0;top:45px;width:100%;height:8px;background-image:url('../images/cardnews/bg_arrow.png');} section.cardnews .contents_wrap .indicator_wrap .btn_view{position:relative;width:318px;height:102px;background-image:url('../images/cardnews/btn_view.png');z-index:5;cursor:pointer;} section.cardnews .contents_wrap .indicator_wrap .btn_view .l_arrow{position:absolute;content:'';background-image:url('../images/cardnews/l_arrow.png');width:980px;height:40px;left:-980px;top:32px;z-index:-1;background-size:100%;background-position:480px;background-repeat:no-repeat;} section.cardnews .contents_wrap .indicator_wrap .btn_view .r_arrow{position:absolute;content:'';background-image:url('../images/cardnews/r_arrow.png');width:980px;height:40px;right:-980px;top:32px;z-index:-1;background-size:100%;background-position:-480px;background-repeat:no-repeat;} #section.cardnews .contents_wrap .indicator_wrap .btn_view::before{position:absolute;content:'';background-image:url('../images/cardnews/l_arrow.png');width:980px;height:40px;left:-980px;top:32px;z-index:-1;background-size:100%;background-position:-980px;background-repeat:no-repeat;transition:.7s all;} #section.cardnews .contents_wrap .indicator_wrap .btn_view::after{position:absolute;content:'';background-image:url('../images/cardnews/r_arrow.png');width:980px;height:40px;right:-980px;top:32px;z-index:-1;background-size:100%;background-position:-980px;background-repeat:no-repeat;transition:.7s all;} #section.cardnews .contents_wrap .indicator_wrap .btn_view.pos1::before{background-position:-1300px;} #section.cardnews .contents_wrap .indicator_wrap .btn_view.pos1::after{background-position:0} #section.cardnews .contents_wrap .indicator_wrap .btn_view.pos2::before{background-position:745px;} #section.cardnews .contents_wrap .indicator_wrap .btn_view.pos2::after{background-position:-235px;} #section.cardnews .contents_wrap .indicator_wrap .btn_view.pos3::before{background-position:575px;} #section.cardnews .contents_wrap .indicator_wrap .btn_view.pos3::after{background-position:-405px;} #section.cardnews .contents_wrap .indicator_wrap .btn_view.pos4::before{background-position:300px;} #section.cardnews .contents_wrap .indicator_wrap .btn_view.pos4::after{background-position:-100px;} #section.cardnews .contents_wrap .indicator_wrap .btn_view.pos5::before{background-position:0;} #section.cardnews .contents_wrap .indicator_wrap .btn_view.pos5::after{background-position:1300px;} /* 팝업 */ section.cardnews .card_news_pop_wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content:center;align-items:center;} section.cardnews .card_news_pop_wrapper .card_news_pop{position:relative;width:688px;height:815px;background-image:url('../images/cardnews/pop_bg.png');} section.cardnews .card_news_pop_wrapper .card_news_pop .close{position:absolute;width:66px;height:66px;background-image:url('../images/cardnews/btn_close.png');right:-72px;top:0;cursor:pointer;} section.cardnews .card_news_pop_wrapper .card_news_pop .content_wrap{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px 0;} section.cardnews .card_news_pop_wrapper .card_news_pop .content_wrap .title{font-family:'Pretendard',sans-serif;font-weight:800;font-size:40px;} section.cardnews .card_news_pop_wrapper .card_news_pop .content_wrap .gallery_wrap{position:relative;width:632px;height:614px;overflow:hidden;} section.cardnews .card_news_pop_wrapper .card_news_pop .content_wrap .btns_wrap{display:flex;gap:0 33px;} section.cardnews .card_news_pop_wrapper .card_news_pop .content_wrap .btns_wrap .pop_cardnews_btn_prev{cursor:pointer;width:56px;height:56px;} section.cardnews .card_news_pop_wrapper .card_news_pop .content_wrap .btns_wrap .pop_cardnews_btn_next{cursor:pointer;width:56px;height:56px;} section.cardnews .card_news_pop_wrapper .card_news_pop .content_wrap .btns_wrap .pop_cardnews_btn_prev.type01{background-image:url('../images/cardnews/btn_prev.png');} section.cardnews .card_news_pop_wrapper .card_news_pop .content_wrap .btns_wrap .pop_cardnews_btn_next.type01{background-image:url('../images/cardnews/btn_next.png');} section.cardnews .card_news_pop_wrapper .card_news_pop .content_wrap .btns_wrap .pop_cardnews_btn_prev.type02{background-image:url('../images/cardnews/btn_prev02.png');} section.cardnews .card_news_pop_wrapper .card_news_pop .content_wrap .btns_wrap .pop_cardnews_btn_next.type02{background-image:url('../images/cardnews/btn_next02.png');} section.cardnews .card_news_pop_wrapper .card_news_pop .content_wrap .btns_wrap .pop_cardnews_btn_prev.type03{background-image:url('../images/cardnews/btn_prev03.png');} section.cardnews .card_news_pop_wrapper .card_news_pop .content_wrap .btns_wrap .pop_cardnews_btn_next.type03{background-image:url('../images/cardnews/btn_next03.png');} section.cardnews .card_news_pop_wrapper .card_news_pop .content_wrap .btns_wrap .num_wrap{position:absolute;right:0;font-family:'Pretendard',sans-serif;font-size:32px;font-weight:400;right:24px;bottom:30px;} section.cardnews .card_news_pop_wrapper .card_news_pop .content_wrap .btns_wrap .num_wrap .cur{font-weight:800;} /* 팝업 */ /* 카드뉴스 */ section.movie {position: relative;width: 100%;height:1106px;background-image: url('../images/movie/bg.jpg');} section.movie .contents_wrap {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;justify-content: start;padding:80px 0 0 0;box-sizing:border-box;} section.movie .contents_wrap .title{margin-bottom:40px;} section.movie .contents_wrap .menu_wrapper{display:flex;flex-direction:column;gap:20px 0;} section.movie .contents_wrap .menu_wrapper .homepage{position:relative;width:605px;height:340px;border-radius:20px;overflow:hidden;} section.movie .contents_wrap .menu_wrapper .movie{position:relative;width:605px;height:340px;border-radius:20px;overflow:hidden;} section.movie .contents_wrap .menu_wrapper .homepage iframe{width:100%;height:100%;} section.movie .contents_wrap .menu_wrapper .movie iframe{width:100%;height:100%;} /* SNS SHARE */ section.snsshare {position: relative;width: 100%;height: 403px;background-image:url('../images/share/bg.jpg');} section.snsshare .contents_wrap {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;} section.snsshare .contents_wrap > .title {margin-bottom:40px;} section.snsshare .contents_wrap > .sns_wrapper {position: relative;} section.snsshare .contents_wrap > .sns_wrapper > ul {display: flex;gap: 0 20px;} /* SNS SHARE */ /* 참여 정보 */ section.sec-join-info {position:relative;width:100%;height:208px;display:flex;flex-direction:column;justify-content:center;font-size:28px;align-items:center;color:#222222;background-color:#ffffff;font-family:'Pretendard';} section.sec-join-info div {font-weight:800;display:flex;align-items:center;} section.sec-join-info span.normal{font-weight:400;font-size:28px;margin-right:5px;margin-top:-5px;} section.sec-join-info span._visit_all_cnt{color:#43A53C;margin-left:5px;margin-top:-10px;font-family:'ONE-Mobile-Title';line-height:0;} section.sec-join-info span._join_all_cnt{color:#FF7D2C;margin-left:5px;margin-top:-10px;font-family:'ONE-Mobile-Title';} section.sec-join-info div span{font-size:48px;font-weight:900;font-family:"ONE-Mobile-Title",sans-serif;padding:0 0 0 5px;} /* 참여 정보 */ /* SNS */ .pop_evt2_wrapper {position:fixed;left:0;top:0;width:100%;height:100vh;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:10;} .pop_evt2_wrapper .pop_content_wrapper{position:relative;width:1238px;height:1000px;margin:0 auto;background:#FFFFFF;border-radius:30px;scale:.8} .pop_evt2_wrapper .pop_content_wrapper .close{position:absolute;background-image:url('../images/btn_evt2_close.png');width:54px;height:54px;right:-80px;cursor:pointer;} .pop_evt2_wrapper .pop_content_wrapper .contents{position:relative;display:flex;width:100%;height:100%;border-radius:30px;overflow:hidden;} .pop_evt2_wrapper .pop_content_wrapper .contents .left_part{position:relative;width:588px;height:100%;background:#FED286;display:flex;align-items:center;justify-content:end;} .pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data{position:relative;width:542px;} .pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .bg{position:absolute;background-image:url('../images/bg_pop_pic.png');width:300px;height:245px;right:0;top:-40px;} .pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .bg .pic{position:relative;display:flex;justify-content:center;align-items:center;top:45px;} .pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .txt{position:relative;font-size:46px;margin-bottom:38px;} .pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .txt p{position:relative;} .pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .txt p span{font-weight:700;} .pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .exp{font-weight:500;font-size:21px;color:#000000;line-height:1.4;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part{position:relative;width:650px;height:100%;display:flex;flex-direction:column;align-items:center;padding:37px 0 0 0;box-sizing:border-box;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data{position:relative;display:flex;justify-content:center;flex-direction:column;width:600px;align-items:center;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .title{font-size:24px;text-align:center;margin-bottom:40px;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .title span{font-weight:700;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .exp_wrap{position:relative;padding:54px 0 43px 0;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .exp_wrap .simple{position:relative;font-size:22px;text-align:center;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .exp_wrap .ttl{position:relative;font-size:28px;font-weight:700;text-align:center;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap {position:relative;width:100%;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul{position:relative;display:flex;justify-content:space-between;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li{position:relative;width:190px;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .img{position:relative;width:190px;height:125px;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .img.on:before{position:absolute;0;content:'';background-image:url('../images/stamp.png');top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .img img{width:100%;height:100%;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .ttl{font-size:18px;font-weight:500;letter-spacing:-1px;padding:5px 0 0 5px;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns{position:absolute;width:100%;bottom:110px;display:flex;justify-content:center;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join{position:relative;background-image:url('../images/btn_evt2_join.png');width:419px;height:110px;cursor:pointer;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join .hand{display:none;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join.on{background-image:url('../images/btn_evt2_join_on.png');} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join.on .hand{display:block;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .txt{position:absolute;width:100%;bottom:57px;display:flex;justify-content:center;} .pop_evt2_wrapper .pop_content_wrapper .contents .frame_div {position:absolute;width:100%;height:58%;z-index:99;left:0;top:0;border:5px solid #000;box-sizing:border-box;border-radius:30px;background:#FFFFFF;overflow:hidden;} .pop_evt2_wrapper .pop_content_wrapper .contents .frame_div .pclose{position:absolute;right:10px;top:10px;cursor:pointer;z-index:9;} .pop_evt2_wrapper .pop_content_wrapper .contents .frame_div iframe{width:101%;height:100%;} /* 이벤트 02 */ /* 참여 정보 */ section.sec-copyright {position:relative;width:100%;height:252px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f0f0f0;color:#7D7D83;font-size:18px;font-weight:500;padding:60px 40px;box-sizing:border-box;} section.sec-copyright > .copyright {width:100%;} section.sec-copyright > .copyright ul{} section.sec-copyright > .copyright ul li{margin-bottom:10px;} section.sec-copyright > .copyright ul li:first-child{color:#262630;font-size:20px;font-family:'Pretendard',sans-serif;} section.sec-copyright > .copyright ul li:nth-child(2n+2){} section.sec-copyright > .copyright ul li:nth-child(3){margin-top:16px;} section.sec-copyright > .copyright ul li:nth-child(4){display:flex;} section.sec-copyright > .copyright ul li:nth-child(4) > div{} section.sec-copyright > .copyright ul li:nth-child(4) span{color:#000000;font-family:'Pretendard',sans-serif;} /* 고정 메뉴 */ .navigator_wrapper {position:fixed;left:0;bottom:0;width:100%;height:110px;z-index:15; bottom: 0;overflow:hidden;} .navigator_wrapper .cont_wrap {width:100%;background:#1B1411;height:100%;display:flex;justify-content:center;} .navigator_wrapper .cont_wrap .navi_wrap {width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:0 40px;box-sizing:border-box;} .navigator_wrapper .cont_wrap .navi_wrap > li{position:relative;flex:1;box-sizing:border-box;height:100%;display:flex;justify-content:center;align-items:center;gap:0 10px;} .navigator_wrapper .cont_wrap .navi_wrap > li > div > a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;} .navigator_wrapper .cont_wrap .navi_wrap > li > .n_top{position:relative;background-image:url('../images/top.png');width:68px;height:68px;cursor:pointer;background-repeat:no-repeat;margin-left:10px;} .n_menu_list {position:fixed;bottom:-800px;z-index:99;background:#e60012;width:500px;box-sizing:border-box;font-size:22px;} .n_menu_list.on {bottom:0;} .n_menu_list > .n_menu.close {float:right;background-image:url('../images/gnb_close.png');width:46px;height:46px;display:inline-block;margin-top:13px;margin-right:20px;cursor:pointer;} .n_menu_list > .m_list {width:100%;display:flex;flex-wrap:wrap;padding:10px 0 0 0;box-sizing:border-box;text-align:center;display:flex;flex-direction:column;} .n_menu_list > .m_list a {color:#FFFFFF;} .n_menu_list > .m_list div {border-bottom:2px solid #D9D9D9;width:433px;margin:0 auto;padding:15px 0;} .n_menu_list > .m_list a:last-child div{border-bottom:0;} .n_menu_list > .m_list div > span {display:flex;cursor:pointer;position:relative;width:433px;height:80px;line-height:1.4;align-items:center;justify-content:start;text-align:left;padding-left:20px;box-sizing:border-box;} .n_menu_list > .m_list div > span a{display:block;font-size:23px;color:#FFFFFF;font-weight:500;letter-spacing:-.5px;text-align:left;} .n_menu_list > .m_list div > span {position:relative;} .n_menu_list > .m_list div > span::after {content:'';width:80px;height:80px;position:absolute;left:10px;top:0;} .n_menu_list > .m_list div.on {background-color:rgba(255,255,255,.1);} /* 고정 메뉴 */ /* 기타 */ .join_info_wrapper {position:absolute;bottom:0;width:100%;text-align:center;} .join_info_wrapper.evt01 {bottom:150px;} .join_info_wrapper.evt01 .join_info{background:#dbf7da;border-radius:50px;color:#333333;display:inline-block;padding:0 30px;font-size:24px;height:92px;line-height:92px;vertical-align:middle;border:2px solid #3fa03b;} .join_info_wrapper.evt02 {bottom:124px;} .join_info_wrapper.evt02.result {bottom:30px;} .join_info_wrapper.evt02 .join_info{background:#bdddf3;border-radius:40px;color:#071b28;display:inline-block;padding:0 30px;font-size:22px;height:63px;line-height:63px;vertical-align:middle;} .join_info_wrapper.evt03 {bottom:150px;} .join_info_wrapper.evt03 .join_info{background:#3bd368;border-radius:40px;color:#071b28;display:inline-block;padding:0 30px;font-size:22px;height:63px;line-height:63px;vertical-align:middle;} .join_info_wrapper .join_info span.num{font-size:40px;color:#125400;font-weight:900;} .join_info_wrapper .join_info span.b{font-size:27px;font-weight:700;} .hand {position:absolute;z-index:5;animation:zoom 1s ease-in-out infinite;animation-delay:0.5s;animation-duration:1s;width:106px;height:106px;background-image:url(../images/hand.png);right:-20px;bottom:-40px;} .result_wrap {position:absolute;width:100%;text-align:center;bottom:100px;} .result_wrap > .btn.event_result2{width:463px;height:122px;display:inline-block;background-image:url('../images/event2_done.png');} .result_wrap > .btn.event_result2 > a {display:block;width:100%;height:100%;} /* 슬라이드 */ .swiper { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: transparent; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide img {width:100%;height:100%;object-fit:cover;background-position:center;} .cardnews_wrap .swiper-slide img { width: 100%; height:100%; object-fit:contain; } .cardNewsSwiper.citySwiper swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .wallSwiper.citySwiper swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .swiper-button-disabled {opacity:.2;} #cont_wrap {width:1200px;margin:0 auto;position:relative;} a:focus {outline:none;} .cardnew-swiper-button-prev {position:absolute;background-image:url('../images/cardnews/btn_prev.png');width:70px;height:70px;left:-110px;top:315px;cursor:pointer;} .cardnew-swiper-button-next {position:absolute;background-image:url('../images/cardnews/btn_next.png');width:70px;height:70px;right:-110px;top:315px;cursor:pointer;} .bounce1 {animation: bounce1 2s;} .bounce2 {animation: bounce2 1s;} .bounce3 {animation: bounce3 1s;} .kb_hand {position:absolute;background-image:url('../images/hand_ani.png');scale:.8;width:102px;height:96px;animation: vmove 1.5s infinite;animation-direction: reverse;animation-iteration-count: 3;z-index:999;bottom:0px;left:40px;} .b_hand {position:absolute;right:-50px;bottom:-20px;background-image:url('../images/hand_ani.png');width:102px;height:96px;animation: blink 1s infinite;} .b_hand.com {right:0;bottom:5px;zoom:.7;} .qb_hand {position:absolute;right:-50px;bottom:-20px;background-image:url('../images/hand_ani.png');width:102px;height:96px;animation: blink 1s infinite;} .qb_hand.hide {display:none;} .qb_hand.evt3 {display:none;} .hide {display:none !important;} .present_wrap .swiper-slide img {width:100%;} .j_wrap01{} .j_wrap02{margin-top:35px;} .j_wrap01 .swiper-slide{width:487px;height:120px;border-radius:60px;color:#004819;font-size:40px;font-weight:bold;display:flex;justify-content:center;align-items:center;} .j_wrap01 .swiper-slide:nth-child(1n+1){background-image: linear-gradient(#FFFFFF, #FFFFFF);} .j_wrap01 .swiper-slide:nth-child(2n+2){background-image: linear-gradient(#FFFFFF, #FFFFFF);} .j_wrap01 .swiper-slide:nth-child(3n+3){background-image: linear-gradient(#FFFFFF, #FFFFFF);} /* popup */ html.on { height:100%; overflow:hidden; } .pu_bg { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:98; display:none; } .pu { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:99; display:none; } .pu .bt_close { position:absolute; top:0; right:-60px; width:48px; height:48px; background:url(../images/bt_pu_close.png?v=1) no-repeat 0 0; text-indent:-9999px; } .pu_event_youtube { width:800px; background:#fff;border-radius:15px;display:none; } .pu_event_youtube .p_con { position:relative; } .pu_event_youtube .p_con iframe {width:800px;height:450px;} .pu_event_info { width:675px; display:none; border-radius:20px;overflow:hidden;} .pu_event_info .form_top a{display:block;width:100%;height:100%;} .pu_event_info .p_con {position:relative;padding:30px;background: #fff;overflow: hidden;} .pu_event_info .p_con dt { position:relative; font-size:18px; color:#222;font-weight:700; } .pu_event_info .p_con .ty00 { position:relative; height:30px; padding-top:5px;padding-left:0;text-align:center; font-weight:600;} .pu_event_info .p_con .ty00 dd {display:inline-block;} .pu_event_info .p_con .ty00 dd + dd {padding-left:30px;} .pu_event_info .p_con .ty01 { position:relative; height:44px; padding-left:130px; margin-bottom:20px;} .pu_event_info .p_con .ty01 dt { position:absolute; top:0; left:0; width:120px; line-height:44px; text-align:left; } .pu_event_info .p_con .ty01 dd { position:relative; } .pu_event_info .p_con .ty01 dd input { height:44px; line-height:44px; background:#fff; border:1px solid #cdcdcd; padding:0 10px; box-sizing:border-box;} .pu_event_info .p_con .ty01 dd.num:after { content:''; clear:both; display:block; height:0; visibility:hidden; } .pu_event_info .p_con .ty01 dd.num input { text-align:center; float:left; width:134px; } .pu_event_info .p_con .ty01 dd.num i { float:left; width:20px; text-align:center; color:#fff; line-height:44px; } .pu_event_info .p_con .ty02 { margin-top:30px;} .pu_event_info .p_con .ty02 dt { margin-bottom:10px; margin-top:20px;} .pu_event_info .p_con .ty02 dt span { position:absolute; bottom:0; right:-5px; } .pu_event_info .p_con .ty02 dt span input { margin:0; } .pu_event_info .p_con .ty02 dd { background:#fff4e4; padding:15px 20px; } .pu_event_info .btns:before { position:absolute; content:''; top:0; left:50%; bottom:0; width:1px; ; z-index:1; } .pu_event_info .btns:after { content:''; clear:both; display:block; height:0; visibility:hidden; } .pu_event_info .btns a { float:left; width:50%; display:flex; justify-content:center;align-items:center;height:100px; line-height:1.2; text-align:center; font-size:30px; color:#fff; font-weight:800; } .pu_event_info .btns a:hover { text-decoration:none; } .pu_event_info .btns a.bt_participate_done {background:#FF35AE;color:#FFFFFF;} .pu_event_info .btns a.bt_participate_done.i01 {background:#07788F;} .pu_event_info .btns a.bt_participate_done.i02 {background:#B7612B;} .pu_event_info .btns a.bt_participate_done.i03 {background:#316F52;} .pu_event_info .btns a.bt_participate_done.i04 {background:#B02923;} .pu_event_info .btns a.bt_cancel {background:#333;} .pu_event_info table { width:100%; color:#333; line-height:18px; } .pu_event_info table th { font-size:16px; padding:10px; vertical-align:top; } .pu_event_info table td { font-size:16px; padding:10px; color:#333;letter-spacing:-1px;line-height:1.5;} .pu_event_info .checks input[type="checkbox"] { position:absolute; top:0; left:0; opacity:0; -webkit-opacity:0; } .pu_event_info .checks input[type="checkbox"] + label:after { content:' '; display:inline-block; width:32px; height:32px; line-height:32px; margin:-10px 0 0 10px; text-align:center; vertical-align:middle; background:url(../images/cb.png?v=1) no-repeat 0 0; } .pu_event_info .checks input[type="checkbox"]:checked + label:after { background:url(../images/cb_on.png?v=3) no-repeat 0 0; } .pu_event_info .radiob input[type="radio"] { position:absolute; top:0; left:0; opacity:0; -webkit-opacity:0; } .pu_event_info .radiob input[type="radio"] + label:after { content:' '; display:inline-block; width:33px; height:35px; line-height:35px; margin:-10px 0 0 10px; text-align:center; vertical-align:middle; background:url(../images/radio.png) no-repeat 0 4px; } .pu_event_info .radiob input[type="radio"]:checked + label:after { background:url(../images/radio-on.png) no-repeat 0 4px; } .pu_event_done { display:none;} .pu_event_done .ph{ width:100%;} .pu_event_done .ph .close{position:absolute;background-image:url('../images/e_pop_close.png');width:70px;height:70px;right:-70px;top:0;} .pu_event_done .ph .close a{display:block;width:100%;height:100%;} .pu_event_done .ph .btn_wrap{ position:absolute;width:70px;height:70px;right:-70px;top:0;display:flex;justify-content:center;background-image:url('../images/evt_close.png');} .pu_event_done .ph .btn_wrap .btn{ position:relative;width:250px;height:100%;} .pu_event_done .ph .btn_wrap .btn .hand{ right:0px;bottom:-40px;} .pu_event_done .ph a {position:relative; display:block; width:100%;height:100%;} .pu_event_done .ph a .hand {right:210px;bottom:-40px;} .pu_event_done.e01 {background:#000000;} .pu_event_done.e02 {background:#000000;} .pu_event_done.e03 {background:#000000;} .pu_event_done .ph .confirm { position: relative; width: 100%; height: 70px; line-height:70px; font-size:30px; font-weight:600; background:#000; color:#FFFFFF; text-align:center; } .tc {text-align:center;}