@charset "utf-8";
/* SUB CSS */

/* KIMM_bold 폰트 정의 */
@font-face {
	font-family: 'KIMM_bold';
	src: url('../OT_fonts/KIMM_bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

#OTC_11_title {font-size:30px ; line-height:40px ; font-weight:bold ; color:#007eef ; text-align:center ; margin-bottom:30px} 
#OTC_11_txt {margin-bottom:20px}
/* OTC_intro 클래스 전용 폰트 스타일 - KIMM_bold (기본 크기) */
#OTC_11_txt .OTC_intro {
	font-family: "KIMM_bold", "Pretendard", -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", dotum, sans-serif !important;
	font-size: 16px !important;
}
/* 인사말은 폰트 크기 유지 (20px) */
#OTC_11_txt .OTC_greeting {
	font-size: 24px !important;
	margin-bottom: 20px;
}
/* 에메랄드 색상 - 폰트는 부모 요소 상속 */
.OTC_emerald {
	color: #397a6f;
	font-family: inherit;
	font-size: inherit;
}
/* 이미지 컨테이너 스타일 */
#OTC_11_content_wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
	margin-bottom: 50px;
}
#OTC_11_left {
	display: flex;
	flex-direction: column;
	width: 100%;
}
#OTC_11_image {
	flex-shrink: 0;
	width: 100%;
	display: flex;
	align-items: stretch;
}
#OTC_11_image img {
	max-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
} 
#OTC_11_sign { 
  text-align: right;
  margin-top: 20px;
  font-family: "KIMM_bold", "Pretendard", -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", dotum, sans-serif;
  font-size: 18px;
  font-weight: bold;
  overflow: visible;
  white-space: normal;
  min-height: 30px;
  line-height: 28px;
} 
 
 
 


/* PC **********************************************************************/
@media all and (min-width:1100px){ 

#OTC11_section1  { overflow:hidden }
#OTC_11_title br { display:none }
#OTC_11_title {
	display:block ; background:url(../OT_img/OTC_11_board.jpg) no-repeat left top ;
	width:1100px ; height:350px ; margin-bottom:50px ; text-indent:-9999px } 
#OTC_11_title , #OTC_11_content_wrapper { margin:auto }
#OTC_11_content_wrapper {
	width: 1100px;
	max-width: 100%;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 50px;
}
#OTC_11_left {
	flex: 1;
	display: flex;
	flex-direction: column;
}
#OTC_11_txt {
	width: 650px;
	padding: 0px;
}
#OTC_11_txt .OTC_greeting {
	margin-bottom: 20px;
}
#OTC_11_image {
	width: 400px;
	flex-shrink: 0;
	display: flex;
	align-items: stretch;
}
#OTC_11_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#OTC_11_sign {
	width: 650px;
	max-width: 100%;
	text-align: right;
	margin-top: 20px;
	font-size: 20px;
	font-weight: bold;
	overflow: visible;
	white-space: normal;
	word-wrap: break-word;
	min-height: 30px;
	line-height: 28px;
}


}