/* event2 */	
#event2 { width:100%; margin:0 auto;}
#event2 .img1 img{ width:100%;}
#event2 .img2 { 
    width: 100%; 
    height: 420px;
    background-image: url('//img.filesun.com/event/02/evt2_img2.png');
    background-repeat: no-repeat;
}
#event2 .img2 .naver_kin { display:inline-block; position:relative; left: 75px; top:160px; font-family: 'Noto Sans KR', sans-serif; font-size: 13px; letter-spacing: -1px;}
#event2 .img2 .daum_kin { display:inline-block; position:relative; left:82px; top:180px; }
#event2 .img2 .naver_kin p, #event2 .img2 .daum_kin p { margin-bottom: 15px; }
#event2 .img2 .p1 a, .p2 a, .p3 a, .p4 a, .p5 a, .p6 a {
    margin-right: 10px;
    text-decoration:none;
    padding: 3px 8px;
    background: #00cb5a;
    font-size:13px;
    color: #fff;
    border-radius: 6px;
    font-family: 'Noto Sans KR', sans-serif;}
#event2 .img2 a:hover { background: #019040;}

#event2 .img3 {
    box-sizing: border-box;
    margin-bottom: 30px;
    width: 100%;
    padding: 120px 0 0 30px;
    background: url('//img.filesun.com/event/02/evt2_img3.png') no-repeat;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}
#event2 .img3 .sampleBox {
    position: relative;
    box-sizing: border-box;
    margin: 0 10px 20px 0;
    border-radius: 10px;
    padding: 20px;
    width: 360px;
    min-height: 150px;
    font-family: '맑은 고딕', dotum, sans-serif;
    background-color: #eeeeee;
}
#event2 .img3 .sampleBox button.copy {
    position: absolute;
    right: 36px;
    bottom: 50px;
    border: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
#event2 .img3 .sampleBox button.copy svg {
    width: 100%;
    height: 100%;
    fill: #000000;
}
#event2 .img3 .sampleBox .title {
    margin-left: 4px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Noto Sans KR', sans-serif;
}
#event2 .img3 .sampleBox .title > span {
    border-radius: 6px;
    padding: 3px 6px;
    margin-right: 4px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: bold;
    color: #ffffff;
    background-color: #313131;
}
#event2 .img3 .sampleBox .content {
    padding: 15px 10px 0 10px;
    border-radius: 5px;
    margin: 20px 5px;
    height: 95px;
    font-size: 13px;
    line-height: 1.2em;
    background-color: #ffffff;
}
#event2 .img3 .sampleBox .content>div{
    font-family: 'Noto Sans KR', sans-serif;
}
#event2 .img4 { width: 100%; height:341px; background:url('//img.filesun.com/event/02/evt2_img4.png') no-repeat; position:relative; }
#event2 .img4 .img4_wrap { display:inline-block; top:15px; left:0; right:0; bottom:0; margin:auto; position:absolute; width:350px; height:80px; margin-top:161px; margin-left:150px; }
#event2 .img4 .img4_wrap input { 
    width:350px; 
    height:40px; 
    border-radius:3px; 
    box-sizing:border-box; 
    padding-left:5px; 
    display:inline-block; 
    border: 1px solid #c7c7c7; 
    font-size: 16px; 
    font-weight: 500; 
    text-align: center; 
    font-family: 'Noto Sans KR', sans-serif;
}
#event2 .img4 .img4_wrap input.input1 { 
    height: 40px; 
    margin-bottom:6px; 
    font-size: 16px; 
    text-align: center; 
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 500; 
}
#event2 .img4 .img4_btn { 
    background:#3fb856; 
    display:inline-block; 
    width:130px; 
    height:86px; 
    border:1px solid #3fb856; 
    box-sizing:border-box; 
    color:#fff; 
    font-size: 18px; 
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing:-1px; 
    font-weight: 500; 
    position:absolute; 
    top:16px; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    border-radius:3px; 
    margin-top:160px;
    margin-left:510px; 
    cursor:pointer;
}

#event2 .img5 { width: 790px; background:url('//img.filesun.com/event/02/evt2_img5.png') no-repeat; padding-bottom: 120px;}
#event2 .img5 div.total {position:relative; top:120px; left:54px;}
#event2 .img5 div.total li {
    float: left; 
    margin:0 20px -10px 0; 
    color:#424242; 
    font-size: 16px; 
    font-family: 'Noto Sans KR', sans-serif; 
    font-weight: 500;
    letter-spacing: -1px;
}
#event2 .img5 div.total li strong {color:#3fb856; display: inline-block; margin-left: 10px;}
#event2 .img5 div.total li b {color:#3fb856; display: inline-block; margin-left: 10px; font-size: 16px;}

#event2 .img5 table { 
    position:relative; 
    text-align:center; 
    width:650px; 
    top:150px; 
    margin:0 50px;
}
#event2 .img5 table th { 
    background:#00bc4f; 
    padding: 8px 0; 
    font-family:'Noto Sans KR', sans-serif;  
    color:#fff; 
    letter-spacing:-1px; 
    font-size: 14px; 
    font-weight: 500;
}
#event2 .img5 table th:nth-of-type(1){ border-top-left-radius: 10px;}
#event2 .img5 table th:nth-of-type(4){ border-top-right-radius: 10px;}
#event2 .img5 table tr:last-child td{ border: 0;}
#event2 .img5 table td { 
    padding: 12px 0 ; 
    background:#fff; 
    border-bottom: 1px solid #d9d9d9;
}
#event2 .img5 table td.result{ border-bottom: 1px solid #d9d9d9;}
#event2 .img5 table td a {color:#777877;}
#event2 .img5 table td strong {font-weight:normal; color:#2db400;}
#event2 .img5 table td b {font-weight:normal; color:#fc5308;}
#event2 .img5 table .url { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; width:400px;}
#event2 .img5 table td.paging a {display:inline-block; margin:0 10px; font-weight:bold;}
#event2 .img5 table td.paging a:hover {color:#2db400;}
#event2 .img5 table td.paging a.on { color:#2db400; font-size: 14px;}
/* #event2 .img_footer { width:795px; height:194px; background:url('//img.filesun.com/event/02/footer.png') no-repeat; } */
#event2 .event_footer {width: 790px;}
#event2 .event_footer ul{ 
    width: 100%;
    /*height: 100%;*/ 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
    margin: -20px 0 40px 0;
}
#event2 .event_footer ul .notice_title{ 
    margin: 80px 0 20px 0; 
    font-weight: bold; 
    font-size: 16px; 
    color: #00bc4f; 
    font-family: 'Noto Sans KR', sans-serif;
}
#event2 .event_footer ul li{ 
    font-size: 14px; 
    color: #9c9c9c; 
    line-height: 22px; 
    font-family: 'Noto Sans KR', sans-serif;
}

