@charset "utf-8";
ul {list-style:none; margin:0; padding:0;}

.certificate .processWrap {border-radius: 40px; border: 5px solid #FFF; background: #F9F9F9; box-shadow: 12px 9px 40px 0 rgba(0, 0, 0, 0.10); padding:70px;}



.certificate .iWrap {display: flex; justify-content: center; margin-bottom:70px;}
.certificate .iWrap i {display:flex; width:142px; height:142px; background:#F9F9F9; border-radius:100px; fill: #F9F9F9; justify-content: center;  align-items: center; stroke-width: 5px; stroke: #FFF;
filter: drop-shadow(12px 9px 40px rgba(0, 0, 0, 0.10));}



.certificate .downBtnWrap {display:flex; flex-direction: column; gap: 20px; border:3px solid #F9F9F9; border-radius:40px; box-shadow: 12px 9px 40px 0 rgba(0, 0, 0, 0.10); background:#fff url(/images/use/i-certificate01.svg) left 70px top 70px no-repeat; padding: 70px; padding-left:200px;}

.certificate .downBtnWrap.cd {background:#fff url(/images/use/i-certificate02.svg) left 70px top 70px no-repeat;}

.certificate .downBtnWrap h3 {font-size:var(--fs26); color:#000; font-weight:700;}
.certificate .downBtnWrap .downTxt {color:#000; border-bottom:1px dashed #ddd; padding-bottom:40px;}
.certificate .downBtnWrap .downTxt span {color:var(--base1);}

.certificate .downBtnWrap .downBtn {display: flex; gap: 50px; padding-top:20px;}
.certificate .downBtnWrap .downBtn p {position:relative; text-align:left; padding-left:15px; margin-bottom:5px; font-weight:600; color:#000;}
.certificate .downBtnWrap .downBtn p:before {position:absolute; content:""; left:0; top:11px; width:5px; height:5px; background:#aaa; border-radius:100px;}

.certificate .downBtnWrap .downBtn p span {color:var(--base1);}

.certificate .downBtnWrap .downBtn a {display: inline-block; padding: 10px 20px; padding-bottom:13px; border:3px solid #eee; background-size:32px; border-radius:100px; color:#000; transition:.3s;}
.certificate .downBtnWrap .downBtn a:hover {border:3px solid #1398de; color: #1398de;}
.certificate .downBtnWrap .downBtn a:last-child:hover {border:3px solid #ff0b17; color:#ff0b17;}
.certificate .downBtnWrap .downBtn a span {padding:3px 10px 6px 10px; background:#1398de; border-radius:100px; color:#fff; font-size:14px; font-weight:600; margin-right:5px;}
.certificate .downBtnWrap .downBtn a:last-child span {background:#ff0b17;}

.certificate .processWrap ul {display:flex; align-items: center;}
.certificate .processWrap ul li {padding:20px 40px; background:#223F8B; border-radius:100px; color:#fff; line-height:1.2; height:80px; display:flex;    justify-content: center; align-items: center; border:1px solid #fff;}
.certificate .processWrap ul li:nth-child(even) {background:none;}
.certificate .processWrap ul li+li {margin-top:10px;}
.certificate .processWrap ul li:nth-child(3) {background:#fff; border:1px solid #ddd; color:#000;}
.certificate .processWrap ul li:nth-child(5) {background:#fff; border:1px solid #ddd; color:#000;}
.certificate .processWrap ul li:nth-child(7) {background:#444; border:1px solid #fff;}

.certificate .processWrap ul.process2 li:nth-child(1) {background:var(--base2)}

.certificate .certificateInfo {margin-top:40px;}
.certificate .certificateInfo p {text-align:left; font-weight:400;}

.certificate .processWrap .document2 table tbody {text-align:left;}
.certificate .processWrap .document3 table tbody {text-align:left;}
.certificate .processWrap .document1 {width:60%;}
.certificate .processWrap .document2 {width:70%;}
.certificate .processWrap .document3 {width:70%;}
.certificate .processWrap .documentWrap {display:flex; gap:50px;}


/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1199px) {
	
	.certificate .processWrap ul {align-items: flex-start; flex-direction: column;}
	.certificate .processWrap ul li:nth-child(2) {display:none;}
	.certificate .processWrap ul li:nth-child(4) {display:none;}
	.certificate .processWrap ul li:nth-child(6) {display:none;}

	.certificate .processWrap ul.process2 {margin-top:30px;}
	
	.certificate .processWrap .document1 {width:100%;}
	.certificate .processWrap .document2 {width:100%;}
	.certificate .processWrap .document3 {width:100%;}
	.certificate .processWrap .documentWrap {gap:20px;}
	
	.certificate .downBtnWrap .downBtn {flex-direction: column; gap: 20px;}
	
	
}



/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	.certificate .iWrap {margin-bottom: 20px;}
	.certificate .processWrap {padding:40px 0; border-radius:0; border:0; box-shadow:none; background:#fff; border-bottom: 1px solid #ddd;}
	.certificate .downBtn a .arrow {left:75%;}
	.certificate .downBtn a:hover .arrow {width:20%;}
	
	.certificate .processWrap ul li {height:auto; padding: 10px 20px;}
	.certificate .processWrap ul li br {display:none;}
	
	.certificate .downBtnWrap {background:#fff; padding:40px;}
	.certificate .downBtnWrap .downBtn div>div {display:flex;         flex-direction: column; gap:10px;}
	
}


/* ************************ 모바일 ************************ */
@media (max-width: 500px) {
	
	.certificate .processWrap .documentWrap {flex-direction: column; gap:30px;}
	.certificate .processWrap:last-child {border-bottom:0;}
	
	.certificateInfo p+p {margin-top:10px;}
	
}