@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;
	background-color: #FFFFFF; 
}
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:720px;margin:0 auto;padding-bottom:110px;position:relative;overflow:hidden;}

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

/* 상단 */
.htmlWrapper section.top_wrapper {position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:70px;box-sizing:border-box;z-index:10;background:#FFFFFF;font-size:18px;font-family:'Pretendard';overflow:visible;padding:0 0 20px 0;}
.htmlWrapper section.top_wrapper > .hx_top{position:relative;height:100%;display:flex;justify-content:center;align-items:end;gap:5px 0;color:#888888;}
.htmlWrapper section.top_wrapper > .hx_top .l_wrap{display:flex;align-items:center;gap:0 5px;}
.htmlWrapper section.top_wrapper > .hx_top span.first{position:relative;margin-right:5px;}

.htmlWrapper section.top_wrapper > .hx_top i{margin-right:10px;}
.htmlWrapper section.top_wrapper > .hx_top .hx_txt{position:absolute;top:0;}
.htmlWrapper section.top_wrapper > .hx_top b{font-size:22px;color:#222222;}



/* Visual */

/* Visual */
.htmlWrapper section.visual_wrapper {position: relative;width: 100%;height: 405px;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;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:0;width: 275px;height:200px;background-image:url('../images/visual/character.png');z-index:2;}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt{position:absolute;top:40px;z-index:4;}
.htmlWrapper section.visual_wrapper .contents_wrap .cover{position:absolute;top:120px;z-index:1;width:100%;height:100%;left:0;top:0;}
/* Visual */


/* 한강버스 */
section.bus {position: relative;width: 100%;height: 1393px;background:#C5E1FF;}
section.bus .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;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:680px;justify-content:space-between;}
section.bus .contents_wrap .data_wrap .tabs .tab{position:relative;width:216px;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:2783px;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;flex-direction:column;margin: 80px 0 0 0;width: 100%;align-items:center;justify-content:center;z-index: 2;gap:40px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width: 680px;height:1039px;display:flex;flex-direction:column;align-items:center;margin:80px 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:150px;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:340px;height:104px;background-image:url('../images/event01/pos_start.png?v=1');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .station_wrap .end_station{width:340px;height:104px;background-image:url('../images/event01/pos_end.png?v=1');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .station_wrap .line{width:56px;height:4px;background-image:url('../images/event01/line.png?v=1');}

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:712px;height:712px;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:152px;justify-content:center;align-items:center;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .map_wrapper{position:relative;width:712px;height:712px;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:54px;height:54px;border-radius:50%;cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .map_wrapper .pos .hand{right:-60px;bottom:-70px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .map_wrapper .pos.p01{left:77px;top:263px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .map_wrapper .pos.p02{left:132px;top:316px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .map_wrapper .pos.p03{left:200px;top:352px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .map_wrapper .pos.p04{left:316px;top:352px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .map_wrapper .pos.p05{left:413px;top:288px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .map_wrapper .pos.p06{left:540px;top:285px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .map_wrapper .pos.p07{left:624px;top:325px;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .map_wrapper .pos.on{background-image:url('../images/event01/icon_start.png?v=1');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?v=1');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;margin:45px 0 0 0;}
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:132px;display:flex;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .cont{width:100%;height:680px;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 0px;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:132px;display:flex;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step04 .cont{width:100%;height:680px;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 0px;box-sizing:border-box;height:480px;justify-content:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step04 .cont .ttl .info{color:#2624B5;font-size:40px;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:-206px !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:132px;display:flex;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .cont{width:100%;height:680px;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 0px;box-sizing:border-box;height:480px;justify-content:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .cont .ttl .info{color:#2624B5;font-size:40px;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:96px;height:96px;left:-7px;z-index:5;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step05 .purpose{position:absolute;left:513px;z-index:5;width:160px;height:70px;background-image:url('../images/event01/end_cover.png?v=1');background-repeat:no-repeat;font-size:24px;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?v=1');width:176px;height:86px;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:160px;height:70px;background-image:url('../images/event01/end_purpose_n.png?V=1');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:24px;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:132px;display:flex;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step06 .cont{width:100%;height:680px;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:480px;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:0;z-index:5;width:160px;height:70px;background-image:url('../images/event01/end_cover.png?v=1');background-repeat:no-repeat;font-size:24px;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?V=1.0');width:176px;height:86px;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:250px;top:-13px;display:flex;justify-content:center;align-items:center;background-image:url('../images/event01/icon_bus.png?V=1');width:176px;height:86px;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:0;width:160px;height:70px;background-image:url('../images/event01/end_purpose_n.png?v=1');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:24px;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:132px;display:flex;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .cont{width:100%;height:680px;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 .step07 .cont.ticket{}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .cont.ticket .ticket_wrapper{display:flex;height:480px;align-items:end;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .cont.ticket .ticket_wrapper .ticket_list{display:flex;gap:16px 0;flex-direction:column;align-items:center;}
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_wrap{position:relative;display:flex;justify-content:center;gap:0 16px;}
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:230px;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:230px;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:230px;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:250px;top:-13px;display:flex;justify-content:center;align-items:center;background-image:url('../images/event01/icon_bus.png?V=1');width:176px;height:86px;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:0;width:160px;height:70px;background-image:url('../images/event01/end_cover.png?V=2');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:24px;font-weight:900;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step07 .end_purpose{position:absolute;right:0;width:160px;height:70px;background-image:url('../images/event01/end_purpose_n.png?V=1');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:24px;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:132px;display:flex;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .cont{width:100%;height:680px;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:250px;top:-13px;display:flex;justify-content:center;align-items:center;background-image:url('../images/event01/icon_bus.png?V=1');width:176px;height:86px;text-indent:-9999px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .txt_bus.on{animation:3s bus_move3 1 linear forwards;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .bus_in{position:absolute;left:0;width:160px;height:70px;background-image:url('../images/event01/end_cover.png?v=1');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 .bus_in.on{animation:1s method_move 1 linear forwards;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .bus_in span{color:#FFFFFF;font-size:24px;font-weight:900;}
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:0;width:160px;height:70px;background-image:url('../images/event01/end_purpose_n.png?v=1');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:24px;font-weight:900;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step08 .end_purpose.on{animation:4s 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.arrived{background-image:url('../images/event01/end_purpose.png');padding:30px 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_end{position:absolute;right:0;top:14px;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:4s 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:132px;display:flex;align-items:center;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .cont{width:100%;height:680px;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 0;box-sizing:border-box;height:480px;justify-content:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step09 .cont .ttl .info{color:#2624B5;font-size:40px;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:0;top:14px;width:160px;height:70px;background-image:url('../images/event01/end_purpose.png?v=1');z-index:5;display:flex;justify-content:center;align-items:center;padding:30px 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:23px 0 0 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .character{position:absolute;left:-30px;bottom:0;width:238px;height:252px;background-image:url('../images/event01/char01.png?V=1');z-index:1;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .character.m01{left:0;bottom:45px;width:262px;height:220px;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:286px;height:224px;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:202px;height:143px;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:680px;height:56px;background:#2624B5;border-radius:30px;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:160px;height:70px;}
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:96px;height:96px;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?v=1');}
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?v=1');}
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:-205px;}


section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .road_wrapper .road_wrap_cont .end{position:absolute;right:0;z-index:5;width:160px;height:70px;background-image:url('../images/event01/end_cover.png?v=1');background-repeat:no-repeat;font-size:24px;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:70px;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:132px; position:relative; top:22px;}
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:680px;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 0;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:14px;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:360px;width: 680px;height: 136px;background:#FFFFFF;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;flex-direction:column;display: flex;justify-content: center;align-items: center;gap:5px 0;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .j_wrap{display:flex;}
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: 2387px;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;justify-content:center;}
section.event02 .contents_wrapper .schedule_wrap {display: flex;margin: 80px 0 0 0;flex-direction:column;width: 100%;align-items:center;justify-content: center;z-index: 2;gap:40px 0;}
section.event02 .contents_wrapper .event_cont_wrapper {position:relative;z-index:5;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width:680px;height:913px;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:space-between;gap:0 0;}

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:340px;height:518px;cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .answer_wrap .answer .hand{right:90px;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 .vs{position:absolute;left:260px;top:320px;background-image:url('../images/event02/vs.png');width:146px;height:104px;}



section.event02 .contents_wrapper .water{position:absolute;left:0;bottom:0;background-image:url('../images/event02/water.png');width:720px;height:522px;animation:20s water_flow linear infinite;z-index:8;}
section.event02 .contents_wrapper .boat{position:absolute;left:0;bottom:508px;background-image:url('../images/event02/bus.png');width:259px;height:129px;background-size:cover;z-index:7;}
section.event02 .contents_wrapper .boat.left{animation:1s boat_move_left 1 linear forwards;}
section.event02 .contents_wrapper .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 .boat.auto{animation:14s boat_move_auto infinite linear forwards;}
section.event02 .contents_wrapper .boat.dir{background-image:url('../images/event02/bus02.png');}


section.event02 .contents_wrapper .sel_box_left{position:absolute;width:680px;left:20px;top:1960px;display:flex;z-index:8;flex-direction:row;justify-content:space-between;}
section.event02 .contents_wrapper .sel_box{position:relative;width:168px;height:168px;background-image:url('../images/event02/bg_preview.png');cursor:pointer;}
section.event02 .contents_wrapper .sel_box.s01{background-image:url('../images/event02/bg_preview01.png');cursor:pointer;}
section.event02 .contents_wrapper .sel_box.s02{background-image:url('../images/event02/bg_preview02.png');cursor:pointer;}
section.event02 .contents_wrapper .sel_box.s03{background-image:url('../images/event02/bg_preview03.png');cursor:pointer;}
section.event02 .contents_wrapper .sel_box.s04{background-image:url('../images/event02/bg_preview04.png');cursor:pointer;}

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

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

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

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

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



.hidden {opacity:0;}

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


section.event02 .contents_wrapper > .join_wrapper {position: absolute;width: 680px;height: 136px;background:#FFFFFF;bottom:80px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;border-radius:16px;z-index:10;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;flex-direction:column;justify-content: center;align-items: center;gap:5px 0;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap .j_wrap{position: relative;display: flex;}
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;}

/* 이벤트 02 */


/* 이벤트 03 */
section.event03 {position: relative;width: 100%;height: 2386px;background-image: url('../images/event03/bg.jpg?v=1');}
section.event03 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding:120px 0 0 0;}
section.event03 .contents_wrapper > div {display: flex;flex-direction: column;width: 100%;background-position: center top;align-items: center;}
section.event03 .contents_wrapper .schedule_wrap {display: flex;flex-direction:column;margin:80px 0 0 0;width: 1440px;align-items:center;justify-content: center;z-index: 2;gap:40px 0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width:680px;height:815px;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;margin:180px 0 0 0;z-index:5;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01::before{position:absolute;content:'';background-image:url('../images/event03/b_char01.png');width:421px;height:343px;left:-110px;top:-300px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01::after{position:absolute;content:'';background-image:url('../images/event03/b_char02.png');width:361px;height:508px;right:-30px;bottom:-380px;z-index:-1;}
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;z-index:5;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02::before{position:absolute;content:'';background-image:url('../images/event03/b_char01_1.png');width:261px;height:418px;left:-20px;top:650px;z-index:-1;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02::after{position:absolute;content:'';background-image:url('../images/event03/b_char02.png');width:361px;height:508px;right:-30px;bottom:-380px;z-index:-1;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:20px 5px;width:605px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper.one{}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper.two{top:-50px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .quest_wrapper.three{;top:-90px;}
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;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:before{position:absolute;left:25px;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';}
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 {position:relative;z-index:5;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03::before{position:absolute;content:'';background-image:url('../images/event03/b_char01_1.png');width:261px;height:418px;left:-20px;top:782px;z-index:-1;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03::after{position:absolute;content:'';background-image:url('../images/event03/b_char02.png');width:361px;height:508px;right:-30px;bottom:-370px;z-index:-1;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .keyword_wrap {position:relative;width:680px;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{position:relative;display:flex;justify-content:center;gap:0 8px;overflow:hidden;width:90%;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .keyword_wrap .keyword_list .swiper-wrapper.center{display:flex;justify-content:center;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .keyword_wrap .keyword_list .swiper-slide{width:auto;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .keyword_wrap .keyword{display:flex;align-items:center;height:58px;border-radius:30px;background:#E6F2FF;font-size:21px;color:#555555;font-family:'SchoolSafetyNotification';padding:0 20px;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 {position:relative;width:680px;height:776px;background:#FFFFFF;border-radius:40px;margin:20px 0 0 0;padding:200px 0 200px 0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-between;z-index:2;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .quest_content .quest{font-family:'Pretendard';font-weight:700;font-size:40px;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 48px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .quest_content .answer_wrap .answer{width:202px;height:202px;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 .char01{position:absolute;left:-85px;bottom:0;width:133px;height:173px;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:-85px;bottom:0;width:120px;height:172px;background-image:url('../images/event03/char02.png');z-index:5;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .result_content {width:680px;height:776px;background:#FFFFFF;border-radius:40px;margin:20px 0 0 0;padding:40px 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:32px;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:48px;height:48px;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:48px;height:48px;background-size:100%;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .result_content .r_box .r_txt{font-size:40px;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:100%;height:522px;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 .r_result img{max-width:100%;}
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;bottom:80px;width: 680px;height: 136px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background:#FFFFFF;border-radius:16px;z-index:6;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;flex-direction:column;justify-content: center;align-items: center;gap: 10px 0;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap .j_wrap{display:flex;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #FF5C35;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:2415px;}
section.event04 .contents_wrapper {width: 100%;height: 2415px;}
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;flex-direction:column;align-items:center;margin: 80px 0 0 0;width: 100%;justify-content: center;z-index: 2;gap:40px 0;}
section.event04 .contents_wrapper .event_cont_wrapper {position:relative;width:100%;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width:680px;height:1061px;margin:80px auto 0 auto;display:flex;flex-direction:column;justify-content:start;align-items:center;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01{position:relative;100%;height:1041px;display:flex;justify-content:center;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .word{position:absolute;left:55px;bottom:-20px;width:618px;height:278px;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .word::before{position:absolute;content:'';width:618px;height:278px;background-image:url('../images/event04/char01.png');}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .word .hand{right:200px;bottom:250px;cursor:pointer;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .boat_wrap{position:absolute;width:100%;height:300px;bottom:746px;display:flex;justify-content:center;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .boat_wrap .boat{position:relative;width:990px;height:1030px;bottom:0;cursor:pointer;z-index:5;}

section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 {display:flex;width:100%;height:1061px;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 8px;width:100%;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .top_card_wrapper .card{position:relative;width:221px;height:242px;border:5px solid #FFFFFF;border-radius:60px;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;background-size:250px;background-position:center 90px;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .top_card_wrapper .card:before{position:absolute;left:-5px;top:-1px;content:'';width:221px;height:102px;background-image:url('../images/event04/b_title.png');display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:500;color:#555555;border-top-left-radius:60px;border-top-right-radius:60px;}
section.event04 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .top_card_wrapper .card:after{position:absolute;left:67px;top:-30px;content:'';width:71px;height:70px;}
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:200px;margin:0 auto;text-align:center;top:40px;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:490px;}
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:490px;}
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: 608px;height: 136px;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;flex-direction:column;display: flex;justify-content: center;align-items: center;gap:5px 0;}
section.event04 .contents_wrapper  .join_wrapper .join_wrap .j_wrap{display:flex;}
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: 752px;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:80px 0 0 0;box-sizing:border-box;gap:40px 0;}
section.viewpoint .contents_wrap .title {}
section.viewpoint .contents_wrap .place_wrap {position:relative;width:580px;height:310px;left:-45px;top:0px;}
section.viewpoint .contents_wrap .place_wrap .place{position:absolute;width:95px;height:111px;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:0;bottom:62px;background-image:url('../images/viewpoint/point01.png');}
section.viewpoint .contents_wrap .place_wrap .place.p02{left:94px;bottom:10px;background-image:url('../images/viewpoint/point02.png');}
section.viewpoint .contents_wrap .place_wrap .place.p03{left:219px;top:0;background-image:url('../images/viewpoint/point03.png');}
section.viewpoint .contents_wrap .place_wrap .place.p04{left:302px;bottom:35px;background-image:url('../images/viewpoint/point04.png');}
section.viewpoint .contents_wrap .place_wrap .place.p05{right:100px;top:23px;background-image:url('../images/viewpoint/point05.png');}
section.viewpoint .contents_wrap .place_wrap .place.p06{right:34px;bottom:6px;background-image:url('../images/viewpoint/point06.png');}
section.viewpoint .contents_wrap .place_wrap .place.p07{right:0;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:center;}
section.viewpoint .pop_evt .pop_cont_wrapper{position:relative;width:414px;height:446px;background:#FFFFFF;border-radius:16px;top:2%;}
section.viewpoint .pop_evt .pop_cont_wrapper .close{position:absolute;width:49px;height:48px;background-image:url('../images/viewpoint/btn_close.png');right:-60px;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:390px;height:390px;border-radius:8px;overflow:hidden;background-size:100%;}
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:20px;font-weight:500;color:#555555;}
section.viewpoint .pop_evt .pop_cont_wrapper .pop_cont .char{position:absolute;left:-85px;top:85px;width:596px;height:184px;background-image:url('../images/viewpoint/char.png');z-index:3;}
/* 뷰포인트 */



/* 숏츠 */
section.shorts {position: relative;width: 100%;height:1096px;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:100%;margin:0 auto;display:flex;justify-content:center;}
section.shorts .contents_wrap .card_wrap .cardnews_wrap{position:relative;width:680px;height:100%;border-radius:20px;overflow:hidden;}
section.shorts .contents_wrap .card_wrap .swiper{height:100%;}
section.shorts .contents_wrap .card_wrap .swiper .swiper-slide {width:379px !important;height:742px;}
section.shorts .contents_wrap .card_wrap .swiper .swiper-slide .mo_wrap{width:100%;height:742px;padding:0 4px;box-sizing:border-box;background-image:url('../images/shorts/cover.png');box-sizing:border-box;display:flex;flex-direction:column;align-items:center;}
section.shorts .contents_wrap .card_wrap .swiper .swiper-slide .mo_wrap .mv{position:relative;width:98%;height:649px;padding:0 0;box-sizing:border-box;border-top-left-radius:20px;border-top-right-radius:20px;overflow:hidden;}
section.shorts .contents_wrap .card_wrap .swiper .swiper-slide .mo_wrap .mv iframe{width:100%;height:100%;}
section.shorts .contents_wrap .card_wrap .swiper .swiper-slide .mo_wrap .mttl{position:relative;height:80px;display:flex;align-items:center;text-align:left;}

section.shorts .contents_wrap .card_wrap .swiper .swiper-slide::before{position:absolute;left:8px;content:'';width:96%;height:98.5%;background-color: rgba(0,0,0,.4);border-radius:16px;top:0;z-index:2;}
section.shorts .contents_wrap .card_wrap .swiper .swiper-slide.swiper-slide-active::before{background-color: rgba(0,0,0,0);top:18px;width:0;height:0;}
section.shorts .contents_wrap .card_wrap .cardnewsBtn .btn_prev{position:absolute;width:58px;height:58px;background-image:url('../images/shorts/btn_prev.png');left:83px;top:307px;cursor:pointer;z-index:5;}
section.shorts .contents_wrap .card_wrap .cardnewsBtn .btn_next{position:absolute;width:58px;height:58px;background-image:url('../images/shorts/btn_next.png');right:83px;top:307px;cursor:pointer;z-index:5;}
/* 숏츠 */

/* 공모전 */
section.req {position: relative;width: 100%;height:1030px;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:252px 0 0 0;box-sizing:border-box;}
section.req .contents_wrap .title {margin-bottom: 164px;}
section.req .contents_wrap .btns_wrap {position:relative;width:100%;;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:1065px;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:709px;height:500px;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:648px;height:454px;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:271px;height:22px;}
section.movie .contents_wrap .movie_wrapper .mwrap .m_title_wrap .m_title.t02{background-image:url('../images/movie/m_title02.png');width:192px;height:22px;}
section.movie .contents_wrap .movie_wrapper .mwrap .m_title_wrap .m_title.t03{background-image:url('../images/movie/m_title03.png');width:197px;height:22px;}

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:-50px;bottom:-80px;}

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.friends {position: relative;width: 100%;height:1147px;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:84px 0 0 0;box-sizing:border-box;}
section.friends .contents_wrap .title_wrap {display:flex;flex-direction:column;gap:423px 0;align-items:center;}
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:372px;background-image:url('../images/share/bg.jpg?v=1');}
section.snsshare .contents_wrap {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: start;text-align: center;padding:60px 0 0 0;box-sizing:border-box;}
section.snsshare .contents_wrap > .title {margin-bottom:20px;}
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;flex-direction:column;justify-content:center;font-size:28px;align-items:center;color:#222222;background-color:#F5F5F6;font-family:'Pretendard';gap:10px 0;}
section.sec-join-info  div {font-weight:800;display:flex;align-items:center;}
section.sec-join-info  span.normal{font-weight:400;font-size:28px;margin-right:5px;margin-top:-5px;}
section.sec-join-info  span._visit_all_cnt{color:#0031D2;margin-left:5px;margin-top:-10px;font-family:'ONE-Mobile-Title';line-height:0;}
section.sec-join-info  span._join_all_cnt{color:#FF4049;margin-left:5px;margin-top:-10px;font-family:'ONE-Mobile-Title';}
section.sec-join-info  div span{font-size:48px;font-weight:900;font-family:"ONE-Mobile-Title",sans-serif;padding:0 0 0 5px;}
/* 참여 정보 */


/* SNS */



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


/* 고정 메뉴 */
.navigator_wrapper .water{position: absolute;width: 100%;height:24px;left:0;bottom:180px;background-image:url('../images/visual/water.png');z-index:3;animation:60s water_flow linear infinite;}
.navigator_wrapper .bus{position: absolute;width:214px;height:106px;bottom:190px;right:100px;background-image:url('../images/visual/boat.png');z-index:1;animation:15s boat linear infinite;}

.navigator_wrapper {position:fixed;left:0;bottom:0;width:100%;height:184px;z-index:15; bottom: 0;}
.navigator_wrapper .cont_wrap {width:100%;background:#12118F;height:100%;display:flex;justify-content:center;}
.navigator_wrapper .cont_wrap .navi_wrap {height:100%;display:flex;justify-content:center;align-items:center;gap:0 60px;box-sizing:border-box;flex-wrap:wrap;}
.navigator_wrapper .cont_wrap .navi_wrap > li{position:relative;flex:1;box-sizing:border-box;height:100%;display:flex;justify-content:center;align-items:center;gap:0 4px;}
.navigator_wrapper .cont_wrap .navi_wrap > li .tab_row{width:476px;display:flex;flex-wrap:wrap;gap:8px 8px;}
.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;margin-left:10px;}


/* 고정 메뉴 */

/* 기타  */

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

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

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

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

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

.result_wrap {position:absolute;width:100%;text-align:center;bottom:100px;}
.result_wrap > .btn.event_result2{width:463px;height:122px;display:inline-block;background-image:url('../images/event2_done.png');}
.result_wrap > .btn.event_result2 > a {display:block;width:100%;height:100%;}
/* 슬라이드 */
.swiper {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	
	text-align: center;
	font-size: 18px;
	background: transparent;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide  img {width:100%;height:100%;object-fit:cover;background-position:center;}

.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 { float:left; width:50%; display:flex; justify-content:center;align-items:center;height:100px; line-height:1.2; text-align:center; font-size:30px; color:#fff; font-weight:800; }
.pu_event_info .btns a:hover { text-decoration:none; }
.pu_event_info .btns a.bt_participate_done {background:#FF4A27;color:#FFFFFF;}
.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:#333;}

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

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


.pu_event_done { display:none;}
.pu_event_done .ph{ width:100%;}
.pu_event_done .ph .close{position:absolute;background-image:url('../images/e_pop_close.png');width:70px;height:70px;right:-70px;top:0;}
.pu_event_done .ph .close a{display:block;width:100%;height:100%;}
.pu_event_done .ph .btn_wrap{ position:absolute;width:70px;height:70px;right:-70px;top:0;display:flex;justify-content:center;background-image:url('../images/evt_close.png');}
.pu_event_done .ph .btn_wrap .btn{ position:relative;width:250px;height:100%;}
.pu_event_done .ph .btn_wrap .btn .hand{ right:0px;bottom:-40px;}
.pu_event_done .ph a {position:relative; display:block; width:100%;height:100%;}
.pu_event_done .ph a .hand {right:210px;bottom:-40px;}

.pu_event_done.e01 {background:#000000;}
.pu_event_done.e02 {background:#000000;}
.pu_event_done.e03 {background:#000000;}


.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;background-size:cover;z-index:10;}
.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;}



.pu_event_done .ph .confirm {
    position: relative;
    width: 100%;
    height: 70px;
	line-height:70px;
	font-size:30px;
	font-weight:600;
	background:#000;
	color:#FFFFFF;
	text-align:center;
}
.tc {text-align:center;}