@font-face {
    font-family: 'Cafe24Ssurround';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BandalNationalPark';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/KNPSBandali-Regular00.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
body {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;min-width: 1800px;background-color: #d5d6d7;}
body::after {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	z-index: -1;
	content: 
		background-image: url();
}
.htmlWrapper {width: 100%;max-width: 1920px;margin: 0 auto;padding-bottom: 100px;position: relative;overflow: hidden;}
.htmlWrapper section {background-position: center;min-width: 1400px;overflow: hidden;}
div::focus{outline:none;}

body, h1, h2, h3, h4, input, select, button, textarea {font-family:'Pretendard',sans-serif;}
/* 상단 */
.htmlWrapper section.top_wrapper {
    position: relative;display: flex;justify-content: center;align-items: center;
    width: 100%;height: 55px;box-sizing: border-box;z-index: 1;background: #FFFFFF;
    font-size: 20px;overflow: visible;
}
.htmlWrapper section.top_wrapper > .hx_top {position: relative;height: 100%;display: flex;justify-content: center;align-items: end;gap: 0 5px;color: #888888;padding:0 0 17px 0;box-sizing:border-box;}
.htmlWrapper section.top_wrapper > .hx_top span {font-size: 24px;font-weight: 800;color: #222222;font-family: 'ONE-Mobile-Title';}
.htmlWrapper section.top_wrapper > .hx_top span a {display: flex;}
.htmlWrapper section.top_wrapper > .hx_top b {color: #000;}
.htmlWrapper section.top_wrapper > .hx_top i {margin-top: 3px;margin-right: 10px;}
.htmlWrapper section.top_wrapper > .hx_top .com_logo {}
.htmlWrapper section.top_wrapper > .hx_top div.ment {}
.htmlWrapper section.top_wrapper > .hx_top .hx_txt {position: absolute;top: 40px;}

/* Visual */
.htmlWrapper section.visual_wrapper {position: relative;width: 100%;height:1426px;overflow:hidden;background-image:url('../images/visual/bg.png');}
.htmlWrapper section.visual_wrapper .contents_wrap {position: relative;width: 100%;height: 100%;overflow:hidden;display:flex;align-items:center;flex-direction:column;padding:0 0 0 0;}
.htmlWrapper section.visual_wrapper .contents_wrap .title_wrap{display:flex;flex-direction:column;align-items:center;margin:75px 0 0 0;}
.htmlWrapper section.visual_wrapper .contents_wrap .title_wrap .main_txt{position:relative;background-image:url('../images/visual/title.png');width:822px;height:215px;background-position:center;background-size:100%;background-repeat:no-repeat;}
.htmlWrapper section.visual_wrapper .contents_wrap .title_wrap .stxt{position:relative;background-image:url('../images/visual/exp.png');width:685px;height:78px;}

.htmlWrapper section.visual_wrapper .contents_wrap .tags_wrap{position:relative;display:flex;gap:0 23px;margin-top:18px;}
.htmlWrapper section.visual_wrapper .contents_wrap .tags_wrap .tag{position:relative;height:50px;}
.htmlWrapper section.visual_wrapper .contents_wrap .tags_wrap .tag.t01{background-image:url('../images/visual/tag01.png');width:250px;}
.htmlWrapper section.visual_wrapper .contents_wrap .tags_wrap .tag.t02{background-image:url('../images/visual/tag02.png');width:183px;}
.htmlWrapper section.visual_wrapper .contents_wrap .tags_wrap .tag.t03{background-image:url('../images/visual/tag03.png');width:238px;}

.htmlWrapper section.visual_wrapper .contents_wrap .photo_wrapper{position:relative;margin-top:50px;width:1400px;height:600px;}
.htmlWrapper section.visual_wrapper .contents_wrap .photo_wrapper .mainSwiper .swiper-slide{position:relative;}
.htmlWrapper section.visual_wrapper .contents_wrap .photo_wrapper .mainSwiper .swiper-slide img{border:6px solid #FFFFFF;border-radius:20px;box-sizing:border-box;cursor:pointer;}
.htmlWrapper section.visual_wrapper .contents_wrap .photo_wrapper .mainSwiper .swiper-slide .btn_play{position:absolute;width:100px;height:100px;background-image:url('../images/visual/btn_play.png');cursor:pointer;}

.htmlWrapper section.visual_wrapper .contents_wrap .photo_wrapper .deco_wrapper{position:absolute;z-index:5;}
.htmlWrapper section.visual_wrapper .contents_wrap .photo_wrapper .deco_wrapper .deco01{position:absolute;background-image:url('../images/visual/icon01.png');width:89px;height:125px;left:460px;top:-320px;}
.htmlWrapper section.visual_wrapper .contents_wrap .photo_wrapper .deco_wrapper .deco02{position:absolute;background-image:url('../images/visual/icon02.png');width:208px;height:97px;left:770px;top:-280px;}
.htmlWrapper section.visual_wrapper .contents_wrap .photo_wrapper .deco_wrapper .deco03{position:absolute;background-image:url('../images/visual/icon03.png');width:86px;height:105px;left:803px;top:-82px;}

.htmlWrapper section.visual_wrapper .contents_wrap .stitle{margin-top:90px;}

.htmlWrapper section.visual_wrapper .visual_pop_info{position:fixed;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:start;background-color:rgba(0,0,0,.5);z-index:100;}
.htmlWrapper section.visual_wrapper .visual_pop_info .pop_wrapper{position:relative;width:1266px;height:727px;background:#424242;border:6px solid rgba(255,255,255,.2);box-sizing:border-box;border-radius:30px;overflow:hidden;top:2%;}
.htmlWrapper section.visual_wrapper .visual_pop_info .pop_wrapper.photo{position:relative;width:637px;height:900px;}
.htmlWrapper section.visual_wrapper .visual_pop_info .pop_wrapper .close{position:absolute;right:10px;top:10px;width:45px;height:45px;background-image:url('../images/visual/btn_close.png');background-position:center;background-repeat:no-repeat;cursor:pointer;z-index:10;background-color:rgba(0,0,0,.7);border-radius:5px;}
.htmlWrapper section.visual_wrapper .visual_pop_info .pop_wrapper .pop_content{position:relative;background-size:cover;background-position:center;width:1266px;height:727px;}
.htmlWrapper section.visual_wrapper .visual_pop_info .pop_wrapper.photo .pop_content{width:637px;height:900px;}
.htmlWrapper section.visual_wrapper .visual_pop_info .pop_wrapper .pop_content video{position:relative;width:100%;height:100%;}
.htmlWrapper section.visual_wrapper .visual_pop_info .pop_wrapper .pop_content.pop_picture01{background-image:url('../images/visual/pic/pic_d01.jpg');}
/* 다음 */
section.daum {position: relative;width: 100%;height: 400px;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: center;}
section.daum .contents_wrap .title {}
section.daum .contents_wrap .box {position: relative;margin-top: 30px;width: 750px;height:100px;background-image: url('../images/daum/bg_search.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: 152px;top: 30px;line-height: 36px;font-family: 'Pretendard',sans-serif;font-weight: 700;font-size: 38px;color: #1e1e1e;border-right: 2px solid #333;animation: typing 6s steps(22) infinite;white-space: nowrap;overflow: hidden;}
section.daum .contents_wrap .exp {position: relative;left: 14px;margin-top: 30px;}
/* 다음 */

/* 이벤트 01 */
section.event01 {position: relative;width: 100%;height:2588px;background-image: url('../images/event01/bg.png');}
section.event01 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding: 190px 0 0 0;}
section.event01 .contents_wrapper .evt01_content {position:relative;display: flex;flex-direction: column;width: 100%;background-position: center top;align-items: center;}

section.event01 .contents_wrapper .schedule_wrap {display: flex;margin: 90px 0 0 0;width: 1180px;justify-content: space-between;z-index: 2;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width: 1260px;margin: 110px 0 0 0;display:flex;flex-direction:column;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont{position:relative;width: 100%;height:880px;background-image:url('../images/event01/evt_cover.png');display:flex;justify-content:center;padding:130px 0 0 0;box-sizing:border-box;gap:0 40px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .photo_wrapper{position:relative;width: 536px;height:682px;background-image:url('../images/event01/photo_cover.png');display:flex;flex-direction:column;align-items:center;gap:20px 0;padding:55px 63px;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .photo_wrapper .photo{width:410px;height:455px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .photo_wrapper .photo img{width:100%;height:100%;object-fit:cover;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .photo_wrapper .txt{width:410px;font-size:36px;color:#000000;text-align:center;font-family:'BandalNationalPark';line-height:1;word-break:break-all ;white-space:normal;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrapper{display:flex;flex-direction:column;padding:67px 0 0 0;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrapper .items{display:flex;flex-direction:column;gap:16px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrapper .items.t02{margin:69px 0 76px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrapper .items .ipt{width:521px;height:77px;background-image:url('../images/event01/ipt_box.png');padding:5px 5px;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrapper .items .ipt input{width:98%;height:92%;border:0;font-size:24px;padding:0 35px;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrapper .items .ipt input:focus{outline:none;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrapper .items .ipt input::placeholder{color:#cdcdcd;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrapper .btn_join{position:relative;width:519px;height:100px;background-image:url('../images/event01/btn_join.png');cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrapper .btn_join .hand{display:none;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrapper .btn_join.on .hand{display:block;}

section.event01 .contents_wrapper .event_gallery_list{position:relative;width:100%;margin:20px 0 0 0;}
section.event01 .contents_wrapper .event_gallery_list .userSwiper{position:relative;width:100%;}
section.event01 .contents_wrapper .event_gallery_list .userSwiper .swiper-slide{width:auto;height:320px;}
section.event01 .contents_wrapper .event_gallery_list .userSwiper .swiper-slide .upic{position:relative;width:255px;height:302px;background-image:url('../images/event01/bg_photo.png');display:flex;flex-direction:column;align-items:center;padding:17px 17px;box-sizing:border-box;}
section.event01 .contents_wrapper .event_gallery_list .userSwiper .swiper-slide .upic .pic{width:218px;height:218px;}
section.event01 .contents_wrapper .event_gallery_list .userSwiper .swiper-slide .upic img{width:100%;height:100%;object-fit:cover;}
section.event01 .contents_wrapper .event_gallery_list .userSwiper .swiper-slide.type1 .upic{transform:rotate(3deg);}
section.event01 .contents_wrapper .event_gallery_list .userSwiper .swiper-slide.type2 .upic{transform:rotate(-2deg);}
section.event01 .contents_wrapper .event_gallery_list .userSwiper .swiper-slide.type5 .upic{transform:rotate(-2deg);}
section.event01 .contents_wrapper .event_gallery_list .userSwiper .swiper-slide.type7 .upic{transform:rotate(3deg);}
section.event01 .contents_wrapper .event_gallery_list .userSwiper .swiper-slide .upic .ttl{height:60px;display:flex;justify-content:center;align-items:center;word-break:break-all;}


section.event01 .contents_wrapper > .join_wrapper {position: absolute;bottom:60px;width: 1032px;height: 100px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background:#FFFFFF;border-radius:50px;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;justify-content: center;align-items: center;gap: 0 5px;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #D21D3E;font-weight: 800;font-size: 40px;line-height: 0.7;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 32px;color: #000000;}

#btn_attach {cursor:pointer;}
/* 이벤트 01 */
/* 이벤트 02 */
section.event02 {position: relative;width: 100%;height: 2214px;background-image: url('../images/event02/bg.png');}
section.event02 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding: 230px 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: 90px 0 0 0;width: 1180px;justify-content: space-between;z-index: 2;}
section.event02 .contents_wrapper .event_cont_wrapper{margin:40px 0 0 0;width:1260px;height:800px;background-image:url('../images/event02/evt_cover.png');padding:105px 45px 70px 25px;box-sizing:border-box;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box{}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag_item{position:absolute;cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag_item.d01{left:0;top:0;width:327px;height:307px;background-image:url('../images/event02/drag01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag_item.d02{right:0;top:0;width:273px;height:244px;background-image:url('../images/event02/drag02.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag_item.d03{left:0;bottom:0;width:300px;height:275px;background-image:url('../images/event02/drag03.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag_item.d04{right:0;bottom:0;width:279px;height:255px;background-image:url('../images/event02/drag04.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag_item.d01 .hand{animation:.7s move_drag01 infinite linear forwards}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag_item.d02 .hand{animation:1.3s move_drag02 infinite linear forwards}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag_item.d03 .hand{animation:1.3s move_drag03 infinite linear forwards}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag_item.d04 .hand{animation:1s move_drag04 infinite linear forwards}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box_wrapper{position:relative;width:520px;height:456px;top:30px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box_wrapper .drop_box{position:relative;width:520px;height:456px;background-image:url('../images/event02/drop_box.png');z-index:3;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box_wrapper .drop_box .drop{display:block;position:absolute;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box_wrapper .drop_box .drop01{width:257px;height:227px;top:0;left:0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box_wrapper .drop_box .drop02{width:257px;height:227px;top:0;right:0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box_wrapper .drop_box .drop03{width:257px;height:227px;bottom:0;left:0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box_wrapper .drop_box .drop04{width:257px;height:227px;bottom:0;right:0;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box_wrapper .drop_box .drop01.on{width:327px;height:307px;top:-31px;left:-28px;background-image:url('../images/event02/drag01.png');transform:rotate(-23deg);}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box_wrapper .drop_box .drop02.on{width:279px;height:255px;top:-8px;right:-8px;background-image:url('../images/event02/drag04.png');transform:rotate(-5deg);}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box_wrapper .drop_box .drop03.on{width:273px;height:244px;bottom:-8px;left:-3px;background-image:url('../images/event02/drag02.png');transform:rotate(3deg);}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box_wrapper .drop_box .drop04.on{width:300px;height:275px;bottom:-11px;right:-6px;background-image:url('../images/event02/drag03.png');transform:rotate(4deg);}


section.event02 .contents_wrapper > .join_wrapper {position: absolute;bottom:60px;width: 1032px;height: 100px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background:#FFFFFF;border-radius:50px;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;justify-content: center;align-items: center;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: #F33B2A;font-weight: 800;font-size: 40px;line-height: 0.7;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 32px;color: #000000;}

section.event02 .pop_evt {position:fixed;left:0;top:0;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:start;width:100%;height:100%;background-color:rgba(0,0,0,.7);font-family:'Pretendard',sans-serif;}
section.event02 .pop_evt .pop_evt_wrapper{position:relative;top:5%;width:1050px;}
section.event02 .pop_evt .pop_evt_wrapper .pop_evt_wrap{width:100%;height:720px;position:relative;background:#424242;border-radius:20px;display:flex;flex-direction:column;}
section.event02 .pop_evt .pop_evt_wrapper .pop_evt_wrap .close{position:absolute;right:-40px;top:20px;cursor:pointer;z-index:9;}
section.event02 .pop_evt .pop_evt_wrapper .pop_evt_wrap .title{display:flex;justify-content:center;padding:40px 0;box-sizing:border-box;}
section.event02 .pop_evt .pop_evt_wrapper .pop_evt_wrap .title span{}
section.event02 .pop_evt .pop_evt_wrapper .pop_evt_wrap .area{overflow:hidden;border-radius:20px;}
section.event02 .pop_evt .pop_evt_wrapper .pop_evt_wrap .area video{width:100%;height:100%;}
section.event02 .pop_evt .pop_evt_wrapper .pop_evt_wrap .info_wrap{display:flex;justify-content:center;align-items:center;gap:0 20px;}


section.event02 .pop_evt .btns_wrap {position:absolute;bottom:20px;width:100%;display:flex;justify-content:center;padding:20px 0 0 0;}
section.event02 .pop_evt .btns_wrap .btn_join{position:relative;width:324px;height:90px;background-image:url('../images/event02/btn_join.png');cursor:pointer;}
section.event02 .pop_evt .btns_wrap .btn_join .hand{right:-20px;bottom:-40px;}

/* 이벤트 02 */

/* 이벤트 03 */
section.event03 {position: relative;width: 100%;height: 2334px;background-image: url('../images/event03/bg.png');}
section.event03 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding: 260px 0 0 0;}
section.event03 .contents_wrapper .evt03_content {display: flex;flex-direction: column;width: 100%;background-position: center top;align-items: center;}
section.event03 .contents_wrapper .schedule_wrap {display: flex;margin: 90px 0 0 0;width: 1180px;justify-content: space-between;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap{margin:80px 0 0 0;width:1260px;height:900px;background-image:url('../images/event03/evt_cover.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01{position:relative;display:flex;flex-direction:column;align-items:center;padding:180px 0 0 0;box-sizing:border-box;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .step{margin-bottom:35px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .line{}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .character_wrap{display:flex;margin:30px 0 120px 0;gap:0 50px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .character_wrap .character{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:.3s all;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .character_wrap .character:hover{transform:scale(1.02);}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .character_wrap .character .pic{width:145px;height:190px;background-position:center bottom;background-repeat:no-repeat;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .character_wrap .character .pic.p01{background-image:url('../images/event03/char01.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .character_wrap .character .pic.p02{background-image:url('../images/event03/char02.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .character_wrap .character .pic.p03{background-image:url('../images/event03/char03.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .character_wrap .character .pic.p04{background-image:url('../images/event03/char04.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .character_wrap .character .pic.p05{background-image:url('../images/event03/char05.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .character_wrap .character .pic.p06{background-image:url('../images/event03/char06.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .character_wrap .character .rdo{position:relative;width:24px;height:24px;background-image:url('../images/event03/rdo.png');margin:25px 0 0 0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .character_wrap .character.on .rdo::before{position:absolute;content:'';background-image:url('../images/event03/chk.png');width:53px;height:43px;left:0;top:-10px;zoom:.6;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .btn_wrap{position:absolute;width:100%;left:0;bottom:-30px;display:flex;justify-content:center;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .btn_wrap .btn_start{position:relative;width:561px;height:100px;background-image:url('../images/event03/btn_start.png');cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .btn_wrap .btn_start .hand{display:none;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .btn_wrap .btn_start.on .hand{display:block;}


/* 주사위 */
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02{box-sizing:border-box;padding:100px 0 0 0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap{position:relative;width:100%;height:790px;box-sizing:border-box;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div{position:absolute;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01{display:flex;left:7px;bottom:0;flex-direction:row-reverse;gap:0 0;z-index:3;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 > div{width:250px;height:206px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start{position:relative;background-image:url('../images/event03/tbl00.png');background-repeat:no-repeat;background-position:center;transition:.5s all;width:248px;height:205px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start.end{background-image:url('../images/event03/tbl00.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char{position:absolute;width:180px;height:180px;left:40px;top:0px;z-index:10;background-repeat:no-repeat;background-position:left bottom;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.char01{width:180px;height:173px;left:70px;top:10px;background-image:url('../images/event03/mchar01.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.char02{width:180px;height:173px;left:70px;top:10px;background-image:url('../images/event03/mchar02.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.char03{width:180px;height:173px;left:70px;top:10px;background-image:url('../images/event03/mchar03.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.char04{width:180px;height:173px;left:70px;top:10px;background-image:url('../images/event03/mchar04.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.char05{width:180px;height:173px;left:70px;top:10px;background-image:url('../images/event03/mchar05.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.char06{width:180px;height:173px;left:70px;top:10px;background-image:url('../images/event03/mchar06.png');}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove1{animation:1s character_move1 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove2{animation:1s character_move2 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove3{animation:1s character_move3 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove4{animation:1s character_move4 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove5{animation:1s character_move5 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove6{animation:1s character_move6 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove7{animation:1s character_move7 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove8{animation:1s character_move8 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove9{animation:1s character_move9 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove10{animation:1s character_move10 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove11{animation:1s character_move11 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove12{animation:1s character_move12 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove13{animation:1s character_move13 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove14{animation:1s character_move14 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part01 .start .char.cmove_end{animation:1s character_move_end 1 linear forwards;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part02{display:flex;left:5px;bottom:205px;flex-direction:column-reverse;gap:0 0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part02 > div{width:250px;height:191px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part02 > div.mark06{width:250px;height:190px;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part03{display:flex;left:5px;top:0;flex-direction:row;gap:0 0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part03 > div{width:250px;height:206px;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part04{display:flex;right:5px;top:204px;flex-direction:column;gap:0 0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part04 > div{width:250px;height:190px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap > div.part04 > div.mark13{width:250px;height:190px;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark{position:relative;cursor:pointer;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.on::before{position:absolute;content:'';width:100%;height:100%;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.on.stamp::after{position:absolute;content:'';width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.5);background-repeat:no-repeat;background-position:center;border-radius:20px;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark01{background-image:url('../images/event03/tbl01.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark02{background-image:url('../images/event03/tbl02.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark03{background-image:url('../images/event03/tbl03.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark04{background-image:url('../images/event03/tbl04.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark05{background-image:url('../images/event03/tbl05.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark06{background-image:url('../images/event03/tbl06.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark07{background-image:url('../images/event03/tbl07.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark08{background-image:url('../images/event03/tbl08.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark09{background-image:url('../images/event03/tbl09.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark10{background-image:url('../images/event03/tbl10.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark11{background-image:url('../images/event03/tbl11.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark12{background-image:url('../images/event03/tbl12.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark13{background-image:url('../images/event03/tbl13.png');}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark01.stamp{background-image:url('../images/event03/tbl01.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark02.stamp{background-image:url('../images/event03/tbl02.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark03.stamp{background-image:url('../images/event03/tbl03.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark04.stamp{background-image:url('../images/event03/tbl04.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark05.stamp{background-image:url('../images/event03/tbl05.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark06.stamp{background-image:url('../images/event03/tbl06.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark07.stamp{background-image:url('../images/event03/tbl07.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark08.stamp{background-image:url('../images/event03/tbl08.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark09.stamp{background-image:url('../images/event03/tbl09.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark10.stamp{background-image:url('../images/event03/tbl10.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark11.stamp{background-image:url('../images/event03/tbl11.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark12.stamp{background-image:url('../images/event03/tbl12.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.mark13.stamp{background-image:url('../images/event03/tbl13.png');}


section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .pic_wrap .map_mark.on.stamp::after{
	background-image:url('../images/event03/stamp.png');
}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .character_wrap {position:absolute;display:flex;bottom:189px;left:310px;gap:0 13px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .character_wrap .char{}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .character_wrap .char.char01{width:116px;height:112px;background-image:url('../images/event03/mchar01.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .character_wrap .char.char02{width:89px;height:125px;background-image:url('../images/event03/mchar02.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .character_wrap .char.char03{width:77px;height:113px;background-image:url('../images/event03/mchar03.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .character_wrap .char.char04{width:101px;height:99px;background-image:url('../images/event03/mchar04.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .character_wrap .char.char05{width:83px;height:118px;background-image:url('../images/event03/mchar05.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .character_wrap .char.char06{width:116px;height:107px;background-image:url('../images/event03/mchar06.png');}


section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_wrap{position:absolute;width:740px;bottom:330px;left:260px;display:flex;align-items:center;gap:0 60px;z-index:5;flex-direction:column;gap:20px 0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_wrap .dice_wrap{z-index:5;zoom:.7;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_wrap .dice_wrap .dice{width:160px;height:170px;background-image:url('../images/event03/icon_dice.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_wrap .dice_wrap .dice.on{animation:1s dice_move 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_wrap .dice_wrap .dice.num1{width:170px;height:170px;background-image:url('../images/event03/dice1.png');animation:.3s dice_set 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_wrap .dice_wrap .dice.num2{width:170px;height:170px;background-image:url('../images/event03/dice2.png');animation:.3s dice_set 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_wrap .dice_wrap .dice.num3{width:170px;height:170px;background-image:url('../images/event03/dice3.png');animation:.3s dice_set 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_wrap .dice_wrap .dice.num4{width:170px;height:170px;background-image:url('../images/event03/dice4.png');animation:.3s dice_set 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_wrap .dice_wrap .dice.num5{width:170px;height:170px;background-image:url('../images/event03/dice5.png');animation:.3s dice_set 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_wrap .dice_wrap .dice.num6{width:170px;height:170px;background-image:url('../images/event03/dice6.png');animation:.3s dice_set 1 linear forwards;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_wrap .btn_go{position:relative;width:380px;height:110px;background-image:url('../images/event03/btn_game.png');cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_wrap .btn_go .hand{right:-20px;bottom:-40px;}



/* 주사위 */

section.event03 .pop_evt {position:fixed;left:0;top:0;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:start;width:100%;height:100%;background-color:rgba(0,0,0,.7);font-family:'Pretendard',sans-serif;}
section.event03 .pop_evt .pop_evt_wrapper{position:relative;top:5%;}
section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap{position:relative;width:940px;height:820px;background:#FFFFFF;display:flex;flex-direction:column;border:6px solid #ffd738;border-radius:30px;padding:40px 0 0 0;box-sizing:border-box;}
section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .close{position:absolute;width:32px;height:32px;background-image:url('../images/event03/close.png');right:40px;top:40px;cursor:pointer;}
section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .title_wrap{display:flex;flex-direction:column;align-items:center;gap:22px 0;}
section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .title_wrap .line{width:40px;height:8px;background:#ff7200}
section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .title_wrap .title{display:flex;justify-content:center;padding:24px 0 20px 0;font-size:42px;font-weight:700;color:#000000;}
section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .pic{display:flex;justify-content:center;flex-direction:column;align-items:center;}
section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .pic .pic_gallery{position:relative;width:560px;height:360px;}
section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .pic .btn_prev{position:absolute;background-image:url('../images/event03/btn_prev.png');width:60px;height:120px;left:45px;top:295px;cursor:pointer;}
section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .pic .btn_next{position:absolute;background-image:url('../images/event03/btn_next.png');width:60px;height:120px;right:45px;top:295px;cursor:pointer;}
section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .pic .paging_wrap{width:100%;height:40px;padding:0 0 0 0;display:flex;align-items:center;}
section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .pic .paging_wrap .paging{display:flex;justify-content:center;align-items:center;}
section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .pic .paging_wrap .paging .swiper-pagination-bullet{width:12px;height:12px;background:#CCCCCC;}
section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .pic .paging_wrap .paging .swiper-pagination-bullet-active{width:12px;height:12px;background:#555555;}

section.event03 .pop_evt .pop_evt_wrapper .pop_evt_wrap .exp{font-size:22px;color:#555555;line-height:1.4;text-align:center;letter-spacing:-1px;padding:0 40px;box-sizing:border-box;}

section.event03 .pop_evt .btns_wrap {position:absolute;bottom:20px;display:flex;justify-content:center;padding:20px 0 0 0;width:100%;}
section.event03 .pop_evt .btns_wrap .btn_stamp{position:relative;width:324px;height:90px;background-image:url('../images/event03/btn_stamp.png');cursor:pointer;}
section.event03 .pop_evt .btns_wrap .btn_stamp .hand{right:-20px;bottom:-40px;}

section.event03 .pop_evt .btns_wrap .btn_ok{position:relative;width:324px;height:90px;background-image:url('../images/event03/btn_ok.png');cursor:pointer;}
section.event03 .pop_evt .btns_wrap .btn_ok .hand{right:-20px;bottom:-40px;}



section.event03 .join_wrapper {position: absolute;bottom:60px;width: 100%;height: 100px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;}
section.event03 .join_wrapper .join_wrap {position: relative;display: flex;justify-content: center;align-items: center;width: 1032px;height:100%;gap: 0 5px;background:#FFFFFF;border-radius:50px;}
section.event03 .join_wrapper .join_wrap div {line-height: 1;}
section.event03 .join_wrapper .join_wrap .j_info {color: #D21D3E;font-weight: 800;font-size: 40px;line-height: 0.7;}
section.event03 .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 32px;color: #000000;}
/* 이벤트 03 */

/* 이벤트 04 */
section.event04 {position: relative;width: 100%;background-image: url('../images/event04/bg.png');background-repeat:no-repeat;background-color:rgba(255,243,231,1);background-position:center top;}
section.event04 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding: 260px 0 0 0;}
section.event04 .contents_wrapper  .title{display: flex;flex-direction: column;width: 100%;background-position: center top;align-items: center;}
section.event04 .contents_wrapper .schedule_wrap {display: flex;margin: 90px 0 0 0;width: 1180px;justify-content: space-between;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap{margin:110px 0 0 0;display:flex;flex-direction:column;align-items:center;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont{display:flex;width:1090px;gap:0 25px;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .step_wrapper{display:flex;flex-direction:column;gap:28px 0;align-items:center;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .step_wrapper .step01{height:138px;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .step_wrapper .step02{margin-top:160px;}

section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper{display:flex;flex-direction:column;gap:28px 0;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .step01_ttl{height:138px;display:flex;align-items:center;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .step02_ttl{height:138px;display:flex;align-items:center;margin-top:50px;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .sex_wrap{display:flex;color:#000000;gap:0 88px;height:101px;align-items:center;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .sex_wrap .sex{display:flex;justify-content:center;align-items:center;width:320px;height:85px;border:1px solid #b2b2b2;border-radius:42px;font-size:32px;box-sizing:border-box;font-weight:500;cursor:pointer;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .sex_wrap .sex.on{border:4px solid #4560c2;color:#233258;font-weight:600;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .sex_wrap .sex:hover{border:4px solid #4560c2;color:#233258;font-weight:600;}

section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .age_wrap{display:flex;color:#000000;gap:24px 36px;flex-wrap:wrap;height:210px;align-items:center;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .age_wrap .age{display:flex;justify-content:center;align-items:center;width:218px;height:85px;border:1px solid #b2b2b2;border-radius:42px;font-size:32px;box-sizing:border-box;font-weight:500;cursor:pointer;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .age_wrap .age.on{border:4px solid #4560c2;color:#233258;font-weight:600;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .age_wrap .age:hover{border:4px solid #4560c2;color:#233258;font-weight:600;}

section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .photo_wrapper{display:flex;flex-wrap:wrap;width:922px;justify-content:space-between;gap:55px 0;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .photo_wrapper .photo{width:438px;height:438px;display:flex;flex-direction:column;border:1px solid #b2b2b2;box-sizing:border-box;border-radius:20px;overflow:hidden;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .photo_wrapper .photo.on{border:4px solid #4560c2;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .photo_wrapper .photo:hover{border:4px solid #4560c2;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .photo_wrapper .photo .title_wrap{width:100%;height:125px;color:#000000;display:flex;flex-direction:column;justify-content:center;padding:0 40px;box-sizing:border-box;background:#ffffff;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .photo_wrapper .photo.on .title_wrap{background:#e7ecff;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .photo_wrapper .photo:hover .title_wrap{background:#e7ecff;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .photo_wrapper .photo .title_wrap .title{display:block;font-size:30px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .photo_wrapper .photo .title_wrap .exp{font-size:20px;font-weight:400;color:#777777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .photo_wrapper .photo .pic{position:relative;height:313px;background-size:cover;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .quest_wrapper .photo_wrapper .photo .pic .btn{position:absolute;right:30px;bottom:24px;width:159px;height:48px;background-image:url('../images/event04/btn_view.png');cursor:pointer;}
section.event04 .contents_wrapper .event_cont_wrapper .btn_wrap {position:relative;padding:200px 0 0 0;}
section.event04 .contents_wrapper .event_cont_wrapper .btn_wrap .btn_join{position:relative;width:324px;height:90px;background-image:url('../images/event04/btn_join.png');cursor:pointer;}
section.event04 .contents_wrapper .event_cont_wrapper .btn_wrap .btn_join .hand{display:none;}
section.event04 .contents_wrapper .event_cont_wrapper .btn_wrap .btn_join.on .hand{display:block;}

section.event04 .contents_wrapper .foot_content{position:relative;width:100%;height:463px;}
section.event04 .contents_wrapper .foot_content .char01{position:absolute;background-image:url('../images/event04/char01.png');width:979px;height:613px;left:-70px;bottom:-150px;z-index:2}
section.event04 .contents_wrapper .foot_content .char02{position:absolute;background-image:url('../images/event04/char02.png');width:561px;height:1270px;right:-205px;bottom:200px;z-index:2}
section.event04 .contents_wrapper .foot_content .char03{position:absolute;background-image:url('../images/event04/char03.png');width:100%;height:256px;left:0;bottom:0;z-index:1}


section.event04 .contents_wrapper > .join_wrapper {position: absolute;bottom:60px;width: 1032px;height: 100px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background:#FFFFFF;border-radius:50px;z-index:4;}
section.event04 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;justify-content: center;align-items: center;gap: 0 5px;}
section.event04 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;}
section.event04 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #F33B2A;font-weight: 800;font-size: 40px;line-height: 0.7;}
section.event04 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 32px;color: #000000;}

section.event04 .pop_evt {position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:100;display:flex;justify-content:center;}
section.event04 .pop_evt .pop_content_wrapper{position:relative;width:940px;height:1021px;border:6px solid #b2b2b2;border-radius:30px;background:#FFFFFF;zoom:.8;top:2%;display:flex;flex-direction:column;align-items:center;padding:40px 0 0 0;box-sizing:border-box;}
section.event04 .pop_evt .pop_content_wrapper .close{position:absolute;right:10px;top:10px;width:45px;height:45px;background-image:url('../images/event04/btn_close.png');background-position:center;background-repeat:no-repeat;cursor:pointer;z-index:10;background-color:rgba(0,0,0,.7);border-radius:5px;}
section.event04 .pop_evt .pop_content_wrapper .name{padding:30px 0 0 0;box-sizing:border-box;font-weight:800;font-size:34px;}
section.event04 .pop_evt .pop_content_wrapper .pic{position:relative;margin-top:10px;}
section.event04 .pop_evt .pop_content_wrapper .pic .pic_gallery{width:560px;height:360px;}
section.event04 .pop_evt .pop_content_wrapper .pic .pic_gallery .swiper-slide{background:#424242;}

section.event04 .pop_evt .pop_content_wrapper .pic .btn_prev{position:absolute;background-image:url('../images/event03/btn_prev.png');width:60px;height:120px;left:-135px;top:120px;cursor:pointer;}
section.event04 .pop_evt .pop_content_wrapper .pic .btn_next{position:absolute;background-image:url('../images/event03/btn_next.png');width:60px;height:120px;right:-135px;top:120px;cursor:pointer;}
section.event04 .pop_evt .pop_content_wrapper .pic .pop_evt_wrapper .paging{display:flex;justify-content:center;padding:22px 0 40px 0;box-sizing:border-box;}
section.event04 .pop_evt .pop_content_wrapper .pic .pop_evt_wrapper .paging .swiper-pagination-bullet{width:12px;height:12px;background:#424242;}
section.event04 .pop_evt .pop_content_wrapper .exp{width:800px;height:250px;background:#f4f4f4;box-sizing:border-box;font-size:24px;font-weight:500;color:#000000;padding:0 55px;display:flex;align-items:center;line-height:1.4;letter-spacing:-1px;}
#section.event04 .pop_evt .pop_content_wrapper .btn_select{width:324px;height:90px;background-image:url('../images/event04/btn_select.png');margin-top:25px;cursor:pointer;}
section.event04 .pop_evt .pop_content_wrapper .btn_select{width:324px;height:90px;background:#233258;margin-top:25px;cursor:pointer;border:4px solid #e35d5d;box-sizing:border-box;border-radius:43px;font-size:30px;color:#FFFFFF;font-weight:700;display:flex;justify-content:center;align-items:center;}
/* 이벤트 04 */


/* 카드뉴스 */
section.cardnews {position: relative;width: 100%;height:1681px;background-image:url('../images/cardnews/bg.png');}
section.cardnews .contents_wrap {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;justify-content: start;gap:60px 0;padding:220px 0 0 0;box-sizing:border-box;}
section.cardnews .contents_wrap .photo_wrapper{position:relative;width:1650px;height:730px;}
section.cardnews .contents_wrap .photo_wrapper .cardNewsSwiper .swiper-slide{position:relative;width:auto;}
section.cardnews .contents_wrap .photo_wrapper .cardNewsSwiper .swiper-slide .cover{position:absolute;left:0;top:0;background-color:rgba(0,0,0,.5);z-index:5;width:100%;height:100%;border-radius:20px;overflow:hidden;}
section.cardnews .contents_wrap .photo_wrapper .cardNewsSwiper .swiper-slide.front .cover{background-color:rgba(0,0,0,0);}
section.cardnews .contents_wrap .photo_wrapper .cardNewsSwiper .swiper-slide.swiper-slide-active .cover{background-color:rgba(0,0,0,0);}

/* 카드뉴스 */



/* SNS SHARE */
section.snsshare {position: relative;width: 100%;height: 442px;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: start;text-align: center;padding:125px 0 0 0;box-sizing:border-box;}
section.snsshare .contents_wrap > .title {margin-bottom:67px;}
section.snsshare .contents_wrap > .sns_wrapper {position: relative;}
section.snsshare .contents_wrap > .sns_wrapper > ul {display: flex;gap: 0 40px;}
/* SNS SHARE */

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

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

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: #5C79ED;
    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: #E53749;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -20px;
    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;
}

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

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

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

/* 참여 정보 */
/* SNS */
.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;background:#c6eaf8;display:none;
}

.navigator_wrapper .cont_wrap {width: 100%;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;
    padding: 0 20px 0 30px;
    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) {
    margin-right: 31px;
}

.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(2) {
    margin-right: 16px;
}

.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(3) {
    margin-right: 16px;
}

.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(4) {
    margin-right: 16px;
}

.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(5) {
    margin-right: 31px;
}

.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;
	background-color:rgba(0,0,0,1);
	border-radius:50%;
    cursor: pointer;
    background-repeat: no-repeat;
}

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

.n_menu_list.on {
    bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.join_info_wrapper.evt01 {
    bottom: 150px;
}

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

.join_info_wrapper.evt02 {
    bottom: 124px;
}

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

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

.join_info_wrapper.evt03 {
    bottom: 150px;
}

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

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

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

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

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

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

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

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

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

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

a:focus {
    outline: none;
}

.cardnews-swiper-button-prev{
    position: absolute;
    background-image: url('../images/cardnews/btn_prev.png');
    width: 82px;
    height: 82px;
    left: 350px;
    top: 335px;
    cursor: pointer;
	z-index:5;
}

.cardnews-swiper-button-next {
    position: absolute;
    background-image: url('../images/cardnews/btn_next.png');
    width: 82px;
    height: 82px;
    right: 350px;
    top: 335px;
    cursor: pointer;
	z-index:5;
}

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

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



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

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

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

.pu_event_info.pop03 .btns a.bt_participate_done {
    background: #D21D3E;
    color: #FFFFFF;
}
.pu_event_info.pop04 .btns a.bt_participate_done {
    background: #F33B2A;
    color: #FFFFFF;
}

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

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

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

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

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

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


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


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

.pu_event_info.pop04 .checks input[type="checkbox"]:checked + label:after {
    background: url(../images/cb_on.png?v=2) 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;
    background-position: center bottom;
}

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

.pu_event_done .ph {
    width: 100%;
}
.pu_event_done .ph .btn{background:#000000;height:60px;}
.pu_event_done .ph a{color:#FFFFFF;display:flex;width:100%;height:100%;justify-content:center;align-items:center;}

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

.pu_event_done .ph .hand {
    right:170px;
	bottom:-50px;
}

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

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

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

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

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

.pu_event_done.e01 {
    background: #000000;
}

.pu_event_done.e02 {
    background: #000000;
}

.pu_event_done.e03 {
    background: #000000;
}

.tc {
    text-align: center;
}


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