/*css for page: https://www.unist.ac.kr/fund/donation/tax-benefits.do*/
.donation-tax-box {border: 1px solid #E5E5E5;border-radius:5px;ma}
.donation-tax-box .top {padding:40px 40px;background:#F7FBFF;}
.donation-tax-box .bot {padding: 30px 40px;}
.donation-tax-box .bot .b-row-box {display:flex;gap:60px;justify-content:space-between;}
.donation-tax-box .bot .b-row-box > div {flex:1;display:flex;gap:66px;}
.donation-tax-box .bot .b-row-box > div .b-title {padding:15px 0;font-weight: 600;font-size: 16px;line-height: 140%;letter-spacing: -0.02em;color:#111;}
.donation-tax-box .bot .b-row-box > div .b-con {flex:1;}
.donation-tax-box .bot .b-row-box > div .b-con > div {display:flex;align-items:center;}
.donation-tax-box .bot .b-row-box > div .b-con .b-input {padding:12.5px 15px;width:100%;min-height:50px;border:1px solid #ddd;font-weight: 400;font-size: 16px;line-height: 100%;letter-spacing: -0.2px;box-sizing:border-box;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;border-radius:8px;color:#222;max-width: 332px;}
.donation-tax-box .bot .b-row-box > div .b-con span {font-weight: 600;font-size: 16px;line-height: 140%;letter-spacing: -0.02em;color:#111;padding-left:10px;min-width:40px;}
.donation-tax-box .bot .error {position:relative;padding-left:24px;margin-top:24px;font-weight: 600;font-size: 14px;line-height: 140%;letter-spacing: -0.02em;color:#F44730;}
.donation-tax-box .bot .error:before {content:"";position:absolute;top:0;left:0;width:18px;height:18px;background:url(../img/board/ico-error.png) no-repeat center;}

.donation-tax-box .bot .b-btn-wrap {position:relative;margin-top: 33px;}
.donation-tax-box .bot .b-btn-wrap ul {display:flex;justify-content:center;gap:10px;align-items:center;}
.donation-tax-box .bot .b-btn-wrap .btn-calculate {display: flex;gap: 0 15px;justify-content: center;align-items: center;padding: 15px 28px;font-weight: 700;font-size: 16px;line-height: 1;letter-spacing: -0.01em;color: #00A8D6;border-radius: 41px;border: 1px solid #00A8D6;transition: all .3s;position: relative;box-sizing: border-box;background:transparent;cursor:pointer;}
.donation-tax-box .bot .b-btn-wrap .btn-reset {background:transparent;font-weight: 700;font-size: 16px;line-height: 100%;letter-spacing: -0.02em;color:#666;position: absolute;right: 0;top: 50%;transform: translateY(-50%);padding: 0 0 0 24px;background:url(../img/board/ico-reset.png) no-repeat center left;cursor:pointer;}

.donation-tax-box .bot .result {display:none;margin-top: 40px;padding-top: 40px;border-top: 1px solid #E5E5E5;}

.donation-tax-wrap .donation-tax-desc {margin-top:20px;}
.donation-tax-wrap .donation-tax-desc p {font-weight: 500;font-size: 13px;line-height: 26px;letter-spacing: -0.02em;color:#666;}
.donation-tax-wrap .donation-tax-desc .mark-p {font-size: 13px;color:#666;}
.c-blue {color:#0980FF !important;}
.c-red {color:#F44730 !important;}

.donation-tax-wrap .table tbody td span {font-weight: 700;}
.donation-tax-wrap .result-box {display:flex;justify-content:space-between;align-items:center;padding: 24px 40px;background:#F7FBFF;gap: 10px;}
.donation-tax-wrap .result-box > div {position:relative;width:calc(50% - 40.5px);display:flex;justify-content:space-between;gap:10px;}
.donation-tax-wrap .result-box > div .t1 {font-weight: 700;font-size: 14px;line-height: 100%;letter-spacing: -0.02em;color:#222;}
.donation-tax-wrap .result-box > div .t2 {font-weight: 700;font-size: 20px;line-height: 100%;letter-spacing: -0.02em;color:#0980FF;}
.donation-tax-wrap .result-box > div + div:before {content:"";position:absolute;top:50%;left:-40.5px;transform:translatey(-50%);width:1px;height:20px;background:#C3CBD3;}

.result-note {margin-top:20px;}
.result-note .mark-p {font-weight: 500;font-size: 13px;line-height: 24px;letter-spacing: -0.02em;color:#666;}

@media (max-width:1400px) {
	.donation-tax-box .bot .b-row-box {gap: 10px 20px;}
	.donation-tax-box .bot .b-row-box > div {gap: 10px 20px;}
}
@media (max-width:1024px) {
	.donation-tax-box .top {padding: 20px 20px;}
	.donation-tax-box .bot {padding:30px 20px;}
}
@media (max-width: 768px) {
	.donation-tax-box .bot .b-row-box {flex-direction:column;}
	.donation-tax-box .bot .b-row-box > div {flex-direction:column;}
	.donation-tax-box .bot .b-row-box > div .b-title {padding:0;}
	.donation-tax-box .bot .b-row-box > div .b-con .b-input {max-width:100%;}
	.donation-tax-box .bot .b-btn-wrap .btn-reset {position:static;}
	.donation-tax-box .bot .b-btn-wrap ul {flex-direction:column;gap:20px;}
	.donation-tax-box .bot .error {margin-top: 12px;}
	.donation-tax-wrap .result-box > div + div:before {content:none;}
	.donation-tax-wrap .result-box > div {width:100%;flex-direction:column;align-items:center;}
}


/*css for page: https://mainweb.unist.ac.kr/fund/donor/view-all.do*/

.bn-list-donor {}
.bn-list-donor .list-club {padding:40px 0;border-top: 2px solid #000E2D;border-bottom:1px solid #ddd;}
.bn-list-donor .list-club .btn-links{margin-top: 30px;}
.bn-list-donor .list-club .btn-links a {max-width: 267px;padding: 15px 20px;}
.bn-list-donor .list-note {margin-top:20px;}
.bn-list-donor .list-note .mark-p {font-size:13px;line-height:26px;color:#666666;}
.bn-list-donor .item + .item {margin-top: 60px;}
.bn-list-donor .item .list-item > li {
	opacity: 0;
	transform: translateY(80px) scale(0.88);
	filter: blur(4px);
	will-change: opacity, transform, filter;
}

.bn-list-donor .item .list-item > li a {
	border-radius: 5px;
	transition: transform 0.28s cubic-bezier(.4,0,.2,1), box-shadow 0.28s cubic-bezier(.4,0,.2,1);
	will-change: transform, box-shadow;
}

.bn-list-donor .item .list-item > li a:hover {
	transform: translateY(-3px) scale(1.04);
	z-index: 2;
	position: relative;
	box-shadow: 0 8px 24px rgba(7,30,61,0.25);
}

@keyframes itemReveal {
	0%   { opacity: 0; transform: translateY(80px) scale(0.88); filter: blur(4px); }
	35%  { opacity: 0.7; filter: blur(1px); }
	100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0px); }
}

.bn-list-donor .item .title {display:flex;gap:12px;align-items:center;margin-bottom:24px;}
.bn-list-donor .item .title h5 {font-weight: 700;font-size: 30px;line-height: 100%;letter-spacing: -0.02em;color:#111;}
.bn-list-donor .item .title p {font-weight: 700;font-size: 20px;line-height: 100%;letter-spacing: -0.02em;color:#666;}
.bn-list-donor .item .title p span {color:#C8973E;}

.bn-list-donor .item .list-item {display: grid;grid-template-columns: repeat(6, 1fr);gap:6.4px;}
.bn-list-donor .item .list-item > li {}
.bn-list-donor .item .list-item > li .ico {margin-bottom:12px;}
.bn-list-donor .item .list-item > li .t1 {font-weight: 700;font-size: 24px;line-height: 100%;letter-spacing: -0.02em;text-align: center;margin-bottom:6px;color:#222;}
.bn-list-donor .item .list-item > li .t2 {font-weight: 700;font-size: 12px;line-height: 100%;letter-spacing: -0.02em;text-align: center;color:#222;}
/*pioneer*/
.bn-list-donor .item.pioneer li > a {position:relative;background:#11264E;display:flex;flex-direction:column;align-items:center;justify-content:center;padding: 6px;min-height: 150px;box-sizing:border-box;}
.bn-list-donor .item.pioneer li .t1 {color:#fff;}
.bn-list-donor .item.pioneer li .t2 { background: linear-gradient( 46.25deg, #FFDB85 -64.74%, #FFDB85 -51.33%, #F6C34E -22.34%, #9E7C2C -1.33%, #FAC953 32.73%, #FFF8B9 62.44%, #F5CB51 89.25%, #E7AD49 98.68%, #E9BB57 117.88% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
.bn-list-donor .item.pioneer li a:before { content: ""; position: absolute; inset: 10px; padding: 1px; border-radius: 5px; background: linear-gradient( 46.25deg, #FFDB85 -64.74%, #FFDB85 -51.33%, #F6C34E -22.34%, #9E7C2C -1.33%, #FAC953 32.73%, #FFF8B9 62.44%, #F5CB51 89.25%, #E7AD49 98.68%, #E9BB57 117.88% ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }

/*vision*/
.bn-list-donor .item.vision .title p span {color:#00A8D6;} 
.bn-list-donor .item.vision li > a {position:relative;background:#EFFCFF;display:flex;flex-direction:column;align-items:center;justify-content:center;padding: 6px;min-height: 150px;box-sizing:border-box;}
.bn-list-donor .item.vision li .t2 {color:#00A8D6;}

/*honor*/
.bn-list-donor .item.honor .title p span {color:#0980FF;} 
.bn-list-donor .item.honor li > a {position:relative;background:#F3F9FF;display:flex;flex-direction:column;align-items:center;justify-content:center;padding: 6px;min-height: 150px;box-sizing:border-box;}
.bn-list-donor .item.honor li .t2 {color:#0980FF;}

/*challenge*/
.bn-list-donor .item.vision .title p span {color:#0080A3;} 
.bn-list-donor .item.challenge li > a {position:relative;background:#F3F9FB;display:flex;flex-direction:column;align-items:center;justify-content:center;padding: 6px;min-height: 150px;box-sizing:border-box;}
.bn-list-donor .item.challenge li .t2 {color:#0080A3;}

/*friend*/
.bn-list-donor .item.friend .title p span {color:#0B3D72;} 
.bn-list-donor .item.friend li > a {position:relative;background:rgba(231, 236, 241, 0.7);display:flex;flex-direction:column;align-items:center;justify-content:center;padding: 6px;min-height: 107px;box-sizing:border-box;}

/*supporters*/
@media (min-width: 1025px) {
	.bn-list-donor .item.supporters .list-item {grid-template-columns: repeat(10, 1fr);}
}

.bn-list-donor .item.supporters .title p span {color:#004BAE;} 
.bn-list-donor .item.supporters li > a {position:relative;background:#F2F6FB;display:flex;flex-direction:column;align-items:center;justify-content:center;padding: 6px;min-height: 62px;box-sizing:border-box;}
.bn-list-donor .item.supporters li .t1 {color:#004BAE;font-size:18px;}

@media (max-width: 1336px) {
	.bn-list-donor .item .list-item {grid-template-columns: repeat(4, 1fr);}
}
@media (max-width: 1024px) {
	.bn-list-donor .item .list-item {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 768px) {
	.bn-list-donor .item .list-item {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 500px) {
    .bn-list-donor .list-club .btn-links{flex-direction: row;}
}

/*popup*/
.popup-wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.75);justify-content:center;align-items:center;z-index:1000;box-sizing: border-box;overflow: auto;align-items:flex-start;}
.popup-wrap .popup-content{padding:0;width:100%;max-width: 500px;position:relative;box-sizing: border-box;border-radius: 10px;overflow: hidden;top: 50%;transform: translateY(-50%);}
.popup-wrap .close-top{position:absolute;top:25px;right:30px;font-size:0;cursor:pointer;background: url(../img/fund/popup-close.png) no-repeat center center;width: 14px;height: 14px;}
.popup-wrap .close-top a{display: block;width: 100%;height: 100%;}

.popup-box .popup-mid{padding: 46px 38px 40px 38px;background-color:#fff;}
.popup-box .popup-mid .ico {text-align:center;margin-bottom:30px;}
.popup-box .popup-mid .ico img {width:70px;}
.popup-box .popup-mid .txt01 {font-size: 18px;font-weight: 700;line-height: 1.4;color: #0B3D72;margin-bottom: 18px;text-align: center;}
.popup-box .popup-mid .txt02 {background: #F1F4F8;border-radius: 18px;padding: 28px 20px;margin-bottom: 24px;text-align: center;font-size: 30px;font-weight: 700;color: #0B3D72;line-height: 1.2;}
.popup-box .popup-mid .txt03 {font-size: 15px;line-height: 1.8;color: #9AA3B2;font-weight: 500;margin-bottom: 30px;text-align: center;}
.popup-box .popup-mid ul {display:flex;justify-content:center;gap:10px;}
.popup-box .popup-mid ul li {}
.popup-box .popup-mid ul li a { min-width: 150px;height: 58px;border-radius: 18px;font-size: 16px;font-weight: 700;display: flex;align-items: center;justify-content: center;text-decoration: none;transition: 0.3s; border: 1px solid #0B3D72;background: #fff;color: #0B3D72;}
.popup-box .popup-mid ul li a.fill {color:#fff;background:#0B3D72;}
@media(max-width: 1024px){
	.popup-wrap .popup-content {width:calc(100% - 20px);}
	.popup-box .popup-mid .txt02 {padding: 20px;font-size: 25px;}
	.popup-box .popup-mid ul li a {min-width: 120px;}
}
@media (max-width: 768px) {
	.popup-box .popup-mid {padding:26px 28px 20px 28px;}
}