@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;
}
body {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;min-width: 1400px;background-color: #d5d6d7;}
body::after {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	z-index: -1;
	content: url('../images/visual/student01_01_on.png') url('../images/visual/student01_02_on.png') url('../images/visual/student02_01.png')  url('../images/visual/student02_02.png')
			  url('../images/visual/student02_01_on.png')  url('../images/visual/student02_02_on.png') url('../images/event03/noti01_on.png') url('../images/event03/noti02_on.png') url('../images/event03/noti03_on.png') 
			  url('../images/event03/noti04_on.png') url('../images/event03/noti05_on.png');
}
.htmlWrapper {width: 100%;max-width: 1920px;margin: 0 auto;padding-bottom: 100px;position: relative;overflow: hidden;}
.htmlWrapper section {background-position: center;min-width: 1400px;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: 50px;box-sizing: border-box;z-index: 1;background: #FFFFFF;
    font-size: 20px;overflow: visible;
}
.htmlWrapper section.top_wrapper > .hx_top {position: relative;height: 100%;display: flex;justify-content: center;align-items: center;gap: 0 5px;color: #888888;}
.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 {margin-top:-7px;}
.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;overflow:hidden;background-image:url('../images/visual/bg.jpg');}
.htmlWrapper section.visual_wrapper .contents_wrap {position: relative;width: 100%;height: 100%;overflow:hidden;display:flex;align-items:center;flex-direction:column;}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt{position:relative;width:905px;}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt .txt_box{position:relative;display:flex;flex-direction:column;gap:24px 0;align-items:center;height:322px;justify-content:center;}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt .txt_box.type01{margin-top:33px;}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt .txt_box > div{background-repeat:no-repeat;display:flex;justify-content:end;}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt .txt_box .txt01{position:relative;background-image:url('../images/visual/txt01.png');width:766px;height:49px;}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt .txt_box .txt01 .cover{background:#2F4A7E;width:100%;height:100%;animation:3s main_txt01 1 linear forwards}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt .fire_wrapper{display:none;}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt .txt_box .txt02{position:relative;background-image:url('../images/visual/txt02.png');width:364px;height:47px;z-index:2;}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt .txt_box .txt02 .cover{background:#2F4A7E;width:100%;height:100%;animation:2s main_txt02 1 linear forwards;animation-delay:3s;}

.htmlWrapper section.visual_wrapper .contents_wrap .main_txt .txt_box.type02{margin-top:33px;z-index:3;}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt .txt_box.type02 .txt01{position:relative;background-image:url('../images/visual/title02.png');width:621px;height:280px;}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt .txt_box.type02 .txt02{display:none;}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt .txt_box.type02 .txt01 .cover{display:none;}

.htmlWrapper section.visual_wrapper .contents_wrap .main_txt.fire .fire_wrapper{position:absolute;display:block;width:905px;height:322px;left:0;top:0;z-index:0;}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt.fire .fire_wrapper > div{position:absolute;}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt.fire .fire_wrapper > div.f01{background-image:url('../images/visual/f01.png');width:158px;height:150px;top:0;left:-20px;animation:1.5s 1 fire01 forwards}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt.fire .fire_wrapper > div.f02{background-image:url('../images/visual/f02.png');width:160px;height:62px;top:150px;left:-56px;animation:1.5s 1 fire02 forwards}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt.fire .fire_wrapper > div.f03{background-image:url('../images/visual/f03.png');width:90px;height:46px;top:193px;left:40px;animation:1.5s 1 fire03 forwards}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt.fire .fire_wrapper > div.f04{background-image:url('../images/visual/f04.png');width:21px;height:24px;top:88px;left:145px;animation:1.5s 1 fire forwards}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt.fire .fire_wrapper > div.f05{background-image:url('../images/visual/f05.png');width:32px;height:36px;top:268px;left:130px;animation:1.5s 1 fire forwards}

.htmlWrapper section.visual_wrapper .contents_wrap .main_txt.fire .fire_wrapper > div.f06{background-image:url('../images/visual/f06.png');width:165px;height:101px;top:0;right:-32px;animation:1.5s 1 fire04 forwards}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt.fire .fire_wrapper > div.f07{background-image:url('../images/visual/f07.png');width:97px;height:36px;top:147px;right:10px;animation:1.5s 1 fire05 forwards}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt.fire .fire_wrapper > div.f08{background-image:url('../images/visual/f08.png');width:153px;height:69px;top:218px;right:-10px;animation:1.5s 1 fire06 forwards}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt.fire .fire_wrapper > div.f09{background-image:url('../images/visual/f09.png');width:29px;height:36px;top:22px;right:120px;animation:1.5s 1 fire forwards}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt.fire .fire_wrapper > div.f10{background-image:url('../images/visual/f10.png');width:17px;height:17px;top:118px;right:36px;animation:1.5s 1 fire forwards}


.htmlWrapper section.visual_wrapper .contents_wrap .movie_box {position:relative;width:800px;height:460px;margin-top:45px;z-index:3;background:#2F4A7E;border-radius:20px;display:flex;justify-content:center;align-items:center;}
.htmlWrapper section.visual_wrapper .contents_wrap .movie_box iframe{position:relative;width:770px;height:434px;border-radius:20px;box-sizing:border-box;}
.htmlWrapper section.visual_wrapper .contents_wrap .char01{position:absolute;width:851px;height:647px;left:0;bottom:0;}
.htmlWrapper section.visual_wrapper .contents_wrap .char02{position:absolute;width:766px;height:690px;right:0;bottom:0;}

.htmlWrapper section.visual_wrapper .contents_wrap .char01.type01{background-image:url('../images/visual/student01_01.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .char02.type01{background-image:url('../images/visual/student01_02.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .char01.type01.on{background-image:url('../images/visual/student01_01_on.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .char02.type01.on{background-image:url('../images/visual/student01_02_on.png');width:748px;height:662px;}

.htmlWrapper section.visual_wrapper .contents_wrap .char01.type02{background-image:url('../images/visual/student02_01.png');width:864px;height:803px;}
.htmlWrapper section.visual_wrapper .contents_wrap .char02.type02{background-image:url('../images/visual/student02_02.png');width:750px;height:730px;}
.htmlWrapper section.visual_wrapper .contents_wrap .char01.type02.on{background-image:url('../images/visual/student02_01_on.png');width:862px;height:823px;}
.htmlWrapper section.visual_wrapper .contents_wrap .char02.type02.on{background-image:url('../images/visual/student02_02_on.png');width:759px;height:751px;}


#visualVideo {border:none;outline:none;}
/* 다음 */
section.daum {position: relative;width: 100%;height: 334px;background:#FFFFFF;}
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: 16px;width: 862px;height: 80px;background-image: url('../images/daum/cover.png');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 6s steps(22) infinite;white-space: nowrap;overflow: hidden;}
section.daum .contents_wrap .exp {position: relative;left: 0px;margin-top: 16px;}
/* 다음 */


/* 지원서비스 */
section.support {position: relative;width: 100%;height:978px;background-image: url('../images/support/bg.png');}
section.support .contents_wrap {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;justify-content: start;padding:160px 0 0 0;box-sizing:border-box;}
section.support .contents_wrap .title{margin-bottom:40px;}
section.support .contents_wrap .part_wrap{display:flex;justify-content:center;width:1220px;}
section.support .contents_wrap .part_wrap > div{position:relative;width:622px;height:492px;}
section.support .contents_wrap .part_wrap .part01{background-image:url('../images/support/pic01.png');z-index:2;}
section.support .contents_wrap .part_wrap .part01::after{position:absolute;content:'';background-image:url('../images/support/arrow.png');width:182px;height:165px;right:-110px;top:169px;animation:1s arrow infinite linear forwards;}
section.support .contents_wrap .part_wrap .part02{background-image:url('../images/support/pic02.png');display:flex;align-items:center;justify-content:center;}
section.support .contents_wrap .part_wrap .part02 .table{position:relative;width:370px;height:342px;background-image:url('../images/support/table02.png');margin:60px 0 0 0;}
section.support .contents_wrap .part_wrap .part02 .table .txt{position:absolute;}
section.support .contents_wrap .part_wrap .part02 .table .txt > div{width:100%;height:100%;}
section.support .contents_wrap .part_wrap .part02 .table .txt:nth-child(1){top:56px;left:37px;width:124px;height:59px;}
section.support .contents_wrap .part_wrap .part02 .table .txt:nth-child(2){top:56px;right:52px;width:93px;height:60px;}
section.support .contents_wrap .part_wrap .part02 .table .txt:nth-child(3){bottom:49px;right:16.5px;width:164px;height:94px;}
section.support .contents_wrap .part_wrap .part02 .table .txt:nth-child(4){bottom:52px;left:49px;width:92px;height:94px;}
section.support .contents_wrap .part_wrap .part02 .table .txt .txt01{background-image:url('../images/support/txt01.png');}

section.support .contents_wrap .part_wrap .part02 .table .txt .txt02{background-image:url('../images/support/txt02.png');}
section.support .contents_wrap .part_wrap .part02 .table .txt .txt03{background-image:url('../images/support/txt03.png');}
section.support .contents_wrap .part_wrap .part02 .table .txt .txt04{background-image:url('../images/support/txt04.png');}
/* 지원서비스 */

/* 이벤트 01 */
section.event01 {position: relative;width: 100%;height:1886px;background-image: url('../images/event01/bg.jpg');}
section.event01 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding: 120px 0 0 0;}
section.event01 .contents_wrapper > div {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: 40px 0 0 0;width: 1300px;justify-content: space-between;z-index: 2;}
section.event01 .contents_wrapper .event_cont_wrapper .event_title{margin:16px 0 40px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width: 1300px;height:740px;display:flex;flex-direction:column;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box{position:relative;width:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:20px 20px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag{position:relative;width:310px;height:260px;border-radius:16px;overflow:hidden;cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag .pic_wrap{position:relative;width:310px;height:260px;display:flex;justify-content:center;align-items:center;height:160px;background:#FFFFFF;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag .pic_wrap .tag{position:absolute;z-index:1;left:12px;top:12px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag .pic_wrap .pic{position:relative;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag .txt_wrap{position:relative;width:100%;height:100px;background:#FF5C35;display:flex;justify-content:center;align-items:center;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d01 .tag{width:99px;height:34px;background-image:url('../images/event01/tag01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d01 .pic{width:140px;height:101px;background-image:url('../images/event01/icon01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d01 .txt{width:280px;height:72px;background-image:url('../images/event01/txt01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d01.on .tag{background-image:url('../images/event01/tag01_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d01.dg > div{display:none;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d01.dg > div{background-image:url('../images/event/drag01.png');width:334px;height:184px;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d02 .tag{width:99px;height:34px;background-image:url('../images/event01/tag02.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d02 .pic{width:132px;height:119px;background-image:url('../images/event01/icon02.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d02 .txt{width:222px;height:72px;background-image:url('../images/event01/txt02.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d02.on .tag{background-image:url('../images/event01/tag02_on.png');}


section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d03 .tag{width:81px;height:34px;background-image:url('../images/event01/tag03.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d03 .pic{width:133px;height:120px;background-image:url('../images/event01/icon03.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d03 .txt{width:190px;height:72px;background-image:url('../images/event01/txt03.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d03.on .tag{background-image:url('../images/event01/tag03_on.png');}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d04 .tag{width:81px;height:34px;background-image:url('../images/event01/tag04.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d04 .pic{width:95px;height:115px;background-image:url('../images/event01/icon04.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d04 .txt{width:224px;height:72px;background-image:url('../images/event01/txt04.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d04.on .tag{background-image:url('../images/event01/tag04_on.png');}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d05 .tag{width:99px;height:34px;background-image:url('../images/event01/tag05.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d05 .pic{width:118px;height:130px;background-image:url('../images/event01/icon05.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d05 .txt{width:194px;height:46px;background-image:url('../images/event01/txt05.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d05.on .tag{background-image:url('../images/event01/tag05_on.png');}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d06 .tag{width:62px;height:34px;background-image:url('../images/event01/tag06.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d06 .pic{width:93px;height:130px;background-image:url('../images/event01/icon06.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d06 .txt{width:210px;height:72px;background-image:url('../images/event01/txt06.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d06.on .tag{background-image:url('../images/event01/tag06_on.png');}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d07 .tag{width:118px;height:34px;background-image:url('../images/event01/tag07.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d07 .pic{width:121px;height:130px;background-image:url('../images/event01/icon07.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d07 .txt{width:290px;height:72px;background-image:url('../images/event01/txt07.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.d07.on .tag{background-image:url('../images/event01/tag07_on.png');}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.none .pic {width:48px;height:79px; background-image:url('../images/event01/question.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_box .drag.none .tag{display:none;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box{width:995px;height:160px;display:flex;justify-content:space-between;margin:40px 0 0 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop{width:336px;height:186px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop.on{width:336px;height:186px;background-image:url('../images/event01/drop_box.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop .drag{width:100%;height:100%;cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop .drag.d01{background-image:url('../images/event01/drag01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop .drag.d02{background-image:url('../images/event01/drag02.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop .drag.d03{background-image:url('../images/event01/drag03.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop .drag.d04{background-image:url('../images/event01/drag04.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop .drag.d05{background-image:url('../images/event01/drag05.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop .drag.d06{background-image:url('../images/event01/drag06.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop .drag.d07{background-image:url('../images/event01/drag07.png');}

section.event01 .contents_wrapper > .join_wrapper {position: absolute;bottom:60px;width: 1032px;height: 132px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background-image:url('../images/event01/bg_num.png');}
section.event01 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;justify-content: center;align-items: center;gap: 0 5px;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #FF5C35;font-weight: 800;font-size: 40px;line-height: 0.7;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 600;padding: 0 7px 0 12px;font-size: 32px;color: #000000;}


.hand.gf1 {animation:1.5s move_drag1 infinite linear forwards;}
.hand.gf2 {animation:1.5s move_drag2 infinite linear forwards;}
.hand.gf3 {animation:1.5s move_drag3 infinite linear forwards;}
.hand.gf4 {animation:1.5s move_drag4 infinite linear forwards;}
.hand.gf5 {animation:1s move_drag5 infinite linear forwards;}
.hand.gf6 {animation:1s move_drag6 infinite linear forwards;}
.hand.gf7 {animation:1s move_drag7 infinite linear forwards;}

.hand.gs1 {animation:1.5s move_drag_s1 infinite linear forwards;}
.hand.gs2 {animation:1.5s move_drag_s2 infinite linear forwards;}
.hand.gs3 {animation:1.5s move_drag_s3 infinite linear forwards;}
.hand.gs4 {animation:1.5s move_drag_s4 infinite linear forwards;}
.hand.gs5 {animation:1s move_drag_s5 infinite linear forwards;}
.hand.gs6 {animation:1s move_drag_s6 infinite linear forwards;}
.hand.gs7 {animation:1s move_drag_s7 infinite linear forwards;}

.hand.gt1 {animation:1.5s move_drag_t1 infinite linear forwards;}
.hand.gt2 {animation:1.5s move_drag_t2 infinite linear forwards;}
.hand.gt3 {animation:1.5s move_drag_t3 infinite linear forwards;}
.hand.gt4 {animation:1.5s move_drag_t4 infinite linear forwards;}
.hand.gt5 {animation:1.5s move_drag_t5 infinite linear forwards;}
.hand.gt6 {animation:1s move_drag_t6 infinite linear forwards;}
.hand.gt7 {animation:1s move_drag_t7 infinite linear forwards;}

/* 이벤트 01 */
/* 이벤트 02 */
section.event02 {position: relative;width: 100%;height: 1927px;background-image: url('../images/event02/bg.jpg?v=1');}
section.event02 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding: 120px 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 .event_title{margin:16px 0 0 0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_txt{margin:10px 0 40px 0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap{width:1300px;display:flex;justify-content:center;padding:0 0 0 0;box-sizing:border-box;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .start{display:flex;gap:0 20px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .start .type{width:630px;height:730px;cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .start .type.t01{background-image:url('../images/event02/part01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .start .type.t02{background-image:url('../images/event02/part02.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 {width:1300px;height:730px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01.type01 {background-image:url('../images/event02/bg_type01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01.type02 {background-image:url('../images/event02/bg_type02.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_content{position:relative;width:100%;height:100%;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_content .qust{width:100%;height:80px;display:flex;justify-content:center;align-items:center;gap:0 8px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step_content .cont{display:flex;flex-direction:column;align-items:center;justify-content:start;padding:144px 0 0 0;box-sizing:border-box;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01.type01 .step_content .cont .txt{position:relative;width:851px;height:113px;background-image:url('../images/event02/quest1_1.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01.type01 .step_content .cont .txt .drop_box{position:absolute;width:339px;height:74px;right:156px;bottom:-5px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01.type01 .step_content .cont .txt .drop_box.on{background-image:url('../images/event02/d01.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .step_content .cont .drag_box{display:flex;gap:0 40px;margin:60px 0 0 0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .step_content .cont .drag_box .drag{}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .step_content .cont .drag_box .drag > div{cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .step_content .cont .drag_box .drag:nth-child(1){width:339px;height:74px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .step_content .cont .drag_box .drag.end{background-image:url('../images/event02/drop01_box.png');background-size:contain;background-repeat:no-repeat;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .step_content .cont .drag_box .drag .d01{width:100%;height:100%;background-image:url('../images/event02/d01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .step_content .cont .drag_box .drag .d01 .hand{animation:1s evt_drag_guide infinite linear forwards;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .step_content .cont .drag_box .drag .d02{width:283px;height:74px;background-image:url('../images/event02/d02.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .step_content .cont .drag_box .drag .d03{width:339px;height:74px;background-image:url('../images/event02/d03.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .step_content .btns_wrap{position:absolute;bottom:40px;left:0;width:100%;display:flex;justify-content:center;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .step_content .btns_wrap .btn_next{position:relative;width:391px;height:74px;cursor:pointer;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01.type01 .step_content .btns_wrap .btn_next{background-image:url('../images/event02/btn_next01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01.type02 .step_content .btns_wrap .btn_next{background-image:url('../images/event02/btn_next02.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 {width:1300px;height:730px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type01 {background-image:url('../images/event02/bg_type01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_content .cont{padding:40px 0 0 0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_content .cont .txt{width:1196px;height:231px;background-image:url('../images/event02/quest1_2.png?v=1');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_content .cont .txt .drop_box{position:absolute;width:292px;height:162px;left:52px;top:190px;background-image:url('../images/event02/e_drop_box.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_content .cont .txt .drop_box.on{width:290px;height:160px;background-image:url('../images/event02/d04.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_content .cont .drag_box{position:relative;display:flex;margin:32px 0 0 0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_content .cont .drag_box.end{width:292px;height:162px;background-image:url('../images/event02/drop02_box.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_content .cont .drag_box .hand{animation:1s evt_drag_guide2 infinite linear forwards;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_content .cont .drag_box .drag{cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_content .cont .drag_box .drag.d01{width:290px;height:160px;background-image:url('../images/event02/e2_drag01.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_content .btns_wrap{position:absolute;bottom:40px;left:0;width:100%;display:flex;justify-content:space-between;padding:0 66px;box-sizing:border-box;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_content .btns_wrap .btn_prev{position:relative;width:380px;height:78px;cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_content .btns_wrap .btn_next{position:relative;width:391px;height:74px;cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .step_content .btns_wrap .btn_join{position:relative;width:380px;height:78px;cursor:pointer;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type01 .step_content .btns_wrap .btn_prev{background-image:url('../images/event02/btn_prev.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type01 .step_content .btns_wrap .btn_next{background-image:url('../images/event02/btn_next01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type01 .step_content .btns_wrap .btn_next .hand{display:none;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type01 .step_content .btns_wrap .btn_next.on .hand{display:block;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type01 .step_content .btns_wrap .btn_join{background-image:url('../images/event02/btn_join01.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01.type02 .step_content .cont{padding:117px 0 0 0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01.type02 .step_content .cont .txt{position:relative;width:694px;height:167px;background-image:url('../images/event02/quest2_1.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01.type02 .step_content .cont .txt .drop_box{position:absolute;width:360px;height:74px;left:0;bottom:-5px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01.type02 .step_content .cont .txt .drop_box.on{background-image:url('../images/event02/e02_drag01.png');}


section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01.type02 .step_content .cont .drag_box .drag:nth-child(1){width:360px;height:74px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01.type02 .step_content .cont .drag_box .drag .d01{width:100%;height:100%;background-image:url('../images/event02/e02_drag01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01.type02 .step_content .cont .drag_box .drag .d01 .hand{animation:1s evt_drag_guide infinite linear forwards;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01.type02 .step_content .cont .drag_box .drag .d02{width:336px;height:74px;background-image:url('../images/event02/e02_drag02.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01.type02 .step_content .cont .drag_box .drag .d03{width:283px;height:74px;background-image:url('../images/event02/e02_drag03.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01.type02 .step_content .cont .drag_box .drag.end{background-image:url('../images/event02/edrop02_box.png');background-size:contain;background-repeat:no-repeat;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type02 {background-image:url('../images/event02/bg_type02.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type02 .step_content .cont{padding:40px 0 0 0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type02 .step_content .cont .ttl{margin-bottom:32px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type02 .step_content .cont .txt{position:relative;width:1243px;height:170px;background-image:url('../images/event02/quest2_2.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type02 .step_content .cont .txt .drop_box{position:absolute;width:205px;height:172px;background-image:url('../images/event02/e_drop_box02.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type02 .step_content .cont .txt .drop_box:nth-child(1){left:517px;top:0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type02 .step_content .cont .txt .drop_box:nth-child(2){left:777px;top:0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type02 .step_content .cont .txt .drop_box:nth-child(1).on{width:203px;height:170px;background-image:url('../images/event02/e02_drag04.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type02 .step_content .cont .txt .drop_box:nth-child(2).on{width:203px;height:170px;background-image:url('../images/event02/e02_drag05.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type02 .step_content .cont .txt .down_box_wrap{position:absolute;left:0;top:180px;background-image:url('../images/event02/down_txt.png?v=1');width:203px;height:194px;display:flex;align-items:end;justify-content:center;padding:7px 0;box-sizing:border-box;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type02 .step_content .cont .txt .down_box_wrap .btn_down{position:relative;background-image:url('../images/event02/btn_down.png');width:103px;height:39px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type02 .step_content .cont .txt .down_box_wrap .btn_down a{display:block;width:100%;height:100%;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type02 .step_content .cont .drag_box{position:relative;display:flex;margin:32px 0 0 250px;gap:0 57px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type02 .step_content .cont .drag_box .hand{animation:1s evt_drag_guide3 infinite linear forwards;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type02 .step_content .cont .drag_box .drag{cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type02 .step_content .cont .drag_box .drag .d01{width:203px;height:170px;background-image:url('../images/event02/e02_drag04.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type02 .step_content .cont .drag_box .drag .d02{width:203px;height:170px;background-image:url('../images/event02/e02_drag05.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type02 .step_content .cont .drag_box .drag.end{width:203px;height:170px;background-image:url('../images/event02/e_drag_box02.png');background-size:contain;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type02 .step_content .btns_wrap .btn_prev{background-image:url('../images/event02/btn_prev.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type02 .step_content .btns_wrap .btn_next{background-image:url('../images/event02/btn_next02.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type02 .step_content .btns_wrap .btn_next .hand{display:none;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type02 .step_content .btns_wrap .btn_next.on .hand{display:block;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.type02 .step_content .btns_wrap .btn_join{background-image:url('../images/event02/btn_join02.png');}




section.event02 .contents_wrapper > .join_wrapper {position: absolute;width: 1032px;height: 132px;bottom:60px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background-image:url('../images/event01/bg_num.png');margin:50px 0 0 0;}
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: #008A37;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;}
/* 이벤트 02 */

/* 이벤트 03 */
section.event03 {position: relative;width: 100%;height: 1922px;background-image: url('../images/event03/bg.jpg?v=1');}
section.event03 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding: 120px 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 .event_title{margin:16px 0 20px 0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width:1300px;height:700px;margin:40px 0 0 0;display:flex;justify-content:center;align-items:center;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box{position:relative;width:596px;height:596px;background-image:url('../images/event03/drop_box.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box > div{position:absolute}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop01{left:0;top:0;width:306px;height:356px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop02{right:0;top:0;width:356px;height:306px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop03{left:0;bottom:0;width:356px;height:306px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop04{right:0;bottom:0;width:306px;height:356px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop01.on{background-image:url('../images/event03/drop01.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop02.on{background-image:url('../images/event03/drop02.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop03.on{background-image:url('../images/event03/drop03.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .drop04.on{background-image:url('../images/event03/drop04.png');}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box.complete{background-image:url('../images/event03/drag_complete.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box.expand{position:absolute;background-image:url('../images/event03/pic.png');animation:1s evt_expand 1 linear forwards;background-position:center;transform:scale(1);overflow:hidden;width:0;display:flex;justify-content:center;align-items:end;height:700px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box.complete .drop{display:none;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box.expand .drop{display:none;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .txt_wrap{position:relative;display:none;width:1556px;height:100%;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box.expand .txt_wrap{display:block;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .txt01{position:absolute;left:216px;top:161px;width:148px;height:127px;background-image:url('../images/event03/txt01.png');background-size:contain;z-index:3;transform:scale(0);transition:1s all;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .txt02{position:absolute;right:0;width:366px;top:161px;height:135px;background-image:url('../images/event03/txt02.png');background-size:contain;z-index:3;transform:scale(0);transition:1s all;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .flower01{position:absolute;top:215px;left:-90px;width:431px;height:204px;background-image:url('../images/event03/flower01.png');background-size:contain;z-index:3;transform:scale(0);transition:1s all;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .flower02{position:absolute;top:245px;right:-120px;width:375px;height:219px;background-image:url('../images/event03/flower02.png');background-size:contain;z-index:3;transform:scale(0);transition:1s all;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .txt01.on {transform:scale(1);}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .txt02.on {transform:scale(1);}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .flower01.on {transform:scale(1);}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .flower02.on {transform:scale(1);}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .character{width:666px;height:411px;background-image:url('../images/event03/student.png?v=1');background-size:contain;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .character.on{animation:2.5s character_zoom 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .bar{position:absolute;bottom:0;width:1920px;height:71px;background-image:url('../images/event03/bar.png');transform:1s all;opacity:0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box .bar.on{opacity:1}


section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag{position:absolute;cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag.d01{width:364px;height:384px;background-image:url('../images/event03/drag01.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag.d02{width:371px;height:352px;background-image:url('../images/event03/drag02.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag.d03{width:368px;height:344px;background-image:url('../images/event03/drag03.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag.d04{width:324px;height:366px;background-image:url('../images/event03/drag04.png');}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag.pos01{left:-42px;top:-32px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag.pos02{right:-42px;top:-31px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag.pos03{left:-58px;bottom:-18px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag.pos04{right:-50px;bottom:-10px;}


section.event03 .contents_wrapper .event_cont_wrap02{position:relative;width:100%;height:700px;margin:0 0 0 0;display: flex;flex-direction: column;}
section.event03 .contents_wrapper .event_cont_wrap02 .event_title{margin:16px 0 20px 0;}

section.event03 .contents_wrapper .event_cont_wrap02 .inner{position:relative;width:613px;margin:90px auto 0 auto;}
section.event03 .contents_wrapper .event_cont_wrap02 .inner .info_wrapper{position:relative;width:100%;height:622px;}
section.event03 .contents_wrapper .event_cont_wrap02 .inner .info_wrapper .info{position:absolute;width:302px;height:210px;z-index:2;}
section.event03 .contents_wrapper .event_cont_wrap02 .inner .info_wrapper .info.i01{top:-20px;left:162px;background-image:url('../images/event03/noti01.png');}
section.event03 .contents_wrapper .event_cont_wrap02 .inner .info_wrapper .info.i02{top:164px;right:-140px;background-image:url('../images/event03/noti02.png');}
section.event03 .contents_wrapper .event_cont_wrap02 .inner .info_wrapper .info.i03{top:390px;right:-64px;background-image:url('../images/event03/noti03.png');}
section.event03 .contents_wrapper .event_cont_wrap02 .inner .info_wrapper .info.i04{top:390px;background-image:url('../images/event03/noti04.png');}
section.event03 .contents_wrapper .event_cont_wrap02 .inner .info_wrapper .info.i05{top:164px;left:-140px;background-image:url('../images/event03/noti05.png');}

section.event03 .contents_wrapper .event_cont_wrap02 .inner .info_wrapper .info.i01.on{background-image:url('../images/event03/noti01_on.png');}
section.event03 .contents_wrapper .event_cont_wrap02 .inner .info_wrapper .info.i02.on{background-image:url('../images/event03/noti02_on.png');}
section.event03 .contents_wrapper .event_cont_wrap02 .inner .info_wrapper .info.i03.on{background-image:url('../images/event03/noti03_on.png');}
section.event03 .contents_wrapper .event_cont_wrap02 .inner .info_wrapper .info.i04.on{background-image:url('../images/event03/noti04_on.png');}
section.event03 .contents_wrapper .event_cont_wrap02 .inner .info_wrapper .info.i05.on{background-image:url('../images/event03/noti05_on.png');}


section.event03 .contents_wrapper .event_cont_wrap02 .inner .info_wrapper .arrow{width:613px;height:613px;background-image:url('../images/event03/arrow.png');transition:1s all;}

section.event03 .contents_wrapper .event_cont_wrap02 .inner .info_wrapper .arrow.mv01{transform:rotate(40deg);}
section.event03 .contents_wrapper .event_cont_wrap02 .inner .info_wrapper .arrow.mv02{transform:rotate(110deg);}
section.event03 .contents_wrapper .event_cont_wrap02 .inner .info_wrapper .arrow.mv03{transform:rotate(160deg);}
section.event03 .contents_wrapper .event_cont_wrap02 .inner .info_wrapper .arrow.mv04{transform:rotate(260deg);}
section.event03 .contents_wrapper .event_cont_wrap02 .inner .info_wrapper .arrow.mv05{transform:rotate(307deg);}
section.event03 .contents_wrapper .event_cont_wrap02 .inner .info_wrapper .arrow.mv06{transform:rotate(360deg);}
section.event03 .contents_wrapper .event_cont_wrap02 .inner .btns_wrap {position:relative;width:100%;display:flex;justify-content:center;margin:30px 0 0 0;}
section.event03 .contents_wrapper .event_cont_wrap02 .inner .btns_wrap .btn_ok{position:relative;width:390px;height:74px;background-image:url('../images/event03/btn_ok.png');cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrap02 .inner .btns_wrap .btn_ok.on{background-image:url('../images/event03/btn_ok_on.png');}
section.event03 .contents_wrapper .event_cont_wrap02 .eff01 {position:absolute;left:0;top:64px;width:348px;height:303px;background-image:url('../images/event03/e_001.png');}
section.event03 .contents_wrapper .event_cont_wrap02 .eff02 {position:absolute;left:106px;top:406px;width:96px;height:94px;background-image:url('../images/event03/e_002.png');}
section.event03 .contents_wrapper .event_cont_wrap02 .eff03 {position:absolute;left:316px;top:659px;width:32px;height:32px;background-image:url('../images/event03/e_003.png');}
section.event03 .contents_wrapper .event_cont_wrap02 .eff04 {position:absolute;right:0;top:60px;width:280px;height:302px;background-image:url('../images/event03/e_004.png');}
section.event03 .contents_wrapper .event_cont_wrap02 .eff05 {position:absolute;right:169px;top:358px;width:32px;height:45px;background-image:url('../images/event03/e_005.png');}
section.event03 .contents_wrapper .event_cont_wrap02 .eff06 {position:absolute;right:127px;top:539px;width:225px;height:187px;background-image:url('../images/event03/e_006.png');}



section.event03 .contents_wrapper > .join_wrapper {position: absolute;width: 1032px;height: 132px;bottom:60px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background-image:url('../images/event01/bg_num.png');margin:50px 0 0 0;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;justify-content: center;align-items: center;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: #459CE5;font-weight: 800;font-size: 40px;line-height: 0.7;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 32px;color: #000000;}
/* 이벤트 03 */

/* 카드뉴스 */
section.cardnews {position: relative;width: 100%;height:1024px;background-image: url('../images/cardnews/bg.jpg');}
section.cardnews .contents_wrap {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;justify-content: start;padding:80px 0 0 0;box-sizing:border-box;}
section.cardnews .contents_wrap .title {margin-bottom: 40px;}
section.cardnews .contents_wrap .card_wrap {position:relative;width:770px;margin:0 auto;display:flex;justify-content:center;}
section.cardnews .contents_wrap .card_wrap .cardnews_wrap{position:relative;width:680px;height:680px;border-radius:20px;overflow:hidden;}
section.cardnews .contents_wrap .card_wrap .swiper{height:680px;}
section.cardnews .contents_wrap .card_wrap .cardnewsBtn .btn_prev{position:absolute;width:83px;height:82px;background-image:url('../images/cardnews/btn_prev.png');left:-128px;top:299px;cursor:pointer;}
section.cardnews .contents_wrap .card_wrap .cardnewsBtn .btn_next{position:absolute;width:83px;height:82px;background-image:url('../images/cardnews/btn_next.png');right:-128px;top:299px;cursor:pointer;}
/* 카드뉴스 */

/* 영상 */
section.movie {position: relative;width: 100%;height:960px;background-image: url('../images/movie/bg.jpg');}
section.movie .contents_wrap {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;justify-content: start;padding:80px 0 0 0;box-sizing:border-box;}
section.movie .contents_wrap .title {margin-bottom: 40px;}
section.movie .contents_wrap .movie_wrapper{width:810px;height:616px;border-radius:24px;overflow:hidden;padding:24px;box-sizing:border-box;background:#FFFFFF;}
section.movie .contents_wrap .movie_wrapper .mwrap {width:100%;height:460px;}
section.movie .contents_wrap .movie_wrapper .mwrap iframe{width:100%;height:100%;border-radius:24px;overflow:hidden;}
section.movie .contents_wrap .movie_wrapper .movie_title{margin:15px 0 0 0;}

/* 영상 */


/* SNS SHARE */
section.snsshare {position: relative;width: 100%;height: 449px;background-image:url('../images/share/bg.jpg');}
section.snsshare .contents_wrap {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: start;text-align: center;padding:80px 0 0 0;box-sizing:border-box;}
section.snsshare .contents_wrap > .title {margin-bottom:32px;}
section.snsshare .contents_wrap > .sns_wrapper {position: relative;}
section.snsshare .contents_wrap > .sns_wrapper > ul {display: flex;gap: 0 20px;}
/* SNS SHARE */

/* 참여 정보 */
section.sec-join-info {
    position: relative;
    width: 100%;
    height: 208px;
    display: flex;
    justify-content: center;
    font-size: 32px;
    align-items: center;
    color: #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: #557DCD;
    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: #FF5C35;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -10px;
    font-family: 'ONE-Mobile-Title';
}

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

/* 참여 정보 */
/* 접속 정보 */
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:#1E2636;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: 116px;
}

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

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

.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: #2f4a7f;
    width: 500px;
    box-sizing: border-box;
    font-size: 22px;
}

.n_menu_list.on {
    bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.join_info_wrapper.evt01 {
    bottom: 150px;
}

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

.join_info_wrapper.evt02 {
    bottom: 124px;
}

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

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

.join_info_wrapper.evt03 {
    bottom: 150px;
}

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

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

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

.hand {	position: absolute;z-index: 5;animation: 1.5s zoom ease-in-out infinite;animation-delay: 0.5s;width: 106px;height: 106px;background-image: url(../images/hand.png);right:-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%;
}

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

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

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

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

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

a:focus {
    outline: none;
}

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

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

.bounce1 {
    animation: bounce1 2s;
}

.bounce2 {
    animation: bounce2 1s;
}

.bounce3 {
    animation: bounce3 1s;
}

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

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

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

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

.qb_hand.hide {
    display: none;
}

.qb_hand.evt3 {
    display: none;
}

.hide {
    display: none !important;
}

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

.j_wrap01 {
}

.j_wrap02 {
    margin-top: 35px;
}

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

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

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

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

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

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

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

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

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

.pu_event_youtube .p_con {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pu_event_info .btns a {
	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: #FF5C35;
    color: #FFFFFF;
}

.pu_event_info.pop02 .btns a.bt_participate_done {
    background: #00AD45;
    color: #FFFFFF;
}
.pu_event_info.pop02_1 .btns a.bt_participate_done {
    background: #459CE5;
    color: #FFFFFF;
}

.pu_event_info.pop03 .btns a.bt_participate_done {
    background: #459CE5;
    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.pop02_1 .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 .radiob input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-opacity: 0;
}

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

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

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

.pu_event_done .ph {
    width: 100%;
}

.pu_event_done .ph .confirm {
    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
}