body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 1870px;
    background-color: #d5d6d7;
}

body::after {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    content: url('../images/visual/zone_fair.png') url('../images/visual/zone_ground.png') url('../images/visual/zone_meeting.png') url('../images/visual/zone_photo.png') url('../images/visual/zone_play.png');
}

.htmlWrapper {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding-bottom: 100px;
    position: relative;
    overflow: hidden;
}

.htmlWrapper section {
    background-position: center;
    min-width: 1920px;
    overflow: hidden;
}

/* 상단 */
.htmlWrapper section.top_wrapper {
    position: 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;
    font-family: 'Pretendard';
    overflow: visible;
}

.htmlWrapper section.top_wrapper > .hx_top {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 5px;
    color: #222222;
}

.htmlWrapper section.top_wrapper > .hx_top span {
    font-size: 24px;
    font-weight: 800;
    color: #222222;
    font-family: 'ONE-Mobile-Title';
}

.htmlWrapper section.top_wrapper > .hx_top span a {
    display: flex;
}

.htmlWrapper section.top_wrapper > .hx_top span.first {
}
.htmlWrapper section.top_wrapper > .hx_top span.company_logo {
	margin-top:0px;
}

.htmlWrapper section.top_wrapper > .hx_top b {
    color: #000;
}

.htmlWrapper section.top_wrapper > .hx_top i {
    margin-top: 0;
    margin-right: 10px;
}

.htmlWrapper section.top_wrapper > .hx_top .company_logo {
}

.htmlWrapper section.top_wrapper > .hx_top div.ment {
    margin-top: -5px;
}

.htmlWrapper section.top_wrapper > .hx_top .hx_txt {
    position: absolute;
    top: 40px;
}
.magnifier { display: none; position: absolute; width: 300px; height: 200px; z-index: 1; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } 
.magnifier::after { content:''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } 

/* intro */
.htmlWrapper section.intro {position: fixed;left:0;top:0;z-index:10;width: 100%;height: 100%;display:flex;justify-content:center;}
.htmlWrapper section.intro .intro_wrap {position:relative;width:100%;height:100%;max-width:1920px;display:flex;justify-content:space-between;}
.htmlWrapper section.intro .intro_wrap .part01{position:absolute;left:0;width:50%;height:100%;background-image: url('../images/intro/bg.png');background-repeat:no-repeat;overflow:hidden;background-size:1920px;background-color:rgba(213,214,215,1);}
.htmlWrapper section.intro .intro_wrap .part01.open{animation:2s part_open01 linear forwards;}
.htmlWrapper section.intro .intro_wrap .part02.open{animation:2s part_open02 linear forwards;}
.htmlWrapper section.intro .intro_wrap .part02{position:absolute;right:0;width:50%;height:100%;background-image: url('../images/intro/bg.png');background-repeat:no-repeat;overflow:hidden;background-position:-960px 0;background-color:rgba(213,214,215,1);}


