@charset "utf-8";

#total_section {width:100%;max-width:700px;margin: 30px auto; background:url('./img/back.jpg') repeat-y 0 0;background-size:100%;margin-bottom:40px;text-align:center;}
#total_section img {margin: 0 auto;padding: 0;border:0;display: block;}
#total_section div:nth-of-type(2){background:url('./img/back.jpg') repeat-y 0 0; background-size:100%;}
#total_section div:nth-of-type(3)
{background:url('./img/back_1.jpg') repeat-y 0 0; background-size:100%;}
#total_section div:nth-of-type(4)
{background:url('./img/back_2.jpg') repeat-y 0 0; background-size:100%;}

#total_section .total_secton_area { text-align:center; background:url('./img/back.jpg') repeat-y 0 0; background-size:100%; }
#total_section .total_secton_area .total_sec_movie {position: relative; height: 0;padding-bottom: 45%; width:80%; margin:0 auto; }
#total_section .total_secton_area .total_sec_movie iframe { position: absolute;top: 0;left: 0;width: 100%; height: 100%;}
#total_section .total_secton_area span { display:block; font-size:1.7em; font-weight:bold; margin:16px 0 0 0;line-height:1.5em; letter-spacing:-1px; color:#333; }
#total_section #event_sns_bg {background:url('./img/event_sns_bg.png') repeat-y 0 0;background-size:100%;}

