@charset "utf-8";

/* 내용관리 */
#ctt {margin-top:50px;background:#fff;min-height:200px;}
.ctt_admin {margin:0 5px;text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_himg img, #ctt_timg img, #ctt_con img {max-width:100%;height:auto}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}

/* 그누보드 내용관리등 에디터로 입력할 경우  여기서부터 */
	.daon_content_wrap{width:100%; min-width:320px; max-width:1500px; margin:0 auto;}
	.daon_page_title{width:100%; margin-bottom:70px;}
	.daon_page_title h1{width:100%; margin:0 auto; text-align:center; font-size:2.5em; font-weight:600;}
	.daon_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
	.daon_page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:20px; }


	.history_type1 {width:100%; min-width:320px; max-width:1500px; margin:0 auto;}
	.history_type1 .innerBox{position:relative; width:100%; }
	.history_type1 .innerBox:after{content:'';display:block;clear:both;}
	.history_type1 h3 {text-align:center; padding-bottom:20px; font-size:2.6em; font-weight:500; color:#aaa;}
	.history_type1:first-child h3 { padding:0px 0 50px 0;}
	.history_type1 .history { position:relative; margin-bottom:100px;}
	.history_type1 .history:last-child{margin-bottom:0px;}
	.history_type1 .history:before { content:''; display:block; position:absolute; top:0; left:50%; width:1px; height:100%; background:#eee;} /* 라인색상 */
	.history_type1 .history .img_box {position:absolute; top:0; left:0; padding:0; margin:0; width:50%; text-align:left; }
	.history_type1 .history .img_box img { width:auto;}

	.history_type1 .history > div { position:relative; margin-left:50%; padding-left:90px; margin-bottom:45px; }
	.history_type1 .history > div:before { content:''; display:block; position:absolute; top:10px; left:-2px; width:5px; height:5px; border-radius:50%; background:#555;} /* 라인포인트색상 */
	.history_type1 .history > div .year { position:absolute; top:0; left:20px; font-size:1em; color:#555; padding:10px 15px; margin-bottom:15px; display:inline-block; border:1px solid #ddd;}
	.history_type1 .history > div ul {padding:0; margin:0; }
	.history_type1 .history > div ul li { padding:0; margin:0;}
	.history_type1 .history > div ul li p {margin-top:0px; }
	.history_type1 .history > div ul li p strong { width:100%; display:inline-block; vertical-align:top; font-size:1.45em; text-align: left; padding-left: 20px; line-height: 180%;}
	.history_type1 .history > div ul li p span {width:85%; display:inline-block; font-size:1.45em;  }

		
	@media screen and (max-width: 992px) {

		.daon_content_wrap{width:100%;}
		.daon_page_title{margin-bottom:40px;}
		.daon_page_title h1{font-size:2em;}
		.daon_page_title h2{font-size:1em;}

		.history_type1 .history .img_box { display:block; position:relative; top:0; left:0; width:100%; padding:0; margin-bottom:40px;}
		.history_type1 .history .img_box img { width:100%;}
		.history_type1 .history:before { left:20px; } /* 라인 */
		.history_type1 .history > div { margin-left:0; }
		.history_type1 .history > div:before {left:18px; }
		.history_type1 .history > div .year { top:0px; left:40px; font-size:1.45em;}
		.history_type1 .history > div ul li { font-size:1.45em;}

	}

	@media screen and (max-width: 480px) {
	
		.history_type1 .history > div {padding-left:40px;  }
		.history_type1 .history > div .year { position:relative; left:0; }
		.history_type1 .history > div ul li p strong { text-align:left; }

	}