/* event3 */
#event3 { }
#event3 .event_footer {width:793px; background: #0e6cd6; margin:0 auto;}
#event3 .event_footer ul{ width: 100%; /*height: 100%;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 50px; }
#event3 .event_footer ul .notice_title{ margin-bottom: 20px; font-weight: bold; font-size: 13px; color: #6ed4ff; }
#event3 .event_footer ul .notice_title span{ display: inline-block; width: 20px; height: 20px; text-align: center; text-indent: -1px; background: #fff; border-radius: 3px; color: #000; font-weight: bold; vertical-align: middle; line-height: 20px; margin-right: 8px; }
#event3 .event_footer ul li{ font-size: 11px; color: #6ed4ff; padding: 3px 0; }

/* event4 */
#event4 { text-align:center; background:url('//img.filesun.com/event/04/v181108.png') no-repeat; width:795px; height:1370px;  }

/* event5 */
#event5 {position:relative; background:url('//img.filesun.com/event/05/ren_evt5_img3.png') no-repeat center top; width:795px; height:2482px; margin:0 auto;}
#event5 table { text-align:center; width:348px; height: 495px; margin-top: 162px; padding: 14px;}
#event5 table.t1{ width:348px; height: 495px; background: url('//img.filesun.com/event/05/ren_evt5_bg1_ranking.png') no-repeat;}
#event5 table.t2{ width:348px; height: 495px; background: url('//img.filesun.com/event/05/ren_evt5_bg2_ranking.png') no-repeat;}
#event5 table thead th { background:#445d8c; color:#fff; height:44px; }
#event5 table tbody tr {
    height: 47px;
}
#event5 table.t1 tbody tr:nth-child(1) td a,
#event5 table.t1 tbody tr:first-child td:first-child {color: #ff3951; font-weight: 500;}
#event5 table.t1 tbody tr:nth-child(2) td a,
#event5 table.t1 tbody tr:nth-child(2) td:first-child {color: #ffbe3b; font-weight: 500;}
#event5 table.t1 tbody tr:nth-child(3) td a,
#event5 table.t1 tbody tr:nth-child(3) td:first-child {color: #5c9eff; font-weight: 500;}
#event5 table tbody tr td{ font-family: 'Wanted Sans'; font-size: 14px;}
#event5 table.t1 tbody tr td, #event5 table.t1 a{ color: #fff;}
#event5 table.t2 tbody tr td, #event5 table.t2 a{ color: #c9c9c9;}
#event5 table tbody tr td:first-child{ font-size: 20px; padding-right: 20px; font-family: 'Wanted Sans'; color: #fff;}
#event5 .upload_btn { position:absolute; width: 247px; height: 67px; top:740px; left:122px; }
#event5 .seller_btn { position:absolute; width: 247px; height: 67px; top:740px; left:420px; }
/*.upload_btn:hover, .seller_btn:hover { top:503px; }*/
#event5 .week { position:absolute; top:1540px; left:46px; color:#fff; }
#event5 .week span { height:20px; display:block; font-size:12px; font-weight:bold; letter-spacing:-1px; display:none;}
#event5 .last { left:410px; }
#event5 .last_1st { display:none; color:#fff; font-size:16px;  position:absolute; top:1066px; left:415px; letter-spacing:-1px;}
#event5 .last_1st font { color:#FEC205; font-weight:bold; }
#event5 .event_footer {margin: 0 auto;  position: absolute; left: 0; bottom: 0; background: #3a4068; display: block; width: 795px; height: 220px;}
#event5 .event_footer ul{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 34px 24px; }
#event5 .event_footer ul .notice_title{ margin-bottom: 18px; font-weight: 500; font-size: 16px; color: #ff7de3; font-family: 'Wanted Sans'; }
#event5 .event_footer ul li{ font-size: 14px; color: #ededed; line-height: 22px; font-family: 'Wanted Sans'; }

/* event6 */
#event6 td {
    color: #949494;
    height: 30px;
}
#event6 .middle_area {
    width: 795px;
    height: 1026px;
    background: #4a168a;
    margin: 0 auto;
}
#event6 .middle_area .wrap {
    padding-left: 13px;
}
#event6 .middle_area .score_table {
    float: left;
    margin: 6px;
}
#event6 .middle_area .score_table p {
    color: #fff;
    font-size: 20px;
    font-family: 'Pretendard';
    box-sizing: border-box;
    margin: 0 0 6px 10px;
    font-weight: 500;
    /* width: 268px; */
}
#event6 .middle_area .wrap div.score_table:nth-child(3),
#event6 .middle_area .wrap div.score_table:nth-child(4){
    margin-top: 42px;
}
#event6 .middle_area .score_table .inner_box {
    width: 353px;
    height: 421px;
    margin: 0 8px;
    font-family: 'Pretendard';
    background-color: #7233cc;
    border-radius: 18px;
    overflow: hidden;
}

/* 순위 */
#event6 .middle_area .score_table .inner_box .rank_top_wrap {   /* 1~3위 wrap */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    font-family: 'Pretendard'
}
#event6 .middle_area .score_table .inner_box .rank_top_wrap li {
    display: block;
    box-sizing: border-box;
    width: 104px;
    height: 152px;
    margin: 26px 3px 0 3px;
    padding: 150px 0 0 0;
    text-align: center;
    font-size: 14px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 104px 152px;
}
#event6 .middle_area .score_table .inner_box .rank_top_wrap li span.name {
    display: block;
    margin-top: -62px;
    color: #333333;
    font-size: 15px;
    font-weight: 700;
}
#event6 .middle_area .score_table .inner_box .rank_top_wrap li span.totalPoint {
    display: block;
    font-weight: 700;
    line-height: 13px;
}
#event6 .middle_area .score_table .inner_box .rank_top_wrap li span.reward {
    display: block;
    margin-top: 4px;
    height: 24px;
    line-height: 24px;
    color: #ffffff;
}
#event6 .middle_area .score_table .inner_box .rank_top_wrap li.rank_1 span.name{
    margin-top: -62px;
}
#event6 .middle_area .score_table .inner_box .rank_top_wrap li.rank_1 {
    order: 2;
    background-image: url('//img.filesun.com/event/06/ren_evt6_1st_.png');
}
#event6 .middle_area .score_table .inner_box .rank_top_wrap li.rank_1 .totalPoint { color: #f49e14; }
#event6 .middle_area .score_table .inner_box .rank_top_wrap li.rank_2 {
    order: 1;
    margin-top: 40px;
    background-image: url('//img.filesun.com/event/06/ren_evt6_2nd_.png');
}
#event6 .middle_area .score_table .inner_box .rank_top_wrap li.rank_2 .totalPoint { color: #ce51c2; }
#event6 .middle_area .score_table .inner_box .rank_top_wrap li.rank_3 {
    order: 3;
    margin-top: 40px;
    background-image: url('//img.filesun.com/event/06/ren_evt6_3rd_.png');
}
#event6 .middle_area .score_table .inner_box .rank_top_wrap li.rank_3 .totalPoint { color: #4984bf; }

