/*
 * 사전항목 본문 스타일 공용 
 */
 
 .entry-section ul li {
	list-style: disc !important;
	
}
.entry-section ul,
.entry-section ol {
	margin: 1.3em;
	padding: 0;
}
.entry-section ol li {
	list-style: number !important;
}
.entry-section blockquote {
	margin: 1.3em 0 1.3em .2em !important;
	border-left: 4px solid #c540a4 !important;
	padding-left: 1em !important;
}
.entry-section ol *,
.entry-section ul *,
.entry-section blockquote * {
	font-style: normal !important;
	font-size: .90385em !important;
   color: #666 !important;
}
/* generally p tag*/
.entry-section blockquote > :first-child {
	 margin-top: 0 !important;
}
/* generally p tag*/
.entry-section blockquote > :last-child {
	 margin-bottom: 0 !important;
}

/* front specific */
.detail-wrap .entry-section ol,
.detail-wrap .entry-section ul,
.detail-wrap .entry-section blockquote {
   font-size: 17px;
}


/* by odop 2023.7.13 
* 본문 내 연계 이미지 넣기
*/
.ref_material_thumbnail,
.ref_material_thumbnail.align-left {
   padding: 10px 40px 10px 0;
   min-width: 50%;
   /* max-width: 50%; */
   max-width: 5vw;
   margin: 0 !important;
   cursor: pointer;	
   float: left;
}

/* by odop 2023.8.11 */
/* 큰 이미지가 단락을 가질러 있을 때 아래 쪽 문단이 텍스트가 이미지 아래로 흐를 수 있도록 함  */
.detail-wrap .section .txt {
   overflow: visible !important;
}

/* figure.align-right.ref_material_thumbnail.vertical-image img {
   
} */

.ref_material_thumbnail a {
   display: block;
   line-height: 0;
   position: relative;
   text-align: center;
}
.ref_material_thumbnail a img.thumbnail {
   width: 100%;
}
.ref_material_thumbnail figcaption {
   color: #555;
   line-height: 42px;
   padding: 0 10px;
	 font-size: 14px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   word-break: break-all;
   background-color: #fff;
   border: 1px solid #eee;	
}
.ref_material_thumbnail.align-right {
	 float: right;
	 padding: 10px 0 10px 40px;
   
}
.ref_material_thumbnail.align-center {
   min-width: 70%;
   max-width: 70%;
   /* max-width: attr(data-width px); */
   /* @sunyeon-lee 2025.9.10 */
   /* padding: 40px 0 10px 0; */
   padding: 10px 0 40px 0;
   display: block;
   margin-left: auto !important;
   margin-right: auto !important;
   float: none;
}

.ref_material_thumbnail.vertical-image {
   max-width: 38% !important;
   min-width: 38% !important;
}
.ref_material_thumbnail.vertical-image.align-center {
   max-width: 58% !important;
   min-width: 58% !important;
}

.ref_material_thumbnail .btn_play {
   margin-top: -50px;
}

/* by odop 2024.11.11*/
.ref_material_thumbnail.size-1 {
   max-width: 150px !important;
   min-width: 100px !important;
}
.ref_material_thumbnail.size-2 {
   max-width: 250px !important;
   min-width: 200px !important;
}
.ref_material_thumbnail.size-3 {
   max-width: 350px !important;
   min-width: 300px !important;
}

/* @sunyeon-lee 2025.9.10 
 - 이미지가 너무 커지는 것을 방지하기 위해 4,5 클래스 주석 
 - 대신 마크다운에서 랜더링된 size-mini, size-small 클래스를 사용
 */
/* .ref_material_thumbnail.size-4 {
   max-width: 450px !important;
   min-width: 400px !important;
}
.ref_material_thumbnail.size-5 {
   max-width: 550px !important;
   min-width: 500px !important;
}  */
.ref_material_thumbnail.size-mini,
.ref_material_thumbnail.align-left.size-mini,
.ref_material_thumbnail.align-right.size-mini,
.ref_material_thumbnail.align-center.size-mini {
    max-width: 200px !important;
    min-width: auto !important; /* min-width도 초기화 */
}

