
body {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #d5d6d7; 
}
body::after{
    position:absolute; 
    width:0; 
    height:0; 
    overflow:hidden; 
    z-index:-1;    
    content: ;
}
div {touch-action:manipulation;}

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

.htmlWrapper section {background-position:center;overflow:hidden;}

/* 상단 */
.htmlWrapper section.top_wrapper {position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:72px;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;flex-direction:column;justify-content:center;align-items:center;gap:5px 0;}
.htmlWrapper section.top_wrapper > .hx_top span{font-size:22px;font-weight:800;color:#E60012;font-family:'ONE-Mobile-Title';margin-top:10px;}
.htmlWrapper section.top_wrapper > .hx_top span.first{}
.htmlWrapper section.top_wrapper > .hx_top span.first img{width:115px;}
.htmlWrapper section.top_wrapper > .hx_top i{margin-top:3px;margin-right:10px;}
.htmlWrapper section.top_wrapper > .hx_top .company_logo{}
.htmlWrapper section.top_wrapper > .hx_top .company_logo img{width:157px;}
.htmlWrapper section.top_wrapper > .hx_top div.ment{margin-top:-5px;}
.htmlWrapper section.top_wrapper > .hx_top .hx_txt{position:absolute;top:40px;}


/* 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:750px;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_w.png?v=1');background-repeat:no-repeat;overflow:hidden;background-size:750px;background-color:rgba(157,191,198,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_w.png?v=1');background-repeat:no-repeat;overflow:hidden;background-position:-375px 0;background-color:rgba(157,191,198,1);}


.htmlWrapper section.intro .intro_wrap .content_wrapper{position:relative;width:100%;height:100%;max-height:1332px;max-width:100%;margin:0 auto;display:flex;justify-content:center;}
.htmlWrapper section.intro .content_wrapper .stage{position: relative;width:100%;height:1166px;}
.htmlWrapper section.intro .content_wrapper .box{position: absolute;width:238px;height:176px;right:0;top:1105px;background-image: url('../images/intro/box.png');}
.htmlWrapper section.intro .content_wrapper .stage .people01{position: absolute;bottom:0;left:0;width:205px;height:234px;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:135px;height:187px;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:90px;width:204px;height:234px;background-image: url('../images/intro/people03.png');animation:2s move_character03 infinite linear forwards;}

.htmlWrapper section.intro .content_wrapper .character{position: absolute;width:225px;height:297px;right:-250px;bottom:0;background-image: url('../images/intro/character.png');}
.htmlWrapper section.intro .content_wrapper .character.move{animation:2s move_intro 1 linear forwards;}
.htmlWrapper section.intro .content_wrapper .character .word{position:absolute;left:-290px;top:110px;content:'';width:314px;height:124px;background-image:url('../images/intro/word.png');padding:20px 30px;display:flex;flex-direction:column;align-items:end;}
.htmlWrapper section.intro .content_wrapper .character .word .blind01{background:#FFFFFF;height:30px;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:30px;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: 2400px;background-repeat: no-repeat;background-position: center;background-image: url('../images/visual/bg.png');}
.htmlWrapper section.visual_wrapper .contents_wrap {position: relative;width: 100%;height: 100%;display: flex;flex-direction:column;align-items: center;padding:290px 0 0 0;box-sizing:border-box;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_tabs{position: relative;display:flex;gap:0 10px;margin-top:45px;margin-bottom:240px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_tabs .btn_zone{position: relative;width:230px;height:115px;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:706px;height:380px;background-image:url('../images/visual/zone01.png');z-index:5;background-position:center center;background-repeat:no-repeat;background-size:100%;transform:scale(1.2);}
.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 .fairzone > div{transform:scale(.6);}
.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:184px;left:100px;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:20px;right:210px;}
.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:42px;right:205px;}
.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:87px;left:60px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone.z01 .fairzone .char04{top:82px;}

.htmlWrapper section.visual_wrapper .contents_wrap .zone .photozone  > div{transform:scale(.6);}
.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:160px;left:300px;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:160px;right:310px;}
.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:115px;left:275px;}
.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:92px;left:312px;}
.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:85px;left:295px;}


.htmlWrapper section.visual_wrapper .contents_wrap .zone .playzone  > div{transform:scale(.6);}
.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:230px;left:180px;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:280px;left:200px;}
.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:255px;left:260px;}
.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:185px;right:180px;}
.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:15px;right:160px;}
.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:190px;right:100px;}

.htmlWrapper section.visual_wrapper .contents_wrap .zone .groundzone  > div{transform:scale(.6);}
.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:105px;right:105px;}
.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:84px;right:74px;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:100px;right:60px;z-index:1;}






.htmlWrapper section.visual_wrapper .contents_wrap .zone .word{z-index:9;position:absolute;left:30px;top:-55px;transform:scale(.7);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:522px;height:168px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .word .word_cover01{position:relative;width:480px;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:480px;height:40px;background:#FFFFFF;}

.htmlWrapper section.visual_wrapper .contents_wrap .zone .character{z-index:9;position:absolute;top:-15px;right:140px;transform:scale(.7);}



.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area{position:relative;font-family:'Pretendard',sans-serif;font-weight:600;z-index:7;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .fair{display:none;transform:scale(.8);}
.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:0;right:180px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .fair .area02{top:60px;left:90px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .fair .area03{top:60px;right:240px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .fair .area04{top:170px;left:-30px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .fair .area05{top:240px;left:-40px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .fair .area06{top:210px;left:110px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .fair .area07{top:140px;left:230px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .fair .area08{top:35px;right:-30px}

##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;transform:scale(.8);}
.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:260px;left:70px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play .area02{top:360px;left:-45px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play .area03{bottom:-435px;right:170px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play .area04{bottom:-315px;right:150px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play .area05{bottom:-370px;right:0;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play .area06{top:200px;left:330px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play .area07{top:250px;left:540px;}
.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:140px;left:480px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .play .area10{top:320px;left:130px;}

##.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;transform:scale(.8);}
.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:210px;right:-50px;}
#.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:150px;right:50px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .ground .area03{top:100px;right:20px;}
#.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:165px;right:-40px;}

#.htmlWrapper section.visual_wrapper .contents_wrap .zone .zone_area .ground .area04::after{background-image:url('../images/visual/dir2.png');background-size:100%;left:-7px;}


.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap{position:relative;width:100%;margin-top:160px;display:flex;flex-direction:column;align-items:center;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .title{margin-bottom:40px;}
.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:223px;height:64px;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:226px;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:672px;height:611px;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;flex-direction:column;align-items:center;justify-content:center;gap:20px 0;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area{position:relative;width:486px;height:261px;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:27px;height:28px;animation:1s zoom infinite linear forwards;}

.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a01 .point.p1{left:100px;top:80px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a01 .point.p2{left:300px;top:30px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a01 .point.p3{left:300px;top:55px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a01 .point.p4{left:140px;top:90px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a01 .point.p5{left:30px;top:150px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a01 .point.p6{left:70px;top:150px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a01 .point.p7{left:380px;top:10px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a01 .point.p8{left:100px;top:80px;}

.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a02 .point.p1{left:60px;bottom:30px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a02 .point.p2{left:40px;bottom:50px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a02 .point.p3{right:240px;bottom:40px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a02 .point.p4{right:190px;bottom:50px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a02 .point.p5{right:145px;bottom:60px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a02 .point.p6{right:210px;bottom:90px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a02 .point.p7{right:110px;bottom:90px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a02 .point.p8{right:70px;bottom:110px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a02 .point.p9{right:320px;bottom:50px;}

.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a03 .point.p1{right:50px;top:95px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a03 .point.p2{right:60px;top:85px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a03 .point.p3{right:70px;top:70px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a03 .point.p4{right:20px;top:90px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .area.a03 .point.p5{right:80px;top:10px;}

.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .pic_info_wrapper{position:relative;display:flex;width:100%;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .pic_info{width:100%;display:flex;justify-content:space-between;;color:#000000;padding:0 30px;box-sizing:border-box;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .pic_info .img{margin:22px 0;width:287px;height:100%;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .pic_info .img img{width:100%;box-shadow:#363636 6px 7px 2px -1px;}

.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .pic_info .in_wrap{display:flex;flex-direction:column;align-items:center;color:#000000;gap:12px 0;justify-content:center;flex:1;padding:0 10px;box-sizing:border-box;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .pic_info .in_wrap .name{font-family:'Pretendard',sans-serif;font-size:24px;font-weight:800;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .info_box .info_wrapper .pic_info .in_wrap .exp{font-family:'NanumSquare';font-weight:700;font-size:17px;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .zone-button-prev{position:absolute;left:0;width:78px;height:80px;background-image:url('../images/visual/btn_prev.png');cursor:pointer;z-index:7;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .zone-button-next{position:absolute;right:0;width:78px;height:80px;background-image:url('../images/visual/btn_next.png');cursor:pointer;z-index:7;}
.htmlWrapper section.visual_wrapper .contents_wrap .zone_info_wrap .char{position:absolute;bottom:-27px;left:0;width:113px;height:202px;background-image:url('../images/visual/card_character.png');cursor:pointer;z-index:5;}



/* 이벤트 01 */
section.event01 {position: relative;width: 100%;height: 3529px;background-image: url('../images/event01/bg.png?v=1');}
section.event01 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding: 150px 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: 70px 0 0 0;width: 100%;flex-direction:column;align-items: center;z-index: 2;gap:60px 0;}