#event6 .middle_area .score_table .inner_box .rank_rest_wrap {   /* 4~10위 wrap */
    display: flex;
    margin-top: 22px;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    font-family: 'Pretendard'
}
#event6 .middle_area .score_table .inner_box .rank_rest_wrap li.rank_rest {
    height: 28px;
    color: #ffffff;
    white-space: nowrap;
}
#event6 .middle_area .score_table .inner_box .rank_rest_wrap li.rank_rest span {
    display: inline-block;
    text-align: center;
    font-size: 15px;
    font-family: 'Pretendard';
    font-weight: 300;
}
#event6 .middle_area .score_table .inner_box .rank_rest_wrap li.rank_rest span.rank { width: 16%; }
#event6 .middle_area .score_table .inner_box .rank_rest_wrap li.rank_rest span.name { width: 30%; }
#event6 .middle_area .score_table .inner_box .rank_rest_wrap li.rank_rest span.totalPoint { width: 25%; }
#event6 .middle_area .score_table .inner_box .rank_rest_wrap li.rank_rest span.reward { width: 25%; }

#event6 .event_title {
    width: 795px;
    height: 1260px;
    background: url('//img.filesun.com/event/06/ren33_evt6_img.png') no-repeat;
    margin: 0 auto;
    position: relative;
}
#event6 .event_footer {
    width: 100%;
    box-sizing: border-box;
    /* background: url('//img.filesun.com/event/06/ren_evt6_footer.png') no-repeat; */
    background-color: #562394;
    margin: 0 auto;
    padding: 40px;
}
#event6 .event_footer ul {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-radius: 20px;
    padding: 15px;
    font-family: 'Pretendard';
    background-color: #6634a3;
}
#event6 .event_footer ul .notice_title {
    margin: 0 0 15px 0;
    font-weight: bold;
    font-size: 16px;
    color: #c083ff;
}
#event6 .event_footer ul .notice_title span {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    text-indent: -1px;
    background: #333;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    vertical-align: middle;
    line-height: 20px;
    margin-right: 8px;
}
#event6 .event_footer ul li {
    font-size: 14px;
    color: #d9d9d9;
    padding: 3px 0;
}
#event6 .event_title .request_btn {
    width: 248px;
    height: 222px;
    background: url('//img.filesun.com/event/06/ren_evt6_btn1.png') no-repeat;
    display: block;
    position: absolute;
    bottom: 38px;
    right: 36px;
}

/* event7 */
#event7 td {
    color: #949494;
    height: 30px;
}

#event7 .middle_area {
    width: 795px;
    height: 1026px;
    background: #4a168a;
    margin: 0 auto;
}

#event7 .middle_area .wrap {
    padding-left: 13px;
}

#event7 .middle_area .score_table {
    float: left;
    margin: 6px;
}

#event7 .middle_area .score_table p {
    color: #fff;
    font-size: 20px;
    font-family: 'Pretendard';
    box-sizing: border-box;
    margin: 0 0 6px 10px;
    font-weight: 500;
    width: 268px;
}

#event7 .middle_area .white_box {
    width: 365px;
    height: 350px;
    background: white;
    border-radius: 5px;
    overflow: hidden;
}

#event7 .middle_area .tableAll {
    width: 365px;
    margin: 0 auto;
    line-height: 23px;
}

#event7 .middle_area .tableAll thead tr th {
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #0b3c5c;
    height: 32px;
    line-height: 32px;
}

#event7 .middle_area .tableAll tbody {
    text-align: center;
    font-weight: bold;
}

#event7 .middle_area .tableAll tbody tr.rank0 td {
    color: #ff4343 !important;
    font-weight: bold;
}

#event7 .middle_area .tableAll tbody tr.rank1 td {
    color: #ff6629 !important;
    font-weight: bold;
}

#event7 .middle_area .tableAll tbody tr.rank2 td {
    color: #287ae2 !important;
    font-weight: bold;
}

#event7 .event_title {
    width: 795px;
    height: 1260px;
    background: url('//img.filesun.com/event/06/ren1_evt6_img1.png')no-repeat;
    margin: 0 auto;
    position: relative;
}

#event7 .event_footer {
    width: 795px;
    height: 292px;
    background: url('//img.filesun.com/event/06/ren_evt6_footer.png') no-repeat;
    margin: 0 auto;
}

#event7 .event_title .request_btn {
    width: 248px;
    height: 222px;
    background: url('//img.filesun.com/event/06/ren_evt6_btn1.png') no-repeat;
    display: block;
    position: absolute;
    bottom: 38px;
    right: 36px;
}

