.intro-wrap {position: relative;}
.intro-wrap .bg-box {position: relative;height: 400px;}
.intro-wrap .bg-box img {width: 100%;height: 100%;object-fit: cover;}
.intro-wrap .txt-box {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 40px);box-sizing: border-box;padding: 0 0 20px;}
.intro-wrap .txt-box .txt01 {position:relative;margin-bottom:14px;padding-bottom:16px;line-height:1.47em;font-size:36px;font-weight:700;color:#fff;text-align: center;}
.intro-wrap .txt-box .txt01:after {position:absolute;bottom:0;left:50%;transform:translateX(-50%);content:"";display:block;width:58px;height:3px;background-color:#43c7ca;}
.intro-wrap .txt-box .txt02{line-height:1.45em;font-size:22px;font-weight:500;color:#fff;text-align: center;}

.center-wrap {display:grid;grid-template-columns:repeat(4, 1fr);gap:8px;margin: 10px 0 0;}
.center-wrap .item {background: #f7f7f7}
.center-wrap .item .top {position: relative;}
.center-wrap .item .top p:before {content: "";display: inline-block;}
.center-wrap .item .top p {display:flex;justify-content:center;align-items:center;gap:0 15px;height:80px;font-size:20px;font-weight:700;color:#fff;background-color:#43c7ca;}
.center-wrap .item:nth-child(1) .top p:before {background: url(/_res/unist/se/img/common/ico_fust01.png)no-repeat center center;background-size: cover;width: 48px;height: 48px;}
.center-wrap .item:nth-child(2) .top p:before {background: url(/_res/unist/se/img/common/ico_fust02.png)no-repeat center center;background-size: cover;width: 40px;height: 47px;}
.center-wrap .item:nth-child(3) .top p:before {background: url(/_res/unist/se/img/common/ico_fust03.png)no-repeat center center;background-size: cover;width: 45px;height: 46px;}
.center-wrap .item:nth-child(4) .top p:before {background: url(/_res/unist/se/img/common/ico_fust04.png)no-repeat center center;background-size: cover;width: 41px;height: 40px;}

.center-wrap .item .bot {padding: 20px;}
.list-img {display: flex;gap: 10px;justify-content: flex-start;}

@media (max-width: 1024px){
	.center-wrap {grid-template-columns: repeat(2, 1fr);gap: 10px 10px;}
}

@media (max-width: 768px){
	.list-img {flex-direction: column;}
	.list-img img {width: 100%;height: 100%;object-fit: cover;}
	.intro-wrap .txt-box .txt01 {font-size: 22px}
	.intro-wrap .txt-box .txt02 {font-size: 16px;}
	.center-wrap {grid-template-columns: repeat(1, 1fr);gap: 10px 10px;}
}