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('../images/visual/kb01.jpg') url('../images/visual/kb02.jpg') url('../images/visual/kb03.jpg') url('../images/visual/kb04.jpg') url('../images/visual/kb05.jpg') url('../images/visual/kb06.jpg') url('../images/visual/kb07.jpg') url('../images/visual/kb08.jpg') url('../images/visual/kb09.jpg') url('../images/visual/kb10.jpg') url('../images/visual/kb11.jpg') url('../images/visual/kb12.jpg') url('../images/visual/kb13.jpg'); } .htmlWrapper {width:100%;max-width:720px;margin:0 auto;padding-bottom:110px;position:relative;overflow:hidden;} .htmlWrapper section {background-position:center;overflow:hidden;} .sec-quick-wrapper{position:absolute;right:20px;top:620px;z-index:10;width:147px;} .sec-quick .quick{position:relative;width:150px;height:202px;cursor:pointer;} .sec-quick .quick a{display:block;width:100%;height:100%;} .sec-quick .quick.q01{background-image:url('../images/quick01.png');margin-bottom:10px;} .sec-quick .quick.q02{background-image:url('../images/quick02.png');} /* 상단 */ .htmlWrapper section.top_wrapper {position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:90px;box-sizing:border-box;z-index:10;background:#FFFFFF;font-size:20px;font-family:'NanumSquareRound';overflow:visible;font-weight:400;} .htmlWrapper section.top_wrapper > .hx_top{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#222222;gap:0 0;} .htmlWrapper section.top_wrapper > .hx_top .top_wrap{display:flex;align-items:center;justify-content:center;} .htmlWrapper section.top_wrapper > .hx_top span.first{position:relative;margin-right:5px;} .htmlWrapper section.top_wrapper > .hx_top span{margin:0 5px;} .htmlWrapper section.top_wrapper > .hx_top i{margin-right:4px;} .htmlWrapper section.top_wrapper > .hx_top b{font-size:20px;color:#222222;} /* Visual */ /* Visual */ .htmlWrapper section.visual_wrapper {position: relative;width: 100%;height: 1200px;overflow:hidden;background-image:url('../images/visual/bg.jpg?v=1');} .htmlWrapper section.visual_wrapper .contents_wrap {position: relative;width: 100%;height: 100%;overflow:hidden;display:flex;align-items:center;flex-direction:column;justify-content:start;padding:0 0 0 0;margin:0 auto;gap:30px 0;} .htmlWrapper section.visual_wrapper .earth{position: absolute;bottom:0;width:720px;;height:960px;z-index:1;background-position:center;background-repeat:no-repeat;background-image:url('../images/visual/kb01.jpg');transition:1s all;} .htmlWrapper section.visual_wrapper .earth.n1{background-image:url('../images/visual/kb01.jpg');transition:1s all;} .htmlWrapper section.visual_wrapper .earth.n2{background-image:url('../images/visual/kb02.jpg');transition:1s all;} .htmlWrapper section.visual_wrapper .earth.n3{background-image:url('../images/visual/kb03.jpg');transition:1s all;} .htmlWrapper section.visual_wrapper .earth.n4{background-image:url('../images/visual/kb04.jpg');transition:1s all;} .htmlWrapper section.visual_wrapper .earth.n5{background-image:url('../images/visual/kb05.jpg');transition:1s all;} .htmlWrapper section.visual_wrapper .earth.n6{background-image:url('../images/visual/kb06.jpg');transition:1s all;} .htmlWrapper section.visual_wrapper .earth.n7{background-image:url('../images/visual/kb07.jpg');transition:1s all;} .htmlWrapper section.visual_wrapper .earth.n8{background-image:url('../images/visual/kb08.jpg');transition:1s all;} .htmlWrapper section.visual_wrapper .earth.n9{background-image:url('../images/visual/kb09.jpg');transition:1s all;} .htmlWrapper section.visual_wrapper .earth.n10{background-image:url('../images/visual/kb10.jpg');transition:1s all;} .htmlWrapper section.visual_wrapper .earth.n11{background-image:url('../images/visual/kb11.jpg');transition:1s all;} .htmlWrapper section.visual_wrapper .earth.n12{background-image:url('../images/visual/kb12.jpg');transition:1s all;} .htmlWrapper section.visual_wrapper .earth.n13{background-image:url('../images/visual/kb13.jpg');transition:1s all;} .htmlWrapper section.visual_wrapper .contents_wrap .main_txt{position:relative;background-image:url('../images/visual/title.png');width:704px;height:595px;background-position:center;background-size:100%;background-repeat:no-repeat;z-index:2;} .htmlWrapper section.visual_wrapper .circle{position:absolute;z-index:7;} .htmlWrapper section.visual_wrapper .circle.circle01{top:161px;left:14px;width:99px;height:100px;background-image:url('../images/visual/circle01.png');animation:2s water_move infinite linear forwards;} .htmlWrapper section.visual_wrapper .circle.circle02{bottom:200px;left:0;width:132px;height:133px;background-image:url('../images/visual/circle02.png');animation:2s water_move02 infinite linear forwards;animation-delay:.3s} .htmlWrapper section.visual_wrapper .circle.circle03{top:43px;right:100px;width:109px;height:111px;background-image:url('../images/visual/circle03.png');animation:2s water_move infinite linear forwards;animation-delay:.5s} .htmlWrapper section.visual_wrapper .circle.circle04{bottom:0;right:0;width:182px;height:184px;background-image:url('../images/visual/circle04.png');animation:2s water_move02 infinite linear forwards;animation-delay:.7s} .htmlWrapper section.visual_wrapper .circle.circle05{top:527px;left:187px;width:147px;height:150px;background-image:url('../images/visual/circle05.png');animation:2s water_move infinite linear forwards;animation-delay:.9s} .htmlWrapper section.visual_wrapper .circle.circle06{bottom:26px;left:144px;width:89px;height:90px;background-image:url('../images/visual/circle06.png');animation:2s water_move02 infinite linear forwards;animation-delay:.11s} .htmlWrapper section.visual_wrapper .circle.circle07{top:440px;right:10px;width:93px;height:95px;background-image:url('../images/visual/circle07.png');animation:2s water_move infinite linear forwards;animation-delay:.5s} /* Visual */ /* 이벤트 01 */ section.event01 {position: relative;width: 100%;height:7730px;background-image:url('../images/event01/bg.jpg');} section.event01 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding: 120px 0 0 0;box-sizing:border-box;} 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;flex-direction:column;align-items:center;justify-content: center;margin:80px 0 0 0;width: 100%;z-index: 2;gap:40px 0;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width: 100%;margin: 80px 0 0 0;display:flex;flex-direction:column;align-items:center;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .evt_title{position:relative;z-index:2;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .card_list_wrapper{position:relative;width:100%;display:flex;flex-wrap:wrap;margin:40px 0 0 0;gap:40px 16px;justify-content:center;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .card_list_wrapper .card{position:relative;width:332px;height:534px;display:flex;flex-direction:column;background:#FFFFFF;border-radius:20px;overflow:hidden;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .card_list_wrapper .card .company_wrap{position:relative;display:flex;justify-content:space-between;align-items:center;height:72px;padding:0 16px;box-sizing:border-box;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .card_list_wrapper .card .company_wrap .flag img{height:32px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .card_list_wrapper .card .company_wrap .company{font-family:'Pretendard',sans-serif;font-size:18px;font-weight:600;text-align:right;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .card_list_wrapper .card .photo{position:relative;width:100%;height:240px;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .card_list_wrapper .card .photo img{width:100%;height:100%;object-fit:cover;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .card_list_wrapper .card .company{font-family:'Pretendard',sans-serif;font-size:22px;font-weight:800;text-align:center;padding:15px 0 0 0;height:60px;display:flex;align-items:center;justify-content:center;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .card_list_wrapper .card .exp {font-family:'Pretendard',sans-serif;width:100%;height:132px;display:flex;text-align:center;font-size:20px;font-weight:400;align-items:start;justify-content:center;line-height:1.4;padding:10px 20px 0 20px;box-sizing:border-box;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .card_list_wrapper .card .btns_wrap {position:relative;width:100%;display:flex;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .card_list_wrapper .card .btns_wrap .btn_view{width:182px;height:80px;background-image:url('../images/event01/btn_view.png');cursor:pointer;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .card_list_wrapper .card .btns_wrap .btn_check{width:182px;height:80px;background-image:url('../images/event01/btn_check.png');cursor:pointer;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .card_list_wrapper .card .btns_wrap .btn_check .stamp{display:none;position:absolute;width:242px;height:242px;left:60px;top:-300px;background-image:url('../images/event01/stamp.png');cursor:pointer;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .card_list_wrapper .card .btns_wrap .btn_check.on .stamp{display:block;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .card_list_wrapper .card .company.fc_01{color:#208375;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .card_list_wrapper .card .company.fc_02{color:#2e53c8;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .card_list_wrapper .card .company.fc_03{color:#2184c2;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .card_list_wrapper .card .company.fc_04{color:#5c717f;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .card_list_wrapper .card .company.fc_05{color:#3d6aca;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .card_list_wrapper .card .company.fc_06{color:#218d51;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .card_list_wrapper .card .company.fc_07{color:#37698b;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .card_list_wrapper .card .company.fc_08{color:#214ba2;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .card_list_wrapper .card .company.fc_09{color:#0069af;} section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .card_list_wrapper .card .company.fc_10{color:#3c7346;} section.event01 .evt_pop{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:90;display:flex;align-items:start;justify-content:center;} section.event01 .evt_pop .pop_content_wrapper{position:relative;width:680px;height:1141px;display:flex;flex-direction:column;margin:80px auto 0 auto;gap:20px 0;background:#FFFFFF;border-radius:20px;} section.event01 .evt_pop .pop_content_wrapper .content{position:relative;display:flex;height:100%;padding:40px 20px;box-sizing:border-box;flex-direction:column-reverse;justify-content:start;align-items:center;} section.event01 .evt_pop .pop_content_wrapper .content .close{position:absolute;width:60px;height:60px;background-image:url('../images/event01/pop_close.png');right:0;top:-70px;cursor:pointer;} section.event01 .evt_pop .pop_content_wrapper .content .info_wrap{position:relative;width:550px;} section.event01 .evt_pop .pop_content_wrapper .content .info_wrap .type01_wrap{display:flex;align-items:center;gap:0 8px;font-family:'Pretendard',sans-serif;font-size:23px;color:#2E21E5;font-family:'Pretendard';font-weight:700;letter-spacing:-2px;margin-top:20px;} section.event01 .evt_pop .pop_content_wrapper .content .info_wrap .type02_wrap{display:flex;align-items:center;gap:0 8px;font-family:'Pretendard',sans-serif;font-size:24px;color:#111111;font-weight:600;margin-top:24px;} section.event01 .evt_pop .pop_content_wrapper .content .info_wrap .exp{font-size:28px;color:#111111;font-weight:700;margin-top:6px;line-height:1.3;} section.event01 .evt_pop .pop_content_wrapper .content .info_wrap .type03_wrap{display:flex;flex-direction:column;align-items:start;gap:10px 0;font-family:'Pretendard',sans-serif;font-size:22px;color:#555555;font-weight:300;margin-top:20px;letter-spacing:-1px;} section.event01 .evt_pop .pop_content_wrapper .content .info_wrap .type03_wrap .keyword{display:flex;gap:5px 10px;flex-wrap:wrap;align-items:center;padding:0 0 0 10px;} section.event01 .evt_pop .pop_content_wrapper .content .info_wrap .stamp{display:none;position:absolute;width:242px;height:242px;background-image:url('../images/event01/stamp.png');left:310px;bottom:205px;z-index:5;} section.event01 .evt_pop .pop_content_wrapper .content .info_wrap .stamp.on{display:block;} section.event01 .evt_pop .pop_content_wrapper .content .cardnews_wrap{position:relative;width:454px;} section.event01 .evt_pop .pop_content_wrapper .content .cardnews_wrap .cardnews{position:relative;width:454px;height:600px;border-radius:16px;background:#777777;top:-5px;} section.event01 .evt_pop .pop_content_wrapper .content .btn_wrap{position:absolute;width:100%;left:0;bottom:-100px;display:flex;justify-content:center;} section.event01 .evt_pop .pop_content_wrapper .content .btn_wrap .btn_ok{position:relative;width:376px;height:80px;background-image:url('../images/event01/btn_ok.png');cursor:pointer;} section.event01 .evt_pop .pop_content_wrapper .content .pop-button-prev{position:absolute;left:-30px;top:260px;width:58px;height:58px;background-image:url('../images/event01/btn_prev.png');cursor:pointer;z-index:9;} section.event01 .evt_pop .pop_content_wrapper .content .pop-button-next{position:absolute;right:-30px;top:260px;width:58px;height:58px;background-image:url('../images/event01/btn_next.png');cursor:pointer;z-index:9;} section.event01 .contents_wrapper > .join_wrapper {position: absolute;bottom:290px;width: 712px;height: 211px;display: flex;justify-content: center;align-items: center;font-size: 30px;color:#000000;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:10px 5px;} section.event01 .contents_wrapper > .join_wrapper .join_wrap .jwrap{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: #1335AE;font-weight: 800;font-size: 40px;line-height: 0.7;} section.event01 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 800;padding: 0 7px 0 12px;font-size: 30px;color: #000000;} /* 이벤트 01 */ /* 순위 */ section.order {position: relative;width: 100%;height:3530px;background-image:url('../images/order/bg.jpg');} section.order .contents_wrap {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding: 120px 0 0 0;box-sizing:border-box;} section.order .contents_wrap .order_list_wrapper{display: flex;flex-direction: column;width:100%;align-items:center;margin:80px 0 0 0;} section.order .contents_wrap .order_list_wrapper .tabs_wrap{display: flex;gap:0 40px;} section.order .contents_wrap .order_list_wrapper .tabs_wrap .tab{position:relative;width:240px;height:78px;cursor:pointer;} section.order .contents_wrap .order_list_wrapper .tabs_wrap .tab.on::before{position:absolute;left:70px;top:-54px;content:'';width:100px;height:70px;background-image:url('../images/order/char.png');} section.order .contents_wrap .order_list_wrapper .tabs_wrap .tab:nth-child(1){background-image:url('../images/order/tab01.png');} section.order .contents_wrap .order_list_wrapper .tabs_wrap .tab:nth-child(2){background-image:url('../images/order/tab01.png');} section.order .contents_wrap .order_list_wrapper .tabs_wrap .tab.on:nth-child(1){background-image:url('../images/order/tab01_on.png');} section.order .contents_wrap .order_list_wrapper .tabs_wrap .tab.on:nth-child(2){background-image:url('../images/order/tab01_on.png');} section.order .contents_wrap .order_list_wrapper .card_list{width:100%;display:flex;flex-direction:column;margin:40px 0 0 0;flex-wrap:wrap;gap:40px 16px;align-items:center;} section.order .contents_wrap .order_list_wrapper .card_list .card{position:relative;width:680px;height:240px;display:flex;background:#FFFFFF;border-radius:20px;overflow:hidden;} section.order .contents_wrap .order_list_wrapper .card_list .card .onum{position:absolute;} section.order .contents_wrap .order_list_wrapper .card_list .card .photo{width:360px;height:240px;} section.order .contents_wrap .order_list_wrapper .card_list .card .photo img{width:100%;height:100%;object-fit:cover;} section.order .contents_wrap .order_list_wrapper .card_list .card .info_wrap{position:relative;flex:1;display:flex;flex-direction:column;padding:20px 20px 0 25px;box-sizing:border-box;} section.order .contents_wrap .order_list_wrapper .card_list .card .info_wrap .cate_wrap{display:flex;justify-content:space-between;align-items:center;} section.order .contents_wrap .order_list_wrapper .card_list .card .info_wrap .cate_wrap .name{font-size:24px;font-weight:600;color:#111111;} section.order .contents_wrap .order_list_wrapper .card_list .card .info_wrap .exp{font-size:18px;font-weight:400;color:#555555;height:120px;display:flex;align-items:center;} section.order .contents_wrap .order_list_wrapper .card_list .card .info_wrap .btns{position:absolute;left:0;bottom:24px;width:100%;display:flex;justify-content:end;padding:0 20px;box-sizing:border-box;} section.order .contents_wrap .order_list_wrapper .card_list .card .info_wrap .btns .btn_view{width:138px;height:32px;background-image:url('../images/order/btn_view.png');cursor:pointer;} section.order .contents_wrap .order_list_wrapper .card_list .card .onum{position:absolute;top:85px;left:325px;font-family:'Pretendard';display:flex;justify-content:center;align-items:center;box-sizing:border-box;background-image:url('../images/order/no.png');width:70px;height:70px;font-weight:900;font-size:32px;color:#1A1D44;} section.order .contents_wrap .order_list_wrapper .card_list .card .onum.n1{position:absolute;align-items:start;width:84px;height:106px;background-image:url('../images/order/no1.png');top:76px;left:318px;padding:20px 0 0 0;color:#FFFFFF;} section.order .contents_wrap .order_list_wrapper .card_list .card .onum.n2{position:absolute;align-items:start;width:84px;height:106px;background-image:url('../images/order/no2.png');top:76px;left:318px;padding:20px 0 0 0;color:#FFFFFF;} section.order .contents_wrap .order_list_wrapper .card_list .card .onum.n3{position:absolute;align-items:start;width:84px;height:106px;background-image:url('../images/order/no3.png');top:76px;left:318px;padding:20px 0 0 0;color:#FFFFFF;} /* 순위 */ .cate {position:relative;} .cate.c01 {width:141px;height:48px;background-image:url('../images/event01/cate01.png');} .cate.c02 {width:162px;height:48px;background-image:url('../images/event01/cate02.png');} .cate.c03 {width:162px;height:48px;background-image:url('../images/event01/cate03.png');} .cate.c04 {width:261px;height:48px;background-image:url('../images/event01/cate04.png');} .cate.c05 {width:240px;height:48px;background-image:url('../images/event01/cate05.png');} .cate.c06 {width:120px;height:48px;background-image:url('../images/event01/cate06.png');} .cate.c07 {width:141px;height:48px;background-image:url('../images/event01/cate07.png');} .cate.c08 {width:141px;height:48px;background-image:url('../images/event01/cate08.png');} .cate.c09 {width:162px;height:48px;background-image:url('../images/event01/cate09.png');} .cate.c10 {width:141px;height:48px;background-image:url('../images/event01/cate10.png');} /* SNS SHARE */ section.snsshare {position: relative;width: 100%;height: 308px;background-image:url('../images/share/bg.jpg');} section.snsshare .contents_wrap {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;gap:43px 0;font-size:45px;color:#FFFFFF;letter-spacing:-1px;font-weight:800;font-family:'Pretendard'} section.snsshare .contents_wrap .title {margin-bottom:0;} section.snsshare .contents_wrap p{color:#9BCDFF} 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:#F5F5F6;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:#243277;margin-left:5px;margin-top:-10px;font-family:'ONE-Mobile-Title';line-height:0;} section.sec-join-info span._join_all_cnt{color:#187DFA;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;} */ section.sec-copyright { position: relative; width: 100%; display: flex; flex-direction:column; padding:50px 20px; box-sizing:border-box; background:#EEEEEE; font-size:20px; font-family:'Pretendard',sans-serif; } section.sec-copyright .company_info_wrapper {display:flex;flex-direction:column;} section.sec-copyright .company_info_wrapper .company_info{display:flex;flex-direction:column;gap:10px 0;} section.sec-copyright .company_info_wrapper .company_info .company{display:flex;gap:0 30px;} section.sec-copyright .company_info_wrapper .company_info .company .agent{font-weight:800;width:120px;} section.sec-copyright .company_info_wrapper .company_info .company .agent.ttl{font-size:23px;margin-bottom:20px;} section.sec-copyright .company_info_wrapper .company_info .company .address{} section.sec-copyright .company_info_wrapper .tel_wrapper{display:flex;flex-direction:column;align-items:center;gap:10px 0;margin:20px 0 0 0;text-align:center} section.sec-copyright .copyright {position:relative;color:#000000;margin-top:20px;font-weight:400;text-align:center;} /* 고정 메뉴 */ .navigator_wrapper {position: fixed;left: 0;bottom: 0;width: 100%;height: 110px;z-index: 11;bottom: 0;overflow: hidden;background:#0F106D;} .navigator_wrapper .cont_wrap {width: 100%;height: 100%;display: flex;justify-content: center;padding:0 20px;box-sizing:border-box;} .navigator_wrapper .cont_wrap .navi_wrap {height: 100%;display: flex;justify-content: space-between;align-items: center;padding:0 30px;box-sizing:border-box;} .navigator_wrapper .cont_wrap .navi_wrap > li {position: relative;height: 100%;display: flex;justify-content: center;align-items: center;font-size:24px;font-weight:600;color:#FFFFFF;} .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;} .navigator_wrapper .cont_wrap .navi_wrap > li > span {display:flex;align-items:center;} .navigator_wrapper .cont_wrap .navi_wrap > li > span i{font-size:40px;font-weight:700;margin:0 5px 0 12px;} .navigator_wrapper .cont_wrap .navi_wrap > li > .n_tabs a{display:block;width:100%;height:100%;} .navigator_wrapper .cont_wrap .navi_wrap > li > .n_tabs.n_tab01 {position: relative;width:328px;height:80px;background-image:url('../images/nav01.png');margin-right:20px;} .navigator_wrapper .cont_wrap .navi_wrap > li > .n_tabs.n_tab02 {position: relative;width:247px;height:80px;background-image:url('../images/nav02.png');margin-right:20px;} /* 고정 메뉴 */ /* 기타 */ .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:-60px;} .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:#2573CC;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 a .hand{bottom:-50px;} .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.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;} .pu_event_done .bt_pu_event_done_close{ display:flex;width:100%;height:70px;background:#000000;justify-content:center;align-items:center;color:#FFFFFF;font-weight:800;font-size:26px; } .pu_event_done .ph a .hand {right:150px;bottom:-80px;}