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/event03/cover.png?v=1') url('../images/event03/cover02.png?v=1') url('../images/event03/cover03.png?v=1')
	;
}

.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:#888888;}
.htmlWrapper section.top_wrapper > .hx_top span{font-size:24px;font-weight:800;color:#000000;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 b{color:#000;}
.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 div.ment{margin-top:-5px;}
.htmlWrapper section.top_wrapper > .hx_top .hx_txt{position:absolute;top:40px;}



/* Visual */
.htmlWrapper section.visual_wrapper {position:relative;width:100%;height:910px;background-repeat:no-repeat;background-position:center;background-image:url('../images/visual/bg.jpg?v=2');}
.htmlWrapper section.visual_wrapper .contents_wrap{position:relative;width:100%;height:100%;display:flex;justify-content:center;}
.htmlWrapper section.visual_wrapper .contents_wrap .title_wrap{position:absolute;width:1021px;height:404px;left:125px;top:0;background-image:url('../images/visual/bg_title.png');display:flex;justify-content:center;align-items:center;z-index:3;animation:5s main_title infinite linear forwards}
.htmlWrapper section.visual_wrapper .contents_wrap .title_wrap .title{position:relative;top:-10px;left:20px;}
.htmlWrapper section.visual_wrapper .contents_wrap .effect_wrapper {position:absolute;left:30px;top:47px;z-index:2;width:1176px;height:173px;}
.htmlWrapper section.visual_wrapper .contents_wrap .effect_wrapper .effect_wrap{position:relative;width:100%;height:100%;}
.htmlWrapper section.visual_wrapper .contents_wrap .effect_wrapper .effect_wrap > div{position:absolute;}
.htmlWrapper section.visual_wrapper .contents_wrap .effect_wrapper .effect_wrap .effect01{background-image:url('../images/visual/eff01.png');width:57px;height:57px;left:0;bottom:0;animation:2s twinkle infinite linear forwards}
.htmlWrapper section.visual_wrapper .contents_wrap .effect_wrapper .effect_wrap .effect02{background-image:url('../images/visual/eff02.png');width:57px;height:57px;right:0;top:0;animation:2s twinkle infinite linear forwards;animation-delay:.3s;}
.htmlWrapper section.visual_wrapper .contents_wrap .effect_wrapper .effect_wrap .effect03{background-image:url('../images/visual/eff03.png');width:37px;height:37px;left:44px;top:59px;animation:2s twinkle infinite linear forwards;animation-delay:.6s;}
.htmlWrapper section.visual_wrapper .contents_wrap .effect_wrapper .effect_wrap .effect04{background-image:url('../images/visual/eff04.png');width:27px;height:27px;right:59px;top:73px;animation:2s twinkle infinite linear forwards;animation-delay:.9s;}
.htmlWrapper section.visual_wrapper .contents_wrap .effect_wrapper .effect_wrap .effect05{background-image:url('../images/visual/eff05.png');width:38px;height:71px;right:102px;top:68px;animation:3s main_title2 infinite linear forwards;}
.htmlWrapper section.visual_wrapper .contents_wrap .effect_wrapper .effect_wrap .effect06{background-image:url('../images/visual/eff06.png');width:25px;height:155px;right:135px;top:49px;animation:3s main_title2 infinite linear forwards;animation-delay:.3s;}
.htmlWrapper section.visual_wrapper .contents_wrap .map_wrapper{position:absolute;top:360px;width:100%;display:flex;justify-content:center;}
.htmlWrapper section.visual_wrapper .contents_wrap .map_wrapper .map_wrap{position:relative;width:1647px;height:375px;left:-30px;}
.htmlWrapper section.visual_wrapper .contents_wrap .map_wrapper .map_wrap .character{position:absolute;width:119px;height:121px;background-image:url('../images/visual/character.png');left:0;bottom:50px;z-index:5;}
.htmlWrapper section.visual_wrapper .contents_wrap .map_wrapper .map_wrap .character::before{position:absolute;content:'';width:167px;height:177px;background-image:url('../images/visual/word.png');left:-95px;top:-85px;}
.htmlWrapper section.visual_wrapper .contents_wrap .map_wrapper .map_wrap .character.move{animation:20s character_walk 1 linear forwards}
.htmlWrapper section.visual_wrapper .contents_wrap .map_wrapper .map_wrap .character.move::before{position:absolute;content:'';width:167px;height:177px;background-image:none}
.htmlWrapper section.visual_wrapper .contents_wrap .map_wrapper .map_wrap .character.end{position:absolute;width:154px;height:114px;background-image:url('../images/visual/character02.png');right:120px;bottom:40px;left:auto;}
.htmlWrapper section.visual_wrapper .contents_wrap .map_wrapper .map_wrap .character.end::before{position:absolute;content:'';width:170px;height:113px;background-image:url('../images/visual/word2.png');left:15px;top:-65px;}

.htmlWrapper section.visual_wrapper .contents_wrap .tent_wrapper{position:absolute;content:'';width:383px;height:302px;background-image:url('../images/visual/icon_tent.png');left:39px;top:252px;}

.htmlWrapper section.visual_wrapper .contents_wrap .table_wrapper{position:absolute;content:'';width:506px;height:231px;background-image:url('../images/visual/icon_table_box.png');left:0;bottom:0;}
.htmlWrapper section.visual_wrapper .contents_wrap .table_wrapper .cont{position:relative;width:100%;height:100%;}
.htmlWrapper section.visual_wrapper .contents_wrap .table_wrapper .cont .icon01{position:absolute;width:89px;height:117px;bottom:74px;left:62px;background-image:url('../images/visual/icon_t_r01.png');z-index:1;}
.htmlWrapper section.visual_wrapper .contents_wrap .table_wrapper .cont .icon02{position:absolute;width:71px;height:70px;bottom:87px;left:127px;background-image:url('../images/visual/icon_t_r02.png');z-index:0;}

.htmlWrapper section.visual_wrapper .contents_wrap .sleep_wrapper{position:absolute;content:'';width:509px;height:158px;background-image:url('../images/visual/icon_sleep_box.png');left:607px;bottom:0;}
.htmlWrapper section.visual_wrapper .contents_wrap .sleep_wrapper .cont{position:relative;width:100%;height:100%;}
.htmlWrapper section.visual_wrapper .contents_wrap .sleep_wrapper .cont .icon01{position:absolute;width:176px;height:109px;bottom:0;left:62px;background-image:url('../images/visual/icon_sleep.png');z-index:1;}
.htmlWrapper section.visual_wrapper .contents_wrap .sleep_wrapper .cont .icon01 .b01{position:absolute;width:18px;height:20px;bottom:78px;left:53px;background-image:url('../images/visual/icon_n01.png');z-index:1;animation:2s sleep infinite linear forwards;}
.htmlWrapper section.visual_wrapper .contents_wrap .sleep_wrapper .cont .icon01 .b02{position:absolute;width:12px;height:13px;bottom:53px;left:140px;background-image:url('../images/visual/icon_n02.png');z-index:1;animation:2s sleep infinite linear forwards;animation-delay:.3s;}

.htmlWrapper section.visual_wrapper .contents_wrap .forest_wrapper{position:absolute;content:'';right:0;bottom:0;width:419px;height:199px;}
.htmlWrapper section.visual_wrapper .contents_wrap .forest_wrapper .cont{position:relative;width:100%;height:100%;}
.htmlWrapper section.visual_wrapper .contents_wrap .forest_wrapper .cont .icon01{position:absolute;width:125px;height:120px;top:60px;right:220px;background-image:url('../images/visual/icon_w_char.png');z-index:0;animation:4s forest_hide infinite linear forwards;}
.htmlWrapper section.visual_wrapper .contents_wrap .forest_wrapper .cont .forest{position:absolute;width:100%;height:100%;background-image:url('../images/visual/icon_w.png');z-index:1;}

.htmlWrapper section.visual_wrapper .contents_wrap .picture_wrapper{position:absolute;content:'';right:34px;bottom:142px;width:187px;height:144px;}
.htmlWrapper section.visual_wrapper .contents_wrap .picture_wrapper .cont{position:relative;width:100%;height:100%;}
.htmlWrapper section.visual_wrapper .contents_wrap .picture_wrapper .cont .icon01{position:absolute;width:61px;height:64px;bottom:0px;left:0px;background-image:url('../images/visual/icon_pic_01.png');z-index:0;z-index:1;animation:2s move_01 infinite linear forwards;animation-delay:.3s;}
.htmlWrapper section.visual_wrapper .contents_wrap .picture_wrapper .cont .icon02{position:absolute;width:126px;height:111px;top:15px;right:5px;background-image:url('../images/visual/icon_pic_02.png');z-index:1;animation:2s farmer01 infinite linear forwards;}
.htmlWrapper section.visual_wrapper .contents_wrap .picture_wrapper .cont .icon03{position:absolute;width:69px;height:115px;top:0;left:20px;background-image:url('../images/visual/icon_pic_ej.png');z-index:0;}


.htmlWrapper section.visual_wrapper .contents_wrap .map_table_wrapper{position:absolute;content:'';left:708px;bottom:218px;width:172px;height:145px;background-image:url('../images/visual/icon_table.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .teacher_wrapper{position:absolute;content:'';left:1019px;bottom:310px;width:139px;height:130px;background-image:url('../images/visual/icon_teacher.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .lab_wrapper{position:absolute;content:'';right:447px;top:538px;width:129px;height:96px;background-image:url('../images/visual/icon_lab.png');}



.htmlWrapper section.visual_wrapper .contents_wrap .car_wrapper{position:absolute;content:'';width:459px;height:318px;background-image:url('../images/visual/icon_car.png');right:482px;bottom:19px;}
.htmlWrapper section.visual_wrapper .contents_wrap .car_wrapper .cont{position:relative;width:100%;height:100%;}
.htmlWrapper section.visual_wrapper .contents_wrap .car_wrapper .cont .icon01{position:absolute;width:92px;height:121px;top:120px;left:155px;background-image:url('../images/visual/icon_read01.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .car_wrapper .cont .icon02{position:absolute;width:69px;height:82px;top:125px;right:140px;background-image:url('../images/visual/icon_read02.png');}

.htmlWrapper section.visual_wrapper .contents_wrap .farmer_wrapper{position:absolute;content:'';width:357px;height:196px;left:338px;bottom:101px;}
.htmlWrapper section.visual_wrapper .contents_wrap .farmer_wrapper .cont{position:relative;width:100%;height:100%;}
.htmlWrapper section.visual_wrapper .contents_wrap .farmer_wrapper .cont .icon01{position:absolute;width:131px;height:151px;top:0px;right:20px;background-image:url('../images/visual/icon_farmer01.png');animation:2s farmer01 infinite linear forwards;animation-delay:.3s;}
.htmlWrapper section.visual_wrapper .contents_wrap .farmer_wrapper .cont .icon02{position:absolute;width:74px;height:119px;top:42px;left:72px;background-image:url('../images/visual/icon_farmer02.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .farmer_wrapper .cont .icon02 .icon{position:absolute;width:83px;height:41px;top:51px;left:64px;background-image:url('../images/visual/icon_farmer02_hand.png');animation:2s farmer_water infinite linear forwards;}
.htmlWrapper section.visual_wrapper .contents_wrap .farmer_wrapper .cont .icon03{position:absolute;width:43px;height:56px;bottom:36px;right:25px;background-image:url('../images/visual/icon_f.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .farmer_wrapper .cont .icon04{position:absolute;width:68px;height:63px;top:107px;left:5px;background-image:url('../images/visual/icon_f2.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .farmer_wrapper .cont .icon05{position:absolute;width:66px;height:70px;bottom:30px;left:157px;overflow:hidden;}
.htmlWrapper section.visual_wrapper .contents_wrap .farmer_wrapper .cont .icon05 .icon{position:absolute;width:42px;height:44px;bottom:5px;left:17px;background-image:url('../images/visual/ico_leaf2.png');animation:10s leaf_grow infinite linear forwards;}
.htmlWrapper section.visual_wrapper .contents_wrap .farmer_wrapper .cont .icon05 .soil{position:absolute;width:100%;height:19px;background-image:url('../images/visual/ico_leaf.png');bottom:0;}


.htmlWrapper section.visual_wrapper .contents_wrap .chair_wrapper{position:absolute;content:'';width:194px;height:142px;right:131px;bottom:323px;}
.htmlWrapper section.visual_wrapper .contents_wrap .chair_wrapper .cont{position:relative;width:100%;height:100%;}
.htmlWrapper section.visual_wrapper .contents_wrap .chair_wrapper .cont .icon01{position:absolute;width:126px;height:131px;bottom:0;right:0;background-image:url('../images/visual/icon_chair_01.png');z-index:1;}
.htmlWrapper section.visual_wrapper .contents_wrap .chair_wrapper .cont .icon02{position:absolute;width:125px;height:123px;top:0;left:0;background-image:url('../images/visual/icon_chair_02.png');z-index:0;}

.htmlWrapper section.visual_wrapper .contents_wrap .ball_wrapper{position:absolute;content:'';width:128px;height:124px;left:1030px;top:266px;}
.htmlWrapper section.visual_wrapper .contents_wrap .ball_wrapper .cont{position:relative;width:100%;height:100%;}
.htmlWrapper section.visual_wrapper .contents_wrap .ball_wrapper .cont .icon01{position:absolute;width:88px;height:90px;bottom:25px;left:15px;background-image:url('../images/visual/icon_h_01.png');z-index:0;}
.htmlWrapper section.visual_wrapper .contents_wrap .ball_wrapper .cont .icon01 .b01{position:absolute;width:14px;height:15px;top:20px;left:0px;background-image:url('../images/visual/b01.png');z-index:0;animation:1s water_ball infinite linear forwards;animation-delay:.3s;}
.htmlWrapper section.visual_wrapper .contents_wrap .ball_wrapper .cont .icon01 .b02{position:absolute;width:19px;height:20px;top:0px;left:10px;background-image:url('../images/visual/b02.png');z-index:0;animation:1s water_ball2 infinite linear forwards;animation-delay:.5s;}
.htmlWrapper section.visual_wrapper .contents_wrap .ball_wrapper .cont .icon01 .b03{position:absolute;width:15px;height:15px;top:-10px;left:-10px;background-image:url('../images/visual/b03.png');z-index:0;animation:1s water_ball3 infinite linear forwards}
.htmlWrapper section.visual_wrapper .contents_wrap .ball_wrapper .cont .icon02{position:absolute;width:45px;height:44px;top:55px;left:65px;background-image:url('../images/visual/icon_h_02.png');z-index:1;}

.htmlWrapper section.visual_wrapper .contents_wrap .icon_fish{position:absolute;content:'';width:158px;height:156px;background-image:url('../images/visual/icon_fish.png');left:466px;top:395px;}


/* 북웨이브 */
section.bookwave {position:relative;width:100%;height:482px;background-image:url('../images/wave/bg.png?v=2');}
section.bookwave .contents_wrap {display:flex;width:1300px;height:100%;justify-content:start;align-items:center;padding:0 0 0 0;box-sizing:border-box;margin:0 auto;}
/* 북웨이브 */


/* 이벤트 01 */
section.event01 {position:relative;width:100%;height:1646px;background-image:url('../images/event01/bg.png');}
section.event01 .contents_wrapper {display:flex;flex-direction:column;width:100%;height:100%;align-items:center;padding:62px 0 0 0;}
section.event01 .contents_wrapper > div {display:flex;flex-direction:column;width:100%;background-position:center top;align-items:center;}
section.event01 .contents_wrapper .schedule_wrap{display:flex;margin:40px 0 0 0;width:1300px;justify-content:space-between;z-index:2}
section.event01 .contents_wrapper .event_cont_wrapper{width:1920px;height:980px;background-image:url('../images/event01/cover.png');margin:0 0 0  0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width:1300px;height:688px;margin:60px 0 0 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap > div{position:absolute;width:237px;height:334px;cursor:pointer;z-index:6;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap > div.end{transition:.5s all;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap > div.end::before{position:absolute;content:'';background-image:url('../images/event01/chk.png');width:156px;height:159px;top:80px;left:60px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap > div .hand{right:0;bottom:20px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .water01{background-image:url('../images/event01/water01.png');left:0;top:0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .water01.in{animation:2s in_water01 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .water02{background-image:url('../images/event01/water02.png');right:0;top:0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .water02.in{animation:1s in_water02 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .water03{background-image:url('../images/event01/water03.png');left:0;bottom:0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .water03.in{animation:2s in_water03 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .water04{background-image:url('../images/event01/water04.png');right:0;bottom:0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .water04.in{animation:1.5s in_water04 1 linear forwards;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .water01.end{background-image:url('../images/event01/water01_end.png');transition:.5s all;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .water02.end{background-image:url('../images/event01/water02_end.png');z-index:1;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .water03.end{background-image:url('../images/event01/water03_end.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .water04.end{background-image:url('../images/event01/water04_end.png');}


section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .watercan{width:309px;height:230px;background-image:url('../images/event01/wateringcan.png');right:276px;top:-6px;z-index:5;transform:rotate(20deg);}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .watercan.start{transform:rotate(20deg);}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .watercan.on{animation:.7s watercan_move 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .watercan.end{opacity:0;transition:.5s all;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .watercan.end::before{content:'';background-image:none;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .watercan .water{position:absolute;width:89px;height:102px;left:-70px;top:170px;display:flex;justify-content:end;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .watercan.on .water::before{position:absolute;content:'';animation:1s water_drop 3 linear;background-image:url('../images/event01/water.png?v=1');width:263px;height:431px;background-position:right top}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .soil_wrapper{position:relative;width:780px;height:965px;margin:0 auto;top:-255px;left:-10px;z-index:1;overflow:hidden;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .soil_wrapper.tree{left:20px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .soil_wrapper .soil{position:relative;width:100%;height:100%;background-image:url('../images/event01/soil.png');background-position:center bottom 20px;background-repeat:no-repeat;z-index:1;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .soil_wrapper .soil.sec{background-image:url('../images/event01/soil2.png');background-position:center bottom 41px;left:-30px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .soil_wrapper .leaf{position:absolute;width:100%;height:100%;background-position:center bottom 40px;background-repeat:no-repeat;left:10px;transition:1s all;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .soil_wrapper .leaf.lv01{background-image:url('../images/event01/leaf01.png?v=1');animation:.7s leaf_up 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .soil_wrapper .leaf.lv02{background-image:url('../images/event01/leaf02.png?v=1');left:-10px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .soil_wrapper .leaf.lv03{background-image:url('../images/event01/leaf03.png?v=1');left:10px;background-position:center bottom 20px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .soil_wrapper .leaf.lv04{background-image:url('../images/event01/leaf04.png?v=1');left:20px;background-position:center bottom 20px;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .eff_wrapper{position:absolute;top:76px;left:290px;width:694px;height:168px;background-image:url('../images/event01/w01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .eff_wrapper > div{position:absolute;animation:2s twinkle infinite linear forwards}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .eff_wrapper .eff01{top:-7px;left:-24px;width:32px;height:40px;background-image:url('../images/event01/e01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .eff_wrapper .eff02{bottom:-90px;left:6px;width:52px;height:74px;background-image:url('../images/event01/e02.png');animation-delay:.3s;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .eff_wrapper .eff03{top:210px;left:716px;width:52px;height:74px;background-image:url('../images/event01/e03.png');animation-delay:.6s;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .eff_wrapper .eff04{top:0;left:756px;width:32px;height:40px;background-image:url('../images/event01/e04.png');animation-delay:.9s;}


section.event01 .contents_wrapper .join_pop{position:fixed;left:0;top:0;background-color:rgba(0,0,0,.7);width:100%;height:100%;z-index:99;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:0;}
section.event01 .contents_wrapper .join_pop.on{opacity:1;transition:.5s all;}
section.event01 .contents_wrapper .join_pop .btns{position:relative;}
section.event01 .contents_wrapper .join_pop .btns .btn{background-image:url('../images/event01/btn_join.png');width:365px;height:134px;}


section.event01 .contents_wrapper > .join_wrapper {position:relative;width:1100px;display:flex;justify-content:center;align-items:center;font-family:'Pretendard',sans-serif;font-size:32px;height:100px;border:4px solid #14AE34;box-sizing:border-box;border-radius:100px;margin:0 0 60px 0;background:#FFFFFF;overflow:hidden;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap{position:relative;display:flex;justify-content:center;align-items:center;color:#262630;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:#EF6ABD;font-weight:800;font-family:'ONE-Mobile-Title';font-size:40px;line-height:0.7;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .ttl{font-weight:800;padding:0 7px 0 12px;font-size:32px;font-family:'ONE-Mobile-Title';color:#14AE34;}

/* 이벤트 01 */

/* 이벤트 02 */
section.event02 {position:relative;width:100%;height:1692px;background-image:url('../images/event02/bg.jpg?v=2');}
section.event02 .contents_wrapper {display:flex;flex-direction:column;width:100%;height:100%;align-items:center;padding:62px 0 0 0;}
section.event02 .contents_wrapper > div {display:flex;flex-direction:column;width:100%;background-position:center top;align-items:center;}
section.event02 .contents_wrapper .schedule_wrap{display:flex;margin:40px 0 0 0;width:1300px;justify-content:space-between;z-index:2}
section.event02 .contents_wrapper .event_cont_wrapper{width:100%;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width:1300px;height:992px;margin:60px 0 0 0;display:flex;flex-direction:column;align-items:center;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper{position:relative;width:100%;height:100%;margin:34px 0 0 0;display:flex;flex-wrap:wrap;align-items:start;background-image:url('../images/event02/map.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .pic_wrap{position:relative;width:1104px;display:flex;flex-wrap:wrap;align-items:center;gap:80px 130px;margin:52px auto 0 auto;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .pic_wrap .pic{position:relative;width:280px;height:280px;cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .pic_wrap .pic .hand{right:0;bottom:30px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .pic_wrap .pic.end::before{position:absolute;content:'';width:340px;height:239px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .pic_wrap .pic01{position:relative;background-image:url('../images/event02/icon01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .pic_wrap .pic02{position:relative;background-image:url('../images/event02/icon02.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .pic_wrap .pic03{position:relative;background-image:url('../images/event02/icon03.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .pic_wrap .pic04{position:relative;background-image:url('../images/event02/icon04.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .pic_wrap .pic05{position:relative;background-image:url('../images/event02/icon05.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .pic_wrap .pic06{position:relative;background-image:url('../images/event02/icon06.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .pic_wrap .pic01.end{background-image:url('../images/event02/icon01_end.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .pic_wrap .pic01.end::before{background-image:url('../images/event02/stamp.png?v=1');left:20px;top:45px;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .pic_wrap .pic02.end{background-image:url('../images/event02/icon02_end.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .pic_wrap .pic02.end::before{background-image:url('../images/event02/stamp02.png?v=1');left:0;top:0;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .pic_wrap .pic03.end{background-image:url('../images/event02/icon03_end.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .pic_wrap .pic03.end::before{background-image:url('../images/event02/stamp03.png?v=1');left:-12px;top:15px;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .pic_wrap .pic04.end{background-image:url('../images/event02/icon03_end.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .pic_wrap .pic04.end::before{background-image:url('../images/event02/stamp03.png?v=1');left:-12px;top:15px;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .pic_wrap .pic05.end{background-image:url('../images/event02/icon01_end.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .pic_wrap .pic05.end::before{background-image:url('../images/event02/stamp.png?v=1');left:20px;top:45px;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .pic_wrap .pic06.end{background-image:url('../images/event02/icon02_end.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .map_wrapper .pic_wrap .pic06.end::before{background-image:url('../images/event02/stamp02.png?v=1');left:0;top:0;}

section.event02 .contents_wrapper .join_pop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:0;}
section.event02 .contents_wrapper .join_pop.on{opacity:1;transition:.5s all;}
section.event02 .contents_wrapper .join_pop .conts{position:relative;width:1300px;border-radius:20px;overflow:hidden;}
section.event02 .contents_wrapper .join_pop .conts::after{position:absolute;content:'';background-image:url('../images/event02/icon01.png');width:230px;height:230px;right:40px;top:20px;transform:rotate(-20deg);background-size:100%;}
section.event02 .contents_wrapper .join_pop.s01 .conts::after{background-image:url('../images/event02/icon01.png');}
section.event02 .contents_wrapper .join_pop.s02 .conts::after{background-image:url('../images/event02/icon02.png');}
section.event02 .contents_wrapper .join_pop.s03 .conts::after{background-image:url('../images/event02/icon03.png');}
section.event02 .contents_wrapper .join_pop .conts .title_wrap{position:relative;width:100%;height:147px;display:flex;align-items:center;padding:0 40px;box-sizing:border-box;}
section.event02 .contents_wrapper .join_pop.s01 .conts .title_wrap{background:#FFEDF8;}
section.event02 .contents_wrapper .join_pop.s02 .conts .title_wrap{background:#ECFFBE;}
section.event02 .contents_wrapper .join_pop.s03 .conts .title_wrap{background:#D9F4FF;}
section.event02 .contents_wrapper .join_pop .conts .title_wrap .title{font-size:56px;color:#0C3388;font-weight:800;}
section.event02 .contents_wrapper .join_pop .conts .cont_wrap{position:relative;flex:1;width:100%;background:#FFFFFF;padding:32px 40px;box-sizing:border-box;display:flex;gap:0 46px;}
section.event02 .contents_wrapper .join_pop .conts .cont_wrap .photo{width:390px;height:350px;}
section.event02 .contents_wrapper .join_pop .conts .cont_wrap .photo .pic{width:100%;height:295px;border-radius:20px;box-sizing:border-box;overflow:hidden;}
section.event02 .contents_wrapper .join_pop .conts .cont_wrap .photo .btn_link{width:100%;height:55px;cursor:pointer;}
section.event02 .contents_wrapper .join_pop .conts .cont_wrap .info_wrap{display:flex;flex-direction:column;justify-content:space-between;}
section.event02 .contents_wrapper .join_pop .conts .cont_wrap .info_wrap .detail{font-size:32px;color:#0C3388;font-weight:600;padding:70px 70px 0 20px;line-height:1.3;}
section.event02 .contents_wrapper .join_pop .conts .cont_wrap .info_wrap .detail span{font-weight:800;color:#666;}
section.event02 .contents_wrapper .join_pop .conts .cont_wrap .info_wrap .detail h3{font-size:32px;color:#0C3388;font-weight:800;}
section.event02 .contents_wrapper .join_pop .conts .cont_wrap .info_wrap .detail p{position:relative;margin-bottom:34px;margin-top:12px;}
section.event02 .contents_wrapper .join_pop .conts .cont_wrap .info_wrap .detail p.lt{color:#6C6C76;font-size:30px;font-weight:600;letter-spacing:-2px;}
section.event02 .contents_wrapper .join_pop .conts .cont_wrap .info_wrap .detail ul{color:#6C6C76;font-size:30px;font-weight:600;margin-top:12px;}
section.event02 .contents_wrapper .join_pop .conts .cont_wrap .info_wrap .detail ul li{position:relative;padding-left:15px;box-sizing:border-box;margin-bottom:5px;}
section.event02 .contents_wrapper .join_pop .conts .cont_wrap .info_wrap .detail ul li::before{position:absolute;content:'';width:6px;height:6px;background:#6C6C76;border-radius:50%;left:0;top:15px;}
section.event02 .contents_wrapper .join_pop .conts .cont_wrap .info_wrap .detail p::before{position:absolute;left:0;top:10px;display:block;content:'';background-image:url('');width:13px;height:20px;}
section.event02 .contents_wrapper .join_pop .conts .cont_wrap .info_wrap .detail p:last-child{margin-bottom:0;}
section.event02 .contents_wrapper .join_pop .conts .cont_wrap .btns{}
section.event02 .contents_wrapper .join_pop .btns .btn{position:relative;margin-top:20px;width:460px;height:102px;}
section.event02 .contents_wrapper .join_pop.s01 .btns .btn{background-image:url('../images/event02/btn_stamp01.png');}
section.event02 .contents_wrapper .join_pop.s02 .btns .btn{background-image:url('../images/event02/btn_stamp02.png');}
section.event02 .contents_wrapper .join_pop.s03 .btns .btn{background-image:url('../images/event02/btn_stamp03.png');}
section.event02 .contents_wrapper .join_pop .btns .btn .hand{right:0;bottom:-30px;}

section.event02 .contents_wrapper > .join_wrapper {position:relative;width:1100px;display:flex;justify-content:center;align-items:center;font-family:'Pretendard',sans-serif;font-size:32px;height:100px;border:4px solid #0A91F8;box-sizing:border-box;border-radius:100px;margin:-90px 0 0 0;background:#FFFFFF;overflow:hidden;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap{position:relative;display:flex;justify-content:center;align-items:center;color:#262630;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:#EF6ABD;font-weight:800;font-family:'ONE-Mobile-Title';font-size:40px;line-height:0.7;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap .ttl{font-weight:800;padding:0 7px 0 12px;font-size:32px;font-family:'ONE-Mobile-Title';color:#0A91F8;}
/* 이벤트 02 */

/* 이벤트 03 */
section.event03 {position:relative;width:100%;height:1692px;background-image:url('../images/event03/bg.png?v=2');}
section.event03 .contents_wrapper {display:flex;flex-direction:column;width:100%;height:100%;align-items:center;padding:62px 0 0 0;}
section.event03 .contents_wrapper > div {display:flex;flex-direction:column;width:100%;background-position:center top;align-items:center;}
section.event03 .contents_wrapper .schedule_wrap{display:flex;margin:40px 0 0 0;width:1300px;justify-content:space-between;z-index:2}
section.event03 .contents_wrapper .event_cont_wrapper{width:100%;overflow:hidden;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width:1332px;height:100%;margin:60px 0 0 0;display:flex;flex-direction:column;align-items:center;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book_wrapper{position:relative;width:100%;height:696px;margin:30px 0 0 0;display:flex;flex-wrap:wrap;align-items:start;background-image:url('../images/event03/cover02.png?v=1');z-index:1;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book_wrapper.end{background-image:url('../images/event03/cover.png?v=1');}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book_wrapper .drag_item{position:absolute;cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book_wrapper .drag_item .hand{display:none;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book_wrapper .drag_item.on .hand{display:block;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book_wrapper .drag_item.d01{width:350px;height:382px;bottom:0;left:-250px;background-image:url('../images/event03/woman.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book_wrapper .drag_item.d01.on .hand{animation:1s h_move01 infinite linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book_wrapper .drag_item.d02{width:509px;height:201px;top:-150px;right:-250px;background-image:url('../images/event03/e_ttl.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book_wrapper .drag_item.d02.on .hand{animation:1.5s h_move02 infinite linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book_wrapper .drag_item.d03{width:329px;height:388px;bottom:250px;right:-200px;background-image:url('../images/event03/man.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book_wrapper .drag_item.d03.on .hand{animation:.7s h_move03 infinite linear forwards;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book_wrapper .drop_item{position:absolute;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book_wrapper .drop_item.on.end{animation:1s event_end 2 linear forwards}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book_wrapper .drop_item.d01{width:350px;height:382px;bottom:-10px;left:140px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book_wrapper .drop_item.d01.on{background-image:url('../images/event03/woman.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book_wrapper .drop_item.d02{width:509px;height:201px;top:165px;right:460px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book_wrapper .drop_item.d02.on{background-image:url('../images/event03/e_ttl.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book_wrapper .drop_item.d03{width:329px;height:388px;bottom:225px;right:156px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .book_wrapper .drop_item.d03.on{background-image:url('../images/event03/man.png');}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .char01{position:absolute;left:-190px;top:194px;width:224px;height:261px;background-image:url('../images/event03/char01.png');z-index:3;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .char01::after{position:absolute;content:'';left:40px;top:-200px;width:226px;height:221px;background-image:url('../images/event03/word01.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .char02{position:absolute;right:-85px;bottom:11px;width:151px;height:145px;background-image:url('../images/event03/char02.png');z-index:0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .char02::after{position:absolute;content:'';left:150px;top:-65px;width:153px;height:130px;background-image:url('../images/event03/word02.png');}



section.event03 .contents_wrapper > .join_wrapper {position:relative;width:1100px;display:flex;justify-content:center;align-items:center;font-family:'Pretendard',sans-serif;font-size:32px;height:100px;border:4px solid #EF6ABD;box-sizing:border-box;border-radius:100px;margin:60px 0 0 0;background:#FFFFFF;overflow:hidden;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap{position:relative;display:flex;justify-content:center;align-items:center;color:#262630;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:#EF6ABD;font-weight:800;font-family:'ONE-Mobile-Title';font-size:40px;line-height:0.7;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap .ttl{font-weight:800;padding:0 7px 0 12px;font-size:32px;font-family:'ONE-Mobile-Title';color:#EF6ABD;}
/* 이벤트 03 */

/* 슬로건 */
section.slogan {position:relative;width:100%;height:600px;background-image:url('../images/slogan/bg.png?v=2');}
section.slogan .contents_wrap {width:100%;height:100%;}
section.slogan .contents_wrap .cover {position:relative;display:flex;width:1340px;height:100%;justify-content:center;align-items:start;margin:0 auto;justify-content:space-between;}
section.slogan .contents_wrap .cover .text{position:relative;top:85px;z-index:3;z-index:0;left:-115px;}
section.slogan .contents_wrap .cover .text .btns_wrap{position:absolute;width:100%;bottom:60px;left:0;display:flex;justify-content:center;gap:0 0px;}
section.slogan .contents_wrap .cover .text .btns_wrap .btn_link{position:relative;width:235px;height:34px;margin-left:25px;}
section.slogan .contents_wrap .cover .text .btns_wrap .btn_link:nth-child(2){margin-left:10px;}
section.slogan .contents_wrap .cover .text .btns_wrap .btn_link a{display:block;width:100%;height:100%;}
section.slogan .contents_wrap .cover .people{position:absolute;display:flex;justify-content:end;bottom:0;z-index:1;right:-10px;}
/* 슬로건 */


/* 동영상 */
section.movie {position:relative;width:100%;height:830px;background-image:url('../images/movie/bg.png?V=1');}
section.movie .blind{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:3;display:flex;justify-content:center;align-items:center;font-size:50px;font-weight:600;color:#FFFFFF;}
section.movie .contents_wrap {display:flex;flex-direction:column;width:100%;height:100%;align-items:center;padding:60px 0 0 0;box-sizing:border-box;}
section.movie .contents_wrap .cover{position:relative;display:flex;justify-content:center;padding:50px 0 0 0;box-sizing:border-box;}
section.movie .contents_wrap .cover .movie{position:relative;width:438px;height:620px;border-radius:10px;overflow:hidden;background-image:url('../images/movie/cover.png');display:flex;padding:25px 30px 35px 30px;box-sizing:border-box;}
section.movie .contents_wrap .cover .movie img{width:100%;height:100%;}
section.movie .contents_wrap .cover .movie iframe{width:100%;height:100%;}
section.movie .contents_wrap .cover .movie video{width:100%;height:100%;}
section.movie .contents_wrap .cover .btn_play{position:absolute;left:0;top:206px;left:396px;}
/* 동영상 */

/* 브랜드이모티콘 */
section.brand {position:relative;width:100%;height:878px;background-image:url('../images/brand/bg.png?V=1');}
section.brand .contents_wrap {display:flex;flex-direction:column;width:100%;height:100%;align-items:center;padding:60px 0 0 0;box-sizing:border-box;}
section.brand .contents_wrap .cont_wrap{display:flex;margin-top:40px;gap:0 82px;}
section.brand .contents_wrap .btns{margin-top:40px;}
section.brand .contents_wrap .btns .btn{position:relative;background-image:url('../images/brand/btn_add.png');width:582px;height:102px;}
section.brand .contents_wrap .btns .btn a{display:block;width:100%;height:100%;}
section.brand .contents_wrap .btns .btn .hand{right:0;bottom:-20px;}
/* 브랜드이모티콘 */

/* 카톡 친구 */
section.friends {position:relative;width:100%;height:1018px;background-image:url('../images/friends/bg.png?v=1');}
section.friends .contents_wrap {display:flex;width:100%;height:100%;justify-content:center;align-items:center;padding:120px 0 0 0;box-sizing:border-box;gap:0 150px;}
section.friends .contents_wrap .phone{display:flex;flex-direction:column;align-items:start;height:100%;width:650px;}
section.friends .contents_wrap .phone .title{margin-bottom:75px;}
section.friends .contents_wrap .phone .txt{margin-bottom:20px;text-align:center;width:100%;}
section.friends .contents_wrap .phone .ph{margin-left:-40px;}
section.friends .contents_wrap .phone .btns{width:597px;display:flex;justify-content:center;position:absolute;bottom:5px;right:20px;}
section.friends .contents_wrap .phone .btns .btn{position:relative;width:597px;height:124px;}
section.friends .contents_wrap .phone .btns .btn a{display:block;width:100%;height:100%;}
section.friends .contents_wrap .phone .btns .btn .hand{right:0;bottom:-30px;}

section.friends .contents_wrap .info{display:flex;flex-direction:column;align-items:start;height:100%;}
section.friends .contents_wrap .info .chat1{margin-bottom:18px;}
/* 카톡 친구 */



/* 다음 */
section.daum {position:relative;width:100%;height:282px;background-image:url('../images/daum/bg.png');}
section.daum .contents_wrap {display:flex;flex-direction:column;width:100%;height:100%;align-items:center;justify-content:start;gap:16px 0;}
section.daum .contents_wrap .title{margin-top:80px;}
section.daum .contents_wrap .box{position:relative;width:862px;height:80px;background-image:url('../images/daum/bg_daum.png?v=1');background-repeat:no-repeat;background-position:center;display:flex;align-items:start;}
section.daum .contents_wrap .box .typing-text{position:absolute;left:200px;top:22px;line-height:36px;font-family:'Pretendard',sans-serif;font-weight:700;font-size:32px;  color:#1e1e1e; border-right:2px solid #333; animation:  typing 4s steps(22) infinite; white-space: nowrap;  overflow: hidden;}
section.daum .contents_wrap .exp{position:relative;left:-70px;}
/* 다음 */


/* SNS SHARE */
section.snsshare {position:relative;width:100%;height:541px;background-image:url('../images/share/bg.png?v=1');}
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 32px;}
section.snsshare .contents_wrap > .sns_wrapper > ul > li{}


/* 참여 정보 */
section.sec-join-info {position:relative;width:100%;height:208px;display:flex;justify-content:center;font-size:32px;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:300;font-size:32px;margin-right:5px;margin-top:-5px;}
section.sec-join-info  span._visit_all_cnt{color:#0A91F8;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:#EF6ABD;margin-left:10px;margin-right:10px;margin-top:-10px;font-family:'ONE-Mobile-Title';}
section.sec-join-info  div span{font-size:56px;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:162px;display:flex;justify-content:center;align-items:center;background:#f0f0f0;color:#555555;font-size:18px;}
section.sec-copyright > .copyright {width:1400px;}
section.sec-copyright > .copyright ul{}
section.sec-copyright > .copyright ul li{float:left;width:60%;margin-bottom:10px;}
section.sec-copyright > .copyright ul li:first-child{color:#262630;font-size:20px;font-weight:500;font-family:'Pretendard',sans-serif;}
section.sec-copyright > .copyright ul li:nth-child(2n+2){text-align:right;width:40%;}
section.sec-copyright > .copyright ul li:nth-child(4){display:flex;justify-content:end;}
section.sec-copyright > .copyright ul li:nth-child(4) > div{text-align:right;margin-left:10px;}
section.sec-copyright > .copyright ul li:nth-child(4) span{color:#555555;font-weight:800;font-family:'Pretendard',sans-serif;}


/* 고정 메뉴 */
.navigator_wrapper {position:fixed;left:0;bottom:0;width:100%;height:110px;z-index:11; bottom: 0;overflow:hidden;}
.navigator_wrapper .cont_wrap {width:100%;background:#0C3388;height:100%;display:flex;justify-content:center;}
.navigator_wrapper .cont_wrap .navi_wrap {width:1300px;height:100%;display:flex;justify-content:space-between;align-items:center;padding: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:83px;height:44px;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) {width:164px;}
.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(2) {margin-right:24px;}
.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(3) {margin-right:24px;}
.navigator_wrapper .cont_wrap .navi_wrap > li > div > a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
.navigator_wrapper .cont_wrap .navi_wrap > li > .n_top{position:relative;background-image:url('../images/top.png');width:80px;height:80px;cursor:pointer;background-repeat:no-repeat;}



.n_menu_list {position:fixed;bottom:-800px;z-index:99;background:#0c3388;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 {position:relative;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{position:relative;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  .comming{position:absolute;top:10px;left:120px;border-bottom: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:72px;height:79px;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%;}
.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=1) 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=3) 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 { 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;}

.tc {text-align:center;}