@charset "utf-8";

/* 새글 스킨 (latest) */

#sub_content {
	margin-bottom:0px !important;
}

#sub_content section.sec {
	padding:40px 0 0;
}

section .ceo_wrap {
	display:flex;	
}

.ceo_wrap .ceo_comment {
	width:60%;
	padding:20px 20px 40px;
}

.ceo_wrap .info_flex {
	width:40%;	
	align-items: flex-end;
	display:flex;
	flex-wrap:wrap;
}

.ceo_wrap .img_wrap {
	width:55%;
	padding-right:20px;
}

.ceo_wrap .top_info {
	width:45%;
}

.ceo_wrap .img_wrap img {
	width:100%;
}

.ceo_wrap .ceo_comment pre,
.ceo_wrap .info_sec pre {
	width:100%;
	white-space: pre-wrap;
	background:transparent;
	border:0;
	border-radius:0;
	font-family:'NotoSans', '맑은 고딕', 'Malgun Gothic', '돋움', dotum, sans-serif;
	font-size:14px;
	line-height:1.8;
	color:#666;
	margin:0 0 6px;
	padding:0;
	word-break:keep-all; 
	border-bottom:0px solid #ddd;
}

.ceo_wrap .ceo_comment pre {
	font-family: "Noto Serif KR", serif;
	font-size:16px;
	color:#999;
	font-weight:500;
	text-align:center;
}

.ceo_wrap .ceo_comment::before,
.ceo_wrap .ceo_comment::after {
	display:block;
	width:100%;
	text-align:center;
	font-size:20px;
	color:#ddd;
} 

.ceo_wrap .ceo_comment::before {
	content:"\275D";	
} 

.ceo_wrap .ceo_comment::after {
	content:"\275E";	
} 

.ceo_wrap .info_flex .info_sec {
	margin-bottom:21px;
}

.ceo_wrap .info_flex .info_sec h5 {
	font-weight:600;
	margin-bottom:14px;
}

.ceo_wrap .info_flex .info_sec.career p {
	color:#666;
	margin-bottom:0px;
	line-height:1.8;
}

.ceo_wrap .info_flex .info_sec.awards {
	margin-top:40px;
}

.ceo_wrap .top_info {
	padding-bottom:60px;
}

.ceo_wrap .top_info h4 {
	font-size:26px;
	font-weight:400;
	margin-bottom:20px;
	color:#6ea9d5;
	letter-spacing:8px; 
}

.ceo_wrap .top_info h4 span {
	display:inline-block;
	font-size:15px;
	font-weight:400;
	color:#222;
	letter-spacing:0px; 	
}

.ceo_wrap .top_info .rank {
	font-size:14px;
	font-weight:400;
	color:#222;
	margin-bottom:0px;
}

.ceo_wrap .top_info .email {
	font-size:13px;
	color:#aaa;	
	margin-bottom:0px;
}

@media (max-width: 1200px) {
	#sub_content section.sec {
		padding:20px 0 0;
	}	

	.ceo_wrap .img_wrap {
		width:55%;
		padding-right:0px;
	}

	.ceo_wrap .top_info {
		width:45%;
	}
}

@media (max-width: 992px) {
	section .ceo_wrap {
		flex-wrap:wrap;	
	}

	.ceo_wrap .ceo_comment {
		width:100%;
		padding:20px 0px 40px;
	}
	
	.ceo_wrap .info_flex {
		width:100%;
		justify-content: flex-end; 	
	}

	.ceo_wrap .img_wrap {
		width:30%;
		padding-right:0px;
	}

	.ceo_wrap .top_info {
		width:30%;
		padding-bottom:30px;
	}

}

@media (max-width: 767px) {

	.ceo_wrap .ceo_comment pre {
		font-size:14px;
	}

	.ceo_wrap .img_wrap {
		width:55%;
		padding-right:10px;
	}

	.ceo_wrap .top_info {
		width:45%;
	}

	.ceo_wrap .top_info h4 {
		font-size:22px;
	}	

	.ceo_wrap .top_info h4 span {
		display:inline-block;
	}
}

@media (max-width: 480px) {	
	.ceo_wrap .ceo_comment {
		padding: 0px 0px 20px;
	}
	.ceo_wrap .ceo_comment pre {
		font-size:14px;
		line-height:1.4;
	}

	.ceo_wrap .ceo_comment::before,
	.ceo_wrap .ceo_comment::after {
		font-size:14px;
	} 
	
	.ceo_wrap .img_wrap {
		width:50%;
		padding-right:0px;
	}

	.ceo_wrap .top_info {
		width:50%;
		padding-bottom:20px;
	}

	.ceo_wrap .top_info h4 {
		font-size:20px;
		letter-spacing:6px;
	}

	.ceo_wrap .top_info h4 span {
		font-size:13px;
	}
}