.fund-wrap {display: grid;grid-template-columns: repeat(4, 1fr);gap: 10px;}
.fund-wrap .item {background: #F9FAFB;border-radius: 5px;padding: 30px 20px;min-height: 172px;box-sizing: border-box;text-align: center;flex-direction: column;justify-content: center;display: flex;}
.fund-wrap .item .txt01 {font-weight: 700;font-size: 15px;line-height: 100%;letter-spacing: -0.2px;text-align: center;vertical-align: middle;color: #222222;margin: 0 0 20px;}
.fund-wrap .item .txt02 {font-weight: 700;font-size: 36px;line-height: 100%;letter-spacing: -0.2px;text-align: center;vertical-align: middle;color: #00A8D6;margin: 0 0 12px;}
.fund-wrap .item .txt02 > span:not(.count) {font-weight: 700;font-size: 20px;line-height: 100%;letter-spacing: -0.2px;text-align: center;vertical-align: middle;color: #222222;}
.fund-wrap .item .txt03 {font-weight: 500;font-size: 13px;line-height: 100%;letter-spacing: -0.2px;text-align: center;vertical-align: middle;color: #666666;}


.box-fl{border-radius: 12px;border: 1px solid #e5e5e5;padding: 80px 120px;display: flex;justify-content: space-between;}
.box-fl .chart {position: relative;display: flex;align-items: center;gap: 40px;box-sizing: border-box;height: 100%;}
.box-fl .note {text-align: right;font-size: 14px;line-height: 24px;color: #999999;font-weight: 600;}
.box-fl .scrollbox{width: calc(100% - 850px)}
.box-fl .box-chart {max-width: 536px;width: 100%;}
.box-fl .box-chart:first-child{padding-right: 80px;}
.chart-box{width: 244px;height: 244px;position: relative;}
.chart-box > div > div > div > svg > g > path{stroke-width: 2!important;transform: scale(1.4);transform-origin: center;}
.chart-container {position: relative;}
.box-chart .tit {font-size: 22px;line-height: 32px;letter-spacing: -0.25px;font-weight: bold;color: #111111;width: 100%;padding: 0 0 25px;}
.custom-legend {flex: 1;padding: 0 0 20px;}
.chart-center-text {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;font-size: 24px;font-weight: bold;line-height: 0.8;color: #222;width: 140px;height: 140px;border-radius: 100%;background: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;}
.chart-center-text span {font-size: 14px;font-weight: normal;color: #333333;font-weight: 600;}

.custom-legend li {position: relative;font-size: 16px;font-weight: bold;color: #444444;padding: 0 0 20px 17px;}
.custom-legend li:last-child{padding: 0 0 0 17px;}
.custom-legend li:before {content: "";position: absolute;width: 7px;height: 7px;left: 0;top: 8px;border-radius: 100%;}
.custom-legend li:first-child:before {background: #00A8D6;}
.custom-legend li:nth-child(2):before {background: #0980FF;}
.custom-legend li:nth-child(3):before {background: #0B3D72;}
.custom-legend li:nth-child(4):before {background: #C8973E;}

.box-barchart{width: calc(100% - 1020px)!important}
.chart-col{width: 800px; height: 500px;border-radius: 6px;border: 1px solid #DEDADE; padding: 50px 20px}
.box-colchart{width: calc(100% - 920px)!important}
.chart-box #donut-center-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 24px;font-weight: bold;color: #333;text-align: center;}
.chart-box #donut-center-text .total-pe{font-size: 14px; font-weight: normal;}
.google-visualization-tooltip {pointer-events: none;z-index: 999;}
#donutchart, #donutchart2 {position: relative;overflow: visible;}

.bar-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:35px}
.bar-list li{display:flex;flex-direction:column;gap:6px}
.bar-list li > p{display:flex;gap:20px;justify-content:space-between;margin: 0 0 12px;align-items: center;}
.bar-label{font-weight: 700;font-size: 16px;line-height: 100%;letter-spacing: -0.2px;vertical-align: middle;color: #222222;}
.bar-track{width:100%;height:12px;background-color:#F9FAFB;border-radius:999px;overflow:hidden}
.bar-fill{height:100%;border-radius:999px;width:var(--bar-width, 0%);transition:width 1.2s ease}


.bar-fill--01{background-color:#00A8D6}
.bar-fill--02{background-color:#0980FF}
.bar-fill--03{background-color:#0B3D72}
.bar-fill--04{background-color:#C8973E}

.bar-num{font-weight: 700;font-size: 24px;line-height: 100%;letter-spacing: -0.2px;vertical-align: middle;}
.bar-num > span {font-weight: 700;font-size: 12px;line-height: 100%;letter-spacing: -0.2px;vertical-align: middle;color: #333333;}

.bar-num--01 { color: #00A8D6; }
.bar-num--02 { color: #0980FF; }
.bar-num--03 { color: #0B3D72; }
.bar-num--04 { color: #C8973E; }



.report-wrap {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
.report-wrap .item {border: 1px solid #E5E5E5;border-radius: 5px;padding: 20px 0;position: relative;}
.report-wrap .item .top {padding: 0 40px;}
.report-wrap .item .quantity {position: absolute;top: 20px;right: 20px;padding: 12px;border-radius: 5px;background: #C8973E;font-weight: 600;font-size: 13px;line-height: 110.00000000000001%;letter-spacing: -0.2px;text-align: center;vertical-align: middle;color: #fff;}
.report-wrap .item .quantity span {font-size: 16px;font-weight: 700;display: block;margin-top: 6px;}
.report-wrap .item .tit {font-weight: 700;font-size: 24px;line-height: 110.00000000000001%;letter-spacing: -0.2px;vertical-align: middle;color: #222222;margin: 28px 0 20px;}
.report-wrap .item .con-p {margin: 0 0 30px;}

.report-wrap .item .mid {background: #F0FBFF;padding: 30px 40px;margin: 0 0 20px;}
.report-wrap .item .mid ul {display: flex;gap: 80px;justify-content: space-between;align-items: center;position: relative;}
.report-wrap .item .mid ul:before {content: "";position: absolute;top: 0;left: 50%;transform: translatex(-50%);width: 1px;height: 100%;background: #D9E5E9;}
.report-wrap .item .mid ul > li {display: flex;align-items: center;flex: 1;justify-content: space-between;}
.report-wrap .item .mid ul > li .name {font-weight: 600;font-size: 15px;line-height: 100%;letter-spacing: -0.2px;vertical-align: bottom;color: #000000}
.report-wrap .item .mid ul > li .num {font-weight: 700;font-size: 28px;line-height: 100%;letter-spacing: -0.2px;vertical-align: middle;color: #00A8D6;}
.report-wrap .item .mid ul > li .num > span {font-weight: 700;font-size: 14px;line-height: 100%;letter-spacing: -0.2;vertical-align: middle;color: #222222;}

.report-wrap .item .bot {padding: 0 40px;}
.report-wrap .item .bot > a {border: 1px solid #00A8D6;background: #fff;padding: 16px 20px;border-radius: 99px;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 16px;line-height: 100%;letter-spacing: -0.2px;text-align: right;color: #00A8D6;position: relative;gap: 10px;transition: all .3s;}
.report-wrap .item .bot > a:hover {background: #00A8D6;color: #fff;}
.report-wrap .item .bot > a:after {content: "";display: inline-block;background: url(/_res/unist/fund/img/content/ico-button-report.png)no-repeat center center;width: 12px;height: 14px;}
.report-wrap .item .bot > a:hover:after {filter: brightness(0) invert(1);}


@media only screen and (max-width: 1300px) {
	.box-fl {padding: 80px;}
	.box-fl .chart {gap: 20px;}
}

@media only screen and (max-width: 1200px) {
	.box-fl {flex-direction: column;}
	.box-fl .box-chart {max-width: 100%;padding: 0 0 30px;}
	.box-fl .box-chart:first-child {border: 0;padding-right: 0;}
	.box-fl .box-chart:last-child {padding: 0;}
	.custom-legend {width: auto;flex: unset}
	.box-fl .chart {justify-content: center;}

	.box-fl {padding: 40px;}
}


@media only screen and (max-width: 1024px) {
	.fund-wrap {grid-template-columns: repeat(2, 1fr);}
	.report-wrap {grid-template-columns: repeat(1, 1fr);}
}



@media only screen and (max-width: 768px) {

	.box-fl {padding: 25px;}
	.chart-box > div > div > div > svg > g > path {transform: scale(1.2);}
	.chart-container .chart-box > div > div > div > svg > rect {fill: transparent !important;}
	.patent-right li:last-child { width: auto;}
	.box-patent .patent-right > ul > li > .txt-patent {font-size: 18px;}
	.funds > li {flex: 0 0 100%;flex-direction: column;gap: 20px;align-items:  center;}
	.funds > li .txt {text-align: center;width: 100%;}


	.fund-wrap .item {padding: 20px 15px;min-height: unset;}
	.fund-wrap .item .txt01 {margin: 0 0 10px;}
	.fund-wrap .item .txt02 {font-size: 28px;}

	.report-wrap .item .quantity {position: relative;left: auto;top: 0;right: auto;padding: 10px;width: max-content;}
	.report-wrap .item .quantity span {display: inline-block;margin-left: 5px;margin-top: 0;}
	.report-wrap .item .top {padding: 0 20px;}
	.report-wrap .item .tit {font-size: 20px;margin: 15px 0 10px;}
	.report-wrap .item .con-p {margin: 0 0 15px;}
	.report-wrap .item .mid ul:before {display: none;}
	.report-wrap .item .mid ul {flex-direction: column;gap: 20px;}
	.report-wrap .item .mid ul > li {gap: 20px;width: 100%;}
	.report-wrap .item .mid {padding: 15px 20px;}
	.report-wrap .item .mid ul > li .num {font-size: 22px;}

	.report-wrap .item .bot {padding: 0 20px;}
	
	.bar-list {gap: 20px;}
	.chart-center-text {width: 120px;height: 120px;font-size: 18px;}
	.chart-center-text span {font-size: 12px;}
	.custom-legend {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;width: 100%;padding: 0;}
	.custom-legend li {padding-bottom: 0;font-size: 14px;}


}

@media only screen and (max-width: 570px){
	.box-fl .chart {flex-direction: column;align-items: flex-start;gap: 0;}
	.chart-container {left: 50%;transform: translatex(-50%);}

	.fund-wrap {
		grid-template-columns: repeat(1, 1fr);
	}
}