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:1042px;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-image:url('../images/visual.png');;height:872px;background-position:center;overflow:hidden;background-size:cover;background-position:center;}
.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;
}




/* 이벤트 01 */
section.event01 {position:relative;width:100%;height:2024px;background-image:url('../images/bg_event01.png');}
section.event01 .content_wrapper {display:block;position:absolute;left:0;top:800px;width:100%;}
section.event01 .content_wrapper > .content_wrap{display:block;position:relative;width:1000px;margin: 0 auto;}

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 .event01_w{position: fixed;left:0;top:-50px; z-index: 1; width: 100%; height: 100%; background: #00000052; display: flex; align-items: center; justify-content: center;zoom:.95}
section.event01 .event01_pop{position: relative; width: 634px; height: 800px; border:6px solid #21baf2;border-radius:42px;overflow:hidden;box-sizing:border-box;background:#ffffff}
section.event01 .event01_pop > div .etop{position: relative;  height:303px;}
section.event01 .event01_pop > div .ebody{position: relative; width: 650px; height: 380px; overflow-x: hidden;background:#FFFFFF;}



section.event01 .event01_pop .ebody::-webkit-scrollbar { width: 5px; height: 5px;}
section.event01 .event01_pop .ebody::-webkit-scrollbar-track {background-color:rgba(33,186,242,.3); border-radius: 5px;}
section.event01 .event01_pop .ebody::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 5px;}

section.event01 .event01_pop .epop01_c01{height:808px;}
section.event01 .event01_pop .epop01_c02{height:1126px;}
section.event01 .event01_pop .epop01_c03{height:1015px;}
section.event01 .event01_pop .epop01_c04{height:1015px;}
section.event01 .event01_pop .epop01_close{position: absolute; left: 50%; transform: translateX(-50%); cursor: pointer;}
section.event01 .event01_pop .epop01_c01 .epop01_close{bottom: 10px; }
section.event01 .event01_pop .epop01_c02 .epop01_close{bottom: 10px; }
section.event01 .event01_pop .epop01_c03 .epop01_close{bottom: 10px; }
section.event01 .event01_pop .epop01_c04 .epop01_close{bottom: 10px; }

section.event01 .event01_pop .epop01_c01 .ebody .cont{background-image:url('../images/epop01_txt.png');background-size:570px 364px;width:100%;height:400px;background-position:center 10px;background-repeat:no-repeat;}
section.event01 .event01_pop .epop01_c02 .ebody .cont{background-image:url('../images/epop02_txt.png');background-size:550px 600px;width:100%;height:700px;background-position:center 10px;background-repeat:no-repeat;}
section.event01 .event01_pop .epop01_c03 .ebody .cont{background-image:url('../images/epop03_txt.png');background-size:573px 502px;width:100%;height:600px;background-position:center 10px;background-repeat:no-repeat;}
section.event01 .event01_pop .epop01_c04 .ebody .cont{background-image:url('../images/epop04_txt.png');background-size:590px 510px;width:100%;height:600px;background-position:center 10px;background-repeat:no-repeat;}


/* section.event01 .content_wrapper > .content_wrap ul li > div.card01::before{content:'';background:url('../images/bg_event01_btn1.png') no-repeat;position:absolute;left:0;top:0;width:100%;height:100%;}
section.event01 .content_wrapper > .content_wrap ul li > div.card02::before{content:'';background:url('../images/bg_event01_btn2.png') no-repeat;position:absolute;left:0;top:0;width:100%;height:100%;}
section.event01 .content_wrapper > .content_wrap ul li > div.card03::before{content:'';background:url('../images/bg_event01_btn3.png') no-repeat;position:absolute;left:0;top:0;width:100%;height:100%;}
section.event01 .content_wrapper > .content_wrap ul li > div.card04::before{content:'';background:url('../images/bg_event01_btn4.png') no-repeat;position:absolute;left:0;top:0;width:100%;height:100%;} */
section.event01 .content_wrapper > .content_wrap ul{width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
section.event01 .content_wrapper > .content_wrap ul li{justify-content: center; margin-left: 15px; margin-bottom: 15px; cursor: pointer;}
section.event01 .content_wrapper > .content_wrap ul li.read > img{}


section.event01 .content_wrapper > .content_wrap ul li > div{position:relative;}
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:-180px;width:100%;color:#0a0605;font-weight:600}
section.event01 .join_info_wrapper > .join_info {position:relative;width:1076px;height:86px;line-height:86px;margin:0 auto;background:#f6ffea;border-radius:42.5px;font-size:26px;border:1px solid #8ec741;box-sizing:border-box;}
section.event01 .join_info_wrapper > .join_info > span{font-weight:900;}
section.event01 .join_info_wrapper > .join_info > span.num{font-size:34px;color:#21baf2}
/* 이벤트 01 */


/* 이벤트 02 */
section.event02 {position:relative;width:100%;height:1926px;background-image:url('../images/bg_event02.png');}
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 .join_info_wrapper {position:absolute;left:0;bottom:-80px;width:100%;color:#191919;}
section.event02 .join_info_wrapper > .join_info {position:relative;width:1076px;height:86px;line-height:86px;margin:0 auto;background:#ffffff;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:#0aaad8}
section.event02 .event02_input{position: relative; top: 47%; left: 25px; width: 605px; height: 40px; margin: 0 auto;}
section.event02 .event02_input input{width: 100%; height: 100%; background: transparent; border: 0; border-radius: 5px; font-size: 2.2rem; padding: 20px; font-weight: 300;font-weight:bold;}
section.event02 .event02_input input:focus{border: 0; outline: 0; border-color: transparent;}
section.event02 .event02_input input::placeholder{color:#bbbbbb;font-weight:bold;font-size:40px;}
section.event02 .event02_btn{position: absolute; left: 50%; transform: translateX(-50%); bottom: 25%; cursor: pointer;}
/* 이벤트 02 */

/*스크롤영역 */
section.e-scroll {position:relative;width:100%;}
section.e-scroll .content_wrapper {width:100%;}
section.e-scroll .content_wrapper > .content_wrap{display:block;position:relative;width:1920px;margin: 0 auto;}
section.e-scroll .content_wrapper > .content_wrap .s01 {position:relative;width:100%;height:924px;background-image:url('../images/scroll01.png');background-position:center;}
section.e-scroll .content_wrapper > .content_wrap .s02 {position:relative;width:100%;height:924px;background-image:url('../images/scroll02.png');background-position:center;}
section.e-scroll .content_wrapper > .content_wrap .s03 {position:relative;width:100%;height:924px;background-image:url('../images/scroll03.png');background-position:center;}
section.e-scroll .content_wrapper > .content_wrap .pop_link_wrapper{position:absolute;left:0;top:445px;width:100%;}
section.e-scroll .content_wrapper > .content_wrap .pop_link_wrapper .pop_link_wrap{position:relative;width:1147px;margin:0 auto;display:flex;}
section.e-scroll .content_wrapper > .content_wrap .pop_link_wrapper .pop_link_wrap > div{position:relative;width:215px;height:45px;}
section.e-scroll .content_wrapper > .content_wrap .pop_link_wrapper .pop_link_wrap > div a{display:block;width:100%;height:100%;}
section.e-scroll .content_wrapper > .content_wrap .pop_link_wrapper .pop_link_wrap .btn01{margin-left:0px;}
section.e-scroll .content_wrapper > .content_wrap .pop_link_wrapper .pop_link_wrap .btn02{margin-left:180px;}
section.e-scroll .content_wrapper > .content_wrap .pop_link_wrapper .pop_link_wrap .btn03{margin-left:180px;}
section.e-scroll .content_wrapper .s_popup_wrapper{position:fixed;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:99;background-color:rgba(0,0,0,.7);}
section.e-scroll .content_wrapper .s_popup_wrapper .scontent{position:relative;width:640px;height:850px;display:none;}
section.e-scroll .content_wrapper .s_popup_wrapper .scontent .btn{position:absolute;bottom:20px;left:190px;}

/*스크롤영역 */
/* 이벤트 03 */
section.event03 {position:relative;width:100%;height:1943px;background-image:url('../images/bg_event03.png');background-position:center center;background-repeat:no-repeat;}
section.event03 .content_wrapper {display:block;position:absolute;left:0;top:840px;width:100%;}
section.event03 .content_wrapper > .content_wrap{display:block;position:relative;width:887px;height:66px;margin: 0 auto;}
section.event03 .content_wrapper > .content_wrap .post_wrapper_bg{position:absolute;display:flex;flex-direction:column;0;box-sizing:border-box;width:887px;}
section.event03 .content_wrapper > .content_wrap .post_wrapper_bg > .item01{position:relative;background-image:url('../images/evt3_step01.png');width:887px;height:66px;;margin-bottom:8px;}
section.event03 .content_wrapper > .content_wrap .post_wrapper_bg > .item02{position:relative;background-image:url('../images/evt3_step02.png');width:887px;height:66px;;margin-bottom:8px;}
section.event03 .content_wrapper > .content_wrap .post_wrapper_bg > .item03{position:relative;background-image:url('../images/evt3_step03.png');width:887px;height:66px;;margin-bottom:8px;}
section.event03 .content_wrapper > .content_wrap .post_wrapper_bg > .item04{position:relative;background-image:url('../images/evt3_step04.png');width:887px;height:66px;;margin-bottom:8px;}
section.event03 .content_wrapper > .content_wrap .post_wrapper_bg > .item05{position:relative;background-image:url('../images/evt3_step05.png');width:887px;height:66px;;margin-bottom:8px;}
section.event03 .content_wrapper > .content_wrap .post_wrapper_bg > .item06{position:relative;background-image:url('../images/evt3_step06.png');width:887px;height:66px;;}

section.event03 .content_wrapper > .content_wrap .post_wrapper{position:absolute;;display:flex;flex-direction:column;top:-6px;box-sizing:border-box;left:210px;}
section.event03 .content_wrapper > .content_wrap .post_wrapper > #post_it01 {}
section.event03 .content_wrapper > .content_wrap .post_wrapper > #post_it01 .first{position:absolute;background-image:url('../images/icon_post_it.png');width:716px;height:73px;}
section.event03 .content_wrapper > .content_wrap .post_wrapper > #post_it02 .first{position:absolute;background-image:url('../images/icon_post_it.png');width:716px;height:73px;}
section.event03 .content_wrapper > .content_wrap .post_wrapper > #post_it03 .first{position:absolute;background-image:url('../images/icon_post_it.png');width:716px;height:73px;}
section.event03 .content_wrapper > .content_wrap .post_wrapper > #post_it04 .first{position:absolute;background-image:url('../images/icon_post_it.png');width:716px;height:73px;}
section.event03 .content_wrapper > .content_wrap .post_wrapper > #post_it05 .first{position:absolute;background-image:url('../images/icon_post_it.png');width:716px;height:73px;}
section.event03 .content_wrapper > .content_wrap .post_wrapper > #post_it06 .first{position:absolute;background-image:url('../images/icon_post_it.png');width:716px;height:73px;}

section.event03 .btns {position:absolute;width:100%;left:0;bottom:340px;display:flex;}
section.event03 .btns .btns_wrap{position:relative;width:1200px;display:flex;margin:0 auto;}
section.event03 .btns .btns_wrap .btn{position:relative;background-image:url('../images/btn_evt3_join.png');width:554px;height:144px;margin:0 auto;cursor:pointer;}
section.event03 .btns .btns_wrap .dbtn{position:relative;background-image:url('../images/btn_phone.png');width:554px;height:144px;margin:0 auto;cursor:pointer;}
section.event03 .btns .btns_wrap .dbtn a{display:block;width:100%;height:100%;}

section.event03 .join_info_wrapper {position:absolute;left:0;bottom:90px;width:100%;color:#191919;}
section.event03 .join_info_wrapper > .join_info {position:relative;width:1334px;height:85px;line-height:85px;margin:0 auto;background:#FFFFFF;border-radius:42.5px;font-size:30px;border:1px solid #21baf2;box-sizing:border-box;}
section.event03 .join_info_wrapper > .join_info > span{font-weight:900;}
section.event03 .join_info_wrapper > .join_info > span.num{font-size:35px;color:#21baf2}

/* 이벤트 03 */



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



/* SNS SHARE */
section.snsshare {position:relative;width:100%;height:392px;background:#21baf2;}
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;padding:0 52px;box-sizing:border-box;}
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:#1193c3;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:#1193c3;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:#1193c3;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:358px;cursor:pointer;margin-right:12px;}
.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(3) {width:358px;cursor:pointer;margin-right:12px;}
.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(4) {width:358px;cursor:pointer;margin-right:12px;}
.navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(5) {width:110px;}



.navigator_wrapper .cont_wrap .navi_wrap > li > .n_tab01{background-image:url('../images/nav01.png');height:101px;}
.navigator_wrapper .cont_wrap .navi_wrap > li > .n_tab02{background-image:url('../images/nav02.png');height:101px;}
.navigator_wrapper .cont_wrap .navi_wrap > li > .n_tab03{background-image:url('../images/nav03.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/nav01.png');}
.navigator_wrapper .cont_wrap .navi_wrap > li > .n_tab02.on{background-image:url('../images/nav02.png');}
.navigator_wrapper .cont_wrap .navi_wrap > li > .n_tab03.on{background-image:url('../images/nav03.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);}
.hand.move {position:absolute;bottom:-38px;right:20px;z-index:5;animation:move_left 1s ease-in-out infinite;animation-delay:0.5s;animation-duration:1s;width:96px;height:91px;background-image:url(../images/hand.png);}
.hand.move2 {position:absolute;bottom:-38px;right:20px;z-index:5;animation:move_left 1s ease-in-out 2 forwards;animation-delay:0.5s;animation-duration:1s;width:96px;height:91px;background-image:url(../images/hand.png);}
.hand01 {position:absolute;top:150px;left:200px;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);}

.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_left{
  0% {
	opacity:1;
  }
  100% {
	right:400px;
	opacity:0;
  }
}
@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 .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:flex; justify-content:center;align-items:center;height:100px; line-height:1.2; text-align:center; font-size:30px; color:#fff; font-weight:800; }
.pu_event_info .btns a:hover { text-decoration:none; }
.pu_event_info .btns a.bt_participate_done {background:#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;background:#000;}
.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:#000000;}
.pu_event_done.e02 {background:#000000;}
.pu_event_done.e03 {background:#000000;}

.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);
  }
}