/* css for page 모집요강 */
.process {display:flex;gap:20px 30px;align-items:center;justify-content:space-between;padding: 30px 50px;border: 1px solid #DDDDDD;border-radius:5px;margin: 0 0 30px 0;}
.process .ico-box {width:90px;height:90px;border-radius:50%;background:#EFF3F6;display:flex;align-items:center;justify-content:center;}
.process .txt-box {flex:1;}
.process .txt-box .ul-type-dot li {color:#333;}
.process .txt-box .ul-type-dot > li:before {background:#333;}

.process-list {padding: 24px 50px;border: 1px solid #DDDDDD;border-radius:5px;}
.process-list ul {display:flex;gap:161px;justify-content:space-between;align-items:center;}
.process-list ul li {position:relative;flex:1;display:flex;gap:10px;align-items:center;justify-content:center;}
.process-list ul li .icon-box {width:67px;}
.process-list ul li .text-box {flex:1;}
.process-list ul li+li:before {content:"";position:absolute;width:1px;height:50px;background:#D9D9D9;top:50%;transform:translatey(-50%);left:-80.5px;}
.process-list ul li .txt01 {font-weight: 600;font-size: 16px;line-height: 150%;color:#000E2D;margin: 0 0 5px 0;}
.process-list ul li .txt02 {font-weight: 500;font-size: 14px;line-height: 130%;color:#333;}

.c-red {color:#FF0000!important;}
.step-list li .box-txt {justify-content:center;}
@media (min-width:1025px) and (max-width:1919px) {
	.process-list ul {gap: calc(130/1920*100vw);}
	.process-list ul li+li:before {left:calc(-65/1920*100vw);}
}
@media (max-width: 1024px) {
	.process {padding: 30px;}
	.process-list {padding: 24px 30px;}
	.process-list ul {gap: 20px 20px;}
	.process-list ul li+li:before {left: -10px;}
}
@media (max-width:768px) {
	.process {flex-direction:column;align-items: baseline;padding: 30px 16px;}
	.process .ico-box {margin: 0 auto;}
	.process-list ul {flex-direction:column;align-items: flex-start;}
	.process-list ul li+li:before {content:none;}
	.process-list ul li .txt02 br {display:none;}
	
	.process-list {padding: 24px 16px;}
}