section.event01 .contents_wrapper .event_cont_wrapper {position:relative;width:100%;display:flex;align-items:start;margin-top:70px;gap:0 15px;flex-wrap:wrap;padding:0 20px;box-sizing:border-box;}
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:994px;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:140px;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:165px;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:30px;}
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:547px;height:200px;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_list_wrap{height:150px;}
section.event01 .contents_wrapper .event_cont_wrapper .contents .step03_cont .keyword_wrap{font-family:'TTHakgyoansimRikodeoR';display:flex;flex-direction:column;font-size:36px;color:#000;gap:10px 0;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 .game_content{width:712px;height:522px;background-image:url('../images/event01/bg_quiz.png');margin:50px 0 0 0;padding:45px 30px;box-sizing:border-box;display:flex;flex-direction:column;gap:30px 0;z-index:1;}


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

section.event01 .contents_wrapper .event_cont_wrapper .keyword_wrap .typeDropBox{position:relative;}
section.event01 .contents_wrapper .event_cont_wrapper .keyword_wrap .type01{display:flex;gap:0 7px;cursor:pointer;width:138px;}
section.event01 .contents_wrapper .event_cont_wrapper .keyword_wrap .type02{display:flex;gap:0 7px;cursor:pointer;width:277px;}
section.event01 .contents_wrapper .event_cont_wrapper .keyword_wrap .type03{display:flex;gap:0 7px;cursor:pointer;width:348px;}
section.event01 .contents_wrapper .event_cont_wrapper .keyword_wrap .type03 .key{position:relative;width:64px;height:64px;display:flex;background-image:url('../images/event01/box_word01.png');justify-content:center;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .keyword_wrap .type02 .key{position:relative;width:64px;height:64px;display:flex;background-image:url('../images/event01/box_word02.png');justify-content:center;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .keyword_wrap .type01 .key{position:relative;width:64px;height:64px;display:flex;background-image:url('../images/event01/box_word03.png');justify-content:center;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .btns_wrap{width:100%;display:flex;justify-content:center;margin:45px 0 0 0;}
section.event01 .contents_wrapper .event_cont_wrapper .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 .btns_wrap .btn_join .hand{display:none;right:10px;bottom:-10px;}
section.event01 .contents_wrapper .event_cont_wrapper .btns_wrap .btn_join.on .hand{display:block;}

section.event01 .contents_wrapper > .join_wrapper {position: relative;width: 712px;display: flex;flex-direction:row;justify-content: center;align-items: center;font-family: 'Pretendard',sans-serif;font-size: 24px;color:#555555;box-sizing: border-box;margin: 20px 0 0 0;overflow: hidden;background-color:rgba(255,255,255,.6);padding:10px 5px;box-sizing:border-box;border-radius:50px;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;flex-direction:row;justify-content: center;align-items: center;color: #555555;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap div.first {display:flex;align-items:center;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #E60034;font-weight: 800;font-family: 'Pretendard';font-size: 36px;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 26px;font-family: 'Pretendard';color: #000000;}

/* 이벤트 01 */

/* 이벤트 02 */
section.event02 {position: relative;width: 100%;height: 2339px;background-image: url('../images/event02/bg.png');}
section.event02 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding: 155px 0 0 0;}
section.event02 .contents_wrapper .schedule_wrapper {display: flex;flex-direction: column;width: 100%;align-items: center;}
section.event02 .contents_wrapper .schedule_wrapper .schedule_wrap {display: flex;margin: 87px 0 0 0;width: 100%;flex-direction:column;align-items: center;z-index: 2;gap:47px 0;}
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: 100%;height:997px;background-image:url('../images/event02/bg_box.png');margin:0 0 0 0;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;padding:0 0 25px 0;box-sizing:border-box;}
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;}
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;}
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;}
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;}
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;}


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:-190px;top:-140px;animation:1s zoom infinite linear forwards}


