body {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;min-width: 1400px;background-color: #d5d6d7;}
body::after {position: absolute;width: 0;height: 0;overflow: hidden;z-index: -1;content: url('../images/visual/act/p001_1.png') ;}
.htmlWrapper {width: 100%;max-width: 1920px;margin: 0 auto;padding-bottom: 100px;position: relative;overflow: hidden;}
.htmlWrapper section {background-position: center;min-width: 1400px;overflow: hidden;}
div::focus{outline:none;}

body, h1, h2, h3, h4, input, select, button, textarea {font-family:'Pretendard',sans-serif;}
/* 상단 */
.htmlWrapper section.top_wrapper {
    position: relative;display: flex;justify-content: center;align-items: center;
    width: 100%;height: 50px;box-sizing: border-box;z-index: 1;background: #FFFFFF;
    font-size: 20px;overflow: visible;
}
.htmlWrapper section.top_wrapper > .hx_top {position: relative;height: 100%;display: flex;justify-content: center;align-items: 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 {}
.htmlWrapper section.top_wrapper > .hx_top div.ment {}
.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('../images/visual/bg.jpg');}
.htmlWrapper section.visual_wrapper .contents_wrap {position: relative;width: 1300px;height: 100%;overflow:hidden;display:flex;align-items:center;flex-direction:column;padding:60px 0 0 0;margin:0 auto;}
.htmlWrapper section.visual_wrapper .contents_wrap .main_txt{position:relative;background-image:url('../images/visual/title.png');width:685px;height:500px;background-position:center;background-size:100%;background-repeat:no-repeat;}
.htmlWrapper section.visual_wrapper .contents_wrap .txt{position:relative;margin:281px 0 0 0;}
.htmlWrapper section.visual_wrapper .contents_wrap .icon01{position:absolute;background-image:url('../images/visual/icon01.png');width:189px;height:188px;top:68px;left:90px;animation:1s zoom1 infinite linear forwards;}
.htmlWrapper section.visual_wrapper .contents_wrap .icon02{position:absolute;background-image:url('../images/visual/icon02.png');width:154px;height:143px;top:322px;right:86px;animation:1s zoom infinite linear forwards;}
.htmlWrapper section.visual_wrapper .contents_wrap .icon03{position:absolute;background-image:url('../images/visual/icon03.png');width:223px;height:176px;top:85px;right:0;animation:3s ani_camera infinite linear forwards;}

/* 이벤트 01 */
section.event01 {position: relative;width: 100%;height:auto;background:#FFFFFF;transition:.5s all;}
section.event01 .contents_wrapper {display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;padding: 80px 0 80px 0;}
section.event01 .contents_wrapper > div {position:relative;display: flex;flex-direction: column;width: 100%;background-position: center top;align-items: center;}

section.event01 .contents_wrapper .schedule_wrap {display: flex;margin: 40px 0 0 0;width: 1300px;justify-content: space-between;z-index: 2;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap{position:relative;width: 1300px;margin: 120px 0 0 0;display:flex;flex-direction:column;align-items:center;}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .tabs_wrapper{position:relative;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .tabs_wrapper .tab{width:313px;height:80px;cursor:pointer;background:#F5F5F6;border:1px solid #E4E4E5;box-sizing:border-box;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:28px;font-weight:700;color:#222222;transition:.3s all;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .tabs_wrapper .tab.on{background:#FF4A27;border:1px solid #FF4A27;color:#FFFFFF}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .tabs_wrapper .tab:hover{background:#FF4A27;border:1px solid #FF4A27;color:#FFFFFF}

section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .caution{position:relative;color:#FF4A27;font-size:18px;font-weight:500;margin:16px 0 40px 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .product_wrapper{position:relative;display:flex;flex-wrap:wrap;justify-content:start;gap:40px 16px;width:1300px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .product_wrapper .product{position:relative;display:flex;flex-direction:column;width:313px;height:507px;border-radius:12px;overflow:hidden;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .product_wrapper .product.on::before{position:absolute;content:'';background-image:url('../images/event01/stamp.png');width:294px;height:295px;z-index:2;top:80px;left:17px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .product_wrapper .product .cate_wrap{width:100%;height:42px;background:#E4E4E5;font-size:18px;font-weight:600;color:#555555;display:flex;align-items:center;padding:0 16px;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .product_wrapper .product .info_wrap{position:relative;flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:start;background:#F5F5F6;padding:16px;box-sizing:border-box;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .product_wrapper .product .info_wrap .youtube{position:relative;width:281px;height:158px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .product_wrapper .product .info_wrap .youtube .preview{cursor:pointer;width:100%;height:100%;overflow:hidden;border-radius:7px;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .product_wrapper .product .info_wrap .youtube .preview img{object-fit:cover;width:100%;height:100%;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .product_wrapper .product .info_wrap .youtube .preview{cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .product_wrapper .product .info_wrap .youtube .preview_movie{width:100%;height:100%;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .product_wrapper .product .info_wrap .youtube .preview_movie iframe{width:100%;height:100%;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .product_wrapper .product .info_wrap .title{
	font-size:22px;font-weight:600;color:#222222;
	margin:6px 0 16px 0;
	display:-webkit-box; 
    word-wrap:break-word; 
    -webkit-line-clamp:3; 
    -webkit-box-orient:vertical; 
    overflow:hidden; 
    text-overflow:ellipsis;
}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .product_wrapper .product .info_wrap .creator {width:100%;font-size:22px;color:#555555;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .product_wrapper .product .info_wrap .creator .txt{font-weight:500;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .product_wrapper .product .info_wrap .creator .name{color:#FF4A27;font-weight:700;margin:4px 0 0 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .product_wrapper .product .info_wrap .creator .readnum{font-size:18px;font-weight:400;margin:16px 0 0 0;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .product_wrapper .product .info_wrap .btns_wrap{position:absolute;bottom:20px;width:100%;margin:20px 0 0 0;display:flex;justify-content:center;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .product_wrapper .product .info_wrap .btns_wrap .btn_view{position:relative;width:281px;height:56px;background-image:url('../images/event01/btn_view.png');cursor:pointer;}
section.event01 .contents_wrapper .event_cont_wrapper .event_cont_wrap .product_wrapper .product.on .info_wrap .btns_wrap .btn_view{background-image:url('../images/event01/btn_cancel.png');cursor:pointer;}


section.event01 .evt_pop{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:90;display:flex;align-items:start;justify-content:center;}
section.event01 .evt_pop .pop_content_wrapper{position:relative;width:1000px;display:flex;flex-direction:column;margin:50px 0 0 0;gap:20px 0;}
section.event01 .evt_pop .pop_content_wrapper .content{position:relative;background:#FFFFFF;border-radius:20px;overflow:hidden;width:100%;height:525px;padding:24px 40px;box-sizing:border-box;color:#222222;}
section.event01 .evt_pop .pop_content_wrapper .content .title{font-size:26px;font-weight:600;height:75px;}
section.event01 .evt_pop .pop_content_wrapper .content .readnum{font-size:18px;font-weight:400;color:#777777;}
section.event01 .evt_pop .pop_content_wrapper .content .movie_wrap{width:100%;height:313px;margin:20px 0;display:flex;justify-content:space-between;}
section.event01 .evt_pop .pop_content_wrapper .content .movie_wrap .movie{width:500px;height:313px;border-radius:8px;background:#000000;overflow:hidden;}
section.event01 .evt_pop .pop_content_wrapper .content .movie_wrap .movie iframe{width:100%;height:100%;}
section.event01 .evt_pop .pop_content_wrapper .content .movie_wrap .info{width:396px;}
section.event01 .evt_pop .pop_content_wrapper .content .movie_wrap .info .cate{display:inline-block;background:#FF4A27;font-size:18px;font-weight:500;color:#FFFFFF;border-radius:8px;padding:8px 12px;box-sizing:border-box;}
section.event01 .evt_pop .pop_content_wrapper .content .movie_wrap .info .name_wrap{font-size:22px;color:#777777;font-weight:500;margin:16px 0 0 0;border-bottom:1px solid #CCCCCC;padding-bottom:16px;}
section.event01 .evt_pop .pop_content_wrapper .content .movie_wrap .info .name_wrap .txt{}
section.event01 .evt_pop .pop_content_wrapper .content .movie_wrap .info .name_wrap .name{color:#FF4A27;letter-spacing:-1px;font-weight:700;}
section.event01 .evt_pop .pop_content_wrapper .content .movie_wrap .info .intro_wrap{margin:16px 0 0 0;font-size:20px;}
section.event01 .evt_pop .pop_content_wrapper .content .movie_wrap .info .intro_wrap .txt{font-weight:700;color:#222222;}
section.event01 .evt_pop .pop_content_wrapper .content .movie_wrap .info .intro_wrap .intro{font-size:18px;color:#777777;font-weight:500;line-height:1.4;margin:10px 0 0 0;}
section.event01 .evt_pop .pop_content_wrapper .content .like_info{}
section.event01 .evt_pop .pop_content_wrapper .content .like_info p {display:flex;font-size:22px;color:#999999;font-weight:500;}
section.event01 .evt_pop .pop_content_wrapper .content .like_info p span{position:relative;display:block;padding-left:28px;}
section.event01 .evt_pop .pop_content_wrapper .content .like_info p span i{color:#FF4A27;font-weight:800;font-size:26px;}
section.event01 .evt_pop .pop_content_wrapper .content .like_info p span::before{position:absolute;top:6px;left:0;content:'';background-image:url('../images/event01/icon_heart.png');width:20px;height:20px;}

section.event01 .evt_pop .pop_content_wrapper .btns_wrap{width:100%;display:flex;justify-content:space-between;}
section.event01 .evt_pop .pop_content_wrapper .btns_wrap .btn_select{position:relative;width:680px;height:86px;background-image:url('../images/event01/btn_select.png');cursor:pointer;}
section.event01 .evt_pop .pop_content_wrapper .btns_wrap .btn_close{position:relative;width:300px;height:86px;background-image:url('../images/event01/btn_close.png');cursor:pointer;}


/* 이벤트 01 */

/* SNS SHARE */
section.snsshare {position: relative;width: 100%;height: 421px;background-image:url('../images/share/bg.jpg');}
section.snsshare .contents_wrap {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: start;text-align: center;padding:48px 0 0 0;box-sizing:border-box;}
section.snsshare .contents_wrap > .title {margin-bottom:0px;}
section.snsshare .contents_wrap > .sns_wrapper {position: relative;}
section.snsshare .contents_wrap > .sns_wrapper > ul {display: flex;gap: 0 20px;}
/* SNS SHARE */

/* 참여 정보 */
section.sec-join-info {
    position: relative;
    width: 100%;
    height: 208px;
    display: flex;
    justify-content: center;
    font-size: 32px;
    align-items: center;
    color: #000000;
    background-color: #F5F5F6;
    
}

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: #0031D2;
    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: #FF4A27;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -20px;
    font-family: 'ONE-Mobile-Title';
}

section.sec-join-info div span {
    font-size: 56px;
    font-weight: 900;
    font-family: "ONE-Mobile-Title",sans-serif;
    padding: 0 0 0 5px;
}

/* 참여 정보 */
/* 접속 정보 */
section.sec-connect-info {
    position: relative;
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #222222;
    background-color: #DFDFDF;
    
    font-size: 32px;
}

section.sec-connect-info div {
    font-weight: 800;
    display: flex;
    align-items: center;
}

section.sec-connect-info span.area {
    color: #0A91F8;
	font-size:36px;
	padding:0 5px;
	font-weight:800;
}

/* 참여 정보 */
/* SNS */
.pop_evt2_wrapper {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.pop_evt2_wrapper .pop_content_wrapper {
    position: relative;
    width: 1238px;
    height: 1000px;
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 30px;
    scale: .8
}

.pop_evt2_wrapper .pop_content_wrapper .close {
    position: absolute;
    background-image: url('../images/btn_evt2_close.png');
    width: 54px;
    height: 54px;
    right: -80px;
    cursor: pointer;
}

.pop_evt2_wrapper .pop_content_wrapper .contents {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    overflow: hidden;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .left_part {
    position: relative;
    width: 588px;
    height: 100%;
    background: #FED286;
    display: flex;
    align-items: center;
    justify-content: end;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data {
    position: relative;
    width: 542px;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .bg {
    position: absolute;
    background-image: url('../images/bg_pop_pic.png');
    width: 300px;
    height: 245px;
    right: 0;
    top: -40px;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .bg .pic {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 45px;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .txt {
    position: relative;
    font-size: 46px;
    margin-bottom: 38px;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .txt p {
    position: relative;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .txt p span {
    font-weight: 700;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .exp {
    font-weight: 500;
    font-size: 21px;
    color: #000000;
    line-height: 1.4;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part {
    position: relative;
    width: 650px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 37px 0 0 0;
    box-sizing: border-box;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 600px;
    align-items: center;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .title {
    font-size: 24px;
    text-align: center;
    margin-bottom: 40px;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .title span {
    font-weight: 700;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .exp_wrap {
    position: relative;
    padding: 54px 0 43px 0;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .exp_wrap .simple {
    position: relative;
    font-size: 22px;
    text-align: center;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .exp_wrap .ttl {
    position: relative;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap {
    position: relative;
    width: 100%;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li {
    position: relative;
    width: 190px;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .img {
    position: relative;
    width: 190px;
    height: 125px;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .img.on:before {
    position: absolute;
    0;content: '';
    background-image: url('../images/stamp.png');
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .img img {
    width: 100%;
    height: 100%;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .ttl {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -1px;
    padding: 5px 0 0 5px;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns {
    position: absolute;
    width: 100%;
    bottom: 110px;
    display: flex;
    justify-content: center;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join {
    position: relative;
    background-image: url('../images/btn_evt2_join.png');
    width: 419px;
    height: 110px;
    cursor: pointer;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join .hand {
    display: none;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join.on {
    background-image: url('../images/btn_evt2_join_on.png');
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join.on .hand {
    display: block;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .right_part .txt {
    position: absolute;
    width: 100%;
    bottom: 57px;
    display: flex;
    justify-content: center;
}

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

.pop_evt2_wrapper .pop_content_wrapper .contents .frame_div .pclose {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 9;
}

.pop_evt2_wrapper .pop_content_wrapper .contents .frame_div iframe {
    width: 101%;
    height: 100%;
}

/* 이벤트 02 */
/* 참여 정보 */
section.sec-copyright {
    position: relative;
    width: 100%;
    height: 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: 110px;z-index: 11;bottom: 0;overflow: hidden;background:#FF4A27;display:none;}
.navigator_wrapper .cont_wrap {width: 100%;height: 100%;display: flex;justify-content: center;}
.navigator_wrapper .cont_wrap .navi_wrap {width: 1300px;height: 100%;display: flex;justify-content: center;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;font-size:32px;font-weight:600;color:#FFFFFF;}
.navigator_wrapper .cont_wrap .navi_wrap > li > .n_menu {position: relative;width: 83px;height: 44px;cursor: pointer;z-index: 3;background-image: url('../images/allmenu.png');background-repeat: no-repeat;}
.navigator_wrapper .cont_wrap .navi_wrap > li > .n_top {position: relative;background-image: url('../images/top.png');width: 80px;height: 80px;cursor: pointer;background-repeat: no-repeat;}
.navigator_wrapper .cont_wrap .navi_wrap > li > span {display:flex;align-items:center;}
.navigator_wrapper .cont_wrap .navi_wrap > li > span i{font-size:52px;font-weight:700;margin:0 5px 0 12px;}
.navigator_wrapper .cont_wrap .navi_wrap > li > .btn_join{width:579px;height:80px;background-image:url('../images/event01/btn_join.png');cursor:pointer;}
.navigator_wrapper .cont_wrap .navi_wrap > li > .btn_join .hand{display:none;}
.navigator_wrapper .cont_wrap .navi_wrap > li > .btn_join.on{background-image:url('../images/event01/btn_join_on.png');}
.navigator_wrapper .cont_wrap .navi_wrap > li > .btn_join.on .hand{display:block;bottom:-10px;}


/* 고정 메뉴 */
/* 기타  */
.join_info_wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.join_info_wrapper.evt01 {
    bottom: 150px;
}

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

.join_info_wrapper.evt02 {
    bottom: 124px;
}

.join_info_wrapper.evt02.result {
    bottom: 30px;
}

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

.join_info_wrapper.evt03 {
    bottom: 150px;
}

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

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

.join_info_wrapper .join_info span.b {
    font-size: 27px;
    font-weight: 700;
}

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

.result_wrap {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 100px;
}

.result_wrap > .btn.event_result2 {
    width: 463px;
    height: 122px;
    display: inline-block;
    background-image: url('../images/event2_done.png');
}

.result_wrap > .btn.event_result2 > a {
    display: block;
    width: 100%;
    height: 100%;
}

/* 슬라이드 */
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    height: 100%;
}

.cardnews_wrap .swiper-slide img {
    width: 100%;
	height:100%;
	object-fit:contain;
}

.cardNewsSwiper.citySwiper swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wallSwiper.citySwiper swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-button-disabled {
    opacity: .2;
}

#cont_wrap {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

a:focus {
    outline: none;
}

.cardnew-swiper-button-prev {
    position: absolute;
    background-image: url('../images/cardnews/btn_prev.png');
    width: 70px;
    height: 70px;
    left: -110px;
    top: 315px;
    cursor: pointer;
}

.cardnew-swiper-button-next {
    position: absolute;
    background-image: url('../images/cardnews/btn_next.png');
    width: 70px;
    height: 70px;
    right: -110px;
    top: 315px;
    cursor: pointer;
}

.bounce1 {
    animation: bounce1 2s;
}

.bounce2 {
    animation: bounce2 1s;
}

.bounce3 {
    animation: bounce3 1s;
}

.kb_hand {
    position: absolute;
    background-image: url('../images/hand_ani.png');
    scale: .8;
    width: 102px;
    height: 96px;
    animation: vmove 1.5s infinite;
    animation-direction: reverse;
    animation-iteration-count: 3;
    z-index: 999;
    bottom: 0px;
    left: 40px;
}

.b_hand {
    position: absolute;
    right: -50px;
    bottom: -20px;
    background-image: url('../images/hand_ani.png');
    width: 102px;
    height: 96px;
    animation: blink 1s infinite;
}

.b_hand.com {
    right: 0;
    bottom: 5px;
    zoom:.7;}

.qb_hand {
    position: absolute;
    right: -50px;
    bottom: -20px;
    background-image: url('../images/hand_ani.png');
    width: 102px;
    height: 96px;
    animation: blink 1s infinite;
}

.qb_hand.hide {
    display: none;
}

.qb_hand.evt3 {
    display: none;
}

.hide {
    display: none !important;
}

.present_wrap .swiper-slide img {
    width: 100%;
}

.j_wrap01 {
}

.j_wrap02 {
    margin-top: 35px;
}

.j_wrap01 .swiper-slide {
    width: 487px;
    height: 120px;
    border-radius: 60px;
    color: #004819;
    font-size: 40px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

.j_wrap01 .swiper-slide:nth-child(1n+1) {
    background-image: linear-gradient(#FFFFFF, #FFFFFF);
}

.j_wrap01 .swiper-slide:nth-child(2n+2) {
    background-image: linear-gradient(#FFFFFF, #FFFFFF);
}

.j_wrap01 .swiper-slide:nth-child(3n+3) {
    background-image: linear-gradient(#FFFFFF, #FFFFFF);
}

/* popup */
html.on {
    height: 100%;
    overflow: hidden;
}

.pu_bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7);
    z-index: 98;
    display: none;
}

.pu {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 99;
    display: none;
}

.pu .bt_close {
    position: absolute;
    top: 0;
    right: -60px;
    width: 48px;
    height: 48px;
    background: url(../images/bt_pu_close.png?v=1) no-repeat 0 0;
    text-indent: -9999px;
}

.pu_event_youtube {
    width: 800px;
    background: #fff;
    border-radius: 15px;
    display: none;
}

.pu_event_youtube .p_con {
    position: relative;
}

.pu_event_youtube .p_con iframe {
    width: 800px;
    height: 450px;
}

.pu_event_info {
    width: 675px;
    display: none;
    border-radius: 20px;
    overflow: hidden;
}

.pu_event_info .form_top a {
    display: block;
    width: 100%;
    height: 100%;
}

.pu_event_info .p_con {
    position: relative;
    padding: 30px;
    background: #fff;
    overflow: hidden;
}

.pu_event_info .p_con dt {
    position: relative;
    font-size: 18px;
    color: #222;
    font-weight: 700;
}

.pu_event_info .p_con .ty00 {
    position: relative;
    height: 30px;
    padding-top: 5px;
    padding-left: 0;
    text-align: center;
    font-weight: 600;
}

.pu_event_info .p_con .ty00 dd {
    display: inline-block;
}

.pu_event_info .p_con .ty00 dd + dd {
    padding-left: 30px;
}

.pu_event_info .p_con .ty01 {
    position: relative;
    height: 44px;
    padding-left: 130px;
    margin-bottom: 20px;
}

.pu_event_info .p_con .ty01 dt {
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    line-height: 44px;
    text-align: left;
}

.pu_event_info .p_con .ty01 dd {
    position: relative;
}

.pu_event_info .p_con .ty01 dd input {
    height: 44px;
    line-height: 44px;
    background: #fff;
    border: 1px solid #cdcdcd;
    padding: 0 10px;
    box-sizing: border-box;
}

.pu_event_info .p_con .ty01 dd.num:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.pu_event_info .p_con .ty01 dd.num input {
    text-align: center;
    float: left;
    width: 134px;
}

.pu_event_info .p_con .ty01 dd.num i {
    float: left;
    width: 20px;
    text-align: center;
    color: #fff;
    line-height: 44px;
}

.pu_event_info .p_con .ty02 {
    margin-top: 30px;
}

.pu_event_info .p_con .ty02 dt {
    margin-bottom: 10px;
    margin-top: 20px;
}

.pu_event_info .p_con .ty02 dt span {
    position: absolute;
    bottom: 0;
    right: -5px;
}

.pu_event_info .p_con .ty02 dt span input {
    margin: 0;
}

.pu_event_info .p_con .ty02 dd {
    background: #fff4e4;
    padding: 15px 20px;
}

.pu_event_info .btns:before {
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    bottom: 0;
    width: 1px;
    ; z-index: 1;
}

.pu_event_info .btns:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.pu_event_info .btns a {
	position:relative;
    float: left;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    line-height: 1.2;
    text-align: center;
    font-size: 32px;
    color: #fff;
    font-weight: 800;
}

.pu_event_info .btns a:hover {
    text-decoration: none;
}



.pu_event_info .btns a.bt_participate_done .hand{
    right:20px;
	bottom:-20px;
	transform:scale(.7);
}

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

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

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

.pu_event_info .btns a.bt_cancel {
    background: #7D7D83;
}

.pu_event_info table {
    width: 100%;
    color: #333;
    line-height: 18px;
}

.pu_event_info table th {
    font-size: 16px;
    padding: 10px;
    vertical-align: top;
}

.pu_event_info table td {
    font-size: 16px;
    padding: 10px;
    color: #333;
    letter-spacing: -1px;
    line-height: 1.5;
}

.pu_event_info .checks input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-opacity: 0;
}

.pu_event_info .checks input[type="checkbox"] + label:after {
    content: ' ';
    display: inline-block;
    width: 29px;
    height: 27px;
    line-height: 27px;
    margin: -10px 0 0 10px;
    text-align: center;
    vertical-align: middle;
    background-position: center bottom;
	background: url(../images/cb.png) no-repeat 2px 3px;
}

.pu_event_info .checks input[type="checkbox"]:checked + label:after {
    background-position: center bottom;
}

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

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


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


.pu_event_info.pop03 .checks input[type="checkbox"]:checked + label:after {
    background: url(../images/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_info .radiob input[type="radio"] + label:after {
    content: ' ';
    display: inline-block;
    width: 33px;
    height: 35px;
    line-height: 35px;
    margin: -10px 0 0 10px;
    text-align: center;
    vertical-align: middle;
    background: url(../images/radio.png) no-repeat 0 4px;
}

.pu_event_info .radiob input[type="radio"]:checked + label:after {
    background: url(../images/radio-on.png) no-repeat 0 4px;
    background-position: center bottom;
}

.pu_event_done {
    width: 640px;
    display: none;
}

.pu_event_done .ph {
    width: 100%;
}

.pu_event_done .ph .confirm {
    position: relative;
    width: 100%;
    height: 70px;
	line-height:70px;
	font-size:30px;
	font-weight:600;
	background:#000;
	color:#FFFFFF;
	text-align:center;
}
.pu_event_done .ph .close {
    position: absolute;
    background-image: url('../images/pop_close.png');
    width: 70px;
    height: 70px;
    right: -70px;
    top: 0;
}

.pu_event_done .ph .hand {
    right:170px;
	bottom:-50px;
}

.pu_event_done .ph .close a {
    display: block;
    width: 100%;
    height: 100%;
}

.pu_event_done .ph .btn_wrap {
    position: absolute;
    width: 70px;
    height: 70px;
    right: -70px;
    top: 0;
    display: flex;
    justify-content: center;
    background-image: url('../images/evt_close.png');
}

.pu_event_done .ph .btn_wrap .btn {
    position: relative;
    width: 250px;
    height: 100%;
}

.pu_event_done .ph .btn_wrap .btn .hand {
    right: 0px;
    bottom: -40px;
}

.pu_event_done .ph .btn_wrap .btn a {
    display: block;
    width: 100%;
    height: 100%;
}

.pu_event_done.e01 {
    background: #000000;
}

.pu_event_done.e02 {
    background: #000000;
}

.pu_event_done.e03 {
    background: #000000;
}

.tc {
    text-align: center;
}


.site_scroll{
    position: absolute;
    bottom: 20px;
	right:150px;
	background-image:url('../images/scroll.png');
	width:70px;
	height:119px;
	animation:1.2s scroll infinite linear forwards
}