@charset "utf-8";

/* 새글 스킨 (latest) */ 
#sub_content {
	margin-bottom:0px !important;
}

#sub_content section.sec_ceo {
	padding:100px 0 60px;
}

.sec_ceo.ceo_101 {
	margin-top:-140px;
}

.sec_ceo.ceo_102 {
	background:#f8f8f8;
}

.sec_ceo .ceo_wrap {
	display:flex;
	flex-wrap:wrap;	
	justify-content: space-between; 
	align-items: center; 
}

.sec_ceo .top_info {
	width:60%;
}

.sec_ceo .info_flex {
	width:34%;
}

.sec_ceo .top_inner {	
	display:flex;
	align-items: flex-end;
	border-bottom:1px solid #ddd;
	box-shadow:0px 30px 40px -60px #000;
}


.sec_ceo .desc {
	width:40%;
}

.sec_ceo .img_wrap {
	width:60%;
	text-align:center;
}

.sec_ceo .img_wrap img {
	width:70%;
}

.sec_ceo .ceo_comment {
	margin-top:40px;
}

.sec_ceo .desc {
	text-align:right;
	padding-bottom:60px;
}

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

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

.sec_ceo .desc .rank {
	font-size:14px;
	font-weight:400;
	color:#222;
	margin-bottom:0px;
	word-break:keep-all;
}

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

.sec_ceo .ceo_comment pre {
	width:100%;
	white-space: pre-wrap;
	background:transparent;
	border:0;
	border-radius:0;
	font-family: "Noto Serif KR", '바탕', serif;
	font-size:16px;
	color:#999;
	font-weight:500;
	text-align:center;
	margin:0 0 8px;
	padding:0;
	word-break:keep-all; 
	line-height:1.6;
}

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

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

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

.sec_ceo .info_sec {
	margin-bottom:30px;
}

.sec_ceo .info_sec h5 {
	font-size:15px;
	font-weight:700;
	color:#1d2088;
}

.sec_ceo .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:12px;
	line-height:1.6;
	color:#222;
	margin:0px;
	padding:0;
	word-break:keep-all; 
}

.sec_ceo .career p {
	color:#222;
	font-size:13px;
	line-height:1.6;
	margin-bottom:0px;
}

@media (max-width: 1200px) {
	.sec_ceo.ceo_101 {
		margin-top:-100px;
	}
	
	#sub_content section.sec_ceo {
		padding:60px 0 60px;
	}
	.sec_ceo .img_wrap img {
		width:90%;
	}
}

@media (max-width: 992px) {	
	.sec_ceo .top_info {
		width:100%;
	}

	.sec_ceo .info_flex {
		width:100%;	
		display:flex;
		flex-wrap:wrap;
		justify-content: space-between; 
		margin-top:40px;
		padding:0 40px;
	}
	
	.sec_ceo .img_wrap img {
		width:70%;
	}
	
	.sec_ceo .desc h4 {
		font-size:22px;
	}

	.sec_ceo .ceo_comment pre {
		font-size:15px;		
	}
	
	.sec_ceo .ceo_comment::before,
	.sec_ceo .ceo_comment::after {
		font-size:24px;
	} 
	
	.sec_ceo .info_flex .left {
		width:46%;
	}
	
	.sec_ceo .info_flex .right {
		width:50%;
	}
}

@media (max-width: 767px) {	
	.sec_ceo.ceo_101 {
		margin-top:-40px;
	}
	
	#sub_content section.sec_ceo {
		padding:40px 0 60px;
	}

	.sec_ceo .desc {
		width:55%;
	}

	.sec_ceo .img_wrap {
		width:45%;
	}

	.sec_ceo .img_wrap img {
		width:95%;
	}
	
	.sec_ceo .desc {
		padding-bottom:30px;
	}

	.sec_ceo .info_flex {
		padding:0 0px;
	}
	
	.sec_ceo .info_sec h5 {
		font-size:14px;
	}
}

@media (max-width: 480px) {	
	.sec_ceo.ceo_101 {
		margin-top:-60px;
	}
	.sec_ceo .desc h4 {
		font-size:20px;
		letter-spacing:4px; 
	}

	.sec_ceo .desc h4 span {
		font-size:13px;
	}
	
	.sec_ceo .desc {
		width:50%;
		padding-bottom:10px;
	}
	
	.sec_ceo .img_wrap {
		width:50%;
	}
	
	.sec_ceo .desc .rank,
	.sec_ceo .desc .email {
		font-size:12px;		
	}

	.sec_ceo .ceo_comment pre {
		font-size:14px;		
	}
	
	.sec_ceo .ceo_comment::before,
	.sec_ceo .ceo_comment::after {
		font-size:20px;
	} 
	
	.sec_ceo .info_flex {		
		padding:0 10px;
	}
	.sec_ceo .info_flex .left {
		width:100%;
	}
	
	.sec_ceo .info_flex .right {
		width:100%;
	}
	
	.sec_ceo .info_sec h5 {
		font-size:14px;
	}
}