@font-face {
    font-family: 'SchoolSafetyNotification';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimAllimjangTTF-R.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'SchoolSafetyChalkboardEraser';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimChilpanjiugaeTTF-L.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'SchoolSafetyChalkboardEraser';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimChilpanjiugaeTTF-B.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'SchoolSafetyNotification';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimAllimjangTTF-B.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'SchoolSafeAutumnTrip';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/HakgyoansimGaeulsopungL.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'SchoolSafeAutumnTrip';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/HakgyoansimGaeulsopungB.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
@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/event02/quest/q01_1_on.png') url('../images/event02/quest/q01_2_on.png') url('../images/event02/quest/q02_1_on.png') url('../images/event02/quest/q02_2_on.png')
	 url('../images/event02/quest/q03_1_on.png')  url('../images/event02/quest/q03_2_on.png')  url('../images/event02/quest/q04_1_on.png')  url('../images/event02/quest/q04_2_on.png')
     url('../images/event02/quest/q05_1_on.png')  url('../images/event02/quest/q05_2_on.png') url('../images/event04/bg.jpg?v=2') url('../images/event04/bg02.jpg?v=2.0');
}
.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: end;gap: 0 5px;color: #888888;padding-bottom:10px;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 {top:-2px;position:relative;}
.htmlWrapper section.top_wrapper > .hx_top div.ment {}
.htmlWrapper section.top_wrapper > .hx_top .hx_txt {position: absolute;}


