@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/visual/title_on.png');
}


.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:80px;box-sizing:border-box;z-index:10;background:#FFFFFF;font-size:18px;font-family:'Pretendard';overflow:visible;}
.htmlWrapper section.top_wrapper > .hx_top{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px 0;color:#888888;}
.htmlWrapper section.top_wrapper > .hx_top .l_wrap{display:flex;align-items:center;}
.htmlWrapper section.top_wrapper > .hx_top span{font-size:18px;font-weight:500;font-family:'ONE-Mobile-Title';}
.htmlWrapper section.top_wrapper > .hx_top span.first{position:relative;top:3px;}
.htmlWrapper section.top_wrapper > .hx_top i{margin-top:3px;margin-right:10px;}
.htmlWrapper section.top_wrapper > .hx_top .hx_txt{position:absolute;top:0px;}
.htmlWrapper section.top_wrapper > .hx_top b{font-size:22px;color:#222222;}
/* Visual */

/* Visual */
.htmlWrapper section.visual_wrapper {position: relative;width: 100%;height: 1160px;overflow:hidden;background-image:url('../images/visual/bg.jpg');}
.htmlWrapper section.visual_wrapper .contents_wrap {position: relative;width: 100%;height: 100%;overflow:hidden;display:flex;align-items:center;flex-direction:column;padding:430px 0 0 0;}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt{position:relative;background-image:url('../images/visual/title.png');width:453px;height:223px;background-position:center;background-size:100%;background-repeat:no-repeat;left:-30px;transform:scale(.85);}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt.on{background-image:url('../images/visual/title_on.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .txt{position:relative;margin:281px 0 0 0;}

/* Visual */

/* 다음 */
section.daum {position: relative;width: 100%;height: 320px;background:#F0F1F5;}
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: 680px;height: 64px;background-image: url('../images/daum/cover.png');background-repeat: no-repeat;background-position: center;display: flex;align-items: start;}
section.daum .contents_wrap .box .typing-text {position: absolute;left: 200px;top: 15px;line-height: 36px;font-family: 'Pretendard',sans-serif;font-weight: 700;font-size: 28px;color: #1e1e1e;border-right: 2px solid #333;animation: typing 6s steps(22) infinite;white-space: nowrap;overflow: hidden;}
section.daum .contents_wrap .exp {position: relative;left: 65px;margin-top: 16px;}
/* 다음 */



/* 이벤트 01 */
section.event01 {position: relative;width: 100%;height:2844px;background-image: url('../images/event01/bg.jpg');}
section.event01 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding: 80px 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;align-items:center;margin: 80px 0 0 0;width: 100%;justify-content: space-between;z-index: 2;gap:40px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_title{margin:30px 0 0 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width: 682px;margin: 40px 0 0 0;display:flex;flex-direction:column;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .movie_wrap{position:relative;width: 100%;height:490px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .movie_wrap .movie{position:relative;width: 100%;height:385px;display:flex;justify-content:center;align-items:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .movie_wrap .movie iframe{position:relative;width: 100%;height:100%;border-radius:20px;overflow:hidden;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .movie_wrap .txt{position:relative;width: 100%;height:108px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:400;gap:0 9px;color:#222222;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .movie_wrap .txt span.num{position:relative;font-size:28px;color:#FF4D00;font-weight:700;padding-left:64px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .movie_wrap .txt span.num::before{position:absolute;left:0;top:-5px;content:'';background-image:url('../images/event01/icon.png');width:45px;height:45px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .movie_wrap .txt span.b{font-weight:700;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .message_wrap{position:relative;width: 100%;height:202px;background-image:url('../images/event01/bg_box.png');padding:24px 0 0 50px;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .message_wrap .airplain{position:absolute;width: 210px;height:389px;top:-150px;right:-12px;background-image:url('../images/event01/airplain.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .message_wrap .ipt{position:relative;margin-top:40px;padding:0 25px;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .message_wrap .ipt input{width:540px;height:50px;border:0;background:transparent;font-size:24px;color:#777777;font-weight:400;padding:0 10px;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .message_wrap .ipt input:focus{outline:none;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .btns_wrap{margin:40px 0 0 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .btns_wrap .btn_send{position:relative;background-image:url('../images/event01/btn_send.png');width:330px;height:86px;cursor:pointer;}



section.event01 .contents_wrapper > .join_wrapper {position: relative;margin:50px 0 0 0;width: 712px;height: 156px;display: flex;justify-content: center;align-items: center;font-size: 24px;color:#555555;background-image:url('../images/event01/bg_num.png');font-family:"Pretendard",sans-serif;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;flex-direction:column;justify-content: center;align-items: center;gap: 8px 0;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .first{display:flex;align-items:center;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #FF4C00;font-weight: 800;font-size: 40px;line-height: 0.7;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 900;padding: 0 7px 0 12px;font-size: 28px;color: #000000;}

/* 이벤트 01 */

/* 이벤트 02 */
section.event02 {position: relative;width: 100%;height: 3137px;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: 80px 0 0 0;}
section.event02 .contents_wrapper > div {display: flex;flex-direction: column;width: 100%;background-position: center top;align-items: center;}
section.event02 .contents_wrapper .schedule_wrap {display: flex;flex-direction:column;align-items:center;margin: 40px 0 0 0;z-index: 2;gap:40px 0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_title{margin:80px 0 0 0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap{width:100%;margin:50px 0 0 0;background-image:url('../images/event02/map.png');display:flex;justify-content:center;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 {width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:80px;padding:0 20px;box-sizing:border-box;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .event_items{width:100%;margin:90px 0 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 20px;box-sizing:border-box;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .event_items .icon {position:relative;width:300px;height:272px;background-position:center;background-repeat:no-repeat;cursor:pointer;background-size:100%;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .event_items .icon.icon01 {background-image:url('../images/event02/icon01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .event_items .icon.icon02 {background-image:url('../images/event02/icon02.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .event_items .icon.icon03 {background-image:url('../images/event02/icon03.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .event_items .icon.icon04 {background-image:url('../images/event02/icon04.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step01 .event_items .icon.on::before {
	position:absolute;content:'';left:0;top:0;width:100%;height:100%;background-image:url('../images/event02/heart_cover.png');background-position:center;
	background-repeat:no-repeat;z-index:-1;animation:.7s icon01_over infinite linear forwards;
}


section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 {width:100%;display:flex;flex-direction:column;align-items:start;justify-content:end;height:891px;padding:84px; box-sizing:border-box;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.heart01 {background-image:url('../images/event02/pop_message_01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.heart02 {background-image:url('../images/event02/pop_message_02.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.heart03 {background-image:url('../images/event02/pop_message_03.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02.heart04 {background-image:url('../images/event02/pop_message_04.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btns_wrap{position:relative;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step02 .btns_wrap .btn_message{position:relative;background-image:url('../images/event02/btn_message.png');width:489px;height:86px;cursor:pointer;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 {width:720px;display:flex;flex-direction:column;align-items:start;justify-content:start;height:891px;padding:60px 55px; box-sizing:border-box;background-image:url('../images/event02/pop_message_bg.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .message_wrap{width:560px;display:flex;flex-direction:column;align-items:center;gap:30px 0;margin-left:21px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .message_wrap .msg {display:flex;align-items:center;justify-content:center;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .message_wrap .btns_wrap{position:absolute;bottom:40px;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .message_wrap .btns_wrap .btn_join{position:relative;width:373px;height:90px;background-image:url('../images/event02/btn_join.png');cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .message_wrap .msg .txt{width:100%;height:100%;background-position:center;background-repeat:no-repeat;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03.heart01 .message_wrap .message01{width:468px;height:136px;display:flex;flex-direction:column;background-image:url('../images/event02/box01_1.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03.heart01 .message_wrap .message02{width:408px;height:136px;display:flex;flex-direction:column;background-image:url('../images/event02/box01_2.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03.heart01 .message_wrap .message03{width:560px;height:136px;display:flex;flex-direction:column;background-image:url('../images/event02/box01_3.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03.heart01 .message_wrap .message01 .txt{background-image:url('../images/event02/msg01_1.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03.heart01 .message_wrap .message02 .txt{background-image:url('../images/event02/msg01_2.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03.heart01 .message_wrap .message03 .txt{background-image:url('../images/event02/msg01_3.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03.heart02 .message_wrap .message01{width:508px;height:136px;display:flex;flex-direction:column;background-image:url('../images/event02/box02_1.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03.heart02 .message_wrap .message02{width:494px;height:136px;display:flex;flex-direction:column;background-image:url('../images/event02/box02_2.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03.heart02 .message_wrap .message03{width:528px;height:136px;display:flex;flex-direction:column;background-image:url('../images/event02/box02_3.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03.heart02 .message_wrap .message01 .txt{background-image:url('../images/event02/msg02_1.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03.heart02 .message_wrap .message02 .txt{background-image:url('../images/event02/msg02_2.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03.heart02 .message_wrap .message03 .txt{background-image:url('../images/event02/msg02_3.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03.heart03 .message_wrap .message01{width:380px;height:136px;display:flex;flex-direction:column;background-image:url('../images/event02/box03_1.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03.heart03 .message_wrap .message02{width:580px;height:100px;display:flex;flex-direction:column;background-image:url('../images/event02/box03_2.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03.heart03 .message_wrap .message03{width:362px;height:136px;display:flex;flex-direction:column;background-image:url('../images/event02/box03_3.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03.heart03 .message_wrap .message01 .txt{background-image:url('../images/event02/msg03_1.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03.heart03 .message_wrap .message02 .txt{background-image:url('../images/event02/msg03_2.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03.heart03 .message_wrap .message03 .txt{background-image:url('../images/event02/msg03_3.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03.heart04 .message_wrap .message01{width:400px;height:136px;display:flex;flex-direction:column;background-image:url('../images/event02/box04_1.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03.heart04 .message_wrap .message02{width:528px;height:100px;display:flex;flex-direction:column;background-image:url('../images/event02/box04_2.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03.heart04 .message_wrap .message03{width:442px;height:136px;display:flex;flex-direction:column;background-image:url('../images/event02/box04_3.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03.heart04 .message_wrap .message01 .txt{background-image:url('../images/event02/msg04_1.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03.heart04 .message_wrap .message02 .txt{background-image:url('../images/event02/msg04_2.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03.heart04 .message_wrap .message03 .txt{background-image:url('../images/event02/msg04_3.png');}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .message_wrap .message01.on{animation:.5s show_message linear forwards;opacity:0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .message_wrap .message02.on{animation:.5s show_message02 linear forwards;animation-delay:.6s;opacity:0;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .step03 .message_wrap .message03.on{animation:.5s show_message linear forwards;animation-delay:1.2s;opacity:0;}


section.event02 .contents_wrapper > .join_wrapper {position: relative;width: 712px;height: 156px;display: flex;justify-content: center;align-items: center;font-size: 24px;color:#555555;background-image:url('../images/event01/bg_num.png');font-family:"Pretendard",sans-serif;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;flex-direction:column;justify-content: center;align-items: center;gap: 8px 0;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap .first{display:flex;align-items:center;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #E53749;font-weight: 800;font-size: 40px;line-height: 0.7;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 900;padding: 0 7px 0 12px;font-size: 28px;color: #000000;}

section.event02 .contents_wrapper > .current_result_wrapper{position:relative;width:100%;margin:0 auto;}
section.event02 .contents_wrapper > .current_result_wrapper .heart_bar{position:absolute;width:228px;height:548px;background-image:url('../images/event02/degree.png');left:32px;display:flex;align-items:end;top:290px;}
section.event02 .contents_wrapper > .current_result_wrapper .heart_bar .bar_wrap{position:absolute;width:12px;height:663px;display:flex;align-items:end;left:109px;bottom:35px;}
section.event02 .contents_wrapper > .current_result_wrapper .heart_bar .bar_wrap::before{position:absolute;content:'';background-image:url('../images/event02/num.png');width:30px;height:407px;left:-44px;top:258px;}
section.event02 .contents_wrapper > .current_result_wrapper .heart_bar .bar_wrap::after{position:absolute;content:'';background-image:url('../images/event02/unit.png');width:7px;height:299px;left:2px;top:262px;}
section.event02 .contents_wrapper > .current_result_wrapper .heart_bar .bar_wrap .bar{position:relative;width:100%;height:663px;background:#F54658;border-bottom-left-radius:20px;border-bottom-right-radius:20px;transition:.5s all;}
section.event02 .contents_wrapper > .current_result_wrapper .heart_bar .bar_wrap .bar::after{position:absolute;content:'';background-image:url('../images/event02/dir_heart.png');width:72px;height:47px;left:12px;top:-20px;}
section.event02 .contents_wrapper > .current_result_wrapper .heart_bar .bar_wrap.full .bar{border-top-left-radius:20px;border-top-right-radius:20px;}
section.event02 .contents_wrapper > .current_result_wrapper .heart_info{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Cafe24Ssurround';margin:80px 0 0 0;gap:124px 0;}
section.event02 .contents_wrapper > .current_result_wrapper .heart_info .ttl{color:#111111;font-size:64px;text-align:center;line-height:1.2;}
section.event02 .contents_wrapper > .current_result_wrapper .heart_info .ttl span{position:relative;color:#E53749;top:5px;}
section.event02 .contents_wrapper > .current_result_wrapper .heart_info .ttl span.degree{font-size:80px;}
section.event02 .contents_wrapper > .current_result_wrapper .heart_info .ttl span.unit{font-family:'Pretendard';font-weight:900;margin-right:5px;}
section.event02 .contents_wrapper > .current_result_wrapper .heart_info .pic{position:relative;left:102px;}

/* 이벤트 02 */


/* 자가테스트 */
section.selftest {position: relative;width: 100%;height:1688px;background-image: url('../images/selftest/bg.jpg');}
section.selftest .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.selftest .contents_wrap .title {margin-bottom: 30px;}
section.selftest .contents_wrap .item_wrapper {position:relative;display:flex;justify-content:center;}
section.selftest .contents_wrap .item_wrapper ul{display:flex;flex-wrap:wrap;justify-content:center;width:680px;gap:20px 0;}
section.selftest .contents_wrap .item_wrapper ul li{position:relative;width:330px;height:219px;}
section.selftest .contents_wrap .item_wrapper ul li > div{width:100%;height:100%;background-size:100%;}
section.selftest .contents_wrap .item_wrapper ul li > div.item01{background-image:url('../images/selftest/icon01.png');}
section.selftest .contents_wrap .item_wrapper ul li > div.item02{background-image:url('../images/selftest/icon02.png');}
section.selftest .contents_wrap .item_wrapper ul li > div.item03{background-image:url('../images/selftest/icon03.png');}
section.selftest .contents_wrap .item_wrapper ul li > div.item04{background-image:url('../images/selftest/icon04.png');}
section.selftest .contents_wrap .item_wrapper ul li > div.item05{background-image:url('../images/selftest/icon05.png');}
section.selftest .contents_wrap .item_wrapper ul li > div.item06{background-image:url('../images/selftest/icon06.png');}
section.selftest .contents_wrap .item_wrapper ul li > div.item07{background-image:url('../images/selftest/icon07.png');}
section.selftest .contents_wrap .item_wrapper ul li > div.item08{background-image:url('../images/selftest/icon08.png');}
section.selftest .contents_wrap .item_wrapper ul li > div.item09{background-image:url('../images/selftest/icon09.png');}
section.selftest .contents_wrap .item_wrapper ul li > div.item10{background-image:url('../images/selftest/icon10.png');}
section.selftest .contents_wrap .btns_wrap{position:relative;width:100%;display:flex;justify-content:center;margin:40px 0 0 0;}
section.selftest .contents_wrap .btns_wrap .btn_go{position:relative;width:532px;height:86px;background-image:url('../images/selftest/btn_go.png');}
section.selftest .contents_wrap .btns_wrap .btn_go a{display:block;width:100%;height:100%;}
/* 자가테스트 */

/* 카드뉴스 */
section.cardnews {position: relative;width: 100%;height:1000px;background-image: url('../images/cardnews/bg.jpg');background-position:center bottom;background-repeat:no-repeat;background-color:rgba(255,255,255,1);}
section.cardnews .contents_wrap {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;justify-content: start;padding:80px 0 0 0;box-sizing:border-box;}
section.cardnews .contents_wrap .title {margin-bottom: 40px;}
section.cardnews .contents_wrap .card_wrap {position:relative;width:637px;margin:0 auto;display:flex;justify-content:center;}
section.cardnews .contents_wrap .card_wrap .cardnews_wrap{position:relative;width:680px;height:680px;}
section.cardnews .contents_wrap .card_wrap .swiper{height:680px;}
section.cardnews .contents_wrap .card_wrap .cardnewsBtn .btn_prev{position:absolute;width:71px;height:72px;background-image:url('../images/cardnews/btn_prev.png');left:-35px;top:309px;}
section.cardnews .contents_wrap .card_wrap .cardnewsBtn .btn_next{position:absolute;width:72px;height:72px;background-image:url('../images/cardnews/btn_next.png');right:-35px;top:309px;}
/* 카드뉴스 */

/* 서비스 */
section.service {position: relative;width: 100%;height:1490px;background:#FFF0EE;}
section.service .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.service .contents_wrap .title{margin-bottom:40px;}
section.service .contents_wrap .part_wrap{display:flex;flex-direction:column;align-items:center;}
section.service .contents_wrap .part_wrap > div{width:645px;height:587px;display:flex;flex-direction:column;gap:32px 0;padding:118px 60px 0 60px;box-sizing:border-box;}
section.service .contents_wrap .part_wrap .part01{background-image:url('../images/service/part01.png');}
section.service .contents_wrap .part_wrap .part02{background-image:url('../images/service/part02.png');}
section.service .contents_wrap .part_wrap .items{display:flex;height:44px;align-items:center;justify-content:space-between;}
section.service .contents_wrap .part_wrap .items .txt{font-size:20px;color:#333333;font-weight:500;}
section.service .contents_wrap .part_wrap .items .txt span:nth-child(1){margin-right:40px}
section.service .contents_wrap .part_wrap .items .btn{background:#FF8E9A;color:#FFFFFF;font-size:18px;font-weight:700;height:100%;display:flex;justify-content:center;align-items:center;padding:0 16px;border-radius:100px;cursor:pointer;}
section.service .contents_wrap .part_wrap .items .btn a{color:#FFFFFF;}
section.service .contents_wrap .part_wrap .items .btn.inactive{background:#F5F5F5;width:104px;color:#CCCCCC;}

/* SNS SHARE */
section.snsshare {position: relative;width: 100%;height: 542px;background-image:url('../images/share/bg.jpg');}
section.snsshare .contents_wrap {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: start;text-align: center;padding: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:#ffffff;font-family:'Pretendard';}
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:#5C79ED;margin-left:5px;margin-top:-10px;font-family:'ONE-Mobile-Title';line-height:0;}
section.sec-join-info  span._join_all_cnt{color:#E53749;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 */

.pop_evt2_wrapper {position:fixed;left:0;top:0;width:100%;height:100vh;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:10;}
.pop_evt2_wrapper .pop_content_wrapper{position:relative;width:1238px;height:1000px;margin:0 auto;background:#FFFFFF;border-radius:30px;scale:.8}
.pop_evt2_wrapper .pop_content_wrapper .close{position:absolute;background-image:url('../images/btn_evt2_close.png');width:54px;height:54px;right:-80px;cursor:pointer;}
.pop_evt2_wrapper .pop_content_wrapper .contents{position:relative;display:flex;width:100%;height:100%;border-radius:30px;overflow:hidden;}
.pop_evt2_wrapper .pop_content_wrapper .contents .left_part{position:relative;width:588px;height:100%;background:#FED286;display:flex;align-items:center;justify-content:end;}
.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data{position:relative;width:542px;}
.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .bg{position:absolute;background-image:url('../images/bg_pop_pic.png');width:300px;height:245px;right:0;top:-40px;}
.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .bg .pic{position:relative;display:flex;justify-content:center;align-items:center;top:45px;}
.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .txt{position:relative;font-size:46px;margin-bottom:38px;}
.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .txt p{position:relative;}
.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .txt p span{font-weight:700;}
.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .exp{font-weight:500;font-size:21px;color:#000000;line-height:1.4;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part{position:relative;width:650px;height:100%;display:flex;flex-direction:column;align-items:center;padding:37px 0 0 0;box-sizing:border-box;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data{position:relative;display:flex;justify-content:center;flex-direction:column;width:600px;align-items:center;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .title{font-size:24px;text-align:center;margin-bottom:40px;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .title span{font-weight:700;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .exp_wrap{position:relative;padding:54px 0 43px 0;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .exp_wrap .simple{position:relative;font-size:22px;text-align:center;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .exp_wrap .ttl{position:relative;font-size:28px;font-weight:700;text-align:center;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap {position:relative;width:100%;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul{position:relative;display:flex;justify-content:space-between;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li{position:relative;width:190px;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .img{position:relative;width:190px;height:125px;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .img.on:before{position:absolute;0;content:'';background-image:url('../images/stamp.png');top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .img img{width:100%;height:100%;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .ttl{font-size:18px;font-weight:500;letter-spacing:-1px;padding:5px 0 0 5px;}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns{position:absolute;width:100%;bottom:110px;display:flex;justify-content:center;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join{position:relative;background-image:url('../images/btn_evt2_join.png');width:419px;height:110px;cursor:pointer;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join .hand{display:none;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join.on{background-image:url('../images/btn_evt2_join_on.png');}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join.on .hand{display:block;}
.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .txt{position:absolute;width:100%;bottom:57px;display:flex;justify-content:center;}


.pop_evt2_wrapper .pop_content_wrapper .contents .frame_div {position:absolute;width:100%;height:58%;z-index:99;left:0;top:0;border:5px solid #000;box-sizing:border-box;border-radius:30px;background:#FFFFFF;overflow:hidden;}
.pop_evt2_wrapper .pop_content_wrapper .contents .frame_div .pclose{position:absolute;right:10px;top:10px;cursor:pointer;z-index:9;}
.pop_evt2_wrapper .pop_content_wrapper .contents .frame_div iframe{width:101%;height:100%;}

/* 이벤트 02 */



/* 참여 정보 */
section.sec-copyright {position:relative;width:100%;height: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; bottom: 0;overflow:hidden;}
.navigator_wrapper .cont_wrap {width:100%;background:#E53749;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 40px;box-sizing:border-box;}
.navigator_wrapper .cont_wrap .navi_wrap > li{position:relative;flex:1;box-sizing:border-box;height:100%;display:flex;justify-content:center;align-items:center;gap:0 10px;}
.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:68px;height:68px;cursor:pointer;background-repeat:no-repeat;margin-left:10px;}



.n_menu_list {position:fixed;bottom:-800px;z-index:99;background:#e60012;width:500px;box-sizing:border-box;font-size:22px;}
.n_menu_list.on {bottom:0;}
.n_menu_list > .n_menu.close {float:right;background-image:url('../images/gnb_close.png');width:46px;height:46px;display:inline-block;margin-top:13px;margin-right:20px;cursor:pointer;}
.n_menu_list > .m_list {width:100%;display:flex;flex-wrap:wrap;padding:10px 0 0 0;box-sizing:border-box;text-align:center;display:flex;flex-direction:column;}
.n_menu_list > .m_list  a {color:#FFFFFF;}
.n_menu_list > .m_list  div {border-bottom:2px solid #D9D9D9;width:433px;margin:0 auto;padding:15px 0;}
.n_menu_list > .m_list  a:last-child div{border-bottom:0;}
.n_menu_list > .m_list  div > span {display:flex;cursor:pointer;position:relative;width:433px;height:80px;line-height:1.4;align-items:center;justify-content:start;text-align:left;padding-left:20px;box-sizing:border-box;}
.n_menu_list > .m_list  div > span a{display:block;font-size:23px;color:#FFFFFF;font-weight:500;letter-spacing:-.5px;text-align:left;}
.n_menu_list > .m_list  div > span {position:relative;}
.n_menu_list > .m_list  div > span::after {content:'';width:80px;height:80px;position:absolute;left:10px;top:0;}

.n_menu_list > .m_list  div.on {background-color:rgba(255,255,255,.1);}
/* 고정 메뉴 */

/* 기타  */

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

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

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

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

.hand {position:absolute;z-index:5;animation: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; }
.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 {position:relative;background:#ED5C6B;color:#FFFFFF;border-bottom-left-radius:20px;}
.pu_event_info.pop01 .btns a.bt_participate_done {background:#FF8645;}
.pu_event_info .btns a.bt_participate_done.i02 {background:#B7612B;}
.pu_event_info .btns a.bt_participate_done.i03 {background:#316F52;}
.pu_event_info .btns a.bt_participate_done.i04 {background:#B02923;}

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