@charset "utf-8";

/* 내용관리 */
#ctt {margin:0;padding:0px;background:#fff}
.ctt_admin {text-align: right;top: 100px;position: absolute;right: 0; display: inline-block;border: 1px solid #ccc;background: #fff;padding: 0 13px;font-weight: 500; text-decoration: none; vertical-align: middle;}
.ctt_admin a { font-size:12px; color:#333}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {    padding: 100px 0;line-height: 1.6em;display: block;width: 100%; max-width: 1200px; margin: 0 auto;}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

.memberWrap {max-width:1240px;margin:0 auto;text-align:left;padding:150px 10px 50px 10px;color:#666; letter-spacing:-0.8px;line-height:24px;word-break:keep-all}
.memberWrap h3{font-size:18px;font-weight:500;color:#333;margin-bottom:10px;margin-top:50px; font-weight:bold;}
.memberWrap h3:first-child{margin-top:0}
.memberWrap p{margin-top:15px; line-height:1.6;word-break:keep-all; font-size:15px}
.memberWrap .law{margin-top:15px;padding:20px;border:solid 1px #ebebeb;background:#fafafa; font-size:14px}
.memberWrap .law ul li{line-height:22px;margin-top:3px; padding:0; line-height:1.6;}
.memberWrap .law ul li:first-child{margin-top:0}


#wrap #header_wrap { border-bottom:1px solid #ddd}
.scrolled #wrap #header_wrap { border-bottom:0}
.scrolled #wrap #header .gnb > li > a  { color:#ddd}



/*추가*/

.fc_pointer {color:#3375C0; }
	.daon_content_wrap{width:100%; max-width:100%; margin:0 auto;}
	.daon_page_title{width:100%; margin-bottom:60px;}
	.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; }

	.company_type5 { width:100%;}
	.company_type5:after{content:""; clear:both; display:block;}
	.company_type5 .ceo_img {position:relative; width:100%; height:500px; min-height:250px; margin:0 auto; background: url('../image/img_2000.jpg') no-repeat center top; background-size:cover; }
	.company_type5 .ceo_area{position:relative; clear:both; width:100%; max-width:1200px; margin:0 auto; } 
	.company_type5 .ceo_area .ceo_txt {padding:40px 0px; text-align: left; z-index:0;}
	.company_type5 .ceo_area .ceo_txt h4 {font-size:2em;  line-height:1.5em;  color: #000; }
	.company_type5 .ceo_area .ceo_txt p {margin-top:20px; line-height:1.5em; color: #333; word-break: keep-all;}
	.company_type5 .ceo_area .ceo_txt span.ceo_sign{ display:block; float:right; font-size:1.5em; color:#000; margin-top:50px; font-family: 'Satisfy', 'Noto Sans KR', sans-serif;}
	.company_type5 .ceo_area .ceo_txt span.ceo_sign span{font-family:'Noto Sans KR', sans-serif; font-size:0.8em;}

	.daon_s_tit {width:100%; max-width:1200px; 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:10px;}
	.company_type5_tbl{width:100%; max-width:1200px; margin:0 auto; overflow:hidden; background:#f79521;}
	.company_type5_tbl .slogan{float:left; width:40%; text-align:left; color:#fff;  overflow:hidden; z-index:1;}
	.company_type5_tbl .slogan div{margin:30px; height:}
	.company_type5_tbl .slogan div .b_title { font-size:25px; color:#fff; line-height:1.4em; letter-spacing:-0.05em; }
	.company_type5_tbl .slogan div .daon_s_title {  position:relative; top:0; font-size:15px; color:#fff; line-height:1.4em;  font-weight: 300; padding-top:20px; margin-top:20px;}
	.company_type5_tbl .slogan div .daon_s_title:after { content:""; display:block;  position:absolute; top:0;  left:0; width:30px; height:1px; background:#fff; }
	.company_type5_tbl .tbl_t{float:left; width:60%; background-color:#fff;}
	.tbla{width:100%; border-collapse: collapse; margin:0 auto; border:1px solid #ddd; border-bottom:0px;}
	.tbla tr th{width:20%; height:45px; padding:20px 0; text-align:center; border-bottom:1px solid #666; font-size:13px;}
	.tbla tr td{width:80%; border-bottom:1px solid #ddd; padding-left:15px; height:45px; text-align:left; font-size:13px;}
	

	@media screen and (max-width: 768px){
		.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;}

		.company_type5 .ceo_area{width:95%; margin:0 auto;} 
		.company_type5 .ceo_area .ceo_txt h4 {font-size:1.2em; word-break: keep-all;}

		.daon_s_tit{width:95%;}
		.company_type5_tbl {width:95%; height:auto;}
		.company_type5_tbl .slogan{width:100%; bottom:0; padding:5px;  }
		.company_type5_tbl .slogan div .b_title { font-size:20px; }	
		.company_type5_tbl .tbl_t{width:100%;}

		.tbla tr th{width:30%; padding:15px 0;}
		.tbla tr td{width:70%;word-break: keep-all; }

	}
	
	
	
		/* 그누보드 내용관리등 에디터로 입력할 경우  여기서부터 */
	.fc_pointer {color:#1F88E5; }
	.daon_content_wrap{width:100%; 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; }

	.business_type5{display:inline-block; width:100%;}	
	.business_type5 h1{font-size: 3em; font-weight: 700;  color: #111;  text-align: center; margin: 0 auto; margin-bottom: 0px;  background: #eee;  padding: 20px;  border-radius: 10px;   display: table; width: 50%;}
	.business_type5 h2{font-weight:700; font-size:2em; color:#0078D7; text-align:center; margin-bottom:25px;}
	.business_type5 h2:after{display:block; position:relative; bottom:0; left:50%; margin-left:-2px; content:""; width:2px; height:30px; background-color:#195883; margin-top:20px;}
	.business_type5 h3{font-size:1.1em; color:#666; text-align:center; margin-bottom:50px;}
	.business_type5 h3 br.sn{display:none;}
	.business_type5 ul{width:100%;}
	.business_type5 ul > li{width:100%; border-bottom:1px solid #d1d1d1; overflow:hidden;}
	.business_type5 ul > li:first-child{border-top:1px solid #d1d1d1;}
	.business_type5 ul > li:nth-child(odd){background-color:#f4f4f4;}
	.business_type5 ul li dl{display:table;}
	.business_type5 ul li dl dt, .business_type5 ul li dl dd{display:table-cell; vertical-align:middle;}
	.business_type5 ul li dl dt{width:40%; padding-left:5%;}
	.business_type5 ul li dl dt img{max-width:100%; margin:0 auto;}	
	.business_type5 ul li dl dd{width:60%; padding:50px 0; padding-top:30px; padding-left:5%;}
	.business_type5 ul li dl dd > strong{display:block; font-size:2em; line-height:80px; color:#111; font-weight:500;}
	.business_type5 ul li dl dd > p{font-size:1em; line-height:40px; color:#111; letter-spacing:-0.75px; font-weight:300; word-break:keep-all; padding-left:15px; position:relative;}
	.business_type5 ul li dl dd > p:before{display:inline-block; position:absolute; left:0; top:17px; content:""; width:6px; height:6px; background-color:#0263ac; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%;}

	@media screen and (max-width:992px){	
	    .business_type5 h1{padding:15px;}	
		.daon_content_wrap{width:100%;}
		.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;}
	}

	@media all and (max-width:768px){
		.business_type5 h1{font-size:1.8em; width:80%; }
		.business_type5 h2{font-size:1.4em; }
		.business_type5 h3{font-size:0.9em; padding:0 5px;}
		.business_type5 ul li dl, .business_type5 ul li dl dt, .business_type5 ul li dl dd{display:block; width:100%;}
		.business_type5 ul li dl dt{padding:5%;}
		.business_type5 ul li dl dt img{width:91%;}
		.business_type5 ul li dl dd > strong{line-height:30px; font-size:1.3em;}
		.business_type5 ul li dl dd{width:90%; padding:5%; padding-top:0;}
		.business_type5 ul li dl dd > p{line-height:24px; font-size:0.95em;}
		.business_type5 ul li dl dd > p:before{top:10px;}
	}

	@media all and (max-width:480px){
		.business_type5 h3 br.sn{display:inline;}
	}