@charset "euc-kr";
/* setting */
/*{padding:0; margin:0}*/
.blindw {position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}
.eventWrap{width:100%;text-align:center;position:relative;font-size: 17px;line-height: 1.4;letter-spacing: -0.03em;overflow:hidden;}
.eventWrap{font-family : 'NotoSans KR';}
.eventWrap *{box-sizing:border-box}
.eventWrap .inner {position:relative;width:1080px;margin:0 auto;/* height: 100%; */}
.eventWrap .inner::after{content:"";display:block;clear:both;}
.eventWrap img{border:0 none;vertical-align:middle;max-width:100%}
.eventWrap .con_tit{position: relative;margin-bottom: 70px;text-align: center;}
.eventWrap .con_subtit{margin-bottom: 35px;position:relative;padding: 0 0;}
.eventWrap .img_mb{display:none}
.eventWrap .conBox{position:relative}
.eventWrap .conBox::after{content:"";display:block;clear:both}
.eventWrap .flow::after{content:"";display:block;clear:both}
.eventWrap .video_box{position: relative;z-index: 1;cursor:pointer;padding-bottom: 56.2%;background: #222;overflow: hidden;}
.eventWrap .video_box .play_area{width: 100% !important;height: 100% !important;position: absolute;width: 100%;height: 100%;}
.eventWrap .video_box iframe{position: absolute;top:0;left:0;width:100%;height:100%;}
.eventWrap .video_box img{width:100%}
.eventWrap .video_box.ytb{padding: 0;}
.eventWrap .video_box.vdo_none{padding: 0;}

.flt_inner{position: absolute;text-align: center;top: 600px;left: 50%;margin:0 0 0 750px;z-index:50;width: 160px;}
.flt_inner ul{margin: 0 0 25px;}
.flt_inner li{margin: 0;}
.flt_inner li:last-child { margin-top:7px; }


/*visual*/
.eventWrap .con_top { background: url('https://img.megagong.net/m/2021/1111_chall/bg_visual_gong.png') repeat-x center; background-size:cover; }
.eventWrap.sobang .con_top { background: url('https://img.megagong.net/m/2021/1111_chall/bg_visual_gong.png') repeat-x center; background-size:cover; }
.eventWrap .con_top i { position:absolute; top:0; left:50%; margin-left:-575px; }
.eventWrap .con_top_line { 
    padding: 35px 0;
    background: rgb(252,42,233);
    background: linear-gradient(90deg, rgba(252,42,233,1) 0%, rgba(147,17,255,1) 100%);
}
.eventWrap.sobang .con_top_line { 
    background: rgb(255,44,105);
    background: linear-gradient(90deg, rgba(255,44,105,1) 0%, rgba(255,67,22,1) 100%);
}
.eventWrap .con_top_line p{text-align: center;}


/*con1*/
.eventWrap .con01 { background:#e7e7e7; overflow:hidden; padding:140px 0; text-align:center; }
.eventWrap .con01 p { margin-top:90px; }


/*con2*/
.eventWrap .con02 {position: relative;background: #242424; padding: 140px 0; text-align:center; }
.eventWrap .con02 .txt { margin-top:70px; }
.eventWrap .con02 .btn { margin-top:80px; }


/*con3*/
.eventWrap .con03 { position: relative; background: #ff2c6c; padding: 140px 0; text-align:center; }
.eventWrap .con03{position: relative;background: #fdf123 url('https://img.megagong.net/m/2021/0726_chall/conimg_20.png') no-repeat center 0;padding: 90px 0 60px;}
.eventWrap .con03 .con_tit i{position: absolute;bottom: 39%;left: 50%;margin: 0 0 0 14%;width: 265px;}
.eventWrap .con03 .evt_info{margin: -30px 0 50px;}
.eventWrap .con03 .con_subtit{margin: 0 40px 40px;}
.eventWrap .con03 .con_subtit:before{content:'';position: absolute;top: 50%;margin: -2px 0 0;background: #000;width: 100%;height: 2px;left: 0;}
.eventWrap .con03 .con_subtit>img{position: relative;}
.eventWrap .con03 .con_subtit.gift span{display:block;padding:30px 0 0}
.eventWrap .con03 .evt_step{margin: 0 40px;}
.eventWrap .con03 .evt_step ol{margin: 0 0 120px -4%;padding: 108px 0 0;}
.eventWrap .con03 .evt_step ol li{position:relative;float: left;border: 2px solid #000;border-radius: 8px;width: 29.3%;margin: 0 0 0 4%;background: #fff;}
.eventWrap .con03 .evt_step ol li::before{content:'';background:url('https://img.megagong.net/m/2021/0726_chall/conimg_42.png') no-repeat center 0;position: absolute;bottom: 46%;left: -10%;width: 18px;height: 25px;}
.eventWrap .con03 .evt_step ol li:nth-child(1)::before{display:none}
.eventWrap .con03 .evt_step ol li img{margin: -135px 0 0;}
.eventWrap .con03 .evt_step ol li a{position: absolute;bottom: 23%;left: 6%;width: 88%;height: 13%;background: #000;opacity: 0;font-size: 0;}
.eventWrap .con03 .evt_step ol li a:nth-child(3){bottom: 8.5%;}
.eventWrap .con03 .evt_gift{position: relative;background: #fff;border: 2px solid #000;border-radius: 7px;padding: 60px 0 70px;margin: 0 40px;}
.eventWrap .con03 .evt_gift .point{margin: 0 0 60px;padding: 0 7%;}
.eventWrap .con03 .evt_gift div{margin: 0 0 50px;}
.eventWrap .con03 .evt_gift ol{overflow: hidden;padding: 0 3%;}
.eventWrap .con03 .evt_gift ol li{float: left;width: 33.3%;}
.eventWrap .con03 .evt_gift ul li{position: absolute;top: 19%;left: -5%;}
.eventWrap .con03 .evt_gift ul li:nth-child(2){left: inherit;right: -3%;top: 17%;}


.eventWrap .con04{position: relative;padding: 100px 0 60px;background: #1ec3e6 url(https://img.megagong.net/m/2021/0726_chall/conimg_44.png) no-repeat center -20px;}
.eventWrap.sobang .con04{background-image: url(https://img.megagong.net/m/2021/0726_chall/conimg_44_sobang.png);background-color:#be66fb ;}
.eventWrap .con04 .con_box .con_subtit{margin: 0 0 40px;}
.eventWrap .con04 .con_box .point{background: #fff;border-radius: 40px;margin: 0 90px 35px;}
.eventWrap .con04 .evtBoard_common{background: #004098;margin: 0 0 90px;}
.eventWrap.sobang .con04 .evtBoard_common{background: #4e0085;}
.eventWrap .con04 .evtBoard_common .board_notice li.chk_notice{position: absolute;top: 100px;right: 30px;}
.evtBoard_common .board_list .total_rpl{font-size: 0;margin-left: -10px;font-family: 'NotoSans KR';}
.evtBoard_common .board_list .total_rpl a{font-weight: normal;border-left: 1px solid #000;display: inline-block;padding: 0 8px;font-size: 15px;line-height: 1;}
.evtBoard_common .board_list .total_rpl a.on{font-weight: bold;}
.evtBoard_common .board_list .total_rpl a:nth-child(1){border-left:0}
.eventWrap .con04 .evtBoard_common .board_list{padding: 30px 0 0;text-align: left;background: #1e94e6;}
.eventWrap.sobang .con04 .evtBoard_common .board_list{background: #ab3bf8;}
.eventWrap .con04 .evtBoard_common .board_list ul li{border-color: #1e94e6;background: #ffffff;}
.eventWrap.sobang .con04 .evtBoard_common .board_list ul li{border-color: #4e0085;}
.eventWrap .con04 .evtBoard_common .board_list ul li.notice{background: #004098;color: #fff;}
.eventWrap.sobang .con04 .evtBoard_common .board_list ul li.notice{background: #4e0085;}
.eventWrap .con04 .evtBoard_common .board_list ul li.notice .usr_info em{background: #fdf123;color: #000;font-weight: bold;}
.eventWrap .con04 .evtBoard_common .paging{color: #fff;}
.eventWrap .con04 .evtBoard_common .paging a, .eventWrap .con04 .evtBoard_common .paging strong{padding: 3px 8px;vertical-align: middle;}
.eventWrap .con04 .evtBoard_common .paging strong{background: #000;border-radius: 100%;width: 30px;height: 30px;padding: 1px 7px 3px 6px;}
.eventWrap .con04 .pass_info{margin: 0 0 40px -1%;}
.eventWrap .con04 .pass_info li{float: left;padding: 0.5% 2% 1%;background: #fff;border: 2px solid #000;width: 49%;margin: 0 0 0 1%;border-radius: 8px;overflow: hidden;}


.eventWrap .calenderBox{position: relative;background: #ffffff;padding: 0;}
.eventWrap .calenderBox .dim{position:absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);text-align: center;z-index: 2;}
.eventWrap .calenderBox .dim::before{content:"";display: inline-block;vertical-align: middle;width: 1px;height: 100%;}
.eventWrap .calenderBox .dim p{position: relative;color: #fff;display: inline-block;vertical-align: middle;font-size: 25px;}
.eventWrap .calenderBox .dim p a{display: block;background: #000;color: #fff;font-weight: bold;margin: 20px 0 0;padding: 13px 0px;font-weight: normal;font-size: 21px;}

.eventWrap .calenderBox .tableType{background:#ffffff;}
.eventWrap .calenderBox .tableType table{width:100%;border: 1px solid #c3c3c3;font-size: 14px;}
.eventWrap .calenderBox .tableType table tr th{padding:0;}
.eventWrap .calenderBox .tableType table tr td{padding:0;border: 1px solid #d6d6d6;}
.eventWrap .calenderBox .tableType table tr td .wrp{display: block;position: relative;height: 120px;text-align: center;padding: 10px 0 0;}
.eventWrap .calenderBox .tableType table tr td .wrp a{padding: 40px 0 0;display: block;}
.eventWrap .calenderBox .tableType table tr td .wrp i{position: absolute;top: 10px;left: 10px;font-size: 12px;font-style: normal;font-weight: 200;z-index: 1;}
.eventWrap .calenderBox .tableType table tr td .wrp .point{background: url(https://img.megagong.net/m/2021/0726_chall/stamp_pass.png) no-repeat center 0;width: 93px;height: 98px;display: block;margin: 0 auto;}
.eventWrap .calenderBox .tableType table tr td .wrp .point.fail{background-image: url(https://img.megagong.net/m/2021/0726_chall/stamp_fail.png);}
.eventWrap .calenderBox .tableType table tr td .wrp .point span{display: block;padding: 57px 0 0;color: #fff;font-weight: normal;letter-spacing: 0;font-size: 13px;}
.eventWrap .calenderBox .tableType table thead tr th{ border: 1px solid #d6d6d6;padding: 13px 0;background-color: #efefef;}
.eventWrap .calenderBox .tableType table tbody tr td.today{ background:#eef2ff; }
.eventWrap .calenderBox + .cautn{text-align: left;font-size: 12px;padding: 10px 0 0; margin: 0 0 100px; }

.eventWrap .evt_cautn{position: relative;margin: 80px 0 0;text-align: left;color: #111a51;}
.eventWrap .evt_cautn .cautn_tit{background: #383838;font-size: 15px;font-weight: normal;color: #fff;padding: 15px 20px;text-align: center;font-weight: 200;}
.eventWrap .evt_cautn .cautn_tit i{display: inline-block;width: 1px;height: 1px;border-top: 9px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;padding: 0 0 0 0px;margin: -3px 0 0 6px;vertical-align: middle;}
.eventWrap .evt_cautn > div{color: #000; margin: 0 0 9px;background: #d9d9d9;padding: 30px 30px;}
.eventWrap .evt_cautn ul{position: relative;font-size: 13px;font-weight: normal;margin: 0 0 20px;}
.eventWrap .evt_cautn ul li{position: relative;margin: 0 0 7px;padding: 0 0 0 9px;font-weight: bold;}
.eventWrap .evt_cautn ul li::before{content:'';display:block;position:absolute;top: 8px;left:0;width: 2px;height: 2px;background: #000;border-radius: 100%;}
.eventWrap .evt_cautn ul li.in{margin: 0px 0 4px 10px;font-weight: normal;}
.eventWrap .evt_cautn ul li.under{text-decoration: underline;}
.eventWrap .evt_cautn ul li.in.side{margin: 0 0 4px 20px;}
.eventWrap .evt_cautn ul li.in::before{height: 1px;width: 4px;}
.eventWrap .evt_cautn ul li.num{font-weight: normal;margin: 0 0 4px 0px;}
.eventWrap .evt_cautn ul li.num::before{display:none}
.eventWrap .evt_cautn ul li a{display: inline-block;font-weight: bold;color: #1800ff;padding: 0px 0px;}
.eventWrap .evt_cautn ul li.mb{margin-bottom: 20px;}

.eventWrap .con02 .con_box{position: relative;height: 620px;}
.eventWrap .bk_wrap{position: absolute;bottom: 0;left: 50%;width: 3000px;margin: 0 0 0 -1500px;}
.eventWrap .bk_wrap .bk_sd_w{margin: 0 0 0.5%;}
.eventWrap .bk_wrap .bk_sd_w .item{padding:0}
.eventWrap .bk_wrap .bk_sd_w .slick-slide {margin:0 10px;}


/*bottom bn*/
.pass_bnr { position:relative; width:100%; background:#1d0084; opacity:.9999; position:relative; }
.pass_bnr:before { content:""; display:block; width:50%; height:100%; background:#630084; position:absolute; top:0; right:0; z-index:-1; }



/* ¡¤©ö??¨ú? ¨¡?¨ú¡À ¡Æ©ª?? */
.layerPopup.challenge{position:fixed;left:0;top:0;width:100%;height:100%;z-index:100;}
.layerPopup.challenge .dimBg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.7;}
.layerPopup.challenge .contentBox{position: fixed;z-index:101;background: #fff;left: 50%;top: 50%;margin: -365px 0 0 -450px;height: 730px;width: 900px;}
.layerPopup.challenge .contentBox .btnToday{position:absolute;bottom:-30px;right:0;padding:0 15px;height:30px;line-height:30px;background:#000;color:#d8d8d8;font-weight:bold;}
.layerPopup.challenge .tit{padding: 30px 0 20px;}
.layerPopup.challenge .sub_tit{margin: 0 0 20px;font-size: 19px;}
.layerPopup.challenge .sub_tit br{display:none}
.layerPopup.challenge .btnClose{position: absolute;top: 0;right: -60px;}

.layerPopup.challenge .subj_wrap {position: relative;margin: -1px 20px 0px;font-size: 13px;padding: 0 0 0 20%;border: 1px solid #ddd;}
.layerPopup.challenge .subj_wrap .tit{position: absolute;top: 0;left: 0;width: 20%;background: #989898;color: #000;text-align: center;padding: 0;height: 46px;line-height: 46px;font-weight: bold;}
.layerPopup.challenge .subj_wrap ul{position: relative;overflow: hidden;}
.layerPopup.challenge .subj_wrap ul li{float:left;width:auto;}
.layerPopup.challenge .subj_wrap ul li.on button span{color: #Fff;background:#6f9ebb;padding: 8px;border-radius: 8px;}
.layerPopup.challenge .subj_wrap ul li.on:hover button span{color:#fff} 
.layerPopup.challenge .subj_wrap ul li:hover button span{color:#6f9ebb;}
.layerPopup.challenge .subj_wrap ul li button{padding: 0 12px;height: 46px;line-height: 46px;}
.layerPopup.challenge .subj_wrap ul li button span{display: block;}
.layerPopup.challenge .subj_wrap ul li button.on span{color: #ff2c6c;font-weight: bold;}
.layerPopup.challenge .tbl_wrap{padding: 20px 20px 20px;}
.layerPopup.challenge .tbl_wrap.subj{padding: 0 20px 0;}
.layerPopup.challenge .paging{text-align:center;padding: 10px 0 0;}
.layerPopup.challenge table{font-size: 14px; }
.layerPopup.challenge .subj table{margin: -1px 0 0;}
.layerPopup.challenge table tr th{background: #eaeaea;padding: 8px 0;border: 1px solid #d6d6d6; color:#000; font-weight:700; }
.layerPopup.challenge table tr td{padding: 8px 0;border: 1px solid #d6d6d6;}
.layerPopup.challenge table tr td.link{padding: 0}
.layerPopup.challenge table tr td a{position: relative;display:block;text-align: left;padding: 8px 110px 8px 10px;}
.layerPopup.challenge table tr td a strong{font-weight:normal;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.layerPopup.challenge table tr td a .btn{position: absolute;top: 0;right: 0;border-left: 1px solid #ddd;color: #7ba5c0;padding: 8px 20px 8px 20px;}

.layerPopup.challenge table .for_mo{display:none}
.layerPopup.challenge .subj table tr td {padding: 0 10px;text-align: left; font-size:14px; }
.layerPopup.challenge .subj table tr td button{display: inline-block;padding: 8px 6px;}
.layerPopup.challenge .subj table tr td button.on{font-weight:bold;color: #ff2c6c;}
.eventWrap.sobang .layerPopup.challenge .subj table tr td button.on{color: #9c00ff;}




/*con04*/
.con04_n { background:#ff4313; padding:140px 0; }
.con04_n .box { background:#ff6538; width:1300px; overflow:hidden; margin:95px auto 0; padding:80px 100px;  }
.con04_n .txt { margin-top:35px; }
.con04_n .box form { margin:35px auto 0; background:#ff4313; overflow:hidden; }
.con04_n .txt { margin-top:15px; }
.con04_n .evt_end { position:absolute; top:0; right:0; }
.con04_n h4 { position:relative; margin-top:70px; }
.con04_n h4:first-child { margin-top:0; }
.con04_n h4 .finish { position:absolute; top:170px; right:0; }

.chList { padding:50px; }
.chList p.txt { margin-top:20px; text-align:center; color:#0c0029; font-size:19px; } 
.chList ul { overflow:hidden; margin-top:30px; }
.chList li { float:left; width:50%; text-align:left; margin-bottom:15px; }
.chList li h6 { display:inline-block; vertical-align:top; font-size:23px; font-weight:700; width:140px; line-height:50px; }
.chList li > div { display:inline-block; vertical-align:top; width:calc(100% - 150px); height:50px; background:#fff; position:relative; overflow:hidden; }
.chList li:not(.last) > div:before { content:""; display:block; position:absolute; top:0; right:0;width:30px; height:100%; background:#fff url(https://img.megagong.net/m/2021/1111_chall/bullet_select.gif) no-repeat center; }
.chList li > div select { width:100%; height:50px; background:#fff; border:none; }
.chList li.w100 { width:100%; }
.chList li.last h6 { width:180px; }
.chList li.last > div { width:calc(100% - 190px); height:50px; line-height:50px; background:#fff; }
.chList li.last > div input { width:20px; height:100%; border:none; display:inline-block; vertical-align:top; }
.chList > h6 { font-size:23px; font-weight:700; text-align:left;  }
.chList > div { width:100%; overflow:hidden; margin-top:10px; }
.chList > div textarea { width:calc(100% - 150px); float:left; height:100px; border:none; }
.chList > div button { float:right; width:150px; height:100%; background:#000; line-height:100px; font-size:15px; text-align:center; color:#fff; font-weight:700;  }
.chList > p { text-align:left; margin-top:10px; font-size:15px; line-height:120%; }
.chbox { background:#fff; box-sizing:border-box; padding:40px 40px 10px; }
.chbox table { border-top:1px solid #7f7f7f; }
.chbox th,
.chbox td { border-bottom:1px solid #7f7f7f; position:relative; }
.chbox th { text-align:center; padding:10px 0; }
.chbox th span { display:block; margin-top:2px; }
.chbox td { border-left:1px solid #e5e5e5; font-size:15px; }
.chbox td span,
.chbox .mo { display:none; }
.chbox td li { border-top:1px solid #e5e5e5; width:100%; height:50px; display:table; text-align:left; padding:0 10px; }
.chbox td li:nth-child(3) { border-top:none;}
.chbox td li p { display:table-cell; vertical-align:middle; padding:0 5px; box-sizing:border-box; }
.chbox td a { position:absolute; bottom:10px; right:10px; }
.chbox .paging { text-align:center; }

@media (max-width:1200px){
    
    /*visual*/
    .eventWrap .con_top i { left:0; margin-left:0; width:15%; }
    .eventWrap .con_top i img { width:100%; }
    .eventWrap .con_top_line { padding: 15px 0; }

    /*con1*/
    .eventWrap .con01 { padding:10vw 0; }
    .eventWrap .con01 p { margin-top:10vw; }

    /*con2*/
    .eventWrap .con02 { padding: 5vw 0; }
    .eventWrap .con02 .txt { margin:5vw auto 0; max-width:80%; }
    .eventWrap .con02 .btn { margin:3vw auto; max-width:60%; }

    /*con3*/
    .n_con3 .inner .n_con3_2 { margin-top:2vw; }

    /*con04*/
    .con04_n { padding:10vw 0; }
    .con04_n .box { margin:5vw 2% 0; padding:2%; width:auto; }
    .con04_n .txt { margin-top:5vw; }
    .con04_n .box form { margin:35px auto 0; background:#ff4313; overflow:hidden; }
    .con04_n .txt { margin-top:15px; }
    .con04_n h4 { position:relative; margin-top:5vw; }
    .con04_n h4:first-child { margin-top:0; }
    .con04_n h4 .finish { top:0; width:20%; }

    .chList { padding:3vw; }
    .chList p.txt { margin-top:2vw; font-size:15px; } 
    .chList ul { margin-top:15px; }
    .chList li { float:none; width:100%; margin-bottom:15px; }
    .chList li h6,
    .chList li.last h6 { font-size:18px; width:150px;  }
    .chList li > div,
    .chList li.last > div {width:calc(100% - 160px); }

    .chList > h6 { font-size:18px; }
    .chList > div textarea { width:100%; float:none; }
    .chList > div button { float:none; margin-top:-5px; width:100%; height:50px; line-height:50px; }
    .chList > p { text-align:left; margin-top:10px; font-size:15px; line-height:120%; }
    .chbox { padding:20px 20px 10px; }
    .chbox colgroup,
    .chbox th { display:none; }
    .chbox td { border:none; font-size:17px; display:block; padding:10px 0; }
    .chbox td span,
    .chbox .mo { display:inline-block; }
    .chbox td ul { padding-bottom:10px; overflow:hidden; }
    .chbox td li:nth-child(3) { width:100%; }
    .chbox td li { border-top:none; float:left; width:50%; height:auto; padding:0; margin:5px 0; line-height:120%; text-align:left; box-sizing:border-box; display:table;}
    .chbox td li span { position:relative; padding-left:5px; display:table-cell; vertical-align:top; width:60px; }
    .chbox td li span:before { content:""; display:block; width:1px; height:15px; position:absolute; top:3px; left:0; background:#000; }
    .chbox td li:last-child span { width:100px;}
    .chbox td li p { display:table-cell; vertical-align:top; }
    .chbox td.subject { width:100%; overflow:hidden; background:#eee;  }
    .chbox td.name { text-align:right; } 
    .chbox td.name span:before { content:"|"; padding:0 5px; }
    .chbox td.date { font-size:0; border-bottom:1px solid #7f7f7f; }
    .chbox td a img { width:9px; }
}

@media (max-width:650px) {
    
    /*con04*/
    .con04_n .box form { margin-top:20px; }
    .chList li h6,
    .chList li.last h6 { font-size:14px; line-height:30px; width:110px; }
    .chList li > div,
    .chList li.last > div {width:calc(100% - 120px); height:30px; }
    .chList li > div select { height:30px; }
    .chList li.last > div { height:30px; line-height:30px; }

    .chList li:not(.last) > div:before { background-size:12px; }





    .chList > h6 { font-size:14px; }
    .chList > div textarea { height:70px; }
    .chList > div button { height:30px; line-height:30px; }
    .chList > p { margin-top:5px; font-size:11px; }
    .chList p.txt { font-size:11px; } 
    .chbox td { font-size:14px; }
    .chbox td li { border-top:none; float:left; width:50%; height:auto; padding:0; margin:5px 0; line-height:120%; text-align:left; box-sizing:border-box; display:table; }
    .chbox td li span { position:relative; padding-left:5px; display:table-cell; vertical-align:top; width:60px; }
    .chbox td li span:before { content:""; display:block; width:1px; height:15px; position:absolute; top:3px; left:0; background:#000; }
    .chbox td li:nth-child(4) { width:100%; }
    .chbox td li:last-child { width:100%; }
    .chbox td li:last-child span { width:100px;}
    .chbox td li p { display:table-cell; vertical-align:top; }
    .chbox td.subject { width:100%; overflow:hidden; background:#eee; }
    .chbox td.name { text-align:right; } 
    .chbox td.name span:before { content:"|"; padding:0 5px; }
    .chbox td.date { font-size:0; border-bottom:1px solid #7f7f7f; }
    .chbox td a img { width:9px; }
}


@media (max-width:480px) {
    /*con04*/
    .chList li h6,
    .chList li.last h6 { font-size:13px; line-height:20px; width:100%; }
    .chList li > div,
    .chList li.last > div {width:100%; }
    .chList > h6 { font-size:13px; }
    .chList > div textarea { height:70px; }
    .chList > div button { height:30px; line-height:30px; }
    .chList > p { margin-top:5px; font-size:11px; }
    .chList p.txt { font-size:11px; } 
    .chbox td { font-size:12px; }
    .chbox td li { border-top:none; float:left; width:50%; height:auto; padding:0; margin:5px 0; line-height:120%; text-align:left; box-sizing:border-box; display:table; }
    .chbox td li span { position:relative; padding-left:5px; display:table-cell; vertical-align:top; width:40px; }
    .chbox td li span:before { content:""; display:block; width:1px; height:11px; position:absolute; top:3px; left:0; background:#000; }
    .chbox td li:nth-child(4) { width:100%; }
    .chbox td li:last-child { width:100%; }
    .chbox td li:last-child span { width:75px;}
    .chbox td li p { display:table-cell; vertical-align:top; padding:0; }
    .chbox td.subject { width:100%; overflow:hidden; background:#eee; box-sizing:border-box; padding:10px 5px; }
    .chbox td.name { text-align:right; } 
    .chbox td.name span:before { content:"|"; padding:0 5px; }
    .chbox td.date { font-size:0; border-bottom:1px solid #7f7f7f; }
    .chbox td a img { width:9px; }
}

/*rank*/
.ranking_wrap{ max-width:1080px; background:#fff; margin:40px auto 0; box-sizing:border-box; padding:40px; position:relative; }
.ranking_wrap .dim { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8);  }
.ranking_wrap .dim div { width:100%; height:100%; display:table; }
.ranking_wrap .dim p { display:table-cell; vertical-align:middle; font-size:25px; line-height:120%; color:#fff; }
.ranking_wrap > p { text-align:right; color:#000; font-size:16px; line-height:120%;  }
.ranking_wrap > p b { color:#ff4313; font-weight:700; }
.ranking_wrap table{margin-top:10px; border-top:3px solid #000; font-size: 16px;font-weight: 200; }
.ranking_wrap table th{border-bottom: 1px solid #c0c0c0;padding: 10px 0; font-size:11px; }
.ranking_wrap table th span{display: block;font-weight: bold; padding: 6px 0;border-radius: 20px;margin: 0 9%; font-size:15px; }
.ranking_wrap table td{padding: 13px 5px;border-bottom: 1px solid #c0c0c0;letter-spacing: 0;font-size:17px; min-height:30px; }
.ranking_wrap table td.icon{padding: 3px;}
/* .ranking_wrap table td.icon img { max-width:100%; width:20%; } */
.ranking_wrap table tr.bold td span { font-weight:700; color:#ff4313; }
.ranking_wrap .paging{text-align: center;  vertical-align:top; }
.ranking_wrap .paging img { height:10px; margin-top:0;  }
.ranking_wrap .cautn{text-align: left; font-size: 13px; padding: 50px 0 0; }
.ranking_wrap .cautn li{text-indent: -6px;padding: 0 0 0 6px;}
.ranking_wrap .cautn li::before{content: '';}
.ranking_wrap .cautn li:nth-child(1),
.ranking_wrap .cautn li:nth-child(7){font-weight:bold !important}
.rank_txt { margin-top:20px; text-align:left; }
.rank_txt li { line-height:120%; /*padding-left:10px;*/ position:relative; font-size:13px; color:#000; margin-bottom:5px;  }
/* .rank_txt li:before { content:"-"; position:absolute; top:0; left:0; } */

.cal_info { margin-top:40px; }

@media (max-width: 1200px){

    .lnb_bar{display: none !important}
    .eventWrap .inner {width: 96%;}
    .eventWrap img{width: 100%;}
    .paging img{width:auto}



    .eventWrap .con02{padding: 10% 0;}
    .eventWrap .con02 .find_btn{margin: 0 18% 5%;}

    .eventWrap .con03{padding: 10% 0;background-size: 190%;}
    .eventWrap .con03 .con_tit i{left: inherit;right: 0%;margin: 0;width: 34%;}
    .eventWrap .con03 .evt_info{margin: 0 0 6%;padding: 0 12%;}
    .eventWrap .con03 .con_subtit{margin: 0 0 3%;}
    .eventWrap .con03 .con_subtit > img{width: 30%;}
    .eventWrap .con03 .con_subtit.gift span{padding: 3% 10% 0;}
    .eventWrap .con03 .evt_step{margin: 0;}
    .eventWrap .con03 .evt_step ol{margin: 0 0 7% -2%;padding: 10% 0 0;}
    .eventWrap .con03 .evt_step ol li::before{width: 7%;height: 100%;background-position: center center;background-size: 100%;left: -12%;bottom: 0;}
    .eventWrap .con03 .evt_step ol li img{margin: -45% 0 0;}
    .eventWrap .con03 .evt_gift{padding: 5% 0 0;margin: 0;}
    .eventWrap .con03 .evt_gift .point{margin: 0 0 5%;}
    .eventWrap .con03 .evt_gift div{margin: 0 0 5%;padding: 0 0%;}
    .eventWrap .con03 .evt_gift ol{padding: 0 1% 5%;}
    .eventWrap .con03 .evt_gift ol li{padding: 0 1%;}
    .eventWrap .con03 .evt_gift ul li{width: 33%;top: 28%;left: -8%;}
    .eventWrap .con03 .evt_gift ul li:nth-child(2){top: 23%;right: -6%;}

    .eventWrap .con04{padding:10% 0;background-size: 190%;}
    .eventWrap .con04 .con_tit{margin: 0 0 5%;}
    .eventWrap .con04 .con_box .con_subtit{margin: 0 0 4%;}
    .eventWrap .con04 .con_box .point{padding: 0 3%;margin: 0 0% 3%;}
    .eventWrap .con04 .evtBoard_common{margin: 0 0 7%;}
	.eventWrap .con04 .evtBoard_common .board_write .inp_wrap textarea, .eventWrap .con04 .evtBoard_common .board_write .inp_wrap input[type="text"]{padding: 10px;font-size: 14px;}
    

    .eventWrap .con04 .pass_info{border-radius: 0;padding: 0;margin: 0 0 5% -1%;}
    .eventWrap .con04 .pass_info li:nth-child(2){padding: 0.5% 4% 1% 5.745%;}
    .eventWrap .con04 .evtBoard_common .paging{background: #1ec3e6;}

    .eventWrap .calenderBox .tableType table tr td .wrp{height: 14vw;padding: 10% 0 0;}
    .eventWrap .calenderBox .tableType table tr td .wrp i{top: 3%;left: 3%;font-size: 11px;}
    .eventWrap .calenderBox .tableType table tr td .wrp .point{background-size: 100%;margin: 0 10% 0 10%;width: 80%;height: 100%;}
    .eventWrap .calenderBox .tableType table tr td .wrp .point span{padding: 61% 0 0;font-size: 15px;}
    .eventWrap .calenderBox .tableType table tr td .wrp a{padding: 5vw 0 0;}
    .eventWrap .calenderBox + .cautn{margin: 0 0 8%;font-size: 11px;}
    .eventWrap .con04 .evtBoard_common .board_notice li.chk_notice{position: relative;top: inherit;right: inherit;}

    .eventWrap .evt_cautn{margin: 0 0 5%;}
    .eventWrap .evt_cautn .cautn_tit{padding: 3%;margin: 0 0 10px;}
    .eventWrap .evt_cautn > div{margin: 0;padding: 3% 3%;}
    .eventWrap .evt_cautn ul{font-size: 11px;}
    .eventWrap .evt_cautn ul li.mb{margin-bottom: 7px;}

    .eventWrap .con02 .con_box{height: auto;}
    
    .eventWrap .bk_wrap{position: relative;bottom: inherit;left: inherit;width: auto;margin: 0 -3%;}
    .eventWrap .bk_wrap .bk_sd_w{margin: 0 0 1vw;}
    .eventWrap .bk_wrap .bk_sd_w .slick-slide{margin: 0 1vw;height: 32vw;width: 50vw;}
    .eventWrap .bk_wrap .bk_sd_w .item{
    display: block !important;
    overflow: hidden;
    height: 100%;
}
    .eventWrap .bk_wrap .bk_sd_w .item img{height: 100%;width: 158%;max-width: 1000%;margin: -3% 0 0 -34%;}

    .layerPopup.challenge .contentBox{width: 96%;/* left: 0; */margin: 13% 0 0 -48%;height: auto;top: 0;}
    .layerPopup.challenge .tit{padding: 3% 16% 2%;}
    .layerPopup.challenge .sub_tit{margin: 0 0 2%;font-size: 15px;}
    .layerPopup.challenge .sub_tit br{display:block}
    .layerPopup.challenge .btnClose{background: #000;border-radius: 100%;overflow: hidden;right: -5px;width: 40px;top: -16px;}
    .layerPopup.challenge .subj table tr td{padding: 4px 8px;}
    .layerPopup.challenge .subj table tr td button{padding: 4px 6px;}


    /*rank*/
    .ranking_wrap { padding:20px; margin-top:10px; }
    .ranking_wrap > p { font-size:11px; }
    .ranking_wrap table{ font-size: 15px; }
    .ranking_wrap table th{ padding: 5px 0; }
    .ranking_wrap table td{padding: 11px 5px;border-bottom: 1px solid #c0c0c0;letter-spacing: 0;}
    .ranking_wrap table td.icon{padding: 3px;}
    /* .ranking_wrap table td.icon img { max-width:100%; width:20%; } */
    .ranking_wrap table tr.bold td span { font-weight:700; color:#ff4313; }
    .ranking_wrap .paging{text-align: center;  vertical-align:top; }
    .ranking_wrap .paging img { height:10px; margin-top:0;  }
    .ranking_wrap .cautn{text-align: left; font-size: 13px; padding: 50px 0 0; }
    .ranking_wrap .cautn li{text-indent: -6px;padding: 0 0 0 6px;}
    .ranking_wrap .cautn li::before{content: '';}
    .ranking_wrap .cautn li:nth-child(1),
    .ranking_wrap .cautn li:nth-child(7){font-weight:bold !important}
    .rank_txt { margin-top:1vw; text-align:left; }
    .rank_txt li { line-height:120%; padding-left:10px; position:relative; font-size:11px; color:#000; margin-bottom:5px;  }
    .rank_txt li:before { content:"-"; position:absolute; top:0; left:0; }



    .cal_info { margin-top:5vw; }


}
@media (max-width:992px){

    .eventWrap .calenderBox .infoBox .infoBox_n .date{font-size:22px}
    .eventWrap .calenderBox .infoBox .infoBox_n .time span{display:inline-block;font-size: 40px;line-height: 75px;width: 60px;height: 75px;background-size: 100% 100%;}
    .eventWrap .calenderBox .infoBox .infoBox_s .name{font-size: 24px;}
    .eventWrap .calenderBox .infoBox .infoBox_s .name strong{font-size: 24px;}
    .eventWrap .calenderBox .infoBox .infoBox_s .count{font-size: 24px;padding-bottom: 20px;}
    .eventWrap .calenderBox .tableType table tbody tr td div .fail_icon .txt, .eventWrap .calenderBox .tableType table tbody tr td div .suc_icon .txt{font-size:12px}
    .eventWrap .calenderBox .btn{margin: 30px 0 0 0;}

}
@media (max-width: 768px){
    
    .eventWrap .con02 .find_btn{margin: 0 12% 5%;}

    .eventWrap .con03 .con_subtit:before{display: none;}
    .eventWrap .con03 .evt_info{padding: 0 5%;}
    .eventWrap .con03 .evt_step ol{margin: 0 0 7% 0%;padding: 0;}
    .eventWrap .con03 .evt_step ol li{float: none;width: auto;padding: 0 20%;overflow: hidden;margin: 0 0 2%;border-width: 1px;}
    .eventWrap .con03 .evt_step ol li::before{width: 7%;height: 100%;background-position: center center;background-size: 100%;left: -12%;bottom: 0;}
    .eventWrap .con03 .evt_step ol li img{margin: -45% 0 0;}
    .eventWrap .con03 .evt_gift div{margin: 0 0% 5%;}

    .eventWrap .con03 .evt_gift ol{padding: 0 6% 5%;margin: 0;}
    .eventWrap .con03 .evt_gift ol li{float: none;width: auto;padding: 0 22%;background: #f7f7f7;position: relative;margin: 0 0 2%;}
    .eventWrap .con03 .evt_gift ol li img{position:relative}
    .eventWrap .con03 .evt_gift ol li::before{content:'';position: absolute;top: 0;left: 0;width: 0100%;height: 17%;background: #151974;}
    .eventWrap .con03 .evt_gift ol li::after{content:'';position: absolute;top: 13%;left: 0;width: 0100%;height: 4%;background: #151974;}
    .eventWrap .con03 .evt_gift ol li:nth-child(2)::before{background: #0b3575;}
    .eventWrap .con03 .evt_gift ol li:nth-child(2)::after{background: #0b3575;}
    .eventWrap .con03 .evt_gift ol li:nth-child(3)::before{background: #000cff;}
    .eventWrap .con03 .evt_gift ol li:nth-child(3)::after{background: #000cff;}

    .eventWrap .con03 .evt_gift ul li{width: 33%;top: 13%;left: -8%;}
    .eventWrap .con03 .evt_gift ul li:nth-child(2){top: 11%;right: -7%;}
    .evtBoard_common .board_list .total_rpl a{font-size:13px}
	.eventWrap .con04 .evtBoard_common .board_write .inp_wrap textarea, .eventWrap .con04 .evtBoard_common .board_write .inp_wrap input[type="text"]{padding: 8px;font-size: 13px;height: 48px;}

    .eventWrap .con04 .pass_info{background: #fff;border: 2px solid #000;border-radius: 8px;overflow: hidden;padding: 1% 2%;}
    .eventWrap .con04 .pass_info li{padding: 0;border: 0;margin: 0;border-radius: 0;width: 53%;}
    .eventWrap .con04 .pass_info li:nth-child(2){padding: 0 0 0 1%;width: 47%;}
    .eventWrap .calenderBox{margin: 0 -2% 0;}
    .eventWrap .calenderBox .tableType table{font-size:12px}
    .eventWrap .calenderBox .tableType{float: none;margin: 0 auto;width: 100%;}
    .eventWrap .calenderBox .tableType table tr td .wrp .point span{font-size: 12px;font-weight: 200;color: #000;padding: 35% 0 0;letter-spacing: -0.06em;line-height: 1;}
    .eventWrap .calenderBox .tableType table tr td .wrp{padding: 33% 0 0;}
    .eventWrap .calenderBox .tableType table tr td .wrp a{padding: 16% 0 0;}
    .eventWrap .calenderBox .tableType table tr td .wrp .point, .eventWrap .calenderBox .tableType table tr td .wrp .point.fail{position:relative;margin: 0;width: 100%;background: none;}
    .eventWrap .calenderBox .tableType table tr td .wrp .point::before{content:'';position: absolute;top: 0;left: 10%;background: url(https://img.megagong.net/m/2021/0726_chall/stamp_pass.png) no-repeat center 42%;width: 80%;height: 46%;background-size: 120%;}
    .eventWrap .calenderBox .tableType table tr td .wrp .point.fail::before{background-image: url(https://img.megagong.net/m/2021/0726_chall/stamp_fail.png)}
    .eventWrap .calenderBox .dim p{font-size: 15px;}
    .eventWrap .calenderBox .dim p a{margin: 14px 0 0;padding: 8px 0px;font-size: 13px;}

    .eventWrap .evt_cautn .cautn_tit{font-size: 13px;}

    

    .layerPopup.challenge .contentBox{width: 96%;left: 0;margin: 8% 0 0 2%;bottom: inherit;top: 0;}
    .layerPopup.challenge .tit{padding: 3% 13% 2%;}
    .layerPopup.challenge .sub_tit{margin: 0 0 3%;font-size: 12px;line-height: 1.2;}
    .layerPopup.challenge .sub_tit br{display:block}
    .layerPopup.challenge .btnClose{width: 33px;}
    .layerPopup.challenge .subj table tr td{padding: 2px 0px 2px 5px;}
    .layerPopup.challenge .subj table tr td button{padding: 1px 4px;font-size: 11px;}
    .layerPopup.challenge .tbl_wrap{padding: 0 3% 3%;}
    .layerPopup.challenge .tbl_wrap.subj{padding: 0 3% 2%;}
    .layerPopup.challenge table{font-size: 11px;}
    .layerPopup.challenge .list table colgroup col:nth-child(1){width: 35% !important;}
    .layerPopup.challenge .list table colgroup col:nth-child(2), .layerPopup.challenge .list table thead tr th:nth-child(2), .layerPopup.challenge .list table tbody tr td:nth-child(2){display: none;}
    .layerPopup.challenge table .for_mo{/*display: inline-block;*/ display:block; padding: 2px 0 0;}
    .layerPopup.challenge table thead .for_mo{position:relative; /*display:inline-block;padding: 0 0 0 8px;*/ display:block;}
    /* .layerPopup.challenge table thead .for_mo::before{position:absolute;content: '/';display: block;top: 0;left: 0;} */
    .layerPopup.challenge table .for_mo br{display:none}
    .layerPopup.challenge table tr th{padding: 6px 0px 6px 0px;}
    .layerPopup.challenge table tr td{padding: 4px 10px 4px 10px;}
    .layerPopup.challenge table tr td a {padding: 4px 10px 4px 10px;}
    .layerPopup.challenge table tr td a .btn{display:none}

}
@media (max-width:576px){
    
   .eventWrap .calenderBox .dim p{font-size: 13px;}

}



/* n_con3 */
.n_con3 { background:#ff2c6c; }
.n_con3 .inner {padding:139px 0 152px;}
.n_con3 .inner h3 {position:relative;}
.n_con3 .inner h3 .evt_end {position:absolute;top:0;right:0;max-width: 19%;}
.n_con3 .inner .date {margin-top:80px;}
.n_con3 .inner .n_con3_1 {margin-top:90px;}
.n_con3 .inner .n_con3_1 h4 {position:relative;z-index:1;}
.n_con3.sobang .inner .n_con3_1 h4:before {background: url(https://img.megagong.net/m/2021/1007_chall/sobang/n_con3_before.png) repeat-x center;background-size:auto 100%;}
.n_con3.army .inner .n_con3_1 h4:before {background: url(https://img.megagong.net/m/2021/1007_chall/army/n_con3_before.png) repeat-x center;background-size:auto 100%;}
.n_con3 .inner .n_con3_1 h4 span {display:inline-block;position:relative;z-index: 1;background:#a0baf6;}
.n_con3.sobang .inner .n_con3_1 h4 span {background:#f1a2a5;}
.n_con3.army .inner .n_con3_1 h4 span {background:#fbbcd9;}
.n_con3 .inner .n_con3_1 ul {font-size:0;margin-top:47px;}
.n_con3 .inner .n_con3_1 ul li {position:relative;display:inline-block;}
.n_con3 .inner .n_con3_1 ul li+li{margin-left:48px;}
.n_con3 .inner .n_con3_1 ul li+li:before {content:'';position:absolute;top:0;bottom:0;left:-31px;margin:auto 0;width:14px;height:23px;background: url(https://img.megagong.net/m/2021/1007_chall/n_con3_1_list_arr.png) no-repeat center;background-size:100% auto;}
.n_con3 .inner .n_con3_1 ul li a {position:absolute;}
.n_con3 .inner .n_con3_1 ul li a.link1 {bottom: 23%;height: 13%;left: 7%;right: 56%;}
.n_con3 .inner .n_con3_1 ul li a.link2 {bottom: 8%;height: 13%;left: 7%;right: 56%;}
.n_con3 .inner .n_con3_2 {margin-top:100px;}
.n_con3.sobang .inner .n_con3_2 h4:before {background: url(https://img.megagong.net/m/2021/1007_chall/sobang/n_con3_before.png) repeat-x center;background-size:auto 100%;}
.n_con3.army .inner .n_con3_2 h4:before {background: url(https://img.megagong.net/m/2021/1007_chall/army/n_con3_before.png) repeat-x center;background-size:auto 100%;}
.n_con3.sobang .inner .n_con3_2 h4 span {background:#f1a2a5;}
.n_con3.army .inner .n_con3_2 h4 span {background:#fbbcd9;}
.n_con3 .inner .n_con3_2 .s_tit {margin-top:51px;}
.n_con3 .inner .n_con3_2 ul { font-size:0;margin-top:70px; }
.n_con3 .inner .n_con3_2 ul li { position:relative;display:inline-block; }
.n_con3 .inner .n_con3_2 ul li+li{ margin-left:31px; }


/* n_con04 */
.n_con04 {padding:140px 0; background:#ff4313; }
.n_con04 h3 span {display: inline-block;position: relative;z-index: 1;}
.n_con04 .n_con04_1 {position:relative;padding:80px 0 100px;margin-top:88px;z-index: 1;}
.n_con04 .n_con04_1:before {content:'';position:absolute;z-index: -1;right:-110px;left:-110px; top:0; bottom:0; background:#ff6538; }
.n_con04.sobang .n_con04_1:before {background:#fff3e3;}
.n_con04.army .n_con04_1:before {background:#ffe3e3;}
.n_con04 .n_con04_1 .s_tit {margin-top:53px;}
.n_con04 .n_con04_1 .evtBoard_common {margin-top:50px;padding-bottom:50px;background:#d5c7ff;}
.n_con04.sobang .n_con04_1 .evtBoard_common {background:#f9dabd;}
.n_con04.army .n_con04_1 .evtBoard_common {background:#ffb8b7;}
.n_con04 .n_con04_1 .evtBoard_common .board_write {margin:0;}
.n_con04 .n_con04_1 .evtBoard_common .board_write .inp_wrap {border:none;}
.n_con04 .n_con04_1 .evtBoard_common .board_write .inp_wrap textarea {font-size:14px;height:100px;border:none;color:#a7a7a7;}
.n_con04 .n_con04_1 .evtBoard_common .board_write .inp_wrap textarea::-webkit-input-placeholder {color: #a7a7a7;}
.n_con04 .n_con04_1 .evtBoard_common .board_write .inp_wrap textarea:-ms-input-placeholder {color: #a7a7a7;}
.n_con04 .n_con04_1 .evtBoard_common .board_write .btn_wrap {font-size:15px;width: 20%;}
.n_con04 .n_con04_1 .evtBoard_common .board_write .btn_wrap a {height:100px;line-height:100px;}
.n_con04 .n_con04_1 .evtBoard_common .form_list {padding:0 43px;}
.n_con04 .n_con04_1 .evtBoard_common .form_list li {font-size:0;}
.n_con04 .n_con04_1 .evtBoard_common .form_list li+li {margin-top:10px;}
.n_con04 .n_con04_1 .evtBoard_common .form_list li .label {display:inline-block;vertical-align: top;width:20%;font-size:23px;color:#0c0029;font-weight: bold;text-align: left;}
.n_con04 .n_con04_1 .evtBoard_common .form_list li > div {display:inline-block;vertical-align: top;width:80%;}
.n_con04 .n_con04_1 .evtBoard_common .board_notice {margin:50px 0 0;padding:0 43px;}
.n_con04 .n_con04_1 .evtBoard_common .board_notice li {font-size:13px;color:#000000;opacity: 1;}

.n_con04 .filebox{position: relative;overflow: hidden;}
.n_con04 .filebox .filename{position:relative;height: 50px;width: 80%;float:left;overflow:hidden;background: #fff;}
.n_con04 .filebox .filename input[type="text"]{position:absolute;top:0;left:0;font-size:14px;width:100%;height:50px;padding-left:10px;color:#a7a7a7;border:0}
.n_con04 .filebox .filename a{position:absolute;top:0;right:0;width: 30px;height:50px;line-height:50px;font-size:12px;background-color: #fff;color:red;z-index:1;text-align:center;display: none;font-weight: 200;}
.n_con04 .filebox .filebtn{position:relative;width:20%;height:50px;float:right;cursor:pointer;}
.n_con04 .filebox .filebtn label{position:absolute;top:0;right:0;background-color: #000000;color:#fff;font-size:15px;width:100%;text-align:center;height: 50px;line-height: 50px;font-weight: bold;cursor: pointer;}
.n_con04 .filebox input[type="file"]{position:absolute;top:0;right:0;width:100%;height:100%;cursor:pointer;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;}
.n_con04 .filebox label{position:absolute;z-index:1;top:17px;left:0;font-size:13px;font-weight:bold;width: 98px;}

  
/* gallery_wrp */
.eventWrap .gallery_wrp{padding: 100px 0 0;}
.eventWrap .gallery_wrp h4 {position:relative;z-index: 1;}
.eventWrap .gallery_wrp h4:before {content:'';position:absolute;z-index:-1;top:0;bottom:0;left:0;width: 100%;height:1px;margin:auto 0;background:#0c0029;}
.eventWrap .gallery_wrp h4 span {display:inline-block;background:#f0ebff;}
.eventWrap .n_con04.sobang .gallery_wrp h4 span {background:#fff3e3;}
.eventWrap .n_con04.sobang .gallery_wrp h4:before {background:#ab351b;}
.eventWrap .n_con04.army .gallery_wrp h4 span {background:#ffe3e3;}
.eventWrap .n_con04.army .gallery_wrp h4:before {background:#0c0029;}
.eventWrap .gallery_wrp .type_lst{margin-bottom:30px;}
.eventWrap .gallery_wrp .type_lst ul::after{content:"";clear:both;display:block;}
.eventWrap .gallery_wrp .type_lst ul{padding: 10px 0 0;}
.eventWrap .gallery_wrp .type_lst ul li{float:left;line-height:1;margin: 0 10px 0 0;border-right: 1px solid #000;font-size: 16px;padding: 0 10px 0 0;}
.eventWrap .gallery_wrp .type_lst ul li a{display: inline-block;font-weight: 200;padding: 0 0 3px;}
.eventWrap .gallery_wrp .type_lst ul li.on a{font-weight: bold;}
.eventWrap .gallery_wrp .type_lst ul li:last-child{border:0}

.eventWrap .gallery_wrp .gallery_lst{}
.eventWrap .gallery_wrp .gallery_lst ul{margin-left: -1.3%;}
.eventWrap .gallery_wrp .gallery_lst ul::after{content:"";display:block;clear:both}
.eventWrap .gallery_wrp .gallery_lst ul li{float:left;width: 32.0%;box-sizing:border-box;margin-bottom:20px;margin: 0 0 3% 1.3%;background: #fff;/* border:1px solid #691688; */}
.eventWrap .gallery_wrp .gallery_lst ul li div{position: relative;padding:13px 15px 35px;}
.eventWrap .gallery_wrp .gallery_lst ul li .img{position: relative;display:block;text-align:center;overflow: hidden;padding-bottom: 62.51%;}
.eventWrap .gallery_wrp .gallery_lst ul li .img img{max-width:100%;width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.eventWrap .gallery_wrp .gallery_lst ul li strong{display:block;margin: 10px 0 4px;text-align: left;font-weight: normal;height: 130px;overflow-y: auto;font-size:14px;color:#000;}

.eventWrap .gallery_wrp .gallery_lst ul li p{position: relative;font-size:13px;text-align: left;padding-top:12px;border-top:1px solid #bdbdbd;}
.eventWrap .gallery_wrp .gallery_lst ul li p::after{content:"";display:block;clear:both}
.eventWrap .gallery_wrp .gallery_lst ul li p a{float:left;color: #ff3636;position: absolute;top: 50%;right: -1px;padding: 6px 10px;margin: -14px 0 0;line-height: 1;}
.eventWrap .gallery_wrp .gallery_lst ul li p .into{color: #929292;display: block;line-height:1;font-weight: 200;}
.eventWrap .gallery_wrp .gallery_lst ul li p :last-child{padding: 6px 0 0 0;font-size: 12px;opacity: 0.5;font-weight: normal;display: block;}
.eventWrap .gallery_wrp .gallery_lst ul li p .btns {position:absolute;right:0;bottom:0;opacity: 1;}
.eventWrap .gallery_wrp .gallery_lst ul li p .btns button {display:inline-block;font-size:13px;font-weight:300;opacity: 1;}
.eventWrap .gallery_wrp .gallery_lst ul li p .btns button.change {color:#2328ff;}
.eventWrap .gallery_wrp .gallery_lst ul li p .btns button.del {color:#ff2929;}


.eventWrap .gallery_wrp .paging{margin:0;text-align:center;padding: 0;}
.eventWrap .gallery_wrp .paging strong{vertical-align: middle;display: inline-block;padding: 0 5px;line-height: 1;text-decoration: underline;}
.eventWrap .gallery_wrp .paging a{vertical-align: middle;display: inline-block;padding: 0 5px;line-height: 1;font-weight: 100;}
.eventWrap .gallery_wrp .paging a img{margin-top: 0;}



/* n_con04_2 */
.eventWrap .n_con04_2 {padding-top:100px;}
.eventWrap .n_con04_2 h4 {position:relative;}
.eventWrap .n_con04_2 h4 .evt_end {position:absolute;top:0;right:0;max-width: 19%;}
.eventWrap .n_con04_2 .cal_info {margin-top:50px;}
.eventWrap .calenderBox{position: relative;background: #ffffff;margin-top:22px;}

.eventWrap .calenderBox .dim{position:absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);text-align: center;z-index: 2;}
.eventWrap .calenderBox .dim::before{content:"";display: inline-block;vertical-align: middle;width: 1px;height: 100%;}
.eventWrap .calenderBox .dim p{position: relative;color: #fff;display: inline-block;vertical-align: middle;font-size: 25px;}
.eventWrap .calenderBox .dim p a{display: block;background: #000;color: #fff;font-weight: bold;margin: 20px 0 0;padding: 13px 0px;font-weight: normal;font-size: 21px;}

.eventWrap .calenderBox .tableType{background:#ffffff;}
.eventWrap .calenderBox .tableType table{width:100%;border: 1px solid #c3c3c3;font-size: 14px;}
.eventWrap .calenderBox .tableType table tr th{padding:0;}
.eventWrap .calenderBox .tableType table tr td{padding:0;border: 1px solid #d6d6d6;}
.eventWrap .calenderBox .tableType table tr td .wrp{display: block;position: relative;height: 120px;text-align: center;padding: 10px 0 0;}
.eventWrap .calenderBox .tableType table tr td .wrp.none {background:#f2f2f2;}
.eventWrap .calenderBox .tableType table tr td .wrp a{padding: 40px 0 0;display: block;}
.eventWrap .calenderBox .tableType table tr td .wrp i{position: absolute;top: 10px;left: 10px;font-size: 12px;font-style: normal;font-weight: 200;z-index: 1;}
.eventWrap .calenderBox .tableType table tr td .wrp .point{background: url(https://img.megagong.net/m/2021/1007_chall/stamp_pass.png) no-repeat center 0;width: 93px;height: 98px;display: block;margin: 0 auto;}
.eventWrap .calenderBox .tableType table tr td .wrp .point.fail{background-image: url(https://img.megagong.net/m/2021/1007_chall/stamp_fail.png);}
.eventWrap .calenderBox .tableType table tr td .wrp .point span{display: block;padding: 57px 0 0;color: #fff;font-weight: normal;letter-spacing: 0;font-size: 13px;}
.eventWrap .calenderBox .tableType table thead tr th{border: 1px solid #d6d6d6;padding: 13px 0;background-color: #fff;}
.eventWrap .calenderBox .tableType table tbody tr td.today{background:#ffdddd;}
.eventWrap .calenderBox + .cautn{text-align: left;font-size: 13px;padding: 15px 0 0;margin: 0 0 100px;color:#000;}

.eventWrap .evt_cautn{position: relative;margin: 85px auto 0; max-width:1080px; text-align: left;color: #000;}
.eventWrap .evt_cautn .cautn_tit{background: #1a1a1a;font-size: 17px;font-weight: normal;color: #fff;padding: 19px 20px;text-align: center;font-weight: 200;}
.eventWrap .evt_cautn .cautn_tit i{display: inline-block;width: 1px;height: 1px;border-top: 9px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;padding: 0 0 0 0px;margin: -3px 0 0 6px;vertical-align: middle;}
.eventWrap .evt_cautn > div{color: #000;margin: 0 0 9px;background: #fff;padding: 30px 30px 80px;}
.eventWrap .evt_cautn.sobang > div {background: #ddb495;}
.eventWrap .evt_cautn.army > div {background: #ffd7d6;}
.eventWrap .evt_cautn ul{position: relative;font-size: 13px;font-weight: normal;margin: 0 0 20px;}
.eventWrap .evt_cautn ul li{position: relative;margin: 0 0 7px;padding: 0 0 0 9px;font-weight: bold;}
.eventWrap .evt_cautn ul li::before{content:'';display:block;position:absolute;top: 8px;left:0;width: 2px;height: 2px;background: #000;border-radius: 100%;}
.eventWrap .evt_cautn ul li.in{margin: 0px 0 4px 10px;font-weight: normal;}
.eventWrap .evt_cautn ul li.under{text-decoration: underline;}
.eventWrap .evt_cautn ul li.in.side{margin: 0 0 4px 20px;}
.eventWrap .evt_cautn ul li.in::before{height: 1px;width: 4px;}
.eventWrap .evt_cautn ul li.num{font-weight: normal;margin: 5px 0 4px 0px;}
.eventWrap .evt_cautn ul li.num::before{display:none}
.eventWrap .evt_cautn ul li a{display: inline-block;font-weight: bold;color: #ff4313;padding: 0px 0px;}
.eventWrap .evt_cautn ul li.mb{margin-bottom: 20px;}
.eventWrap .evt_cautn ul li.mb2{margin-bottom: 25px;}
.eventWrap .evt_cautn ul li.mb3{margin-bottom: 40px;}
.eventWrap .evt_cautn ul li span { border-bottom:1px solid #666; }



@media (max-width: 1200px) {





    .ranking_wrap table td.icon { width:10%; }
    .ranking_wrap table td.icon img { width:58%; max-width:38px; }
    /* n_con3 */
    .n_con3 .inner {padding:14% 0 15%;}
    .n_con3 .inner .date {margin-top:4%;}
    .n_con3 .inner .date img {width: 60%;}
    .n_con3 .inner .n_con3_1 {margin-top:9%;}
    .n_con3 .inner .n_con3_1 ul {margin-top:4%;}
    .n_con3 .inner .n_con3_1 ul li{width: 29.5%;}
    .n_con3 .inner .n_con3_1 ul li+li{margin-left:5%;width: 60%;}
    .n_con3 .inner .n_con3_1 ul li+li:before {left: -5%;}
    .n_con3 .inner .n_con3_2 { margin-top:5vw;}
    .n_con3 .inner .n_con3_2 .s_tit {margin-top:3vw;}
    
    .n_con3 .inner .n_con3_2 ul {margin-top:7%;}
    .n_con3 .inner .n_con3_2 ul li {width: calc(33.333% - 22px);}


    /* n_con04 */
    .n_con04 {padding:15% 0 10%;}
    .n_con04 .n_con04_1 {padding:8% 0 10%;margin-top:8%;}
    .n_con04 .n_con04_1:before {right:-11%;left:-11%;}
    .n_con04 .n_con04_1 .s_tit {margin-top:5%;}
    .n_con04 .n_con04_1 .evtBoard_common {margin-top:5%;padding-bottom:5%;}
    .n_con04 .n_con04_1 .evtBoard_common .board_write .btn_wrap {width: 100%;}
    .n_con04 .n_con04_1 .evtBoard_common .board_write .btn_wrap a {height:40px;line-height:40px;}
    .n_con04 .n_con04_1 .evtBoard_common .form_list {padding:0 4%;}
    .n_con04 .n_con04_1 .evtBoard_common .board_notice {margin:5% 0 0;padding:0 4%;}
    .n_con04 .n_con04_1 .evtBoard_common .board_notice li {font-size:11px;}
    .n_con04 .filebox .filename {width: 100%;}
    .n_con04 .filebox .filebtn {width: 100%;height: 40px;}
    .n_con04 .filebox .filebtn label {line-height:40px;height:40px;}

    /* gallery_wrp */
    .eventWrap .gallery_wrp .paging{padding: 0;}
    .eventWrap .gallery_wrp .type_lst ul li a img {width: auto;}

    /* n_con04_2 */
    .eventWrap .n_con04_2 {padding-top:10%;}
    .eventWrap .n_con04_2 .cal_info {margin-top:5% -1.5% 0;}
    .eventWrap .calenderBox {margin-top:2%;}
    .eventWrap .calenderBox .tableType table tr td .wrp{height: 14vw;padding: 10% 0 0;}
    .eventWrap .calenderBox .tableType table tr td .wrp i{top: 3%;left: 3%;font-size: 11px;}
    .eventWrap .calenderBox .tableType table tr td .wrp .point{background-size: 100%;margin: 0 10% 0 10%;width: 80%;height: 100%;}
    .eventWrap .calenderBox .tableType table tr td .wrp .point span{padding: 61% 0 0;font-size: 15px;}
    .eventWrap .calenderBox .tableType table tr td .wrp a{padding: 5vw 0 0;}
    .eventWrap .calenderBox + .cautn{margin: 0 0 8%;font-size: 11px;padding-top:1%;}

    .eventWrap .evt_cautn{ margin: 5% 2%;  }
    .eventWrap .evt_cautn .cautn_tit{padding: 3%;margin: 0 0 10px;}
    .eventWrap .evt_cautn > div{margin: 0;padding: 3% 3%;}
    .eventWrap .evt_cautn ul{font-size: 11px;}
    .eventWrap .evt_cautn ul li.mb{margin-bottom: 7px;}
    .eventWrap .evt_cautn ul li.mb2{margin-bottom: 15px;}
    .eventWrap .evt_cautn ul li.mb3{margin-bottom:20px;}
}
@media (max-width:992px){
    /* n_con04_2 */
    .eventWrap .calenderBox .infoBox .infoBox_n .date{font-size:22px}
    .eventWrap .calenderBox .infoBox .infoBox_n .time span{display:inline-block;font-size: 40px;line-height: 75px;width: 60px;height: 75px;background-size: 100% 100%;}
    .eventWrap .calenderBox .infoBox .infoBox_s .name{font-size: 24px;}
    .eventWrap .calenderBox .infoBox .infoBox_s .name strong{font-size: 24px;}
    .eventWrap .calenderBox .infoBox .infoBox_s .count{font-size: 24px;padding-bottom: 20px;}
    .eventWrap .calenderBox .tableType table tbody tr td div .fail_icon .txt, .eventWrap .calenderBox .tableType table tbody tr td div .suc_icon .txt{font-size:12px}
    .eventWrap .calenderBox .btn{margin: 30px 0 0 0;}

}
@media (max-width: 768px) {
    .ranking_wrap .dim p { font-size:15px; }
    .ranking_wrap table td { font-size:13px; }

    /* n_con3 */
    .n_con3 .inner .n_con3_1 h4 span {width: 120px;}
    .n_con3 .inner .n_con3_1 ul li{width: 65%;}
    .n_con3 .inner .n_con3_1 ul li+li{margin-left:0;width: 100%;margin-top:3%}
    .n_con3 .inner .n_con3_1 ul li+li:before {content:none;}
    
    .n_con3 .inner .n_con3_2 ul li {width: 65%;}
    .n_con3 .inner .n_con3_2 ul li+li {margin-left:0;margin-top:3%}

    /* gallery_wrp */
    .eventWrap .gallery_wrp .gallery_lst ul{margin:0 0 0 -1%}
    .eventWrap .gallery_wrp .gallery_lst ul li{width: 49%;margin: 0 0 4% 1%;}
    .eventWrap .gallery_wrp .gallery_lst ul li p{/* padding: 7px 3px */}
    .eventWrap .gallery_wrp .gallery_lst ul li strong{font-size: 13px;}
    .eventWrap .gallery_wrp .type_lst{padding: 0 0 2%;}
    .eventWrap .gallery_wrp .type_lst ul li{font-size:14px}
    .eventWrap .gallery_wrp .gallery_lst ul li p .btns {position:relative;text-align: right;padding:0;}

    /* n_con04_2 */
    .eventWrap .calenderBox .tableType table{font-size:12px}
    .eventWrap .calenderBox .tableType{float: none;margin: 0 auto;width: 100%;}
    .eventWrap .calenderBox .tableType table tr td .wrp .point span{font-size: 12px;font-weight: 200;color: #000;padding: 35% 0 0;letter-spacing: -0.06em;line-height: 1;}
    .eventWrap .calenderBox .tableType table tr td .wrp{padding: 33% 0 0;}
    .eventWrap .calenderBox .tableType table tr td .wrp a{padding: 16% 0 0;}
    .eventWrap .calenderBox .tableType table tr td .wrp .point, .eventWrap .calenderBox .tableType table tr td .wrp .point.fail{position:relative;margin: 0;width: 100%;background: none;}
    .eventWrap .calenderBox .tableType table tr td .wrp .point::before{content:'';position: absolute;top: 0;left: 10%;background: url(https://img.megagong.net/m/2021/0726_chall/stamp_pass.png) no-repeat center 42%;width: 80%;height: 46%;background-size: 120%;}
    .eventWrap .calenderBox .tableType table tr td .wrp .point.fail::before{background-image: url(https://img.megagong.net/m/2021/0726_chall/stamp_fail.png)}
    .eventWrap .calenderBox .dim p{font-size: 15px;}
    .eventWrap .calenderBox .dim p a{margin: 14px 0 0;padding: 8px 0px;font-size: 13px;}

    .eventWrap .evt_cautn .cautn_tit{font-size: 13px;}
}
@media (max-width: 576px) {

    /* n_con04 */
    .n_con04 .n_con04_1 .evtBoard_common .board_write .inp_wrap textarea {font-size:13px;}
    .n_con04 .n_con04_1 .evtBoard_common .form_list li .label {width: 100%;}
    .n_con04 .n_con04_1 .evtBoard_common .form_list li .label img {width: 100px;}
    .n_con04 .n_con04_1 .evtBoard_common .form_list li > div {width: 100%;}
    .n_con04 .n_con04_1 .evtBoard_common .board_write .btn_wrap a {height:35px;line-height:35px;font-size:12px;}
    .n_con04 .filebox .filebtn {width: 100%;height: 35px;}
    .n_con04 .filebox .filename input[type="text"] {font-size:13px;}
    .n_con04 .filebox .filebtn label {line-height:35px;height:35px;font-size:12px;}
}