@charset "euc-kr";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@400;700&display=swap');
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* Layout */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,div,span,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;font-family: 'Nanum Gothic', sans-serif;font-size:16px}
img{vertical-align:top}

#event_main_wrap{float:left;width:100%;text-align:center; font-size:22px; background:#0179f4;font-weight:600}
#event_sub_wrap{float:left;width:100%;text-align:center;background:url(/ayeon/images/common/sub_bg.gif) top center repeat-x;}
#event_wrap{float:left;width:100%;min-height:1790px;text-align:center}
#event_header_wrap{width:100%; min-width:1086px;height:44px;background:url(/images/event/head_bg.gif) repeat-x}
#event_container{width:1024px;margin:0 auto; text-align:left; position:relative;box-shadow: 0 0 29px rgba(0,0,0,0.3)}
#event_header{width:100%;height:44px; margin:0 auto}
.event_header_menu1{float:left;margin-left:26px}
.event_header_menu2{float:right; font-size:10px; color:#d7d7d7; margin:16px 26px 0 0;}
.event_header_menu2 a{color:#717171; font-size:11px}
.event_header_menu2 a:hover{color:#717171; font-size:11px; line-height:15px}
.event_header_menu2 a:active{color:#717171; font-size:11px; line-height:15px}
.event_header_menu2 a:focus{color:#717171; font-size:11px; line-height:15px}

.event_content{width:100%;background:#f2f2f2;color:#272727}
.event_content a{font-size:12px; line-height:22px; color:#5e5e5d}
.event_content div{color:#272727}
.content_boxa{width:970px; margin:0 auto;border-top-left-radius:13px;border-top-right-radius:13px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background:#fff;box-shadow: 0 0 29px rgba(0,0,0,0.3);margin-top:40px}
.content_tta{color:#fff; border-top-left-radius:10px; border-top-right-radius:10px;font-size:30px; color:#ffffff; font-weight:600;font-family: 'Noto Sans KR', sans-serif; padding:20px 0 18px 0; text-align:center}
.content_tta.back1{background: rgb(114,121,219);background: linear-gradient(90deg, rgba(114,121,219,1) 0%, rgba(98,105,198,1) 100%, rgba(0,212,255,1) 100%)}
.content_tta.back2{background: rgb(41,65,95);background: linear-gradient(90deg, rgba(41,65,95,1) 32%, rgba(52,88,133,1) 52%, rgba(54,99,156,1) 65%, rgba(62,126,207,1) 81%)}
.mission_tta{background-color:#ededed;width:207px;height:100%;float:left;padding-left:27px; display:flex;align-items:center}
.mission_conta{position:relative;height:100%; display:flex;align-items:center}
.tb_mission li{border-bottom:1px solid #c6c6c6; height:126px}
.tb_mission li:last-child{border-bottom:0;border-bottom-left-radius:10px}
.graph{text-align:center;line-height:14px;color:#272727; font-size:14px; width:165px;padding:0 38px 0 52px}
.graph .graph_num{padding-top:12px; font-size:inherit}
.gifta{width:225px;padding-left:10px}
.bt_rewarda{width:221px;text-align:center}
.reward_txt{font-size:15px;padding-top:10px;letter-spacing:-1px}
.event_footer{font-size:14px; text-align:center;padding-top:30px;padding-bottom:100px;color:#fff; background:#0179f4;font-family: 'Nanum Gothic', sans-serif}
.prga{margin:47px 0 16px 0;color:#aeaeae;font-family: 'Noto Sans KR', sans-serif; font-size:22px; line-height:170%; font-weight:600}
/* tb_graph */
.tb_graph{float:left}
.tb_graph td{}
.tb_graph .name_txt{font-size:16px;color:#fff; padding:16px 0 0; text-align:center}
.ms_bar{width:165px; height:33px;background:#eee}
/* tb_basic */
.tb_basic{float:left}
.tb_basic td{}
.tb_basic .name_txt{font-size:16px;color:#fff; padding:16px 0 0; text-align:center}
/* table3 */
.table_type3,.table_type3 th,.table_type3 td{border:0}
.table_type3{border-bottom:1px solid #cccccc;font-family:'µ¸¿ò',dotum;table-layout:fixed}
.table_type3 caption{display:none}
.table_type3 th{padding:4px 0 0 0;font-weight:bold;text-align:left;vertical-align:top; color:#FFF;font-family:'µ¸¿ò',dotum; text-align:center;font-size:12px;line-height:23px}
.table_type3 table tbody tr:hover {background:#f4f4f4;}
.table_type3 td{padding:4px 0 0 0;border-top:1px solid #ccc;vertical-align:top;font-size:12px; line-height:23px; text-align:center}
.table_type3 img {vertical-align:middle;  margin:-1px 5px 0 0; }
.table_type3 td.txt_left{text-align:left; padding-left:10px}
.table_type3 td.txt_right{text-align:right; padding-right:30px}

.table_footer_txt{ float:right;color:#4d2a9e}