@charset "utf-8";

.mou-agreement-iacf .bn-list-common01.type04 .b-col-title { width: 30%; }
.mou-agreement-iacf .bn-list-common01.type04 .b-col-date { width: 14%; }
.mou-agreement-iacf .bn-list-common01.type04 .b-col-name { width: 14%; }
.mou-agreement-iacf .bn-list-common01.type04 td { overflow-wrap: anywhere; }
.mou-agreement-iacf .bn-list-common01.type04 td.mou-agreement-summary { text-align: left; white-space: pre-line; }

.mou-agreement-iacf .mou-agreement-head { padding-bottom: 34px; border-bottom: 1px solid #1d1d1d; }
.mou-agreement-iacf .mou-agreement-caption { display: block; margin-bottom: 8px; color: #00408c; font-size: 13px; font-weight: 700; }
.mou-agreement-iacf .mou-agreement-title { margin: 0 0 16px; font-size: 32px; line-height: 1.4; letter-spacing: -0.045em; overflow-wrap: anywhere; }
.mou-agreement-iacf .mou-agreement-meta { display: flex; flex-wrap: wrap; gap: 8px 28px; color: #888; font-size: 16px; }
.mou-agreement-iacf .mou-agreement-meta span { overflow-wrap: anywhere; }
.mou-agreement-iacf .mou-agreement-meta b { margin-right: 8px; color: #555; font-weight: 400; }
.mou-agreement-iacf .mou-agreement-body { padding: 60px 0 68px; border-bottom: 1px solid #ddd; }
.mou-agreement-iacf .mou-agreement-section + .mou-agreement-section { margin-top: 34px; }
.mou-agreement-iacf .mou-agreement-section h4 { margin: 0 0 9px; color: #333; font-size: 17px; }
.mou-agreement-iacf .mou-agreement-section p { margin: 0; line-height: 1.8; white-space: pre-line; overflow-wrap: anywhere; }

/* common01-04.css 가 1024px 이하에서 b-td-left 가 아닌 칸을 !important 로 숨긴다 */
@media screen and (max-width: 1024px) {
	.mou-agreement-iacf .bn-list-common01.type04 table tbody td.b-no-post {
		display: block !important;
		width: 100%;
		height: auto;
		padding: 0;
		border-bottom: none;
	}
	.mou-agreement-iacf .bn-list-common01.type04 .b-m-con .mou-agreement-summary { display: block; width: 100%; white-space: normal; }
}

@media screen and (max-width: 768px) {
	.mou-agreement-iacf .mou-agreement-head { padding-bottom: 25px; }
	.mou-agreement-iacf .mou-agreement-title { font-size: 24px; }
	.mou-agreement-iacf .mou-agreement-meta { gap: 4px 18px; font-size: 14px; }
	.mou-agreement-iacf .mou-agreement-body { padding: 40px 0 50px; }
	.mou-agreement-iacf .mou-agreement-section h4 { font-size: 16px; }
	.mou-agreement-iacf .mou-agreement-section p { font-size: 15px; }
}