.mis-wrap .mis_bottom {padding:10px 0 60px !important}
.mis-wrap .mis_bottom span {margin-bottom:1%;}
.mis-wrap .top {display:flex; justify-content: space-between; width:90%; margin:0 auto 100px;}
.mis-wrap .top li {display: flex; align-items: center; flex-direction: column; text-align: center;}
.mis-wrap .top li p {width:250px; height:250px; margin-bottom:25px; border-radius: 50%; line-height: 250px; background-color:#054577; color: #fff; font-size:22px;}
.mis-wrap .top li span {font-size: 15px; color:#7A7A7A; line-height: 1.5;}

.mis_bottom ul.want {margin-left:37%}
.mis_bottom ul.want li {margin-bottom:25px; color: #4C4C4C; line-height: 1.5;}
.mis_bottom ul.want li::before {content:''; width:21px; height:16px; display: inline-block; background: url(../img/c_check.png); background-size:21px 16px; margin-right:30px;}
.mis_bottom ul.want li span,
.mis_bottom ul.want li br {display: none;}

.mis_bottom > span { margin-top:20px; margin-left: 0 !important;}

.procedure {margin:0 !important; padding:0 !important;}
.procedure ul li > span {font-weight:unset; line-height: 1.5;  color:#7A7A7A; display:inline-block; padding:20px 0 0 110px !important; }
.procedure ul li > span span {font-weight:500; font-size:15px;  color:#000; padding:0 0 10px 0 !important; }


.aP {margin-top:0 !important}
.mis_bottom.aP p, .procedure p,.mis-wrap .apply p {float: unset !important;}

.mis_bottom .order {display: flex; }
.mis_bottom .order li {width:20%;}
.mis_bottom .order li:last-child {width:15.3%}

.mis_bottom .order li p {padding-left: 110px; font-size:35px; color: #054577; border-bottom:1px solid #ccc}
.mis_bottom .order li p::after {content:''; margin-top:20px; transform: translateY(1.5px); display:block; width:40px; height:3px; background:#054577}

/* 지원 절차 설명 부분 */
.mis-wrap .mis_bottom.ref {width:560px; color:#7a7a7a; font-size:14px; line-height: 1.8;}
.mis-wrap .mis_bottom.ref + .border {margin-top:80px}

/* 하단 지원하기 버튼 링크 */
.apply {margin:0 0 100px 0 !important}
.apply ul {display: flex; align-items: center; margin-top:30px}
.apply ul li {text-align:center; border:1px solid #000; width:20%; height:50px; line-height:50px; margin-right:30px}
.apply ul li:first-child img {height:12px; width: auto;}
.apply ul li:last-child img {height:20px; width: auto;}
.apply ul li a {display: block;}
.apply ul li a img {padding-right:8px}

.mis-wrap .mis_bottom.procedure span {color:#7A7A7A; }
.mis-wrap .mis_bottom.procedure span >span {color:#000; font-weight:bold }

/* 반응형 */
@media screen and (max-width:1200px){
    .mis-wrap .top {flex-wrap: wrap;}
    .mis-wrap .top li {width:50%; margin-bottom:8%}
    .mis_bottom ul.want {margin:60px 0 0 0;}
    .mis_bottom .order li {width:28%}
    .mis_bottom .order li p {font-size:30px;padding-left:60px}
    .mis_bottom .order li p::after {width:35px;}
    .mis-wrap .mis_bottom span {margin-top:10px !important}
    .procedure ul li > span {font-size:13px !important; padding:0 0 0 60px !important; margin-top:15px !important}
    .ref br {display: none;}
    .apply ul li {width:30%}
}

@media screen and (max-width:1000px){
    .mis-wrap .mis_title {padding-left: 35px !important;}
    .mis-wrap .mis_bottom {width:90%; margin:0 auto !important;}
    .mis-wrap .mis_bottom.ref { width:83%; font-size:12px;}
}

@media screen and (max-width:800px){
    .mis_bottom .order li p {padding-left:30px}
    .procedure ul li > span  {padding-left:30px !important}
    .mis_bottom .order {flex-wrap: wrap;}
    .mis_bottom .order li, .mis_bottom .order li:last-child {width:50%; margin-bottom:15px;}
    
    .mis-wrap .top {margin:0 auto 50px}
    .mis-wrap .top li p {height:30vw; width:30vw; line-height:30vw}
    .mis_bottom ul.want li {font-size:12px; margin-bottom:20px}
    .mis_bottom ul.want li::before { width:11px; height:8px; background-size:11px 8px; margin-right:7px}
    
    .ref {width:96%; padding:1.5% 3% !important}
    .mis_bottom {margin-top:30px}
    .apply ul {display: block; margin-top:45px;}
    .apply ul li {width:100%; height:60px; line-height: 60px; margin:0 0 15px 0}

}

@media screen and (max-width:600px){
    .mis-wrap .top {flex-wrap: nowrap; flex-direction: column;}
    .mis-wrap .top li {width:100%}
    .mis-wrap .top li p {height:60vw; line-height: 60vw; width: 60vw; font-size:20px}
    .mis-wrap .top li span {font-size:15px;}
}

@media screen and (max-width:500px){
    .mis-wrap {padding:0 !important;}
    .mis-wrap .mis_bottom p {line-height:1.5}

}

@media screen and (max-width:450px){
    .mis_bottom ul.want li:last-child span,
    .mis_bottom ul.want li:last-child br {display: none;}
    .mis_bottom ul.want li span {width:20px}
    .mis_bottom ul.want li span,
    .mis_bottom ul.want li br {display: inline-block;}
}
@media screen and (max-width:350px){
    .mis_bottom ul.want li span {width:20px}
    .mis_bottom ul.want li span,
    .mis_bottom ul.want li br {display: inline-block !important;}

}