.ref_material_thumbnail.vertical-image.size-mini,
.ref_material_thumbnail.vertical-image.align-center.size-mini {
    max-width: 200px !important;
    min-width: auto !important;
}
.ref_material_thumbnail.size-small {
	max-width: 300px !important;
}
.ref_material_thumbnail.size-small,
.ref_material_thumbnail.align-left.size-small,
.ref_material_thumbnail.align-right.size-small,
.ref_material_thumbnail.align-center.size-small {
    max-width: 300px !important;
    min-width: auto !important; /* min-width도 초기화 */
}

.ref_material_thumbnail.vertical-image.size-small,
.ref_material_thumbnail.vertical-image.align-center.size-small {
    max-width: 300px !important;
    min-width: auto !important;
}

section.entry-section:has(h2),
section.entry-section blockquote,
section.entry-section .annotation {
   clear: both;
}

@media only screen and (max-width: 480px) {
   .ref_material_thumbnail {
	 float: none;
	 padding: 0 0 .625rem 0 !important;
	 max-width: 100% !important;
	 min-width: 100% !important;
   }
}
@media all and (max-width: 530px) {
	.ref_material_thumbnail,
	.ref_material_thumbnail.align-right,
	.ref_material_thumbnail.align-left,
	.ref_material_thumbnail.vertical-image,
	.ref_material_thumbnail.vertical-image.align-right,
	.ref_material_thumbnail.vertical-image.align-left,
	.ref_material_thumbnail.size-mini,
	.ref_material_thumbnail.align-left.size-mini,
	.ref_material_thumbnail.align-right.size-mini,
	.ref_material_thumbnail.align-center.size-mini,
	.ref_material_thumbnail.vertical-image.size-mini,
	.ref_material_thumbnail.vertical-image.align-center.size-mini,
	.ref_material_thumbnail.size-small,
	.ref_material_thumbnail.align-left.size-small,
	.ref_material_thumbnail.align-right.size-small,
	.ref_material_thumbnail.align-center.size-small,
	.ref_material_thumbnail.vertical-image.size-small,
	.ref_material_thumbnail.vertical-image.align-center.size-small  {
		float: none;
		/* padding: 0 0 .625rem 0 !important; */
		max-width: 90% !important;
		min-width: 90% !important;

		padding: 10px 0 40px 0;
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

h2 + article.section,
h3 + article.section,
h4 + article.section,
h5 + article.section  {
	clear: both;
	padding-top: 0 !important;
}
/* .detail-wrap .section {
	clear: both;
} */

/* @suneyone-lee 2025.11.16 */

.detail section table {
	table-layout: auto !important;
   width: 80% !important;
   margin: 1.3em 0;   /* auto로 중앙 정렬 */
   overflow-x: auto;
   border-collapse: collapse;
   border-spacing: 0;
   box-sizing: border-box;
}
.detail section thead th,
.detail section thead td,
.detail section tbody th, 
.detail section tbody td {
	width: auto;
}
p.txt ~ table {
   margin-top: -1.5em;
}

/* 연계이미지 그룹: 양쪽 이미지 object-fit:contain, 캡션 나란히 */
/* by Copilot 2025.9.15 */
/* .ref-material-group {
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 12px;
}
.ref-material-group figure {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	width: 48%;
	min-width: 0;
	margin: 0;
	background: none;
	box-sizing: border-box;
}
.ref-material-group .ref_material_thumbnail.align-right,
.ref-material-group .ref_material_thumbnail.align-left {
	float: none !important;
	padding: 0 !important;
}
.ref-material-group figure a {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: 100%;
}
.ref-material-group figure img.thumbnail {
	width: 100%;
	height: 220px;
	object-fit: contain;
	display: block;
	background: #f8f8f8;
	border-radius: 6px 6px 0 0;
}
.ref-material-group figure figcaption {
	width: 100%;
	text-align: center;
	font-size: 15px;
	color: #444;
	background: #fff;
	border-radius: 0 0 6px 6px;
	border: 1px solid #eee;
	border-top: none;
	padding: 8px 4px 6px 4px;
	margin: 0;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4;
	max-width: 100%;
} */