/* event9 */
.event9 img{ border: 0; }
.event9{ background-color: #bfbfbf; overflow: hidden; text-align: center; }
.event9 img{ width:100%; max-width: 793px; height: auto; }
.event9 .btn_event9{
    background: url('//img.filesun.com/event/09/btn_event9_v2.png') no-repeat 50% 50%;
    background-color: rgb(239,63,50); /* Old browsers */
    
    text-decoration: none;
    width: 90%;
    height: 60px;
    margin: 10px auto;
    margin-bottom: 20px;
    line-height: 60px;
    display: block;

    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
}
.event9 .footer{
    background-color: #ececec;
    color: #525252;
    font-size: 11px;
    padding: 15px 20px;
    line-height: 150%;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.event9 .footer dt{ color: #525252; font-size: 12px; font-weight: bold; margin-bottom: 5px; }
.event9 .footer dd>span{ color: #56e5ff; }

/* event10 */
#event10 img {
    display: block;
    width: 100%;
}
#event10 #coupon { position: relative;}
#event10 #coupon .serial {
    position: absolute;
    display: inline-block;
    bottom: 120px;
    width: 488px;
    background-color: #ececec;
    color: #333333;
    border: 0;
    border-radius: 8px;
    outline: 0;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 12px 0;
    left: 50%;
    margin-left: -240px;
}
#event10 #coupon .btn_coupon {
    position: absolute;
    bottom: 52px;
    width: 488px;
    border-radius: 8px;
    background: linear-gradient(to right,  #ffc600 0%,#ef4339 50%,#ed7066 99%); 
    color: #ffffff;
    text-align: center;
    padding: 14px 0;
    font-weight: 500;
    letter-spacing: -1px;
    left: 50%;
    margin-left: -240px;
    font-size: 22px;
    -webkit-transition: ease 0.1s;
    -o-transition: ease 0.1s;
    transition: ease 0.1s;
}
/* 
#event10 #coupon .btn_coupon:hover {
    -webkit-box-shadow: 4px 5px rgba(0, 0, 0, 0.28);
    box-shadow: 4px 5px rgba(0, 0, 0, 0.28);
} 
*/
#event10 #snsList {
    position: absolute;
    width: 654px;
    left: 74px;
    top: 190px;
}
#event10 #snsList a {
    display: inline-block;
    margin: 14px 6px 14px 0;
    -webkit-transition: ease 0.1s;
    -o-transition: ease 0.1s;
    transition: ease 0.1s;
}
#event10 #snsList a:nth-child(even){ margin-left: 50px;}
#event10 #snsList a img{
    width: 294px;
    height: 124px;
}
#event10 #snsList a:hover {
    /* -webkit-box-shadow: 4px 5px rgba(0, 0, 0, 0.28); */
    /* box-shadow: 4px 5px rgba(0, 0, 0, 0.28); */
    opacity: 0.7;
}
#event10 #myActivity {
    position: absolute;
    width: 684px;
    top: 68px;
    left: 56px;
}
#event10 #myActivity .act-item {
    width: 314px;
    float: left;
    text-align: center;
}
#event10 #myActivity .act-item.daily {
    width: 314px;
    margin-right: 24px;
} 
#event10 #myActivity .act-item h3 {
    height: 26px;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 56px;
    color: #303030;
    display: block;
    border: 0;
    padding: 0;
}
#event10 #myActivity .act-item select:first-child{
    width: 88px;
}
#event10 #myActivity .act-item select {
    padding: 0 20px 0 10px;
    width: 60px; 
    height: 33px;
    margin-right: 2px;
    border: 1px solid #ffffff;
    color: #303030;
    border-radius: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background-image: url('//img.filesun.com/m/icon/select_arrow.gif');
    background-repeat: no-repeat;
    background-size: 20px 12px;
    background-position: 98% 50%;
}
#event10 #myActivity .act-item select::-ms-expand {
    display: none;
    /* 화살표 없애기 for IE10, 11*/
}
#event10 #myActivity .act-item .btn_search1,
#myActivity .act-item .btn_search2 {
    color: #ffffff;
    background-color: #353535;
    width: 68px;
    padding: 0 8px;
    height: 32px;
    border: 0;
    border-radius: 6px;
    outline: 0;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: ease 0.2s;
    -o-transition: ease 0.2s;
    transition: ease 0.2s;
}
#event10 #myActivity .act-item .btn_search1:hover,
#myActivity .act-item .btn_search2:hover {
    background-color: #ed7066;
    color: #ffffff;
}
#event10 #myActivity .act-item table {
    display: block;
    width: 314px;
    margin: 0 auto;
    margin-top: 10px;
    border-collapse: collapse;
}
#event10 #myActivity .act-item table th {
    width: 150px;
    height: 36px;
    line-height: 36px; 
    color: #eeeeee;
    border-radius: 8px 8px 0 0;
    background-color: #353535;
    font-size: 15px;
}
#event10 #myActivity .act-item table th:first-child,
#event10 #myActivity .act-item table td:first-child{
    display: inline-block;
    margin-right: 12px;
}
#event10 #myActivity .act-item table td {
    width: 150px;
    height: 34px;
    line-height: 34px;
    color: #353535;
    text-align: center;
    background-color: #eeeeee;
    font-size: 14px;
}
#event10 #myActivity .act-item .act-select{
    width: 314px;
    padding: 10px 0;
    border-radius: 8px;
    background: #eeeeee;
}
#event10 dl.event_notice {
    background-color: #353535;
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    padding: 30px 40px;
    line-height: 168%;
}
#event10 dl.event_notice dt {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px;
}
/* 
#event10 dl.event_notice span.mark{ 
    width: 20px; 
    height: 20px; 
    background-color: #f7d303; 
    line-height: 20px; 
    font-weight: bold; 
    font-size: 14px; 
    color: #333; 
    display: inline-block; 
    text-align: center; 
    border-radius: 4px; 
    margin-right: 6px; 
} 
*/


/* event11 */
#event11 .img2{ padding-top: 20px; }
#event11 .rd-wrap{ width: 656px; height: 624px; margin: 0 auto; text-align: center; }
#event11 .imgBox{ display: inline-block; margin-top: 70px; margin-bottom: 16px; }
#event11 .btnRandom{ display: block; margin: 0 auto; background-color: #e63f25; background-repeat: no-repeat; background-position: 50% 50%; width: 300px; height: 60px; border-radius: 10px; }
#event11 .btnRandom:hover{ -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.6); }
#event11 .box-open .randomCoupon{ position: absolute; top: 38%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

#event11 .footer dl.event_notice{ color: #888; font-size: 11px; padding: 30px 50px; line-height: 180%; position: absolute; bottom: 0; }
#event11 .footer dl.event_notice dt{ font-size: 13px; font-weight: bold; margin-bottom: 10px; }
#event11 .footer dl.event_notice span.mark{ width: 20px; height: 20px; background-color: #e63f25; line-height: 20px; font-weight: bold; font-size: 14px; color: #fff; display: inline-block; text-align: center; border-radius: 4px; margin-right: 6px; }

/* event12 */
#event12 {color: #434343;}
#event12 .topImg { display: block; }
#event12 img.full { width: 100%; }

#event12 .pinWrap {background-color: #15161b; padding: 0 0 40px;}
#event12 .cultureForm { display: block; width: 634px; padding:30px 60px; box-sizing: border-box; background-color: #fff; margin:auto; border-radius: 5px;}

#event12 .cultureForm fieldset p {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    font-family: arial, sans-serif;
    margin-bottom: 25px;
    color: #434343;
}

#event12 .cultureForm fieldset .cultureSerial{ 
    -webkit-appearance:none;
    
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;

    -webkit-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    width: 100%;
    text-align: center;
}

#event12 .cultureForm fieldset .cultureSerial span.pinSlash {display:inline-flex;}

#event12 .cultureForm fieldset input{ font-size: 20px; font-family: arial, sans-serif; font-weight: bold; border-radius: 5px; color: #434343;}

#event12 .cultureForm fieldset .cultureSerial input[type=text]{ background-color: #f7f7f7; border: 1px solid #b9b9b9;  display: inline-block; width: 97px; height: 44px; line-height: 44px; text-align: center;}

#event12 .cultureForm fieldset input[type=button]{ display: block; background-color: #e20234; color: #fff; width: 100%; height: 50px; line-height: 50px; margin: 20px auto; border: 0; cursor:pointer; }

#event12 dl.event_notice{ background-color: #d6d6d6; font-size: 11px; padding: 30px 80px; line-height: 180%; }
#event12 dl.event_notice dt{ font-size: 13px; font-weight: bold; margin-bottom: 10px; }