section.event02 .char01{position:absolute;left:0;bottom:0;width:252px;height:486px;background-image:url('../images/event02/pic01.png');}
section.event02 .char02{position:absolute;right:0;bottom:0;width:186px;height:220px;background-image:url('../images/event02/pic02.png');}


section.event02 .contents_wrapper > .join_wrapper {position: relative;width: 712px;display: flex;flex-direction:row;justify-content: center;align-items: center;font-family: 'Pretendard',sans-serif;font-size: 24px;color:#555555;box-sizing: border-box;margin: 10px 0 0 0;overflow: hidden;z-index:8;background-color:rgba(255,255,255,.6);padding:10px 5px;box-sizing:border-box;border-radius:50px;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;flex-direction:row;justify-content: center;align-items: center;color: #555555;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap div.first {display:flex;align-items:center;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #E60034;font-weight: 800;font-family: 'Pretendard';font-size: 36px;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 26px;font-family: 'Pretendard';color: #000000;}
/* 이벤트 02 */

/* 이벤트 03 */
section.event03 {position: relative;width: 100%;height: 4119px;background-image: url('../images/event03/bg.png');}
section.event03 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding: 250px 0 0 0;}
section.event03 .contents_wrapper .schedule_wrapper {display: flex;flex-direction: column;width: 100%;align-items: center;}
section.event03 .contents_wrapper .schedule_wrapper .schedule_wrap {display: flex;margin: 70px 0 0 0;width: 100%;flex-direction:column;align-items: center;z-index: 2;gap:60px 0;}
section.event03 .contents_wrapper .event_cont_wrapper {width: 100%;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap{width: 738px;height:2220px;background-image:url('../images/event03/bg_box.png');margin:70px auto 45px auto;display:flex;flex-wrap:wrap;direction:column;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01{margin:210px 0 0 0;padding:50px 0 50px 70px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between; align-items:start;width:100%;height:1190px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .drag_box{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;}

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:0 80px;width:100%;}

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

.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::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:0 60px;width:100%;}
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:0 35px;;width:100%;}
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:0 50px;;width:100%;}
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:0 30px;;width:100%;}
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:0 40px;width:100%;}
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:0 2px;;width:100%;}
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:340px;margin:0 0 0 0;padding:0 0;}
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{display:flex;height:100%;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?v=1');width:550px;height:119px;left:-20px;top:36px;}
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:425px;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;flex-direction:column;align-items:center;justify-content:center;gap:47px 0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .step_content .info{text-align:center;}

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:265px;height:446px;}
section.event03 .char02 {position:absolute;bottom:0;right:0;background-image:url('../images/event03/people02.png');width:326px;height:517px;z-index:0;}


