@charset "utf-8";

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

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

	.daon_ver2_sub_type8 {width:100%;}
	.daon_ver2_sub_type8:after{ content:""; display:block; clear:both;}
	.daon_ver2_sub_type8 .sidewrap_img{margin:0 auto; width:100%; max-width:1500px;}
	.daon_ver2_sub_type8 .sidewrap_img img{width:100%; height:auto;}
	.daon_ver2_sub_type8 .sidewrap {max-width:1500px; margin:0 auto; padding:50px 25px; border-bottom: 1px solid #eee;}
	.daon_ver2_sub_type8 .sidewrap:after {content:""; display:block; clear:both;}
	.daon_ver2_sub_type8 .sidewrap:first-child {border-top: 1px solid #222;}
	.daon_ver2_sub_type8 .sidewrap:last-child{border-bottom:1px solid #eee;}
	.daon_ver2_sub_type8 .sidewrap .left-box {float:left; width:25%;}
	.daon_ver2_sub_type8 .sidewrap .left-box h3.tit {display:block; font-size:1.85em; font-weight:700; line-height:1.5em;}
	.daon_ver2_sub_type8 .sidewrap .right-box {float:left; width:75%; }	
	.daon_ver2_sub_type8 .sidewrap.ex1 .con_box {width:100%;}
	.daon_ver2_sub_type8 .sidewrap.ex1 .con_box .title { display:block; font-size:1.5em;  color:#000;  line-height:1.5m;}
	.daon_ver2_sub_type8 .sidewrap.ex1 .con_box .desc {display:block;  margin-top:25px;   line-height:1.6em;}
	.daon_ver2_sub_type8 .sidewrap.ex1 .con_box .sign {display:block; margin-top:25px;  }
	.daon_ver2_sub_type8 .sidewrap.ex1 .con_box .sign .ceo_sign { font-size:1.5em; font-weight:700; letter-spacing:0.3em; text-align:right;}
	.daon_ver2_sub_type8 .sidewrap.ex2 div.item {float:left; width:32%; margin-right:2%; margin-bottom:2%; padding:20px 10px; text-align:center;  border:1px solid #ddd; transition: 0.3s all ease;}
	.daon_ver2_sub_type8 .sidewrap.ex2 div.item:nth-child(3n){margin-right:0;}
	.daon_ver2_sub_type8 .sidewrap.ex2 div.item i { display:block; width:50px; height:50px; line-height:50px; font-size:2.5em;  color:#000; margin:0 auto; }
	.daon_ver2_sub_type8 .sidewrap.ex2 div.item div.txts {width:100%; margin-top:20px;}
	.daon_ver2_sub_type8 .sidewrap.ex2 div.item div.txts strong { display:block;  font-size:1.25em;  color:#000;  line-height:1.5m;}
	.daon_ver2_sub_type8 .sidewrap.ex2 div.item div.txts p {display:block;  margin-top:5px;   line-height:1.6em;}
	.daon_ver2_sub_type8 .sidewrap.ex3 div.overview {width:100%;margin:0 auto; }
	.daon_ver2_sub_type8 .sidewrap.ex3 div.overview ul { width:100%;  margin:0; padding:0; display:inline-block; vertical-align:middle;/* border:1px solid #ddd; border-radius:200px; padding:50px;*/}
	.daon_ver2_sub_type8 .sidewrap.ex3 div.overview ul li {position:relative; float:left; display:inline-block; width:19%; margin-right:8%; transition: 0.3s all ease;} 
	.daon_ver2_sub_type8 .sidewrap.ex3 div.overview ul li:last-child {margin-right:0;}
	.daon_ver2_sub_type8 .sidewrap.ex3 div.overview ul li:before {width:50%; height:1px; border:1px dashed #ddd; content:''; display:block; position:absolute; top: 50%; right:-50%;}
	.daon_ver2_sub_type8 .sidewrap.ex3 div.overview ul li:last-child:before {display:none;}
	.daon_ver2_sub_type8 .sidewrap.ex3 div.overview ul li div.txts {display:table; width:100%; height:150px; text-align:center; background-color:#555; transition: 0.3s all ease;}
	.daon_ver2_sub_type8 .sidewrap.ex3 div.overview ul li:nth-child(even) div.txts { background-color:#C53428; }
	.daon_ver2_sub_type8 .sidewrap.ex3 div.overview ul li div.txts p {display:table-cell; vertical-align:middle; }
	.daon_ver2_sub_type8 .sidewrap.ex3 div.overview ul li div.txts p em {display:block; font-size:1em; color:#fff;}
	.daon_ver2_sub_type8 .sidewrap.ex3 div.overview ul li div.txts p span {display:block; font-size:1.5em; color:#fff; margin-top:5px;}

	@media all and (max-width:1200px){
		.daon_ver2_sub_type8 .sidewrap.ex3 div.overview ul li {width:49%; margin-right:2%; margin-bottom:2%;}
		.daon_ver2_sub_type8 .sidewrap.ex3 div.overview ul li:nth-child(even) {float:right; width:49%; margin-right:0;}
		.daon_ver2_sub_type8 .sidewrap.ex3 div.overview ul li:before {display:none;}
		.daon_ver2_sub_type8 .sidewrap.ex3 div.overview ul li:nth-child(3) div.txts {background-color:#C53428;}
		.daon_ver2_sub_type8 .sidewrap.ex3 div.overview ul li:nth-child(4) div.txts {background-color:#555;}
	}

	@media screen and (max-width: 768px){
		.daon_ver2_page_title{margin-bottom:40px;}
		.daon_ver2_page_title h1{font-size:1.85em;}
		.daon_ver2_page_title h2{font-size:1em;}

		.daon_ver2_sub_type8 .sidewrap .left-box { width:100%;}
		.daon_ver2_sub_type8 .sidewrap .right-box { width:100%; margin-top:20px; }
		.daon_ver2_sub_type8 .sidewrap .left-box h3.tit {font-size:1.5em; }
		.daon_ver2_sub_type8 .sidewrap.ex2 div.item {width:100%; text-align:left; padding:15px 10px; margin-bottom:0; background-color:#fff; border:0; border-bottom:1px solid #eee; transition: 0.3s all ease;}
		.daon_ver2_sub_type8 .sidewrap.ex2 div.item:last-child {border-bottom:0;}
		.daon_ver2_sub_type8 .sidewrap.ex2 div.item i { display:inline-block; vertical-align:middle; font-size:1.5em;  }
		.daon_ver2_sub_type8 .sidewrap.ex2 div.item div.txts {width:auto; margin-top:0; display:inline-block; vertical-align:middle; }
		.daon_ver2_sub_type8 .sidewrap.ex2 div.item div.txts strong { font-size:1em; }
	}
	/*  여기까지 코드를 복사하여 공통 css파일 최하단에 추가합니다. */