/* event13 */
#event13 { position: relative; text-align:center; background:url('//img.filesun.com/event/04/evt13_app_review1.png') no-repeat; width: 805px; height: 3300px;}
#event13 .linkbtn_wrap1{ 
    position: absolute;
    width: 100px;
    height: 100px;
    margin: 1903px 0 0 498px;
}
#event13 .linkbtn_wrap1 img,
#event13 .linkbtn_wrap2 img{
    width: 100px;
    height: 100px;
}
#event13 .linkbtn_wrap2{ 
    position: absolute;
    width: 100px;
    height: 100px;
    margin: 2684px 0 0 498px;
}
#event13 .inputForm{
    box-sizing: border-box;
    position: absolute;
    bottom: 180px;
    width: 100%;
    height: 123px
}
#event13 .inputForm > .text {
    position: relative;
    margin-top: 17px;
}
#event13 .inputForm .text .input{
    height: 42px;
    width: 348px;
    margin-bottom: 6px;
    font-size: 17px;
    text-align: center;
    border: 0;
    margin-right: 108px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 500;
    border-radius: 5px 0px 0px 5px;
}

#event13 .inputForm .text .img_btn{
    background: #090909;
    display: inline-block;
    width: 81px;
    height: 42px;
    border: 1px solid #090909;
    box-sizing: border-box;
    color: #08ffc0;
    font-size: 17px;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -1px;
    /* font-weight: bold; */
    position: absolute;
    right: 202px;
    bottom: 0;
    margin: auto;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
    top: -6px;
}
#event13 .inputForm .radio{
    margin-top: 10px;
    margin-right: 81px;
}

#event13 .inputForm .radio label{
    margin-right: 36px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: right;
}

#event13 .inputForm .radio label span{
    font-weight: bold;
    margin-left: 3px;
    font-size: 14px;
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
}
#event13 .inputForm .radio label >input{
    width: 15px;
    height: 15px;
}
#event13 .inputForm .radio label >input[type="radio"]:checked {
    accent-color: black;
}

/* event15 */
#event15{ background-color: #faf2cc; width: 100%; position: relative; }
#event15 .img_top{ display: block; position: relative; background: url('//img.filesun.com/event/15/munsang_img1.jpg') no-repeat left top; height: 780px; }
#event15 .btn_month_fix{ display: block; margin: 0 auto; width: 430px; height: 78px; border-radius: 78px; background: url('//img.filesun.com/event/15/btn_month_fix_v2.png') no-repeat 50% 50%; background-color: #ff6e60; position: absolute; left: 50%; margin-left: -215px; bottom: 60px; }
#event15 .btn_month_fix:hover{ -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4); }
#event15 dl{ padding: 30px 40px; color: #656675; }
#event15 dl dt{ font-weight: bold; margin-bottom: 10px; font-size: 13px; }
#event15 dl dt span{ display: inline-block; width: 12px; height: 12px; background-color: #656675; color: #fff; text-align: center; line-height: 12px; margin-right: 5px; font-size: 10px; }
#event15 dl dd{ margin-bottom: 4px; }
#event15 #overlayBlack{ display: block; background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: absolute; top: 0; z-index: 2000; }
/* 팝업레이어 */
#event15 .popupLayer{ display: block; width: 400px; height: 380px; background-color: #f3f0df; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 20%; left: 50%; margin-left: -200px; position: relative; }
#event15 .popupLayer .btn_close{ display: block; position: absolute; top: 20px; right: 20px; }
#event15 .popupLayer .title_text{ display: block; margin: 32px auto; }
#event15 .popupLayer .userPhone{ text-align: center; }
#event15 .popupLayer .userPhone input[type=text]{ display: inline-block; border: 2px solid #838498; width: 96px; height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px 10px; font-size: 16px; font-family: 'Malgun Gothic','맑은 고딕', sans-serif; font-weight: bold; text-align: center; }
#event15 .popupLayer .userPhone>span{ display: inline-block; width: 10px; height: 3px; background: #838498; vertical-align: middle; }
#event15 .popupLayer input[type=button]{ display: inline-block; width: 40%; height: 42px; border: 0; cursor: pointer; margin: 20px 4px; text-indent: -999px; border-radius: 8px; }
#event15 .popupLayer #btnSendPin{ background: url('//img.filesun.com/event/15/btn_confirm.png') no-repeat 50% 50%; background-color: #ff6e60; }
#event15 .popupLayer #btnChangePnum{ background: url('//img.filesun.com/event/15/btn_modify.png') no-repeat 50% 50%; background-color: #ff6e60; }
#event15 .popupLayer input[type=button]:hover{ opacity: 0.8; }
#event15 .popupLayer ul{ width: 94%; margin: 0 auto; color: #535569; font-size: 11px; line-height: 18px; margin-top: 26px; }
#event15 #fcolor { color:#ff0000; }

#event15 #fixPayment_list{ position:fixed; top:0; left:0; z-index:110; width:100%; height:100%;  background:rgba(0,0,0,0.8); }
#event15 .payment_box { width:628px; height:416px; box-sizing:border-box; position:fixed; top:0; left:0; right:0; bottom:0; margin:auto;/*background:url('//img.filesun.com/common/pay/payment_bg.png') no-repeat;*/ background:#fff; z-index:111; border-radius:3px; overflow:hidden; }
#event15 .payment_wrap { padding:20px; box-sizing:border-box; width:272px; height:334px; background:#f5f7f8; border:1px solid #e7eaed; position:absolute; top:54px; right:20px; border-radius:3px; }
#event15 .payment_title { width:100%; height:44px; position:absolute; top:0; left:0; background:#dd2b1e; }
#event15 .payment_title span { height:44px; line-height:44px; display:inline-block; color:#fff; padding-left:18px; font-size:15px; letter-spacing:-0.5px; font-family:'sans-serif'; }
#event15 .payment_close { float:right; display:block; width:20px; height:20px; margin:12px; background:url('//img.filesun.com/common/pay/payment_close.png') no-repeat;}
#event15 .payment_result { color:#464646; }
#event15 .payment_result ul { width:100%; border-bottom:2px dashed #e2e2e2; margin-bottom:15px; padding-bottom:15px; color:#464646; }
#event15 .payment_result ul li {  }
#event15 .payment_result ul li.payment_result_td01 { font-weight:bold; font-size:12px; letter-spacing:0.5px; }
#event15 .payment_result ul li:first-child { width:100%; height:20px; line-height:20px; text-align:left; margin-bottom:10px; display:block;}
#event15 .payment_result table tr th {  }
#event15 .get_point { color:#ff5549; }
#event15 .get_bonus { color:#ffa018; }
#event15 .get_specialbonus { color:#b128ff; }
#event15 .get_coupon { color:#217aff; }
#event15 #event15 .payment_result ul li p { float:right; }
#event15 .payment_result ul:last-child { border:0; padding:0; }
#event15 .pay_bold { font-weight:bold; font-size:27px; font-family:'tahoma'; color:#ff5353; letter-spacing:-0.5px; }
#event15 .payment_result_td03 { font-weight:bold; letter-spacing:0.5px; line-height:18px; color:#464646; }
#event15 .payment_result_td03 span img { vertical-align:text-bottom; margin:0 0 -1px 1px; }

