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: url(''); } @font-face { font-family: 'BandalNationalPark'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/KNPSBandali-Regular00.woff') format('woff'); font-weight: normal; font-display: swap; } .htmlWrapper {width:100%;max-width:750px;margin:0 auto;padding-bottom:110px;position:relative;overflow:hidden;} .htmlWrapper section {background-position:center;overflow:hidden;} /* 상단 */ .htmlWrapper section.top_wrapper { position: absolute;left:0;top:0;display: flex;justify-content: center;align-items: end; width: 100%;height: 55px;box-sizing: border-box;z-index: 1;background: #FFFFFF; font-size: 20px;overflow: visible; } .htmlWrapper section.top_wrapper .hx_top {position: relative;height: 100%;display: flex;justify-content: center;align-items: end;gap: 0 5px;color: #888888;padding:0 0 17px 0;box-sizing:border-box;line-height:1;} .htmlWrapper section.top_wrapper .hx_top .l_wrap {display:flex;align-items:end;} .htmlWrapper section.top_wrapper .hx_top .l_wrap > a{display:flex;margin-right:5px;} .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 {position:relative;display: flex;} .htmlWrapper section.top_wrapper .hx_top b {color: #000;} .htmlWrapper section.top_wrapper .hx_top i {margin-right: 10px;} .htmlWrapper section.top_wrapper .hx_top .com_logo {margin-right:10px;} .htmlWrapper section.top_wrapper .hx_top div.ment {} .htmlWrapper section.top_wrapper .hx_top .hx_txt {position: absolute;top: 40px;} /* Visual */ .htmlWrapper section.visual_wrapper {position: relative;width: 100%;height:1500px;overflow:hidden;background-image:url('../images/visual/bg.png');} .htmlWrapper section.visual_wrapper .contents_wrap {position: relative;width: 100%;height: 100%;overflow:hidden;display:flex;align-items:center;flex-direction:column;padding:0 0 0 0;} .htmlWrapper section.visual_wrapper .contents_wrap .title_wrap{display:flex;flex-direction:column;align-items:center;margin:137px 0 0 0;} .htmlWrapper section.visual_wrapper .contents_wrap .title_wrap .main_txt{position:relative;background-image:url('../images/visual/title.png');width:588px;height:160px;background-position:center;background-size:100%;background-repeat:no-repeat;} .htmlWrapper section.visual_wrapper .contents_wrap .title_wrap .stxt{position:relative;background-image:url('../images/visual/exp.png');width:685px;height:78px;} .htmlWrapper section.visual_wrapper .contents_wrap .tags_wrap{position:relative;display:flex;gap:0 10px;margin-top:40px;} .htmlWrapper section.visual_wrapper .contents_wrap .tags_wrap .tag{position:relative;height:50px;} .htmlWrapper section.visual_wrapper .contents_wrap .tags_wrap .tag.t01{background-image:url('../images/visual/tag01.png');width:250px;} .htmlWrapper section.visual_wrapper .contents_wrap .tags_wrap .tag.t02{background-image:url('../images/visual/tag02.png');width:183px;} .htmlWrapper section.visual_wrapper .contents_wrap .tags_wrap .tag.t03{background-image:url('../images/visual/tag03.png');width:238px;} .htmlWrapper section.visual_wrapper .contents_wrap .photo_wrapper{position:relative;margin-top:90px;width:750px;height:600px;} .htmlWrapper section.visual_wrapper .contents_wrap .photo_wrapper .pic_info{position:relative;width:100%;height:100%;} #htmlWrapper section.visual_wrapper .contents_wrap .photo_wrapper .pic_info .info_wrapper{position:relative;width:100%;height:100%;} .htmlWrapper section.visual_wrapper .contents_wrap .photo_wrapper .mainSwiper {position:relative;width:750px;} .htmlWrapper section.visual_wrapper .contents_wrap .photo_wrapper .mainSwiper .swiper-slide{position:relative;} .htmlWrapper section.visual_wrapper .contents_wrap .photo_wrapper .mainSwiper .swiper-slide img{border:6px solid #FFFFFF;border-radius:20px;box-sizing:border-box;cursor:pointer;} .htmlWrapper section.visual_wrapper .contents_wrap .photo_wrapper .mainSwiper .swiper-slide .btn_play{position:absolute;width:100px;height:100px;background-image:url('../images/visual/btn_play.png');cursor:pointer;} .htmlWrapper section.visual_wrapper .contents_wrap .photo_wrapper .deco_wrapper{position:absolute;z-index:5;} .htmlWrapper section.visual_wrapper .contents_wrap .photo_wrapper .deco_wrapper .deco01{position:absolute;background-image:url('../images/visual/icon01.png');width:89px;height:125px;left:120px;top:-380px;} .htmlWrapper section.visual_wrapper .contents_wrap .photo_wrapper .deco_wrapper .deco02{position:absolute;background-image:url('../images/visual/icon02.png');width:208px;height:97px;left:440px;top:-310px;} .htmlWrapper section.visual_wrapper .contents_wrap .photo_wrapper .deco_wrapper .deco03{position:absolute;background-image:url('../images/visual/icon03.png');width:86px;height:105px;left:480px;top:-82px;} .htmlWrapper section.visual_wrapper .contents_wrap .stitle{margin-top:90px;} .htmlWrapper section.visual_wrapper .visual_pop_info{position:fixed;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:start;background-color:rgba(0,0,0,.5);z-index:100;} .htmlWrapper section.visual_wrapper .visual_pop_info .pop_wrapper{position:relative;width:714px;height:408px;background:#424242;border:6px solid rgba(255,255,255,.2);box-sizing:border-box;border-radius:30px;overflow:hidden;top:2%;} .htmlWrapper section.visual_wrapper .visual_pop_info .pop_wrapper.photo{position:relative;width:637px;height:900px;} .htmlWrapper section.visual_wrapper .visual_pop_info .pop_wrapper .close{position:absolute;right:10px;top:10px;width:45px;height:45px;background-image:url('../images/visual/btn_close.png');background-position:center;background-repeat:no-repeat;cursor:pointer;z-index:10;background-color:rgba(0,0,0,.7);border-radius:5px;} .htmlWrapper section.visual_wrapper .visual_pop_info .pop_wrapper .pop_content{background-size:cover;background-position:center;width:100%;height:100%;} .htmlWrapper section.visual_wrapper .visual_pop_info .pop_wrapper .pop_content.pop_picture01{background-image:url('../../images/visual/pic/pic_d01.jpg');} .htmlWrapper section.visual_wrapper .visual_pop_info .pop_wrapper .pop_content .video_wrap{width:100%;height:100%;} .htmlWrapper section.visual_wrapper .visual_pop_info .pop_wrapper .pop_content .video_wrap video{width:100%;height:100%;} /* 다음 */ section.daum {position: relative;width: 100%;height: 400px;background-image:url('../images/daum/bg.png');} 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: 30px;width: 750px;height:100px;background-image: url('../images/daum/bg_search.png?v=1');background-repeat: no-repeat;background-position: center;display: flex;align-items: start;} section.daum .contents_wrap .box .typing-text {position: absolute;left: 152px;top: 30px;line-height: 36px;font-family: 'Pretendard',sans-serif;font-weight: 700;font-size: 38px;color: #1e1e1e;border-right: 2px solid #333;animation: typing 6s steps(22) infinite;white-space: nowrap;overflow: hidden;} section.daum .contents_wrap .exp {position: relative;left: 14px;margin-top: 30px;} /* 다음 */ /* 지원서비스 */ section.support {position: relative;width: 100%;height:1465px;background-image: url('../images/support/bg.png');} section.support .contents_wrap {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;justify-content: start;padding:120px 0 0 0;box-sizing:border-box;} section.support .contents_wrap .title{margin-bottom:40px;} section.support .contents_wrap .part_wrap{display:flex;flex-direction:column;justify-content:center;width:622px;gap:40px 0;} section.support .contents_wrap .part_wrap > div{position:relative;width:100%;height:492px;} section.support .contents_wrap .part_wrap .part01{background-image:url('../images/support/pic01.png');z-index:2;} section.support .contents_wrap .part_wrap .part01::after{position:absolute;content:'';background-image:url('../images/support/arrow.png');width:144px;height:158px;right:240px;top:440px;animation:1s arrow infinite linear forwards;} section.support .contents_wrap .part_wrap .part02{background-image:url('../images/support/pic02.png');display:flex;align-items:center;justify-content:center;} section.support .contents_wrap .part_wrap .part02 .table{position:relative;width:370px;height:342px;background-image:url('../images/support/table02.png');margin:60px 0 0 0;} section.support .contents_wrap .part_wrap .part02 .table .txt{position:absolute;} section.support .contents_wrap .part_wrap .part02 .table .txt > div{width:100%;height:100%;} section.support .contents_wrap .part_wrap .part02 .table .txt:nth-child(1){top:56px;left:37px;width:124px;height:59px;} section.support .contents_wrap .part_wrap .part02 .table .txt:nth-child(2){top:56px;right:52px;width:93px;height:60px;} section.support .contents_wrap .part_wrap .part02 .table .txt:nth-child(3){bottom:49px;right:16.5px;width:164px;height:94px;} section.support .contents_wrap .part_wrap .part02 .table .txt:nth-child(4){bottom:52px;left:49px;width:92px;height:94px;} section.support .contents_wrap .part_wrap .part02 .table .txt .txt01{background-image:url('../images/support/txt01.png');} section.support .contents_wrap .part_wrap .part02 .table .txt .txt02{background-image:url('../images/support/txt02.png');} section.support .contents_wrap .part_wrap .part02 .table .txt .txt03{background-image:url('../images/support/txt03.png');} section.support .contents_wrap .part_wrap .part02 .table .txt .txt04{background-image:url('../images/support/txt04.png');} /* 지원서비스 */ /* 이벤트 01 */ section.event01 {position: relative;width: 100%;height:3650px;background-image: url('../images/event01/bg.png');background-repeat:no-repeat;background-position:center top;background-color:rgba(172,229,136,1);} section.event01 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding: 135px 0 0 0;} section.event01 .contents_wrapper .evt01_content {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: 230px 0 0 0;width: 100%;flex-direction:column;align-items:center;justify-content: center;z-index: 2;gap:45px 0;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width: 676px;margin: 110px 0 0 0;display:flex;flex-direction:column;align-items:center;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont{position:relative;width: 100%;height:1480px;background-image:url('../images/event01/evt_cover.png');display:flex;flex-direction:column;align-items:center;justify-content:center;padding:145px 0 0 0;box-sizing:border-box;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .photo_wrapper{position:relative;width: 536px;height:682px;background-image:url('../images/event01/photo_cover.png');display:flex;flex-direction:column;align-items:center;gap:20px 0;padding:55px 63px;box-sizing:border-box;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .photo_wrapper .photo{width:410px;height:455px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .photo_wrapper .photo img{width:100%;height:100%;object-fit:cover;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .photo_wrapper .txt{width:410px;font-size:36px;color:#000000;text-align:center;font-family:'BandalNationalPark';line-height:1;word-break:break-all ;white-space:normal;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrapper{display:flex;flex-direction:column;padding:40px 0 0 0;box-sizing:border-box;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrapper .items{display:flex;flex-direction:column;gap:16px 0;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrapper .items.t02{margin:50px 0 38px 0;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrapper .items .ipt{width:521px;height:77px;background-image:url('../images/event01/ipt_box.png');padding:5px 5px;box-sizing:border-box;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrapper .items .ipt input{width:98%;height:92%;border:0;font-size:24px;padding:0 35px;box-sizing:border-box;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrapper .items .ipt input:focus{outline:none;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrapper .items .ipt input::placeholder{color:#cdcdcd;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrapper .btn_join{position:relative;width:519px;height:100px;background-image:url('../images/event01/btn_join.png');cursor:pointer;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrapper .btn_join .hand{display:none;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrapper .btn_join.on .hand{display:block;} section.event01 .contents_wrapper .event_gallery_list{position:relative;width:100%;margin:55px 0 0 0;} section.event01 .contents_wrapper .event_gallery_list .userSwiper{position:relative;width:100%;} section.event01 .contents_wrapper .event_gallery_list .userSwiper .swiper-slide{width:auto;height:320px;} section.event01 .contents_wrapper .event_gallery_list .userSwiper .swiper-slide .upic{position:relative;width:200px;height:237px;background-image:url('../images/event01/bg_photo.png');display:flex;flex-direction:column;align-items:center;padding:17px 17px;box-sizing:border-box;} section.event01 .contents_wrapper .event_gallery_list .userSwiper .swiper-slide .upic .pic{width:170;height:170px;} section.event01 .contents_wrapper .event_gallery_list .userSwiper .swiper-slide .upic img{width:100%;height:100%;object-fit:cover;} section.event01 .contents_wrapper .event_gallery_list .userSwiper .swiper-slide.type1 .upic{transform:rotate(3deg);} section.event01 .contents_wrapper .event_gallery_list .userSwiper .swiper-slide.type2 .upic{transform:rotate(-2deg);} section.event01 .contents_wrapper .event_gallery_list .userSwiper .swiper-slide.type5 .upic{transform:rotate(-2deg);} section.event01 .contents_wrapper .event_gallery_list .userSwiper .swiper-slide.type7 .upic{transform:rotate(3deg);} section.event01 .contents_wrapper .event_gallery_list .userSwiper .swiper-slide .upic .ttl{font-size:15px;height:60px;display:flex;justify-content:center;align-items:center;font-family:'BandalNationalPark';} section.event01 .contents_wrapper > .join_wrapper {position: absolute;bottom:60px;width: 680px;height: 120px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background:#FFFFFF;border-radius:60px;} section.event01 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;flex-direction:column;justify-content: center;align-items: center;gap: 10px 0;} section.event01 .contents_wrapper > .join_wrapper .join_wrap .jwrap{display:flex;} section.event01 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;} section.event01 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #D21D3E;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;} #btn_attach {cursor:pointer;} /* 이벤트 01 */ /* 이벤트 02 */ section.event02 {position: relative;width: 100%;height: 2648px;background-image: url('../images/event02/bg.png');} section.event02 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding: 165px 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;margin: 90px 0 0 0;width: 100%;flex-direction:column;align-items:center;justify-content: center;gap:70px 0;} section.event02 .contents_wrapper .event_cont_wrapper{margin:70px 0 0 0;width:676px;height:1036px;background-image:url('../images/event02/evt_cover.png');padding:150px 58px 40px 30px;box-sizing:border-box;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box{} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag_item{position:absolute;cursor:pointer;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag_item.d01{left:0;bottom:0;width:237px;height:223px;background-image:url('../images/event02/drag01.png?v=1');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag_item.d02{left:58px;top:0;width:202px;height:182px;background-image:url('../images/event02/drag02.png?v=1');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag_item.d03{right:30px;bottom:9px;width:220px;height:202px;background-image:url('../images/event02/drag03.png?v=1');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag_item.d04{right:0;top:12px;width:204px;height:187px;background-image:url('../images/event02/drag04.png?v=1');} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag_item.d01 .hand{animation:1.3s move_drag01 infinite linear forwards} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag_item.d02 .hand{animation:1s move_drag02 infinite linear forwards} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag_item.d03 .hand{animation:.7s move_drag03 infinite linear forwards} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag_item.d04 .hand{animation:.7s move_drag04 infinite linear forwards} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box_wrapper{position:relative;width:441px;height:385px;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box_wrapper .drop_box{position:relative;width:441px;height:385px;background-image:url('../images/event02/drop_box.png?v=1');z-index:3;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box_wrapper .drop_box .drop{display:block;position:absolute;background-size:cover;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box_wrapper .drop_box .drop01{width:220px;height:192px;top:0;left:0;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box_wrapper .drop_box .drop02{width:220px;height:192px;top:0;right:0;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box_wrapper .drop_box .drop03{width:220px;height:193px;bottom:0;left:0;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box_wrapper .drop_box .drop04{width:220px;height:193px;bottom:0;right:0;} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box_wrapper .drop_box .drop01.on{width:267px;height:243px;top:-19px;left:-16px;background-image:url('../images/event02/drag01.png');transform:rotate(-23deg);} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box_wrapper .drop_box .drop02.on{width:222px;height:211px;top:0;right:7px;background-image:url('../images/event02/drag04.png');transform:rotate(-5deg);} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box_wrapper .drop_box .drop03.on{width:220px;height:204px;bottom:-6px;left:3px;background-image:url('../images/event02/drag02.png');transform:rotate(3deg);} section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box_wrapper .drop_box .drop04.on{width:242px;height:229px;bottom:-8px;right:7px;background-image:url('../images/event02/drag03.png');transform:rotate(4deg);} section.event02 .contents_wrapper > .join_wrapper {position: absolute;bottom:20px;width: 680px;height: 120px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background:#FFFFFF;border-radius:60px;} section.event02 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;flex-direction:column;justify-content: center;align-items: center;gap: 10px 0;} section.event02 .contents_wrapper > .join_wrapper .join_wrap .jwrap{display:flex;} section.event02 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;} section.event02 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #D21D3E;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 .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.event02 .pop_evt .pop_evt_wrapper{position:relative;top:5%;width:714px;border-radius:20px;overflow:hidden;} section.event02 .pop_evt .pop_evt_wrapper .pop_evt_wrap{width:100%;height:544px;position:relative;background:#424242;display:flex;flex-direction:column;} section.event02 .pop_evt .pop_evt_wrapper .pop_evt_wrap .close{position:absolute;right:40px;top:40px;cursor:pointer;} section.event02 .pop_evt .pop_evt_wrapper .pop_evt_wrap .area{overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px;height:402px;} section.event02 .pop_evt .pop_evt_wrapper .pop_evt_wrap .area video{width:100%;height:100%;} section.event02 .pop_evt .pop_evt_wrapper .pop_evt_wrap .title{display:flex;justify-content:center;padding:40px 0;box-sizing:border-box;} section.event02 .pop_evt .pop_evt_wrapper .pop_evt_wrap .title span{} section.event02 .pop_evt .pop_evt_wrapper .pop_evt_wrap .info_wrap{display:flex;justify-content:center;align-items:center;gap:0 20px;} section.event02 .pop_evt .btns_wrap {position:absolute;bottom:25px;width:100%;display:flex;justify-content:center;padding:20px 0 0 0;} section.event02 .pop_evt .btns_wrap .btn_join{position:relative;width:324px;height:90px;background-image:url('../images/event02/btn_join.png');cursor:pointer;} section.event02 .pop_evt .btns_wrap .btn_join .hand{right:-20px;bottom:-40px;} /* 이벤트 02 */ /* 이벤트 03 */ section.event03 {position: relative;width: 100%;height: 2829px;background-image: url('../images/event03/bg.png');} section.event03 .contents_wrapper {display: flex;flex-direction: column;width: 100%;align-items: center;padding: 140px 0 0 0;} section.event03 .contents_wrapper .schedule_wrap {display: flex;flex-direction: column;margin: 90px 0 0 0;width: 100%;justify-content: center;align-items: center;gap:40px 0;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap{margin:140px 0 0 0;width:660px;height:1200px;background-image:url('../images/event03/evt_cover.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01{position:relative;display:flex;flex-direction:column;align-items:center;padding:180px 0 0 0;box-sizing:border-box;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .step{margin-bottom:35px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .line{} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .character_wrap{display:flex;margin:30px 0 120px 0;gap:40px 55px;flex-wrap:wrap;justify-content:center;align-items:center;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .character_wrap .character{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:.3s all;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .character_wrap .character:hover{transform:scale(1.02);} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .character_wrap .character .pic{width:145px;height:190px;background-position:center bottom;background-repeat:no-repeat;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .character_wrap .character .pic.p01{background-image:url('../images/event03/char01.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .character_wrap .character .pic.p02{background-image:url('../images/event03/char02.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .character_wrap .character .pic.p03{background-image:url('../images/event03/char03.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .character_wrap .character .pic.p04{background-image:url('../images/event03/char04.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .character_wrap .character .pic.p05{background-image:url('../images/event03/char05.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .character_wrap .character .pic.p06{background-image:url('../images/event03/char06.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .character_wrap .character .rdo{position:relative;width:24px;height:24px;background-image:url('../images/event03/rdo.png');margin:25px 0 0 0;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .character_wrap .character.on .rdo::before{position:absolute;content:'';background-image:url('../images/event03/chk.png');width:53px;height:43px;left:0;top:-10px;zoom:.6;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .btn_wrap{position:absolute;width:100%;left:0;bottom:-30px;display:flex;justify-content:center;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .btn_wrap .btn_start{position:relative;width:420px;height:100px;background-image:url('../images/event03/btn_start.png');cursor:pointer;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .btn_wrap .btn_start .hand{display:none;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .btn_wrap .btn_start.on .hand{display:block;} /* 주사위 */ section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02{box-sizing:border-box;padding:100px 7px 0 7px;box-sizing:border-box;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap{position:relative;width:100%;height:880px;box-sizing:border-box;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div{position:absolute;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01{display:flex;left:5px;bottom:0;flex-direction:row-reverse;gap:0 0;z-index:3;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 > div{width:160px;height:176px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start{position:relative;background-image:url('../images/event03/tbl00.png');background-repeat:no-repeat;background-position:center;transition:.5s all;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start.end{background-image:url('../images/event03/tbl00.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char{position:absolute;width:140px;height:170px;left:0px;top:0px;z-index:10;background-repeat:no-repeat;background-position:left bottom;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.char01{width:74px;height:113px;left:50px;top:10px;background-image:url('../images/event03/mchar01.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.char02{width:56px;height:113px;left:50px;top:10px;background-image:url('../images/event03/mchar02.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.char03{width:48px;height:113px;left:50px;top:10px;background-image:url('../images/event03/mchar03.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.char04{width:63px;height:113px;left:50px;top:10px;background-image:url('../images/event03/mchar04.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.char05{width:53px;height:113px;left:50px;top:10px;background-image:url('../images/event03/mchar05.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.char06{width:74px;height:113px;left:50px;top:10px;background-image:url('../images/event03/mchar06.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove1{animation:1s character_move1 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove2{animation:1s character_move2 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove3{animation:1s character_move3 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove4{animation:1s character_move4 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove5{animation:1s character_move5 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove6{animation:1s character_move6 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove7{animation:1s character_move7 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove8{animation:1s character_move8 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove9{animation:1s character_move9 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove10{animation:1s character_move10 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove11{animation:1s character_move11 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove12{animation:1s character_move12 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove13{animation:1s character_move13 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove14{animation:1s character_move14 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove_end{animation:1s character_move_end 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part02{display:flex;left:5px;bottom:175px;flex-direction:column-reverse;gap:0 0;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part02 > div{width:160px;height:176px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part02 > div.mark06{width:160px;height:176px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part03{display:flex;left:5px;top:0;flex-direction:row;gap:0 0;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part03 > div{width:160px;height:176px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part04{display:flex;right:5px;top:176px;flex-direction:column;gap:0 0;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part04 > div{width:160px;height:176px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part04 > div.mark13{width:160px;height:176px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark{position:relative;cursor:pointer;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.on::before{position:absolute;content:'';width:100%;height:100%;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.on.stamp::after{position:absolute;content:'';width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.5);background-repeat:no-repeat;background-position:center;border-radius:20px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark01{background-image:url('../images/event03/tbl01.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark02{background-image:url('../images/event03/tbl02.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark03{background-image:url('../images/event03/tbl03.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark04{background-image:url('../images/event03/tbl04.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark05{background-image:url('../images/event03/tbl05.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark06{background-image:url('../images/event03/tbl06.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark07{background-image:url('../images/event03/tbl07.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark08{background-image:url('../images/event03/tbl08.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark09{background-image:url('../images/event03/tbl09.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark10{background-image:url('../images/event03/tbl10.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark11{background-image:url('../images/event03/tbl11.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark12{background-image:url('../images/event03/tbl12.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark13{background-image:url('../images/event03/tbl13.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark01.stamp{background-image:url('../images/event03/tbl01.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark02.stamp{background-image:url('../images/event03/tbl02.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark03.stamp{background-image:url('../images/event03/tbl03.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark04.stamp{background-image:url('../images/event03/tbl04.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark05.stamp{background-image:url('../images/event03/tbl05.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark06.stamp{background-image:url('../images/event03/tbl06.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark07.stamp{background-image:url('../images/event03/tbl07.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark08.stamp{background-image:url('../images/event03/tbl08.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark09.stamp{background-image:url('../images/event03/tbl09.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark10.stamp{background-image:url('../images/event03/tbl10.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark11.stamp{background-image:url('../images/event03/tbl11.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark12.stamp{background-image:url('../images/event03/tbl12.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark13.stamp{background-image:url('../images/event03/tbl13.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.on.stamp::after{background-image:url('../images/event03/stamp.png');} #section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .character_wrap {position:absolute;display:flex;bottom:379px;left:180px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .character_wrap {position:absolute;display:flex;bottom:460px;left:180px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .character_wrap .char{position:absolute;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .character_wrap .char.char01{left:130px;width:74px;height:66px;background-image:url('../images/event03/mchar01.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .character_wrap .char.char02{left:180px;width:56px;height:79px;background-image:url('../images/event03/mchar02.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .character_wrap .char.char03{left:90px;width:48px;height:72px;background-image:url('../images/event03/mchar03.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .character_wrap .char.char04{left:45px;width:63px;height:63px;background-image:url('../images/event03/mchar04.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .character_wrap .char.char05{left:0;width:53px;height:76px;background-image:url('../images/event03/mchar05.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .character_wrap .char.char06{left:230px;width:74px;height:68px;background-image:url('../images/event03/mchar06.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_wrap{position:absolute;width:100%;bottom:70px;left:0;display:flex;align-items:center;gap:0 60px;z-index:5;flex-direction:column;gap:20px 0;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_wrap .dice_wrap{position:absolute;z-index:5;zoom:.7;top:-760px;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_wrap .dice_wrap .dice{width:160px;height:170px;background-image:url('../images/event03/icon_dice.png');} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_wrap .dice_wrap .dice.on{animation:1s dice_move 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .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 .step02 .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 .step02 .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 .step02 .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 .step02 .btn_wrap .dice_wrap .dice.num5{width:170px;height:170px;background-image:url('../images/event03/dice5.png');animation:.3s dice_set 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_wrap .dice_wrap .dice.num6{width:170px;height:170px;background-image:url('../images/event03/dice6.png');animation:.3s dice_set 1 linear forwards;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_wrap .btn_go{position:relative;width:420px;height:100px;background-image:url('../images/event03/btn_game.png');cursor:pointer;} section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_wrap .btn_go .hand{right:-20px;bottom:-40px;} 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:714px;height:856px;background:#FFFFFF;display:flex;flex-direction:column;border:6px solid #ffd738;border-radius:30px;padding:40px 0 0 0;box-sizing:border-box;} section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .close{position:absolute;width:32px;height:32px;background-image:url('../images/event03/close.png');right:40px;top:40px;cursor:pointer;} section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .title_wrap{display:flex;flex-direction:column;align-items:center;gap:22px 0;} section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .title_wrap .line{width:40px;height:8px;background:#ff7200} section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .title_wrap .title{display:flex;justify-content:center;padding:24px 0 20px 0;font-size:42px;font-weight:700;color:#000000;} 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:560px;height:360px;} section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .pic .btn_prev{position:absolute;background-image:url('../images/event03/btn_prev.png');width:45px;height:88px;left:15px;top:295px;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:45px;height:88px;right:15px;top:295px;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;letter-spacing:-1px;padding:0 20px;box-sizing:border-box;} section.event03 .pop_evt .btns_wrap {position:absolute;bottom:20px;display:flex;justify-content:center;padding:20px 0 0 0;width:100%;} section.event03 .pop_evt .btns_wrap .btn_stamp{position:relative;width:324px;height:90px;background-image:url('../images/event03/btn_stamp.png');cursor:pointer;} section.event03 .pop_evt .btns_wrap .btn_stamp .hand{right:-20px;bottom:-40px;} section.event03 .pop_evt .btns_wrap .btn_ok{position:relative;width:324px;height:90px;background-image:url('../images/event03/btn_ok.png');cursor:pointer;} section.event03 .pop_evt .btns_wrap .btn_ok .hand{right:-20px;bottom:-40px;} section.event03 .contents_wrapper > .join_wrapper {position: absolute;bottom:20px;width: 680px;height: 120px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background:#FFFFFF;border-radius:60px;} section.event03 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;flex-direction:column;justify-content: center;align-items: center;gap: 10px 0;} section.event03 .contents_wrapper > .join_wrapper .join_wrap .jwrap{display:flex;} section.event03 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;} section.event03 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #D21D3E;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;} /* 이벤트 03 */ /* 이벤트 04 */ section.event04 {position: relative;width: 100%;background-image: url('../images/event04/bg.png');background-repeat:no-repeat;background-color:rgba(255,243,231,1);background-position:center top;} section.event04 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding:160px 0 0 0;} section.event04 .contents_wrapper .title{display: flex;flex-direction: column;width: 100%;background-position: center top;align-items: center;} section.event04 .contents_wrapper .schedule_wrap {display: flex;margin: 90px 0 0 0;width: 100%;flex-direction:column;justify-content: center;align-items:center;gap:90px 0;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap{margin:145px 0 0 0;display:flex;flex-direction:column;align-items:center;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont{display:flex;width:100%;gap:0 25px;padding:0 10px 0 30px;box-sizing:border-box;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .step_wrapper{display:flex;flex-direction:column;gap:28px 0;align-items:center;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .step_wrapper .step01{height:101px;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .step_wrapper .step02{margin-top:140px;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper{display:flex;flex-direction:column;gap:17px 0;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .step01_ttl{height:101px;display:flex;align-items:center;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .step02_ttl{height:101px;display:flex;align-items:center;margin-top:30px;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .sex_wrap{display:flex;color:#000000;gap:0 45px;height:101px;align-items:center;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .sex_wrap .sex{display:flex;justify-content:center;align-items:center;width:170px;height:80px;border:1px solid #b2b2b2;border-radius:42px;font-size:32px;box-sizing:border-box;font-weight:500;cursor:pointer;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .sex_wrap .sex.on{border:4px solid #4560c2;color:#233258;font-weight:600;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .sex_wrap .sex:hover{border:4px solid #4560c2;color:#233258;font-weight:600;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .age_wrap{display:flex;color:#000000;gap:20px 20px;flex-wrap:wrap;height:210px;align-items:center;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .age_wrap .age{display:flex;justify-content:center;align-items:center;width:170px;height:80px;border:1px solid #b2b2b2;border-radius:42px;font-size:32px;box-sizing:border-box;font-weight:500;cursor:pointer;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .age_wrap .age.on{border:4px solid #4560c2;color:#233258;font-weight:600;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .age_wrap .age:hover{border:4px solid #4560c2;color:#233258;font-weight:600;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .photo_wrapper{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;gap:22px 20px;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .photo_wrapper .photo{width:280px;height:280px;display:flex;flex-direction:column;border:1px solid #b2b2b2;box-sizing:border-box;border-radius:20px;overflow:hidden;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .photo_wrapper .photo.on{border:4px solid #4560c2;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .photo_wrapper .photo:hover{border:4px solid #4560c2;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .photo_wrapper .photo .title_wrap{width:100%;height:90px;color:#000000;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 25px;box-sizing:border-box;background:#ffffff;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .photo_wrapper .photo.on .title_wrap{background:#e7ecff;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .photo_wrapper .photo:hover .title_wrap{background:#e7ecff;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .photo_wrapper .photo .title_wrap > .title{display:block;font-size:21px;font-weight:700;text-align:left;width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .photo_wrapper .photo .title_wrap .exp{font-size:14px;font-weight:400;color:#777777;width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .photo_wrapper .photo .pic{position:relative;height:313px;background-size:cover;} section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .photo_wrapper .photo .pic .btn{position:absolute;right:22px;bottom:16px;width:120px;height:36px;background-image:url('../images/event04/btn_view.png');cursor:pointer;} section.event04 .contents_wrapper .event_cont_wrapper .btn_wrap {position:relative;padding:200px 0 0 0;} section.event04 .contents_wrapper .event_cont_wrapper .btn_wrap .btn_join{position:relative;width:324px;height:90px;background-image:url('../images/event04/btn_join.png');cursor:pointer;} section.event04 .contents_wrapper .event_cont_wrapper .btn_wrap .btn_join .hand{display:none;} section.event04 .contents_wrapper .event_cont_wrapper .btn_wrap .btn_join.on .hand{display:block;} section.event04 .contents_wrapper .foot_content{position:relative;width:100%;height:463px;} section.event04 .contents_wrapper .foot_content .char01{position:absolute;background-image:url('../images/event04/char01.png');width:100%;height:540px;left:0;bottom:-150px;z-index:2} section.event04 .contents_wrapper .foot_content .char02{position:absolute;background-image:url('../images/event04/char02.png');width:194px;height:245px;right:47px;bottom:413px;z-index:2} section.event04 .contents_wrapper .foot_content .char03{position:absolute;background-image:url('../images/event04/char03.png');width:110px;height:223px;left:0;bottom:405px;z-index:1} section.event04 .contents_wrapper > .join_wrapper {position: absolute;bottom:20px;width: 680px;height: 120px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background:#FFFFFF;border-radius:60px;z-index:5;} section.event04 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;flex-direction:column;justify-content: center;align-items: center;gap: 10px 0;} section.event04 .contents_wrapper > .join_wrapper .join_wrap .jwrap{display:flex;} section.event04 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;} section.event04 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #F33B2A;font-weight: 800;font-size: 40px;line-height: 0.7;} section.event04 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 32px;color: #000000;} section.event04 .pop_evt {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;} section.event04 .pop_evt .pop_content_wrapper{position:relative;width:714px;height:1046px;border:6px solid #b2b2b2;border-radius:30px;background:#FFFFFF;zoom:.8;top:2%;display:flex;flex-direction:column;align-items:center;padding:40px 0 0 0;box-sizing:border-box;} section.event04 .pop_evt .pop_content_wrapper .close{position:absolute;right:10px;top:10px;width:45px;height:45px;background-image:url('../images/event04/btn_close.png');background-position:center;background-repeat:no-repeat;cursor:pointer;z-index:10;background-color:rgba(0,0,0,.7);border-radius:5px;} section.event04 .pop_evt .pop_content_wrapper .name{padding:30px 0 0 0;box-sizing:border-box;font-weight:800;font-size:34px;} section.event04 .pop_evt .pop_content_wrapper .pic{position:relative;margin-top:10px;} section.event04 .pop_evt .pop_content_wrapper .pic .pic_gallery{width:560px;height:360px;} section.event04 .pop_evt .pop_content_wrapper .pic .pic_gallery .swiper-slide{background:#424242;} section.event04 .pop_evt .pop_content_wrapper .pic .btn_prev{position:absolute;background-image:url('../images/event03/btn_prev.png');width:45px;height:88px;left:-135px;top:120px;cursor:pointer;} section.event04 .pop_evt .pop_content_wrapper .pic .btn_next{position:absolute;background-image:url('../images/event03/btn_next.png');width:45px;height:88px;right:-135px;top:120px;cursor:pointer;} section.event04 .pop_evt .pop_content_wrapper .pic .pop_evt_wrapper .paging{display:flex;justify-content:center;padding:22px 0 40px 0;box-sizing:border-box;} section.event04 .pop_evt .pop_content_wrapper .pic .pop_evt_wrapper .paging .swiper-pagination-bullet{width:12px;height:12px;background:#424242;} section.event04 .pop_evt .pop_content_wrapper .exp{width:645px;height:250px;background:#f4f4f4;box-sizing:border-box;font-size:24px;font-weight:500;color:#000000;padding:0 25px;display:flex;align-items:center;line-height:1.4;letter-spacing:-1px;} #section.event04 .pop_evt .pop_content_wrapper .btn_select{width:324px;height:90px;background-image:url('../images/event04/btn_select.png');margin-top:25px;cursor:pointer;} section.event04 .pop_evt .pop_content_wrapper .btn_select{width:324px;height:90px;background:#233258;margin-top:25px;cursor:pointer;border:4px solid #e35d5d;box-sizing:border-box;border-radius:43px;font-size:30px;color:#FFFFFF;font-weight:700;display:flex;justify-content:center;align-items:center;} /* 이벤트 04 */ /* 카드뉴스 */ section.cardnews {position: relative;width: 100%;height:1077px;background-image:url('../images/cardnews/bg.png');} section.cardnews .contents_wrap {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;justify-content: start;gap:50px 0;padding:124px 0 0 0;box-sizing:border-box;} section.cardnews .contents_wrap .photo_wrapper{position:relative;width:100%;} section.cardnews .contents_wrap .photo_wrapper .cardNewsSwiper .swiper-slide{position:relative;width:auto !important;} section.cardnews .contents_wrap .photo_wrapper .cardNewsSwiper .swiper-slide img{width:500px;} section.cardnews .contents_wrap .photo_wrapper .cardNewsSwiper .swiper-slide .cover{position:absolute;left:0;top:0;background-color:rgba(0,0,0,.5);z-index:5;width:100%;height:100%;border-radius:20px;overflow:hidden;} section.cardnews .contents_wrap .photo_wrapper .cardNewsSwiper .swiper-slide.front .cover{background-color:rgba(0,0,0,0);} section.cardnews .contents_wrap .photo_wrapper .cardNewsSwiper .swiper-slide.swiper-slide-active .cover{background-color:rgba(0,0,0,0);} /* 카드뉴스 */ /* SNS SHARE */ section.snsshare {position: relative;width: 100%;height: 383px;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: start;text-align: center;padding:100px 0 0 0;box-sizing:border-box;} section.snsshare .contents_wrap > .title {margin-bottom:30px;} section.snsshare .contents_wrap > .sns_wrapper {position: relative;} section.snsshare .contents_wrap > .sns_wrapper > ul {display: flex;gap: 0 30px;} /* 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:#F5F5F6;font-family:'Pretendard';gap:10px 0;} 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:#005ca9;margin-left:5px;margin-top:-10px;font-family:'ONE-Mobile-Title';line-height:0;} section.sec-join-info span._join_all_cnt{color:#00cdff;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:184px;z-index:15; bottom: 0;overflow:hidden;} .navigator_wrapper .cont_wrap {width:100%;background:#c6eaf8;height:100%;display:flex;justify-content:center;} .navigator_wrapper .cont_wrap .navi_wrap {display:flex;justify-content:center;align-items:center;box-sizing:border-box;gap:0 0px;} .navigator_wrapper .cont_wrap .navi_wrap li{position:relative;display:flex;justify-content:center;align-items:center;gap:8px 8px;} .navigator_wrapper .cont_wrap .navi_wrap li.menu_wrap{flex-wrap:wrap;width:610px;} .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;background-color:rgba(0,0,0,1); border-radius:50%;} /* 고정 메뉴 */ /* 기타 */ .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:82px;height:109px;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;} .swiper-button-disabled {opacity:.2;} a:focus {outline:none;} .cardnews-swiper-button-prev{ position: absolute; background-image: url('../images/cardnews/btn_prev.png'); width: 66px; height: 66px; left: 30px; top: 210px; cursor: pointer; z-index:5; } .cardnews-swiper-button-next { position: absolute; background-image: url('../images/cardnews/btn_next.png'); width: 66px; height: 66px; right: 30px; top: 210px; cursor: pointer; z-index:5; } .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:#FF4A27;color:#FFFFFF;} .pu_event_info.pop01 .btns a.bt_participate_done { background: #FF5C35; color: #FFFFFF; } .pu_event_info.pop02 .btns a.bt_participate_done { background: #00AD45; color: #FFFFFF; } .pu_event_info.pop02_1 .btns a.bt_participate_done { background: #459CE5; color: #FFFFFF; } .pu_event_info.pop03 .btns a.bt_participate_done { background: #459CE5; color: #FFFFFF; } .pu_event_info .btns a.bt_cancel {background:#333;} .pu_event_info table { width:100%; color:#333; line-height:18px; } .pu_event_info table th { font-size:16px; padding:10px; vertical-align: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;}