event01.js@font-face {
    font-family: 'KblJump';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-5@1.0/KBLJump_RTTF.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cafe24Ssurround';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GMarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'SchoolSafetyNotification';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimAllimjangTTF-R.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'SchoolSafetyNotification';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimAllimjangTTF-B.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'GodoMaum';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/godoMaum.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
body {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;min-width: 1400px;background-color: #d5d6d7;}
body::after {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	z-index: -1;
	content:
    url('../images/visual/friends01.png') url('../images/visual/friends02.png') url('../images/visual/friends03.png')
    url('../images/visual/friends04.png') url('../images/visual/friends05.png') url('../images/visual/friends06.png')
    url('../images/event01/map_on/map01.png') url('../images/event01/map_on/map02.png') url('../images/event01/map_on/map03.png') url('../images/event01/map_on/map04.png') url('../images/event01/map_on/map05.png')
    url('../images/event01/map_on/map06.png') url('../images/event01/map_on/map07.png') url('../images/event01/map_on/map08.png') url('../images/event01/map_on/map09.png') url('../images/event01/map_on/map10.png')
    url('../images/event01/map_on/map11.png') url('../images/event01/map_on/map12.png') url('../images/event01/map_on/map13.png') url('../images/event01/map_on/map14.png') url('../images/event01/map_on/map15.png')
    url('../images/event01/map_on/map16.png') url('../images/event01/map_on/map17.png') url('../images/event01/map_on/map18.png') url('../images/event01/map_on/map19.png') url('../images/event01/map_on/map20.png')
    url('../images/event01/map_on/map21.png') url('../images/event01/map_on/map22.png') url('../images/event01/map_on/map23.png') url('../images/event01/map_on/map24.png') url('../images/event01/map_on/map25.png')
    url('../images/event01/map_complete/map01.png') url('../images/event01/map_complete/map02.png') url('../images/event01/map_complete/map03.png') url('../images/event01/map_complete/map04.png') url('../images/event01/map_complete/map05.png')
    url('../images/event01/map_complete/map06.png') url('../images/event01/map_complete/map07.png') url('../images/event01/map_complete/map08.png') url('../images/event01/map_complete/map09.png') url('../images/event01/map_complete/map10.png')
    url('../images/event01/map_complete/map11.png') url('../images/event01/map_complete/map12.png') url('../images/event01/map_complete/map13.png') url('../images/event01/map_complete/map14.png') url('../images/event01/map_complete/map15.png')
    url('../images/event01/map_complete/map16.png') url('../images/event01/map_complete/map17.png') url('../images/event01/map_complete/map18.png') url('../images/event01/map_complete/map19.png') url('../images/event01/map_complete/map20.png')
    url('../images/event01/map_complete/map21.png') url('../images/event01/map_complete/map22.png') url('../images/event01/map_complete/map23.png') url('../images/event01/map_complete/map24.png') url('../images/event01/map_complete/map25.png')
    ;
}

.htmlWrapper {width: 100%;max-width: 1920px;margin: 0 auto;padding-bottom: 100px;position: relative;overflow: hidden;}
.htmlWrapper section {background-position: center;min-width: 1400px;}
div:focus{outline:none;}

body, h1, h2, h3, h4, input, select, button, textarea {font-family:'Pretendard',sans-serif;}

/* 상단 */
.htmlWrapper section.top_wrapper {
    position: relative;display: flex;justify-content: center;align-items: center;
    width: 100%;height: 50px;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: center;gap: 08px;color: #888888;}
.htmlWrapper section.top_wrapper > .hx_top span {font-size: 24px;font-weight: 800;color: #222222;}
.htmlWrapper section.top_wrapper > .hx_top span a {display: flex;}
.htmlWrapper section.top_wrapper > .hx_top b {color: #000;font-size:22px;font-weight:900;}
.htmlWrapper section.top_wrapper > .hx_top i {margin-top: 3px;margin-right: 10px;}
.htmlWrapper section.top_wrapper > .hx_top .com_logo {margin-top:-7px;}
.htmlWrapper section.top_wrapper > .hx_top div.ment {}
.htmlWrapper section.top_wrapper > .hx_top span.txt {position:relative;font-size:20px;color:#888888;font-weight:500;}
.htmlWrapper section.top_wrapper > .hx_top .hx_txt {position: absolute;top: 40px;}


/* Visual */
.htmlWrapper section.visual_wrapper {position: relative;width: 100%;height: 880px;background-image:url('../images/visual/bg.jpg');background-position: center;overflow: hidden;}
.htmlWrapper section.visual_wrapper .contents_wrap{position: relative;width: 1300px;height:100%;margin:0 auto;display:flex;justify-content:center;padding:48px;box-sizing: border-box;}
.htmlWrapper section.visual_wrapper .contents_wrap .character_wrap{position: absolute;width:100%;height:100%;}
.htmlWrapper section.visual_wrapper .contents_wrap .character_wrap .friends{position: absolute;top:105px;left:110px;width:332px;height:337px;transform:scale(.4);z-index:3;}
.htmlWrapper section.visual_wrapper .contents_wrap .character_wrap .friends.a1{background-image: url('../images/visual/friends01.png');transform:scale(.4);z-index:3;}
.htmlWrapper section.visual_wrapper .contents_wrap .character_wrap .friends.a2{background-image: url('../images/visual/friends02.png');transform:scale(.4);z-index:3;}
.htmlWrapper section.visual_wrapper .contents_wrap .character_wrap .friends.a3{background-image: url('../images/visual/friends03.png');transform:scale(.4);z-index:3;}
.htmlWrapper section.visual_wrapper .contents_wrap .character_wrap .friends.a4{background-image: url('../images/visual/friends04.png');transform:scale(.4);z-index:3;}
.htmlWrapper section.visual_wrapper .contents_wrap .character_wrap .friends.a5{background-image: url('../images/visual/friends05.png');transform:scale(.4);z-index:3;}
.htmlWrapper section.visual_wrapper .contents_wrap .character_wrap .friends.a6{background-image: url('../images/visual/friends06.png');transform:scale(.4);z-index:3;}
.htmlWrapper section.visual_wrapper .contents_wrap .character_wrap .friends.on{animation:15s main_work linear forwards;}
.htmlWrapper section.visual_wrapper .contents_wrap .character_wrap .bus{position: absolute;top:370px;left:405px;width:208px;height:84px;background-image: url('../images/visual/bus.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .character_wrap .place {position: absolute;width:110px;height:125px;overflow:hidden;}
.htmlWrapper section.visual_wrapper .contents_wrap .character_wrap .place .in{position: absolute;left:0;top:125px;width:110px;height:123px;background:#FFFFFF;border-radius:10px;padding:4px;box-sizing:border-box;}
.htmlWrapper section.visual_wrapper .contents_wrap .character_wrap .place.on .in{top:0;transition: .5s all;}
.htmlWrapper section.visual_wrapper .contents_wrap .character_wrap .place .in img{width:100%;height:100%;background:#000;border-radius:7px;object-fit: contain;}
.htmlWrapper section.visual_wrapper .contents_wrap .character_wrap .place.place01{left:-220px;top:330px;}
.htmlWrapper section.visual_wrapper .contents_wrap .character_wrap .place.place02{left:-100px;top:330px;}
.htmlWrapper section.visual_wrapper .contents_wrap .character_wrap .place.place03{right:350px;top:290px;}
.htmlWrapper section.visual_wrapper .contents_wrap .character_wrap .place.place04{right:230px;top:290px;}
.htmlWrapper section.visual_wrapper .contents_wrap .character_wrap .place.place05{right:110px;top:290px;}
.htmlWrapper section.visual_wrapper .contents_wrap .character_wrap .place.place06{right:-250px;top:437px;}
.htmlWrapper section.visual_wrapper .contents_wrap .character_wrap .place.place07{left:590px;bottom:145px;}
.htmlWrapper section.visual_wrapper .contents_wrap .character_wrap .place.place08{left:470px;bottom:145px;}
.htmlWrapper section.visual_wrapper .contents_wrap .character_wrap .place.place09{left:350px;bottom:145px;}
.htmlWrapper section.visual_wrapper .contents_wrap .park{position:absolute;right:-284px;bottom:0;width:416px;height:167px;background-image: url('../images/visual/park.png');z-index:3;}

.htmlWrapper section.visual_wrapper .contents_wrap .airplain{position:absolute;left:-450px;top:170px;background-image: url('../images/visual/airplain.png');width:135px;height:66px;animation:5s airplain infinite linear forwards; }
.htmlWrapper section.visual_wrapper .contents_wrap .balloon{position:absolute;right:-50px;top:10px;background-image: url('../images/visual/balloon.png');width:189px;height:227px;animation:3s balloon infinite linear forwards; }
.htmlWrapper section.visual_wrapper .contents_wrap .fire1{position:absolute;left:-200px;top:100px;background-image: url('../images/visual/fire1.png');width:84px;height:84px;animation:2s fire infinite linear forwards; transform:scale(0);}
.htmlWrapper section.visual_wrapper .contents_wrap .fire2{position:absolute;left:-250px;top:200px;background-image: url('../images/visual/fire2.png');width:50px;height:50px;animation:1.5s fire infinite linear forwards; animation-delay: .3s;transform:scale(0);}
.htmlWrapper section.visual_wrapper .contents_wrap .fire3{position:absolute;left:-170px;top:220px;background-image: url('../images/visual/fire3.png');width:65px;height:65px;animation:2s fire infinite linear forwards; animation-delay: .4s;transform:scale(0);}
.htmlWrapper section.visual_wrapper .contents_wrap .fire4{position:absolute;right:-210px;top:80px;background-image: url('../images/visual/fire4.png');width:49px;height:49px;animation:1.5s fire infinite linear forwards; transform:scale(0);}
.htmlWrapper section.visual_wrapper .contents_wrap .fire5{position:absolute;right:-240px;top:130px;background-image: url('../images/visual/fire5.png');width:65px;height:65px;animation:2s fire infinite linear forwards; animation-delay: .4s;transform:scale(0);}



/* 이벤트 01 */
section.event01 {position: relative;width: 100%;height:2745px;background-image: url('../images/event01/bg.jpg');overflow:hidden;background-position: center top}
section.event01 .contents_wrapper {display: flex;flex-direction: column;width: 100%;margin:0 auto;align-items: center;padding: 60px 0 0 0;}
section.event01 .contents_wrapper .title{position:relative;}
section.event01 .contents_wrapper .schedule_wrap {display: flex;margin: 40px 0 120px 0;width: 1300px;justify-content: space-between;z-index: 2;}
section.event01 .contents_wrapper .present {width:436px;}
section.event01 .contents_wrapper .present .present_wrap{position:relative;width:436px;display:flex;flex-direction: column;align-items: center;gap:16px 0;}
section.event01 .contents_wrapper .present .present_wrap .present_slide{position:relative;width:100%;}
section.event01 .contents_wrapper .present .present_wrap .presentSwiper .swiper-slide {width:210px !important;height:253px !important;}
section.event01 .contents_wrapper .event_cont_wrapper {position:relative;width:100%;display:flex;flex-direction: column;align-items: center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_wrapper {position:relative;width:1300px;display:flex;flex-direction: column;gap:40px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_wrapper .e_items{position:relative;display:flex;align-items: start;gap:0 40px;z-index:3;}
section.event01 .contents_wrapper .event_cont_wrapper .event_wrapper .e_items .ttl{font-size:32px;font-weight:800;color:#353535;padding:33px 0 0 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_wrapper .e_items .sel-box{display:flex;flex-wrap: wrap;gap:20px 20px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_wrapper .e_items .sel-box .sex{position:relative;width:588px;height:100px;background:#FFFFFF;border-radius:20px;display:flex;align-items: center;padding:0 40px;box-sizing:border-box;font-size:28px;font-weight:500;cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .event_wrapper .e_items .sel-box .sex.on{background:#3DAF8C;color:#FFFFFF;font-weight:800;box-shadow: 0 0 0 4px #BCE2D6 inset; transition: .3s all;}
section.event01 .contents_wrapper .event_cont_wrapper .event_wrapper .e_items .sel-box .sex:hover{background:#3DAF8C;color:#FFFFFF;font-weight:800;box-shadow: 0 0 0 4px #BCE2D6 inset;transition: .3s all; }
section.event01 .contents_wrapper .event_cont_wrapper .event_wrapper .e_items .sel-box .sex::after{position:absolute;right:40px;content:'';background-image: url('../images/event01/chk.png');width:48px;height:48px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_wrapper .e_items .sel-box .sex.on::after{background-image: url('../images/event01/chk_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_wrapper .e_items .sel-box .sex:hover::after{background-image: url('../images/event01/chk_on.png');}

section.event01 .contents_wrapper .event_cont_wrapper .event_wrapper .e_items .sel-box .age{position:relative;width:284px;height:100px;background:#FFFFFF;border-radius:20px;display:flex;align-items: center;padding:0 40px;box-sizing:border-box;font-size:28px;font-weight:500;cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .event_wrapper .e_items .sel-box .age.on{background:#3DAF8C;color:#FFFFFF;font-weight:800;box-shadow: 0 0 0 4px #BCE2D6 inset; transition: .3s all;}
section.event01 .contents_wrapper .event_cont_wrapper .event_wrapper .e_items .sel-box .age:hover{background:#3DAF8C;color:#FFFFFF;font-weight:800;box-shadow: 0 0 0 4px #BCE2D6 inset;transition: .3s all; }
section.event01 .contents_wrapper .event_cont_wrapper .event_wrapper .e_items .sel-box .age::after{position:absolute;right:40px;content:'';background-image: url('../images/event01/chk.png');width:48px;height:48px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_wrapper .e_items .sel-box .age.on::after{background-image: url('../images/event01/chk_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_wrapper .e_items .sel-box .age:hover::after{background-image: url('../images/event01/chk_on.png');}


section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper{position:absolute;width:100%;height:1371px;background-image: url('../images/event01/map_cover.png');top:394px;left:0;display:flex;justify-content: center;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents{position:relative;width:898px;height:800px;top:50px;left:10px;box-sizing: border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map{position:absolute;display:flex;align-items: center;justify-content: center;cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map .txt{position:relative;width:59px;height:34px;z-index:5;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map .txt .stamp{display:none;position:absolute;width:84px;height:84px;background-image: url('../images/event01/stamp.png');left:0;top:-20px;z-index:8;text-indent:-9999px;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.complete .txt .stamp{display:block;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m01{top:0;right:266px;width:102px;height:198px;background-image: url('../images/event01/map/map01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m02{top:2px;right:141px;width:148px;height:253px;background-image: url('../images/event01/map/map02.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m03{top:44px;left:473px;width:144px;height:215px;background-image: url('../images/event01/map/map03.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m04{top:117px;left:256px;width:180px;height:233px;background-image: url('../images/event01/map/map04.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m05{top:276px;left:303px;width:129px;height:139px;background-image: url('../images/event01/map/map05.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m06{top:195px;left:406px;width:151px;height:194px;background-image: url('../images/event01/map/map06.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m07{top:183px;left:456px;width:207px;height:177px;background-image: url('../images/event01/map/map07.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m08{top:283px;left:560px;width:113px;height:132px;background-image: url('../images/event01/map/map08.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m09{top:236px;right:130px;width:102px;height:147px;background-image: url('../images/event01/map/map09.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m10{top:311px;left:191px;width:232px;height:184px;background-image: url('../images/event01/map/map10.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m11{top:381px;left:417px;width:139px;height:70px;background-image: url('../images/event01/map/map11.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m12{top:436px;left:383px;width:151px;height:114px;background-image: url('../images/event01/map/map12.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m13{top:383px;left:529px;width:130px;height:120px;background-image: url('../images/event01/map/map13.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m14{top:376px;right:157px;width:108px;height:139px;background-image: url('../images/event01/map/map14.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m15{top:273px;left:0;width:241px;height:222px;background-image: url('../images/event01/map/map15.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m16{top:443px;left:113px;width:143px;height:121px;background-image: url('../images/event01/map/map16.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m17{top:440px;left:240px;width:143px;height:195px;background-image: url('../images/event01/map/map17.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m18{top:547px;left:99px;width:171px;height:124px;background-image: url('../images/event01/map/map18.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m19{top:628px;left:223px;width:107px;height:149px;background-image: url('../images/event01/map/map19.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m20{top:533px;left:293px;width:173px;height:129px;background-image: url('../images/event01/map/map20.png');}

section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m21{top:608px;left:295px;width:185px;height:165px;background-image: url('../images/event01/map/map21.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m22{top:520px;left:442px;width:267px;height:281px;background-image: url('../images/event01/map/map22.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m23{top:497px;left:526px;width:246px;height:225px;background-image: url('../images/event01/map/map23.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m24{top:462px;right:51px;width:197px;height:237px;background-image: url('../images/event01/map/map24.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m25{top:371px;right:0;width:145px;height:166px;background-image: url('../images/event01/map/map25.png');}

section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m01 .txt{margin-top:-10px;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m02 .txt{margin-top:55px;left:-10px;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m03 .txt{margin-top:45px;left:-10px;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m04 .txt{margin-top:12px;left:10px;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m05 .txt{margin-top:22px;left:-2px;width:80px;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m06 .txt{margin-top:95px;left:-15px;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m07 .txt{margin-top:45px;left:-10px;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m08 .txt{margin-top:15px;left:5px;width:80px;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m09 .txt{margin-top:-5px;left:-5px;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m10 .txt{margin-top:25px;left:0;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m11 .txt{margin-top:-5px;left:0;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m12 .txt{margin-top:-5px;left:0px;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m14 .txt{margin-top:15px;left:8px;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m15 .txt{margin-top:23px;left:-8px;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m16 .txt{margin-top:25px;left:-3px;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m17 .txt{margin-top:-5px;left:-18px;width:80px;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m18 .txt{margin-top:-35px;left:2px;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m19 .txt{margin-top:-55px;left:-2px;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m20 .txt{margin-top:-37px;left:8px;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m21 .txt{margin-top:11px;left:0;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m22 .txt{margin-top:-7px;left:-52px;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m23 .txt{margin-top:7px;left:-16px;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m24 .txt{margin-top:-17px;left:-7px;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m25 .txt{margin-top:-24px;left:0;}



#section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.hover{transform:scale(1.1);z-index:5;transition:.3s all;}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m01.hover{background-image: url('../images/event01/map_on/map01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m02.hover{background-image: url('../images/event01/map_on/map02.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m03.hover{background-image: url('../images/event01/map_on/map03.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m04.hover{background-image: url('../images/event01/map_on/map04.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m05.hover{background-image: url('../images/event01/map_on/map05.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m06.hover{background-image: url('../images/event01/map_on/map06.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m07.hover{background-image: url('../images/event01/map_on/map07.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m08.hover{background-image: url('../images/event01/map_on/map08.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m09.hover{background-image: url('../images/event01/map_on/map09.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m10.hover{background-image: url('../images/event01/map_on/map10.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m11.hover{background-image: url('../images/event01/map_on/map11.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m12.hover{background-image: url('../images/event01/map_on/map12.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m13.hover{background-image: url('../images/event01/map_on/map13.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m14.hover{background-image: url('../images/event01/map_on/map14.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m15.hover{background-image: url('../images/event01/map_on/map15.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m16.hover{background-image: url('../images/event01/map_on/map16.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m17.hover{background-image: url('../images/event01/map_on/map17.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m18.hover{background-image: url('../images/event01/map_on/map18.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m19.hover{background-image: url('../images/event01/map_on/map19.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m20.hover{background-image: url('../images/event01/map_on/map20.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m21.hover{background-image: url('../images/event01/map_on/map21.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m22.hover{background-image: url('../images/event01/map_on/map22.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m23.hover{background-image: url('../images/event01/map_on/map23.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m24.hover{background-image: url('../images/event01/map_on/map24.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m25.hover{background-image: url('../images/event01/map_on/map25.png');}

section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m01.complete{background-image: url('../images/event01/map_complete/map01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m02.complete{background-image: url('../images/event01/map_complete/map02.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m03.complete{background-image: url('../images/event01/map_complete/map03.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m04.complete{background-image: url('../images/event01/map_complete/map04.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m05.complete{background-image: url('../images/event01/map_complete/map05.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m06.complete{background-image: url('../images/event01/map_complete/map06.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m07.complete{background-image: url('../images/event01/map_complete/map07.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m08.complete{background-image: url('../images/event01/map_complete/map08.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m09.complete{background-image: url('../images/event01/map_complete/map09.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m10.complete{background-image: url('../images/event01/map_complete/map10.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m11.complete{background-image: url('../images/event01/map_complete/map11.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m12.complete{background-image: url('../images/event01/map_complete/map12.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m13.complete{background-image: url('../images/event01/map_complete/map13.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m14.complete{background-image: url('../images/event01/map_complete/map14.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m15.complete{background-image: url('../images/event01/map_complete/map15.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m16.complete{background-image: url('../images/event01/map_complete/map16.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m17.complete{background-image: url('../images/event01/map_complete/map17.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m18.complete{background-image: url('../images/event01/map_complete/map18.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m19.complete{background-image: url('../images/event01/map_complete/map19.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m20.complete{background-image: url('../images/event01/map_complete/map20.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m21.complete{background-image: url('../images/event01/map_complete/map21.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m22.complete{background-image: url('../images/event01/map_complete/map22.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m23.complete{background-image: url('../images/event01/map_complete/map23.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m24.complete{background-image: url('../images/event01/map_complete/map24.png');}
section.event01 .contents_wrapper .event_cont_wrapper .map_wrapper .contents .map.m25.complete{background-image: url('../images/event01/map_complete/map25.png');}

section.event01 .contents_wrapper > .join_wrapper {position: absolute;bottom:100px;width: 1197px;height: 132px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background-image: url('../images/bg_num.png');}
section.event01 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;justify-content: center;align-items: center;gap: 0 5px;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #FA6258;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: #111111;}

section.event01 .pop_wrapper {position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:99;}
section.event01 .pop_wrapper .pop_wrap{position:relative;width:100%;height:100%;display:flex;justify-content: center;align-items: center;}
section.event01 .pop_wrapper .pop_wrap .pop_cont{position:relative;display:flex;align-items:center;gap:0 40px;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .part_wrap{position:relative;width:520px;height:602px;display:flex;flex-direction: column;align-items: center;gap:5px 0;padding:32px;box-sizing: border-box;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .vs{position:relative;width:182px;height:148px;background-image: url('../images/event01/vs.png');}
section.event01 .pop_wrapper .pop_wrap .pop_cont .part_wrap.r_part{background-image: url('../images/event01/pop02.png');}

section.event01 .pop_wrapper .pop_wrap .pop_cont .part_wrap .ttl{font-size:40px;font-weight:900;line-height:1.1;text-align:center;height:64px;display:flex;flex-direction:column;align-items: center;justify-content: center;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .part_wrap .ttl .sttl{font-size:34px;font-weight:600;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .part_wrap .pic{position:relative;width:456px;height:240px;border-radius:8px;overflow:hidden;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .part_wrap .exp{text-align:center;line-height:1.2;font-size:22px;font-weight:400;color:#353535;height:140px;display:flex;flex-direction:column;align-items: center;justify-content: center;gap:2px;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .part_wrap .exp .copyright{font-size:18px;font-weight:400;line-height:1.1;text-align:center;margin-bottom:10px;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .part_wrap .exp .addr{text-align:center;font-size:20px;font-weight:800;color:#353535;margin-top:5px;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .part_wrap.l_part .ttl{color:#3DAF8C}
section.event01 .pop_wrapper .pop_wrap .pop_cont .part_wrap.r_part .ttl{color:#FA6258}

section.event01 .pop_wrapper .pop_wrap .pop_cont .part_wrap.l_part{background-image: url('../images/event01/pop01.png');}
section.event01 .pop_wrapper .pop_wrap .pop_cont .part_wrap.l_part::before{position:absolute;content:'';background-image: url('../images/event01/char01.png');width:111px;height:165px;left:-67px;top:42px;z-index:-1;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .part_wrap.l_part::after{position:absolute;content:'';background-image: url('../images/event01/char02.png');width:170px;height:190px;left:-140px;bottom:17px;z-index:2;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .part_wrap.l_part .char01_arm{position:absolute;background-image: url('../images/event01/char01_arm.png');width:33px;height:39px;left:-14px;top:133px;z-index:2;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .part_wrap.l_part .close{position:absolute;background-image: url('../images/event01/pop_close01.png');width:28px;height:28px;right:32px;top:32px;cursor:pointer;}

section.event01 .pop_wrapper .pop_wrap .pop_cont .part_wrap.r_part::before{position:absolute;content:'';background-image: url('../images/event01/char03.png');width:140px;height:142px;right:-22px;top:-69px;z-index:-1;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .part_wrap.r_part::after{position:absolute;content:'';background-image: url('../images/event01/char04.png');width:189px;height:308px;right:-189px;bottom:55px;z-index:2;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .part_wrap.r_part .char03_arm{position:absolute;background-image: url('../images/event01/char03_arm.png');width:26px;height:27px;right:-2px;top:1px;z-index:2;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .part_wrap.r_part .close{position:absolute;background-image: url('../images/event01/pop_close02.png');width:28px;height:28px;right:32px;top:32px;cursor:pointer;}

section.event01 .pop_wrapper .pop_wrap .pop_cont .l_part .btn_vote{position:relative;width:276px;height:80px;background-image: url('../images/event01/btn_vote01.png');cursor:pointer;}
section.event01 .pop_wrapper .pop_wrap .pop_cont .r_part .btn_vote{position:relative;width:276px;height:80px;background-image: url('../images/event01/btn_vote02.png');cursor:pointer;}

section.event01 .pop_wrapper .part-pagination-wrapper{position:absolute;bottom:8px;width:100%;display:flex;justify-content: center;}
section.event01 .pop_wrapper .part-pagination-wrapper .part-pagination-wrap{position:relative;background:#FFFFFF;padding:8px;border-radius:500px;z-index:3;}
section.event01 .pop_wrapper .lpart-pagination{display:flex;gap:0 8px;}
section.event01 .pop_wrapper .rpart-pagination{display:flex;gap:0 8px;}
section.event01 .pop_wrapper .swiper-pagination-bullet{background:#CFD6E0;width:12px;height:12px;margin:0;}
section.event01 .pop_wrapper .lpart-pagination .swiper-pagination-bullet-active{background:#3DAF8C;}
section.event01 .pop_wrapper .rpart-pagination .swiper-pagination-bullet-active{background:#FA6258;}

section.event01 .pop_wrap_result{position:fixed;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,.7);z-index:9;}
section.event01 .pop_wrap_result .pop_wrapper{position:relative;display:flex;justify-content: center;align-items: center;width:100%;height:100%;}
section.event01 .pop_wrap_result .pop_wrapper .pop_result{position:relative;background-image: url('../images/event01/pop.png');width:1302px;height:602px;display:flex;flex-direction: column;align-items: center;padding:40px 0;box-sizing: border-box;justify-content:center;}
section.event01 .pop_wrap_result .pop_wrapper .pop_result .close{position:absolute;background-image: url('../images/icon_close.png');width:50px;height:50px;right:20px;top:20px;}
section.event01 .pop_wrap_result .pop_wrapper .pop_result .close a{display:block;width:100%;height:100%;}
section.event01 .pop_wrap_result .pop_wrapper .pop_result .card_list_wrap{position:relative;margin:20px 0 0 0;width:1262px;}
section.event01 .pop_wrap_result .pop_wrapper .pop_result .card_list_wrap .swiper-slide{display:flex;flex-direction:column;width:246px !important;gap:8px 0;}
section.event01 .pop_wrap_result .pop_wrapper .pop_result .card_list_wrap .swiper-slide .photo{width:100%;height:186px;border-radius:8px;overflow: hidden;}
section.event01 .pop_wrap_result .pop_wrapper .pop_result .card_list_wrap .swiper-slide .photo img{width:100%;height:100%;object-fit: cover;}
section.event01 .pop_wrap_result .pop_wrapper .pop_result .card_list_wrap .swiper-slide .ttl{font-size:24px;font-weight:700;color:#353535;}
section.event01 .pop_wrap_result .pop_wrapper .pop_result .card_list_wrap .card_list_slider {position:relative;width:1248px;margin:20px auto 0 auto;height:8px;background-color:rgba(0,0,0,.1);border-radius:10px;overflow:hidden;}
section.event01 .pop_wrap_result .pop_wrapper .pop_result .card_list_wrap .card_list_slider .slider {width:100%;height:8px;}
section.event01 .pop_wrap_result .pop_wrapper .pop_result .card_list_wrap .card_list_slider .slider .swiper-scrollbar-drag{background:#FF9B00;}
section.event01 .pop_wrap_result .pop_wrapper .pop_result .btn_join{position:relative;background-image: url('../images/event01/btn_join.png');width:426px;height:80px;margin:40px 0 0 0;cursor:pointer;}
section.event01 .pop_wrap_result .char01_arm{position:absolute;left:-14px;top:133px;background-image: url('../images/event01/char01_arm.png');width:33px;height:39px;z-index:1;}
section.event01 .pop_wrap_result .char03_arm{position:absolute;right:-2px;top:1px;background-image: url('../images/event01/char03_arm.png');width:26px;height:27px;z-index:1;}
section.event01 .pop_wrap_result .char02{position:absolute;left:-140px;bottom:17px;background-image: url('../images/event01/char02.png');width:170px;height:190px;z-index:5;}
section.event01 .pop_wrap_result .char04{position:absolute;right:-189px;bottom:60px;background-image: url('../images/event01/char04.png');width:189px;height:308px;z-index:-1;}
section.event01 .pop_wrap_result .pop_wrapper .pop_result::before{position:absolute;content:'';left:-66px;top:42px;background-image: url('../images/event01/char01.png');width:111px;height:165px;z-index:-1;}
section.event01 .pop_wrap_result .pop_wrapper .pop_result::after{position:absolute;content:'';right:-22px;top:-69px;background-image: url('../images/event01/char03.png');width:140px;height:142px;z-index:-1;}

/* 이벤트 01 */

/* 이벤트 02 */
section.edition {position: relative;width: 100%;height:579px;background-image: url('../images/edition/bg.jpg');overflow:hidden;display:flex;align-items: center;justify-content: center;}
section.edition .contents_wrap{position: relative;width: 1300px;height:420px;margin:0 auto;display:flex;align-items: center;justify-content: center;gap:0 31px;}
section.edition .contents_wrap::before{position: absolute;content:'';background-image: url('../images/edition/friends.png');width:372px;height:399px;left:-289px;bottom:-50px;z-index:2;}
section.edition .contents_wrap .gallery{position: relative;width: 640px;height:420px;border-radius:20px;overflow:hidden;}
section.edition .contents_wrap .txt{background-image: url('../images/edition/txt.png');width:629px;height:287px;}

section.edition .contents_wrap .gallery .swiper-slide  .title{position:absolute;top:0;left:0;width:100%;height:56px;background:#FFFFFF;color:#3DAF8C;font-size:26px;font-family:'GodoMaum';font-weight:500;display:flex;justify-content: start;align-items: center;padding:0 10px;box-sizing: border-box;}

section.edition .contents_wrap .edition-pagination-wrapper{position:absolute;display:flex;justify-content: center;align-items:center;height:56px;padding:14px 10px 14px 0;right:0;top:0;box-sizing: border-box;background:#FFFFFF;z-index:3;}
section.edition .contents_wrap .edition-pagination-wrapper .edition-pagination-wrap{position:relative;background:#FFFFFF;z-index:3;}
section.edition .contents_wrap .edition-pagination{display:flex;gap:0 8px;}
section.edition .contents_wrap .swiper-pagination-bullet{background:#CFD6E0;width:12px;height:12px;margin:0;}
section.edition .contents_wrap .swiper-pagination-bullet-active{background:#3DAF8C;}


/* SNS SHARE */
section.snsshare {position: relative;width: 100%;height: 421px;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;padding:0 0 0 0;box-sizing:border-box;}
section.snsshare .contents_wrap > .title {margin-bottom:24px;}
section.snsshare .contents_wrap > .sns_wrapper {position: relative;display:flex;justify-content: center;align-items: center;}
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;
    justify-content: center;
    font-size: 32px;
    align-items: center;
    color: #111116;
    background-color: #ffffff;
    
}

section.sec-join-info div {
    font-weight: 700;
    display: flex;
    align-items: center;
}
section.sec-join-info i {
    font-weight: 500;
    color:#333333;
	margin-right:10px;
}

section.sec-join-info span.normal {
    color:#555555;
    font-weight: 500;
    font-size: 32px;
    margin-right: 5px;
    margin-top: -5px;
}

section.sec-join-info span._visit_all_cnt {
    color: #3DAF8C;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -10px;
    font-weight: 700;
    line-height: 0;
    font-size:48px;
}

section.sec-join-info span._join_all_cnt {
    color: #FA6258;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -10px;
    font-size:48px;
}

section.sec-join-info div span {
    font-size: 48px;
    font-weight: 900;
    font-family: "ONE-Mobile-Title",sans-serif;
    padding: 0 0 0 5px;
}

/* 참여 정보 */
/* 접속 정보 */
section.sec-connect-info {
    position: relative;
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #222222;
    background-color: #DFDFDF;
    
    font-size: 32px;
}

section.sec-connect-info div {
    font-weight: 800;
    display: flex;
    align-items: center;
}

section.sec-connect-info span.area {
    color: #0A91F8;
	font-size:36px;
	padding:0 5px;
	font-weight:800;
}

/* 참여 정보 */
/* SNS */

/* 참여 정보 */
section.sec-copyright {
    position: relative;
    width: 100%;
    height: 162px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f0f0f0;
    color: #555555;
    font-size: 18px;
}

section.sec-copyright > .copyright {
    width: 1400px;
}

section.sec-copyright > .copyright ul {
}

section.sec-copyright > .copyright ul li {
    float: left;
    width: 60%;
    margin-bottom: 10px;
}

section.sec-copyright > .copyright ul li:first-child {
    color: #262630;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Pretendard',sans-serif;
}

section.sec-copyright > .copyright ul li:nth-child(2n+2) {
    text-align: right;
    width: 40%;
}

section.sec-copyright > .copyright ul li:nth-child(4) {
    display: flex;
    justify-content: end;
}

section.sec-copyright > .copyright ul li:nth-child(4) > div {
    text-align: right;
    margin-left: 10px;
}

section.sec-copyright > .copyright ul li:nth-child(4) span {
    color: #555555;
    font-weight: 800;
    font-family: 'Pretendard',sans-serif;
}

/* 고정 메뉴 */
.navigator_wrapper {
    position: fixed;left: 0;bottom: 0;width: 100%;height: 110px;z-index: 51;overflow: hidden;background:#FD4E43;display:none;
}

.navigator_wrapper .cont_wrap {width: 100%;height: 100%;display: flex;justify-content: center;}
.navigator_wrapper .cont_wrap .btn_join{background-image: url('../images/btn_join.png');width:606px;height:80px;cursor:pointer;}
.navigator_wrapper .cont_wrap .btn_join.on{background-image: url('../images/btn_join_on.png');width:606px;height:80px;}
.navigator_wrapper .cont_wrap .btn_join .hand{display:none;right:-30px;bottom:-10px;}
.navigator_wrapper .cont_wrap .btn_join.on .hand{display:block;}
.navigator_wrapper .cont_wrap .vote{color:#FFFFFF;font-size:32px;font-weight:600;display:flex;flex-direction: column;padding-top:15px;box-sizing: border-box;}
.navigator_wrapper .cont_wrap .vote > div{display:flex;align-items: center;line-height:1;}
.navigator_wrapper .cont_wrap .vote span{font-size:52px;font-weight:700;margin:0 4px 0 12px;}
.navigator_wrapper .cont_wrap .vote .ment{font-size:20px;font-weight:700;margin:0 4px 0 12px;}

.navigator_wrapper .cont_wrap .navi_wrap {
    width: 1300px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    box-sizing: border-box;
}

.navigator_wrapper .cont_wrap .navi_wrap > li {
    position: relative;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}



.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(1) {
    margin-right: 267px;
    width:80px;
}

.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(3) {
   width:350px;
    display:flex;
    justify-content: start;
}


.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;
	  border-radius:50%;
}

.n_menu_list {
    position: fixed;
    bottom: -800px;
    z-index: 99;
    background: #393053;
    width: 500px;
    box-sizing: border-box;
    font-size: 22px;
}

.n_menu_list.on {
    bottom: 0;
}

.n_menu_list > .n_menu.close {
    float: right;
    background-image: url('../images/gnb_close.png');
    width: 46px;
    height: 46px;
    display: inline-block;
    margin-top: 13px;
    margin-right: 20px;
    cursor: pointer;
}

.n_menu_list > .m_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0 0 0;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.n_menu_list > .m_list a {
    color: #FFFFFF;
}

.n_menu_list > .m_list div {
    border-bottom: 2px solid #D9D9D9;
    width: 433px;
    margin: 0 auto;
    padding: 15px 0;
}

.n_menu_list > .m_list a:last-child div {
    border-bottom: 0;
}

.n_menu_list > .m_list div > span {
    display: flex;
    cursor: pointer;
    position: relative;
    width: 433px;
    height: 80px;
    line-height: 1.4;
    align-items: center;
    justify-content: start;
    text-align: left;
    padding-left: 20px;
    box-sizing: border-box;
}

.n_menu_list > .m_list div > span a {
    display: block;
    font-size: 23px;
    color: #FFFFFF;
    font-weight: 500;
    letter-spacing: -.5px;
    text-align: left;
}

.n_menu_list > .m_list div > span {
    position: relative;
}

.n_menu_list > .m_list div > span::after {
    content: '';
    width: 80px;
    height: 80px;
    position: absolute;
    left: 10px;
    top: 0;
}

.n_menu_list > .m_list div.on {
    background-color: rgba(255,255,255,.1);
}

/* 고정 메뉴 */
/* 기타  */
.join_info_wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.join_info_wrapper.evt01 {
    bottom: 150px;
}

.join_info_wrapper.evt01 .join_info {
    background: #dbf7da;
    border-radius: 50px;
    color: #333333;
    display: inline-block;
    padding: 0 30px;
    font-size: 24px;
    height: 92px;
    line-height: 92px;
    vertical-align: middle;
    border: 2px solid #3fa03b;
}

.join_info_wrapper.evt02 {
    bottom: 124px;
}

.join_info_wrapper.evt02.result {
    bottom: 30px;
}

.join_info_wrapper.evt02 .join_info {
    background: #bdddf3;
    border-radius: 40px;
    color: #071b28;
    display: inline-block;
    padding: 0 30px;
    font-size: 22px;
    height: 63px;
    line-height: 63px;
    vertical-align: middle;
}

.join_info_wrapper.evt03 {
    bottom: 150px;
}

.join_info_wrapper.evt03 .join_info {
    background: #3bd368;
    border-radius: 40px;
    color: #071b28;
    display: inline-block;
    padding: 0 30px;
    font-size: 22px;
    height: 63px;
    line-height: 63px;
    vertical-align: middle;
}

.join_info_wrapper .join_info span.num {
    font-size: 40px;
    color: #125400;
    font-weight: 900;
}

.join_info_wrapper .join_info span.b {
    font-size: 27px;
    font-weight: 700;
}

.hand {	position: absolute;z-index: 5;animation: 1.5s zoom ease-in-out infinite;animation-delay: 0.5s;width: 106px;height: 106px;background-image: url(../images/hand.png);right:-40px;bottom:-50px;}

.result_wrap {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 100px;
}

.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;
}


.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;
}

.shorts 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;
}


.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_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: 580px;
    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: 70px;
    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: 40px;
    line-height: 40px;
    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: 144px;
}

.pu_event_info .p_con .ty01 dd.num i {
    float: left;
    width: 9px;
    text-align: center;
    color: #fff;
    line-height: 40px;
}

.pu_event_info .p_con .ty02 {
    margin-top: 16px;
}

.pu_event_info .p_con .ty02 dt {
    margin-bottom: 10px;
    margin-top: 10px;
}

.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: #F6F6F6;
    padding: 15px 20px;
    border-radius:8px;
}

.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 {
	position:relative;
    float: left;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    line-height: 1.2;
    text-align: center;
    font-size: 32px;
    color: #fff;
    font-weight: 800;
}

.pu_event_info .btns a:hover {
    text-decoration: none;
}



.pu_event_info .btns a.bt_participate_done .hand{
    right:20px;
	bottom:-20px;
	transform:scale(.7);
}

.pu_event_info.pop01 .btns a.bt_participate_done {
    background: #F55E54;
    color: #FFFFFF;
}

.pu_event_info.pop02 .btns a.bt_participate_done {
    background: #408CFF;
    color: #FFFFFF;
}

.pu_event_info.pop03 .btns a.bt_participate_done {
    background: #783E9A;
    color: #FFFFFF;
}

.pu_event_info .btns a.bt_cancel {
    background: #7D7D83;
}

.pu_event_info table {
    width: 100%;
    color: #333;
    line-height: 18px;
}

.pu_event_info table th {
    font-size: 16px;
    padding: 6px;
    vertical-align: top;
    text-align:left;
    font-weight:400;
}
.pu_event_info table th.center {
    vertical-align: middle;
}


.pu_event_info table td {
    font-size: 16px;
    padding: 6px;
    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: 29px;
    height: 27px;
    line-height: 27px;
    margin: -10px 0 0 10px;
    text-align: center;
    vertical-align: middle;
    background-position: center bottom;
	  background: url('../images/cb.png') no-repeat 2px 3px;
}

.pu_event_info .checks input[type="checkbox"]:checked + label:after {
    background-position: center bottom;
}

.pu_event_info.pop01 .checks input[type="checkbox"] + label:after {
    background: url(../images/cb.png) no-repeat bottom 0;
}

.pu_event_info.pop01 .checks input[type="checkbox"]:checked + label:after {
    background: url(../images/cb_on.png) no-repeat 0 0;
}


.pu_event_info .radiob input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-opacity: 0;
}

.pu_event_done {
    width: 680px;
    display: none;
}

.pu_event_done a{
    position:absolute;
    width:100%;
    height:86px;
    left:0;
    bottom:0;
}
.pu_event_done .btn_go{
    position:absolute;
    width:329px;
    height:77px;
    left:42px;
    top:300px;
}

.pu_event_done .ph {
    width: 100%;
}

.pu_event_done .ph .sns_wrapper {position:absolute; display:block; width:100%;height:80px;bottom:96px;left:0;}
.pu_event_done .ph .sns_wrapper ul{position:relative;display:flex;justify-content: center;gap:0 17px;}
.pu_event_done .ph .sns_wrapper ul li{position:relative;width:63px;height:63px;}
.pu_event_done .ph .sns_wrapper ul li a{display:block;width:100%;height:100%;}


.pu_event_done .ph .confirm {
    position: relative;
    width: 100%;
    height: 70px;
	line-height:70px;
	font-size:30px;
	font-weight:600;
	background:#000;
	color:#FFFFFF;
	text-align:center;
}

.pu_event_done .ph .hand {
  right:180px;
	bottom:-40px;
}

.pu_event_done .ph .close a {
    display: block;
    width: 100%;
    height: 100%;
}


.pu_event_done .ph .btn_wrap .btn {
    position: relative;
    width: 250px;
    height: 100%;
}

.pu_event_done .ph .btn_wrap .btn .hand {
    right: 0px;
    bottom: -40px;
}

.pu_event_done .ph .btn_wrap .btn a {
    display: block;
    width: 100%;
    height: 100%;
}

.pu_event_done.e01 {
    background: #000000;
}

.pu_event_done.e02 {
    background: #000000;
}

.pu_event_done.e03 {
    background: #000000;
}

.tc {
    text-align: center;
}

.rmove_1 {animation: 1s radum_move1 infinite linear forwards;}
.rmove_2 {animation: 1s radum_move2 infinite linear forwards;}
.rmove_3 {animation: 1s radum_move3 infinite linear forwards;}
.rmove_4 {animation: 1s radum_move4 infinite linear forwards;}
.rmove_5 {animation: 1s radum_move5 infinite linear forwards;}
.rmove_6 {animation: 1s radum_move6 infinite linear forwards;}
.rmove_7 {animation: 1s radum_move7 infinite linear forwards;}
.rmove_8 {animation: 1s radum_move8 infinite linear forwards;}
.rmove_9 {animation: 1s radum_move9 infinite linear forwards;}
.rmove_10 {animation: 1s radum_move10 infinite linear forwards;}

.rmove_1.delay1 {animation-delay: 0s;}
.rmove_1.delay2 {animation-delay: 30s;}
.rmove_1.delay3 {animation-delay: 50s;}
.rmove_1.delay4 {animation-delay: 70s;}
.rmove_1.delay5 {animation-delay: 90s;}
.rmove_1.delay6 {animation-delay: 120s;}
.rmove_1.delay7 {animation-delay: 150s;}
.rmove_1.delay8 {animation-delay: 180s;}
.rmove_1.delay9 {animation-delay: 210s;}
.rmove_1.delay10 {animation-delay: 240s;}

.rotate1 {transform:rotate(10deg);}
.rotate2 {transform:rotate(15deg);}
.rotate3 {transform:rotate(20deg);}
.rotate4 {transform:rotate(25deg);}
.rotate5 {transform:rotate(30deg);}
.rotate6 {transform:rotate(35deg);}
.rotate7 {transform:rotate(40deg);}
.rotate8 {transform:rotate(45deg);}
.rotate9 {transform:rotate(50deg);}
.rotate10 {transform:rotate(55deg);}
.rotate11 {transform:rotate(60deg);}
.rotate12 {transform:rotate(65deg);}
.rotate13 {transform:rotate(70deg);}
.rotate14 {transform:rotate(75deg);}
.rotate15 {transform:rotate(80deg);}

.aniMovie01 {animation: 20s aniMovie01 infinite linear forwards; }
.aniMovie02 {animation: 20s aniMovie02 infinite linear forwards; }
.aniMovie03 {animation: 20s aniMovie03 infinite linear forwards; }
.aniMovie04 {animation: 20s aniMovie04 infinite linear forwards; }
.aniMovie05 {animation: 20s aniMovie05 infinite linear forwards; }

@media screen and  (max-width:1400px){
    .htmlWrapper section.visual_wrapper .contents_wrap .character_wrap .place.place01{left:-40px;top:330px;}
    .htmlWrapper section.visual_wrapper .contents_wrap .character_wrap .place.place02{left:80px;top:330px;}

}