#event15 .payment_wrap_pg { position:absolute; box-sizing:border-box; top:54px; left:17px; width:282px;}
#event15 .payment_wrap_pg p { line-height:25px; display:inline-block; color:#4c4c4c; font-size:13px; letter-spacing:-1px; font-family:'sans-serif'; }
#event15 .payment_wrap_pg a { width:136px; height:45px; line-height:45px; background:#f5f7f8; display:inline-block; text-align:center; border-radius:3px; margin-right:4px; margin-top:8px; box-sizing:border-box; border:1px solid #adadad; color:#5a5a5a; font-size:14px; font-family:sans-serif; letter-spacing:-0.5px; }
#event15 .payment_wrap_pg a:nth-child(2n) { margin-right:0; }
#event15 .payment_wrap_pg a:hover { background:#ef3d30; color:#fff; border:1px solid #ef3d30; }

#event15 .payfix_tab { width:100%; height:44px; background:#fff; border:1px solid #c8c8c8; box-sizing:border-box; margin-top:5px; display:inline-block; border-bottom:0; }
#event15 .payfix_tab ul.payfix_tab_ul li { float:left; display:inline-block; border-right:1px solid #c8c8c8; }
#event15 .payfix_tab ul.payfix_tab_ul li:nth-child(2) { border-right: 0; }
/*#event15 .payfix_tab ul.payfix_tab_ul li:nth-child(3) { border-right:0; }*/
#event15 .payfix_tab ul.payfix_tab_ul li a { text-align:center; background:#efefef; color:#444; font-size:14px; padding:0 10px; height:35px; line-height:36px; display:inline-block; /*width:263.5px;*/ width: 396px; box-sizing:border-box; border-bottom:1px solid #c8c8c8; letter-spacing:-0.5px; }
#event15 .payfix_tab ul.payfix_tab_ul li a.on { background:#fff; border-bottom:0; }
/*#event15 .sunpay_new_mark { position:absolute; margin-top:-11px; margin-left:15px; }*/

/* event17 */
#event17{ background: url(//img.filesun.com/event/17/bg_event17v2.jpg) no-repeat; position: relative; }
#event17 .giftbox{ text-align: center; padding-top: 334px; }
#event17 .giftbox .clickBefore{ display: block; }
#event17 .giftbox .clickAfter{ position: relative; display: none; }
#event17 .giftbox .random_coupon img{ width: 210px; position: absolute; left: 36.5%; top: 12%; border-radius: 8px; }
#event17 .giftbox .random_coupon span{ display: block; position: absolute; top: 24%; width: 100%; font-size: 32px; font-family: verdana, sans-serif; font-weight: bold; color: #333; letter-spacing: -2px; }
#event17 .giftbox .cover{ width: 100%; position: absolute; left: 0; top: -130px;   }
#event17 .btn_wrap a{ display: inline-block; width: 316px; position: relative; z-index: 2000; }
#event17 .btn_wrap img{ width: 100%; }
#event17 .btn_openbox{ display: block; margin-top: 36px; position: relative; margin-right: 10px; }
#event17 .my_entry{ text-align: center; }
#event17 .my_entry strong{ font-size : 15px; text-align: center; color: #f8d61c; font-weight: bold; background: rgba(0, 0, 0, 0.6); display: inline-block; margin: 24px auto; padding: 6px 10px; border-radius: 15px; }
#event17 .img_explain{ display: block; margin: 0 auto; margin-top: -44px; }
#event17 .user_lanking{ width: 704px; background-color: #f4f5f6; color: #646464; border-radius: 20px; margin: 0 auto; margin-top: 24px; border-spacing: 0; border-collapse: collapse; }
#event17 .user_lanking .ul-th-1{ width: 10%; }
#event17 .user_lanking .ul-th-2{ width: 6%; }
#event17 .user_lanking .ul-th-3{ width: 16%; }
#event17 .user_lanking .ul-th-4{ width: 40%; }
#event17 .user_lanking .ul-th-5{ width: 16%; }
#event17 .user_lanking .ul-th-6{ width: 12%; }
#event17 .user_lanking th{ font-size: 11px; height: 37px; border-bottom: 1px solid #ccc; color: #666; }
#event17 .user_lanking td{ border-bottom: 1px solid #ccc; height: 64px; text-align: center; }
#event17 .user_lanking tr:last-child td{ border: 0; }
#event17 .user_lanking td:nth-child(4){ text-align: left; text-indent: 10px; }
#event17 .user_lanking .img_gift img{ width: 50%; }
#event17 .user_lanking .img_gift span{ display: block; font-size: 11px; color: #888; margin-top: 3px; }
#event17 .user_lanking .number{ font-family: arial, sans-serif; font-size: 26px; color: #dd1d22; font-weight: 900; }
#event17 .user_lanking tr:nth-child(n+6) .number{ color: #858484; }
#event17 .user_lanking .increase{ font-family: arial, sans-serif; font-size: 11px; color: #868686; letter-spacing: 1px; background-repeat: no-repeat; background-size: 9px 10px; background-position: 4px 50%; }
/* #event17 .user_lanking .increase img{ width: 9px; margin-right: 2px; } */
#event17 .user_lanking .increase.up{ color: #e07f4a; background-image: url(//img.filesun.com/event/17/icon_up.png); }
#event17 .user_lanking .increase.down{ color: #5caf9b; background-image: url(//img.filesun.com/event/17/icon_down.png); }
#event17 .user_lanking .userid{ font-size: 15px; font-weight: bold; }
#event17 .user_lanking .userid span{ color: #ef353b; font-size: 12px; display: inline-block; margin-left: 18px; }
#event17 .user_lanking .accum_point{ color: #8d1823; font-weight: bold; }
#event17 .user_lanking .now_time{ font-size: 11px; color: #888; }
#event17 .user_lanking .myrow{ background-color : #b6e7ee; }
#event17 .event_footer {width:793px; margin:0 auto;}
#event17 .event_footer ul{ width: 100%; /*height: 100%;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 50px; background-color: #1b0503; }
#event17 .event_footer ul .notice_title{ margin-bottom: 12px; font-weight: bold; font-size: 13px; color: #eee; }
#event17 .event_footer ul .notice_title span{ display: inline-block; width: 20px; height: 20px; text-align: center; text-indent: -1px; background: #333; border-radius: 3px; color: #eee; font-weight: bold; vertical-align: middle; line-height: 20px; margin-right: 8px; }
#event17 .event_footer ul li{ font-size: 11px; color: #999; padding: 3px 0; }

/* event18, 19 */
#event18 dl.event_notice{ background-color: #6d6d6d; color: #ffffff; font-size: 11px; padding: 30px 50px; line-height: 180%; }
#event18 dl.event_notice dt{ font-size: 13px; font-weight: bold; margin-bottom: 10px; }
#event18 dl.event_notice span.mark{ width: 20px; height: 20px; background-color: #ffffff; line-height: 20px; font-weight: bold; font-size: 14px; color: #333; display: inline-block; text-align: center; border-radius: 4px; margin-right: 6px; }

