@charset "utf-8";

#bo_list {position:relative;}
#bo_list:after {display:block;clear:both;content:"";}

.ico {margin:50px 0;color:#eee;text-align:center;}
.ico .fa {font-size:55px;color:#999;transform:rotate(45deg);}

/* 게시판 목록 공통 */
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input[type="checkbox"] + label {position:relative;color:#676e70;}
.chk_box input[type="checkbox"] + label:hover {color:#aaa}
.chk_box input[type="checkbox"] + label span {float:left;width:30px;height:30px;display:block;background:#fff;background:url(./img/chk.png) no-repeat 50% 50% #dcdcdc;border:1px solid #ccc;border-radius:4px;}
.all_chk.chk_box input[type="checkbox"] + label span {border:1px solid #dcdcdc;border-radius:4px;box-shadow:1px 1px 3px rgba(0,0,0,.2);text-align:center;background:#fff;cursor:pointer;} /* 상단 체크박스 */
.all_chk.chk_box input[type="checkbox"] + label span:before {content:"\f00c";font-family:"FontAwesome";line-height:30px;transition:all .2s;}
.all_chk.chk_box input[type="checkbox"] + label span:hover:before {color:#fa0;}
.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label {padding-left:30px; padding-top:5px;}
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:25px;height:25px;display:block;margin:0;background:#fff;border:1px solid #ddd;border-radius:4px}
.chk_box input[type="checkbox"]:checked + label {color:#aaa}

/* 체크박스 설정 */
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #0697eb;border-color:#0e77b3;border-radius:4px}

/* 목록 */
#timeline {position:relative;}
	#timeline:before {left:50%;top:0;position:absolute;content:"";width:3px;height:100%;background:#6dae33;}
	#timeline:after {display:table;content:"";clear:both;width:100%;}
	.timeline-item {position:relative;margin-bottom:30px;}
	.timeline-item:before, .timeline-item:after {display:block;content:'';clear:both;width:100%;}
	.timeline-icon {position:absolute;left:50%;top:0;width:25px;height:25px;margin-left:-11px;border-radius:50%;text-align:center;background:#6dae33;overflow:hidden;}
	.timeline-content {width:47%;padding:1rem;border:1px solid #dfdfdf;border-radius:5px;background:#f9f9f9;transition:all .3s ease;}
	.timeline-content h2 {margin-bottom:20px;padding:10px 0 10px;border-bottom:1px dashed #dfdfdf;font-family:"GmarketSansM",Georgia,Roboto;font-size:1.4em;font-weight:normal;color:#079ccd;text-align:center;}
	.timeline-content.right {float:right;}
	.timeline-content .wrap {position:relative;margin-top:20px;padding-right:30px;color:#808080;}
	.timeline-content .wrap.em {color:#000;}
	.timeline-content .wrap span.date {display:inline-block;min-width:50px;font-family:"GmarketSansM",Georgia,Roboto;color:#999;text-align:center;}
	.timeline-content .wrap a.m_btn {display:inline-block;position:absolute;right:0;top:0;text-align:center;vertical-align:middle;}
	.timeline-content .wrap a.m_btn:before {content:"\f055";font-family:"FontAwesome";font-size:20px;color:#666;}
	.timeline-content .wrap a.m_btn:hover:before {color:#6dae33;}

@media all and (max-width:1024px) {
	#timeline {width:100%;margin:20px 0 0;padding:0;}
	#timeline:before {display:none;}
	.timeline-content {width:100%;float:none;}
	.ico, #timeline h2:before, #timeline.right h2:before {display:none;}
	.timeline-icon {display:none;}
	.timeline-content h2 {font-size:1.2em;}
}
@media all and (max-width:1024px) {
	.timeline-item {margin-bottom:10px;}
	.timeline-content .wrap {margin-top:12px;color:#333;}
	.timeline-content .wrap span.date {display:block;width:auto;margin-bottom:5px;font-size:.9em;text-align:left;}
}

/* 쓰기 */
.bo_w_form {border-top:1px solid #eee;}
	.bo_w_form li {position:relative;padding:10px;border-bottom:1px solid #eee;}
	.bo_w_form li .frm_input {padding-left:10px;border:0;background-color:#f3f3f3;box-shadow:none;}
	.bo_w_form li .bo_w_option {position:absolute;right:10px;top:23px;font-size:.9em;}
	.bo_w_form li .bo_w_option label {margin-right:3px;cursor:pointer;}