/* 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;padding-bottom: 56.25%;box-sizing:border-box;}
.htmlWrapper section.visual_wrapper .contents_wrap iframe{width:100%;height:100%;position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  pointer-events: none;z-index:0;}
.htmlWrapper section.visual_wrapper .contents_wrap .character{position: absolute;left:0;bottom:150px;width: 619px;height:408px;background-image:url('../images/visual/character.png');z-index:2;}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt{position:absolute;top:120px;z-index:3;}
.htmlWrapper section.visual_wrapper .contents_wrap .cover{position:absolute;top:120px;z-index:1;width:100%;height:100%;left:0;top:0;}

/* 한강버스 */
section.bus {position: relative;width: 100%;height: 1098px;background:#C5E1FF;}
section.bus .contents_wrap {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;justify-content: start;padding:120px 0 0 0;box-sizing:border-box;gap:40px 0;}
section.bus .contents_wrap .title {}
section.bus .contents_wrap .data_wrap {display:flex;flex-direction:column;}
section.bus .contents_wrap .data_wrap .tabs{display:flex;width:1300px;justify-content:space-between;}
section.bus .contents_wrap .data_wrap .tabs .tab{position:relative;width:423px;height:80px;cursor:pointer;}
section.bus .contents_wrap .data_wrap .tabs .tab.t01{background-image:url('../images/bus/tab01.png');}
section.bus .contents_wrap .data_wrap .tabs .tab.t02{background-image:url('../images/bus/tab02.png');}
section.bus .contents_wrap .data_wrap .tabs .tab.t03{background-image:url('../images/bus/tab03.png');}
section.bus .contents_wrap .data_wrap .tabs .tab.t01.on{background-image:url('../images/bus/tab01_on.png');}
section.bus .contents_wrap .data_wrap .tabs .tab.t02.on{background-image:url('../images/bus/tab02_on.png');}
section.bus .contents_wrap .data_wrap .tabs .tab.t03.on{background-image:url('../images/bus/tab03_on.png');}

section.bus .contents_wrap .data_wrap .conts{}
/* 한강버스 */



/* 이벤트 01 */
section.event01 {position: relative;width: 100%;height:1841px;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_cont_wrap{position:relative;width: 1300px;height:740px;display:flex;flex-direction:column;align-items:center;margin:100px 0 0 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .station_wrap{display:flex;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .station_wrap div{display:flex;align-items:center;justify-content:end;padding-right:20px;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .station_wrap div .txt{width:200px;height:64px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:500;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .station_wrap .start_station{width:390px;height:104px;background-image:url('../images/event01/pos_start.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .station_wrap .end_station{width:390px;height:104px;background-image:url('../images/event01/pos_end.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .station_wrap .line{width:278px;height:4px;background-image:url('../images/event01/line.png');}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .cover{display:flex;width:100%;flex-direction:column;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .cover .cont{width:100%;height:434px;background:#FFFFFF;border-radius:40px;margin-top:33px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .cover .cont .btn_start{position:relative;width:300px;height:86px;background-image:url('../images/event01/btn_start_on.png');cursor:pointer;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01{display:flex;flex-direction:column;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .txt_wrap{display:flex;flex-direction:column;gap:33px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .map_wrapper{width:1332px;height:466px;background-image:url('../images/event01/map.png');margin-top:33px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .btn_go{position:relative;width:300px;height:86px;background-image:url('../images/event01/btn_go.png');cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .btn_go.on{background-image:url('../images/event01/btn_go_on.png');}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02{display:flex;width:100%;flex-direction:column;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .txt_wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px 0;margin:20px 0 0 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .txt_wrap.para{margin:0;height:120px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .txt_wrap .stxt{display:flex;height:134px;justify-content:center;align-items:center;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .map_wrapper{position:relative;width:1332px;height:466px;background-image:url('../images/event01/map_base.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .map_wrapper .pos{position:absolute;width:89px;height:89px;border-radius:50%;cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .map_wrapper .pos .hand{right:-40px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .map_wrapper .pos.p01{left:128px;top:5px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .map_wrapper .pos.p02{left:285px;top:155px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .map_wrapper .pos.p03{left:469px;top:265px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .map_wrapper .pos.p04{left:728px;top:265px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .map_wrapper .pos.p05{left:858px;top:215px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .map_wrapper .pos.p06{left:1063px;top:195px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .map_wrapper .pos.p07{left:1184px;top:235px;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .map_wrapper .pos.on{background-image:url('../images/event01/icon_start.png');animation:1s zoom infinite forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .map_wrapper .pos.eon{background-image:url('../images/event01/icon_end.png');animation:1s zoom infinite forwards;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_go{position:relative;width:300px;height:86px;background-image:url('../images/event01/btn_go.png');cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_go .hand{display:none;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_go.on{background-image:url('../images/event01/btn_go_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_go.on .hand{display:block;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03{display:flex;width:100%;flex-direction:column;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .txt_wrap{height:128px;display:flex;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .cont{width:100%;height:434px;background:#FFFFFF;border-radius:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .cont .ttl{display:flex;flex-direction:column;align-items:center;gap:20px 0;padding:0 250px;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .cont .ttl .info{color:#2624B5;font-size:48px;font-weight:700;font-family:'SchoolSafetyChalkboardEraser';letter-spacing:-1px;text-align:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .cont .ttl .guide{font-size:32px;color:#555555;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .cont .btn_start{position:relative;width:300px;height:86px;background-image:url('../images/event01/btn_start.png');cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .cont .btn_start.on{background-image:url('../images/event01/btn_start_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .cont .btn_start .hand{display:none;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .cont .btn_start.on .hand{display:block;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .method_wrap.on{animation:1s method_move2 1 linear forwards;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step04{display:flex;width:100%;flex-direction:column;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step04 .txt_wrap{height:128px;display:flex;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step04 .cont{width:100%;height:434px;background:#FFFFFF;border-radius:40px;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:40px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step04 .cont .ttl{display:flex;flex-direction:column;align-items:center;gap:20px 0;padding:0 100px;box-sizing:border-box;height:280px;justify-content:end;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step04 .cont .ttl .info{color:#2624B5;font-size:48px;font-weight:700;font-family:'SchoolSafetyChalkboardEraser';letter-spacing:-1px;text-align:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step04 .cont .ttl .guide{font-size:32px;color:#555555;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step04 .cont .btn_start{position:relative;width:300px;height:86px;background-image:url('../images/event01/btn_start.png');cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step04 .cont .btn_start.on{background-image:url('../images/event01/btn_start_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step04 .cont .btn_start .hand{display:none;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step04 .cont .btn_start.on .hand{display:block;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step04 .method_wrap{left:-360px !important;}


section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05{display:flex;width:100%;flex-direction:column;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .txt_wrap{height:128px;display:flex;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .cont{width:100%;height:434px;background:#FFFFFF;border-radius:40px;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:40px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .cont .ttl{display:flex;flex-direction:column;align-items:center;gap:20px 0;padding:0 250px;box-sizing:border-box;height:280px;justify-content:end;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .cont .ttl .info{color:#2624B5;font-size:48px;font-weight:700;font-family:'SchoolSafetyChalkboardEraser';letter-spacing:-1px;text-align:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .cont .ttl .guide{font-size:32px;color:#555555;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .cont .btn_start{position:relative;width:300px;height:86px;background-image:url('../images/event01/btn_start.png');cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .cont .btn_start.on{background-image:url('../images/event01/btn_start_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .cont .btn_start .hand{display:none;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .cont .btn_start.on .hand{display:block;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .cont.ticket{}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .cont.ticket .ticket_wrapper{display:flex;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .cont.ticket .ticket_wrapper .ticket_list{display:flex;gap:0 16px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .cont.ticket .ticket_wrapper .ticket_list .ticket{position:relative;font-size:32px;font-weight:500;color:#FFFFFF;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .cont.ticket .ticket_wrapper .ticket_list .ticket .price{display:flex;justify-content:center;width:100%;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .cont.ticket .ticket_wrapper .ticket_list .ticket.t01{width:177px;height:140px;background-image:url('../images/event01/ticket01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .cont.ticket .ticket_wrapper .ticket_list .ticket.t02{width:234px;height:140px;background-image:url('../images/event01/ticket02.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .cont.ticket .ticket_wrapper .ticket_list .ticket.t03{width:226px;height:140px;background-image:url('../images/event01/ticket03.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .cont.ticket .ticket_wrapper .ticket_list .ticket.t01 .price{margin-top:65px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .cont.ticket .ticket_wrapper .ticket_list .ticket.t02 .price{margin-top:43px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .cont.ticket .ticket_wrapper .ticket_list .ticket.t03 .price{margin-top:43px;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .cont.ticket .btn_ticket{position:relative;width:300px;height:86px;background-image:url('../images/event01/btn_ticket.png');cursor:pointer;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .road_wrap_cont{overflow:hidden;border-radius:100px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .set_method{position:absolute;width:196px;height:102px;left:-7px;z-index:5;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .purpose{position:absolute;left:520px;z-index:5;width:256px;height:102px;background-image:url('../images/event01/end_cover.png');background-position:8px center;background-repeat:no-repeat;font-size:32px;font-weight:900;color:#FFFFFF;display:flex;justify-content:center;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .bus{position:absolute;background-image:url('../images/event01/icon_bus.png');width:256px;height:102px;z-index:5;right:-5px;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .set_method.on{animation:1s method_move 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .purpose.on{animation:1s purpose_move 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .bus.on{animation:1s bus_move 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .end_purpose.on{animation:1s end_purpose_move 1 linear forwards;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .txt_bus{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:32px;font-weight:900;color:#FFFFFF;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .end_purpose{position:absolute;right:-250px;width:256px;height:102px;background-image:url('../images/event01/end_purpose_n.png');z-index:5;display:flex;justify-content:center;align-items:center;padding:0 0 0 0;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .end_purpose span{color:#FFFFFF;font-size:32px;font-weight:900;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06{display:flex;width:100%;flex-direction:column;align-items:center;transition:1s all;z-index:2;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06.fadeout{opacity:0;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .txt_wrap{height:128px;display:flex;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .cont{width:100%;height:434px;background:#FFFFFF;border-radius:40px;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:40px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .cont .time_wrapper{display:flex;flex-direction:column;align-items:center;gap:20px 0;height:280px;justify-content:end;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .cont .time_wrapper .time_list{display:flex;gap:0 16px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .cont .time_wrapper .time_list .time{position:relative;font-size:24px;font-weight:500;color:#FFFFFF;display:flex;flex-direction:column;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .cont .time_wrapper .time_list .time.first{width:421px;height:140px;border-radius:16px;background:#2624B5;padding:35px 0 35px 20px;box-sizing:border-box;gap:12px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .cont .time_wrapper .time_list .time.sec{width:540px;height:140px;border-radius:16px;background:#007ED8;padding:35px 0 35px 20px;box-sizing:border-box;gap:12px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .cont .time_wrapper .time_list .time .item{display:flex;gap:0 8px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .cont .time_wrapper .time_list .time .item .yoil{font-weight:600;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .cont .time_wrapper .time_list .time .item .hour{font-weight:300;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .cont .time_wrapper .time_list .time .item .sep{position:relative;top:3px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .cont .time_wrapper .guide{font-size:32px;color:#555555;font-weight:400;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .cont .btn_go{position:relative;width:300px;height:86px;background-image:url('../images/event01/btn_time.png?v=1');cursor:pointer;}




section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .road_wrap_cont{overflow:hidden;border-radius:100px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .set_method{position:absolute;width:196px;height:102px;left:-7px;z-index:5;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .purpose{position:absolute;left:-15px;z-index:5;width:256px;height:102px;background-image:url('../images/event01/end_cover.png');background-position:8px center;background-repeat:no-repeat;font-size:32px;font-weight:900;color:#FFFFFF;display:flex;justify-content:center;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .bus{position:absolute;background-image:url('../images/event01/icon_bus.png');width:256px;height:102px;z-index:5;right:-5px;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .purpose.on{animation:1s purpose_move 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .purpose.end{animation:1s purpose_move_end 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .bus.on{animation:1s bus_move 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .end_purpose.on{animation:1s end_purpose_move 1 linear forwards;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .txt_bus{position:absolute;left:520px;top:-20px;display:flex;justify-content:center;align-items:center;background-image:url('../images/event01/icon_bus.png');width:256px;height:102px;text-indent:-9999px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .txt_bus.on{animation:1s bus_move2 1 linear forwards;}


section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .end_purpose{position:absolute;right:-10px;width:256px;height:102px;background-image:url('../images/event01/end_purpose_n.png');z-index:5;display:flex;justify-content:center;align-items:center;padding:0 0 0 0;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .end_purpose span{color:#FFFFFF;font-size:32px;font-weight:900;}


/* 탑승 */
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07{position:absolute;display:flex;width:100%;flex-direction:column;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .txt_wrap{height:128px;display:flex;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .cont{width:100%;height:434px;background:#FFFFFF;border-radius:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px 28px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .cont.ticket{}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .cont.ticket .ticket_wrapper{display:flex;height:280px;justify-content:end;align-items:end;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .cont.ticket .ticket_wrapper .ticket_list{display:flex;gap:0 16px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .cont.ticket .ticket_wrapper .ticket_list .ticket{position:relative;font-size:32px;font-weight:500;color:#FFFFFF;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .cont.ticket .ticket_wrapper .ticket_list .ticket .price{display:flex;justify-content:center;width:100%;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .cont.ticket .ticket_wrapper .ticket_list .ticket.t01{width:177px;height:140px;background-image:url('../images/event01/ticket01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .cont.ticket .ticket_wrapper .ticket_list .ticket.t02{width:234px;height:140px;background-image:url('../images/event01/ticket02.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .cont.ticket .ticket_wrapper .ticket_list .ticket.t03{width:226px;height:140px;background-image:url('../images/event01/ticket03.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .cont.ticket .ticket_wrapper .ticket_list .ticket.t01 .price{margin-top:65px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .cont.ticket .ticket_wrapper .ticket_list .ticket.t02 .price{margin-top:43px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .cont.ticket .ticket_wrapper .ticket_list .ticket.t03 .price{margin-top:43px;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .cont.ticket .btn_ticket{position:relative;width:300px;height:86px;background-image:url('../images/event01/btn_ticket.png');cursor:pointer;}



section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .road_wrap_cont{overflow:hidden;border-radius:100px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .txt_bus{position:absolute;left:520px;top:-20px;display:flex;justify-content:center;align-items:center;background-image:url('../images/event01/icon_bus.png');width:256px;height:102px;text-indent:-9999px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .txt_bus.on{animation:1s bus_move2 1 linear forwards;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .bus_in{position:absolute;left:-11px;width:256px;height:102px;background-image:url('../images/event01/icon_station.png');z-index:5;display:flex;justify-content:center;align-items:center;padding:0 0 0 0;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .bus_in span{color:#FFFFFF;font-size:32px;font-weight:900;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .end_purpose{position:absolute;right:-10px;width:256px;height:102px;background-image:url('../images/event01/end_purpose_n.png');z-index:5;display:flex;justify-content:center;align-items:center;padding:0 0 0 0;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .end_purpose span{color:#FFFFFF;font-size:32px;font-weight:900;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .end_purpose.on{animation:1s end_purpose_move 1 linear forwards;}
/* 탑승 */

/* 버스출발 */
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08{display:flex;width:100%;flex-direction:column;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .txt_wrap{height:128px;display:flex;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .cont{width:100%;height:434px;background:#FFFFFF;border-radius:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .cont .time_info{color:#2624B5;font-size:48px;font-weight:700;font-family:'SchoolSafetyChalkboardEraser';letter-spacing:-1px;text-align:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .cont .btn_go{position:relative;width:300px;height:86px;background-image:url('../images/event01/btn_go_on.png');cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .cont.method{gap:0 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .cont.method .info{color:#2624B5;font-size:48px;font-weight:700;font-family:'SchoolSafetyChalkboardEraser';letter-spacing:-1px;text-align:center;margin:20px 0 0 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .cont.method .guide{font-size:32px;color:#555555;font-weight:400;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .cont.method .btn_move{position:relative;width:300px;height:86px;background-image:url('../images/event01/btn_start.png');cursor:pointer;margin:40px 0 0 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .cont.method .btn_move.on{background-image:url('../images/event01/btn_start_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .cont.method .btn_move .hand{display:none;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .cont.method .btn_move.on .hand{display:block;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .road_wrap_cont{overflow:hidden;border-radius:100px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .txt_bus{position:absolute;left:520px;top:-20px;display:flex;justify-content:center;align-items:center;background-image:url('../images/event01/icon_bus.png');width:256px;height:102px;text-indent:-9999px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .txt_bus.on{animation:3.2s bus_move3 1 linear forwards;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .bus_in{position:absolute;left:-10px;width:256px;height:102px;background-image:url('../images/event01/bus_in.png');z-index:5;display:flex;justify-content:center;align-items:center;padding:35px 0 0 0;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .bus_in.on{animation:3s method_move 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .bus_in span{color:#FFFFFF;font-size:18px;font-weight:500;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .method_wrap.on{animation:1s method_move2 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .end_purpose{position:absolute;right:-10px;width:256px;height:102px;background-image:url('../images/event01/end_purpose_n.png');z-index:5;display:flex;justify-content:center;align-items:center;padding:0 0 0 0;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .end_purpose span{color:#FFFFFF;font-size:32px;font-weight:900;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .end_purpose.arrived{background-image:url('../images/event01/end_purpose.png');padding:35px 0 0 0;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .end_purpose.arrived span{font-size:18px;font-weight:400;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .end_purpose.on{animation:6s bus_end_purpose 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .end_purpose.finish{animation:1s bus_finish_purpose 1 linear forwards;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .end_purpose_end{position:absolute;right:1px;top:3px;width:256px;height:102px;background-image:url('../images/event01/end_purpose.png');z-index:5;display:flex;justify-content:center;align-items:center;padding:35px 0 0 0;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .end_purpose_end.on{animation:6s bus_end_purpose_end 1 linear forwards;}
/* 버스출발 */

/* 종료 */
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09{display:flex;width:100%;flex-direction:column;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .txt_wrap{height:128px;display:flex;align-items:center;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .cont{width:100%;height:434px;background:#FFFFFF;border-radius:40px;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:40px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .cont .ttl{display:flex;flex-direction:column;align-items:center;gap:20px 0;padding:0 100px;box-sizing:border-box;height:280px;justify-content:end;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .cont .ttl .info{color:#2624B5;font-size:48px;font-weight:700;font-family:'SchoolSafetyChalkboardEraser';letter-spacing:-1px;text-align:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .cont .ttl .guide{font-size:32px;color:#555555;}


section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .cont .btn_join{position:relative;width:300px;height:86px;background-image:url('../images/event01/btn_join.png?v=1');cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .cont.method{gap:0 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .cont.method .info{color:#2624B5;font-size:48px;font-weight:700;font-family:'SchoolSafetyChalkboardEraser';letter-spacing:-1px;text-align:center;margin:20px 0 0 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .cont.method .guide{font-size:32px;color:#555555;font-weight:400;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .cont.method .btn_move{position:relative;width:300px;height:86px;background-image:url('../images/event01/btn_start.png');cursor:pointer;margin:40px 0 0 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .cont.method .btn_move .hand{display:none;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .cont.method .btn_move.on .hand{display:block;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .cont .btn_start{position:relative;width:300px;height:86px;background-image:url('../images/event01/btn_start.png');cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .cont .btn_start.on{background-image:url('../images/event01/btn_start_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .cont .btn_start .hand{display:none;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .cont .btn_start.on .hand{display:block;}





section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .method_wrap .meth .hand{display:none;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .method_wrap .meth.view{}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .method_wrap .meth.view .hand{display:block;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .method_wrap.finish{animation:2s method_finish linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .end_purpose_end.finish{animation:2s end_finish linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .btn_join.finish{animation:2s join_finish linear forwards;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .road_wrap_cont{border-radius:100px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .road_wrap_cont.scroll{overflow:hidden;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .set_method{position:absolute;width:196px;height:102px;left:-7px;z-index:5;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .end_purpose_end{position:absolute;right:1px;top:3px;width:256px;height:102px;background-image:url('../images/event01/end_purpose.png');z-index:5;display:flex;justify-content:center;align-items:center;padding:35px 0 0 0;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .end_purpose_end.on{animation:2s bus_end_purpose_end 1 linear forwards;}


/* 종료 */

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper{position:relative;display:flex;align-items:center;width:100%;height:62px;margin:32px 0 0 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .character{position:absolute;left:-30px;bottom:0;width:334px;height:354px;background-image:url('../images/event01/char01.png');z-index:1;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .character.m01{left:0;bottom:45px;width:327px;height:276px;background-image:url('../images/event01/method01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .character.m02{left:0;bottom:50px;width:413px;height:321px;background-image:url('../images/event01/method02.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .character.m03{left:0;bottom:58px;width:337px;height:239px;background-image:url('../images/event01/method03.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .character.m04{left:0;bottom:58px;width:504px;height:257px;background-image:url('../images/event01/method04.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .character.m05{left:0;bottom:-5px;width:398px;height:289px;background-image:url('../images/event01/method05.png?V=1');}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont{position:relative;width:100%;height:96px;display:flex;align-items:center;justify-content:center;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont .road_wrap{position:relative;width:1290px;height:62px;background:#2624B5;border-radius:40px;z-index:2;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont .start{position:absolute;left:0;z-index:5;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont .stat{width:240px;height:86px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont .stat.stat01{background-image:url('../images/event01/stat01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont .stat.stat02{background-image:url('../images/event01/stat02.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont .stat.stat03{background-image:url('../images/event01/stat03.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont .stat.stat04{background-image:url('../images/event01/stat04.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont .stat.stat05{background-image:url('../images/event01/stat05.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont .stat.stat06{background-image:url('../images/event01/stat06.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont .stat.stat07{background-image:url('../images/event01/stat07.png');}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont .method_wrap{position:absolute;width:100%;display:flex;justify-content:center;left:0;z-index:4;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont .meth{position:relative;width:196px;height:102px;cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont .meth.disabled{cursor:unset;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont .method01{background-image:url('../images/event01/m_01_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont .method02{background-image:url('../images/event01/m_02_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont .method03{background-image:url('../images/event01/m_03_on.png');}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont .method01.on{background-image:url('../images/event01/m_01_on2.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont .method02.on{background-image:url('../images/event01/m_02_on2.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont .method03.on{background-image:url('../images/event01/m_03_on2.png');}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont .method01.disabled{background-image:url('../images/event01/m_01.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont .method02.disabled{background-image:url('../images/event01/m_02.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont .method03.disabled{background-image:url('../images/event01/m_03.png');}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09  .road_wrapper .road_wrap_cont .method_wrap{left:-360px;}


section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont .end{position:absolute;right:-2px;z-index:5;width:256px;height:102px;background-image:url('../images/event01/end_cover.png');background-position:0px center;background-repeat:no-repeat;font-size:32px;font-weight:900;color:#FFFFFF;display:flex;justify-content:center;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont .btn_join{position:absolute;width:300px;height:86px;background-image:url('../images/event01/btn_join.png?v=1');z-index:5;right:-500px;cursor:pointer;}


section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step10{display:flex;width:100%;flex-direction:column;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step10 .txt_wrap{height:128px;display:flex;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step10 .arrived_station{font-size:40px;font-weight:400;font-family:'SchoolSafetyNotification';}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step10 .cont{width:100%;height:434px;background:#FFFFFF;border-radius:40px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:40px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step10 .cont .ttl{display:flex;flex-direction:column;align-items:center;gap:20px 0;padding:0 100px;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step10 .cont .ttl .info{color:#2624B5;font-size:48px;font-weight:700;font-family:'SchoolSafetyChalkboardEraser';letter-spacing:-1px;text-align:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step10 .cont .ttl .guide{font-size:32px;color:#555555;}


section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step10 .btn_join{right:-2px !important;cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step10 .road_wrap_cont{border-radius:100px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step10 .end_purpose_end{position:absolute;left:0;top:3px;width:256px;height:102px;background-image:url('../images/event01/end_purpose.png');z-index:5;display:flex;justify-content:center;align-items:center;padding:35px 0 0 0;box-sizing:border-box;}




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

/* 이벤트 01 */
/* 이벤트 02 */
section.event02 {position: relative;width: 100%;height: 1793px;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_cont_wrap{position:relative;width:1490px;height:740px;margin:70px auto 0 auto;display:flex;justify-content:center;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap{display:flex;justify-content:center;gap:0 90px;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .ettl{display:flex;justify-content:center;margin-bottom:10px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step{position:absolute;transition:.5s;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step.show{opacity:1;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer{position:relative;width:512px;height:588px;cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer .hand{right:150px;bottom:250px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q01_1{background-image:url('../images/event02/quest/q01_1.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q01_2{background-image:url('../images/event02/quest/q01_2.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q02_1{background-image:url('../images/event02/quest/q04_1.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q02_2{background-image:url('../images/event02/quest/q04_2.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q03_1{background-image:url('../images/event02/quest/q02_1.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q03_2{background-image:url('../images/event02/quest/q02_2.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q04_1{background-image:url('../images/event02/quest/q03_1.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q04_2{background-image:url('../images/event02/quest/q03_2.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q05_1{background-image:url('../images/event02/quest/q05_1.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q05_2{background-image:url('../images/event02/quest/q05_2.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q01_1.on{background-image:url('../images/event02/quest/q01_1_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q01_2.on{background-image:url('../images/event02/quest/q01_2_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q02_1.on{background-image:url('../images/event02/quest/q04_1_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q02_2.on{background-image:url('../images/event02/quest/q04_2_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q03_1.on{background-image:url('../images/event02/quest/q02_1_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q03_2.on{background-image:url('../images/event02/quest/q02_2_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q04_1.on{background-image:url('../images/event02/quest/q03_1_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q04_2.on{background-image:url('../images/event02/quest/q03_2_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q05_1.on{background-image:url('../images/event02/quest/q05_1_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q05_2.on{background-image:url('../images/event02/quest/q05_2_on.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q01_1:hover{background-image:url('../images/event02/quest/q01_1_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q01_2:hover{background-image:url('../images/event02/quest/q01_2_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q02_1:hover{background-image:url('../images/event02/quest/q04_1_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q02_2:hover{background-image:url('../images/event02/quest/q04_2_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q03_1:hover{background-image:url('../images/event02/quest/q02_1_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q03_2:hover{background-image:url('../images/event02/quest/q02_2_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q04_1:hover{background-image:url('../images/event02/quest/q03_1_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q04_2:hover{background-image:url('../images/event02/quest/q03_2_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q05_1:hover{background-image:url('../images/event02/quest/q05_1_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q05_2:hover{background-image:url('../images/event02/quest/q05_2_on.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer.q05_2:hover{background-image:url('../images/event02/quest/q05_2_on.png');}


section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .sel_box_left{position:absolute;left:0;top:186px;display:flex;flex-direction:column;gap:10px 0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .sel_box_right{position:absolute;right:0;top:186px;display:flex;flex-direction:column;gap:10px 0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .sel_box{position:relative;width:193px;height:221px;background-image:url('../images/event02/bg_preview.png');cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .sel_box.s01{background-image:url('../images/event02/bg_preview01.png');cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .sel_box.s02{background-image:url('../images/event02/bg_preview02.png');cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .sel_box.s03{background-image:url('../images/event02/bg_preview03.png');cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .sel_box.s04{background-image:url('../images/event02/bg_preview04.png');cursor:pointer;}


section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .sel_box.sel1_A{background-image:url('../images/event02/quest/sel01_1.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .sel_box.sel1_B{background-image:url('../images/event02/quest/sel01_2.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .sel_box.sel2_A{background-image:url('../images/event02/quest/sel04_1.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .sel_box.sel2_B{background-image:url('../images/event02/quest/sel04_2.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .sel_box.sel3_A{background-image:url('../images/event02/quest/sel02_1.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .sel_box.sel3_B{background-image:url('../images/event02/quest/sel02_2.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .sel_box.sel4_A{background-image:url('../images/event02/quest/sel03_1.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .sel_box.sel4_B{background-image:url('../images/event02/quest/sel03_2.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .sel_box.sel5_A{background-image:url('../images/event02/quest/sel05_1.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .sel_box.sel5_B{background-image:url('../images/event02/quest/sel05_2.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .vs{position:absolute;left:610px;top:320px;background-image:url('../images/event02/vs.png');width:245px;height:175px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .boat{position:absolute;left:500px;bottom:-24px;background-image:url('../images/event02/bus.png');width:322px;height:157px;background-size:cover;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .boat.left{animation:1s boat_move_left 1 linear forwards;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .boat.right{animation:1s boat_move_right 1 linear forwards;transform:rotateY(180deg);background-image:url('../images/event02/bus02.png');transform:rotateY(0deg)}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .boat.auto{animation:14s boat_move_auto infinite linear forwards;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .boat.dir{background-image:url('../images/event02/bus02.png');}



section.event02 .contents_wrapper .water{position:absolute;left:0;bottom:0;background-image:url('../images/event02/water.png');width:100%;height:245px;animation:20s water_flow linear infinite;}

.hidden {opacity:0;}

section.event02 .contents_wrapper > .join_wrapper {position: absolute;width: 1000px;height: 100px;background:#FFFFFF;bottom:80px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;border-radius:16px;z-index:6;}
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: #2624B5;font-weight: 800;font-size: 40px;line-height: 0.7;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 800;padding: 0 7px 0 12px;font-size: 32px;color: #000000;}

section.event02 .pop_evt{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:200;}
section.event02 .pop_evt .pop_cont_wrapper{position:relative;width:800px;height:700px;background:#FFE2F0;border-radius:40px;padding:40px 40px;box-sizing:border-box;margin:2% 0 0 0;cursor:pointer;}
section.event02 .pop_evt .pop_cont_wrapper .pop_cont{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;}
section.event02 .pop_evt .pop_cont_wrapper .close{position:absolute;right:20px;top:20px;width:64px;height:64px;cursor:pointer;background-image:url('../images/event02/btn_close.png');cursor:pointer;z-index:3;}
section.event02 .pop_evt .pop_cont_wrapper .pop_cont .title{color:#CE4D96;font-family:'SchoolSafetyNotification';font-weight:700;font-size:48px;margin:8px 0 40px 0;}
section.event02 .pop_evt .pop_cont_wrapper .pop_cont .exp{color:#CE4D96;font-family:'Pretendard';font-size:28px;color:#555555;text-align:center;margin:40px 0 0 0;line-height:1.5;}
section.event02 .pop_evt .pop_cont_wrapper .btn_wrap{position:relative;width:100%;top:60px;display:flex;justify-content:center;}
section.event02 .pop_evt .pop_cont_wrapper .btn_wrap .btn_join{position:relative;width:300px;height:86px;background-image:url('../images/event02/btn_join.png');cursor:pointer;}

section.event02 .pop_evt_join{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.7);left:0;top:0;z-index:60;display:flex;justify-content:center;align-items:center;}
section.event02 .pop_evt_join .cont{position:relative;width:680px;display:flex;flex-direction:column;gap:20px 0;align-items:center;}
section.event02 .pop_evt_join .cont .pic{}
section.event02 .pop_evt_join .cont .btn_result{position:relative;width:304px;height:90px;background-image:url('../images/event02/btn_result.png');cursor:pointer;}
/* 이벤트 02 */

/* 이벤트 03 */
section.event03 {position: relative;width: 100%;height: 1793px;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: 80px 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_cont_wrap{position:relative;width:1440px;height:740px;margin:80px 0 0 0;display:flex;justify-content:center;align-items:center;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01{position:relative;display:flex;flex-direction:column;align-items:center;gap:40px 0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .btn_start{position:relative;width:301px;height:86px;background-image:url('../images/event03/btn_start.png?v=1');cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .star01{position:absolute;bottom:190px;right:-40px;width:43px;height:60px;background-image:url('../images/event03/star01.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .star02{position:absolute;top:-100px;left:-80px;width:75px;height:101px;background-image:url('../images/event03/star02.png');}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02{position:relative;display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:start;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:60px 50px;width:1061px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper.one{justify-content:center;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper.two{justify-content:center;top:-50px;left:20px;width:1200px;gap:60px 50px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest{position:relative;cursor:pointer;width:196px;height:246px;transition:.3s all;transform:rotate(-12deg);background-position:center top;background-repeat:no-repeat;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q01{background-image:url('../images/event03/quiz/q04.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q02{background-image:url('../images/event03/quiz/q02.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q03{background-image:url('../images/event03/quiz/q09.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q04{background-image:url('../images/event03/quiz/q03.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q05{background-image:url('../images/event03/quiz/q07.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q06{background-image:url('../images/event03/quiz/q05.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q07{background-image:url('../images/event03/quiz/q06.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q08{background-image:url('../images/event03/quiz/q08.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q09{background-image:url('../images/event03/quiz/q01.png?v=1.0');}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q01.on{background-image:url('../images/event03/quiz/q04_on.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q02.on{background-image:url('../images/event03/quiz/q02_on.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q03.on{background-image:url('../images/event03/quiz/q09_on.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q04.on{background-image:url('../images/event03/quiz/q03_on.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q05.on{background-image:url('../images/event03/quiz/q07_on.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q06.on{background-image:url('../images/event03/quiz/q05_on.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q07.on{background-image:url('../images/event03/quiz/q06_on.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q08.on{;background-image:url('../images/event03/quiz/q08_on.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q09.on{;background-image:url('../images/event03/quiz/q01_on.png?v=1.0');}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q01:hover{background-image:url('../images/event03/quiz/q04_on.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q02:hover{background-image:url('../images/event03/quiz/q02_on.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q03:hover{background-image:url('../images/event03/quiz/q09_on.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q04:hover{background-image:url('../images/event03/quiz/q03_on.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q05:hover{background-image:url('../images/event03/quiz/q07_on.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q06:hover{background-image:url('../images/event03/quiz/q05_on.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q07:hover{background-image:url('../images/event03/quiz/q06_on.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q08:hover{;background-image:url('../images/event03/quiz/q08_on.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.q09:hover{;background-image:url('../images/event03/quiz/q01_on.png?v=1.0');}



section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest:before{position:absolute;left:-15px;top:45px;width:64px;height:64px;border-radius:50%;background:#FF4049;display:flex;justify-content:center;align-items:center;font-size:40px;font-weight:800;color:#FFFFFF;font-family:'Pretendard';transform:rotate(12deg)}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.no1:before{content:'1';}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.no2:before{content:'2';}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.no3:before{content:'3';}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.no4:before{content:'4';}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.no5:before{content:'5';}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.no6:before{content:'6';}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.no7:before{content:'7';}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.no8:before{content:'8';}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper .quest.no9:before{content:'9';}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_quiz_wrapper{position:absolute;width:100%;bottom:0;left:0;display:flex;justify-content:center;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_quiz_wrapper .btn_quiz{position:relative;width:300px;height:86px;background-image:url('../images/event03/btn_quiz.png');cursor:pointer;transition:.3s all;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_quiz_wrapper .btn_quiz .hand{display:none;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_quiz_wrapper .btn_quiz.on{background-image:url('../images/event03/btn_quiz_on.png?v=1');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btn_quiz_wrapper .btn_quiz.on .hand{display:block;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .keyword_wrap {position:relative;width:1300px;height:159px;background:#FFFFFF;border-radius:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px 0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .keyword_wrap .sttl {font-family:'Pretendard';display:flex;align-items:center;line-height:1;gap:0 5px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .keyword_wrap .sttl .ttl{color:#007ED8;font-size:40px;font-weight:700;font-family:'SchoolSafetyNotification'}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .keyword_wrap .sttl .cur{color:#007ED8;font-size:48px;font-weight:900;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .keyword_wrap .sttl .div{color:#222222;font-size:32px;font-weight:400;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .keyword_wrap .sttl .tot{color:#222222;font-size:40px;font-weight:500;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .keyword_wrap .keyword_list{display:flex;justify-content:center;gap:0 8px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .keyword_wrap .keyword{display:flex;align-items:center;height:58px;border-radius:47.54px;background:#E6F2FF;font-size:21px;color:#555555;font-family:'SchoolSafetyNotification';padding:0 30px;cursor:pointer;transition:.3s all;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .keyword_wrap .keyword.on{background:#007ED8;color:#FFFFFF;font-weight:700;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .quest_content {width:1300px;height:566px;background:#FFFFFF;border-radius:40px;margin:20px 0 0 0;padding:40px 0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-between;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .quest_content .quest{font-family:'Pretendard';font-weight:700;font-size:48px;color:#222222;text-align:center;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .quest_content .quest span{font-family:'SchoolSafetyNotification';font-weight:700;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .quest_content .answer_wrap{position:relative;display:flex;justify-content:center;gap:0 135px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .quest_content .answer_wrap .answer{width:329px;height:330px;cursor:pointer;transition:.5s all;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .quest_content .answer_wrap .answer.o{background-image:url('../images/event03/quiz/icon_o.png?v=1');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .quest_content .answer_wrap .answer.x{background-image:url('../images/event03/quiz/icon_x.png?v=1');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .quest_content .answer_wrap .answer.o.on{background-image:url('../images/event03/quiz/icon_o_on.png?v=1');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .quest_content .answer_wrap .answer.x.on{background-image:url('../images/event03/quiz/icon_x_on.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .quest_content .answer_wrap .answer.o:hover{background-image:url('../images/event03/quiz/icon_o_on.png?v=1');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .quest_content .answer_wrap .answer.x:hover{background-image:url('../images/event03/quiz/icon_x_on.png?v=1.0');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .quest_content .answer_wrap .char01{position:absolute;left:-147px;bottom:0;width:216px;height:282px;background-image:url('../images/event03/char01.png');z-index:5;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .quest_content .answer_wrap .char02{position:absolute;right:-140px;bottom:0;width:196px;height:281px;background-image:url('../images/event03/char02.png');z-index:5;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .result_content {width:1300px;height:566px;background:#FFFFFF;border-radius:40px;margin:20px 0 0 0;padding:20px 0 0 0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:20px 0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .result_content .r_box{display:flex;align-items:center;font-size:48px;color:#222222;font-family:'SchoolSafetyNotification';gap:0 80px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .result_content .r_box .r_info{display:flex;align-items:center;gap:0 8px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .result_content .r_box .r_info .r_o{background-image:url('../images/event03/quiz/icon_o_on.png?V=1');width:80px;height:80px;background-size:100%;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .result_content .r_box .r_info .r_x{background-image:url('../images/event03/quiz/icon_x_on.png?V=1');width:80px;height:80px;background-size:100%;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .result_content .r_box .r_txt{font-size:64px;font-weight:700;color:#007ED8;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .result_content .r_box .r_txt.right{color:#007ED8;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .result_content .r_box .r_txt.wrong{color:#FF4049;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .result_content .r_result {position:relative;width:1220px;height:310px;background:#E6F2FF;border-radius:20px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .result_content .btn_retry{position:relative;width:300px;height:86px;background-image:url('../images/event03/btn_retry.png');cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .result_content .btn_next{position:relative;width:300px;height:86px;background-image:url('../images/event03/btn_next.png');cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .result_content .btn_join{position:relative;width:300px;height:86px;background-image:url('../images/event03/btn_join.png');cursor:pointer;}



section.event03 .contents_wrapper > .join_wrapper {position: absolute;width: 1000px;height: 100px;background:#FFFFFF;bottom:120px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;border-radius:16px;}
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: #FF4640;font-weight: 800;font-size: 40px;line-height: 0.7;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 800;padding: 0 7px 0 12px;font-size: 32px;color: #000000;}
/* 이벤트 03 */

/* 이벤트 04 */
section.event04 {position: relative;width: 100%;height: 1833px;}
section.event04 .contents_wrapper {width: 100%;height: 1833px;}
section.event04 .contents_wrapper .evt04_content_wrapper{display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;background-image: url('../images/event04/bg.jpg?v=2');}
section.event04 .contents_wrapper .evt04_content_wrapper.type01{position:relative;z-index:2;transform:translate3d(0px, 0px, 0px);}
section.event04 .contents_wrapper .evt04_content_wrapper.type01.over{background-image: url('../images/event04/bg02.jpg?v=2.0');}
section.event04 .contents_wrapper .evt04_content_wrapper.type01.on{animation:1s page_out 1 linear forwards;transform-origin:0 0;}
section.event04 .contents_wrapper .evt04_content_wrapper.type02{position:absolute;left:0;top:0;height:100%;background-image: url('../images/event04/bg_cover.png?v=1');z-index:1;}
section.event04 .contents_wrapper .evt04_content_wrapper.type02.on{z-index:5;}

section.event04 .contents_wrapper .evt04_content_wrapper .evt04_content{display: flex;flex-direction: column;width: 100%;background-position: center top;align-items: center;padding: 120px 0 0 0;}
section.event04 .contents_wrapper .schedule_wrap {display: flex;margin: 40px 0 0 0;width: 1300px;justify-content: space-between;z-index: 2;}
section.event04 .contents_wrapper .event_cont_wrapper {position:relative;width:100%;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width:100%;height:740px;margin:80px 0 0 0;display:flex;flex-direction:column;justify-content:start;align-items:center;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01{position:relative;1300px;height:740px;display:flex;justify-content:center;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .word{position:absolute;right:-207px;bottom:99px;width:379px;height:278px;background-image:url('../images/event04/word.png');}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .word::before{position:absolute;content:'';left:-147px;bottom:-210px;width:231px;height:201px;background-image:url('../images/event04/char01.png');}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .word .hand{right:590px;bottom:-120px;cursor:pointer;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .boat_wrap{position:absolute;width:100%;height:0;bottom:733px;display:flex;justify-content:center;z-index:7}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .boat_wrap .boat{position:relative;width:1400px;height:840px;bottom:0;cursor:pointer;}

section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 {display:flex;width:100%;height:740px;flex-direction:column;align-items:center;gap:40px 0;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .top_card_wrapper{display:flex;gap:0 20px;width:1300px;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .top_card_wrapper .card{position:relative;width:428px;height:330px;border:12px solid #FFFFFF;border-radius:138.75px;background-position:center;background-repeat:no-repeat;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .top_card_wrapper .card.set{cursor:pointer;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .top_card_wrapper .card:before{position:absolute;left:46px;top:0;content:'';width:290px;height:73px;background-image:url('../images/event04/b_title.png');display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:500;color:#555555;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .top_card_wrapper .card:after{position:absolute;left:-15px;top:-40px;content:'';width:153px;height:152px;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .top_card_wrapper .card.top1{background-image:url('../images/event04/pic01.png');}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .top_card_wrapper .card.top2{background-image:url('../images/event04/pic02.png');}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .top_card_wrapper .card.top3{background-image:url('../images/event04/pic03.png');}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .top_card_wrapper .card.top1:after{background-image:url('../images/event04/prize_01.png');}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .top_card_wrapper .card.top2:after{background-image:url('../images/event04/prize_02.png');}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .top_card_wrapper .card.top3:after{background-image:url('../images/event04/prize_03.png');}

section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .top_card_wrapper .card .title{position:relative;z-index:5;height:50px;display:flex;justify-content:center;align-items:center;width:220px;margin:0 auto;text-align:center;left:20px;font-size:18px;font-family:'SchoolSafetyNotification';font-weight:400;}

section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .card_wrapper_list{position:relative;width:100%;height:250px;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .card_wrapper_list .cardSwiper .hand{right:760px;bottom:0px;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .card_wrapper_list .cardSwiper .swiper-slide{position:relative;width:262px;height:235px;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .card_wrapper_list .cardSwiper .swiper-slide .cd{cursor:pointer;width:100%;border-radius:20px;overflow:hidden;}

section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .card_wrapper_list .cardSwiper .swiper-slide .pic{position:relative;width:100%;height:150px;background-position:center top;background-size:cover;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .card_wrapper_list .cardSwiper .swiper-slide .ttl{position:relative;width:100%;height:85px;font-size:23px;color:#007ED8;background:#FFFFFF;display:flex;align-items:center;justify-content:center;font-family:'SchoolSafetyNotification';font-weight:700;}


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

section.event04 .pop_evt_join{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.7);left:0;top:0;z-index:60;display:flex;justify-content:center;align-items:center;}
section.event04 .pop_evt_join .btn_join{position:relative;width:455px;height:138px;background-image:url('../images/event04/btn_join.png');cursor:pointer;}
/* 이벤트 04 */

/* 뷰포인트 */
section.viewpoint {position: relative;width: 100%;height: 1176px;background-image:url('../images/viewpoint/bg.jpg');}
section.viewpoint .contents_wrap {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;justify-content: start;padding:120px 0 0 0;box-sizing:border-box;gap:40px 0;}
section.viewpoint .contents_wrap .title {}
section.viewpoint .contents_wrap .place_wrap {position:relative;width:1547px;height:758px;}
section.viewpoint .contents_wrap .place_wrap .place{position:absolute;width:212px;height:244px;transition:.5s all;cursor:pointer;}
section.viewpoint .contents_wrap .place_wrap .place:hover{transform:scale(1.1);}
section.viewpoint .contents_wrap .place_wrap .place.p01{left:-20px;top:334px;background-image:url('../images/viewpoint/point01.png');}
section.viewpoint .contents_wrap .place_wrap .place.p02{left:208px;bottom:39px;background-image:url('../images/viewpoint/point02.png');}
section.viewpoint .contents_wrap .place_wrap .place.p03{left:391px;top:0;background-image:url('../images/viewpoint/point03.png');}
section.viewpoint .contents_wrap .place_wrap .place.p04{left:587px;top:374px;background-image:url('../images/viewpoint/point04.png');}
section.viewpoint .contents_wrap .place_wrap .place.p05{right:308px;top:55px;background-image:url('../images/viewpoint/point05.png');}
section.viewpoint .contents_wrap .place_wrap .place.p06{right:156px;bottom:31px;background-image:url('../images/viewpoint/point06.png');}
section.viewpoint .contents_wrap .place_wrap .place.p07{right:65px;top:0;background-image:url('../images/viewpoint/point07.png');}
section.viewpoint .pop_evt{position:fixed;left:0;top:0;width:100%;height:100%;z-index:200;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:start;}
section.viewpoint .pop_evt .pop_cont_wrapper{position:relative;width:652px;height:700px;background:#FFFFFF;border-radius:16px;top:2%;}
section.viewpoint .pop_evt .pop_cont_wrapper .close{position:absolute;width:60px;height:60px;background-image:url('../images/viewpoint/btn_close.png');right:-70px;cursor:pointer;}
section.viewpoint .pop_evt .pop_cont_wrapper .pop_cont{position:relative;display:flex;flex-direction:column;align-items:center;padding:16px 0;box-sizing:border-box;gap:10px 0;}
section.viewpoint .pop_evt .pop_cont_wrapper .pop_cont .pic{position:relative;width:620px;height:620px;border-radius:8px;overflow:hidden;}
section.viewpoint .pop_evt .pop_cont_wrapper .pop_cont .pic img{width:100%;height:100%;object-fit:cover;}
section.viewpoint .pop_evt .pop_cont_wrapper .pop_cont .pic.p01 {background-image:url('../images/viewpoint/pop_pic.png');}
section.viewpoint .pop_evt .pop_cont_wrapper .pop_cont .pic.p02 {background-image:url('../images/viewpoint/pop_pic.png');}
section.viewpoint .pop_evt .pop_cont_wrapper .pop_cont .pic.p03 {background-image:url('../images/viewpoint/pop_pic.png');}
section.viewpoint .pop_evt .pop_cont_wrapper .pop_cont .pic.p04 {background-image:url('../images/viewpoint/pop_pic.png');}
section.viewpoint .pop_evt .pop_cont_wrapper .pop_cont .pic.p05 {background-image:url('../images/viewpoint/pop_pic.png');}
section.viewpoint .pop_evt .pop_cont_wrapper .pop_cont .pic.p06 {background-image:url('../images/viewpoint/pop_pic.png');}
section.viewpoint .pop_evt .pop_cont_wrapper .pop_cont .pic.p07 {background-image:url('../images/viewpoint/pop_pic.png');}

section.viewpoint .pop_evt .pop_cont_wrapper .pop_cont .title{font-size:32px;font-weight:500;color:#555555;}
section.viewpoint .pop_evt .pop_cont_wrapper .pop_cont .char{position:absolute;left:-139px;top:131px;width:948px;height:292px;background-image:url('../images/viewpoint/char.png');z-index:3;}
/* 뷰포인트 */


/* 숏츠 */
section.shorts {position: relative;width: 100%;height:1176px;background:#F6F6F6;}
section.shorts .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.shorts .contents_wrap .title {margin-bottom: 40px;}
section.shorts .contents_wrap .card_wrap {position:relative;width:1300px;;margin:0 auto;display:flex;justify-content:center;}
section.shorts .contents_wrap .card_wrap .shorts_wrap{position:relative;width:1131px;height:100%;border-radius:20px;overflow:hidden;display:flex;gap:0 20px;}
section.shorts .contents_wrap .card_wrap .shorts_wrap .shorts{position:relative;width:368px;height:748px;background:#FFFFFF;border-radius:20px;overflow:hidden;}
section.shorts .contents_wrap .card_wrap .shorts_wrap .shorts iframe{position:relative;width:368px;height:654px;}
section.shorts .contents_wrap .card_wrap .shorts_wrap .shorts .title{position:relative;width:100%;height:80px;padding:0 50px;color:#555555;font-size:20px;font-weight:400;display:flex;align-items:center;box-sizing:border-box;justify-content:center;}
/* 숏츠 */
/* 공모전 */
section.req {position: relative;width: 100%;height:880px;background-image:url('../images/req/bg.jpg');}
section.req .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.req .contents_wrap .title {margin-bottom: 148px;}
section.req .contents_wrap .btns_wrap {position:relative;width:1300px;;margin:0 auto;display:flex;justify-content:center;}
section.req .contents_wrap .btns_wrap .btn_go{position:relative;width:300px;height:92px;background-image:url('../images/req/btn_go.png');cursor:pointer;}
section.req .contents_wrap .btns_wrap .btn_go a{display:flex;width:100%;height:100%;}
section.req .contents_wrap .btns_wrap .btn_go a .hand{right:-40px;bottom:-40px;}
/* 공모전 */

/* 영상 */
section.movie {position: relative;width: 100%;height:1163px;background:#C5E1FF;}
section.movie .contents_wrap {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;justify-content: start;padding:120px 0 0 0;box-sizing:border-box;}
section.movie .contents_wrap .title {margin-bottom: 40px;}
section.movie .contents_wrap .movie_wrapper{width:1147px;height:640px;background-image:url('../images/movie/bg_movie.png');display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:20px 0;box-sizing:border-box;}
section.movie .contents_wrap .movie_wrapper .mwrap {width:1099px;height:708px;display:flex;flex-direction:column;gap:10px 0;}
section.movie .contents_wrap .movie_wrapper .mwrap iframe{width:100%;height:100%;border-radius:20px;overflow:hidden;}
section.movie .contents_wrap .movie_wrapper .mwrap .m_title_wrap{display:flex;justify-content:space-between;align-items:center;padding:0 8px;box-sizing:border-box;height:50px;}
section.movie .contents_wrap .movie_wrapper .mwrap .m_title_wrap .m_title.t01{background-image:url('../images/movie/m_title01.png');width:344px;height:28px;}
section.movie .contents_wrap .movie_wrapper .mwrap .m_title_wrap .m_title.t02{background-image:url('../images/movie/m_title02.png');width:249px;height:28px;}
section.movie .contents_wrap .movie_wrapper .mwrap .m_title_wrap .m_title.t03{background-image:url('../images/movie/m_title03.png');width:249px;height:28px;}

section.movie .contents_wrap .movie_wrapper .mwrap .m_title_wrap .m_btn{position:relative;}
section.movie .contents_wrap .movie_wrapper .mwrap .m_title_wrap .m_btn{width:250px;height:50px;background-image:url('../images/movie/btn.png');}
section.movie .contents_wrap .movie_wrapper .mwrap .m_title_wrap .m_btn a{display:block;width:100%;height:100%;}
section.movie .contents_wrap .movie_wrapper .mwrap .m_title_wrap .m_btn a .hand{right:-70px;}

section.movie .contents_wrap .pic_wrapper{display:flex;gap:0 20px;margin:10px 0 0 0;}
section.movie .contents_wrap .pic_wrapper .pic{position:relative;width:195px;height:110px;cursor:pointer;}
section.movie .contents_wrap .pic_wrapper .pic.p01{background-image:url('../images/movie/movie01.png');}
section.movie .contents_wrap .pic_wrapper .pic.p02{background-image:url('../images/movie/movie02.png');}
section.movie .contents_wrap .pic_wrapper .pic.p03{background-image:url('../images/movie/movie03.png');}
section.movie .contents_wrap .pic_wrapper .pic.p01.on{background-image:url('../images/movie/movie01_on.png');}
section.movie .contents_wrap .pic_wrapper .pic.p02.on{background-image:url('../images/movie/movie02_on.png');}
section.movie .contents_wrap .pic_wrapper .pic.p03.on{background-image:url('../images/movie/movie03_on.png');}
section.movie .contents_wrap .pic_wrapper .pic.p01:hover{background-image:url('../images/movie/movie01_on.png');}
section.movie .contents_wrap .pic_wrapper .pic.p02:hover{background-image:url('../images/movie/movie02_on.png');}
section.movie .contents_wrap .pic_wrapper .pic.p03:hover{background-image:url('../images/movie/movie03_on.png');}

/* 영상 */

/* 채널 친구 */
section.friends {position: relative;width: 100%;height:946px;background-image:url('../images/friends/bg.jpg');}
section.friends .contents_wrap {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;justify-content: start;padding:100px 0 0 0;box-sizing:border-box;}
section.friends .contents_wrap .title_wrap {display:flex;flex-direction:column;gap:40px 0;align-items:center;margin-left:-750px;}
section.friends .contents_wrap .title_wrap .title{}
section.friends .contents_wrap .title_wrap .btns{}
section.friends .contents_wrap .title_wrap .btns .btn_add{width:614px;height:140px;background-image:url('../images/friends/btn_add.png');cursor:pointer;}
section.friends .contents_wrap .title_wrap .btns .btn_add a{display:block;width:100%;height:100%;}
/* 채널 친구 */


/* SNS SHARE */
section.snsshare {position: relative;width: 100%;height: 421px;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: center;text-align: center;}
section.snsshare .contents_wrap > .title {margin-bottom:24px;}
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: 200px;
	bottom:30px;
    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;background:#12118F;display:none;
}


.navigator_wrapper .water{position: absolute;width: 100%;height:31px;left:0;bottom:110px;background-image:url('../images/visual/water.png');z-index:3;animation:60s water_flow linear infinite;}
.navigator_wrapper .bus{position: absolute;width: 267px;height:133px;bottom:125px;right:100px;background-image:url('../images/visual/boat.png');z-index:1;animation:25s boat linear infinite;}


.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: 30px;
}

.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: 20px;
}
.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(5) {
    margin-right: 32px;
}

.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;
	flex-direction:column;
    position: relative;
    width: 433px;
    height: 80px;
    line-height: 1.4;
    align-items: start;
    justify-content: center;
    text-align: left;
    padding-left: 20px;
    box-sizing: border-box;
	gap:5px 0;
}
.n_menu_list > .m_list div > span p.hd {
    font-size:19px;:
}

.n_menu_list > .m_list div > span a {
    display: block;
    font-size: 23px;
    color: #FFFFFF;
    font-weight: 500;
    letter-spacing: 0;
    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: #FF4049;
    color: #FFFFFF;
}

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

.pu_event_info.pop03 .btns a.bt_participate_done {
    background: #FF4049;
    color: #FFFFFF;
}

.pu_event_info.pop04 .btns a.bt_participate_done {
    background: #007ED8;
    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=3) no-repeat 0 0;
}


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

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

.pu_event_info.pop04 .checks input[type="checkbox"]:checked + label:after {
    background: url(../images/cb4_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;
}

.pu_event_done .product_wrapper{display:flex;position:absolute;left:10px;top:184px;gap:0 9px;}
.pu_event_done .product_wrapper .product{position:relative;width:214px;height:165px;border:5px solid #FFFFFF;border-radius:60px;background-position:center;background-repeat:no-repeat;}
.pu_event_done .product_wrapper .product:after{position:absolute;left:0;top:-20px;width:62px;height:62px;background-size:100%;background-repeat:no-repeat;content:'';z-index:10}
.pu_event_done .product_wrapper .product.top1:after{background-image:url('../images/event04/prize_01.png');}
.pu_event_done .product_wrapper .product.top2:after{background-image:url('../images/event04/prize_02.png');}
.pu_event_done .product_wrapper .product.top3:after{background-image:url('../images/event04/prize_03.png');}

.pu_event_done .product_wrapper .product .title{position:relative;z-index:5;height:30px;display:flex;justify-content:center;align-items:center;width:120px;margin:0 auto;text-align:center;left:0px;font-size:10px;font-family:'SchoolSafetyNotification';font-weight:400;background:#FFFFFF;border-bottom-left-radius:18px;border-bottom-right-radius:18px;}

.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
}