.htmlWrapper section.intro .intro_wrap .content_wrapper{position:relative;width:100%;height:100%;max-height:1167px;max-width:1400px;margin:0 auto;display:flex;justify-content:center;}
.htmlWrapper section.intro .content_wrapper .stage{position: relative;width:850px;height:735px;}
.htmlWrapper section.intro .content_wrapper .stage .people01{position: absolute;bottom:0;left:0;width:308px;height:258px;background-image: url('../images/intro/people01.png');animation:7s move_character01 infinite linear forwards;}
.htmlWrapper section.intro .content_wrapper .stage .people02{position: absolute;bottom:0;left:365px;width:164px;height:226px;background-image: url('../images/intro/people02.png');animation:2s move_character02 infinite linear forwards;}
.htmlWrapper section.intro .content_wrapper .stage .people03{position: absolute;bottom:0;right:0;width:322px;height:258px;background-image: url('../images/intro/people03.png');animation:2s move_character03 infinite linear forwards;}
.htmlWrapper section.intro .content_wrapper .character{position: absolute;width:316px;height:416px;right:-250px;bottom:0;background-image: url('../images/intro/character.png');}
.htmlWrapper section.intro .content_wrapper .character.move{animation:1.5s move_intro 1 linear forwards;}
.htmlWrapper section.intro .content_wrapper .character .word{position:absolute;left:-390px;top:110px;content:'';width:439px;height:172px;background-image:url('../images/intro/word.png');padding:30px;display:flex;flex-direction:column;align-items:end;}
.htmlWrapper section.intro .content_wrapper .character .word .blind01{background:#FFFFFF;height:40px;width:100%;}
.htmlWrapper section.intro .content_wrapper .character .word .blind01.on{animation:1s write_txt 1 linear forwards;}
.htmlWrapper section.intro .content_wrapper .character .word .blind02{background:#FFFFFF;height:50px;width:100%;}
.htmlWrapper section.intro .content_wrapper .character .word .blind02.on{animation:1s write_txt 1 linear forwards}
/* intro */
/* Visual */
.htmlWrapper section.visual_wrapper {position: relative;width: 100%;height: 1700px;background-repeat: no-repeat;background-position: center;background-image: url('../images/visual/bg.png');}
.htmlWrapper section.visual_wrapper.on {height: 2875px;transition:1s all;}
.htmlWrapper section.visual_wrapper .contents_wrap {position: relative;width: 100%;height: 100%;display: flex;flex-direction:column;align-items: center;padding:460px 0 0 0;box-sizing:border-box;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_tabs{position: relative;display:flex;gap:0 10px;margin-top:55px;margin-bottom:50px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_tabs .btn_zone{position: relative;width:401px;height:82px;cursor:pointer;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_tabs .btn_zone.z01{background-image:url('../images/visual/btn_zone01.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_tabs .btn_zone.z02{background-image:url('../images/visual/btn_zone02.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_tabs .btn_zone.z03{background-image:url('../images/visual/btn_zone03.png');}

.htmlWrapper section.visual_wrapper .contents_wrap .zone {position:relative;width:1237px;height:666px;background-image:url('../images/visual/zone01.png');z-index:5;background-position:center center;background-repeat:no-repeat;transform:scale(1.1);}
.htmlWrapper section.visual_wrapper .contents_wrap .zone.z01 {background-image:url('../images/visual/zone_fair.png?v=2');background-position:center center;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone.z02 {background-image:url('../images/visual/zone_play.png');background-position:center center;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone.z03 {background-image:url('../images/visual/zone_ground.png');background-position:center center;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .word{position:absolute;left:125px;top:35px;z-index:6;display:flex;justify-content:start;align-items:end;flex-direction:column;padding:30px 30px 0 0;box-sizing:border-box;background-image:url('../images/visual/word.png');width:579px;height:188px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .word .word_cover01{position:relative;width:540px;height:40px;background:#FFFFFF;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .word .word_cover01.on{animation:2s v_word_open01 linear forwards;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .word .word_cover02.on{animation:2s v_word_open02 linear forwards;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .word .word_cover02{position:relative;width:520px;height:40px;background:#FFFFFF;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .character{position:absolute;top:95px;left:660px;z-index:6;}

.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area{font-family:'Pretendard',sans-serif;font-weight:600;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .fair{display:none;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone.z01 .zone_area .fair{display:block;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .fair > div{position:absolute;border:2px solid #000;padding:20px 40px 15px 40px;background:#FFFFFF;border-radius:20px;z-index:7;transform:scale(.9);}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .fair > div::before{position:absolute;content:'';background-image:url('../images/visual/t_fair.png');width:90px;height:27px;background-size:100%;left:10px;top:-15px;font-size:20px;font-weight:800;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .fair > div::after{position:absolute;content:'';background-image:url('../images/visual/ta_fair.png');width:10px;height:10px;background-size:100%;right:5px;top:5px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .fair .area01{top:50px;right:440px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .fair .area02{top:170px;left:220px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .fair .area03{top:130px;right:510px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .fair .area04{top:260px;left:-60px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .fair .area05{top:340px;left:-40px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .fair .area06{top:330px;left:240px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .fair .area07{top:230px;left:450px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .fair .area08{top:35px;right:90px;}


##htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .fair > div::after{position:absolute;content:'';background-image:url('../images/visual/dir.png');width:20px;height:16px;background-size:100%;right:-7px;bottom:-14px;font-size:20px;font-weight:800;}
##htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .fair .area06::after{background-image:url('../images/visual/dir2.png');background-size:100%;left:-7px;}

.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play{display:none;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone.z02 .zone_area .play{display:block;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play > div{position:absolute;border:2px solid #000;padding:20px 40px 15px 40px;background:#FFFFFF;border-radius:20px;z-index:7;transform:scale(.9);}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play > div::before{position:absolute;content:'';background-image:url('../images/visual/t_play.png');width:90px;height:27px;background-size:100%;left:10px;top:-15px;font-size:20px;font-weight:800;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play > div::after{position:absolute;content:'';background-image:url('../images/visual/ta_play.png');width:10px;height:10px;background-size:100%;right:5px;top:5px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play .area01{top:360px;left:220px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play .area02{top:480px;left:0;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play .area03{bottom:85px;right:500px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play .area04{bottom:195px;right:390px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play .area05{bottom:165px;right:70px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play .area06{top:300px;left:590px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play .area07{top:290px;left:850px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play .area08{top:360px;right:20px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play .area09{top:210px;left:880px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play .area10{top:490px;left:310px;}

##.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play > div::after{position:absolute;content:'';background-image:url('../images/visual/dir.png');width:20px;height:16px;background-size:100%;right:-7px;bottom:-14px;font-size:20px;font-weight:800;}
#htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play .area05::after{position:absolute;content:'';background-image:url('../images/visual/dir.png');left:4px;bottom:inherit;top:-14px;transform:rotate(180deg);}
#htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play .area06::after{background-image:url('../images/visual/dir2.png');background-size:100%;left:-7px;}
#htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play .area07::after{background-image:url('../images/visual/dir2.png');background-size:100%;left:-7px;}
#htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play .area08::after{background-image:url('../images/visual/dir2.png');background-size:100%;left:-7px;}


.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .ground{display:none;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone.z03 .zone_area .ground{display:block;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .ground > div{position:absolute;border:2px solid #000;padding:15px 20px;background:#FFFFFF;border-radius:10px;z-index:7;transform:scale(.9);}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .ground > div::before{position:absolute;content:'';background-image:url('../images/visual/h_ground.png');width:90px;height:27px;background-size:100%;left:10px;top:-15px;font-size:20px;font-weight:800;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .ground > div::after{position:absolute;content:'';background-image:url('../images/visual/ta_ground.png');width:10px;height:10px;background-size:100%;right:5px;top:5px;}
#.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .ground > div::after{position:absolute;content:'';background-image:url('../images/visual/dir.png');width:20px;height:16px;background-size:100%;right:-7px;bottom:-14px;font-size:20px;font-weight:800;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .ground .area01{top:300px;right:70px;}
#.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .ground .area01::after{background-image:url('../images/visual/dir2.png');right:37px;bottom:inherit;top:-14px;transform:rotate(180deg);}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .ground .area02{top:220px;right:140px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .ground .area03{top:150px;right:150px;}
#.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .ground .area03::after{background-image:url('../images/visual/dir2.png');background-size:100%;left:-7px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .ground .area04{top:215px;right:10px;}




.htmlWrapper section.visual_wrapper .contents_wrap .zone .fairzone .char01{position:absolute;background-image:url('../images/visual/char/fairzone/p01.png');width:49px;height:67px;top:340px;left:190px;animation:3s fairmove01 infinite linear forwards;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .fairzone .char02{position:absolute;background-image:url('../images/visual/char/fairzone/p02.png');width:46px;height:62px;top:80px;right:390px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .fairzone .char03{position:absolute;background-image:url('../images/visual/char/fairzone/p03.png');width:177px;height:80px;top:105px;right:425px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .fairzone .char04{position:absolute;background-image:url('../images/visual/char/fairzone/p04.png');width:248px;height:96px;top:180px;left:200px;}

.htmlWrapper section.visual_wrapper .contents_wrap .zone.z02 .fairzone .char03{top:114px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone.z02 .fairzone .char04{top:195px;}

.htmlWrapper section.visual_wrapper .contents_wrap .zone.z03 .fairzone .char03{top:114px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone.z03 .fairzone .char04{top:195px;}

.htmlWrapper section.visual_wrapper .contents_wrap .zone .photozone .char01{position:absolute;background-image:url('../images/visual/char/photozone/p01.png');width:40px;height:48px;top:300px;left:540px;animation:3s photomove01 infinite linear forwards;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .photozone .char02{position:absolute;background-image:url('../images/visual/char/photozone/p02.png');width:49px;height:48px;top:300px;right:570px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .photozone .char03{position:absolute;background-image:url('../images/visual/char/photozone/p03.png');width:31px;height:39px;top:220px;left:495px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .photozone .char04{position:absolute;background-image:url('../images/visual/char/photozone/p04.png');width:35px;height:38px;top:177px;left:560px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .photozone .char05{position:absolute;background-image:url('../images/visual/char/photozone/p05.png');width:32px;height:44px;top:190px;left:520px;}


.htmlWrapper section.visual_wrapper .contents_wrap .zone .playzone .char01{position:absolute;background-image:url('../images/visual/char/playzone/p01.png');width:51px;height:71px;top:430px;left:330px;animation:3s playmove01 infinite linear forwards;animation-delay:.3s;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .playzone .char02{position:absolute;background-image:url('../images/visual/char/playzone/p02.png');width:53px;height:73px;top:520px;left:360px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .playzone .char02 .star.s01{position:absolute;background-image:url('../images/visual/char/playzone/star.png');width:13px;height:13px;top:40px;left:-10px;animation:1s star infinite linear forwards;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .playzone .char02 .star.s02{position:absolute;background-image:url('../images/visual/char/playzone/star.png');width:13px;height:13px;top:50px;left:-20px;animation:1s star infinite linear forwards;animation-delay:.3s;opacity:0;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .playzone .char02 .star.s03{position:absolute;background-image:url('../images/visual/char/playzone/star.png');width:13px;height:13px;top:60px;left:-10px;animation:1s star infinite linear forwards;animation-delay:.6s;opacity:0;}

.htmlWrapper section.visual_wrapper .contents_wrap .zone .playzone .char03{position:absolute;background-image:url('../images/visual/char/playzone/p03.png');width:54px;height:72px;top:475px;left:485px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .playzone .char03 .phand{position:absolute;background-image:url('../images/visual/char/playzone/p03_hand2.png');width:21px;height:19px;top:42px;left:-3px;background-size:100%;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .playzone .char03 .phand.on{background-image:url('../images/visual/char/playzone/p03_hand2.png');width:31px;height:28px;top:34px;left:-13px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .playzone .char04{position:absolute;background-image:url('../images/visual/char/playzone/p04.png?v=1');width:49px;height:63px;top:355px;right:330px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .playzone .char04 .rhand{position:absolute;background-image:url('../images/visual/char/playzone/rhand.png');width:22px;height:32px;top:20px;left:0;animation:3s hand_up infinite linear forwards;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .playzone .char04 .lhand{position:absolute;background-image:url('../images/visual/char/playzone/lhand.png');width:22px;height:32px;top:20px;right:-10px;animation:3s hand_up infinite linear forwards;animation-delay:1.5s;opacity:0;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .playzone .char05{position:absolute;background-image:url('../images/visual/char/playzone/p05.png');width:52px;height:72px;top:60px;right:300px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .playzone .char06{position:absolute;background-image:url('../images/visual/char/playzone/p06.png');width:49px;height:69px;top:380px;right:200px;}

.htmlWrapper section.visual_wrapper .contents_wrap .zone.z02 .playzone .char04{right:300px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone.z02 .playzone .char06{top:360px;right:150px;}

.htmlWrapper section.visual_wrapper .contents_wrap .zone .groundzone .char01{position:absolute;background-image:url('../images/visual/char/groundzone/p01.png');width:52px;height:49px;top:205px;right:205px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .groundzone .char02{position:absolute;background-image:url('../images/visual/char/groundzone/p02.png');width:53px;height:53px;top:160px;right:150px;z-index:0;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .groundzone .char03{position:absolute;background-image:url('../images/visual/char/groundzone/p03.png');width:43px;height:53px;top:190px;right:120px;z-index:1;}




.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap{position:relative;width:1400px;margin-top:95px;display:flex;flex-direction:column;align-items:center;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .title{margin-bottom:35px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .zone_info_tabs {position:relative;display:flex;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .zone_info_tabs .tabs{position:relative;background-color:rgba(63,63,63,1);width:470px;height:92px;background-repeat:no-repeat;background-size:100%;cursor:pointer;border-top-left-radius:20px;border-top-right-radius:20px;overflow:hidden;border:2px solid #000000;background-repeat:no-repeat;background-position:center;background-size:auto;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .zone_info_tabs .tabs::before{position:absolute;content:'';background-color:rgba(32,32,32,.2);width:100%;height:17px;left:10px;bottom:0;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .zone_info_tabs .tabs.on{background-position:center;background-repeat:no-repeat;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .zone_info_tabs .tabs.on::before{content:'';background-color:inherit;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .zone_info_tabs .tabs.t01{background-image:url('../images/visual/txt_fairzone.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .zone_info_tabs .tabs.t02{background-image:url('../images/visual/txt_playzone.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .zone_info_tabs .tabs.t03{width:460px;background-image:url('../images/visual/txt_groundzone.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .zone_info_tabs .tabs.on.t01{background-color:rgba(0,202,47,1);}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .zone_info_tabs .tabs.on.t02{background-color:rgb(2,121,231,1);}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .zone_info_tabs .tabs.on.t03{background-color:rgb(141,156,136,1);}

.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box{width:1400px;height:624px;background-image:url('../images/visual/box.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:0 40px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area{position:relative;width:623px;height:335px;background-image:url('../images/visual/fair_zone_pic.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area .point{position:absolute;background-image:url('../images/visual/icon_pos.png');width:34px;height:34px;animation:1s zoom infinite linear forwards;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a01 .point.p1{left:120px;top:90px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a01 .point.p2{left:380px;top:30px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a01 .point.p3{left:380px;top:70px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a01 .point.p4{left:140px;top:120px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a01 .point.p5{left:30px;top:200px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a01 .point.p6{left:90px;top:190px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a01 .point.p7{left:490px;top:10px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a01 .point.p8{left:90px;top:110px;}

.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a02 .point.p1{left:80px;bottom:40px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a02 .point.p2{left:50px;bottom:70px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a02 .point.p3{right:305px;bottom:50px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a02 .point.p4{right:245px;bottom:70px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a02 .point.p5{right:185px;bottom:80px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a02 .point.p6{right:250px;bottom:120px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a02 .point.p7{right:130px;bottom:110px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a02 .point.p8{right:80px;bottom:140px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a02 .point.p9{right:410px;bottom:60px;}

.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a03 .point.p1{right:70px;top:120px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a03 .point.p2{right:80px;top:100px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a03 .point.p3{right:90px;top:80px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a03 .point.p4{right:30px;top:120px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a03 .point.p5{right:120px;top:20px;}



.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .pic_info_wrapper{position:relative;display:flex;width:517px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .pic_info{display:flex;flex-direction:column;align-items:center;color:#000000;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .pic_info .name{font-family:'Pretendard',sans-serif;font-size:38px;font-weight:800;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .pic_info .img{margin:22px 0;border:1px solid #000;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .pic_info .exp{font-family:'NanumSquare';font-weight:700;font-size:22px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .img_cover_box{position:absolute;width:100%;height:290px;top:68px;z-index:6;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .zone-button-prev{position:absolute;left:-40px;width:80px;height:80px;background-image:url('../images/visual/btn_prev.png');cursor:pointer;z-index:5;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .zone-button-next{position:absolute;right:-40px;width:80px;height:80px;background-image:url('../images/visual/btn_next.png');cursor:pointer;z-index:5;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .char{position:absolute;bottom:-22px;right:-85px;width:179px;height:253px;background-image:url('../images/visual/card_character.png');cursor:pointer;z-index:5;}
.htmlWrapper section.visual_wrapper .airplain{position:absolute;top:675px;left:-100px;width:421px;height:399px;background-image:url('../images/visual/airplain.png');cursor:pointer;z-index:5;animation:10s airplain infinite linear forwards;z-index:0;}
.htmlWrapper section.visual_wrapper .balloon{position:absolute;top:723px;right:90px;width:128px;height:712px;background-image:url('../images/visual/balloon.png');cursor:pointer;z-index:5;animation:7s balloon infinite linear forwards; transform-origin:top center;}
.htmlWrapper section.visual_wrapper .arrow{position:absolute;bottom:600px;left:0;width:475px;height:644px;background-image:url('../images/visual/char.png');}


/* 이벤트 01 */
section.event01 {position: relative;width: 100%;height: 2993px;background-image: url('../images/event01/bg.png?v=3');}
section.event01 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding: 160px 0 0 0;}
section.event01 .contents_wrapper .schedule_wrapper {display: flex;flex-direction: column;width: 100%;background-position: center top;align-items: center;}
section.event01 .contents_wrapper .schedule_wrapper .schedule_wrap {display: flex;margin: 80px 0 0 0;width: 1400px;justify-content: space-between;z-index: 2;padding: 0 90px 0 140px;box-sizing: border-box;}

section.event01 .contents_wrapper .event_cont_wrapper {position:relative;width:1400px;display:flex;align-items:start;margin-top:150px;gap:0 15px;}
section.event01 .contents_wrapper .event_cont_wrapper .step_bar{width:146px;display:flex;flex-direction:column;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .step_bar::before{position:absolute;content:'';background-image:url('../images/event01/line.png');width:19px;height:924px;z-index:0;top:80px;}
section.event01 .contents_wrapper .event_cont_wrapper .step_bar > div{display:flex;flex-direction:column;align-items:center;gap:30px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .step_bar > div.step01{margin-bottom:60px;z-index:1;}
section.event01 .contents_wrapper .event_cont_wrapper .step_bar > div.step02{margin-bottom:70px;z-index:1;}
section.event01 .contents_wrapper .event_cont_wrapper .step_bar > div.step03{gap:40px 0;z-index:1;}

section.event01 .contents_wrapper .event_cont_wrapper .contents{font-family:'Pretendard',sans-serif;display:flex;flex-direction:column;}
section.event01 .contents_wrapper .event_cont_wrapper .contents .title{display:flex;align-items:center;height:146px;font-size:27px;font-weight:600;padding-left:20px;}
section.event01 .contents_wrapper .event_cont_wrapper .contents .step01_cont{color:#000000;display:flex;flex-direction:column;gap:30px 0;margin-bottom:50px;}
section.event01 .contents_wrapper .event_cont_wrapper .contents .step01_cont .keyword_wrap{display:flex;gap:0 20px;}
section.event01 .contents_wrapper .event_cont_wrapper .contents .step01_cont .keyword_wrap .keyword{width:295px;height:88px;border-radius:44px;border:2px solid #00ca2f;box-sizing:border-box;display:flex;justify-content:center;align-items:center;font-size:23px;font-weight:500;cursor:pointer;background:#FFFFFF;}
section.event01 .contents_wrapper .event_cont_wrapper .contents .step01_cont .keyword_wrap .keyword:hover{background:#00ca2f;color:#fffefe;}
section.event01 .contents_wrapper .event_cont_wrapper .contents .step01_cont .keyword_wrap .keyword.on{background:#00ca2f;color:#fffefe;}

section.event01 .contents_wrapper .event_cont_wrapper .contents .step02_cont{color:#000000;display:flex;flex-direction:column;gap:30px 0;margin-bottom:60px;}
section.event01 .contents_wrapper .event_cont_wrapper .contents .step02_cont .exp_wrap{}
section.event01 .contents_wrapper .event_cont_wrapper .contents .step02_cont .exp_wrap .exp{width:1078px;height:108px;border:2px solid #00ca2f;box-sizing:border-box;display:flex;align-items:center;padding:0 54px;background:#FFFFFF;border-radius:55px;line-height:1.4;}

section.event01 .contents_wrapper .event_cont_wrapper .contents .step03_cont{color:#000000;display:flex;flex-direction:column;gap:50px 0;z-index:3;}
section.event01 .contents_wrapper .event_cont_wrapper .contents .step03_cont .keyword_wrap{font-family:'TTHakgyoansimRikodeoR';display:flex;font-size:40px;color:#000;gap:0 30px;height:70px;}
section.event01 .contents_wrapper .event_cont_wrapper .contents .step03_cont .keyword_wrap .type_drag_box .hand{animation:1s move_word infinite linear forwards;}

section.event01 .contents_wrapper .event_cont_wrapper .contents .game_content{width:1205px;height:533px;background-image:url('../images/event01/bg_quiz.png');margin:50px 0 0 0;padding:80px 180px;box-sizing:border-box;display:flex;flex-direction:column;gap:30px 0;z-index:1;}


section.event01 .contents_wrapper .event_cont_wrapper .contents .keyword_wrap {font-family:'TTHakgyoansimRikodeoR';font-size:40px;color:#000;}
section.event01 .contents_wrapper .event_cont_wrapper .contents .keyword_wrap.both {display:flex;justify-content:space-between;}

section.event01 .contents_wrapper .event_cont_wrapper .contents .keyword_wrap .type01{display:flex;gap:0 7px;cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .contents .keyword_wrap .type02{display:flex;gap:0 7px;cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .contents .keyword_wrap .type03{display:flex;gap:0 7px;cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .contents .keyword_wrap .type03 .key{width:70px;height:70px;display:flex;background-image:url('../images/event01/box_word01.png');justify-content:center;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .contents .keyword_wrap .type02 .key{width:70px;height:70px;display:flex;background-image:url('../images/event01/box_word02.png');justify-content:center;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .contents .keyword_wrap .type01 .key{width:70px;height:70px;display:flex;background-image:url('../images/event01/box_word03.png');justify-content:center;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .contents .btns_wrap{width:100%;display:flex;justify-content:center;margin:45px 0 0 0;}
section.event01 .contents_wrapper .event_cont_wrapper .contents .btns_wrap .btn_join{position:relative;width:272px;height:78px;background-image:url('../images/event01/btn_join.png');cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .contents .btns_wrap .btn_join .hand{display:none;right:10px;bottom:-10px;}
section.event01 .contents_wrapper .event_cont_wrapper .contents .btns_wrap .btn_join.on .hand{display:block;}
section.event01 .player02{position:absolute;right:0;bottom:0;background-image:url('../images/event01/player02.png');width:412px;height:682px;}


section.event01 .contents_wrapper > .join_wrapper {position: relative;width: 1100px;height: 132px;display: flex;justify-content: center;align-items: center;font-family: 'Pretendard',sans-serif;font-size: 28px;color:#555555;box-sizing: border-box;margin: 60px 0 0 0;overflow: hidden;background-image:url('../../youthguardians/images/event01/bg_info.png');}
section.event01 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;justify-content: center;align-items: center;color: #555555;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: #E60034;font-weight: 800;font-family: 'Pretendard';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: 30px;font-family: 'Pretendard';color: #000000;}

/* 이벤트 01 */

/* 이벤트 02 */
section.event02 {position: relative;width: 100%;height: 2240px;background-image: url('../images/event02/bg.png');}
section.event02 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding: 275px 0 0 0;}
section.event02 .contents_wrapper .schedule_wrapper {display: flex;flex-direction: column;width: 100%;background-position: center top;align-items: center;}
section.event02 .contents_wrapper .schedule_wrapper .schedule_wrap {display: flex;margin: 90px 0 0 0;width: 1400px;justify-content: space-between;z-index: 2;padding: 0 90px 0 140px;}
section.event02 .contents_wrapper .event_cont_wrapper {width: 100%;display:flex;justify-content:center;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap {position:relative;width: 1410px;height:1047px;background-image:url('../images/event02/bg_box.png?v=1');top:-40px;display:flex;justify-content:center;align-items:end;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content{position:relative;width:330px;display:flex;flex-direction:column;align-items:center;gap:65px 0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .cup_wrap{position:relative;width:212px;height:256px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .cup_wrap .cup{position:relative;width:212px;height:256px;background-image:url('../images/event02/cup.png');display:flex;justify-content:center;align-items:end;padding-bottom:8px;box-sizing:border-box;z-index:1;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .cup_wrap .cup_cover{position:absolute;width:192px;height:238px;background-repeat:no-repeat;z-index:3;bottom:0;left:10px;bottom:8px;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .cup_wrap .cup_cover .water_wrap{position:absolute;width:192px;height:238px;z-index:2;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:6px 0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .cup_wrap .cup_cover .water{position:absolute;width:192px;height:238px;z-index:2;bottom:0;background-image:url('../images/event02/cup_cover2.png');background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:6px 0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .cup_wrap .cup_cover .num{position:absolute;width:192px;height:238px;z-index:5;top:3px;background-image:url('../images/event02/num.png');background-repeat:no-repeat;background-position:center;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .cup_wrap .cup_cover .water_wrap .water01{overflow:hidden;width:123px;height:30px;display:flex;align-items:end;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .cup_wrap .cup_cover .water_wrap .water01 .water_in{width:100%;height:100%;background-image:url('../images/event02/water01.png');background-repeat:no-repeat;background-position:center 30px;transition:.2s all}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .cup_wrap .cup_cover .water_wrap .water02{overflow:hidden;width:134px;height:32px;display:flex;align-items:end;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .cup_wrap .cup_cover .water_wrap .water02 .water_in{width:100%;height:100%;background-image:url('../images/event02/water02.png');background-repeat:no-repeat;background-position:center 32px;transition:.2s all}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .cup_wrap .cup_cover .water_wrap .water03{overflow:hidden;width:160px;height:35px;display:flex;align-items:end;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .cup_wrap .cup_cover .water_wrap .water03 .water_in{width:100%;height:100%;background-image:url('../images/event02/water03.png');background-repeat:no-repeat;background-position:center 35px;transition:.2s all}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .cup_wrap .cup_cover .water_wrap .water04{overflow:hidden;width:164px;height:37px;display:flex;align-items:end;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .cup_wrap .cup_cover .water_wrap .water04 .water_in{width:100%;height:100%;background-image:url('../images/event02/water04.png');background-repeat:no-repeat;background-position:center 37px;transition:.2s all}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .cup_wrap .cup_cover .water_wrap .water05{overflow:hidden;width:180px;height:38px;display:flex;align-items:end;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .cup_wrap .cup_cover .water_wrap .water05 .water_in{width:100%;height:100%;background-image:url('../images/event02/water05.png');background-repeat:no-repeat;background-position:center 38px;transition:.2s all}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .cup_wrap .cup_cover .water_wrap .water06{overflow:hidden;width:192px;height:41px;display:flex;align-items:end;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .cup_wrap .cup_cover .water_wrap .water06 .water_in{width:100%;height:100%;background-image:url('../images/event02/water06.png');background-repeat:no-repeat;background-position:center 41px;transition:.2s all}


section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .play_box{position:relative;display:flex;flex-direction:column;align-items:center;background-image:url('../images/event02/box.png');width:330px;height:337px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .play_box .btn{position:relative;width:122px;height:56px;background-image:url('../images/event02/btn_push.png');background-position:center bottom;top:-10px;cursor:pointer;background-repeat:no-repeat;display:flex;justify-content:center;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .play_box .btn .push_btn{position:relative;width:83px;height:43px;background-image:url('../images/event02/btn_push_click.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .play_box .btn .push_btn.on{animation:.1s push_click 1 linear}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .play_box .btn .hand{right:-10px;bottom:0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .play_box .btn.on .hand{display:none;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .play_box .clock{width:140px;height:160px;background-image:url('../images/event02/clock.png');margin:12px 0 15px 0;display:flex;justify-content:center;align-items:start;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .play_box .clock .sec_wrap{position:relative;width:100px;height:100px;display:flex;justify-content:center;align-items:center;top:20px;left:1px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .play_box .clock .sec_wrap .sec{width:11px;height:40px;background-image:url('../images/event02/sec.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .play_box .clock .sec_wrap .sec.on{animation:10s rotate360 infinite linear forwards;transform-origin:center bottom;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .play_box .clock .sec_wrap .sec.on.stop{animation-play-state:paused;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .play_box .btn_join{position:relative;width:302px;height:84px;background-image:url('../images/event02/btn_join.png');cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .play_box .btn_join .hand{display:none;right:-20px;bottom:-10px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .play_box .btn_join.on .hand{display:block;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .game_content .play_box .word{position:absolute;right:-250px;top:-190px;animation:1s zoom infinite linear forwards}


section.event02 .char01{position:absolute;left:0;bottom:0;width:393px;height:586px;background-image:url('../images/event02/pic01.png?v=1');}
section.event02 .char02{position:absolute;right:0;bottom:0;width:603px;height:370px;background-image:url('../images/event02/pic02.png');}

section.event02 .contents_wrapper > .join_wrapper {position: relative;width: 1100px;height: 132px;display: flex;justify-content: center;align-items: center;font-family: 'Pretendard',sans-serif;font-size: 28px;color:#555555;box-sizing: border-box;margin: 0px 0 0 0;overflow: hidden;background-image:url('../../youthguardians/images/event01/bg_info.png');}
section.event02 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;justify-content: center;align-items: center;color: #555555;gap: 0 5px;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #E60034;font-weight: 800;font-family: 'Pretendard';font-size: 40px;line-height: 0.7;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 30px;font-family: 'Pretendard';color: #000000;}
/* 이벤트 02 */

/* 이벤트 03 */
section.event03 {position: relative;width: 100%;height: 2998px;background-image: url('../images/event03/bg.png');}
section.event03 .contents_wrapper {position:relative;display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding: 195px 0 0 0;z-index:1;}
section.event03 .contents_wrapper .schedule_wrapper {display: flex;flex-direction: column;width: 100%;background-position: center top;align-items: center;}
section.event03 .contents_wrapper .schedule_wrapper .schedule_wrap {display: flex;margin: 95px 0 0 0;width: 1400px;justify-content: space-between;z-index: 2;padding:0  90px 0 140px;}
section.event03 .contents_wrapper .event_cont_wrapper {width: 100%;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap{width: 1399px;height:1530px;background-image:url('../images/event03/bg_box.png');margin:70px auto 45px auto;display:flex;flex-direction:column;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01{margin:260px 0 0 0;padding:0 130px;box-sizing:border-box;display:flex;justify-content:space-between;width:100%;height:564px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .drag_box{display:flex;flex-direction:column;align-items:center;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .drag_box > div{cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .drag_box > div.ui-draggable-disabled{cursor:default;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .drag_box.grp01{gap:25px 0;width:91px;}
.drag_box .part01.dp01{width:72px;height:122px;background-image:url('../images/event03/icon_st01_01.png');}
.drag_box .part01.dp02{width:91px;height:111px;background-image:url('../images/event03/icon_st01_02.png');}
.drag_box .part01.dp03{width:70px;height:126px;background-image:url('../images/event03/icon_st01_03.png');}

.drag_box .part01.dp01 .hand{animation:2s infinite drag_move01 linear forwards;}
.drag_box .part02.dp01 .hand{animation:2s infinite drag_move02 linear forwards;}
.drag_box .part03.dp01 .hand{animation:2s infinite drag_move03 linear forwards;}
.drag_box .part04.dp01 .hand{animation:2s infinite drag_move04 linear forwards;}
.drag_box .part05.dp01 .hand{animation:2s infinite drag_move05 linear forwards;}
.drag_box .part06.dp01 .hand{animation:2s infinite drag_move06 linear forwards;}
.drag_box .part07.dp01 .hand{animation:2s infinite drag_move07 linear forwards;}


.ring .part01{z-index:1;}
.ring .part01.dp01{width:72px;height:122px;}
.ring .part01.dp02{width:91px;height:111px;}
.ring .part01.dp03{width:70px;height:126px;}
.ring .part01 .hand{display:none;}


.ring .part01::after{position:absolute;content:'';background-position:center bottom;width:100%;height:100%;background-repeat:no-repeat;}
.ring .part01::before{position:absolute;content:'';background-image:url('../images/event03/cr.png');width:6px;height:24px;top:5px;left:44%;z-index:-1;}

.ring .part01.dp01::after{background-image:url('../images/event03/icon_st01_01a.png');}
.ring .part01.dp02::after{background-image:url('../images/event03/icon_st01_02a.png');}
.ring .part01.dp03::after{background-image:url('../images/event03/icon_st01_03a.png');}


section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .drag_box.grp02 {gap:12px 0;width:90px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .drag_box.grp02 .part02 {width:90px;height:130px;}
.drag_box .part02.dp01{width:90px;height:130px;background-image:url('../images/event03/icon_st02_01.png');}
.drag_box .part02.dp02{width:90px;height:130px;background-image:url('../images/event03/icon_st02_02.png');}
.drag_box .part02.dp03{width:90px;height:130px;background-image:url('../images/event03/icon_st02_03.png');}
.drag_box .part02.dp04{width:90px;height:130px;background-image:url('../images/event03/icon_st02_04.png');}

.ring .part02{z-index:1;width:90px;height:130px;}

.ring .part02::after{position:absolute;content:'';background-position:center bottom;width:100%;height:100%;background-repeat:no-repeat;}
.ring .part02::before{position:absolute;content:'';background-image:url('../images/event03/cr.png');width:6px;height:24px;top:0;left:45%;z-index:-1;}

.ring .part02.dp01::after{background-image:url('../images/event03/icon_st02_01a.png');}
.ring .part02.dp02::after{background-image:url('../images/event03/icon_st02_02a.png');}
.ring .part02.dp03::after{background-image:url('../images/event03/icon_st02_03a.png');}
.ring .part02.dp04::after{background-image:url('../images/event03/icon_st02_04a.png');}



section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .drag_box.grp03 {gap:12px 0;width:111px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .drag_box.grp03 .part03 {width:111px;height:131px;}

.drag_box .part03.dp01{width:111px;height:131px;background-image:url('../images/event03/icon_st03_01.png');}
.drag_box .part03.dp02{width:111px;height:131px;background-image:url('../images/event03/icon_st03_02.png');}
.drag_box .part03.dp03{width:111px;height:131px;background-image:url('../images/event03/icon_st03_03.png');}
.drag_box .part03.dp04{width:111px;height:131px;background-image:url('../images/event03/icon_st03_04.png');}

.ring .part03{z-index:1;width:111px;height:131px;}
.ring .part03::after{position:absolute;content:'';background-position:center bottom;width:100%;height:100%;background-repeat:no-repeat;}
.ring .part03::before{position:absolute;content:'';background-image:url('../images/event03/cr.png');width:6px;height:24px;top:6px;left:48%;z-index:-1;}

.ring .part03.dp01::after{background-image:url('../images/event03/icon_st03_01a.png');}
.ring .part03.dp02::after{background-image:url('../images/event03/icon_st03_02a.png');}
.ring .part03.dp03::after{background-image:url('../images/event03/icon_st03_03a.png');}
.ring .part03.dp04::after{background-image:url('../images/event03/icon_st03_04a.png');}



section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .drag_box.grp04 {gap:12px 0;width:99px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .drag_box.grp04 .part04 {width:99px;height:130px;}

.drag_box .part04.dp01{width:99px;height:130px;background-image:url('../images/event03/icon_st04_01.png');}
.drag_box .part04.dp02{width:99px;height:130px;background-image:url('../images/event03/icon_st04_02.png');}
.drag_box .part04.dp03{width:99px;height:130px;background-image:url('../images/event03/icon_st04_03.png');}
.drag_box .part04.dp04{width:99px;height:130px;background-image:url('../images/event03/icon_st04_04.png');}

.ring .part04{z-index:1;width:99px;height:130px;}
.ring .part04::after{position:absolute;content:'';background-position:center bottom;width:100%;height:100%;background-repeat:no-repeat;}
.ring .part04::before{position:absolute;content:'';background-image:url('../images/event03/cr.png');width:6px;height:24px;top:6px;left:38%;z-index:-1;}

.ring .part04.dp01::after{background-image:url('../images/event03/icon_st04_01a.png');}
.ring .part04.dp02::after{background-image:url('../images/event03/icon_st04_02a.png');}
.ring .part04.dp03::after{background-image:url('../images/event03/icon_st04_03a.png');}
.ring .part04.dp04::after{background-image:url('../images/event03/icon_st04_04a.png');}


section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .drag_box.grp05 {gap:12px 0;width:109px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .drag_box.grp05 .part05 {width:109px;height:132px;}

.drag_box .part05.dp01{width:109px;height:132px;background-image:url('../images/event03/icon_st05_01.png');}
.drag_box .part05.dp02{width:109px;height:132px;background-image:url('../images/event03/icon_st05_02.png');}
.drag_box .part05.dp03{width:109px;height:132px;background-image:url('../images/event03/icon_st05_03.png');}


.ring .part05{z-index:1;width:109px;height:132px;}
.ring .part05::after{position:absolute;content:'';background-position:center bottom;width:100%;height:100%;background-repeat:no-repeat;}
.ring .part05::before{position:absolute;content:'';background-image:url('../images/event03/cr.png');width:6px;height:24px;top:6px;left:48%;z-index:-1;}

.ring .part05.dp01::after{background-image:url('../images/event03/icon_st05_01a.png');}
.ring .part05.dp02::after{background-image:url('../images/event03/icon_st05_02a.png');}
.ring .part05.dp03::after{background-image:url('../images/event03/icon_st05_03a.png');}



section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .drag_box.grp06 {gap:12px 0;width:109px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .drag_box.grp06 .part06 {width:109px;height:132px;}

.drag_box .part06.dp01{width:109px;height:132px;background-image:url('../images/event03/icon_st06_01.png');}
.drag_box .part06.dp02{width:109px;height:132px;background-image:url('../images/event03/icon_st06_02.png');}
.drag_box .part06.dp03{width:109px;height:132px;background-image:url('../images/event03/icon_st06_03.png');}

.ring .part06{z-index:1;width:109px;height:132px;}
.ring .part06::after{position:absolute;content:'';background-position:center bottom;width:100%;height:100%;background-repeat:no-repeat;}
.ring .part06::before{position:absolute;content:'';background-image:url('../images/event03/cr.png');width:6px;height:24px;top:8px;left:55%;z-index:-1;}

.ring .part06.dp01::after{background-image:url('../images/event03/icon_st06_01a.png');}
.ring .part06.dp02::after{background-image:url('../images/event03/icon_st06_02a.png');}
.ring .part06.dp03::after{background-image:url('../images/event03/icon_st06_03a.png');}


section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .drag_box.grp07 {gap:12px 0;width:140px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .drag_box.grp07 .part07 {}

.drag_box .part07.dp01{width:98px;height:78px;background-image:url('../images/event03/icon_st07_01.png');}
.drag_box .part07.dp02{width:97px;height:78px;background-image:url('../images/event03/icon_st07_02.png');}
.drag_box .part07.dp03{width:140px;height:77px;background-image:url('../images/event03/icon_st07_03.png');}
.drag_box .part07.dp04{width:139px;height:78px;background-image:url('../images/event03/icon_st07_04.png');}

.ring .part07{z-index:1;width:109px;height:132px;}
.ring .part07.dp01{width:98px;height:78px;}
.ring .part07.dp02{width:97px;height:78px;}
.ring .part07.dp03{width:140px;height:77px;}
.ring .part07.dp04{width:139px;height:78px;}
.ring .part07::after{position:absolute;content:'';background-position:center bottom;width:100%;height:100%;background-repeat:no-repeat;}
.ring .part07::before{position:absolute;content:'';background-image:url('../images/event03/cr.png');width:6px;height:24px;top:8px;left:50%;z-index:-1;}

.ring .part07.dp01::after{background-image:url('../images/event03/icon_st07_01a.png');}
.ring .part07.dp02::after{background-image:url('../images/event03/icon_st07_02a.png');}
.ring .part07.dp03::after{background-image:url('../images/event03/icon_st07_03a.png');}
.ring .part07.dp04::after{background-image:url('../images/event03/icon_st07_04a.png');}



section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 {position:relative;width:100%;height:400px;margin:84px 0 0 0;padding:0 20px;box-sizing:border-box;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_content{width:100%;height:100%;display:flex;align-items:start;justify-content:center;overflow:hidden;gap:0 30px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_content .cover{height:100%;display:flex;align-items:center;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_content .ring{position:relative;background-image:url('../images/event03/ring.png');width:706px;height:153px;left:-60px}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_content .ring > div{position:absolute !important;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 {position:relative;width:100%;height:205px;margin:0 0 0 0;padding:0 20px;box-sizing:border-box;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .step_content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .step_content .info{width:640px;text-align:center;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .step_content .sns{flex:1;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .step_content .sns ul{display:flex;gap:0 28px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .step_content .sns ul li a{display:block;width:74px;height:74px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .step_content .sns ul li a.talk{background-image:url('../images/event03/icon_talk.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .step_content .sns ul li a.facebook{background-image:url('../images/event03/icon_facebook.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .step_content .sns ul li a.twitter{background-image:url('../images/event03/icon_twitter.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .step_content .sns ul li a.story{background-image:url('../images/event03/icon_story.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .step_content .sns ul li a.band{background-image:url('../images/event03/icon_band.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .step_content .sns ul li a.blog{background-image:url('../images/event03/icon_blog.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .step_content .sns ul li a.url{background-image:url('../images/event03/icon_url.png');}

section.event03 .contents_wrapper .event_cont_wrapper .btns_wrap {display:flex;justify-content:center;}
section.event03 .contents_wrapper .event_cont_wrapper .btns_wrap .btn_join{position:relative;width:272px;height:78px;background-image:url('../images/event03/btn_join.png');cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .btns_wrap .btn_join .hand{right:-20px;bottom:-20px;display:none;}
section.event03 .contents_wrapper .event_cont_wrapper .btns_wrap .btn_join.on .hand{display:block;}
section.event03 .char {position:absolute;bottom:0;left:0;background-image:url('../images/event03/people.png');width:358px;height:555px;z-index:2;}
section.event03 .char02 {position:absolute;bottom:0;right:0;background-image:url('../images/event03/people02.png');width:440px;height:869px;z-index:0;}
section.event03 .contents_wrapper > .join_wrapper {position: relative;width: 1100px;height: 132px;display: flex;justify-content: center;align-items: center;font-family: 'Pretendard',sans-serif;font-size: 28px;color:#555555;box-sizing: border-box;margin: 60px 0 0 0;overflow: hidden;background-image:url('../../youthguardians/images/event01/bg_info.png');}
section.event03 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;justify-content: center;align-items: center;color: #555555;gap: 0 5px;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #E60034;font-weight: 800;font-family: 'Pretendard';font-size: 40px;line-height: 0.7;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 30px;font-family: 'Pretendard';color: #000000;}
/* 이벤트 03 */

/* newspaper */
section.newspaper {position: relative;width: 100%;height:868px;background-image: url('../images/newspaper/bg.png');}
section.newspaper .contents_wrap{position: relative;width: 100%;height:100%;display:flex;justify-content:start;flex-direction:column;align-items:center;padding:0 0 0 0;box-sizing:border-box;}
section.newspaper .title{}
section.newspaper .movie_wrap{position:relative;width:800px;height:450px;background-image:url('../images/newspaper/box.png');padding:0;display:flex;justify-content:center;margin-top:65px;}
section.newspaper .movie_wrap ul{position:relative;width:100%;height:100%}
section.newspaper .movie_wrap ul li{position:relative;width:100%;height:100%}
section.newspaper .movie_wrap .movie{position:relative;width:100%;height:100%}
section.newspaper .movie_wrap .movie iframe{width:100%;height:100%;}
section.newspaper .movie_wrap .char01{position:absolute;left:-300px;bottom:-72px;width:236px;height:321px;background-image:url('../images/newspaper/char01.png');}
section.newspaper .movie_wrap .char02{position:absolute;right:-300px;bottom:-72px;width:260px;height:498px;background-image:url('../images/newspaper/char02.png');}
/* newspaper */

/* channel */
section.channel {position: relative;width: 100%;height:1300px;background-image: url('../images/channel/bg.png');}
section.channel .contents_wrap{position: relative;width: 100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:180px 0 0 0;gap:55px 0;}
section.channel .contents_wrap .title{}
section.channel .contents_wrap .sns_wrap{position: relative;display:flex;gap:0 20px;margin-left:240px;}

section.channel .contents_wrap .sns_wrap .phone_wrapper{position:absolute;left:-295px;z-index:7;top:20px;}
section.channel .contents_wrap .sns_wrap .phone_wrapper .phone_hand{position:absolute;background-image:url('../images/channel/icon_hand.png');width:142px;height:315px;z-index:8;top:170px;left:-129px;}
section.channel .contents_wrap .sns_wrap .phone_wrapper .phone_wrap{position:relative;width:244px;height:445px;}

/* channel */

/* SNS SHARE */
section.snsshare {position: relative;width: 100%;height: 630px;background-image:url('../images/share/bg.png');}
section.snsshare .contents_wrap {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
section.snsshare .contents_wrap > .title {margin-bottom:56px;}
section.snsshare .contents_wrap > .sns_wrapper {position: relative;	margin-bottom:75px;}
section.snsshare .contents_wrap > .sns_wrapper > ul {display: flex;gap: 0 20px;}

/* 참여 정보 */
section.sec-join-info {
    position: relative;
    width: 100%;
    height: 208px;
    display: flex;
    justify-content: center;
    font-size: 28px;
    align-items: center;
    color: #222222;
    background-color: #ffffff;
    font-family: 'Pretendard';
}

section.sec-join-info .joinner {
	display:flex;
	align-items:center;
}
section.sec-join-info .joinner .txt_logo{
	position:relative;
	font-size:0;
	top:-5px;
	padding:0 10px;
}

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

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

section.sec-join-info span._visit_all_cnt {
    color: #005ca9;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -5px;
    font-family: 'Pretendard';
    line-height: 0;
}

section.sec-join-info span._join_all_cnt {
    color: #00cdff;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -5px;
    font-family: 'Pretendard';
}

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

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

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

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

/* 참여 정보 */
/* SNS */
.pop_evt2_wrapper {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.pop_evt2_wrapper .pop_content_wrapper {
    position: relative;
    width: 1238px;
    height: 1000px;
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 30px;
    scale: .8
}

.pop_evt2_wrapper .pop_content_wrapper .close {
    position: absolute;
    background-image: url('../images/btn_evt2_close.png');
    width: 54px;
    height: 54px;
    right: -80px;
    cursor: pointer;
}

.pop_evt2_wrapper .pop_content_wrapper .contents {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    overflow: hidden;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .left_part {
    position: relative;
    width: 588px;
    height: 100%;
    background: #FED286;
    display: flex;
    align-items: center;
    justify-content: end;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data {
    position: relative;
    width: 542px;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .bg {
    position: absolute;
    background-image: url('../images/bg_pop_pic.png');
    width: 300px;
    height: 245px;
    right: 0;
    top: -40px;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .bg .pic {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 45px;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .txt {
    position: relative;
    font-size: 46px;
    margin-bottom: 38px;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .txt p {
    position: relative;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .txt p span {
    font-weight: 700;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .exp {
    font-weight: 500;
    font-size: 21px;
    color: #000000;
    line-height: 1.4;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part {
    position: relative;
    width: 650px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 37px 0 0 0;
    box-sizing: border-box;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 600px;
    align-items: center;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .title {
    font-size: 24px;
    text-align: center;
    margin-bottom: 40px;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .title span {
    font-weight: 700;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .exp_wrap {
    position: relative;
    padding: 54px 0 43px 0;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .exp_wrap .simple {
    position: relative;
    font-size: 22px;
    text-align: center;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .exp_wrap .ttl {
    position: relative;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap {
    position: relative;
    width: 100%;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li {
    position: relative;
    width: 190px;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .img {
    position: relative;
    width: 190px;
    height: 125px;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .img.on:before {
    position: absolute;
    0;content: '';
    background-image: url('../images/stamp.png');
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .img img {
    width: 100%;
    height: 100%;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .ttl {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -1px;
    padding: 5px 0 0 5px;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns {
    position: absolute;
    width: 100%;
    bottom: 110px;
    display: flex;
    justify-content: center;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join {
    position: relative;
    background-image: url('../images/btn_evt2_join.png');
    width: 419px;
    height: 110px;
    cursor: pointer;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join .hand {
    display: none;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join.on {
    background-image: url('../images/btn_evt2_join_on.png');
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join.on .hand {
    display: block;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .txt {
    position: absolute;
    width: 100%;
    bottom: 57px;
    display: flex;
    justify-content: center;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .frame_div {
    position: absolute;
    width: 100%;
    height: 58%;
    z-index: 99;
    left: 0;
    top: 0;
    border: 5px solid #000;
    box-sizing: border-box;
    border-radius: 30px;
    background: #FFFFFF;
    overflow: hidden;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .frame_div .pclose {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 9;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .frame_div iframe {
    width: 101%;
    height: 100%;
}

/* 이벤트 02 */
/* 참여 정보 */
section.sec-copyright {
    position: relative;
    width: 100%;
    height: 162px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #eeeeee;
    color: #000000;
    font-size: 15px;
	font-weight:500;
	font-family:'Pretendard',sans-serif;
}

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: #000000;
    font-size: 15px;
    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: #000000;
    font-weight: 500;
    font-family: 'Pretendard',sans-serif;
}

/* 고정 메뉴 */
.navigator_wrapper {position: fixed;left: 0;bottom: 0;width: 100%;height: 102px;z-index: 11;background: #0079e7;bottom: 0;overflow: hidden;}

.navigator_wrapper .cont_wrap {width: 100%;height: 100%;display: flex;justify-content: center;}

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

.navigator_wrapper .cont_wrap .navi_wrap > li {position: relative;flex: 1;box-sizing: border-box;height: 100%;display: flex;justify-content: center;align-items: center;}
.navigator_wrapper .cont_wrap .navi_wrap > li > .n_menu {position: relative;width: 78px;height: 38px;cursor: pointer;z-index: 3;background-image: url('../images/allmenu.png');background-repeat: no-repeat;}
.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(1) {margin-right: 34px;}
.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(2) {margin-right: 10px;}
.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(3) {margin-right: 10px;}
.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(4) {margin-right: 20px;}

.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: 75px;height: 76px;cursor: pointer;background-repeat: no-repeat;}

.n_menu_list {
    position: fixed;
    bottom: -800px;
    z-index: 99;
    background: #0079e7;
    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: 63px;
    height: 53px;
    background-image: url(../images/hand.png);
}

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

.result_wrap > .btn.event_result2 {
    width: 463px;
    height: 122px;
    display: inline-block;
    background-image: url('../images/event2_done.png');
}

.result_wrap > .btn.event_result2 > a {
    display: block;
    width: 100%;
    height: 100%;
}

/* 슬라이드 */
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    width: 100%;
}

.cardnews_wrap .swiper-slide img {
    width: 100%;
	height:100%;
	object-fit:contain;
}

.cardNewsSwiper.citySwiper swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wallSwiper.citySwiper swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-button-disabled {
    opacity: .2;
}

#cont_wrap {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

a:focus {
    outline: none;
}

.cardnew-swiper-button-prev {
    position: absolute;
    background-image: url('../images/cardnews/btn_prev.png');
    width: 70px;
    height: 70px;
    left: -110px;
    top: 315px;
    cursor: pointer;
}

.cardnew-swiper-button-next {
    position: absolute;
    background-image: url('../images/cardnews/btn_next.png');
    width: 70px;
    height: 70px;
    right: -110px;
    top: 315px;
    cursor: pointer;
}

.bounce1 {
    animation: bounce1 2s;
}

.bounce2 {
    animation: bounce2 1s;
}

.bounce3 {
    animation: bounce3 1s;
}

.kb_hand {
    position: absolute;
    background-image: url('../images/hand_ani.png');
    scale: .8;
    width: 102px;
    height: 96px;
    animation: vmove 1.5s infinite;
    animation-direction: reverse;
    animation-iteration-count: 3;
    z-index: 999;
    bottom: 0px;
    left: 40px;
}

.b_hand {
    position: absolute;
    right: -50px;
    bottom: -20px;
    background-image: url('../images/hand_ani.png');
    width: 102px;
    height: 96px;
    animation: blink 1s infinite;
}

.b_hand.com {
    right: 0;
    bottom: 5px;
    zoom:.7;}

.qb_hand {
    position: absolute;
    right: -50px;
    bottom: -20px;
    background-image: url('../images/hand_ani.png');
    width: 102px;
    height: 96px;
    animation: blink 1s infinite;
}

.qb_hand.hide {
    display: none;
}

.qb_hand.evt3 {
    display: none;
}

.hide {
    display: none !important;
}

.present_wrap .swiper-slide img {
    width: 100%;
}

.j_wrap01 {
}

.j_wrap02 {
    margin-top: 35px;
}

.j_wrap01 .swiper-slide {
    width: 487px;
    height: 120px;
    border-radius: 60px;
    color: #004819;
    font-size: 40px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

.j_wrap01 .swiper-slide:nth-child(1n+1) {
    background-image: linear-gradient(#FFFFFF, #FFFFFF);
}

.j_wrap01 .swiper-slide:nth-child(2n+2) {
    background-image: linear-gradient(#FFFFFF, #FFFFFF);
}

.j_wrap01 .swiper-slide:nth-child(3n+3) {
    background-image: linear-gradient(#FFFFFF, #FFFFFF);
}

/* popup */
html.on {
    height: 100%;
    overflow: hidden;
}

.pu_bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7);
    z-index: 98;
    display: none;
}

.pu {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 99;
    display: none;
}

.pu .bt_close {
    position: absolute;
    top: 0;
    right: -60px;
    width: 48px;
    height: 48px;
    background: url(../images/bt_pu_close.png?v=1) no-repeat 0 0;
    text-indent: -9999px;
}

.pu_event_youtube {
    width: 800px;
    background: #fff;
    border-radius: 15px;
    display: none;
}

.pu_event_youtube .p_con {
    position: relative;
}

.pu_event_youtube .p_con iframe {
    width: 800px;
    height: 450px;
}

.pu_event_info {
    width: 675px;
    display: none;
    border-radius: 20px;
    overflow: hidden;
}

.pu_event_info .form_top a {
    display: block;
    width: 100%;
    height: 100%;
}

.pu_event_info .p_con {
    position: relative;
    padding: 30px;
    background: #fff;
    overflow: hidden;
}

.pu_event_info .p_con dt {
    position: relative;
    font-size: 18px;
    color: #222;
    font-weight: 700;
}

.pu_event_info .p_con .ty00 {
    position: relative;
    height: 30px;
    padding-top: 5px;
    padding-left: 0;
    text-align: center;
    font-weight: 600;
}

.pu_event_info .p_con .ty00 dd {
    display: inline-block;
}

.pu_event_info .p_con .ty00 dd + dd {
    padding-left: 30px;
}

.pu_event_info .p_con .ty01 {
    position: relative;
    height: 44px;
    padding-left: 130px;
    margin-bottom: 20px;
}

.pu_event_info .p_con .ty01 dt {
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    line-height: 44px;
    text-align: left;
}

.pu_event_info .p_con .ty01 dd {
    position: relative;
}

.pu_event_info .p_con .ty01 dd input {
    height: 44px;
    line-height: 44px;
    background: #fff;
    border: 1px solid #cdcdcd;
    padding: 0 10px;
    box-sizing: border-box;
}

.pu_event_info .p_con .ty01 dd.num:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.pu_event_info .p_con .ty01 dd.num input {
    text-align: center;
    float: left;
    width: 134px;
}

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

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

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

.pu_event_info .p_con .ty02 dt span {
    position: absolute;
    bottom: 0;
    right: -5px;
}

.pu_event_info .p_con .ty02 dt span input {
    margin: 0;
}

.pu_event_info .p_con .ty02 dd {
    background: #fff4e4;
    padding: 15px 20px;
}

.pu_event_info .btns:before {
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    bottom: 0;
    width: 1px;
    ; z-index: 1;
}

.pu_event_info .btns:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.pu_event_info .btns a {
    float: left;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    line-height: 1.2;
    text-align: center;
    font-size: 32px;
    color: #fff;
    font-weight: 800;
}

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

.pu_event_info .btns a.bt_participate_done {
    background: #0A91F8;
    color: #FFFFFF;
}

.pu_event_info .btns a.bt_participate_done.i01 {
    background: #07788F;
}

.pu_event_info .btns a.bt_participate_done.i02 {
    background: #B7612B;
}

.pu_event_info .btns a.bt_participate_done.i03 {
    background: #316F52;
}

.pu_event_info .btns a.bt_participate_done.i04 {
    background: #B02923;
}

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

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

.pu_event_info table th {
    font-size: 16px;
    padding: 10px;
    vertical-align: top;
}

.pu_event_info table td {
    font-size: 16px;
    padding: 10px;
    color: #333;
    letter-spacing: -1px;
    line-height: 1.5;
}

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

.pu_event_info .checks input[type="checkbox"] + label:after {
    content: ' ';
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: -10px 0 0 10px;
    text-align: center;
    vertical-align: middle;
    background: url(../images/cb.png?v=2) no-repeat 0 0;
    background-position: center bottom;
}

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

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

.pu_event_info .radiob input[type="radio"] + label:after {
    content: ' ';
    display: inline-block;
    width: 33px;
    height: 35px;
    line-height: 35px;
    margin: -10px 0 0 10px;
    text-align: center;
    vertical-align: middle;
    background: url(../images/radio.png) no-repeat 0 4px;
}

.pu_event_info .radiob input[type="radio"]:checked + label:after {
    background: url(../images/radio-on.png) no-repeat 0 4px;
    background-position: center bottom;
}

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

.pu_event_done .ph {
    width: 100%;
}

.pu_event_done .ph .confirm {
	display:none;
    position: relative;
    width: 100%;
    height: 70px;
	line-height:70px;
	font-size:30px;
	font-weight:600;
	color:#FFFFFF;
	text-align:center;
}
.pu_event_done .ph .close {
    position: absolute;
    background-image: url('../images/pop_close.png');
    width: 70px;
    height: 70px;
    right: -70px;
    top: 0;
}

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

.pu_event_done .ph .btn_wrap {
    position: absolute;
    width: 70px;
    height: 70px;
    right: -70px;
    top: 0;
    display: flex;
    justify-content: center;
    background-image: url('../images/evt_close.png');
}

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

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

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

.pu_event_done.e01 {
    background: #000000;
}

.pu_event_done.e02 {
    background: #000000;
}

.pu_event_done.e03 {
    background: #000000;
}

.tc {
    text-align: center;
}


.site_scroll{
    position: absolute;
    bottom: 20px;
	right:150px;
	background-image:url('../images/scroll.png');
	width:70px;
	height:119px;
	animation:1.2s scroll infinite linear forwards
}