@charset "utf-8";

#container_title {display:none;}

#bo_list, #bo_w {position:relative;max-width:1340px;margin:auto;padding:50px 0 80px;}
#bo_list:after, #bo_w:after {display:block;clear:both;content:"";}

/* 목록 */
#timeline {position:relative;}
	.timeline-item {margin-top:80px;}
	.timeline-content {position:relative;min-height:450px;transition:all .3s ease;}
	.timeline-content h2 {margin-bottom:30px;font-family:var(--ff-MT);font-size:2.5em;font-weight:700;color:#333;}
	.timeline-content .img {position:absolute;top:80px;right:0;bottom:0;width:50%;height:auto;text-align:right;z-index:5;}
	.timeline-content .img .swiper-container {box-shadow:2px 5px 12px rgba(0,0,0,.2);}
	.timeline-content .innerWrap {position:relative;padding:20px 52% 5px 0;}
	.timeline-content .innerWrap:after {content:'';display:block;position:absolute;left:15px;top:0;width:1px;height:100%;background:rgba(0,0,0,.1);z-index:0;}
	.timeline-content .innerWrap dl {position:relative;margin-bottom:20px;padding-left:40px;}
	.timeline-content .innerWrap dl:before {content:'';display:block;position:absolute;left:10px;top:0;width:10px;height:10px;border-radius:50%;background:#f50;z-index:2;}
	.timeline-content .innerWrap dt.year {margin-bottom:5px;font-family:var(--ff-MT);font-size:.84em;color:#4c4c4c;}
	.timeline-content .innerWrap dd.cont {font-size:1.15em;line-height:1.3em;}
	.timeline-content .innerWrap dd.cont a.m_btn {display:inline-block;vertical-align:middle;}
	.timeline-content .innerWrap dd.cont a.m_btn:before {content:"\f055";font-family:var(--ff-FA);font-size:20px;color:#666;}

/* 쓰기 */
.bo_w_form {margin-bottom:40px;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 label {margin-right:10px;cursor:pointer;}
	.bo_w_form li.bo_w_select select {height:38px;padding:0 10px;border:0;background-color:#f3f3f3;cursor:pointer;}
	.bo_w_form li.bo_w_flie .frm_file {position:relative;width:100%;height:38px;padding:5px;background-color:#f3f3f3 !important;cursor:pointer;}
	.bo_w_form li.bo_w_flie .file_wr {position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
	.bo_w_form li.bo_w_flie .file_del {position:absolute;top:20px;right:20px;font-size:0.92em;color:#7d7d7d}

@media (max-width:1440px) {
	#timeline {padding:0 20px;}
}
@media (max-width:1180px) {
	#bo_list, #bo_w {margin:30px auto 50px;}
	.timeline-item {margin-top:50px;}
	.timeline-content h2 {font-size:2em;}
	.timeline-content .innerWrap dd.cont {font-size:1em;}
}
@media (max-width:840px) {
	.timeline-content h2 {margin-bottom:15px;font-size:1.6em;text-align:right;}
	.timeline-content .img {position:relative;width:100%;top:0;text-align:center;}
	.timeline-content .img .swiper-container .swiper-slide {padding:10px;}
	.timeline-content .innerWrap {padding:30px 0 10px;}
}