/* event20 */
#event20 { width:100%;}
#event20 .evt_img1 { text-align:center; background:url('//img.filesun.com/event/20/evt20_img.png') no-repeat; width:793px; height:765px;}
#event20 .evt_img1 .evtM {padding-top:687px;}
#event20 .evt_img1 .evtM p {font-size:22px; font-family:'sans-serif';}
#event20 .evt_img1 .evtM p>span {font-weight:bold; color:#f04344;}

#event20 .event_footer { margin:0 auto; background:#393e46; color:#cccccc;}
#event20 .event_footer ul{ width: 100%; /*height: 100%;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 50px; }
#event20 .event_footer ul .notice_title{ margin-bottom: 10px; font-weight: bold; font-size: 13px;  }
#event20 .event_footer ul .notice_title span{ display: inline-block; width: 20px; height: 20px; text-align: center; text-indent: -1px; background: #f7d303; border-radius: 3px; color: #333; font-weight: bold; vertical-align: middle; line-height: 20px; margin-right: 8px; }
#event20 .event_footer ul li{ font-size: 11px; padding: 3px 0; }

/* event21 */
#event21 { width:100%;}
#event21 .evt_img1 { text-align:center; background:url('//img.filesun.com/event/21/evt21_pcImg.png') no-repeat; width:793px; height:760px;}

#event21 .evt_img1 .evtInput {padding-top:610px;}
#event21 .evt_img1 .evtInput fieldset input{ font-size: 16px; font-family: arial, sans-serif; font-weight: bold; }
#event21 .evt_img1 .evtInput fieldset .emailSerial{ font-size: 16px; font-family: arial, sans-serif; font-weight: bold; display: block; text-align: center; margin-top: 20px;}
#event21 .evt_img1 .evtInput fieldset .emailSerial span { font-size: 14px; font-family: arial, sans-serif; font-weight: bold; color:#fff;}
#event21 .evt_img1 .evtInput fieldset .emailSerial input[type='text']{ background-color: #ffffff; border: 1px solid #ccc; display: inline-block; width: 30%;  height: 44px; line-height: 44px; text-align: center;}
#event21 .evt_img1 .evtInput .emailSerial input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; }
#event21 .evt_img1 .evtInput .emailSerial input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; }
#event21 .evt_img1 .evtInput .emailSerial input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; }
#event21 .evt_img1 .evtInput .emailSerial input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }
#event21 .evt_img1 .evtInput fieldset .emailSerial select { background-color: #ffffff; border: 1px solid #ccc; display: inline-block; width: 25%; max-width: 148px; height: 45px; line-height: 45px; text-align: center;    vertical-align: 1px;}

#event21 .evt_img1 .emailBtn button { display: block; width: 655px; margin: 10px auto 0 auto; border: none; overflow:hidden;}
#event21 .evt_img1 .emailBtn button.evt21_btn01 {background: #e13736;}
#event21 .evt_img1 .emailBtn button.evt21_btn02 {background: #7f7f7f;}
#event21 .evt_img1 .emailBtn button img { height: 50px;}
#event21 .evt_img1 .emailBtn div {padding:10px 70px; text-align:left;}
#event21 .evt_img1 .emailBtn div input.emailAgree[type='checkbox'] {height: 17px; width: 17px; background:#fff;}
#event21 .evt_img1 .emailBtn span { color:#fff;}

#event21 .event_footer { margin:0 auto; background:#30b0d7; color:#fff; padding: 30px 40px;}
#event21 .event_footer ul{ width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(255,255,255,0.2); padding: 20px 50px; }
#event21 .event_footer ul .notice_title{ margin-bottom: 10px; font-weight: bold; font-size: 13px;  }
#event21 .event_footer ul .notice_title span{ display: inline-block; width: 20px; height: 20px; text-align: center; text-indent: -1px; background: #f7d303; border-radius: 3px; color: #333; font-weight: bold; vertical-align: middle; line-height: 20px; margin-right: 8px; }
#event21 .event_footer ul li{ font-size: 11px; padding: 3px 0; }
#event21 .event_comment{height:30px; background-color:rgb(253,234,218);margin: 20px 0;}
#event21 .event_comment p{line-height: 30px;text-align: center;color: rgb(255,0,0);}

#event21 .event_auto_reply {position:relative; width:100%; margin:0 auto;}
#event21 .event_auto_reply table {background:#fff; text-align:center; width:100%; /*border:1px solid #c8c8c8; border-top:0; */}
#event21 .event_auto_reply table thead th { background:#445d8c; color:#fff; height:44px; }
#event21 .event_auto_reply table tbody tr {height:35px;}
#event21 .event_auto_reply table tbody tr td:first-child{font-weight:bold;}
#event21 .event_auto_reply table tbody tr td {border-bottom:1px dotted #d9d9d9; text-align: left;}
/*#event21 .event_auto_reply table tbody tr td {border:none; border-bottom:1px solid #c8c8c8; }*/

#event21 .pagingPart { /*width:745px;*/ margin: 0 10px; box-sizing: border-box; border-top: 0; }
#event21 .pagingPart .pagingTypeReple .border-box a { text-decoration: none; }

/* event22 */
#event22 { width:100%; text-align: center;}
#event22 .evt22_img {
    width: 795px;
    height: 1998px;
    background: url("//img.filesun.com/event/22/ren555_evt22_1190.png");
    background-size: cover;
}
#event22 .event_footer { margin:0 auto; background:#473726; color:#fff; padding: 30px 40px; text-align: justify; }
#event22 .event_footer ul{ width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 20px; }
#event22 .event_footer ul .notice_title {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 16px;
    color: #f7d303;
}
/* #event22 .event_footer ul .notice_title span{ display: inline-block; width: 20px; height: 20px; text-align: center; text-indent: -1px; background: #f7d303; border-radius: 3px; color: #333; font-weight: bold; vertical-align: middle; line-height: 20px; margin-right: 8px; } */
#event22 .event_footer ul li{ font-size: 14px; padding: 3px 0; }

/* event24 */
#event24 {
    width: 100%;
    text-align: center;
    background-color: #249d96;
}
#event24 .evt24_img img {width:100%;}
#event24 .event_footer {
    margin: 0 auto;
    background: #249d96;
    color: #fff;
    padding: 30px 40px;
    text-align: justify;
}
#event24 .event_footer ul {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px 20px 20px; 
}
#event24 .event_footer ul .notice_title {
    margin: 10px 0;
    font-weight: bold;
    font-size: 16px;
    color: #bef56c;
}
/* #event24 .event_footer ul .notice_title span {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    text-indent: -1px;
    background: #f7d303;
    border-radius: 3px;
    color: #333;
    font-weight: bold;
    vertical-align: middle;
    line-height: 20px;
    margin-right: 8px;
} */
#event24 .event_footer ul li {
    font-size: 14px;
    padding: 2px 0;
}

