body {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
body::after{
    position:absolute; 
    width:0; 
    height:0; 
    overflow:hidden; 
    z-index:-1;
    
    content:url('../images/quiz1.png') url('../images/quiz2.png') url('../images/quiz3.png') url('../images/light_on.png') url('../images/roll_apple.png')
		url('../images/r_char01.png') url('../images/r_char02.png') url('../images/r_char03.png') url('../images/r_char04.png')
		url('../images/y_char01.png') url('../images/y_char02.png') url('../images/y_char03.png') url('../images/y_char04.png')
		url('../images/r_01.png') url('../images/r_02.png') url('../images/r_03.png') url('../images/r_04.png')
		url('../images/y_01.png') url('../images/y_02.png') url('../images/y_03.png') url('../images/y_04.png')
		url('../images/gage1.png') url('../images/gage2.png') url('../images/gage3.png');
}



.htmlWrapper {width:100%;max-width:1920px;margin:0 auto;min-width:1400px;padding-bottom:100px;position:relative;}

.htmlWrapper section {background-position:center;}

/* 상단 */
.htmlWrapper section.top_wrapper {position:relative;display:block;width:100%;height:50px;line-height:48px;text-align:center;padding-top:5px;box-sizing:border-box;z-index:1;background:#FFFFFF;}
.htmlWrapper section.top_wrapper > .hx_top{position:relative;background-image:url('../images/top_hx.png');width:1313px;height:43px;margin:0 auto;}
.htmlWrapper section.top_wrapper > .hx_top .link_daum {position:absolute;width:95px;height:43px;}
.htmlWrapper section.top_wrapper > .hx_top .link_comp {position:absolute;width:145px;height:43px;left:130px;}
.htmlWrapper section.top_wrapper > .hx_top > div > a{display:block;width:100%;height:100%;}



/* Visual */
.htmlWrapper section.visual_wrapper {position:relative;width:100%;background:#FFFFFF;height:1000px;background-position:center;overflow:hidden;background-size:cover;background-position:center;}
.htmlWrapper section.visual_wrapper.vote{height:920px;background-position:center;overflow:hidden;background-size:cover;background-position:center;background-image:url('../images/n01/visual_new.png');}
.htmlWrapper section.visual_wrapper .video {position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;text-align:center;}
.htmlWrapper section.visual_wrapper .video video{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}




/* Daum Typing------------------------------------------------*/
.daum_search {position:relative;height:376px;background-image:url(../images/bg_daum.png);}
.daum_search .daumBox {position:absolute;top:95px;left:50%;margin-left:-440px;width:880px;height:64px;background-image:url(../images/bg_search.png);}
.daum_search .daumBox .typing-text {position:absolute;left:135px;top:80px;line-height:36px;font-family:'yg-jalnan',sans-serif;font-weight:900;font-size:35px;  color:#111111; border-right:2px solid #333; animation:  typing 5s steps(22) infinite; white-space: nowrap;  overflow: hidden;}
.daum_search a {display:block; position:absolute;left:calc(50% - 449px);top:114px; width:894px; height:75px;z-index:2;}

@-webkit-keyframes twist{
  0%{
    transform: rotateZ(-25deg);
	opacity:.7;
  }
  50%{
    transform: rotateZ(0deg);
	opacity:1;
  }
  100%{
    transform: rotateZ(25deg);
	opacity:.7;
  }
}


/* 이벤트 01 */
section.event01 {position:relative;width:100%;height:1167px;background-image:url('../images/sec01.jpg');}
section.event01 .content_wrapper {display:block;position:absolute;left:0;top:284px;width:100%;}
section.event01 .content_wrapper > .content_wrap{display:block;position:relative;width:700px;height:700px;margin: 0 auto;}
section.event01 .content_wrapper > .content_wrap ul{display:flex;flex-wrap:wrap;}
section.event01 .content_wrapper > .content_wrap ul li {width:50%;margin-bottom:15px;}
section.event01 .content_wrapper > .content_wrap ul li > div{position:relative;width:332.5px;height:331px;background-size:100%;}
section.event01 .content_wrapper > .content_wrap ul li > div > .txt{position:relative;width:100%;height:273px;display:flex;justify-content:center;align-items:center;background-repeat:no-repeat;background-position:center;display:none}
section.event01 .content_wrapper > .content_wrap ul li > div.on::before{opacity:.5;}
section.event01 .content_wrapper > .content_wrap ul li > div.on .txt{display:flex;}
section.event01 .content_wrapper > .content_wrap ul li > div:hover::before{opacity:.5;}
section.event01 .content_wrapper > .content_wrap ul li > div:hover .txt{display:flex;}

section.event01 .content_wrapper > .content_wrap ul li > div .btn_view{position:absolute;left:0;bottom:0;background-image:url('../images/btn_view.png');height:58px;cursor:pointer;z-index:2;width:100%;}

section.event01 .e_popup {position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:9;display:flex;align-items:center;justify-content:center;}
section.event01 .e_popup .pop_cont{position:relative;width:639px;height:950px;margin:0 auto;}

section.event01 .e_popup .pop_cont.pop01{background-image:url('../images/pop_event01.png');}
section.event01 .e_popup .pop_cont.pop02{background-image:url('../images/pop_event02.png');}
section.event01 .e_popup .pop_cont.pop03{background-image:url('../images/pop_event03.png');}
section.event01 .e_popup .pop_cont .txt{display:none;margin-top:100px;padding:0 5px;box-sizing:border-box;}
section.event01 .e_popup .pop_cont.pop03 .txt{height:720px;overflow:auto;display:block;text-align:center;box-sizing:border-box;}
section.event01 .e_popup .pop_cont.pop03 .txt img{width:100%;}
section.event01 .e_popup .pop_cont.pop04{background-image:url('../images/pop_event04.png');}

section.event01 .e_popup .pop_cont .btns{position:absolute;left:0;bottom:20px;width:100%;display:flex;justify-content:center;}
section.event01 .e_popup .pop_cont .btns > div{width:268px;height:78px;cursor:pointer;}
section.event01 .e_popup .pop_cont .btns .btn.ok{position:relative;background-image:url('../images/btn_pop_confirm.png');margin-right:10px;}
section.event01 .e_popup .pop_cont .btns .btn.view{position:relative;background-image:url('../images/btn_pop_detail.png');}
section.event01 .e_popup .pop_cont .btns .btn.view a{display:block;width:100%;height:100%;text-indent:-99999px;}


section.event01 .content_wrapper > .content_wrap ul li > div.card01::before{content:'';background-image:url('../images/item01.png');position:absolute;left:0;top:0;width:100%;height:100%;}
section.event01 .content_wrapper > .content_wrap ul li > div.card02::before{content:'';background-image:url('../images/item02.png');position:absolute;left:0;top:0;width:100%;height:100%;}
section.event01 .content_wrapper > .content_wrap ul li > div.card03::before{content:'';background-image:url('../images/item03.png');position:absolute;left:0;top:0;width:100%;height:100%;}
section.event01 .content_wrapper > .content_wrap ul li > div.card04::before{content:'';background-image:url('../images/item04.png');position:absolute;left:0;top:0;width:100%;height:100%;}



section.event01 .content_wrapper > .content_wrap ul li > div.card01 > .txt{background-image:url('../images/txt01.png');}
section.event01 .content_wrapper > .content_wrap ul li > div.card02 > .txt{background-image:url('../images/txt02.png');}
section.event01 .content_wrapper > .content_wrap ul li > div.card03 > .txt{background-image:url('../images/txt03.png');}
section.event01 .content_wrapper > .content_wrap ul li > div.card04 > .txt{background-image:url('../images/txt04.png');}

section.event01 .join_info_wrapper {position:absolute;left:0;bottom:80px;width:100%;color:#191919;}
section.event01 .join_info_wrapper > .join_info {position:relative;width:880px;height:64px;line-height:64px;margin:0 auto;background:#edf5ea;border-radius:35px;font-size:26px;}
section.event01 .join_info_wrapper > .join_info > span{font-weight:900;}
section.event01 .join_info_wrapper > .join_info > span.num{font-size:34px;color:#08239a}
/* 이벤트 01 */


/* 이벤트 02 */
section.event02 {position:relative;width:100%;height:1859px;background-image:url('../images/sec02.jpg');}
section.event02 .content_wrapper {display:block;position:absolute;left:0;top:1520px;width:100%;}
section.event02 .content_wrapper > .content_wrap{display:block;position:relative;width:676;height:142px;margin: 0 auto;}
section.event02 .content_wrapper > .content_wrap .btns{display:block;position:relative;width:100%;height:100%;}
section.event02 .content_wrapper > .content_wrap .btns .btn{display:block;position:relative;width:676px;height:100%;background-image:url('../images/btn_evt2_join.png');cursor:pointer;margin:0 auto;}
section.event02 .content_wrapper > .content_wrap .btns .btn a{display:block;width:100%;height:100%;}
section.event02 .content_wrapper > .content_wrap .btns .s_btn{display:block;position:relative;width:676px;height:100%;background-image:url('../images/btn_s_confirm.png');cursor:pointer;margin:20px auto;}
section.event02 .content_wrapper > .content_wrap .btns .s_btn a{display:block;width:100%;height:100%;}
section.event02 .join_chk_pop_wrapper {position:fixed;width:100%;height:100%;z-index:10;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;left:0;top:0;}
section.event02 .join_chk_pop_wrapper .join_chk_pop {position:relative;width:730px;height:385px;background-image:url('../images/s_form.png');}
section.event02 .join_chk_pop_wrapper .join_chk_pop .form_w{position:absolute;top:180px;padding:0 150px 0 225px;box-sizing:border-box;}
section.event02 .join_chk_pop_wrapper .join_chk_pop .form_w .name input{width:320px;height:35px;border:0;background:transparent;padding:0 10px;box-sizing:border-box;}
section.event02 .join_chk_pop_wrapper .join_chk_pop .form_w .hp {margin-top:28px;width:100%;}
section.event02 .join_chk_pop_wrapper .join_chk_pop .form_w .hp input{width:100px;height:30px;border:0;background:transparent;padding:0 10px;box-sizing:border-box;}
section.event02 .join_chk_pop_wrapper .join_chk_pop .form_w .hp input:nth-child(2){margin-left:13px;}
section.event02 .join_chk_pop_wrapper .join_chk_pop .form_w .hp input:nth-child(3){margin-left:13px;}
section.event02 .join_chk_pop_wrapper .join_chk_pop .form_w .btns {position:relative;width:100%;margin-top:35px;}
section.event02 .join_chk_pop_wrapper .join_chk_pop .form_w .btns .btn{position:relative;width:235px;margin-left:30px;height:50px;}
section.event02 .join_chk_pop_wrapper .join_chk_pop .form_w .btns .btn a{display:block;width:100%;height:100%;}
section.event02 .join_chk_pop_wrapper .join_result_pop{position:relative;width:640px;height:310px;}
section.event02 .join_chk_pop_wrapper .join_result_pop.ok{background-image:url('../images/s_ok.jpg');}
section.event02 .join_chk_pop_wrapper .join_result_pop.not{background-image:url('../images/s_fail.jpg');}
section.event02 .join_chk_pop_wrapper .join_result_pop a{display:block;width:100%;height:100%;}
section.event02 .join_chk_pop_wrapper .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;cursor:pointer;}

section.event02 .join_chk_pop_wrapper .join_chk_pop .form_w input:focus{outline:none;}

section.event02 .join_info_wrapper {position:absolute;left:0;bottom:-190px;width:100%;color:#191919;}
section.event02 .join_info_wrapper > .join_info {position:relative;width:1087px;height:80px;line-height:80px;margin:0 auto;background:#f2f7f0;border-radius:35px;font-size:30px;}
section.event02 .join_info_wrapper > .join_info > span{font-weight:900;}
section.event02 .join_info_wrapper > .join_info > span.num{font-size:35px;color:#5e5e9d}

/* 이벤트 02 */
section.event_end {position:relative;width:100%;}
section.event_end img{max-width:1920px;width:100%;}


/* 이벤트 참여결과 */
section.ejoin {position:relative;width:100%;height:660px;background:#004a1b;text-align:center;}
section.ejoin .txt{padding:100px 0 90px 0;}
/* 이벤트 참여결과 */



/* 홈페이지 */
section.homepage {position:relative;width:100%;height:1526px;background-image:url('../images/homepage.jpg');}
section.homepage .content_wrapper {display:block;position:absolute;left:0;top:567px;width:100%;}
section.homepage .content_wrapper > .content_wrap{position:relative;width:1398px;margin:0 auto;}
section.homepage .content_wrapper > .content_wrap > .homepage_wrap{position:relative;width:100%;height:807px;margin:0 auto;border:4px solid #222222;box-sizing:border-box;overflow:hidden;background:#FFFFFF;}
section.homepage .content_wrapper > .content_wrap > .homepage_wrap iframe{width:100%;height:100%;}
section.homepage .content_wrapper > .content_wrap > .homepage_wrap .btns{position:absolute;width:100%;height:50px;left:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:5;}
section.homepage .content_wrapper > .content_wrap > .homepage_wrap .btns a{ display:block;width:100%;height:100%;line-height:50px;color:#FFFFFF;text-align:center;font-weight:bold;}
/* 홈페이지 */

/* 투표 */
section.vote {position:relative;width:100%;height:1584px;background-image:url('../images/n01/vote.png?v=1');}
section.vote .content_wrapper{display:block;position:absolute;left:0;top:272px;width:100%;}
section.vote .content_wrapper .content_wrap{display:flex;width:100%;justify-content:center;}
section.vote .content_wrapper .content_wrap .tbl_list{display:flex;width:1264px;justify-content:space-between;flex-wrap:wrap}
section.vote .content_wrapper .content_wrap .tbl_list > div{width:606px;height:92px;border:2px solid #74918b;box-sizing:border-box;border-radius:40px;margin-bottom:12px;display:flex;justify-content:center;align-items:center;font-size:40px;font-weight:900;}
section.vote .content_wrapper .content_wrap .btns {position:absolute;width:100%;bottom:-1200px;}
section.vote .content_wrapper .content_wrap .btns .btn{position:relative;width:462px;height:132px;margin:0 auto;cursor:pointer;background-image:url('../images/n01/btn_vote.png');}
section.vote .content_wrapper .content_wrap .btns .btn a{display:block;width:100%;height:100%}
/* 투표 */

/* 카카오 */
section.kakao {position:relative;width:100%;height:1025px;background-image:url('../images/kakao.jpg');}
section.kakao .content_wrapper {display:block;position:absolute;left:0;top:805px;width:100%;}
section.kakao .content_wrapper > .content_wrap{position:relative;width:676px;margin:0 auto;}
section.kakao .content_wrapper > .content_wrap > .btns{position:relative;width:100%;height:142px;margin-left:265px;top:-150px;z-index:5;}
section.kakao .content_wrapper > .content_wrap > .btns .btn{position:relative;background-image:url('../images/btn_friend.png');width:100%;height:100%;background-size:100%;}
section.kakao .content_wrapper > .content_wrap > .btns .btn a{display:block;width:100%;height:100%;}
section.kakao .content_wrapper > .content_wrap > .site{position:absolute;width:90%;height:670px;top:-400px;border-radius:50px;overflow:hidden;left:27px;}
section.kakao .content_wrapper > .content_wrap > .site iframe{position:relative;width:100%;height:100%;}
/* 카카오 */


/* SNS SHARE */
section.snsshare {position:relative;width:100%;height:480px;background:#004a1b;}
section.snsshare .content_wrapper {display:block;position:absolute;left:0;width:100%;height:100%;}
section.snsshare .content_wrapper > .content_wrap{position:relative;width:967px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;}
section.snsshare .content_wrapper > .content_wrap > .title{margin-bottom:55px;}
section.snsshare .content_wrapper > .content_wrap > .sns_wrapper{position:relative;width:730px;height:94px;background-image:url('../images/sns_share.png');margin:0 auto;}
section.snsshare .content_wrapper > .content_wrap > .sns_wrapper > ul{}
section.snsshare .content_wrapper > .content_wrap > .sns_wrapper > ul > li{float:left;width:94px;height:94px;margin-right:12px;box-sizing:border-box;}
section.snsshare .content_wrapper > .content_wrap > .sns_wrapper > ul > li:last-child{margin-right:0;}
section.snsshare .content_wrapper > .content_wrap > .sns_wrapper > ul > li > a{display:block;width:100%;height:100%;text-indent:-9999px;}
/* SNS */


#section.event01 .event_wrapper .event_wrapper .title {width:526px;height:44px;background-image:url('../images/txt_age.png');margin-top:40px;}

/* 참여 정보 */
section.sec-join-info {position:relative;width:100%;height:165px;display:flex;justify-content:center;align-items:center;background:#FFFFFF;color:#222218;font-weight:900;font-family:'yg-jalnan',sans-serif;font-size:30px;}
section.sec-join-info > div > span {font-size:46px;}
section.sec-join-info > div > span.j_visitor {color:#0454a0}
section.sec-join-info > div > span.j_join {color:#2daf83}
/* 참여 정보 */

/* 참여 정보 */
section.sec-copyright {position:relative;width:100%;height:162px;display:flex;justify-content:center;align-items:center;background:#eeeeee;color:#000000;font-size:15px;}
section.sec-copyright > .copyright {width:1300px;}
section.sec-copyright > .copyright ul{}
section.sec-copyright > .copyright ul li{float:left;width:70%;margin-bottom:10px;}
section.sec-copyright > .copyright ul li:nth-child(2n+2){text-align:right;width:30%;}


/* 고정 메뉴 */
.navigator_wrapper {position:fixed;left:0;bottom:0;width:100%;height:120px;z-index:9;}
.navigator_wrapper .cont_wrap {width:1400px;margin:0 auto;background:#002213;height:100%;border-top-left-radius:25px;overflow:hidden;border-top-right-radius:25px;overflow:hidden;}
.navigator_wrapper .cont_wrap .navi_wrap {width:1400px;margin:0 auto;background:#002213;height:100%;}
.navigator_wrapper .cont_wrap .navi_wrap > li{position:relative;float:left;box-sizing:border-box;height:120px;display:flex;justify-content:center;align-items:center;}

.navigator_wrapper .cont_wrap .navi_wrap > li > .n_menu{position:relative;width:84px;height:87px;cursor:pointer;z-index:3;background-image:url('../images/allmenu.png');background-repeat:no-repeat;}
.navigator_wrapper .cont_wrap .navi_wrap > li > .n_menu.on{background-image:url('../images/allmenu.png');}

.n_menu_list {position:fixed;bottom:-800px;z-index:99;background:#313131;width:500px;box-sizing:border-box;}
.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:0 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;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);}

.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(1) {width:133px;}
.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(2) {width:551px;cursor:pointer;margin-right:8px;}
.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(3) {width:551px;cursor:pointer;margin-right:8px;}
.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(4) {width:110px;}



.navigator_wrapper .cont_wrap .navi_wrap > li > .n_tab01{background-image:url('../images/nav02.png');height:101px;}
.navigator_wrapper .cont_wrap .navi_wrap > li > .n_tab02{background-image:url('../images/nav01.png');height:101px;}
.navigator_wrapper .cont_wrap .navi_wrap > li > .n_top{background-image:url('../images/top.png');}

.navigator_wrapper .cont_wrap .navi_wrap > li > .n_tab01.on{background-image:url('../images/nav02.png');}
.navigator_wrapper .cont_wrap .navi_wrap > li > .n_tab02.on{background-image:url('../images/nav01.png');}
.navigator_wrapper .cont_wrap .navi_wrap > li > .n_top.on{background-image:url('../images/top.png');}


.navigator_wrapper .cont_wrap .navi_wrap > li > .n_tab01.result{background-image:url('../images/nav01_result.png');height:96px;}
.navigator_wrapper .cont_wrap .navi_wrap > li > .n_tab02.result{background-image:url('../images/nav02_result.png');height:96px;}
.navigator_wrapper .cont_wrap .navi_wrap > li > .n_tab03.result{background-image:url('../images/nav03_result.png');height:96px;}
.navigator_wrapper .cont_wrap .navi_wrap > li > .n_tab01.result.on{background-image:url('../images/nav01_result.png');}
.navigator_wrapper .cont_wrap .navi_wrap > li > .n_tab02.result.on{background-image:url('../images/nav02_result.png');}
.navigator_wrapper .cont_wrap .navi_wrap > li > .n_tab03.result.on{background-image:url('../images/nav03_result.png');}


.navigator_wrapper .cont_wrap > .b_img {position:absolute;width:273px;top:30px;background-image:url('../images/j_cover.png');height:69px;z-index:2;}
.navigator_wrapper .cont_wrap .navi_wrap > li > div  {position:relative;width:100%;height:100%;}
.navigator_wrapper .cont_wrap .navi_wrap > li > div > a{display:block;width:100%;height:100%;}
.navigator_wrapper .cont_wrap .navi_wrap > li > .n_top{position:absolute;background-image:url('../images/top.png');width:102px;height:102px;cursor:pointer;background-repeat:no-repeat;}
.navigator_wrapper .cont_wrap .navi_wrap > li > .n_top:hover{background-image:url('../images/top.png');}
.navigator_wrapper .cont_wrap .navi_wrap > li:last-child {margin-right:0;}
/* 고정 메뉴 */

/* 기타  */

.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;bottom:-38px;right:-20px;z-index:5;animation:zoom 1s ease-in-out infinite;animation-delay:0.5s;animation-duration:1s;width:96px;height:91px;background-image:url(../images/hand.png);}
.hand1 {position:absolute;bottom:-65px;left:35px;z-index:5;animation:zoom 1s ease-in-out infinite;animation-delay:0.5s;animation-duration:1s;width:96px;height:91px;background-image:url(../images/hand.png);}
.mhand1 {position:absolute;bottom:-38px;right:-20px;z-index:5;animation:move_down1 1s ease-in-out infinite;animation-delay:0.5s;animation-duration:2s;width:96px;height:91px;background-image:url(../images/hand.png);}
.mhand2 {position:absolute;bottom:-38px;right:-20px;z-index:5;animation:move_down2 1s ease-in-out infinite;animation-delay:0.5s;animation-duration:1s;width:96px;height:91px;background-image:url(../images/hand.png);}
.mhand3 {position:absolute;bottom:-38px;right:-20px;z-index:5;animation:move_down3 1s ease-in-out infinite;animation-delay:0.5s;animation-duration:1s;width:96px;height:91px;background-image:url(../images/hand.png);}
.mhand4 {position:absolute;bottom:-38px;right:-20px;z-index:5;animation:move_down4 1s ease-in-out infinite;animation-delay:0.5s;animation-duration:2s;width:96px;height:91px;background-image:url(../images/hand.png);}
.mhand5 {position:absolute;bottom:-38px;right:-20px;z-index:5;animation:move_down5 1s ease-in-out infinite;animation-delay:0.5s;animation-duration:2s;width:96px;height:91px;background-image:url(../images/hand.png);}
.rhand {position:absolute;bottom:-38px;right:-20px;z-index:5;animation:move_right 1s ease-in-out infinite;animation-delay:0.5s;animation-duration:2s;width:96px;height:91px;background-image:url(../images/hand.png);}
.hand.s01 {bottom:-90px;right:-60px;}
.hand.s02 {bottom:-90px;right:-60px;}
.hand.s03 {bottom:-85px;right:-45px;opacity:1;zoom:.7;}
.hand.on {opacity:1;}

.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%;}
.cardNewsSwiper.citySwiper swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.wallSwiper.citySwiper swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper-button-disabled {opacity:.2;}

.cont_wrap {width:1200px;margin:0 auto;position:relative;}
a:focus {outline:none;}

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

.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%;}
@keyframes zoom{
  0% {
    scale: 1;
  }
  100% {
    scale: 1.1;
  }
}
@keyframes blink{
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes move_down1{
  0% {
    top: 115px;
	opacity:1;
  }
  100% {
    top: 440px;
	right:-250px;
	opacity:1;
  }
}
@keyframes move_down2{
  0% {
    top: 97px;
	opacity:1;
  }
  100% {
    top: 270px;
	right:180px;
	opacity:1;
  }
}
@keyframes move_down3{
  0% {
    top: 115px;
	opacity:1;
  }
  100% {
    top: 270px;
	right:-60px;
	opacity:1;
  }
}
@keyframes move_down4{
  0% {
    top: 115px;
	opacity:1;
  }
  100% {
    top: 650px;
	right:550px;
	opacity:1;
  }
}
@keyframes move_down5{
  0% {
    top: 115px;
	opacity:1;
  }
  100% {
    top: 650px;
	right:60px;
	opacity:1;
  }
}
@keyframes move_right{
  0% {
    top: 37px;
	opacity:1;
  }
  100% {
    top: 200px;
	right:-560px;
	opacity:0;
  }
}
@keyframes vmove{
  0% {
    top: 0px;
	opacity:0;
  }
  100% {
    top: 620px;
	opacity:1;
  }
}

@keyframes typing{
  0% {
    width: 0%;
  }
  50% {
    width: 480px;
  }
  100% {
    width: 0%;
  }
}

@keyframes zoom{
  0% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
  100% {
    scale: 1;
  }
}

@keyframes zoom_3{
  0% {
    scale: 1;
  }
  50% {
    scale: 1.1;
  }
  100% {
    scale: 1;
  }
}


@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.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.pop01 .form_top{position:relative;width:100%; height:288px;background-image:url('../images/form_top.jpg');}
.pu_event_info.pop02 .form_top{position:relative;width:100%; height:288px;background-image:url('../images/form_top2.jpg'); background-color: #015d36; background-repeat: no-repeat;}
.pu_event_info .form_top a{display:block;width:100%;height:100%;}
.pu_event_info .p_con {position:relative;padding:30px;background: #fff;overflow: hidden;}
.pu_event_info .p_con dt { position:relative; font-size:18px; color:#222;font-weight:700; }
.pu_event_info .p_con .ty00 { position:relative; height:30px; padding-top:5px;padding-left:0;text-align:center; font-weight:600;}
.pu_event_info .p_con .ty00 dd {display:inline-block;}
.pu_event_info .p_con .ty00 dd + dd {padding-left:30px;}

.pu_event_info .p_con .ty01 { position:relative; height:44px; padding-left:130px; margin-bottom:20px;}
.pu_event_info .p_con .ty01 dt { position:absolute; top:0; left:0; width:120px; line-height:44px; text-align:left; }
.pu_event_info .p_con .ty01 dd { position:relative; }
.pu_event_info .p_con .ty01 dd input { height:44px; line-height:44px; background:#fff; border:1px solid #cdcdcd; padding:0 10px; box-sizing:border-box;}
.pu_event_info .p_con .ty01 dd.num:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.pu_event_info .p_con .ty01 dd.num input { text-align:center; float:left; width:134px; }
.pu_event_info .p_con .ty01 dd.num i { float:left; width:20px; text-align:center; color:#fff; line-height:44px; }
.pu_event_info .p_con .ty02 { margin-top:30px;}
.pu_event_info .p_con .ty02 dt { margin-bottom:10px; margin-top:20px;}
.pu_event_info .p_con .ty02 dt span { position:absolute; bottom:0; right:-5px; }
.pu_event_info .p_con .ty02 dt span input { margin:0; }
.pu_event_info .p_con .ty02 dd { background:#fff4e4; padding:15px 20px; }
.pu_event_info .btns:before { position:absolute; content:''; top:0; left:50%; bottom:0; width:1px; ; z-index:1; }
.pu_event_info .btns:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.pu_event_info .btns a { float:left; width:50%; display:block; height:100px; line-height:100px; text-align:center; font-size:30px; color:#fff; font-weight:800; }
.pu_event_info .btns a:hover { text-decoration:none; }
.pu_event_info .btns a.bt_participate_done {background:#2bb178;}
.pu_event_info .btns a.bt_participate_done.i01 {background:#07788F;}
.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;}

.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 { width:640px; overflow:hidden; display:none;}
.pu_event_done .btn a { display:block; line-height:96px; text-align:center; font-size:30px; color:#fff; font-weight:800; letter-spacing:10px; }

.pu_event_done.e01 {background:#277508;}
.pu_event_done.e02 {background:#f18e0d;}
.pu_event_done.e03 {background:#1475ae;}

.tc {text-align:center;}

#scrollbar ::-webkit-scrollbar { width: 4px; height: 4px;}
#scrollbar ::-webkit-scrollbar-track {background-color: rgba(0,0,0,0.2); border-radius: 4px;}
#scrollbar ::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.2); border-radius: 4px;}


.container {
  --color: #fff;
  --size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  cursor: pointer;
  font-size: var(--size);
  user-select: none;
  fill: var(--color);
	right:100px;
	bottom:90px;
  scale: 3.5;
}

.container .mute {
  position: absolute;
  animation: keyframes-fill .5s;
}

.container .voice {
  position: absolute;
  display: none;
  animation: keyframes-fill .5s;
}

/* ------ On check event ------ */
.container input:checked ~ .mute {
  display: none;
}

.container input:checked ~ .voice {
  display: block;
}

/* ------ Hide the default checkbox ------ */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* ------ Animation ------ */
@keyframes keyframes-fill {
  0% {
    transform: rotate(0deg) scale(0);
    opacity: 0;
  }

  50% {
    transform: rotate(-10deg) scale(1.2);
  }
}