.sub-wrapper {padding-bottom: 0;font-family: 'Pretendard-l';}
.sub-wrapper .matching-title {font-size: 40px;line-height: 1.9;}
.sub-wrapper .crown_icon {width:65px;margin-bottom:20px;}
.sub-wrapper .matching-sub-title {font-size:28px;color:#222;}
.sub-wrapper .matching-sub-content {font-size: 17px; line-height: 1.9;color:#444444;}
.sub-wrapper .matching-sub-title.mt-30{margin-top:30pt;}
.sub-wrapper .matching-sub-content.mt-40 {margin-top:32px !important;}
.sub-wrapper .matching-desc {font-size: 20px; color: #666666; font-family: 'NanumSquare', sans-serif;}
.sub-wrapper section.company-intro {margin-top:120px;}
.sub-wrapper .company-intro .ceo-img{width:100%;}

.sub-wrapper .matching-order-list {margin:40px 0 60px;padding:60px 0 0px;}
.sub-wrapper .matching-order-list > div {display:grid;grid-template-columns: 1fr 1fr 1fr;grid-gap:80px 20px;}
.sub-wrapper .matching-order-list > div .matching-order-item {text-align: center;position:relative;}
.sub-wrapper .matching-order-list > div .matching-order-item .matching-icon{width:50px;height:50px;object-fit: contain;margin-bottom:20px;filter: opacity(0.5) drop-shadow(0 0 0 #dcdcdc);}
.sub-wrapper .matching-order-list > div .matching-order-item .numbering{color: #f5f5f5;background: #000000;padding: 6px 17px;border-radius: 100%;font-size: 22px;margin: 0 auto 60px;width: 45px;height: 45px;}
.sub-wrapper .matching-order-list > div .matching-order-item .text-box p{margin:0;padding:0;}
.sub-wrapper .matching-order-list > div .matching-order-item .text-box p.title{font-size:28px;line-height:1.6;color:#222;margin-bottom:30px;}
.sub-wrapper .matching-order-list > div .matching-order-item .text-box p.content{font-size: 12pt;line-height:1.6;color:#666666;}
.sub-wrapper .matching-order-list > div .matching-order-item .line{position: absolute; width: calc(100% - 20px); background: #000; height: 0.02vw;;}
.sub-wrapper .matching-order-list > div .matching-order-item .line.line-left {left: -3%;top: 7%;transform: translate(-50%, -50%);z-index: 1;}
.sub-wrapper .matching-order-list > div .matching-order-item .line.line-left.first {left: -23%;width: 135%;}
.sub-wrapper .matching-order-list > div .matching-order-item .line.line-right {right: -97%;top: 7%;transform: translate(-50%, -50%);z-index: 1;}
.sub-wrapper .matching-order-list > div .matching-order-item .line.line-right.last {right: -158%;width: 135%;}