
.event-cont .inner{width:1000px;margin:0 auto;position:relative;}
.e_inner{width:1000px;}
.p_r{position:relative;}

/*bg*/
.evt_main{background:url(//gscdn.hackers.co.kr/edu2080/images/event/2022/0504/evt_main_bg.jpg) repeat-x center 0;}
.cont01{padding-bottom: 100px; background: linear-gradient(to bottom, #132744, #2e3475);padding-top:90px;}
.cont02{background:url(//gscdn.hackers.co.kr/edu2080/images/event/2022/0504/cont02_bg.jpg) repeat-x center 0;}
.cont03{height:auto;background:url(//gscdn.hackers.co.kr/edu2080/images/event/2022/0504/cont03_bg.jpg) #10253f repeat-x center 0;padding-bottom:100px;}

/*이벤트 기간*/
.evt_main .date_box{width:650px;height:50px;border-radius:25px;background:#fff5de;position:absolute;z-index:100;top:1150px;left:170px;}
.evt_main .date_box::after{display: block;clear:both;content: "";}
.evt_main .date_box p{float:left;color:#c65900; font-size:20px;font-weight:600;margin-left:23px;margin-top:11px;font-family: 'noto, sans-serif';position:relative;}
.evt_main .date_box .evt_period::after{content: "";width:2px;height:20px;background:#f5b27b;position:absolute;top:4px;right:-13px;}
.evt_main .date_box span{font-family: 'noto, sans-serif'}

/*댓글*/

textarea.write_comment{width:800px;height:90px;font-size:14px;border:1px solid #ddd;outline:none;padding:15px 20px;line-height: 21px;}
textarea.write_comment::-webkit-input-placeholder{font-size:14px;color:#6D6D6D;line-height: 21px;}
textarea.write_comment::-moz-placeholder{font-size:14px;color:#6D6D6D;line-height: 21px;}
textarea.write_comment:-ms-input-placeholder{font-size:14px;color:#6D6D6D;line-height: 21px;}
.write_box>div>button{position:absolute;font-weight:600;font-size:18px;width:80px;height:40px;background:#f1f1f1;border-radius: 5px;border:1px solid #ccc;color:#6d6d6d;margin-left:15px;}

.comment_area{width:1000px;height:auto;padding:0 !important;box-sizing: border-box;border:none !important;}
.write_box{width:1000px;border:1px solid #ddd;box-sizing: border-box;background:#fff;margin-bottom: 12px;}
.write_box>div{margin:10px 30px 30px;}
.tit_box{overflow: hidden;border-bottom:none;}
.tit_box>img, .tit_box>p{float:left;}
.tit_box>img{margin-top:5px;}
.tit_box>p{font-size:16px;color:#3e3e3e;margin-left:10px;}
.tit_box>p>span{font-size:13px;color:#6D6D6D;;}

.comment_list{border-top:none !important;background:#fff;padding-bottom:50px;}
.comment_list>ul.list_content{padding:10px 30px;}
.comment_list>ul.list_content>li{border-bottom:1px solid #ddd !important;padding:17px 0;}
.comment_list>ul.list_content>li:last-child{border-bottom:none !important;}
span.user_name{font-size:13px;color:#222;margin-left:5px;font-family:'doutum, sans-serif';font-weight: 600;}
span.comment_date, span.comment_time{font-size:13px;color:#a5a5a5;margin-left:10px;font-family:'doutum, sans-serif';}
.comment_btns{position:absolute;top:16px;right:0;}
.comment_btns button{font-size:12px;color:#aaa;background:#fff;margin-right:3px;font-family:'doutum, sans-serif';}
.comment_list>ul.list_content>li>p{font-family:'doutum, sans-serif';font-size:13px;margin-top:10px;width:880px;line-height:20px;}

/* .list_pager{width:1000px;text-align: center;margin-top:20px;}
.list_pager>ul{display: inline-block;}
.list_pager>ul.list_page_num{position:relative;}
.list_pager>ul.list_page_num::after{content: "";clear:both;display: block;}
.list_pager>ul.list_page_num li{float:left !important;clear:right;border-bottom:none;height:25px;border:1px solid transparent;padding:0 5px;text-align: center;margin-right:3px;box-sizing: border-box;}
.list_pager>ul.list_page_num li a{font-size:14px;font-weight:600;line-height: 23px;font-family:'doutum, sans-serif';}
.list_pager>ul.list_page_num li.clicked{border:1px solid #ddd;}
.list_pager>ul.list_page_num li.clicked a{color:#ff0000;}
.list_pager>ul.list_page_num .board_prev{position: absolute;top: 0px;left: -23px;}
.list_pager>ul.list_page_num .board_next{position: absolute;top: 0px;right: -23px;} */

.kk_page{text-align:center;padding:15px 0 15px 0;background:#fff;border:1px solid #dcdcdc;border-top:0;}
.kk_page span,
.kk_page a {display:inline-block;}
.kk_page a {color:#555;}
.kk_page a,.kk_page .curent {height:15px; line-height:15px; padding:0 10px 0 10px; border-left:1px solid #e9e9e9;}
.kk_page .curent {letter-spacing:-1px; font-weight:bold; color:#fd650d;}
.kk_page .first,.kk_page .first a {border:none;}
.kk_page .pre2,.kk_page .pre,.kk_page .next,.kk_page .next2 {padding:0; width:15px; height:15px; overflow:hidden; text-indent:-9000px; border:none; background:url('/skin/board/lms_E01_bbs/img/sprites_btn.gif') no-repeat; vertical-align:top;}
.kk_page .pre2,.kk_page .pre {margin-right:3px;}
.kk_page .next,.kk_page .next2 {margin-left:3px;}
.kk_page span.pre2 {background-position:-307px 0;}
.kk_page span.pre {background-position:-327px 0;}
.kk_page span.next {background-position:-347px 0;}
.kk_page span.next2 {background-position:-367px 0;}
.kk_page a.pre2 {background-position:-387px 0;}
.kk_page a.pre {background-position:-407px 0;}
.kk_page a.next {background-position:-427px 0;}
.kk_page a.next2 {background-position:-447px 0;}

.edit_comment textarea{font-size:13px;width:818px;height:60px;border:1px solid #ddd;margin:15px 0 33px;padding:10px 100px 10px 20px;font-family:'doutum, sans-serif';}
.edit_comment .edit_buttons{position:absolute;bottom:15px;right:3px;}
.edit_buttons button{font-size:13px;width:50px;height:28px;border:1px solid #ddd;border-radius: 3px;font-weight:600;color:#7d7d7d;width:45px;}
.edit_buttons .no_edit{width:65px;}

/* 후기 탭 */
.tab_over_area .tab_tit{overflow:hidden;width:100%;padding:24px 0 35px 0;}
.tab_over_area .tab_tit li{float:left;cursor:pointer;width:140px;height:292px;margin-left:3px;background:url(//gscdn.hackers.co.kr/edu2080/images/event/2022/0504/tab_bg.png) no-repeat 0 0;font-size:0;}
.tab_over_area .tab_tit li:first-child{margin-left:0;}
.tab_over_area .tab_tit li:nth-of-type(2){background-position-x:-144px;}
.tab_over_area .tab_tit li:nth-of-type(3){background-position-x:-288px;}
.tab_over_area .tab_tit li:nth-of-type(4){background-position-x:-432px;}
.tab_over_area .tab_tit li:nth-of-type(5){background-position-x:-576px;}
.tab_over_area .tab_tit li:nth-of-type(6){background-position-x:-720px;}
.tab_over_area .tab_tit li:nth-of-type(7){background-position-x:-864px;}
.tab_over_area .tab_tit li.active{background-position-y:100%;}
.tab_over_area .tab_con_box{display:none;}
.tab_over_area .tab_con_box.active{display:block;}




