/******************************* 공통 ****************************/
.table .vert-align-top {vertical-align:top;}
.table.type1 thead th {background:var(--table); color:#000; font-size:18px; font-weight:600; padding:20px;}
.table.type1 thead th+th {border-left:1px solid var(--border1);}
.table.type1 tbody th, .table.type1 tbody td {padding:20px; font-size:18px; text-align:center; color:#000; border-right:1px solid var(--border1); border-top:1px solid var(--border1);}
.table.type1 table {border:1px solid var(--border1);}
.table.type1 .mob_tit {display:none;}
.table.type1 ul li {position:relative; padding-left:10px; text-align:left;}
.table.type1 ul li+li {margin-top:5px;}
.table.type1 ul li:before {content:""; display:block; position:absolute; width:5px; height:5px; background:var(--border1); border-radius:50%; top:11px; left:0;}

/******************************* 참여안내 ****************************/
.job_apply h3 {font-size:24px;}
.job_apply > .intro_bx {display:flex; border-radius:20px; overflow:hidden; padding:2px; background:var(--base2);}
.job_apply > div+div {margin-top:60px;}
.job_apply > .intro_bx h3 {background:var(--base2); color:#fff; width:20%; padding:30px 40px;}
.job_apply > div h3 span {display:block; position:relative; padding-top:15px;}
.job_apply > div h3 span:before {content:""; display:block; position:absolute; width:30px; height:3px; background:#fff; top:0; }
.job_apply > .intro_bx ul {padding:50px; background:#fff; width:80%; border-radius:20px;}
.job_apply .intro_bx {font-size:18px;}
.job_apply .intro_bx li {position:relative; padding-left:30px;}
.job_apply .intro_bx li+li {margin-top:20px;}
.job_apply .intro_bx li p .empha {color:var(--base3); font-weight:700;}
.job_apply .intro_bx li p+p {margin-top:10px;}
.job_apply .intro_bx li span.num {display:block; position:absolute; left:0; top:5px; width:20px; height:20px; border-radius:50%; font-size:13px; border:2px solid var(--base1); text-align:center; font-weight:600; color:#000;}
.job_apply .intro_bx li span.tit {font-weight:600; color:#000; font-size:20px;}
.job_apply .process_bx {background:var(--base2); padding:2px; overflow:hidden; border-radius:20px;}
.job_apply .process_bx h3 {background:var(--base2); color:#fff; padding:30px 40px;}
.job_apply .process_bx .process {background:#fff; display:flex; padding:50px; flex-wrap: wrap; border-radius: 0 0 20px 20px; row-gap:50px;}
.job_apply .process_bx .process li {text-align:center; width:18%; display:flex
; flex-direction: column; align-items: center;  min-width:150px;}
.job_apply .process_bx .process li.arrow {width:30px; padding-top:50px; min-width:auto;}
.job_apply .process_bx .process li.arrow img {width:15px;}
.job_apply .process_bx .process li .icon {border:3px solid var(--base2); border-radius:50%; width:130px; height:130px; display:flex; justify-content:center; align-items:center;}
.job_apply .process_bx .process li .icon img {width:80px;}
.job_apply .process_bx .process li dl dt {font-weight:600; color:#000; margin-top:10px; font-size:20px;}
.job_apply .process_bx .process li dl dd {margin-top:10px;}
/* ******* 태블릿 이하(~1249) ******** */
@media screen and (max-width: 1249px) {
.job_apply .process_bx .process li dl dt {font-size:18px;}

}
/* ******* 태블릿 이하(~991) ******** */
@media screen and (max-width: 991px) { 
.job_apply h3 {font-size:22px;}
.job_apply > .intro_bx {flex-direction:column;}
.job_apply > .intro_bx ul {padding:50px 30px;}
.job_apply .intro_bx {font-size:16px;}
.job_apply .intro_bx li span.tit {font-size:18px;}
.job_apply .intro_bx li span.num {top:2px;}
.job_apply .process_bx .process {padding:50px 30px;}
.job_apply .process_bx .process li .icon {width:100px; height:100px;}
.job_apply .process_bx .process li .icon img {width:60px;}
.job_apply .process_bx .process li.arrow img {width:10px;}
.job_apply .process_bx .process li dl dt {font-size:16px;}
.job_apply .process_bx .process li dl dd {font-size:15px;}
}

/* ******** 모바일 (0~767) ******* */
@media screen and (max-width: 767px) {
	
}


/* ******** 모바일 (0~500) ******** */
@media screen and (max-width: 500px) {
.job_apply > .intro_bx h3 {padding:30px 20px; font-size:20px;}
.job_apply .process_bx h3 {padding:30px 20px; font-size:20px;}
.job_apply > .intro_bx ul {padding:30px 20px;}
.job_apply .process_bx .process {flex-direction:column; align-items:center; row-gap:20px; padding:30px 20px;}
.job_apply .process_bx .process li.arrow {padding-top:0;}
.job_apply .process_bx .process li.arrow img {transform:rotate(90deg);}

}

@media screen and (max-width: 350px) { 
}