@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0; 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}

.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_type07 {width:100%; max-width:1500px; margin:0 auto;}
.daon_ver3_sub_type07:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type07 .type07-1 {width:100%;}
.daon_ver3_sub_type07 .type07-1:after{ content:""; display:block; clear:both;}	
.daon_ver3_sub_type07 .type07-1 ul {width:100%; font-size:1em; margin-top:0px; text-align:center; overflow:hidden;}
.daon_ver3_sub_type07 .type07-1 ul li {display:inline-block; vertical-align:top; width:31%; margin-right:2%; text-align:left; transition:0.3s all ease; }
.daon_ver3_sub_type07 .type07-1 ul li:nth-child(3n) {margin-right:0;}
.daon_ver3_sub_type07 .type07-1 ul li .img_box { width:100%; border-radius:10px; overflow:hidden;} 
.daon_ver3_sub_type07 .type07-1 ul li .img_box img {width:100%; transition:0.3s all ease;}
.daon_ver3_sub_type07 .type07-1 ul li dl {position:relative; width:100%; margin:0; padding:0px 15px 50px 5px; transition:0.3s all ease; }
.daon_ver3_sub_type07 .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_type07 .type07-1 ul li dl dt { display:block; margin-top:15px; color:#000; font-size:1.15em; font-weight:500; }
.daon_ver3_sub_type07 .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_type07 .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_type07 .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_type07 .type07-1 ul li a.btn_view:hover  { color:#fff;}
.daon_ver3_sub_type07 .type07-1 ul li a.btn_view:hover:before  {z-index:-1; opacity:1;  left:0; transition:0.5s all ease;}
.daon_ver3_sub_type07 .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_type07 .type07-1 ul li:hover dl dt {color:#e53d30;}

.daon_ver3_sub_type07 .type07-2 {position:relative; width:100%; margin-top:50px;}
.daon_ver3_sub_type07 .type07-2:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type07 .type07-2 h1.tit_back {z-index:-1; position:absolute; top:-25px; right:0; font-size:8em; color:#f5f5f5; line-height:1em; font-weight:900; transition:0.3s all ease; }
.daon_ver3_sub_type07 .type07-2 h2.tit1 {font-size:2.5em; color:#222; font-weight:700; }
.daon_ver3_sub_type07 .type07-2 p.tit_desc { margin-top:10px; font-size:1.4em; color:#222; letter-spacing:-0.025em; line-height:1.6em; word-break:keep-all;}
.daon_ver3_sub_type07 .type07-2 .con_box { display:flex; width:100%; margin-top:40px; }
.daon_ver3_sub_type07 .type07-2 .con_box:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type07 .type07-2 .con_box div {display:flex; flex-wrap: wrap; justify-content: space-between; gap:30px 0; }
.daon_ver3_sub_type07 .type07-2 .con_box dl { display:inline-block; vertical-align:top; width:48%; padding:0; font-size:1em; overflow:hidden; }
.daon_ver3_sub_type07 .type07-2 .con_box dl dt{ display:inline-block; vertical-align:top; width:35%; margin-right:5%; }
.daon_ver3_sub_type07 .type07-2 .con_box dl dt img {max-width:100%; border-radius:10px;}
.daon_ver3_sub_type07 .type07-2 .con_box dl dd{ position:relative; width:60%; display:inline-block; vertical-align:top; padding:30px 50px 0 0;}
.daon_ver3_sub_type07 .type07-2 .con_box dl dd:after {z-index:0;  content: ""; display: block; position: absolute; top:50px; left:-70px; width:60px; height: 1px; background-color:#e53d30; border-radius:100%; }
.daon_ver3_sub_type07 .type07-2 .con_box dl dd .t1 {display:block; font-size:2em; color:#000; font-weight:700; line-height:1.4em;}
.daon_ver3_sub_type07 .type07-2 .con_box dl dd .t1 span {font-size:0.65em; color:#666; font-weight:400}
.daon_ver3_sub_type07 .type07-2 .con_box dl dd .t2 {margin-top:25px; font-size:1.15em; color:#666; word-break:keep-all;}

.daon_ver3_sub_type07 .type07-3 {position:relative; width:100%; margin-top:100px; }
.daon_ver3_sub_type07 .type07-3:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type07 .type07-3 h2.tit1 {display:inline-block; margin-right:20px; font-size:2.5em; color:#222; font-weight:700; }
.daon_ver3_sub_type07 .type07-3 p.tit_desc {display:inline-block; font-size:1.4em; color:#222; letter-spacing:-0.025em; line-height:1.6em; word-break:keep-all;}
.daon_ver3_sub_type07 .type07-3 .con_box { display:flex; width:100%; margin-top:30px; padding:30px 40px; background-color:#f3f7fe; border-radius:10px; }
.daon_ver3_sub_type07 .type07-3 .con_box:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type07 .type07-3 .con_box ul {   width:50%; font-size:1em; overflow:hidden;}
.daon_ver3_sub_type07 .type07-3 .con_box ul li { display:inline-block; vertical-align:top; width:100%; margin-bottom:20px;}
.daon_ver3_sub_type07 .type07-3 .con_box ul li em.num { display:inline-block; vertical-align:top; margin-right:15px; width:36px; height:36px; line-height:36px; font-size:1em; color:#fff; font-style:normal; text-align:center; background-color:#222; border-radius:50%; transition:0.3s all ease;}
.daon_ver3_sub_type07 .type07-3 .con_box ul li.key-color em.num {background-color:#e53d30;}
.daon_ver3_sub_type07 .type07-3 .con_box ul li span {display:inline-block; vertical-align:top; padding-top:4px; width:82%; font-size:1.25em; color:#222;  line-height:1.6em; text-align:left; word-break:keep-all; }


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

@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_type07 .type07-1 ul li { width:48%; margin:0 1%;}
	.daon_ver3_sub_type07 .type07-1 ul li:last-child {margin-bottom:0;}

	.daon_ver3_sub_type07 .type07-2 h1.tit_back { font-size:5em;}
	.daon_ver3_sub_type07 .type07-2 .con_box dl dt{ width:100%; margin-right:0%; text-align:center;}
	.daon_ver3_sub_type07 .type07-2 .con_box dl dd{ width:100%; padding:30px 15px;}

	.daon_ver3_sub_type07 .type07-3 {margin-top:50px;}
}

@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_type07 .type07-1 ul li { width:100%; margin:0;}

	.daon_ver3_sub_type07 .type07-3 h2.tit1 {display:block; text-align:center; font-size:2em;}
	.daon_ver3_sub_type07 .type07-3 p.tit_desc {display:block; text-align:center; font-size:1.25em;}
	.daon_ver3_sub_type07 .type07-3 .con_box {padding:30px 20px;}
	.daon_ver3_sub_type07 .type07-3 .con_box ul li em.num { width:28px; height:28px; line-height:28px; font-size:0.85em; }
	.daon_ver3_sub_type07 .type07-3 .con_box ul li span { width:80%; padding-top:0; font-size:1.1em;}
}

@media screen and (max-width:640px){	
	.daon_ver3_sub_type07 .type07-2 h1.tit_back {top:-55px; left:0; right:0; text-align:center; }
	.daon_ver3_sub_type07 .type07-2 h2.tit1 {text-align:center; font-size:2em;}
	.daon_ver3_sub_type07 .type07-2 p.tit_desc { text-align:center; font-size:1.25em;}
	.daon_ver3_sub_type07 .type07-2 .con_box dl {width:100%;}
	.daon_ver3_sub_type07 .type07-2 .con_box dl dd .t1 { font-size:1.5em;}
	.daon_ver3_sub_type07 .type07-2 .con_box dl dd .t2 {font-size:1em;}

	.daon_ver3_sub_type07 .type07-3 .con_box { flex-direction: column;}
	.daon_ver3_sub_type07 .type07-3 .con_box ul {width:100%;}
}