/* event25 */
#event25 { width:100%; text-align: center; background-color: #f8ce08; }
#event25 .evt25_img {width:100%; position: relative; overflow: hidden; height: 1500px;}

#event25 .evt25_img #kakakoPlusForm {position: absolute; width: 55%; top: 38%; right: 0; left: 0; bottom: unset; margin: 0 auto;}
#event25 .evt25_img #kakakoPlusForm .kakaoSerial {display: inline-block;}
#event25 .evt25_img #kakakoPlusForm .kakaoSerial input {width: 335px;  height: 50px; border: 3px solid #006930; box-sizing: border-box; padding: 0 10px;}
#event25 .evt25_img #kakakoPlusForm #btnSubmit  {width: 90px;  height: 50px; background: #006930; color:#fff; border:none; font-weight:bold;}

#event25 .evt25_img a.evt25_btn {width: 493px; position: absolute; top: 43%; right: 0; left: 0; bottom: unset; margin: 0 auto; background-color: #006930; text-align: center; overflow: hidden; height: 46px; background-image: url('//img.filesun.com/event/25/event25_btn.png'); background-position: center;}

#event25 .event_footer { margin:0 auto; background:#473726; color:#fff; padding: 30px 40px; text-align: justify; }
#event25 .event_footer ul{ width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 20px; }
#event25 .event_footer ul .notice_title{ margin-bottom: 10px; font-weight: bold; font-size: 13px;  }
#event25 .event_footer ul .notice_title span{ display: inline-block; width: 20px; height: 20px; text-align: center; text-indent: -1px; background: #f7d303; border-radius: 3px; color: #333; font-weight: bold; vertical-align: middle; line-height: 20px; margin-right: 8px; }
#event25 .event_footer ul li{ font-size: 11px; padding: 3px 0; }

/* event33 */
#event33 img{ display: block; width: 100%; }	
/* image-slide button */
#event33 .page_mirroring .section2 .btn_slide { width: 730px; display: flex; justify-content: space-between; position: absolute; margin: 140px 0 0 30px;}
#event33 .page_mirroring .swiper-wrapper { width: 100%; height: 100%;}
#event33 .page_mirroring .swiper-wrapper .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }
#event33 .page_mirroring .swiper-wrapper .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
#event33 .page_mirroring .section2 .btn_slide .swiper-button-next:after,
#event33 .page_mirroring .section2 .btn_slide .swiper-button-prev:after{ display: none;}

/* event34 */
#event34 img{ display: block;}
#event34 .img2{ margin-top: -1px;}
#event34 .img3{
    height: 182px;
    background: url("//img.filesun.com/event/34/evt34_img3v0.png") no-repeat;
    background-size: 100%;
}
#event34 .notify{
    margin-top: -1px;
    padding: 55px 0 0 62px;
    font-size: 16px;
    font-weight: 200;
    color: #fff;
}
#event34 .linkimg_wrap{
    position: absolute;
    width: 616px;
    height: 37px;
    margin: 180px 0 0 100px;
}
#event34 .linkimg_wrap a img{
    width: 616px;
    height: 37px;
    border: 2.5px solid #000;
}
#event34 .linkimg_wrap a img:hover{
    border: 2.5px solid #e72751;
    border-radius: 20px;
}

/* event35 */
#event35 img{ 
    width: 98%;
    display: block;
    margin-left: 5px;
}
#event35 div:nth-of-type(1){ margin-top: 10px;}
#event35 div:nth-of-type(3){ margin-bottom: 10px;}

/* event36, 37 */
#event36 img { display: block; }

/* event promotion */

#eventPromotion img {width: 100%; height:100%;}

#eventPromotion .evtTop {height: auto; overflow: hidden;}

#eventPromotion .btnTab {margin: 0; width: 100%; display: table; table-layout: fixed;}
#eventPromotion .btnTab a {
    box-sizing: border-box;
    border-style: solid;
    border-width: 2px;
    border-color: #ffffff #ffffff #d1d1d1 #d1d1d1;
    cursor: pointer;
    display: inline-block;
    padding: unset;
    width: 100%;
    height: 100%;
    vertical-align: top;
    line-height: 67px;
    font-family: 'yg-jalnan';
    font-size: 30px;
    font-weight: bold;
    color: #b2b2b2;
    text-align: center;
    background: #e5e5e5;
    text-decoration: none;
}
#eventPromotion .btnTab li {
    display: table-cell;
    height: 67px;
}
#eventPromotion .btnTab li:first-child a {
    border-radius: 10px 0 0 0;
}
#eventPromotion .btnTab li:last-child a {
    border-radius: 0 10px 0 0;
}
#eventPromotion .btnTab li.on:first-child a {
    border-color: #ffffff;
}
#eventPromotion .eventImg {background: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 15%);}

#eventPromotion .eventAll {padding: 15px 0px 0px 0px; display: block; text-align: center;}

#eventPromotion .eventImg .tabSection .tabImg span img {width: 33px; height: 33px; margin: 80px 0 20px 0;}

#eventPromotion .tabSection {padding: 20px;}
#eventPromotion .tabSection ul.tab {
    margin: 0;
    display: grid;
    align-content: flex-start;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    overflow: hidden;
}

#eventPromotion .tabSection ul.tab.evtDetail {max-height: none;}

#eventPromotion .tabSection ul.tab li {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    aspect-ratio: 2 / 3;
}

#eventPromotion .tabSection ul.tab li a {position: relative; display: block; box-sizing: border-box; overflow: hidden; width: 100%; height: 100%;}
#eventPromotion .tabSection ul.tab li a > img {display: block; width: 100%; height: 100%; object-fit: cover;}
#eventPromotion .tabSection ul li span.evtHover {position: absolute; top: 0; left: 0; display: none; background: rgb(0 0 0 / 70%); width: 100%; height: 100%; text-align: center; color: #fff; font-weight: bold; transition:0.3s; font-size: 14px;}
#eventPromotion .tabSection ul li span.evtHover img {width:33px; height: 33px; margin: 80px 0 20px 0;}
#eventPromotion .tabSection ul li:hover span.evtHover {display: block; transition:0.3s; }
#eventPromotion .tabSection ul li span.evtHover span {display: inline-block; padding: 10px;}

#eventPromotion .evtWrap .event_footer ul{ width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 20px; }
#eventPromotion .evtWrap .event_footer ul .notice_title{
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
}
#eventPromotion .evtWrap .event_footer ul .notice_title span{
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    text-indent: -1px;
    background: #fff;
    border-radius: 12px;
    color: #1D2D68;
    font-weight: bold;
    vertical-align: middle;
    line-height: 20px;
    margin-right: 4px;
    font-family: 'Noto Sans KR', sans-serif;
}
#eventPromotion .evtWrap .event_footer ul li{
    font-size: 13px;
    line-height: 25px;
    font-family: 'Noto Sans KR', sans-serif;
}