#m_section { background-color: #64049B; }
.event_main img { width: 100%;  }
.event_wrap {width: 80%; max-width: 700px;margin: 0 auto;}
.event_wrap div {width: 100%;margin: 0 auto;}
.event_wrap div img {vertical-align: top;}
.event_wrap > ul {width: 100%;padding: 2% 0;border-bottom: 1px solid #ddd;padding-bottom: 7%;margin-bottom: 7%;}
.event_wrap>ul>li:nth-of-type(1) {float: left;margin-right: 2%;}
.event_wrap>ul>li:nth-of-type(2) {font-size: 1em;font-weight: bold;height: 15px;color:#fff;}
.event_wrap>ul>li:nth-of-type(3) {font-size: 1.5em;font-weight: bold;letter-spacing: -1px;color:#fff;}
.event_youtube {position: relative;height: 0;padding-bottom: 56.25%;}
.event_youtube iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.event_mission {margin: 7% 0;border: 3px solid #FFD800;border-radius: 15px;padding: 3%;box-sizing: border-box;}
.event_mission>ul {width: 100%;margin: 2% auto;}
.event_mission>ul>li {line-height: 20px;height: 30px;color:#fff;}
.event_mission>ul>li>img {margin-right: 1%;}
.event_mission>ul>h1 {font-size: 1.5em;font-weight: bold;letter-spacing: 2%;color: #fff;text-align: center;margin-bottom: 5%;}
.mission_button {width: 100%;margin: 7% 0;padding: 5%;box-sizing: border-box;}
.mission_button button {width: 35%;background-color: #FFD800;border-radius: 15px;height: 35px;margin: 0 auto;display: block;color: #64049B;font-weight: bold;cursor: pointer;}

/* 팝업 */
#event_m_popup {width: 100%;height: 100%;position: fixed;top: 0;display: none;z-index: 999;background: rgba(255, 255, 255, 0.8);color: #333;padding:80px 0; overflow:hidden;}
#event_m_popup .event_chal_wrap { width:550px; margin:0 auto; position:relative; }
#event_m_popup .event_chal { width:100%; margin:0 auto; border:3px solid #ff9212; border-radius:20px; background:#fff; padding:30px; box-sizing:border-box;}
#event_m_popup .event_chal2 { position:absolute; margin:50% 0 0 0; width:100%;  border:3px solid #ff9212; border-radius:20px; background:#fff; padding:30px; box-sizing:border-box;}
#event_m_popup .event_chal .event_chal_section { margin:0 0 20px 0;  }
#event_m_popup .event_chal .event_chal_section label { font-size:1.2em; font-weight:bold; display:inline-block; width:90px; margin:0 0 5px 0; }
#event_m_popup .event_chal .event_chal_section .input_event { border-radius:4px; color:#333; font-weight:bold; font-size:1.2em; border:1px solid #d4d4d4;box-shadow: 1px 1px 2px 0px #EAEAEA; } 
#event_m_popup .event_chal .event_chal_section .input_sns { border-radius:4px; color:#333; font-weight:bold; font-size:1.2em; border:1px solid #d4d4d4;box-shadow: 1px 1px 2px 0px #EAEAEA; width:350px; background:#fff6ec; } 
#event_m_popup .event_chal .event_chal_section .input_mexp { border-radius:4px; color:#333; font-weight:bold; font-size:1.2em; height:100px;}
#event_m_popup .event_chal .event_chal_section .input_event:focus { background:#ffe5c7; }
#event_m_popup .event_chal .event_chal_section .input_event::placeholder { color:#e1e1e1; }
#event_m_popup .event_chal .event_chal_section input { width:300px; height:30px; }
#event_m_popup .event_chal .event_chal_section textarea { width:300px; }
.input_sns_register { background:#999; font-size:1em; padding: 10px; border-radius:8px; color:#fff; cursor:pointer; width:12%; display: inline-block;}
.event_next { text-align:center; }
.input_event_chall_big { background:#ff5a00; font-size:1.5em; font-weight:bold; border:none; padding:15px 30px; margin:40px 0; border-radius:40px; color:#fff; cursor:pointer; min-width:200px; }
.input_event_chall_big02 { background:#2e2022; font-size:1.5em; font-weight:bold; border:none; padding:15px 40px; margin:40px 0; border-radius:40px; color:#fff; cursor:pointer; min-width:200px; }
.input_event_chall { background:#ff5a00; font-size:1.2em; font-weight:bold; border:none; padding:12px 40px; border-radius:40px; color:#fff; cursor:pointer; }
.input_event_chall_cancle { background:#999; font-size:1.2em; font-weight:bold; border:none; padding:12px 40px; border-radius:40px; color:#fff; cursor:pointer; }

#event_m_popup .event_chal h1 { font-size:2.5em;text-align:center; color:#ff9212; line-height:2; letter-spacing: -1px;}
#event_m_popup .event_chal h2 { font-size:1.5em;text-align:center; line-height:1;letter-spacing: -1px; margin:0 0 1em 0}
#event_m_popup .event_chal > ul { clear:both; overflow:hidden; margin:0 0 20px 0; }
#event_m_popup .event_chal > ul > li { float:left;width:25%; text-align: center; }
#event_m_popup .event_chal > ul > li img {padding:0 0 5px 0; }
#event_m_popup .event_chal ul li span { display:block }
#event_m_popup .event_chal .sns_blank { background:#d6d6d6; margin:20px 0; height:1px; }

@media (max-width:480px){
    #event_m_popup { }
    #event_m_popup .event_chal_wrap { width:80%; margin:0 auto; }
    #event_m_popup .event_chal {padding:20px; }
}

/* 팝업2 */
#event_m_popup2 {width: 100%;height: 100%;position: fixed;bottom: 0px;display: none;z-index: 999;background: rgba(255, 255, 255, 0.8);color: #333;padding:80px 0; overflow:hidden;}
#event_m_popup2 .event_chal2_wrap { width:550px; bottom:130px;margin:0 auto; position:relative; }
#event_m_popup2 .event_chal2 { width:100%; margin:0 auto; border:3px solid #ff9212; border-radius:20px; background:#fff; padding:30px; box-sizing:border-box;}
#event_m_popup2 .event_chal2 { position:absolute; margin:50% 0 0 0; width:100%;  border:3px solid #ff9212; border-radius:20px; background:#fff; padding:30px; box-sizing:border-box;}
#event_m_popup2 .event_chal2 .event_chal2_section { margin:0 0 20px 0;  }
#event_m_popup2 .event_chal2 .event_chal2_section label { font-size:1.2em; font-weight:bold; display:inline-block; width:90px; margin:0 0 5px 0; }
#event_m_popup2 .event_chal2 .event_chal2_section .input_event { border-radius:4px; color:#333; font-weight:bold; font-size:1.2em; border:1px solid #d4d4d4;box-shadow: 1px 1px 2px 0px #EAEAEA; } 
#event_m_popup2 .event_chal2 .event_chal2_section .input_sns { border-radius:4px; color:#333; font-weight:bold; font-size:1.2em; border:1px solid #d4d4d4;box-shadow: 1px 1px 2px 0px #EAEAEA; width:350px; background:#fff6ec; } 
#event_m_popup2 .event_chal2 .event_chal2_section .input_mexp { border-radius:4px; color:#333; font-weight:bold; font-size:1.2em; height:100px;}
#event_m_popup2 .event_chal2 .event_chal2_section .input_event:focus { background:#ffe5c7; }
#event_m_popup2 .event_chal2 .event_chal2_section .input_event::placeholder { color:#e1e1e1; }
#event_m_popup2 .event_chal2 .event_chal2_section input { width:300px; height:30px; }
#event_m_popup2 .event_chal2 .event_chal2_section textarea { width:300px; }
.event_next2 { text-align:center; }
.input_event_chall2_big { background:#ff5a00; font-size:1.5em; font-weight:bold; border:none; padding:15px 30px; margin:40px 0; border-radius:40px; color:#fff; cursor:pointer; min-width:200px; }
.input_event_chall2_big02 { background:#2e2022; font-size:1.5em; font-weight:bold; border:none; padding:15px 40px; margin:40px 0; border-radius:40px; color:#fff; cursor:pointer; min-width:200px; }
.input_event_chall2 { background:#ff5a00; font-size:1.2em; font-weight:bold; border:none; padding:12px 40px; border-radius:40px; color:#fff; cursor:pointer; }
.input_event_chall2_cancle { background:#999; font-size:1.2em; font-weight:bold; border:none; padding:12px 40px; border-radius:40px; color:#fff; cursor:pointer; }

#event_m_popup2 .event_chal2 h1 { font-size:2.5em;text-align:center; color:#ff9212; line-height:2; letter-spacing: -1px;}
#event_m_popup2 .event_chal2 h2 { font-size:1.5em;text-align:center; line-height:1;letter-spacing: -1px; margin:0 0 1em 0}
#event_m_popup2 .event_chal2 > ul { clear:both; overflow:hidden; margin:0 0 20px 0; }
#event_m_popup2 .event_chal2 > ul > li { float:left;width:25%; text-align: center; }
#event_m_popup2 .event_chal2 > ul > li img {padding:0 0 5px 0; }
#event_m_popup2 .event_chal2 ul li span { display:block }
#event_m_popup2 .event_chal2 .sns_blank { background:#d6d6d6; margin:20px 0; height:1px; }

@media (max-width:480px){
    #event_m_popup2 { }
    #event_m_popup2 .event_chal2_wrap { width:80%; margin:0 auto; }
    #event_m_popup2 .event_chal2 {padding:20px; }
}

/* 팝업3 */
#event_m_popup3 {width: 100%;height: 100%;position: fixed;bottom: 0px;display: none;z-index: 999;background: rgba(255, 255, 255, 0.8);color: #333;padding:80px 0; overflow:hidden;}
#event_m_popup3 .event_chal3_wrap { width:550px; bottom:130px;margin:0 auto; position:relative; }
#event_m_popup3 .event_chal3 { width:100%; margin:0 auto; border:3px solid #ff9212; border-radius:20px; background:#fff; padding:30px; box-sizing:border-box;}
#event_m_popup3 .event_chal3 { position:absolute; margin:50% 0 0 0; width:100%;  border:3px solid #ff9212; border-radius:20px; background:#fff; padding:30px; box-sizing:border-box;}
#event_m_popup3 .event_chal3 .event_chal3_section { margin:0 0 20px 0;  }
#event_m_popup3 .event_chal3 .event_chal3_section label { font-size:1.2em; font-weight:bold; display:inline-block; width:90px; margin:0 0 5px 0; }
#event_m_popup3 .event_chal3 .event_chal3_section .input_event { border-radius:4px; color:#333; font-weight:bold; font-size:1.2em; border:1px solid #d4d4d4;box-shadow: 1px 1px 2px 0px #EAEAEA; } 
#event_m_popup3 .event_chal3 .event_chal3_section .input_sns { border-radius:4px; color:#333; font-weight:bold; font-size:1.2em; border:1px solid #d4d4d4;box-shadow: 1px 1px 2px 0px #EAEAEA; width:350px; background:#fff6ec; } 
#event_m_popup3 .event_chal3 .event_chal3_section .input_mexp { border-radius:4px; color:#333; font-weight:bold; font-size:1.2em; height:100px;}
#event_m_popup3 .event_chal3 .event_chal3_section .input_event:focus { background:#ffe5c7; }
#event_m_popup3 .event_chal3 .event_chal3_section .input_event::placeholder { color:#e1e1e1; }
#event_m_popup3 .event_chal3 .event_chal3_section input { width:300px; height:30px; }
#event_m_popup3 .event_chal3 .event_chal3_section textarea { width:300px; }
.event_next3 { text-align:center; }
.input_event_chall3_big { background:#ff5a00; font-size:1.5em; font-weight:bold; border:none; padding:15px 30px; margin:40px 0; border-radius:40px; color:#fff; cursor:pointer; min-width:200px; }
.input_event_chall3_big02 { background:#2e2022; font-size:1.5em; font-weight:bold; border:none; padding:15px 40px; margin:40px 0; border-radius:40px; color:#fff; cursor:pointer; min-width:200px; }
.input_event_chall3 { background:#ff5a00; font-size:1.2em; font-weight:bold; border:none; padding:12px 40px; border-radius:40px; color:#fff; cursor:pointer; }
.input_event_chall3_cancle { background:#999; font-size:1.2em; font-weight:bold; border:none; padding:12px 40px; border-radius:40px; color:#fff; cursor:pointer; }

#event_m_popup3 .event_chal3 h1 { font-size:2.5em;text-align:center; color:#ff9212; line-height:2; letter-spacing: -1px;}
#event_m_popup3 .event_chal3 h2 { font-size:1.5em;text-align:center; line-height:1;letter-spacing: -1px; margin:0 0 1em 0}
#event_m_popup3 .event_chal3 > ul { clear:both; overflow:hidden; margin:0 0 20px 0; }
#event_m_popup3 .event_chal3 > ul > li { float:left;width:25%; text-align: center; }
#event_m_popup3 .event_chal3 > ul > li img {padding:0 0 5px 0; }
#event_m_popup3 .event_chal3 ul li span { display:block }
#event_m_popup3 .event_chal3 .sns_blank { background:#d6d6d6; margin:20px 0; height:1px; }

@media (max-width:480px){
    #event_m_popup3 { }
    #event_m_popup3 .event_chal3_wrap { width:80%; margin:0 auto; }
    #event_m_popup3 .event_chal3 {padding:20px; }
}

/* 팝업4 */
#event_m_popup4 {width: 100%;height: 100%;position: fixed;bottom: 0px;display: none;z-index: 999;background: rgba(255, 255, 255, 0.8);color: #333;padding:80px 0; overflow:hidden;}
#event_m_popup4 .event_chal4_wrap { width:550px; bottom:130px;margin:0 auto; position:relative; }
#event_m_popup4 .event_chal4 { width:100%; margin:0 auto; border:3px solid #ff9212; border-radius:20px; background:#fff; padding:30px; box-sizing:border-box;}
#event_m_popup4 .event_chal4 { position:absolute; margin:50% 0 0 0; width:100%;  border:3px solid #ff9212; border-radius:20px; background:#fff; padding:30px; box-sizing:border-box;}
#event_m_popup4 .event_chal4 .event_chal4_section { margin:0 0 20px 0;  }
#event_m_popup4 .event_chal4 .event_chal4_section label { font-size:1.2em; font-weight:bold; display:inline-block; width:90px; margin:0 0 5px 0; }
#event_m_popup4 .event_chal4 .event_chal4_section .input_event { border-radius:4px; color:#333; font-weight:bold; font-size:1.2em; border:1px solid #d4d4d4;box-shadow: 1px 1px 2px 0px #EAEAEA; } 
#event_m_popup4 .event_chal4 .event_chal4_section .input_sns { border-radius:4px; color:#333; font-weight:bold; font-size:1.2em; border:1px solid #d4d4d4;box-shadow: 1px 1px 2px 0px #EAEAEA; width:350px; background:#fff6ec; } 
#event_m_popup4 .event_chal4 .event_chal4_section .input_mexp { border-radius:4px; color:#333; font-weight:bold; font-size:1.2em; height:100px;}
#event_m_popup4 .event_chal4 .event_chal4_section .input_event:focus { background:#ffe5c7; }
#event_m_popup4 .event_chal4 .event_chal4_section .input_event::placeholder { color:#e1e1e1; }
#event_m_popup4 .event_chal4 .event_chal4_section input { width:300px; height:30px; }
#event_m_popup4 .event_chal4 .event_chal4_section textarea { width:300px; }
.event_next4 { text-align:center; }
.input_event_chall4_big { background:#ff5a00; font-size:1.5em; font-weight:bold; border:none; padding:15px 30px; margin:40px 0; border-radius:40px; color:#fff; cursor:pointer; min-width:200px; }
.input_event_chall4_big02 { background:#2e2022; font-size:1.5em; font-weight:bold; border:none; padding:15px 40px; margin:40px 0; border-radius:40px; color:#fff; cursor:pointer; min-width:200px; }
.input_event_chall4 { background:#ff5a00; font-size:1.2em; font-weight:bold; border:none; padding:12px 40px; border-radius:40px; color:#fff; cursor:pointer; }
.input_event_chall4_cancle { background:#999; font-size:1.2em; font-weight:bold; border:none; padding:12px 40px; border-radius:40px; color:#fff; cursor:pointer; }

#event_m_popup4 .event_chal4 h1 { font-size:2.5em;text-align:center; color:#ff9212; line-height:2; letter-spacing: -1px;}
#event_m_popup4 .event_chal4 h2 { font-size:1.5em;text-align:center; line-height:1;letter-spacing: -1px; margin:0 0 1em 0}
#event_m_popup4 .event_chal4 > ul { clear:both; overflow:hidden; margin:0 0 20px 0; }
#event_m_popup4 .event_chal4 > ul > li { float:left;width:25%; text-align: center; }
#event_m_popup4 .event_chal4 > ul > li img {padding:0 0 5px 0; }
#event_m_popup4 .event_chal4 ul li span { display:block }
#event_m_popup4 .event_chal4 .sns_blank { background:#d6d6d6; margin:20px 0; height:1px; }

@media (max-width:480px){
    #event_m_popup4 { }
    #event_m_popup4 .event_chal4_wrap { width:80%; margin:0 auto; }
    #event_m_popup4 .event_chal4 {padding:20px; }
}
/* 팝업 */

#event_mv_result { width:100%;max-width:700px;padding:100px 0 0 0;margin: 0 auto; margin-bottom:40px; background:#f6f6f6;text-align: center; }
#event_mv_result h1 {  background:#dfdfdf; font-size:1.6em; border-radius:24px; display:inline-block; padding:10px 50px; letter-spacing:-1px; }
#event_mv_result h2 { text-align:center; margin:20px 0; }
#event_mv_result h2 img {width:60%; }

.event_result_tab {  border: 0px solid #ccc; background-color: #f1f1f1; width:87%; margin:0 auto; }
.event_result_tab button { background:#d6d6d6; float: left; cursor: pointer; padding: 14px 16px; transition: 0.3s; width:33.3%; box-sizing:border-box; font-size:1.3em;font-weight:bold; color:#808080;  }
.event_result_tab button:hover {background-color: #bfbfbf;}
.event_result_tab button.active { background-color: #ff5a00;color:#fff;}
.tabmovie {display:none;padding: 6px 12px;  }
.tabmovie .mv_point { font-size:1.2em; display:inline-block; padding:20px 0 0 0; line-height:1.6em;}

/*동영상리스트*/
#event_mv_list_wrap {width:90%;max-width:700px;padding:30px 0 0 0;margin: 0 auto; margin-bottom:40px; }
#event_mv_list_wrap li { clear:both; margin:0 0 40px 0; }
#event_mv_list_wrap li .event_mv {position: relative; height: 0;padding-bottom: 55%; width:100%; margin:0 auto; }
#event_mv_list_wrap li .event_mv iframe { position: absolute;top: 0;left: 0;width: 100%; height: 100%;}
#event_mv_list_wrap li p { background:#fff; display:block; overflow: hidden; box-sizing:border-box; padding:20px 15px; }
#event_mv_list_wrap li p:hover { background:#dcdcdc}
#event_mv_list_wrap li span:nth-of-type(1) {font-size:1.2em; float:left; display:block; font-weight:bold;color:#333;letter-spacing:-1px; }
/*#event_mv_list_wrap li span:nth-of-type(2) {font-size:1em; float:right; display:block;color:#555; background:url('./img/icon_heart.png') no-repeat 0 2px; background-size:50%; padding:0 0 0 20px; }*/
#event_mv_list_wrap li span:nth-of-type(2) {font-size:1em; float:right; display:block;color:#555; padding:0 0 0 0px; }