.intro-p span{color: #0B3D72}


.info-wrap {background: url(/_res/unist/fund/img/content/bg-infor.png)no-repeat center;background-size: cover;border-radius: 5px;padding: 70px;}
.info-wrap .top {padding: 0 0 50px;}
.info-wrap .top .txt01 {font-weight: 600;font-size: 16px;line-height: 100%;letter-spacing: -0.2px;text-decoration: underline;text-decoration-style: solid;text-underline-offset: 10%;text-decoration-thickness: 0%;text-decoration-skip-ink: auto;color: #C8973E;margin: 0 0 16px;}
.info-wrap .top .txt02 {font-weight: 700;font-size: 40px;line-height: 100%;letter-spacing: -0.2px;vertical-align: middle;color: #FFF;margin: 0 0 24px;}
.info-wrap .top .txt03 {font-weight: 700;font-size: 20px;line-height: 36px;letter-spacing: -0.2px;vertical-align: middle;color: #fff;margin: 0 0 30px;}
.info-wrap .top .btn-inf {padding: 16px 30px;font-weight: 700;font-size: 16px;line-height: 100%;letter-spacing: -0.2px;text-align: right;color: #fff;position: relative;border-radius: 99px;box-shadow: 0px 0px 9.5px 0px #FFFFFF14 inset;box-shadow: 0px 5px 24px 0px #00000026;backdrop-filter: blur(12px);display: inline-flex;align-items: center;gap: 10px;background: #FFFFFF1A;}
.info-wrap .top .btn-inf:after {content: "";display: inline-block;background: url(/_res/unist/fund/img/content/ico-info-button.png)no-repeat center center;background-size: cover;width: 10px;height: 10px;}
.info-wrap .top .btn-inf:before {content:"";position:absolute;inset:0;border-radius:inherit;padding: 1px;background:linear-gradient(
	135deg,
	rgba(255,255,255,0.56),
	rgba(255,255,255,0.1),
	rgba(255,255,255,0.1),
	rgba(255,255,255,0.54)
);
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);

	-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}

.info-wrap .bot > ul {display: grid;grid-template-columns: repeat(5, 1fr);}
.info-wrap .bot > ul > li:not(:first-child) {margin-left: -38px;}
.info-wrap .bot > ul > li .item-unist{width: 246px;height: 246px;border-radius: 999px;box-shadow: 0px 0px 9.5px 0px #FFFFFF14 inset;box-shadow: 0px 5px 24px 0px #00000026;backdrop-filter: blur(12px);background: #FFFFFF1A;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.info-wrap .bot > ul > li .item-unist:before {content:"";position:absolute;inset:0;border-radius:inherit;padding: 1px;background:linear-gradient(
	135deg,
	rgba(255,255,255,0.56),
	rgba(255,255,255,0.1),
	rgba(255,255,255,0.1),
	rgba(255,255,255,0.54)
);
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);

	-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}

.info-wrap .bot > ul > li .item-unist .ico {margin: 0 0 22px;}
.info-wrap .bot > ul > li .item-unist .txt {text-align: center;}
.info-wrap .bot > ul > li .item-unist .txt > p {font-weight: 700;font-size: 20px;line-height: 100%;letter-spacing: -0.2px;text-align: center;color: #fff;margin: 0 0 12px;}
.info-wrap .bot > ul > li .item-unist .txt > span {font-family: Prompt;font-weight: 500;font-size: 16px;line-height: 100%;letter-spacing: -0.2px;text-transform: uppercase;color: #fff;display: inline-block;padding: 4px 16px;border: 1px solid #FFFFFF;border-radius: 99px;text-align: center;}


.system-wrap .item {margin: 0 0 20px;}
.system-wrap .item .tit{font-weight: 700;font-size: 20px;line-height: 100%;letter-spacing: -0.25px;color: #222222;padding: 25px;border-radius: 5px;text-align: center;margin: 0 0 10px;}
.system-wrap .item .sys-list {display: grid;}
.system-wrap .item .sys-list .sys-item {border: 1px solid #E5E5E5;background: #fff;display: flex;padding: 40px 30px;gap: 20px;align-items: center;border-radius: 5px;}
.system-wrap .item .sys-list .sys-item .left {width: 80px;height: 80px;border-radius: 99px;display: flex;align-items: center;justify-content: center;}
.system-wrap .item .sys-list .sys-item .right {flex: 1;}
.system-wrap .item .sys-list .sys-item .right .txt01 {font-weight: 700;font-size: 20px;line-height: 100%;letter-spacing: -0.2px;color: #0B3D72;margin: 0 0 10px;}
.system-wrap .item .sys-list .sys-item .right .txt02 {font-weight: 600;font-size: 16px;line-height: 130%;letter-spacing: -0.2px;color: #333333}

.system-wrap .item.general .tit {background: #F0F9FD;}
.system-wrap .item.general .sys-list {grid-template-columns: repeat(1, 1fr);}
.system-wrap .item.general .sys-list .sys-item .left {background: #F0F9FD;}

.system-wrap .item.design .tit {background: #FDFAF5;}
.system-wrap .item.design .sys-list {grid-template-columns: repeat(2, 1fr);gap: 10px;}
.system-wrap .item.design .sys-list .sys-item .left {background: #FDFAF5;}



@media (max-width: 1500px) {
	.info-wrap .bot > ul > li .item-unist {width: calc(246/1500*100vw);height: calc(246/1500*100vw)}
	.info-wrap {padding: 40px;}
}

@media (max-width: 1200px) {
	.info-wrap .bot > ul > li .item-unist {width: calc(246/1200*100vw);height: calc(246/1200*100vw)}
}

@media (max-width: 1024px) {
	.info-wrap .bot > ul {grid-template-columns: repeat(3, 1fr);gap: 15px;}
	.info-wrap .bot > ul > li .item-unist {margin: 0 auto;}
	.info-wrap .bot > ul > li:not(:first-child) {margin-left: 0;}
	.info-wrap .bot > ul > li .item-unist .txt > p {font-size: 16px;}
	.info-wrap .bot > ul > li .item-unist .txt > span {font-size: 14px;}

	.info-wrap .bot > ul > li .item-unist {width: calc(250/1024*100vw);height: calc(250/1024*100vw)}
	.info-wrap {padding: 25px;}
}

@media (max-width: 768px) {
	.info-wrap .bot > ul {grid-template-columns: repeat(2, 1fr);}
	.info-wrap .bot > ul > li .item-unist {width: calc(280/768*100vw);height: calc(280/768*100vw)}

	.info-wrap .top .txt02 {font-size: 30px;line-height: 130%;margin: 0 0 10px;}
	.info-wrap .top .txt03 {font-size: 15px;line-height: 160%;}
	.info-wrap .top .btn-inf{width: 100%;justify-content: center;}
	
	.system-wrap .item .sys-list .sys-item {padding: 20px;}
	.system-wrap .item .sys-list .sys-item .right .txt01 {font-size: 18px;}
	.system-wrap .item .sys-list .sys-item .right .txt02 {font-size: 14px;}
	.system-wrap .item.design .sys-list {grid-template-columns: repeat(1, 1fr);}
}

@media (max-width: 500px) {
	.info-wrap .bot > ul {grid-template-columns: repeat(1, 1fr);}
	.info-wrap .bot > ul > li .item-unist {width: calc(280/500*100vw);height: calc(280/500*100vw)}
}