@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{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:#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: 70%; word-break:keep-all;}
	.business_type5 h2{    font-weight: 300;font-size: 25px; color: #f7941d;  text-align: center;  padding: 20px 0;}
	.business_type5 h2:after{display:block; position:relative; bottom:0; left:50%; margin-left:-2px; content:""; width:1px; height:35px; background-color:#f7941d; margin-top:20px;}
	.business_type5 h3{font-size: 18px; color: #666;  text-align: center;font-weight: 500;  padding-bottom: 50px;letter-spacing: -1px;  display: table;  margin: 0 auto; width: 60%;  line-height: 25px; word-break: keep-all;}
	.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:0px 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; padding:20px 0;}	
	.business_type5 ul li dl dd{width:60%; padding:50px 0; padding-top:30px; padding-left:3%;}
	.business_type5 ul li dl dd > strong{display:block; font-size:25px; line-height:80px; color:#111; font-weight:600;    letter-spacing: -1px; word-break: keep-all;}
	.business_type5 ul li dl dd > p{font-size:15px; 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%;}
	
	.sh2ea{display: inline-block; margin-top: 20px;}
	.sh2ea li{    width:50% !important; float: left;  border-bottom: 0 !important;}
	.sh2ea img{width: 100%; max-width: 120px;display: block;  margin: 0 auto;}
	.sh2ea h1{font-size: 20px; display: inline-block;  background: none;  width: 100%; padding: 0; margin-top: 15px;}
	.sh2ea p{text-align: center;}
	
	
	.vision_type4 {width:100%;   margin:0 auto; }
	.vision_type4:after{content:""; clear:both; display:block;}
	.vision_type4 h2.title {text-align:center; font-size:2em; font-weight:400; color:#333; line-height:1.2em; margin-bottom:40px; }
	.vision_type4 h2.title i{color:#aaa;}

	.vision_type4 .vision_area4 { width:100%; padding:0;  text-align: center; margin-top:50px; overflow:hidden;}
	.vision_type4 .vision_area4::after {content:'';display:table; clear:both;}
    .vision_type4 .vision_area4 li {display:inline-block; padding:0; margin-left:-20px;}
    .vision_type4 .vision_area4 li:first-child {margin-left: 0;} 
    .vision_type4 .vision_area4 .i_box {position:relative; display:inline-block; padding-top:25%; width:15rem; height:15rem; text-align:center; background:rgba(247,148,29,0.9); border-radius:100%; box-sizing: border-box;}
    .vision_type4 .vision_area4 li:nth-child(2n) .i_box {background: rgba(137,137,137,0.65);}
	.vision_type4 .vision_area4 .i_box i {display: inline-block; padding:0; margin:0; font-size:40px; color:#fff; margin-top:-1px}
    .vision_type4 .vision_area4 .i_box strong {font-size: 20px;line-height: 30px; color: #fff;  font-weight: 600; letter-spacing: -0.03em;word-break: keep-all; width: 50%; display: table; margin: 0 auto;}	

	.vision_type4 .con_bg{ width:100%; max-width:100%; margin:60px auto; background:#fcfcfc;}
    .vision_type4 .con_txt { width:100%; max-width:1200px; margin:60px auto; }
	.vision_type4 .con_txt:after{ content:""; display:block; clear:both;}
	.vision_type4 .con_box { float:left; width:49.5%; height:150px; ; margin:25px 0; text-align:left; overflow:hidden; border-right:1px solid #ddd; }
	.vision_type4 .con_box:nth-child(2n){border-right:0px;}
	.vision_type4 .con_box:after{ content:""; display:block; clear:both;}
	.vision_type4 .con_box .icon { float:left; width:15%; text-align:center; }
	.vision_type4 .con_box .icon i {    text-align: center; color: #f7941d; font-size: 40px;}
	.vision_type4 .con_box .info { float:left; width:80%;}
	.vision_type4 .con_box .info .txt_tit {    font-size: 20px; padding: 10px 0; }
	.vision_type4 .con_box .info .txt_list { font-size:15px; color:#777; line-height:1.6em; margin-top:10px; word-break: keep-all; }
	
	.margin2{margin-top: 50px;}
	
	.habang{    display: inline-block; width: 100%; padding: 30px 0;}
	.habang img{ width: 100%;     border-radius: 20px;}
	.habang ul{display: inline-block; width: 50%;  float: left;}
	.habang ul:nth-child(1) > li{width:50%}
	.habang ul:nth-child(2) > li{width:100%}
	.habang li{float: left; padding: 0 15px; text-align: center;}
	.habang h1{display: inline-block; font-size: 20px;  margin: 15px 0; padding: 0px 30px;  border-left: 3px solid #f7941d; border-right: 3px solid #f7941d;}
	.habang p{font-size: 15px; padding: 0 20px; word-break: keep-all;}

	

	

	@media screen and (max-width:1024px){	
	    .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;}
		
		.vision_type4 h2.title { font-size:1.5em; }
		.vision_type4 span.stitle{font-size:1em; width:90%;}
		.business_type5 h2:after{height: 30px;}
		.business_type5 ul li dl dd > strong{    line-height: 35px;    padding-bottom: 20px; }
		

		
	}

	@media all and (max-width:768px){

		.sh2ea h1{font-size:15px;}
		.sh2ea p{font-size:15px;}
		.business_type5 h1{font-size:1.8em; width:80%; line-height:25px;}
		.business_type5 h2{    font-size: 20px;  word-break: keep-all; line-height: 30px; }
		.business_type5 h3{    font-size: 15px; padding:0 5px; width: 90%; margin-bottom: 30px;}
		.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:100%;}
		.business_type5 ul li dl dd > strong{line-height:30px; font-size:1.3em;}
		.business_type5 ul li dl dd{width:100%; padding:5%; padding-top:0;}
		.business_type5 ul li dl dd > p{line-height:24px; font-size:15px;}
		.business_type5 ul li dl dd > p:before{top:10px;}
		
		.vision_type4 .vision_area4 li {float:left; width:50%; padding:0; margin:0; margin-bottom:5%; }
		.vision_type4 .vision_area4 li:nth-child(even) {margin-left: 0;} 
		.vision_type4 .vision_area4 li:last-child {margin-bottom:0;}
		.vision_type4 .vision_area4 .i_box {  padding-top:15%; }
		.vision_type4 .vision_area4 .i_box strong { font-size:2em;}

		.vision_type4 .con_box { float:left; width:100%; height:auto; padding-bottom:50px; padding-left:0px;  border-bottom:1px solid #ddd; border-right:0px;}
		.vision_type4 .con_box:last-child { border-bottom:0;}	
		.margin2{margin-top:30px;}	
	}

	@media all and (max-width:480px){
		.business_type5 h3 br.sn{display:inline;}
		.habang ul{width:100%;}
		.habang ul:nth-child(1) > li{width:100%}
		.habang p{line-height:25px; padding-bottom:20px}
		
		.vision_type4 h2.title br{ display:inline !important; }
		.vision_type4 .vision_area4 li { width:50%; }
		.vision_type4 .vision_area4 .i_box {padding-top:12%; width:10rem; height:10rem; }
		.vision_type4 .vision_area4 .i_box strong {font-size: 17px; line-height: 27px;}
	}