@charset "utf-8";

/* 내용관리 */
#ctt {margin:20px 0;padding:0px;background:#fff; border:0px solid red;}
.ctt_admin {text-align:right}
.ctt_admin a.btn{display:inline-block;text-decoration:none;vertical-align:middle;border:0;background:transparent; font-size:0.9em; border:1px solid #ddd; border-radius:3px;} /* daontheme */
.ctt_admin a.btn:hover{color:#000; background-color:#000; color:#fff; border:1px solid #000;}
#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}



	/* 그누보드 내용관리등 에디터로 입력할 경우  여기서부터 */
	.fc_pointer {color:#BC0000; }
	.daon_content_wrap{width:100%; min-width:320px; max-width:1200px; 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; }

	.vision_type5 {width:100%; min-width:320px; max-width:1200px; margin:0 auto; }
	.vision_type5:after {display:block; visibility:hidden; clear:both; content:""}
	.vision_type5 .vision_area5 {width:100%; margin-bottom:80px; }
	.vision_type5 .vision_area5 h2.title {position:relative; font-size:1.5em; color:#000; padding-left:30px; margin-bottom:20px; }
	.vision_type5 .vision_area5 h2.title:before{position:absolute; top:10px; left:0; display:inline-block; content:""; width:8px; height:8px; border:4px solid #1F88E5; background:#fff; }
	.vision_type5 .vision_area5 ul {margin:0; padding:0; }
	.vision_type5 .vision_area5 ul li {clear:both; display:table; padding:0; margin:0; width:100%; border:1px solid #ddd; background-color:#fafafa; overflow:hidden;}
	.vision_type5 .vision_area5 ul li .i_box {display:table-cell; width:30%; vertical-align:middle; }
	.vision_type5 .vision_area5:nth-child(1) ul li .i_box {background:#005bab;}
	.vision_type5 .vision_area5:nth-child(2) ul li .i_box {background:#36b1d4;}
	.vision_type5 .vision_area5:nth-child(3) ul li .i_box {background:#f48025;}
	.vision_type5 .vision_area5 ul li .i_box .icon {display:block; position:relative; left:0; top:25%; width:100%; text-align:center; }
	.vision_type5 .vision_area5 ul li .i_box .icon i {display:block; font-size:5em; color:#fff; }
	.vision_type5 .vision_area5 ul li .i_box .icon em {display:block; font-size:1.2em; color:#fff; font-style:normal; margin-top:20px;}
	.vision_type5 .vision_area5 ul li .con_txt {display:table-cell; width:70%; height:240px; padding:30px 40px;}
	.vision_type5 .vision_area5 ul li .con_txt span {display:block; font-size:1em; color:#333; text-align:left; line-height:1.5em; word-break:keep-all; margin-top:15px; }
	.vision_type5 .vision_area5 ul li .con_txt span:first-child{ margin-top:0; }
	.vision_type5 .vision_area5 dl {width:95%; margin:20px auto; }
	.vision_type5 .vision_area5 dl dd { position:relative; font-size:1em; color:#777; padding-left:15px; margin-bottom:15px; }
	.vision_type5 .vision_area5 dl dd:before{ content: ""; position:absolute; top:10px; left:0;  width:4px; height:4px; background:#333;}

	.daon_s_tit {width:100%; height:30px; line-height:30px; text-align:left; border-left:5px solid #000; margin:50px auto;  margin-bottom:10px;  font-size:1.5em;  text-indent:10;}

	@media screen and (max-width:768px){
		
		.daon_content_wrap{width:96%;}
		.daon_page_title{margin-bottom:50px;}	
		.daon_page_title h1{font-size:2em;}
		.daon_page_title h2{font-size:1em;}
		.daon_s_tit{font-size:1.2em;}

		.vision_type5 .vision_area5 h2.title { font-size:1.5em; }
		.vision_type5 .vision_area5 span.stitle{font-size:1em; width:90%;}
		.vision_type5 .vision_area5 ul li {width:100%;}
		.vision_type5 .vision_area5 ul li .i_box{ display:block; width:100%; padding:50px 0; }
		.vision_type5 .vision_area5 ul li .con_txt{display:block; width:100%; height:auto; padding:30px 0; margin:0;}
		.vision_type5 .vision_area5 ul li .con_txt span { padding:0 30px; }
	}
	/*  여기까지 코드를 복사하여 공통 css파일 최하단에 추가합니다. */