.bg-fund{
		background: url(/_res/yuhs/fund/img/common/main-fund-bg.png) no-repeat;
		background-size: cover;
}
.m_on { display: none; }
@media (max-width: 1024.98px) {
  .bg-fund{
		background: none;
	}
	.article-campain-slider {
		margin-top:-20px;	
	}
	.section-campain .article-campain-slider .campain-item .item-content{
		height:115px !important;
	}
}

.visual-area a { display: block; width: 100%; height: 100%; }

.section-donation {
	background-color:#003d7d;
	padding: 0;
}
.section-donation .container { 
	position: relative;
	padding: 72px 0 75px;
    background-size: auto;
    background: url(/_res/yuhs/fund/img/home/bg_donation.png) left bottom no-repeat;
    background-color: #003d7d;
    height: 400px;
	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; }
.section-donation .container .donation_tit .dona-tit { font-size: 62px; 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; 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: 49%; 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_42 .dona-bar_fill { width: 41.5%; }
.section-donation .container .donation_cont .dona-bar.fill_42 .dona-bar_fill::after { left: calc(41.5% - 17px); }
.section-content-banner .latest-article dt {
	color:#333
}

.visual-area .visual-text {
    position: absolute;
    top: 146px;
    left: 50%;
    /* width: 1280px; */
    transform: translateX(-50%);
	width: 100%;
    text-align: center;
}

.visual-area .visual-text .visual-text-left {
    float:none;
    margin-left: 40px;
}

@media (max-width: 1024.98px) {
	.visual-area .visual-box .visual-text {
		width: 100%;
		top: 80px;
		left: 50%;
	}
	.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_42 .dona-bar_fill::after { left: calc(41.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; }
}