.m_on { display: none; }
.section-donation {
  padding: 72px 0 75px;
  background-color: #0094fb;
  color: #fff;
  margin-top: 60px;
}

.section-donation .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section-donation {
	background-color:#003d7d;
	padding: 0;
}
.section-donation .container { 
	position: relative;
	padding: 47px 0 75px;
    background-size: auto;
    background: url(/_res/yuhs/medicine/img/about/img-recon-fund_bg.png) left bottom no-repeat;
    background-color: #003d7d;
    height: 375px;
	align-items: center; flex-direction: column;
	font-family: "NanumSquare", "malgungothic", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.section-donation .container .top_text { 
	position: absolute;
	top: 0; left: 50%; transform: translateX(-50%);
	background-color: #00274f; color: #ddd;
	padding: 4px 20px;
	border-radius: 0 0 12px 12px;
	letter-spacing: -0.25px;
}
.section-donation .container .donation_tit { text-align: center; line-height: 1; }
/* 타이틀 국영문 폰트 크기 차이 - 영문 62px 국문 54px */
.section-donation .container .donation_tit .dona-tit { font-size: 54px; letter-spacing: -2px; }
/* .section-donation .container .donation_tit .dona-tit span { font-size: .875em; vertical-align: .1em; } */
.section-donation .container .donation_tit .dona-sub_tit { font-size: 25px; font-weight: 100; margin-top: 10px; position: relative; display: inline-flex; align-items: center; }
.section-donation .container .donation_tit .dona-sub_tit span { font-size: 1.28em; margin-left: .25em; }
.section-donation .container .donation_tit .dona-sub_tit::after { content: ""; width: 100%; height: 1px; background-color: #ccc; display: block; position: absolute; bottom: 0; }
.section-donation .container .donation_cont { display: flex; align-items: center; justify-content: center; width: 60%; height: 130px; border: 3px solid #ccc; border-radius: 12px; position: absolute; bottom: 50px; }
.section-donation .container .donation_cont .dona_cont-tit { position: absolute; top: -25px; left: 50%; transform: translateX(-50%); display: inline-flex; height: 50px; align-items: baseline; background-color: #003d7d; padding: 0 15px; font-size: 26px; line-height: 1; }
.section-donation .container .donation_cont .dona_cont-tit .dona-ym { font-weight: bold; font-size: 1.077em; background-color: #00274f; border-radius: 4px; padding: 4px; margin: 0 1px; }
.section-donation .container .donation_cont .dona_cont-tit::before, .section-donation .container .donation_cont .dona_cont-tit::after { content: ""; display: inline-flex; width: 10px; height: 10px; background-color: #ccc; position: absolute; top: 48%; transform: translateY(-50%); border-radius: 50%; }
.section-donation .container .donation_cont .dona_cont-tit::before { left: -5px; }
.section-donation .container .donation_cont .dona_cont-tit::after { right: -5px; }
.section-donation .container .donation_cont .dona-bar { background-color: #fff; width: 90%; height: 40px; border-radius: 24px; position: relative; display: flex; align-items: center; margin-top: -10px; }
.section-donation .container .donation_cont .dona-bar::before { content: ""; width: calc(100% - 2px); height: calc(100% - 2px); position: absolute; border: 2px solid #000; border-radius: 24px; }
.section-donation .container .donation_cont .dona-bar .dona-bar_fill { width: 0%; height: 100%; display: flex; align-items: baseline; justify-content: center; position: static; border-radius: 24px 0 0 24px; background-color: transparent; font-size: 13px; font-weight: bold; transition: all 1s, background .25s; }
.section-donation .container .donation_cont .dona-bar .dona-bar_fill::after { content: ""; display: inline-flex; width: 30px; height: 60px; border: 2px solid #000; position: absolute; top: 50%; left: calc(0% - 17px); transform: translateY(-50%); box-shadow: 0 0 6px rgba(0,0,0,.7); border-radius: 12px; background-color: #0094fb; z-index: 10; transition: ease 1s; }
.section-donation .container .donation_cont .dona-bar.on .dona-bar_fill { background-color: #0094fb; }
.section-donation .container .donation_cont .dona-bar .dona-bar_fill p { opacity: 0; margin-top: 1px; transition: .85s; transition-delay: .5s; }
.section-donation .container .donation_cont .dona-bar.on .dona-bar_fill p { opacity: 1; }
.section-donation .container .donation_cont .dona-bar .dona-bar_fill span { font-size: 1.923em; }
.section-donation .container .donation_cont .dona-bar .dona_amount { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 15px; position: absolute; bottom: -28px; font-size: 12px; }
.section-donation .container .donation_cont .dona-bar .dona_amount span { position: relative; }
.section-donation .container .donation_cont .dona-bar .dona_amount span:not(:first-child,:last-child)::before { content: ""; width: 2px; height: 4px; display: inline-flex; background-color: #000; position: absolute; left: 50%; top: -15px; }
.section-donation .container .donation_cont .dona-bar.fill_26 .dona-bar_fill { width: 25.5%; }
.section-donation .container .donation_cont .dona-bar.fill_26 .dona-bar_fill::after { left: calc(25.5% - 17px); }
.section-content-banner .latest-article dt {
	color:#333
}
@media (max-width: 1024.98px) {
	.section-donation {
		width: calc(100% + 30px);
		transform: translateX(-15px);
	}
	.section-donation .container {
		padding: 48px 20px 57px;
		background-image: none;
	}
	.section-donation .container .donation_tit .dona-tit { font-size: 48px; }
	.section-donation .container .donation_tit .dona-sub_tit { font-size: 20px; }
	.section-donation .container .donation_cont .dona_cont-tit { align-items: center; font-size: 20px; }
	.section-donation .container .donation_cont { bottom: 70px; width: 80%; }
	.section-donation .container .donation_cont .dona-bar .dona-bar_fill span { font-size: 1.85em; }
}
@media (max-width: 575.98px) {
	.m_on { display: block; }
	.m_none { display: none; }
	.section-donation .container { background-size: contain; height: 460px; }
	.section-donation .container .donation_tit { margin-top: 20px; }
	.section-donation .container .top_text { width: 80%; text-align: center; }
	.section-donation .container .donation_cont { width: 90%; bottom: 50px; }
	.section-donation .container .donation_tit .dona-sub_tit { margin-top: 10px; font-size: 30px; }
	.section-donation .container .donation_cont .dona_cont-tit { font-size: 28px; }
	.section-donation .container .donation_cont .dona_cont-tit .dona-ym { font-size: 1.285715em; }
	.section-donation .container .donation_cont .dona-bar { height: 30px; }
	.section-donation .container .donation_cont .dona-bar .dona-bar_fill::after { width: 10px; height: 40px; border-radius: 6px; }
	.section-donation .container .donation_cont .dona-bar.fill_26 .dona-bar_fill::after { left: calc(25.5% - 7px); }
	.section-donation .container .donation_cont .dona-bar .dona-bar_fill p { font-size: 12px; margin-top: 3px; }
	.section-donation .container .donation_cont .dona-bar .dona-bar_fill p.m_on span { font-size: 1.5em; }
}