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





.fc_ver3_pointer {color:#C53428; }
.daon_content_wrap{width:100%; min-width:320px; max-width:1500px; margin:0 auto;}

.daon_ver3_page_title{width:100%; text-align:center; margin-bottom:70px;}
.daon_ver3_page_title h1{width:100%; font-size:2.5em; font-weight:600;}
.daon_ver3_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
.daon_ver3_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; }

.daon_ver3_sub_type02 {width:100%; max-width:1500px; margin:0 auto;}
.daon_ver3_sub_type02:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type02 .all_title {width:100%; margin-bottom:20px;}
.daon_ver3_sub_type02 .all_title:first-of-type {margin-top:0;}
.daon_ver3_sub_type02 .all_title:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type02 .all_title h2.tit1 {position:relative; display:block; padding-left:25px; font-size:2.2em;}
.daon_ver3_sub_type02 .all_title h2.tit1:before {content: ''; position: absolute; top:16px; left:0; width:15px; height:15px; background:#fff; border:4px solid #e53d30; border-radius:100%;}
.daon_ver3_sub_type02 .all_title h2.tit1 p {font-size:2.2em; color:#000; line-height:1.4em; font-weight:500; word-break:keep-all; }
.daon_ver3_sub_type02 .all_title .txts {display:block; margin-top:25px; font-size:1.25em; color:#222; line-height:1.6em; word-break:keep-all; }

.daon_ver3_sub_type02 .type02-3 {width:100%; margin-top:100px;}
.daon_ver3_sub_type02 .type02-3:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type02 .type02-3 .img_box {width:100%; margin-top:2%; transition:0.3s all ease;} 
.daon_ver3_sub_type02 .type02-3 .img_box ul {display:flex; justify-content: space-between; width:100%; overflow:hidden;}
.daon_ver3_sub_type02 .type02-3 .img_box ul li {width:23.5%; text-align:center; transition:0.3s all ease;}
.daon_ver3_sub_type02 .type02-3 .img_box ul li .imgs{ width:100%; border: 1px solid #ddd; border-radius: 10px; } 
.daon_ver3_sub_type02 .type02-3 .img_box ul li .imgs img {max-width:100%; border-radius:10px; overflow:hidden; }
.daon_ver3_sub_type02 .type02-3 .img_box ul li p {margin-top:15px; font-size:1.5em; color:#272727; line-height:1.6em; font-weight:400; }
.daon_ver3_sub_type02 .type02-3 .img_box ul li p strong {display:block; font-size:1.25em; color:#000; font-weight:500;}


.daon_ver3_sub_type02 {width:100%; max-width:1500px; margin:0 auto;}
.daon_ver3_sub_type02:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type02 .type07-1 {width:100%;}
.daon_ver3_sub_type02 .type07-1:after{ content:""; display:block; clear:both;}	
.daon_ver3_sub_type02 .type07-1 ul {width:100%; font-size:0; margin-top:50px; text-align:center; overflow:hidden;}
.daon_ver3_sub_type02 .type07-1 ul li {display:inline-block; vertical-align:top; width:32%; margin-right:2%; text-align:left; transition:0.3s all ease; }
.daon_ver3_sub_type02 .type07-1 ul li:nth-child(3n) {margin-right:0;}
.daon_ver3_sub_type02 .type07-1 ul li .img_box { width:100%; border-radius:10px; overflow:hidden;border: 1px solid #ddd; border-radius: 10px;} 
.daon_ver3_sub_type02 .type07-1 ul li .img_box img {width:100%; transition:0.3s all ease;}
.daon_ver3_sub_type02 .type07-1 ul li dl {position:relative; width:100%; margin:0; padding:25px 15px 50px 15px; transition:0.3s all ease; }
.daon_ver3_sub_type02 .type07-1 ul li dl em.num { display:inline-block; padding-bottom:5px; color:#e53d30; font-size:1.25em; font-weight:700; font-style:normal; border-bottom:1px solid #e53d30;}
.daon_ver3_sub_type02 .type07-1 ul li dl dt { display:block; margin-top:15px; color:#000; font-size:2em; font-weight:700; }
.daon_ver3_sub_type02 .type07-1 ul li dl dd {display:block; margin-top:15px; color:#333; font-size:1.15em; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp :4; -webkit-box-orient:vertical; }
.daon_ver3_sub_type02 .type07-1 ul li a.btn_view { position:relative; display:block; margin-top:30px; text-align:center; width:150px; height:50px; line-height:50px; color:#222; border:1px solid #ddd; box-sizing:border-box; border-radius:50px; overflow:hidden; transition:0.3s all ease;}
.daon_ver3_sub_type02 .type07-1 ul li a.btn_view:before {z-index:-1;  opacity:1; content: ""; display:block; position:absolute; left:-150px; width:100%; height:100%; background-color:#e53d30; transition:0.5s all ease;}
.daon_ver3_sub_type02 .type07-1 ul li a.btn_view:hover  { color:#fff;}
.daon_ver3_sub_type02 .type07-1 ul li a.btn_view:hover:before  {z-index:-1; opacity:1;  left:0; transition:0.5s all ease;}
.daon_ver3_sub_type02 .type07-1 ul li:hover .img_box img { transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
.daon_ver3_sub_type02 .type07-1 ul li:hover dl dt {color:#e53d30;}


.daon_ver3_sub_type02 .type14-2 {width:100%; margin-top:100px;}
.daon_ver3_sub_type02 .type14-2 table.tbl_pro01{ width:100%; border-top:2px solid #1a355c; border-collapse:separate; border-spacing:0; }
.daon_ver3_sub_type02 .type14-2 table.tbl_pro01 tr {width:100%;}
.daon_ver3_sub_type02 .type14-2 table.tbl_pro01 tr th{padding:10px 20px; color:#000; font-weight:500; font-size:1em; line-height: 1.6em; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#f8f8f8; }
.daon_ver3_sub_type02 .type14-2 table.tbl_pro01 tr td{padding:10px 20px; color:#666; font-size:1em; line-height: 1.6em; text-align: left; border-bottom:1px solid #ddd; }
.daon_ver3_sub_type02 .type14-2 ul.feature_img {display:flex; align-items: center; justify-content: space-between; width:100%; margin-top:30px; padding:0; }
.daon_ver3_sub_type02 .type14-2 ul.feature_img li {display:flex; align-items: center; flex-direction: column; width:48%; padding:10px; border:1px solid #ddd;  border-radius:10px;}
.daon_ver3_sub_type02 .type14-2 ul.feature_img li .imgs img {max-width:100%; border-radius:10px;}
.daon_ver3_sub_type02 .type14-2 ul.feature_img li .txts {display:block; padding:15px; font-size:1.25em; line-height:1.6em; }
.daon_ver3_sub_type02 .type14-2 ul.dot-list li{  position:relative;  font-size:1.25em; color:#333; letter-spacing:-0.02em; padding-left:15px;}
.daon_ver3_sub_type02 .type14-2 ul.dot-list li::before{  position:absolute; top:12px; left:0; content:""; width:4px; height:4px; background-color:#333; border-radius:50%; }
.daon_ver3_sub_type02 .type14-2 ul.dot-list li:not(:last-of-type){ margin-bottom:10px; }

@media all and (max-width:1500px){
	.daon_ver3_sub_type02 {padding:0 4%;}
}

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

@media all and (max-width:992px){	
	.daon_ver3_page_title{margin-bottom:50px;}	
	.daon_ver3_page_title h1{font-size:1.85em;}
	.daon_ver3_page_title h2{font-size:1em;}	

	.daon_ver3_sub_type02 .all_title {margin-top:30px;}
	.daon_ver3_sub_type02 .all_title h2.tit1:before {top:12px; }
	.daon_ver3_sub_type02 .all_title h2.tit1 p { font-size:2em; }

	.daon_ver3_sub_type02 .type02-3 { margin-top:50px; }
	.daon_ver3_sub_type02 .type02-3 .img_box ul {flex-wrap: wrap;}
	.daon_ver3_sub_type02 .type02-3 .img_box ul li { width:48%; margin-bottom:40px; }

	.daon_ver3_sub_type02 .type07-1 ul li { width:48%; margin:0 1%;}
	.daon_ver3_sub_type02 .type07-1 ul li:last-child {margin-bottom:0;}


}

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

	.daon_ver3_sub_type02 .type07-1 ul li { width:100%; margin:0;}

	.daon_ver3_sub_type02 .type14-2 {margin-top:40px;}
	.daon_ver3_sub_type02 .type14-2 ul.feature_img {flex-direction: column;}
	.daon_ver3_sub_type02 .type14-2 ul.feature_img li {width:100%; margin-bottom:40px;}
	.daon_ver3_sub_type02 .type14-2 ul.feature_img li .txts {font-size:1em; }
	.daon_ver3_sub_type02 .type14-2 ul.dot-list li {font-size:1em; }
	.daon_ver3_sub_type02 .type14-2 table.tbl_pro01 tr th{padding:10px; font-size:0.95em;}
	.daon_ver3_sub_type02 .type14-2 table.tbl_pro01 tr td{padding:10px; font-size:0.95em;}


}

@media all and (max-width:640px){
	.daon_ver3_sub_type02 .type02-3 .img_box ul li p { font-size:1.25em;}
}

@media all and (max-width:480px){
	.daon_ver3_sub_type02 .all_title h2.tit1 p{font-size:1.8em;}

	.daon_ver3_sub_type02 .type02-3 .img_box ul { flex-direction: column;}
	.daon_ver3_sub_type02 .type02-3 .img_box ul li {width:100%; }
}