@charset "utf-8";

.history {}
.history-head {display:flex; gap:50px;}
.history-head p {width:calc((100% - 350px)/3); height:50px; border-bottom:3px solid; color: var(--base1);font-size: var(--fs28);font-weight: 700;line-height: 100%;}
.history-head p:first-child {width:200px; color:var(--base2);font-size:var(--fs20);font-weight: 600;}

.history-list {padding:50px 0; display:flex; gap:50px;}
.history-list:last-child {padding-bottom:0;}
.history-list+.history-list {border-top: 1px solid var(--border1);}
.history-list div {width:200px; display:flex; gap:5px; flex-direction:column;}
.history-list div .tit {padding:0 0 5px; color: #000;font-size:var(--fs32);font-weight: 700;line-height: 30px;letter-spacing: -0.96px;}
.history-list div p {padding-left:27px;color: var(--base2);font-weight: 600;letter-spacing: -0.48px;position:relative;}
.history-list div p:before {width:22px; height:22px; background:url(/images/intro/icon_history_check.svg)50% no-repeat; left:0; top:0; position:absolute; display:block; content:'';}
.history-list ul {width:calc((100% - 350px)/3);}
.history-list ul li {font-size:var(--fs18); line-height:1.4;}
.history-list ul li+li {padding:5px 0 0;}





/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 1199px) {
	
	.history-head+.history-list{padding-top:0;}
	
	
	.history-list {flex-wrap:wrap; gap:20px;}
	.history-list div {width:100%; flex-direction:row; align-items:center; gap:30px 20px}
	.history-list ul {padding:50px 0 0; width:calc((100% - 60px)/3); position:relative;}
	.history-list ul:before {
		width:100%; padding:0 0 5px; border-bottom:2px solid; color: var(--base1);font-size: var(--fs20);font-weight: 700;
		left:0; top:0; position:absolute; line-height: 100%;
	}
	.history-list ul:nth-of-type(1):before {content:'도급';}
	
	.history-list ul:nth-of-type(2):before {content:'파견';}
	.history-list ul:nth-of-type(3):before {content:'채용대행';}
	
}


/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	.history-list {flex-direction:column;}
	.history-list div {flex-direction:column; gap:5px;align-items:start;}
	.history-list ul {padding:40px 0 0; width:100%; display:flex; flex-wrap:wrap; gap:10px 20px;}
	.history-list ul li+li {padding:0;}
	
	
}

/* ************************ 모바일 ************************ */
@media (max-width: 500px) {
	
	
	
}