@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_ver2_pointer {color:#C53428; }
	.daon_content_wrap{width:100%; min-width:320px; max-width:1500px; margin:0 auto;}
	.daon_ver2_page_title{width:100%; text-align:center; margin-bottom:70px;}
	.daon_ver2_page_title h1{width:100%; font-size:2.5em; font-weight:600;}
	.daon_ver2_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
	.daon_ver2_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; }

	.daon_ver2_sub_type17 {width:100%;}
	.daon_ver2_sub_type17:after{ content:""; display:block; clear:both;}
	.daon_ver2_sub_type17 .professor1 {width:100%;}
	.daon_ver2_sub_type17 .professor1:after{content:""; display:block; clear:both;}
	.daon_ver2_sub_type17 .professor1 .professor_box { float:left; display:inline-block; width:49%; margin-bottom:2%; border:1px solid #ddd; transition: 0.5s all ease;}
	.daon_ver2_sub_type17 .professor1 .professor_box:after{content:""; display:block; clear:both;}
	.daon_ver2_sub_type17 .professor1 .professor_box:nth-child(odd) {float:right;}
	.daon_ver2_sub_type17 .professor1 .professor_box ul { width:100%; margin:0; padding:0;} 
	.daon_ver2_sub_type17 .professor1 .professor_box ul li {float:left; width:100%; padding:25px;  }
	.daon_ver2_sub_type17 .professor1 .professor_box ul li div.professor_img { float:left; width:200px; transition: 0.5s all ease;}  
	.daon_ver2_sub_type17 .professor1 .professor_box ul li div.professor_img img {max-width:100%; }
	.daon_ver2_sub_type17 .professor1 .professor_box ul li div.professor_info { float:right; width:calc(100% - 230px);}
	.daon_ver2_sub_type17 .professor1 .professor_box ul li div.professor_info dl {width:100%; min-height:260px; padding:0; margin:0; }
	.daon_ver2_sub_type17 .professor1 .professor_box ul li div.professor_info dl dt {width:100%; padding-bottom:10px; margin-bottom:20px; font-size:1.25em;  border-bottom:1px solid #ddd; }
	.daon_ver2_sub_type17 .professor1 .professor_box ul li div.professor_info dl dt em {display:block; margin-bottom:10px; font-size:0.85em; color:#247bcb; font-style:normal;}
	.daon_ver2_sub_type17 .professor1 .professor_box ul li div.professor_info dl dt strong {font-size:1.5em; color:#000; margin-right:10px; }
	.daon_ver2_sub_type17 .professor1 .professor_box ul li div.professor_info dl dd { position:relative; width:100%; font-size:1em; color:#666; padding-left:100px; margin:0; display : -webkit-box; overflow : hidden;  text-overflow : ellipsis;  -webkit-line-clamp : 3;   -webkit-box-orient : vertical;}
	.daon_ver2_sub_type17 .professor1 .professor_box ul li div.professor_info dl dd:before {content:''; display:block; position:absolute; left:0; top:11px; width:2px; height:2px; background-color:#247bcb;}
	.daon_ver2_sub_type17 .professor1 .professor_box ul li div.professor_info dl dd a.link_email {display:block; color:#666; text-decoration:none;}
	.daon_ver2_sub_type17 .professor1 .professor_box ul li div.professor_info dl dd a.link_email:hover {color:#247bcb;}
	.daon_ver2_sub_type17 .professor1 .professor_box ul li div.professor_info dl dd span {position:absolute; left:10px; top:0; color:#000; font-weight:700;}
	.daon_ver2_sub_type17 .professor1 .professor_box ul li div.professor_info dl dd + dd {margin-top:7px;}
	
	/* ========== su1108 버튼 스타일 시작 ========== */
	/* 버튼 래퍼 컨테이너 - 버튼을 가로로 배치하기 위한 flex 레이아웃 */
	.su1108_btn_wrapper {
		display:flex; 
		gap:10px;              /* 버튼 간격 조절: 기본값 10px */
		margin-top:15px;       /* 위쪽 여백 조절: 기본값 15px */
	}

	/* 견적문의 버튼 - 기본 스타일 (div로 변경) */
	.su1108_btn_estimate {
		/* 너비 조절 옵션:
		   - flex:1; (기본값) = 두 버튼이 같은 크기로 자동 분배
		   - flex:0 0 40%; = 고정 40% 너비 (AS문의도 40%로 변경 필요)
		   - width:45%; = 고정 픽셀값 사용 가능
		*/
		flex:1;
		padding:10px 15px;     /* 내부 여백: 위아래 10px, 좌우 15px */
		border:1px solid #247bcb;  /* 테두리: 1px 파란색 선 */
		border-radius:4px;     /* 모서리 둥글기: 기본값 4px */
		background-color:#fff; /* 기본 배경색: 흰색 */
		color:#247bcb;         /* 기본 글자색: 파란색 */
		font-size:0.95em;      /* 글자 크기: 기본 크기의 95% */
		font-weight:600;       /* 글자 굵기: 600(세미볼드) */
		cursor:pointer;        /* 마우스 커서: 손가락 포인터 모양 */
		transition:0.3s all ease;  /* 효과 전환: 0.3초 부드럽게 */
		text-align:center;     /* 글자 위치: 가운데 정렬 */
		text-decoration:none;  /* 링크 밑줄: 제거 */
		display:flex;          /* 표시 방식: flex - 자식 요소 가운데 정렬 */
		align-items:center;    /* 세로 가운데 정렬 */
		justify-content:center; /* 가로 가운데 정렬 */
	}

	/* A/S문의 버튼 - 기본 스타일 (div로 변경) */
	.su1108_btn_as {
		/* 너비 조절 옵션:
		   - flex:1; (기본값) = 두 버튼이 같은 크기로 자동 분배
		   - flex:0 0 40%; = 고정 40% 너비 (견적문의도 40%로 변경 필요)
		   - width:45%; = 고정 픽셀값 사용 가능
		*/
		flex:1;
		padding:10px 15px;     /* 내부 여백: 위아래 10px, 좌우 15px */
		border:1px solid #247bcb;  /* 테두리: 1px 파란색 선 */
		border-radius:4px;     /* 모서리 둥글기: 기본값 4px */
		background-color:#fff; /* 기본 배경색: 흰색 */
		color:#247bcb;         /* 기본 글자색: 파란색 */
		font-size:0.95em;      /* 글자 크기: 기본 크기의 95% */
		font-weight:600;       /* 글자 굵기: 600(세미볼드) */
		cursor:pointer;        /* 마우스 커서: 손가락 포인터 모양 */
		transition:0.3s all ease;  /* 효과 전환: 0.3초 부드럽게 */
		text-align:center;     /* 글자 위치: 가운데 정렬 */
		text-decoration:none;  /* 링크 밑줄: 제거 */
		display:flex;          /* 표시 방식: flex - 자식 요소 가운데 정렬 */
		align-items:center;    /* 세로 가운데 정렬 */
		justify-content:center; /* 가로 가운데 정렬 */
	}

	/* 견적문의 버튼 - 마우스 호버(위에 올렸을 때) 상태 */
	.su1108_btn_estimate:hover {
		background-color:#247bcb;  /* 배경색: 파란색으로 변경 */
		color:#fff;                /* 글자색: 흰색으로 변경 */
	}

	/* A/S문의 버튼 - 마우스 호버(위에 올렸을 때) 상태 */
	.su1108_btn_as:hover {
		background-color:#247bcb;  /* 배경색: 파란색으로 변경 */
		color:#fff;                /* 글자색: 흰색으로 변경 */
	}

	/* 버튼 내부 링크 스타일 */
	.su1108_btn_estimate a,
	.su1108_btn_as a {
		display:block;         /* 전체 영역을 클릭 가능하게 */
		width:100%;            /* 너비 100% */
		height:100%;           /* 높이 100% */
		text-decoration:none;  /* 링크 밑줄 제거 */
		color:inherit;         /* 부모 글자색 상속 */
	}

	/* 버튼 내 링크 호버 상태 */
	.su1108_btn_estimate:hover a,
	.su1108_btn_as:hover a {
		color:#fff;            /* 호버 시 글자색: 흰색 */
	}
	/* ========== su1108 버튼 스타일 끝 ========== */

	.daon_ver2_sub_type17 h3.con_tit {display:block; font-size:1.85em; font-weight:700; line-height:1.5em; max-width:1500px; margin:50px auto 25px;}
	.daon_ver2_sub_type17 h3.con_tit:after{content:""; display:block; clear:both;}


	@media all and (max-width:1200px){
		.daon_ver2_sub_type17 .professor1 .professor_box ul li div.professor_img { width:30%; } 
		.daon_ver2_sub_type17 .professor1 .professor_box ul li div.professor_info { width:62%;}
	}

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

	@media all and (max-width:860px){
		.daon_ver2_sub_type17 {padding:0 2%;}
		.daon_ver2_sub_type17 .professor1 .professor_box ul li div.professor_img { width:100%; text-align:center; } 
		.daon_ver2_sub_type17 .professor1 .professor_box ul li div.professor_info { width:100%; margin-top:20px;}
	}

	/* ========== 모바일 반응형 (640px 이하) ========== */
	@media all and (max-width:640px){
		.daon_ver2_sub_type17 .professor1 .professor_box { width:100%; margin-bottom:20px;}
		.daon_ver2_sub_type17 .professor1 .professor_box ul li div.professor_info dl { min-height:auto;}
		.daon_ver2_sub_type17 .professor1 .professor_box ul li div.professor_info dl dd { -webkit-line-clamp :unset;}
		
		/* 모바일에서는 버튼을 세로로 배치 */
		.su1108_btn_wrapper {
			flex-direction:column;  /* 버튼 방향: 세로 배치로 변경 */
		}
	}
	/* ========== 모바일 반응형 끝 ========== */
	/*  여기까지 코드를 복사하여 공통 css파일 최하단에 추가합니다. */