@font-face {
	font-family: 'Cafe24Ssurround';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GMarketSansBold';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family: 'GMarketSans';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
	font-weight: 500;
	font-display: swap;
}
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/event03/num/1_on.png') url('../images/event03/num/3_on.png') url('../images/event03/num/5_on.png') url('../images/event03/num/7_on.png')
	url('../images/visual/window/02.png') url('../images/visual/window/03.png') url('../images/visual/window/04.png')
	url('../images/visual/man/01.png'); url('../images/visual/man/02.png'); url('../images/visual/man/03.png')
	url('../images/visual/window/layer.png');
}


* {font-family:'Pretendard',sans-serif;}
div {
	-webkit-tap-highlight-color: transparent;
}
.htmlWrapper {width:100%;max-width:720px;margin:0 auto;padding-bottom:110px;position:relative;overflow:hidden;}
.htmlWrapper section {background-position:center;}

/* 상단 */
.htmlWrapper section.top_wrapper {position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:80px;box-sizing:border-box;background:#FFFFFF;font-size:18px;font-family:'Pretendard';}
.htmlWrapper section.top_wrapper > .hx_top{position:relative;height:100%;display:flex;justify-content:center;align-items:center;gap:0 5px;color:#7D7D83;}
.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{}
.htmlWrapper section.top_wrapper > .hx_top .hx_txt{position:absolute;top:0;}
.htmlWrapper section.top_wrapper > .hx_top b{font-size:22px;color:#222222;letter-spacing: -1px;}



/* Visual */

/* Visual */
.htmlWrapper section.visual_wrapper {position: relative;width: 100%;height: 1200px;background-image:url('../images/visual/bg.jpg');background-position: center;overflow: hidden;}
.htmlWrapper section.visual_wrapper::before {position:absolute;content:'';left:0;top:0;width: 100%;height:100%;background-color:rgba(8,33,78,.8);}
.htmlWrapper section.visual_wrapper.on::before {background-color:rgba(8,33,78,0);transition: 2s all;}

.htmlWrapper section.visual_wrapper .contents_wrapper{position: relative;width: 100%;height: 100%;display:flex;justify-content: center;align-items:start;}
.htmlWrapper section.visual_wrapper .contents_wrapper .title_wrapper{position: absolute;width:100%;left:-15px;top:32px;display:flex;justify-content: center;}
.htmlWrapper section.visual_wrapper .contents_wrapper .title_wrapper .title_wrap{position: relative;display:flex;flex-direction:column;align-items:center;padding:30px 0 0 0;box-sizing:border-box;width:628px;height:360px;background-image: url('../images/visual/title_cover.png');z-index:6;}
.htmlWrapper section.visual_wrapper .contents_wrapper .title_wrapper .title_wrap .title{position: relative;width:544px;height:109px;background-image: url('../images/visual/ttl.png');left:5px;overflow:hidden;}
.htmlWrapper section.visual_wrapper .contents_wrapper .title_wrapper .title_wrap .tel_wrap{position: relative;display:flex;align-items:center;width:515px;height:150px;justify-content: end;left:5px;}
.htmlWrapper section.visual_wrapper .contents_wrapper .title_wrapper .title_wrap .tel_wrap .tel{position:absolute;left:0;width:155px;height:130px;display:flex;justify-content: center;align-items: end;}
.htmlWrapper section.visual_wrapper .contents_wrapper .title_wrapper .title_wrap .tel_wrap .tel .tel_head{position: absolute;top:0;width:156px;height:62px;background-image: url('../images/visual/tel/tel_head.png');animation: 2s tel infinite forwards;}
.htmlWrapper section.visual_wrapper .contents_wrapper .title_wrapper .title_wrap .tel_wrap .tel .tel_body{position: relative;width:142px;height:121px;background-image: url('../images/visual/tel/tel_body.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .title_wrapper .title_wrap .tel_wrap .num{position: relative;background-image: url('../images/visual/1375.png');width:371px;height:135px;overflow:hidden;}
.htmlWrapper section.visual_wrapper .contents_wrapper .title_wrapper .title_wrap .exp{position: relative;right:-4px;bottom:-4px;width:532px;height:50px;background-image: url('../images/visual/exp.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .title_wrapper .title_wrap .char{position: absolute;top:37px;right:-70px;width:182px;height:208px;background-image: url('../images/visual/char.png');z-index:8;}

.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap{position: relative;margin:490px 0 0 0;width:100%;display:flex;justify-content: center;}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .window{position: relative;width:720px;height:682px;transform-style: preserve-3d;background-position: top;background-size: 100%;background-repeat: no-repeat;}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .window::before{position: absolute;content:'';left:10px;top:6px;width:615px;height:488px;background-image: url('../images/visual/window/layer_black.png');transform:translateZ(-1px);}
.htmlWrapper section.visual_wrapper.on .contents_wrapper .window_wrap .window::before{background-image: url('../images/visual/window/layer.png');transition: 1s all;}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .window.a1{width:622px;height:476px;background-image: url('../images/visual/window/01.png');background-position:0 7px;}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .window.a2{width:622px;height:525px;background-image: url('../images/visual/window/02.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .window.a3{width:679px;height:525px;background-image: url('../images/visual/window/03.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .window.a3::before{left:30px;top:6px;}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .window.a4{width:720px;height:525px;background-image: url('../images/visual/window/04.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .window.a4::before{left:60px;top:5px;}

.htmlWrapper section.visual_wrapper .contents_wrapper .people_wrap{position:absolute;width:100%;bottom:0;display:flex;justify-content: center;}
.htmlWrapper section.visual_wrapper .contents_wrapper .people_wrap .people{position:relative;}
.htmlWrapper section.visual_wrapper .contents_wrapper .people_wrap .people.p1{position:relative;width:360px;height:465px;background-image: url('../images/visual/man/01.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .people_wrap .people.p2{position:relative;width:534px;height:465px;background-image: url('../images/visual/man/02.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .people_wrap .people.p3{position:relative;width:713px;height:465px;background-image: url('../images/visual/man/03.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .people_wrap .people.p4{position:relative;width:713px;height:465px;background-image: url('../images/visual/man/03.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .people_wrap .txt{position:absolute;bottom:0;width:540px;height:132px;background-image: url('../images/visual/txt.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .people_wrap .txt .star{position:absolute;right:56px;top:11px;width:20px;height:19px;background-image: url('../images/visual/star.png');animation:3s star infinite linear forwards;}

.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .item{position:absolute;width:200px;height:200px;transform:scale(0);opacity:0;z-index:2;}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .item.item01{top:130px;left:260px;background-image: url('../images/visual/item01.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .item.item02{top:130px;left:260px;background-image: url('../images/visual/item02.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .item.item03{top:130px;right:260px;background-image: url('../images/visual/item03.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .item.item04{top:130px;right:260px;background-image: url('../images/visual/item04.png');}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .item.item05{top:130px;right:260px;background-image: url('../images/visual/item05.png');}

.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .item.item01.on{animation:1s show_item01 linear forwards;}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .item.item02.on{animation:1s show_item02 linear forwards}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .item.item03.on{animation:1s show_item03 linear forwards}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .item.item04.on{animation:1s show_item04 linear forwards}
.htmlWrapper section.visual_wrapper .contents_wrapper .window_wrap .item.item05.on{animation:1s show_item05 linear forwards}

.num-container {
	position: relative;
	width: 371px;  /* 이미지 1번의 폭에 맞춰 조정 */
	height: 135px; /* 이미지 1번의 높이에 맞춰 조정 */

	/* 이미지 1번(글씨)을 마스크 영역으로 지정 */
	-webkit-mask-image: url('../images/visual/1375.png'); /* 이미지 1 경로 */
	mask-image: url('../images/visual/1375.png');
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;

	/* 글씨 배경색 (마스크 영역 내부를 채울 바탕) */
	background-color: transparent;
	overflow: hidden;
}

/* 이미지 1번 글씨 내부도 원래 이미지로 보이게 하고 싶다면 container에 이미지1을 background로 지정 */
.num-container::before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: url('../images/visual/1375.png') no-repeat center / contain;
	z-index: 1;
}

/* 움직이는 이미지 2번 (빛/사선 효과) */
.shine-effect {
	position: absolute;
	top: 0;
	left: -100%; /* 시작 위치 (왼쪽 밖) */
	width: 100%;
	height: 100%;
	background: url('../images/visual/light.png') no-repeat center / cover;
	z-index: 2;

	/* 혼합 모드를 적용해 빛나는 효과 부여 (필요 시 조절 가능) */
	mix-blend-mode: screen;

	/* 애니메이션 설정: 2.5초마다 반복 이동 */
	animation: moveShine 2.5s infinite linear;
}
/* Visual */

/* 다음 */
section.daum {position: relative;width: 100%;height: 302px;background:#04183D;}
section.daum .contents_wrap {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;justify-content: center;}
section.daum .contents_wrap .title {}
section.daum .contents_wrap .box {position: relative;margin-top: 16px;width: 800px;height: 132px;background-image: url('../images/daum/cover.png');background-repeat: no-repeat;background-position: center;display: flex;align-items: start;}
section.daum .contents_wrap .box .typing-text-wrapper {position: absolute;left: 150px;top: 25px;font-family: 'Pretendard',sans-serif;display:flex;}
section.daum .contents_wrap .box .typing-text-wrapper  .typing-text {position: relative;font-family: 'Pretendard',sans-serif;font-weight: 700;font-size: 32px;color: #1e1e1e;white-space: nowrap;overflow: hidden;}
section.daum .contents_wrap .box .typing-text-wrapper  .typing-text.opacity-0 {transition: .5s all;opacity:0;}
section.daum .contents_wrap .exp {position: relative;left: 5px;margin-top: 15px;}

@keyframes blink {
	0%, 100% { opacity: 1; }
	50% { opacity: 0; }
}
.cursor-blink {
	animation: blink 0.8s infinite;
	height:33px;
	font-size:33px;
}
/* 다음 */

/* 인포 */
section.info {position: relative;width: 100%;height:1516px;background-image:url('../images/info/bg.jpg');}
section.info .contents_wrapper {display: flex;flex-direction: column;width: 680px;height:100%;margin:0 auto;align-items: center;justify-content:start;padding:120px  0 0 0;box-sizing: border-box;gap:40px 0;}
section.info .contents_wrapper .contents{display: flex;flex-direction: column;width: 100%;}
section.info .contents_wrapper .contents .tabs_wrap{display: flex;}
section.info .contents_wrapper .contents .tabs_wrap .tab{width:227px;height:82px;transition: .5s all;cursor:pointer;}
section.info .contents_wrapper .contents .tabs_wrap .tab.t01{background-image: url('../images/info/tab01.png?v=1');}
section.info .contents_wrapper .contents .tabs_wrap .tab.t02{background-image: url('../images/info/tab02.png');}
section.info .contents_wrapper .contents .tabs_wrap .tab.t03{background-image: url('../images/info/tab03.png');}

section.info .contents_wrapper .contents .tabs_wrap .tab.t01.on{background-image: url('../images/info/tab01_on.png');}
section.info .contents_wrapper .contents .tabs_wrap .tab.t02.on{background-image: url('../images/info/tab02_on.png');}
section.info .contents_wrapper .contents .tabs_wrap .tab.t03.on{background-image: url('../images/info/tab03_on.png');}

section.info .contents_wrapper .contents .conts {width:100%;height:958px;background:#FFFFFF;border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;overflow:hidden;}
section.info .contents_wrapper .contents .conts .cont01{width:100%;height:100%;display:flex;justify-content: center;align-items: center;}
section.info .contents_wrapper .contents .conts .cont01 .items_wrap{display:flex;flex-wrap:wrap;gap:19px;justify-content: center;}
section.info .contents_wrapper .contents .conts .cont01 .items_wrap .item{position:relative;width:188px;height:280px;cursor:pointer;}
section.info .contents_wrapper .contents .conts .cont01 .items_wrap .item .hand{display:none;}
section.info .contents_wrapper .contents .conts .cont01 .items_wrap .item.on .hand{display:block;}

section.info .contents_wrapper .contents .conts .cont01 .items_wrap .item.i01{background-image: url('../images/info/i01.png');}
section.info .contents_wrapper .contents .conts .cont01 .items_wrap .item.i02{background-image: url('../images/info/i02.png');}
section.info .contents_wrapper .contents .conts .cont01 .items_wrap .item.i03{background-image: url('../images/info/i03.png');}
section.info .contents_wrapper .contents .conts .cont01 .items_wrap .item.i04{background-image: url('../images/info/i04.png');}
section.info .contents_wrapper .contents .conts .cont01 .items_wrap .item.i05{background-image: url('../images/info/i05.png');}
section.info .contents_wrapper .contents .conts .cont01 .items_wrap .item.i06{background-image: url('../images/info/i06.png');}
section.info .contents_wrapper .contents .conts .cont01 .items_wrap .item.i07{background-image: url('../images/info/i07.png');}
section.info .contents_wrapper .contents .conts .cont01 .items_wrap .item.i08{background-image: url('../images/info/i08.png');}
section.info .contents_wrapper .contents .conts .cont01 .items_wrap .item.i09{background-image: url('../images/info/i09.png');}

section.info .contents_wrapper .contents .conts .cont02{width:100%;height:100%;display:flex;justify-content: center;align-items: center;}
section.info .contents_wrapper .contents .conts .cont03{position:relative;width:100%;height:100%;display:flex;justify-content: start;align-items: start;padding:40px 40px;box-sizing: border-box;overflow:hidden;}
section.info .contents_wrapper .contents .conts .cont03 .char{position:absolute;right:-350px;opacity:0;bottom:20px;width:184px;height:208px;background-image: url('../images/info/char.png');transition: 1s all;}
section.info .contents_wrapper .contents .conts .cont03.on .char{right:20px;opacity:1;}


section.info .pop_wrapper{position:fixed;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,.8);z-index:99;display:flex;flex-direction:column;justify-content: center;align-items: center;gap:20px 0;}
section.info .pop_wrapper .pop_contents{position:relative;width:680px;padding:32px;box-sizing: border-box;background:#FFFFFF;border-radius:40px;overflow:hidden;padding-top:48px;}
section.info .pop_wrapper .pop_contents .close{position:absolute;width:60px;height:60px;background-image: url('../images/info/pop/close.png');right:12px;top:12px;cursor:pointer;z-index:3;}
section.info .pop_wrapper .pop_contents .data_box_wrap{position:relative;width:100%;}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box{height:243px;}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c01{width:492px;background-image: url('../images/info/pop/cont01.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c02{width:594px;background-image: url('../images/info/pop/cont02.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c03{width:555px;background-image: url('../images/info/pop/cont03.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c04{width:100%;height:698px;display:flex;flex-direction: column;align-items:center;gap:32px 0;}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05{width:100%;height:698px;display:flex;flex-direction: column;align-items:center;gap:32px 0;}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c06{width:532px;background-image: url('../images/info/pop/cont06.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c07{width:394px;background-image: url('../images/info/pop/cont07.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c08{width:429px;background-image: url('../images/info/pop/cont08.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c09{width:402px;background-image: url('../images/info/pop/cont09.png');}

section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c04 .dataset.d04{width:100%;display:flex;flex-direction: column;gap:20px 0;align-items:center;}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c04 .dataset.d04 .cont{width:616px;height:598px;background:#E9F3FF;border-radius:24px;padding:16px 12px 16px 16px;box-sizing: border-box;}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c04 .dataset.d04 .cont .data{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;}

section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05{width:100%;display:flex;flex-direction: column;gap:20px 0;align-items:center;}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .cont{width:616px;height:540px;background:#E9F3FF;border-radius:24px;padding:16px 12px 16px 16px;box-sizing: border-box;}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs{width:100%;display:flex;justify-content: space-between;}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab{width:109px;height:50px;cursor:pointer;transition:.5s all;}

section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t01{width:148px;background-image:url('../images/info/pop/tab05_1.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t02{background-image:url('../images/info/pop/tab05_2.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t03{background-image:url('../images/info/pop/tab05_3.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t04{background-image:url('../images/info/pop/tab05_4.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t05{background-image:url('../images/info/pop/tab05_5.png');}

section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t01.on{background-image:url('../images/info/pop/tab05_1_on.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t02.on{background-image:url('../images/info/pop/tab05_2_on.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t03.on{background-image:url('../images/info/pop/tab05_3_on.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t04.on{background-image:url('../images/info/pop/tab05_4_on.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t05.on{background-image:url('../images/info/pop/tab05_5_on.png');}

section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t01:hover{background-image:url('../images/info/pop/tab05_1_on.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t02:hover{background-image:url('../images/info/pop/tab05_2_on.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t03:hover{background-image:url('../images/info/pop/tab05_3_on.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t04:hover{background-image:url('../images/info/pop/tab05_4_on.png');}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .tabs .tab.t05:hover{background-image:url('../images/info/pop/tab05_5_on.png');}

section.info .pop_wrapper .pop_contents .data_box_wrap .data_box.c05 .dataset.d05 .cont .data{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;}

section.info .pop_wrapper  .btn_view{width:296px;height:78px;background-image:url('../images/info/pop/btn_view.png');cursor:pointer;}

section.info .pop_wrapper .pop_contents .data_box_wrap .data_box .dataset .cont .data::-webkit-scrollbar {
	width: 8px;
	box-sizing: border-box;
}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box .dataset .cont .data::-webkit-scrollbar-track {
	background: #FFFFFF;
	border-radius: 4px;
}
section.info .pop_wrapper .pop_contents .data_box_wrap .data_box .dataset .cont .data::-webkit-scrollbar-thumb {
	background: #08204E;
	border-radius: 100px;
}



/* 이벤트 01 */
section.event01 {position: relative;width: 100%;height:2841px;background-image: url('../images/event01/bg.jpg');overflow:hidden;background-position: center top;}
section.event01 .contents_wrapper {display: flex;flex-direction: column;width: 100%;margin:0 auto;align-items: center;padding: 120px 0 0 0;gap:80px 0;}
section.event01 .contents_wrapper .schedule_wrap {display: flex;flex-direction:column;width: 100%;align-items: center;gap:40px 0;}
section.event01 .contents_wrapper .event_cont_wrapper {width:100%;display:flex;flex-direction: column;align-items: center;}

section.event01 .contents_wrapper .event_cont_wrapper {position:relative;width:704px;display:flex;flex-direction: column;align-items: center;gap:0 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_title{position:relative;margin:0 0 40px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .cover_wrap{position:relative;width:100%;display:flex;flex-direction: column;align-items: center;gap:20px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .cover_wrap .cover{position:relative;width:100%;height:838px;background-image: url('../images/event01/cover.png');}
section.event01 .contents_wrapper .event_cont_wrapper .cover_wrap .btn_start{position:relative;width:269px;height:78px;background-image: url('../images/event01/btn_start.png');cursor:pointer;}

section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap{position:relative;width:704px;height:838px;background-image: url('../images/event01/table/head.png');background-repeat: no-repeat;background-position: center top;overflow:hidden;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .foot{position:absolute;left:0;bottom:0;width:704px;height:62px;background-image: url('../images/event01/table/table_foot.png');cursor:pointer;background-repeat: no-repeat;background-position: center top;z-index:5;}

section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q01_wrap{position:relative;width:100%;height:100%;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q01_wrap .inner{position:relative;width:100%;height:100%;display:flex;flex-direction: column;align-items:center;gap:40px 0;padding:50px 38px;box-sizing: border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q01_wrap .inner .a1{position:relative;width:640px;height:154px;top:100px;opacity:0;background-image: url('../images/event01/q1/a_1.png');background-repeat: no-repeat;transition: .5s all;transition-delay:.7s;transition-duration: 1s;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q01_wrap .inner .a2{position:relative;width:605px;height:151px;top:100px;opacity:0;background-image: url('../images/event01/q1/a_2.png');background-repeat: no-repeat;transition: .5s all;transition-delay:1.4s;transition-duration: 1s;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q01_wrap .inner .char{position:absolute;right:-380px;opacity:0;bottom:5px;width:394px;height:309px;background-image: url('../images/event01/q1/char.png');transition: .5s all;transition-delay:0s;transition-duration: 1s;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q01_wrap .inner .a1.on{top:0;opacity:1;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q01_wrap .inner .a2.on{top:0;opacity:1;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q01_wrap .inner .char.on{right:155px;opacity:1;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q01_wrap .inner .q{position:relative;}

section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap{position:relative;width:100%;height:100%;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner{position:relative;width:100%;height:100%;display:flex;flex-direction: column;align-items:center;gap:40px 0;padding:50px 38px;box-sizing: border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap{position:relative;display:flex;flex-wrap:wrap;width:100%;justify-content: center;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap .a{position:relative;width:198px;height:283px;background-repeat: no-repeat;opacity:0;transition: .5s all;transition-duration: 1s;border-radius:40px;overflow:hidden;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap .a.a1{background-image:url('../images/event01/q2/a_1.png');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap .a.a2{background-image:url('../images/event01/q2/a_2.png');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap .a.a3{background-image:url('../images/event01/q2/a_3.png');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap .a.a4{background-image:url('../images/event01/q2/a_4.png');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap .a.a5{background-image:url('../images/event01/q2/a_5.png');}

section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap .a.on{left:0;opacity:1;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap .a.a1.on{transition-delay: 0s;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap .a.a2.on{transition-delay: 0.7s;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap .a.a3.on{transition-delay: 1.4s;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap .a.a4.on{transition-delay: 2.1s;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q02_wrap .inner .a_wrap .a.a5.on{transition-delay: 2.8s;}

section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap{position:relative;width:100%;height:100%;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap .inner{position:relative;width:100%;height:100%;display:flex;flex-direction: column;align-items:center;gap:40px 0;padding:45px 38px;box-sizing: border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap .inner .a_wrap{position:relative;display:flex;width:100%;justify-content: center;gap:0 5px;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap .inner .a_wrap .a{position:relative;width:299px;height:283px;background-repeat: no-repeat;opacity:0;transition: .5s all;transition-duration: 1s;border-radius:40px;overflow:hidden;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap .inner .a_wrap .a.a1{background-image:url('../images/event01/q3/a_1.png');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap .inner .a_wrap .a.a2{background-image:url('../images/event01/q3/a_2.png');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap .inner .a_wrap .a.a3{background-image:url('../images/event01/q3/a_3.png');}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap .inner .char{position:absolute;right:-450px;opacity:0;bottom:20px;width:498px;height:318px;background-image:url('../images/event01/q3/char.png');transition: .5s all;transition-duration: 1s;}

section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap .inner .a_wrap .a.on{left:0;opacity:1;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap .inner .char.on{right:45px;opacity:1;transition-delay: 0s;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap .inner .a_wrap .a.a1.on{transition-delay: 0.7s;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap .inner .a_wrap .a.a2.on{transition-delay: 1.4s;}
section.event01 .contents_wrapper .event_cont_wrapper .quest_wrap .q03_wrap .inner .a_wrap .a.a3.on{transition-delay: 2.1s;}


section.event01 .contents_wrapper .event_cont_wrapper .btn_next{position:relative;width:215px;height:78px;background-image: url('../images/event01/btn_next.png');cursor:pointer;margin:20px 0 0 0;}
section.event01 .contents_wrapper .event_cont_wrapper .btn_next .hand{display:none;}
section.event01 .contents_wrapper .event_cont_wrapper .btn_next.on .hand{display:block;}

section.event01 .contents_wrapper .event_cont_wrapper .btn_join{position:relative;width:357px;height:78px;background-image: url('../images/event01/btn_join.png');cursor:pointer;margin:20px 0 0 0;}
section.event01 .contents_wrapper .event_cont_wrapper .btn_join .hand{display:none;}
section.event01 .contents_wrapper .event_cont_wrapper .btn_join.on .hand{display:block;}

section.event01 .contents_wrapper > .join_wrapper .join_wrap {position: absolute;left:0;bottom:280px;display: flex;flex-direction:column;justify-content: center;align-items: center;width:712px;height:211px;gap:10px 0;background-image: url('../images/bg_num01.png');font-size:28px;font-weight:400;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .j_wrap{display:flex;gap:10px 0;color:#555555}
section.event01 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #6A8E00;font-weight: 900;font-size: 40px;line-height: 0.7;margin-right:10px;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 32px;color: #000000;}
/* 이벤트 01 */


/* 이벤트 02 */
section.event02 {position: relative;width: 100%;height: 2716px;background-image: url('../images/event02/bg.jpg');z-index:2;}
section.event02 .contents_wrapper {display: flex;flex-direction: column;width: 100%;margin:0 auto;align-items: center;padding: 120px 0 0 0;}
section.event02 .contents_wrapper .title{position:relative;margin-bottom:80px;}
section.event02 .contents_wrapper .schedule_wrap {display: flex;flex-direction:column;width: 100%;align-items: center;gap:40px 0;}

section.event02 .contents_wrapper .event_cont_wrapper {position:relative;width:680px;display:flex;flex-direction: column;align-items: center;gap:20px 0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_title{position:relative;margin:80px 0 20px 0;}

section.event02 .contents_wrapper .event_cont_wrapper {width:680px;display:flex;flex-direction: column;align-items: center;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap {position:relative;width:100%;height:936px;display:flex;justify-content: center;align-items: start;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box{position:relative;top:244px;width:502px;height:379px;background-image: url('../images/event02/drop_box.png');transform-style: preserve-3d;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item{position:absolute;width:320px;height:188px;display:flex;justify-content: center;align-items: center;z-index:1; transform-style: preserve-3d; cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d01{left:0;top:0;background-image: url('../images/event02/item01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d02{right:0;top:0;background-image: url('../images/event02/item02.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d03{left:0;bottom:0;background-image: url('../images/event02/item03.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d04{right:0;bottom:0;background-image: url('../images/event02/item04.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item .hand{display:none;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.cur .hand{display:block;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d01.cur .hand {animation: 1s drag_move01 infinite linear forwards;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d02.cur .hand {animation: 1s drag_move02 infinite linear forwards;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d03.cur .hand {animation: 1s drag_move03 infinite linear forwards;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d04.cur .hand {animation: 1s drag_move04 infinite linear forwards;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item::after{position:absolute;content:'';}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drop_box::after{position:absolute;content:'';left:-98px;top:129px;width:126px;height:98px;background-image: url('../images/event02/char02.png');transform:translateZ(-1px);}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d02::after{left:-31px;bottom:0;width:89px;height:128px;background-image: url('../images/event02/char01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d03::after{left:101px;top:-71px;width:96px;height:77px;background-image: url('../images/event02/char03.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.d04::after{left:92px;top:-98px;width:136px;height:155px;background-image: url('../images/event02/char04.png');transform:translateZ(-1px);}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.complete::before{position:relative;content:'';width:208px;height:208px;background-image: url('../images/event02/stamp.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .drag_item.complete .hand{display:none;}

section.event02 .pop_info_wrapper{position:fixed;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,.8);z-index:100;display:flex;flex-direction:column;justify-content: center;align-items: center;gap:20px 0;}

section.event02 .pop_info_wrapper .pop_info_contents .btn_view{position:absolute;right:0;top:0;width:100px;height:100px;background-image: url('../images/event02/btn_view.png');}
section.event02 .pop_info_wrapper .pop_info_contents .btn_view a{display:block;width:100%;height:100%;}

section.event02 .pop_info_wrapper .pop_info_contents.p01{position:relative;width:680px;height:476px;background:#FFFFFF;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;}
section.event02 .pop_info_wrapper .pop_info_contents.p01 .contents{width:640px;height:436px;background-image: url('../images/event02/cont01.png');}

section.event02 .pop_info_wrapper .pop_info_contents.p02{position:relative;width:680px;height:476px;background:#FFFFFF;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;}
section.event02 .pop_info_wrapper .pop_info_contents.p02 .contents{width:640px;height:436px;background-image: url('../images/event02/cont02.png');}

section.event02 .pop_info_wrapper .pop_info_contents.p03{position:relative;width:680px;height:476px;background:#FFFFFF;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;}
section.event02 .pop_info_wrapper .pop_info_contents.p03 .contents{width:640px;height:436px;background-image: url('../images/event02/cont03.png');}

section.event02 .pop_info_wrapper .pop_info_contents.p04{position:relative;width:680px;height:904px;background:#FFFFFF;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;}
section.event02 .pop_info_wrapper .pop_info_contents.p04 .contents{width:640px;height:864px;background-image: url('../images/event02/cont04.png');}

section.event02 .pop_info_wrapper .pop_info_contents.complete{position:relative;width:680px;height:424px;background:#FFFFFF;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;}
section.event02 .pop_info_wrapper .pop_info_contents.complete .btn_view{display:none;}
section.event02 .pop_info_wrapper .pop_info_contents.complete .contents{width:640px;height:384px;background-image: url('../images/event02/complete.png');}
section.event02 .pop_info_wrapper .pop_info_contents.complete .contents .btn_app_link{position:absolute;right:160px;bottom:60px;width:180px;height:80px;}
section.event02 .pop_info_wrapper .pop_info_contents.complete .contents .btn_app_link a{display:block;width:100%;height:100%;}

section.event02 .pop_info_wrapper .btn_ok{position:relative;width:215px;height:78px;background-image: url('../images/event02/btn_ok.png');cursor:pointer;}
section.event02 .pop_info_wrapper .btn_join{position:relative;width:330px;height:78px;background-image: url('../images/event02/btn_join.png');cursor:pointer;}


section.event02 .contents_wrapper > .join_wrapper .join_wrap {position: absolute;left:0;bottom:180px;display: flex;flex-direction:column;justify-content: center;align-items: center;gap:10px 0;width:712px;height:211px;background-image: url('../images/bg_num02.png');font-size:28px;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap .j_wrap{display:flex;gap:10px 0;color:#555555}
section.event02 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #F05A28;font-weight: 900;font-size: 40px;line-height: 0.7;margin-right:10px;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 32px;color: #000000;}

/* 이벤트 02 */

/* 이벤트 03 */
section.event03 {position: relative;width: 100%;height:2880px;background-image: url('../images/event03/bg.jpg');overflow:hidden;background-position:top center;}
section.event03 .contents_wrapper {display: flex;flex-direction: column;width: 100%;margin:0 auto;align-items: center;padding: 120px 0 0 0;}
section.event03 .contents_wrapper .title{position:relative;margin-bottom:80px;}
section.event03 .contents_wrapper .schedule_wrap {display: flex;flex-direction:column;width: 100%;align-items: center;gap:40px 0;}
section.event03 .contents_wrapper .event_cont_wrapper {width:100%;display:flex;flex-direction: column;align-items: center;margin:80px 0 0 0;}

section.event03 .contents_wrapper .event_cont_wrapper .event_title {}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap {width:680px;margin:40px 0 0 0;display:flex;flex-direction: column;align-items: center;gap:20px 0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont {position:relative;width:100%;height:838px;background-image: url('../images/event03/cover.png');display:flex;flex-direction:column;align-items: center;justify-content: start;gap:0 0;padding:85px 0 0 0;box-sizing: border-box;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone{position:relative;width:339px;height:396px;background-image: url('../images/event03/phone.png');display:flex;flex-direction: column;align-items: center;padding:50px 0 0 0;box-sizing: border-box;gap:8px 0;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .dial{position:relative;width:196px;height:264px;background-image: url('../images/event03/pad.png');display:flex;flex-wrap:wrap;gap:8px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .dial .pad{position:relative;width:60px;height:60px;transition: .3s all;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .dial .pad .hand{right:-70px;bottom:-80px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .dial .pad.n1{background-image: url('../images/event03/num/1.png?v=1');cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .dial .pad.n3{background-image: url('../images/event03/num/3.png?v=1');cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .dial .pad.n5{background-image: url('../images/event03/num/5.png?v=1');cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .dial .pad.n7{background-image: url('../images/event03/num/7.png?v=1');cursor:pointer;}

section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .dial .pad.n1.on{animation:.5s dial1 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .dial .pad.n3.on{animation:.5s dial3 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .dial .pad.n5.on{animation:.5s dial5 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .dial .pad.n7.on{animation:.5s dial7 1 linear forwards;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .btn_call{position:relative;width:60px;height:60px;background-image: url('../images/event03/num/btn_call.png');cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .btn_call .hand{display:none;right:-70px;bottom:-80px;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .phone .btn_call.on .hand{display:block;}


section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrap{position:relative;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrap .intro{position:relative;width:640px;height:341px;background-image: url('../images/event03/tel.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrap .info{position:relative;width:640px;height:341px;display:none;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrap .info.c1{background-image: url('../images/event03/use1.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrap .info.c3{background-image: url('../images/event03/use3.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrap .info.c5{background-image: url('../images/event03/use5.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .event_cont .info_wrap .info.c7{background-image: url('../images/event03/use7.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .btn_join {position:relative;width:357px;height:78px;background-image: url('../images/event03/btn_join.png');cursor:pointer;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .btn_join.on {background-image: url('../images/event03/btn_join_on.png');}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .btn_join .hand{display:none;}
section.event03 .contents_wrapper .event_cont_wrapper .event_cont_wrap .btn_join.on .hand{display:block;}

section.event03 .contents_wrapper > .join_wrapper .join_wrap {position: absolute;left:4px;bottom:310px;width:712px;height:211px;display: flex;flex-direction:column;justify-content: center;align-items: center;gap:10px 0;background-image: url('../images/bg_num03.png');font-family: 'Pretendard';font-size:28px;font-weight:400;z-index:4;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap .j_wrap{display:flex;gap:0 0;color:#555555;align-items:center;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #1263AA;font-weight: 900;font-size: 40px;line-height: 0.7;margin-right:10px;}
section.event03 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;font-size: 32px;color: #111111;}



/* 이벤트 03 */

/* 카드뉴스 */
section.cardnews {position: relative;width: 100%;height:1776px;background-image:url('../images/cardnews/bg.jpg');}
section.cardnews .contents_wrapper {display: flex;flex-direction: column;width: 100%;height:100%;margin:0 auto;align-items: center;justify-content:start;padding:130px  0 0 0;box-sizing: border-box;}

section.cardnews .contents_wrapper .poster_box{display:flex;flex-direction:column;justify-content: center;align-items:center;width:856px;margin-top:40px;}
section.cardnews .contents_wrapper .poster_box .card{position:relative;width:440px;height:680px;background-image: url('../images/cardnews/cover.png');display: flex;flex-direction: column;align-items:center;padding:20px;box-sizing: border-box;}
section.cardnews .contents_wrapper .poster_box .card .ttl{width:100%;display:flex;justify-content: center;align-items: center;color:#000000;font-size:32px;font-weight:700;margin-bottom:12px;}
section.cardnews .contents_wrapper .poster_box .card .pic{position:relative;width:372px;height:483px;border-radius:20px;}
section.cardnews .contents_wrapper .poster_box .card.card01 .pic{background-image:url('../images/cardnews/pic01.png');}
section.cardnews .contents_wrapper .poster_box .card.card02 .pic{background-image:url('../images/cardnews/pic02.png');}

section.cardnews .contents_wrapper .poster_box .card .btn_view{width:198px;height:61px;margin:20px 0 0 0;}
section.cardnews .contents_wrapper .poster_box .card.card01 .btn_view{background-image: url('../images/cardnews/btn_view01.png');}
section.cardnews .contents_wrapper .poster_box .card.card02 .btn_view{background-image: url('../images/cardnews/btn_view02.png');}
section.cardnews .contents_wrapper .poster_box .card a{display:block;width:100%;height:100%;}

section.cardnews .pop_outer_site {position:fixed;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,.6);z-index:99;display:flex;justify-content: center;align-items:center;}
section.cardnews .pop_outer_site .pop_outer_content{position:relative;width:567px;height:829px;background:#FFFFFF;padding:20px;box-sizing:border-box;border-radius:20px;}
section.cardnews .pop_outer_site .pop_outer_content .pop_close{position:absolute;width:28px;height:28px;background-image: url('../images/cardnews/pop_close.png?V=1');right:20px;top:20px;}
section.cardnews .pop_outer_site .pop_outer_content .pop_close a{display:block;width:100%;height:100%;}
section.cardnews .pop_outer_site .pop_outer_content .ttl{font-size:32px;color:#000000;font-weight:700;text-align:center;line-height:1;}
section.cardnews .pop_outer_site .pop_outer_content .pic{position:relative;width:527px;height:662px;overflow:auto;margin:20px 0 0 0;}

section.cardnews .pop_outer_site .pop_outer_content .pic  .cardnewsSwiper{position:relative;width:100%;height:100%;border-radius:20px;overflow: hidden;}
section.cardnews .pop_outer_site .pop_outer_content .pic  .cardnewsSwiper .swiper-wrapper{width:100%;height:100%;}
section.cardnews .pop_outer_site .pop_outer_content .pic  .cardnewsSwiper .swiper-wrapper .swiper-slide{width:100%;height:100%;}
section.cardnews .pop_outer_site .pop_outer_content .pic  .cardnewsSwiper img{width:100%;height:100%;object-fit: cover;}
section.cardnews .pop_outer_site .pop_outer_content .control_wrapper {position:relative;width:100%;display:flex;justify-content: center;align-items:center;margin:20px 0 0 0;}

section.cardnews .pop_outer_site .pop_outer_content .control_wrapper .paging_wrap {position:relative;width:152px;display:flex;justify-content: space-between;}
section.cardnews .pop_outer_site .pop_outer_content .control_wrapper .paging_wrap .btn_prev{position:relative;width:56px;height:56px;cursor:pointer;}
section.cardnews .pop_outer_site .pop_outer_content .control_wrapper .paging_wrap .btn_next{position:relative;width:56px;height:56px;cursor:pointer;}

section.cardnews .pop_outer_site .pop_outer_content .control_wrapper .paging_wrap .btn_prev.swiper-button-disabled{opacity:.4;}
section.cardnews .pop_outer_site .pop_outer_content .control_wrapper .paging_wrap .btn_next.swiper-button-disabled{opacity:.4;}


section.cardnews .pop_outer_site .pop_outer_content.c01 .control_wrapper .btn_prev{background-image: url('../images/cardnews/btn01_prev.png');}
section.cardnews .pop_outer_site .pop_outer_content.c02 .control_wrapper .btn_prev{background-image: url('../images/cardnews/btn02_prev.png');}

section.cardnews .pop_outer_site .pop_outer_content.c01 .control_wrapper .btn_next{background-image: url('../images/cardnews/btn01_next.png');}
section.cardnews .pop_outer_site .pop_outer_content.c02 .control_wrapper .btn_next{background-image: url('../images/cardnews/btn02_next.png');}
section.cardnews .pop_outer_site .pop_outer_content .control_wrapper .cnt_info{position:absolute;right:0;font-size:32px;color:#333333;font-weight:400;display:flex;justify-content: end;gap:0 4px;width:40px;}
section.cardnews .pop_outer_site .pop_outer_content .control_wrapper .cnt_info .cur{color:#000000;font-weight:600;}
/* 카드뉴스 */

/* 동영상 */
section.movie {position: relative;width: 100%;height: 1079px;background-image:url('../images/movie/bg.jpg');}
section.movie .contents_wrap {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;gap:10px 0;}
section.movie .contents_wrap .movie_wrap{position:relative;width:691px;height:531px;background-image: url('../images/movie/cover.png');display:flex;flex-direction: column;align-items: center;padding:24px;box-sizing: border-box;gap:16px 0;}
section.movie .contents_wrap .movie_wrap .movie{position:relative;width:648px;height:404px;background:#000000;border-radius:14px;overflow:hidden;display:flex;align-items: center;justify-content: center;}
section.movie .contents_wrap .movie_wrap .movie iframe{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;}
section.movie .contents_wrap .movie_wrap .info_wrap{position:relative;width:100%;display:flex;flex-direction:column;align-items: start;padding:0 0;box-sizing: border-box;gap:10px 0;}
section.movie .contents_wrap .movie_wrap .info_wrap .ttl{position:relative;height:40px;font-size:24px;font-weight:600;display:flex;gap:0 7px;align-items:center;}
section.movie .contents_wrap .movie_wrap .info_wrap .ttl span{display:block;width:580px;word-break: break-all;white-space: normal;text-align:left;line-height:1.2;}
section.movie .contents_wrap .movie_wrap .info_wrap .ttl::before{position:relative;content:'';background-image: url('../images/movie/youtube.png');width:36px;height:24px;}
section.movie .contents_wrap .movie_wrap .info_wrap .btn_wrap{display:flex;gap:0 7px;align-items: center;}
section.movie .contents_wrap .movie_wrap .info_wrap .btn_wrap .btn_subscribe{position:relative;background-image: url('../images/movie/btn_subscribe.png');width:60px;height:32px;}
section.movie .contents_wrap .movie_wrap .info_wrap .btn_wrap .btn_subscribe a{position:relative;display:block;width:100%;height:100%;}
section.movie .contents_wrap .movie_wrap .info_wrap .btn_wrap .btn_subscribe .hand{right:-70px;bottom:-68px;}

section.movie .contents_wrap .thumb_list {position:relative;width:520px;display:flex;justify-content: center;gap:0 19px;margin:30px 0 0 0;}
section.movie .contents_wrap .thumb_list .thumb{width:160px;height:110px;border-radius:10px;overflow:hidden;cursor:pointer;filter: grayscale(100%);transition: .2s all;}
section.movie .contents_wrap .thumb_list .thumb.on{filter: grayscale(0%);}

section.movie .contents_wrap .thumb_list .btns_wrap{position:absolute;width:100%;left:0;bottom:0;}
section.movie .contents_wrap .thumb_list .btns_wrap .btn_prev{position:absolute;width:48px;height:48px;left:-79px;top:-79px;background-image: url('../images/movie/btn_prev.png');z-index:5;cursor:pointer;}
section.movie .contents_wrap .thumb_list .btns_wrap .btn_next{position:absolute;width:48px;height:48px;right:-79px;top:-79px;background-image: url('../images/movie/btn_next.png');z-index:5;cursor:pointer;}
/* 동영상 */

/* SNS  */
section.sns {position: relative;width: 100%;height: 712px;background-image:url('../images/sns/bg.jpg');}
section.sns .contents_wrap {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: start;text-align: center;gap:30px 0;padding:120px 0 0 0;box-sizing: border-box;}
section.sns .contents_wrap .title_wrap {}
section.sns .contents_wrap .sns_wrapper {position: relative;display:flex;justify-content: center;align-items: center;}
section.sns .contents_wrap .sns_wrapper ul {display: flex;gap:0;width:100%;flex-wrap:wrap;}
section.sns .contents_wrap .character{position:absolute;left:273px;bottom:0;width:168px;height:180px;background-image: url('../images/sns/character.png');}
/* SNS  */

/* SNS SHARE */
section.snsshare {position: relative;width: 100%;height: 467px;background-image:url('../images/share/bg.jpg');}
section.snsshare .contents_wrap {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;gap:40px 0;}
section.snsshare .contents_wrap > .title {}
section.snsshare .contents_wrap > .sns_wrapper {position: relative;display:flex;justify-content: center;align-items: center;background:#FFFFFF;border-radius:30px;padding:16px;box-sizing: border-box;}
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:#ffffff;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:#EA5514;margin-left:5px;margin-top:-10px;line-height:0;font-size:48px;}
section.sec-join-info  span._join_all_cnt{color:#AECF04;margin-left:5px;margin-top:-10px;font-size:48px;}
section.sec-join-info  div span{font-size:28px;font-weight:900;padding:0 0 0 5px;}
section.sec-join-info  div .f_logo{display:flex;align-items:center;gap: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 {position:fixed;left:0;bottom:0;width:100%;height:110px;z-index:15; overflow:hidden;}
.navigator_wrapper .cont_wrap {width:100%;background:#3069D3;height:100%;display:flex;justify-content:center;}
.navigator_wrapper .cont_wrap .navi_wrap {width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:0 20px;box-sizing:border-box; gap:4px;}
.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 0;}
.navigator_wrapper .cont_wrap .navi_wrap > li img{}
.navigator_wrapper .cont_wrap .navi_wrap > li > div > a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:100px;overflow:hidden;}
.navigator_wrapper .cont_wrap .navi_wrap > li > .n_top{position:relative;background-image:url('../images/top.png');width:74px;height:74px;cursor:pointer;background-repeat:no-repeat;border-radius:50%;}


/* 고정 메뉴 */

/* 기타  */

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


.result_wrap {position:absolute;width:100%;text-align:center;bottom:100px;}
.result_wrap > .btn.event_result2{width:463px;height:122px;display:inline-block;}
.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;}

.bounce1 {animation: bounce1 2s;}
.bounce2 {animation: bounce2 1s;}
.bounce3 {animation: bounce3 1s;}

.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; 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;}
.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;border-top-left-radius:20px;border-top-right-radius:20px;}
.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;position:relative;border-bottom-left-radius:20px;}
.pu_event_info .btns a.bt_participate_done .hand{right:10px;bottom:-50px;zoom:1;}

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

.pu_event_info.pop02 .btns a.bt_participate_done {
    background: #F05A28;
    color: #FFFFFF;
}
.pu_event_info.pop03 .btns a.bt_participate_done {
    background: #1263AA;
    color: #FFFFFF;
}

.pu_event_info .btns a.bt_cancel {background:#333;border-bottom-right-radius:20px;}

.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.pop01 .checks input[type="checkbox"]:checked + label:after { background:url(../images/cb01.png?v=3) no-repeat 0 0; }
.pu_event_info.pop02 .checks input[type="checkbox"]:checked + label:after { background:url(../images/cb02.png?v=3) no-repeat 0 0; }
.pu_event_info.pop03 .checks input[type="checkbox"]:checked + label:after { background:url(../images/cb03.png?v=3) no-repeat 0 0; }




.pu_event_done { display:none;}
.pu_event_done .ph{ width:100%;}
.pu_event_done .ph .close{position:absolute;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;}
.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:absolute; display:block; width:100%;height:80px;bottom:0;}
.pu_event_done .ph a .hand{right:160px;bottom:-40px;}
.pu_event_done .ph img{width:650px;}


.pu_event_done.e01 {background:#000000;}
.pu_event_done.e02 {background:#000000;}
.pu_event_done.e03 {background:#000000;}
.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;}