@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;min-width: 1400px;background-color: #d5d6d7;}
body::after {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	z-index: -1;
	content: url('');
}
.htmlWrapper {width: 100%;max-width: 1920px;margin: 0 auto;padding-bottom: 100px;position: relative;overflow: hidden;}
.htmlWrapper section {background-position: center;min-width: 1400px;}
div:focus{outline:none;}

body, h1, h2, h3, h4, input, select, button, textarea {font-family:'Pretendard',sans-serif;}
/* 상단 */
.htmlWrapper section.top_wrapper {
    position: relative;display: flex;justify-content: center;align-items: center;
    width: 100%;height: 55px;box-sizing: border-box;z-index: 1;background: #FFFFFF;
    font-size: 20px;overflow: visible;
}
.htmlWrapper section.top_wrapper > .hx_top {position: relative;height: 100%;display: flex;justify-content: center;align-items: center;gap: 0 5px;color: #888888;}
.htmlWrapper section.top_wrapper > .hx_top span {font-size: 24px;font-weight: 800;color: #222222;font-family: 'ONE-Mobile-Title';}
.htmlWrapper section.top_wrapper > .hx_top span a {display: flex;}
.htmlWrapper section.top_wrapper > .hx_top b {color: #000;}
.htmlWrapper section.top_wrapper > .hx_top i {margin-top: 3px;margin-right: 10px;}
.htmlWrapper section.top_wrapper > .hx_top .com_logo {margin-top:-7px;}
.htmlWrapper section.top_wrapper > .hx_top div.ment {margin-top: -5px;}
.htmlWrapper section.top_wrapper > .hx_top .hx_txt {position: absolute;top: 40px;}


/* Visual */
.htmlWrapper section.visual_wrapper {position: relative;width: 100%;height: 910px;overflow:hidden;background-image:url('../images2/visual/bg.png');}
.htmlWrapper section.visual_wrapper .contents_wrap {position: relative;width: 100%;height: 100%;overflow:hidden;display:flex;align-items:center;flex-direction:column;padding:120px 0 0 0;box-sizing:border-box;}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt{position:relative;width:1451px;height:192px;background-image:url('../images2/visual/bg_search.png');display:flex;align-items:start;padding:30px 0 0 0;box-sizing:border-box;}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt .inner{position:relative;width:1451px;height:106px;display:flex;align-items:center;justify-content:center;}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt .inner .icon{position:relative;width:117px;height:106px;background-image:url('../images2/visual/icon.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt .inner .txt{position:relative;width:1052px;height:64px;margin:0 45px 0 20px;}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt .inner .txt .ct{position:absolute;width:0;height:64px;background-image:url('../images2/visual/txt.png');overflow:hidden;animation:4s main_txt infinite linear forwards;background-position:center left;}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt .inner .btn{position:relative;width:68px;height:72px;background-image:url('../images2/visual/icon_find.png');}
.htmlWrapper section.visual_wrapper .contents_wrap .place_list_wrapper{position:absolute;width:100%;left:0;bottom:0;}
.htmlWrapper section.visual_wrapper .contents_wrap .place_list_wrapper .place_list_cont{position:relative;width:100%;background:#FFFFFF;height:130px;padding:10px 0;box-sizing:border-box;}
.htmlWrapper section.visual_wrapper .contents_wrap .place_list_wrapper .place_list_cont .swiper-slide{width:auto !important;}

.htmlWrapper section.visual_wrapper .contents_wrap .place_list_wrapper .swiper-wrapper{
	transition-timing-function: linear;
}
/* 다음 */
section.daum {position: relative;width: 100%;height: 444px;background-image:url('../images2/daum/bg.png');}
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: 39px;width: 1096px;height: 75px;background-image: url('../images2/daum/bg_search.png');background-repeat: no-repeat;background-position: center;display: flex;align-items: start;}
section.daum .contents_wrap .box .typing-text {position: absolute;left: 240px;top: 22px;line-height: 36px;font-family: 'Pretendard',sans-serif;font-weight: 700;font-size: 32px;color: #1e1e1e;border-right: 2px solid #333;animation: typing 6s steps(22) infinite;white-space: nowrap;overflow: hidden;}
section.daum .contents_wrap .exp {position: relative;left: 5px;margin-top: 15px;}
/* 다음 */


/* 이벤트 01 */
section.event01 {position: relative;width: 100%;height:2641px;background-image: url('../images2/event01/bg.png');overflow:hidden;}
section.event01 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding: 100px 0 0 0;}
section.event01 .contents_wrapper > div {position:relative;display: flex;flex-direction: column;width: 100%;background-position: center top;align-items: center;}

section.event01 .contents_wrapper .schedule_wrap {display: flex;margin: 40px 0 0 0;width: 1260px;justify-content: space-between;z-index: 2;}
section.event01 .contents_wrapper .event_cont_wrapper .event_title{margin:16px 0 40px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width: 1551px;height:1475px;display:flex;align-items:start;justify-content:center;gap:0 65px;background-image:url('../images2/event01/cover.png');margin:110px 0 0 0;padding:506px 0 0 0;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap.share{position:relative;width: 1551px;height:1475px;display:flex;align-items:start;justify-content:center;gap:0 0;background-image:url('../images2/event01/cover_02.png?v=1');margin:110px 0 0 0;padding:226px 0 0 0;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .chat_box{position:relative;width:779px;height:787px;z-index:5;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .chat_box .cover{position:absolute;left:-7px;top:-7px;width:791px;height:802px;background-image:url('../images2/event01/cover2.png');display:none;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .chat_box iframe{width:100%;height:100%;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .chat_share_box{width:903px;height:1105px;background-image:url('../images2/event01/cover_share.png');display:flex;justify-content:center;align-items:center;padding:0 0 0 20px;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .chat_share_box .cover{width:573px;height:750px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .chat_share_box .cover img{max-width:100%;height:100%;object-fit:contain;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .capture_box{display:flex;flex-direction:column;width:423px;align-items:center;gap:25px 0;margin:140px 0 0 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .capture_box .capture{width:423px;height:423px;background-image:url('../images2/event01/capture_box.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .capture_box .btn_capture{width:247px;height:67px;background-image:url('../images2/event01/btn_capture.png');cursor:pointer;z-index:50;background-size:100%;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .capture_box .caution{font-size:20px;font-weight:800;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .share_box{position:relative;left:-40px;display:flex;flex-direction:column;width:545px;align-items:center;padding:300px 0 0 0;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .share_box .share_icons{position:relative;display:flex;flex-direction:column;width:545px;align-items:center;z-index:20;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .share_box .share_icons ul{display:flex;flex-wrap:wrap;gap:40px 37px;width:545px;justify-content:center;margin-top:60px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .share_box .share_icons a{display:block;width:100%;height:100%;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .share_box .btn_join_wrap{display:flex;position:absolute;bottom:-230px;z-index:15;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .share_box .btn_join_wrap .btn_join{position:relative;width:374px;height:113px;background-image:url('../images2/event01/btn_join.png');cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .share_box .btn_join_wrap .btn_join .hand{display:none;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .share_box .btn_join_wrap .btn_join.on{background-image:url('../images2/event01/btn_join_on.png');}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .share_box .btn_join_wrap .btn_join.on .hand{display:block;bottom:-40px;}

section.event01 .contents_wrapper .char01{position:absolute;left:-105px;bottom:-330px;z-index:10;width: 529px;height:998px;display:flex;flex-direction:column;align-items:center;background-image:url('../images2/event01/char01.png');}
section.event01 .contents_wrapper .char02{position:absolute;right:-80px;bottom:-220px;z-index:5;width: 525px;height:1058px;display:flex;flex-direction:column;align-items:center;background-image:url('../images2/event01/char02.png');}


section.event01 .contents_wrapper > .join_wrapper {position: absolute;bottom:100px;width: 1032px;height: 110px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background:#FFFFFF;;margin:50px 0 0 0;border-radius:55px;z-index:11;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;justify-content: center;align-items: center;gap: 0 5px;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #FF5C35;font-weight: 800;font-size: 40px;line-height: 0.7;}
section.event01 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 600;padding: 0 7px 0 12px;font-size: 32px;color: #000000;}
/* 이벤트 01 */

/* 이벤트 02 */
section.event02 {position: relative;width: 100%;height: 2693px;background-image: url('../images2/event02/bg.png?v=1');}
section.event02 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding: 175px 0 0 0;}
section.event02 .contents_wrapper .evt02_content{display: flex;flex-direction: column;width: 100%;align-items: center;}
section.event02 .contents_wrapper .schedule_wrap {display: flex;margin: 45px 0 115px 0;width: 1240px;justify-content: space-between;z-index: 5;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap{width:1551px;height:1600px;background-image:url('../images2/event02/cover.png');display:flex;flex-direction:column;align-items:center;padding:255px 0 0 0;box-sizing:border-box;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .e_title{}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .photo_wrapper{width:1400px;height:457px;display:flex;justify-content: center;margin:95px 0 75px 0;z-index:5;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .photo_wrapper .gallery_wrap{position:relative;width:1184px;height:100%;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .photo_wrapper .gallery_wrap .swiper-slide{width:818px;height:457px;border-radius:20px;overflow:hidden;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .photo_wrapper .gallery_wrap .swiper-slide .photo{width:100%;height:100%;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .photo_wrapper .gallery_wrap .swiper-slide .photo.p01{background-image: url('../images2/event02/photo01.png?v=1.1');border-radius:20px;box-sizing:border-box;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .photo_wrapper .gallery_wrap .swiper-slide .photo.p02{background-image: url('../images2/event02/photo02.png?v=1.1');border-radius:20px;box-sizing:border-box;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .photo_wrapper .gallery_wrap .swiper-slide .photo.p03{background-image: url('../images2/event02/photo03.png?v=1.1');border-radius:20px;box-sizing:border-box;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .photo_wrapper .gallery_wrap .swiper-slide .photo.p04{background-image: url('../images2/event02/photo04.png?v=1.1');border:1px solid #6d4095;border-radius:20px;box-sizing:border-box;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .photo_wrapper .gallery_wrap .swiper-slide .photo .drop_box{position:absolute;left:50px;top:60px;width:379px;height:261px;display:none;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .photo_wrapper .gallery_wrap .swiper-slide .photo.p01 .drop_box{background-image: url('../images2/event02/cover01.png?v=1')}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .photo_wrapper .gallery_wrap .swiper-slide .photo.p02 .drop_box{background-image: url('../images2/event02/cover02.png?v=1')}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .photo_wrapper .gallery_wrap .swiper-slide .photo.p03 .drop_box{background-image: url('../images2/event02/cover03.png?v=1')}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .photo_wrapper .gallery_wrap .swiper-slide .photo.p04 .drop_box{left:424px;width:379px;height:381px;background-image: url('../images2/event02/cover04.png?v=1.0')}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .photo_wrapper .gallery_wrap .swiper-slide.swiper-slide-active  .photo{z-index:5;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .photo_wrapper .gallery_wrap .swiper-slide.swiper-slide-active  .photo .drop_box{display:block;}

section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .photo_wrapper .gallery_wrap .gallery-button-prev{position:absolute;left:-100px;top:180px;width:76px;height:76px;z-index:20;background-image: url('../images2/event02/btn_prev.png');cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .photo_wrapper .gallery_wrap .gallery-button-next{position:absolute;right:-100px;top:180px;width:76px;height:76px;z-index:20;background-image: url('../images2/event02/btn_next.png');cursor:pointer;}


section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .items_wrapper{display:flex;flex-wrap:wrap;width:885px;justify-content: space-between;gap:45px 0;z-index:10;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .items_wrapper .item{}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .items_wrapper .item .drag_box{position:relative;width:429px;height:255px;display:flex;justify-content:center;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .items_wrapper .item .drag_box::before{position:absolute;bottom:0;left:0;content:'';background-image:url('../images2/event02/base.png');width:429px;height:40px;z-index:1;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .items_wrapper .item .drag_box .drag{width:400px;height:232px;z-index:2;cursor:pointer;}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .items_wrapper .item .drag_box .drag.d01{background-image:url('../images2/event02/item01.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .items_wrapper .item .drag_box .drag.d02{background-image:url('../images2/event02/item02.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .items_wrapper .item .drag_box .drag.d03{background-image:url('../images2/event02/item03.png');}
section.event02 .contents_wrapper .event_cont_wrapper .event_cont_wrap .items_wrapper .item .drag_box .drag.d04{background-image:url('../images2/event02/item04.png');}


section.event02 .contents_wrapper .char01 {display:none}
section.event02 .contents_wrapper .char02 {position:absolute;left:-180px;bottom:-185px;width:513px;height:1018px;background-image:url('../images2/event02/char01.png');z-index:2;}
section.event02 .contents_wrapper .char03 {position:absolute;right:-175px;bottom:-160px;width:783px;height:486px;background-image:url('../images2/event02/char02.png');z-index:1;}


section.event02 .contents_wrapper > .join_wrapper {position: absolute;width: 1032px;height: 110px;bottom:10px;display: flex;justify-content: center;align-items: center;font-size: 28px;color:#555555;background:#FFFFFF;;margin:50px 0 0 0;border-radius:55px;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap {position: relative;display: flex;justify-content: center;align-items: center;gap: 0 5px;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap div {line-height: 1;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap .j_info {color: #a2531a;font-weight: 800;font-size: 40px;line-height: 0.7;}
section.event02 .contents_wrapper > .join_wrapper .join_wrap .ttl {font-weight: 700;padding: 0 7px 0 12px;font-size: 32px;color: #000000;}

section.event02 .contents_wrapper .pop_evt {position:fixed;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,.7);z-index:90;display:flex;justify-content:center;align-items: center;}
section.event02 .contents_wrapper .pop_evt .pop_evt_wrapper {position:relative;width:845px;height:986px;background-image: url('../images2/event02/pop_common_bg.png');transform:scale(.9);padding:40px 20px;box-sizing:border-box;}
section.event02 .contents_wrapper .pop_evt .pop_evt_wrapper .cont_wrap{position:relative;width:815px;height:930px;overflow:auto;display:flex;flex-direction: column;align-items: center;gap:40px 0;}
section.event02 .contents_wrapper .pop_evt .pop_evt_wrapper .in_form{position:relative;width:693px;height:590px;display:flex;justify-content: center;background-image: url('../images2/event02/pop_cont03.png?v=1.0');background-position: center top;background-repeat: no-repeat;}
section.event02 .contents_wrapper .pop_evt .pop_evt_wrapper .in_form .hp_wrapper{position:absolute;left:170px;bottom:140px;display:flex;gap:0 53px;}
section.event02 .contents_wrapper .pop_evt .pop_evt_wrapper .in_form .hp_wrapper input{width:170px;height:73px;color:#6d4095;font-size:42px;font-family:'GMarketSansBold';text-align:center;border:0;background:transparent;}
section.event02 .contents_wrapper .pop_evt .pop_evt_wrapper .in_form .hp_wrapper input:focus{outline:none;}
section.event02 .contents_wrapper .pop_evt .pop_evt_wrapper .in_form .btn_wrap{position:absolute;left:0;bottom:40px;display:flex;justify-content:center;width:100%;}
section.event02 .contents_wrapper .pop_evt .pop_evt_wrapper .in_form .btn_wrap .btn_join{position:relative;background-image: url('../images2/event02/btn_join.png');width:199px;height:55px;cursor:pointer;}

/* 이벤트 02 */

/* 카드뉴스 */
section.cardnews {position: relative;width: 100%;height:1081px;background-image: url('../images2/cardnews/bg.png');}
section.cardnews .contents_wrap {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;justify-content: start;padding:130px 0 0 0;box-sizing:border-box;}
section.cardnews .contents_wrap .card_wrap {position:relative;width:1460px;margin:0 auto;display:flex;justify-content:center;z-index:6;padding:0 0 0 0;box-sizing:border-box;}
section.cardnews .contents_wrap .card_wrap .cardnews_wrap{position:relative;width:100%;height:855px;border-radius:20px;overflow:hidden;}
section.cardnews .contents_wrap .card_wrap .swiper .swiper-slide{display:flex;width:473px !important;height:100% !important;align-items:end;}
section.cardnews .contents_wrap .card_wrap .swiper .swiper-slide:nth-child(odd){align-items:start;}
section.cardnews .contents_wrap .card_wrap .cardnewsBtn .btn_prev{position:absolute;width:83px;height:83px;background-image:url('../images2/cardnews/btn_prev.png');left:-128px;top:400px;cursor:pointer;}
section.cardnews .contents_wrap .card_wrap .cardnewsBtn .btn_next{position:absolute;width:83px;height:83px;background-image:url('../images2/cardnews/btn_next.png');right:-128px;top:400px;cursor:pointer;}
section.cardnews .car {position:absolute;width:631px;height:416px;background-image:url('../images2/cardnews/car.png');left:0;bottom:-70px;z-index:3;}
/* 카드뉴스 */


/* SNS SHARE */
section.snsshare {position: relative;width: 100%;height: 442px;background-image:url('../images2/share/bg.png');}
section.snsshare .contents_wrap {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: start;text-align: center;padding:80px 0 0 0;box-sizing:border-box;}
section.snsshare .contents_wrap > .title {margin-bottom:65px;}
section.snsshare .contents_wrap > .sns_wrapper {position: relative;}
section.snsshare .contents_wrap > .sns_wrapper > ul {display: flex;gap: 0 40px;}
/* SNS SHARE */

/* 참여 정보 */
section.sec-join-info {
    position: relative;
    width: 100%;
    height: 208px;
    display: flex;
    justify-content: center;
    font-size: 32px;
    align-items: center;
    color: #000000;
    background-color: #ffffff;
    
}

section.sec-join-info div {
    font-weight: 800;
    display: flex;
    align-items: center;
}
section.sec-join-info i {
    font-weight: 500;
    color:#333333;
	margin-right:10px;
}

section.sec-join-info span.normal {
    font-weight: 300;
    font-size: 32px;
    margin-right: 5px;
    margin-top: -5px;
}

section.sec-join-info span._visit_all_cnt {
    color: #008d5a;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -10px;
    font-family: 'ONE-Mobile-Title';
    line-height: 0;
}

section.sec-join-info span._join_all_cnt {
    color: #f88c03;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -10px;
    font-family: 'ONE-Mobile-Title';
}

section.sec-join-info div span {
    font-size: 48px;
    font-weight: 900;
    font-family: "ONE-Mobile-Title",sans-serif;
    padding: 0 0 0 5px;
}

/* 참여 정보 */
/* 접속 정보 */
section.sec-connect-info {
    position: relative;
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #222222;
    background-color: #DFDFDF;
    
    font-size: 32px;
}

section.sec-connect-info div {
    font-weight: 800;
    display: flex;
    align-items: center;
}

section.sec-connect-info span.area {
    color: #0A91F8;
	font-size:36px;
	padding:0 5px;
	font-weight:800;
}

/* 참여 정보 */
/* SNS */

/* 참여 정보 */
section.sec-copyright {
    position: relative;
    width: 100%;
    height: 162px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f0f0f0;
    color: #555555;
    font-size: 18px;
}

section.sec-copyright > .copyright {
    width: 1400px;
}

section.sec-copyright > .copyright ul {
}

section.sec-copyright > .copyright ul li {
    float: left;
    width: 60%;
    margin-bottom: 10px;
}

section.sec-copyright > .copyright ul li:first-child {
    color: #262630;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Pretendard',sans-serif;
}

section.sec-copyright > .copyright ul li:nth-child(2n+2) {
    text-align: right;
    width: 40%;
}

section.sec-copyright > .copyright ul li:nth-child(4) {
    display: flex;
    justify-content: end;
}

section.sec-copyright > .copyright ul li:nth-child(4) > div {
    text-align: right;
    margin-left: 10px;
}

section.sec-copyright > .copyright ul li:nth-child(4) span {
    color: #555555;
    font-weight: 800;
    font-family: 'Pretendard',sans-serif;
}

/* 고정 메뉴 */
.navigator_wrapper {
    position: fixed;left: 0;bottom: 0;width: 100%;height: 100px;z-index: 51;overflow: hidden;background:#f4f7f9;display:none;
}

.navigator_wrapper .cont_wrap {width: 100%;height: 100%;display: flex;justify-content: center;}

.navigator_wrapper .cont_wrap .navi_wrap {
    width: 1100px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0;
    box-sizing: border-box;
    padding: 0 20px 0 30px;
    box-sizing: border-box;
}

.navigator_wrapper .cont_wrap .navi_wrap > li {
    position: relative;
    flex: 1;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.navigator_wrapper .cont_wrap .navi_wrap > li > .n_menu {
    position: relative;
    width: 83px;
    height: 44px;
    cursor: pointer;
    z-index: 3;
    background-image: url('../images2/allmenu.png');
    background-repeat: no-repeat;
}

.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(1) {
    margin-right: 40px;
}

.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(2) {
    margin-right: 15px;
}

.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(3) {
    margin-right: 15px;
}

.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(4) {
    margin-right: 15px;
}

.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('../images2/top.png');
    width: 75px;
    height: 76px;
    cursor: pointer;
    background-repeat: no-repeat;
	background-color:rgba(0,146,93,1);
	border-radius:50%;
}

.n_menu_list {
    position: fixed;
    bottom: -800px;
    z-index: 99;
    background: #f5f6f4;
    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('../images2/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: #384c35;
}

.n_menu_list > .m_list div {
    border-bottom: 2px solid #384c35;
    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;
    font-weight:800;
}

.n_menu_list > .m_list div > span a {
    display: block;
    font-size: 23px;
    color: #FFFFFF;
    font-weight: 500;
    letter-spacing: -.5px;
    text-align: left;
}

.n_menu_list > .m_list div > span {
    position: relative;
}

.n_menu_list > .m_list div > span::after {
    content: '';
    width: 80px;
    height: 80px;
    position: absolute;
    left: 10px;
    top: 0;
}

.n_menu_list > .m_list div.on {
    background-color: rgba(255,255,255,.1);
}

/* 고정 메뉴 */
/* 기타  */
.join_info_wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.join_info_wrapper.evt01 {
    bottom: 150px;
}

.join_info_wrapper.evt01 .join_info {
    background: #dbf7da;
    border-radius: 50px;
    color: #333333;
    display: inline-block;
    padding: 0 30px;
    font-size: 24px;
    height: 92px;
    line-height: 92px;
    vertical-align: middle;
    border: 2px solid #3fa03b;
}

.join_info_wrapper.evt02 {
    bottom: 124px;
}

.join_info_wrapper.evt02.result {
    bottom: 30px;
}

.join_info_wrapper.evt02 .join_info {
    background: #bdddf3;
    border-radius: 40px;
    color: #071b28;
    display: inline-block;
    padding: 0 30px;
    font-size: 22px;
    height: 63px;
    line-height: 63px;
    vertical-align: middle;
}

.join_info_wrapper.evt03 {
    bottom: 150px;
}

.join_info_wrapper.evt03 .join_info {
    background: #3bd368;
    border-radius: 40px;
    color: #071b28;
    display: inline-block;
    padding: 0 30px;
    font-size: 22px;
    height: 63px;
    line-height: 63px;
    vertical-align: middle;
}

.join_info_wrapper .join_info span.num {
    font-size: 40px;
    color: #125400;
    font-weight: 900;
}

.join_info_wrapper .join_info span.b {
    font-size: 27px;
    font-weight: 700;
}

.hand {	position: absolute;z-index: 5;animation: 1.5s zoom ease-in-out infinite;animation-delay: 0.5s;width: 74px;height: 74px;background-image: url(../images2/hand.png);right:-20px;bottom:-60px;}

.result_wrap {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 100px;
}

.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;
}


.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('../images2/cardnews/btn_prev.png');
    width: 70px;
    height: 70px;
    left: -110px;
    top: 315px;
    cursor: pointer;
}

.cardnew-swiper-button-next {
    position: absolute;
    background-image: url('../images2/cardnews/btn_next.png');
    width: 70px;
    height: 70px;
    right: -110px;
    top: 315px;
    cursor: pointer;
}

.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_event_youtube {
    width: 800px;
    background: #fff;
    border-radius: 15px;
    display: none;
}

.pu_event_youtube .p_con {
    position: relative;
}

.pu_event_youtube .p_con iframe {
    width: 800px;
    height: 450px;
}

.pu_event_info {
    width: 675px;
    display: none;
    border-radius: 20px;
    overflow: hidden;
}

.pu_event_info .form_top a {
    display: block;
    width: 100%;
    height: 100%;
}

.pu_event_info .p_con {
    position: relative;
    padding: 30px;
    background: #fff;
    overflow: hidden;
}

.pu_event_info .p_con dt {
    position: relative;
    font-size: 18px;
    color: #222;
    font-weight: 700;
}

.pu_event_info .p_con .ty00 {
    position: relative;
    height: 30px;
    padding-top: 5px;
    padding-left: 0;
    text-align: center;
    font-weight: 600;
}

.pu_event_info .p_con .ty00 dd {
    display: inline-block;
}

.pu_event_info .p_con .ty00 dd + dd {
    padding-left: 30px;
}

.pu_event_info .p_con .ty01 {
    position: relative;
    height: 44px;
    padding-left: 130px;
    margin-bottom: 20px;
}

.pu_event_info .p_con .ty01 dt {
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    line-height: 44px;
    text-align: left;
}

.pu_event_info .p_con .ty01 dd {
    position: relative;
}

.pu_event_info .p_con .ty01 dd input {
    height: 44px;
    line-height: 44px;
    background: #fff;
    border: 1px solid #cdcdcd;
    padding: 0 10px;
    box-sizing: border-box;
}

.pu_event_info .p_con .ty01 dd.num:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.pu_event_info .p_con .ty01 dd.num input {
    text-align: center;
    float: left;
    width: 134px;
}

.pu_event_info .p_con .ty01 dd.num i {
    float: left;
    width: 20px;
    text-align: center;
    color: #fff;
    line-height: 44px;
}

.pu_event_info .p_con .ty02 {
    margin-top: 30px;
}

.pu_event_info .p_con .ty02 dt {
    margin-bottom: 10px;
    margin-top: 20px;
}

.pu_event_info .p_con .ty02 dt span {
    position: absolute;
    bottom: 0;
    right: -5px;
}

.pu_event_info .p_con .ty02 dt span input {
    margin: 0;
}

.pu_event_info .p_con .ty02 dd {
    background: #fff4e4;
    padding: 15px 20px;
}

.pu_event_info .btns:before {
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    bottom: 0;
    width: 1px;
    ; z-index: 1;
}

.pu_event_info .btns:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.pu_event_info .btns a {
	position:relative;
    float: left;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    line-height: 1.2;
    text-align: center;
    font-size: 32px;
    color: #fff;
    font-weight: 800;
}

.pu_event_info .btns a:hover {
    text-decoration: none;
}



.pu_event_info .btns a.bt_participate_done .hand{
    right:20px;
	bottom:-20px;
	transform:scale(.7);
}

.pu_event_info.pop01 .btns a.bt_participate_done {
    background: #FF5C35;
    color: #FFFFFF;
}

.pu_event_info.pop02 .btns a.bt_participate_done {
    background: #00AD45;
    color: #FFFFFF;
}
.pu_event_info.pop02_1 .btns a.bt_participate_done {
    background: #459CE5;
    color: #FFFFFF;
}

.pu_event_info.pop03 .btns a.bt_participate_done {
    background: #459CE5;
    color: #FFFFFF;
}

.pu_event_info .btns a.bt_cancel {
    background: #7D7D83;
}

.pu_event_info table {
    width: 100%;
    color: #333;
    line-height: 18px;
}

.pu_event_info table th {
    font-size: 16px;
    padding: 10px;
    vertical-align: top;
}

.pu_event_info table td {
    font-size: 16px;
    padding: 10px;
    color: #333;
    letter-spacing: -1px;
    line-height: 1.5;
}

.pu_event_info .checks input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-opacity: 0;
}

.pu_event_info .checks input[type="checkbox"] + label:after {
    content: ' ';
    display: inline-block;
    width: 29px;
    height: 27px;
    line-height: 27px;
    margin: -10px 0 0 10px;
    text-align: center;
    vertical-align: middle;
    background-position: center bottom;
	background: url(../images2/cb.png) no-repeat 2px 3px;
}

.pu_event_info .checks input[type="checkbox"]:checked + label:after {
    background-position: center bottom;
}

.pu_event_info.pop01 .checks input[type="checkbox"] + label:after {
    background: url(../images2/cb.png?v=2) no-repeat 0 0;
}

.pu_event_info.pop01 .checks input[type="checkbox"]:checked + label:after {
    background: url(../images2/cb_on.png?v=2) no-repeat 0 0;
}


.pu_event_info.pop02 .checks input[type="checkbox"]:checked + label:after {
    background: url(../images2/cb_on.png?v=2) no-repeat 0 0;
}

.pu_event_info.pop02_1 .checks input[type="checkbox"]:checked + label:after {
    background: url(../images2/cb_on.png?v=2) no-repeat 0 0;
}

.pu_event_info.pop03 .checks input[type="checkbox"]:checked + label:after {
    background: url(../images2/cb_on.png?v=2) no-repeat 0 0;
}

.pu_event_info .radiob input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-opacity: 0;
}

.pu_event_done {
    width: 640px;
    display: none;
}

.pu_event_done .ph {
    width: 100%;
}

.pu_event_done .ph .confirm {
    position: relative;
    width: 100%;
    height: 70px;
	line-height:70px;
	font-size:30px;
	font-weight:600;
	background:#000;
	color:#FFFFFF;
	text-align:center;
}

.pu_event_done .ph .hand {
    right:80px;
	bottom:40px;
}

.pu_event_done .ph .close a {
    display: block;
    width: 100%;
    height: 100%;
}


.pu_event_done .ph .btn_wrap .btn {
    position: relative;
    width: 250px;
    height: 100%;
}

.pu_event_done .ph .btn_wrap .btn .hand {
    right: 0px;
    bottom: -40px;
}

.pu_event_done .ph .btn_wrap .btn a {
    display: block;
    width: 100%;
    height: 100%;
}

.pu_event_done.e01 {
    background: #000000;
}

.pu_event_done.e02 {
    background: #000000;
}

.pu_event_done.e03 {
    background: #000000;
}

.tc {
    text-align: center;
}

