@charset 'utf-8';

.mark-p-wrap{margin:0 0 2.4rem;}
.circle-icon-box .circle.outsider:before{width:3rem;height:3.6rem;background:url(../../_share/img/sj-common/ico-people05%402x.png) no-repeat center center / 100%;}
.circle-icon-box.type02 .txt-wrap .title{margin:0 0 7px;font-size:1.8rem;font-weight:var(--font-weight-bold);line-height:2.4rem;}
.circle-icon-box.type02 p{font-size:1.5rem;font-weight:var(--font-weight-medium);line-height:2.4rem;}
.refer-box .refer-list{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;}
.refer-box .refer-list > li{display:flex;align-items:center;margin:0 0 1rem 0;padding:4.3rem 4rem;width:100%;border:1px solid var(--color56);border-radius:5px;box-sizing:border-box;}
.refer-box .refer-list > li:last-of-type{margin:0;}
.refer-box .refer-list .box-wrap{display:flex;justify-content:space-between;align-items:center;width:100%;}
.refer-box .refer-list .box-wrap .left-box{padding:0 2rem 0 0;width:min(20rem, 15.63vw);box-sizing:border-box;}
.refer-box .refer-list .box-wrap .left-box .title{font-size:2rem;font-weight:var(--font-weight-bold);line-height:2.6rem;color:var(--color06);}
.refer-box .refer-list .box-wrap .left-box .sub-title{margin:1.3rem 0 0;font-size:1.6rem;font-weight:var(--font-weight-medium);line-height:2.6rem;color:var(--black05);}

@media screen and (max-width:1024.98px){
	.refer-box .refer-list{flex-wrap:wrap;}
	.refer-box .refer-list > li{margin:0 0 1rem;padding:2.8rem 2.5rem;width:100%;flex:none;}
	.refer-box .refer-list .box-wrap .left-box{width:auto;}
	.refer-box .refer-list .box-wrap .left-box .title{font-size:1.8rem;line-height:2.4rem;}
	.refer-box .refer-list .box-wrap .left-box .sub-title{margin:8px 0 0;font-size:1.5rem;line-height:2.5rem;}
	/*공용 소프트웨어 대여 흐름도-QA요청으로 배열 변경*/
	.con-step-box > ul > li{width:calc((100% - 8rem)/3);}
	.con-step-box > ul > li::after{top:50%;left:calc(100% + 1rem);transform:translateY(-50%);}
	.con-step-box .step-title-box p{word-break:keep-all;}
}
@media screen and (max-width:768px){
	.refer-box .refer-list{flex-wrap:wrap;}
	.refer-box .refer-list > li{margin:0 0 1rem;padding:2.6rem 2.3rem;width:100%;flex:none;}
	.refer-box .refer-list .box-wrap .left-box{width:auto;}
	.refer-box .refer-list .box-wrap .left-box .title{font-size:1.6rem;line-height:2.2rem;}
	.refer-box .refer-list .box-wrap .left-box .sub-title{margin:8px 0 0;font-size:1.4rem;line-height:2.4rem;}
	/*공용 소프트웨어 대여 흐름도-QA요청으로 배열 변경*/
	.con-step-box > ul > li{width:100%;}
	.con-step-box > ul > li::after{top:calc(100% + 5px);left:50%;transform:rotate(90deg)  translate(50%,50%);}	
}
@media screen and (max-width:480px){
	.refer-box .refer-list .box-wrap{flex-wrap:wrap;justify-content:flex-end;width:100%;}
	.refer-box .refer-list .box-wrap .left-box{padding:0 0 1.5rem;width:100%;}
}