section.event03 .contents_wrapper > .join_wrapper {position: relative;width: 712px;display: flex;flex-direction:column;justify-content: center;align-items: center;font-family: 'Pretendard',sans-serif;font-size: 24px;color:#555555;box-sizing: border-box;margin: 210px 0 0 0;overflow: hidden;z-index:8;background-color:rgba(255,255,255,.6);padding:10px 5px;box-sizing:border-box;border-radius:50px;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;flex-direction:column;justify-content: center;align-items: center;color: #555555;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap div.first {display:flex;align-items:center;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #E60034;font-weight: 800;font-family: 'Pretendard';font-size: 36px;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 26px;font-family: 'Pretendard';color: #000000;}
/* 이벤트 03 */

/* newspaper */
section.newspaper {position: relative;width: 100%;height:670px;background-image: url('../images/newspaper/bg.png?v=1');}
section.newspaper .contents_wrap{position: relative;width: 100%;height:100%;display:flex;justify-content:space-between;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:729px;height:420px;padding:20px;display:flex;justify-content:center;margin-bottom:0;}
section.newspaper .movie_wrap .movie{position:relative;width:450px;height:254px;background:#363636;left:-10px;}
section.newspaper .movie_wrap .movie iframe{width:100%;height:100%}
/* newspaper */

/* channel */
section.channel {position: relative;width: 100%;height:2335px;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:115px 0 0 0;gap:55px 0;justify-content:start}
section.channel .contents_wrap .title{}

section.channel .contents_wrap .phone_wrapper{position:relative;left:3px;z-index:7;margin-top:36px;}
section.channel .contents_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 .phone_wrapper .phone_wrap{position:relative;width:244px;height:445px;}

section.channel .contents_wrap .sns_wrap{position: relative;display:flex;flex-wrap:wrap;gap:22px 30px;align-items:center;justify-content:center;margin:48px 0 0 0;}

/* channel */


/* SNS */
section.sns {position:relative;width:100%;height:1198px;background-image:url('../images/sns/bg.png');}
section.sns .contents_wrap {display:flex;flex-direction:column;width:100%;height:100%;align-items:center;justify-content:start;padding:100px 0 0 0;box-sizing:border-box;}
section.sns .contents_wrap .title{margin-bottom:80px;}
section.sns .contents_wrap .sns_wrap{}
section.sns .contents_wrap .sns_wrap ul{display:flex;gap:0 0;flex-wrap:wrap;width:100%;justify-content:center;padding:0 10px;box-sizing:border-box;}
section.sns .contents_wrap .sns_wrap ul li{margin-bottom:43px;}
/* SNS */


/* 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;gap:60px 0;font-family:'ONE-Mobile-Title';text-align:center;font-weight:500;}
section.snsshare .contents_wrap > .title{color:#262630;font-size:32px;font-family:'ONE-Mobile-Regular'}
section.snsshare .contents_wrap > .title span{display:block;color:#000000;text-align:center;font-size:64px;margin-bottom:24px;}
section.snsshare .contents_wrap > .title span i{color:#D71618;}
section.snsshare .contents_wrap > .sns_wrapper{position:relative;}
section.snsshare .contents_wrap > .sns_wrapper > ul{display:flex;gap:0 30px;}
section.snsshare .contents_wrap > .sns_wrapper > ul > li{}



/* 참여 정보 */
section.sec-join-info {position:relative;width:100%;height:216px;display:flex;flex-direction:column;justify-content:center;font-size:28px;align-items:center;color:#222222;background-color:#ffffff;font-family:'Pretendard';}
section.sec-join-info  div {font-weight:800;display:flex;align-items:center;}
section.sec-join-info  span.normal{font-weight:400;font-size:28px;margin-right:5px;margin-top:-5px;}
section.sec-join-info  span._visit_all_cnt{color:#005ca9;margin-left:10px;margin-right:10px;margin-top:-10px;font-family:'ONE-Mobile-Title';line-height:0;}
section.sec-join-info  span._join_all_cnt{color:#00cdff;margin-left:10px;margin-right:10px;margin-top:-10px;font-family:'ONE-Mobile-Title';}
section.sec-join-info  div span{font-size:48px;font-weight:900;font-family:"ONE-Mobile-Title",sans-serif;padding:0 0 0 5px;}
/* 참여 정보 */


/* SNS */



.pop_evt2_wrapper {position:fixed;left:0;top:0;width:100%;height:100vh;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:10;}
.pop_evt2_wrapper .pop_content_wrapper{position:relative;width:1238px;height:1000px;margin:0 auto;background:#FFFFFF;border-radius:30px;scale:.8}
.pop_evt2_wrapper .pop_content_wrapper .close{position:absolute;background-image:url('../images/btn_evt2_close.png');width:54px;height:54px;right:-80px;cursor:pointer;}
.pop_evt2_wrapper .pop_content_wrapper .contents{position:relative;display:flex;width:100%;height:100%;border-radius:30px;overflow:hidden;}
.pop_evt2_wrapper .pop_content_wrapper .contents .left_part{position:relative;width:588px;height:100%;background:#FED286;display:flex;align-items:center;justify-content:end;}
.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data{position:relative;width:542px;}
.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .bg{position:absolute;background-image:url('../images/bg_pop_pic.png');width:300px;height:245px;right:0;top:-40px;}
.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .bg .pic{position:relative;display:flex;justify-content:center;align-items:center;top:45px;}
.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .txt{position:relative;font-size:46px;margin-bottom:38px;}
.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .txt p{position:relative;}
.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .txt p span{font-weight:700;}
.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .exp{font-weight:500;font-size:21px;color:#000000;line-height:1.4;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part{position:relative;width:650px;height:100%;display:flex;flex-direction:column;align-items:center;padding:37px 0 0 0;box-sizing:border-box;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data{position:relative;display:flex;justify-content:center;flex-direction:column;width:600px;align-items:center;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .title{font-size:24px;text-align:center;margin-bottom:40px;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .title span{font-weight:700;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .exp_wrap{position:relative;padding:54px 0 43px 0;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .exp_wrap .simple{position:relative;font-size:22px;text-align:center;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .exp_wrap .ttl{position:relative;font-size:28px;font-weight:700;text-align:center;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap {position:relative;width:100%;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul{position:relative;display:flex;justify-content:space-between;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li{position:relative;width:190px;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .img{position:relative;width:190px;height:125px;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .img.on:before{position:absolute;0;content:'';background-image:url('../images/stamp.png');top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .img img{width:100%;height:100%;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .ttl{font-size:18px;font-weight:500;letter-spacing:-1px;padding:5px 0 0 5px;}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns{position:absolute;width:100%;bottom:110px;display:flex;justify-content:center;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join{position:relative;background-image:url('../images/btn_evt2_join.png');width:419px;height:110px;cursor:pointer;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join .hand{display:none;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join.on{background-image:url('../images/btn_evt2_join_on.png');}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join.on .hand{display:block;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .txt{position:absolute;width:100%;bottom:57px;display:flex;justify-content:center;}


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

/* 이벤트 02 */



/* 참여 정보 */
section.sec-copyright {position:relative;width:100%;height:252px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f0f0f0;color:#000000;font-size:15px;padding:60px 40px;box-sizing:border-box;}
section.sec-copyright > .copyright {width:100%;}
section.sec-copyright > .copyright ul{}
section.sec-copyright > .copyright ul li{margin-bottom:10px;}
section.sec-copyright > .copyright ul li:first-child{color:#262630;font-size:15px;font-weight:500;font-family:'Pretendard',sans-serif;}
section.sec-copyright > .copyright ul li:nth-child(2n+2){}
section.sec-copyright > .copyright ul li:nth-child(3){text-align:right;margin-top:40px;}
section.sec-copyright > .copyright ul li:nth-child(4){display:flex;justify-content:end;}
section.sec-copyright > .copyright ul li:nth-child(4) > div{}
section.sec-copyright > .copyright ul li:nth-child(4) span{color:#000000;font-weight:800;font-family:'Pretendard',sans-serif;}


/* 고정 메뉴 */
.navigator_wrapper {position:fixed;left:0;bottom:0;width:100%;height:110px;z-index:11; bottom: 0;overflow:hidden;}
.navigator_wrapper .cont_wrap {width:100%;background:#0079e7;height:100%;display:flex;justify-content:center;}
.navigator_wrapper .cont_wrap .navi_wrap {width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:0 40px;box-sizing:border-box;}
.navigator_wrapper .cont_wrap .navi_wrap > li{position:relative;flex:1;box-sizing:border-box;height:100%;display:flex;justify-content:center;align-items:center;gap:0 10px;}
.navigator_wrapper .cont_wrap .navi_wrap > li > div > a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
.navigator_wrapper .cont_wrap .navi_wrap > li > .n_top{position:relative;background-image:url('../images/top.png');width:75px;height:76px;cursor:pointer;background-repeat:no-repeat;margin-left:10px;}



.n_menu_list {position:fixed;bottom:-800px;z-index:99;background:#e60012;width:500px;box-sizing:border-box;font-size:22px;}
.n_menu_list.on {bottom:0;}
.n_menu_list > .n_menu.close {float:right;background-image:url('../images/gnb_close.png');width:46px;height:46px;display:inline-block;margin-top:13px;margin-right:20px;cursor:pointer;}
.n_menu_list > .m_list {width:100%;display:flex;flex-wrap:wrap;padding:10px 0 0 0;box-sizing:border-box;text-align:center;display:flex;flex-direction:column;}
.n_menu_list > .m_list  a {color:#FFFFFF;}
.n_menu_list > .m_list  div {border-bottom:2px solid #D9D9D9;width:433px;margin:0 auto;padding:15px 0;}
.n_menu_list > .m_list  a:last-child div{border-bottom:0;}
.n_menu_list > .m_list  div > span {display:flex;cursor:pointer;position:relative;width:433px;height:80px;line-height:1.4;align-items:center;justify-content:start;text-align:left;padding-left:20px;box-sizing:border-box;}
.n_menu_list > .m_list  div > span a{display:block;font-size:23px;color:#FFFFFF;font-weight:500;letter-spacing:-.5px;text-align:left;}
.n_menu_list > .m_list  div > span {position:relative;}
.n_menu_list > .m_list  div > span::after {content:'';width:80px;height:80px;position:absolute;left:10px;top:0;}

.n_menu_list > .m_list  div.on {background-color:rgba(255,255,255,.1);}
/* 고정 메뉴 */

/* 기타  */

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

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

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

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

.hand {position:absolute;z-index:5;animation:zoom 1s ease-in-out infinite;animation-delay:0.5s;animation-duration:1s;width: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; }
.pu_event_info .form_top a{display:block;width:100%;height:100%;}
.pu_event_info .p_con {position:relative;padding:30px;background: #fff;overflow: hidden;}
.pu_event_info .p_con dt { position:relative; font-size:18px; color:#222;font-weight:700; }
.pu_event_info .p_con .ty00 { position:relative; height:30px; padding-top:5px;padding-left:0;text-align:center; font-weight:600;}
.pu_event_info .p_con .ty00 dd {display:inline-block;}
.pu_event_info .p_con .ty00 dd + dd {padding-left:30px;}

.pu_event_info .p_con .ty01 { position:relative; height:44px; padding-left:130px; margin-bottom:20px;}
.pu_event_info .p_con .ty01 dt { position:absolute; top:0; left:0; width:120px; line-height:44px; text-align:left; }
.pu_event_info .p_con .ty01 dd { position:relative; }
.pu_event_info .p_con .ty01 dd input { height:44px; line-height:44px; background:#fff; border:1px solid #cdcdcd; padding:0 10px; box-sizing:border-box;}
.pu_event_info .p_con .ty01 dd.num:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.pu_event_info .p_con .ty01 dd.num input { text-align:center; float:left; width:134px; }
.pu_event_info .p_con .ty01 dd.num i { float:left; width:20px; text-align:center; color:#fff; line-height:44px; }
.pu_event_info .p_con .ty02 { margin-top:30px;}
.pu_event_info .p_con .ty02 dt { margin-bottom:10px; margin-top:20px;}
.pu_event_info .p_con .ty02 dt span { position:absolute; bottom:0; right:-5px; }
.pu_event_info .p_con .ty02 dt span input { margin:0; }
.pu_event_info .p_con .ty02 dd { background:#fff4e4; padding:15px 20px; }
.pu_event_info .btns:before { position:absolute; content:''; top:0; left:50%; bottom:0; width:1px; ; z-index:1; }
.pu_event_info .btns:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.pu_event_info .btns a { float:left; width:50%; display:flex; justify-content:center;align-items:center;height:100px; line-height:1.2; text-align:center; font-size:30px; color:#fff; font-weight:800; }
.pu_event_info .btns a:hover { text-decoration:none; }
.pu_event_info .btns a.bt_participate_done {background:#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:#333;}

.pu_event_info table { width:100%; color:#333; line-height:18px; }
.pu_event_info table th { font-size:16px; padding:10px; vertical-align:top; }
.pu_event_info table td { font-size:16px; padding:10px; color:#333;letter-spacing:-1px;line-height:1.5;}
.pu_event_info .checks input[type="checkbox"] { position:absolute; top:0; left:0; opacity:0; -webkit-opacity:0; }
.pu_event_info .checks input[type="checkbox"] + label:after { content:' '; display:inline-block; width:32px; height:32px; line-height:32px; margin:-10px 0 0 10px; text-align:center; vertical-align:middle; background:url(../images/cb.png?v=1) no-repeat 0 0; }
.pu_event_info .checks input[type="checkbox"]:checked + label:after { background:url(../images/cb_on.png?v=3) no-repeat 0 0; }



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


.pu_event_done { display:none;}
.pu_event_done .ph{ width:100%;}
.pu_event_done .ph .close{position:absolute;background-image:url('../images/e_pop_close.png');width:70px;height:70px;right:-70px;top:0;}
.pu_event_done .ph .close a{display:block;width:100%;height:100%;}
.pu_event_done .ph .btn_wrap{ position:absolute;width:70px;height:70px;right:-70px;top:0;display:flex;justify-content:center;background-image:url('../images/evt_close.png');}
.pu_event_done .ph .btn_wrap .btn{ position:relative;width:250px;height:100%;}
.pu_event_done .ph .btn_wrap .btn .hand{ right:0px;bottom:-40px;}
.pu_event_done .ph .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;}
.pu_event_done .ph .confirm {
    position: relative;
    width: 100%;
    height: 70px;
	line-height:70px;
	font-size:30px;
	font-weight:600;
	background:#000;
	color:#FFFFFF;
	text-align:center;
}
.tc {text-align:center;}
