#bTab {width:100%; margin-bottom:40px; border-bottom:1px solid #ececec}
#bTab ul {padding-left:100px; display: flex; align-items: center;}
#bTab ul li {padding:0 4px; margin-right:30px; padding-bottom:20px;}
#bTab ul li.on {margin-bottom: -2.5px; border-bottom:3px solid #054577}

/* 하단 텍스트들 */
.mis_bottom {width:83%; margin:0 auto; display:flex !important; align-items: center; justify-content:space-between;}
.mis_bottom p:before {content:''; display: block; width:35px; height:3px; background:#054577; margin-bottom: 5px;}
.mis_bottom > div.left { display:flex !important; justify-content:space-between; padding:0 0 40px 0 !important; line-height: 1.9 !important;}
.mis_bottom > div.left > div {color: #7A7A7A; margin:20px 3vw 0 16vw}
.mis_bottom > span {margin-left: 380px !important;}
.mis_bottom > span div {width:70%; padding-right:3%}
.mis_bottom span span { font-size:16px; line-height: 1 !important;padding-left:0 !important; color: #000;}

.cusList {width:80%; margin:80px auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.cusList li {width: 25%; text-align: center; margin-bottom:80px}
.cusList li:nth-child(1) img {width:150px}
.cusList li:nth-child(2) img {width:225px}
.cusList li:nth-child(3) img {width:238px}
.cusList li:nth-child(4) img {width:150px}
.cusList li:nth-child(5) img {width:205px}
.cusList li:nth-child(6) img {width:129px}
.cusList li:nth-child(7) img {width:357px}


/* HR 서비스 */
.hr #sec01 img {width:230px}
.hr #sec02 img {width:244px}

/* 채용대행 */
.em #sec01 img {width:231px}
.em #sec02 img {width:260px} 

/* 반응형 */
@media screen and (max-width:1500px){
    .cusList {width:unset;}
    .cusList li:nth-child(1) img {width:120px}
    .cusList li:nth-child(2) img {width:195px}
    .cusList li:nth-child(3) img {width:208px}
    .cusList li:nth-child(4) img {width:120px}
    .cusList li:nth-child(5) img {width:175px}
    .cusList li:nth-child(6) img {width:99px}
    .cusList li:nth-child(7) img {width:327px}

    .mis_bottom > div.left > div {margin-left:10vw}
    
    .mis-wrap .mis_bottom > span {margin-left: 180px !important;}
    .mis_bottom span span { line-height:1.5 !important; }
}
@media screen and (max-width:1200px){
    /* HR 서비스 */
    .hr #sec01 img {width:180px}
    .hr #sec02 img {width:194px}
    
    /* 채용대행 */
    .em #sec01 img {width:181px}
    .em #sec02 img {width:210px}
    
    .mis_bottom {flex-direction:column-reverse;}
    .mis_bottom > div.left {width:68%; margin-top:5%; flex-direction:column; align-items: flex-start;}
    .mis_bottom > div.left > div {margin-left:0}
}
@media screen and (max-width:1000px){
    .mis-wrap {padding:0 !important}
    #bTab ul {padding-left:35px}
    .mis_title {padding:60px 0 60px 35px !important;}
    .mis_bottom {width:100%; padding:60px 55px !important}
    .cusList {width:unset;}
    .cusList li:nth-child(1) img {width:100px}
    .cusList li:nth-child(2) img {width:175px}
    .cusList li:nth-child(3) img {width:188px}
    .cusList li:nth-child(4) img {width:100px}
    .cusList li:nth-child(5) img {width:155px}
    .cusList li:nth-child(6) img {width:79px}
    .cusList li:nth-child(7) img {width:307px}
    
    .hr #sec01 img {width:160px}
    .hr #sec02 img {width:174px}
    
    
    /* 채용대행 */
    .em #sec01 img {width:161px}
    .em #sec02 img {width:190px} 
}

@media screen and (max-width:800px){
    .cusList {margin:0}
    .cusList li {width:40%}
    .cusList li:nth-child(7) img {width:100%}
    
    .mis-wrap .mis_bottom p {font-size:16px !important}
    .mis_bottom p:before {width:25px !important}
    .mis-wrap .mis_bottom img {width:50% !important}

    .mis_bottom {padding:60px 0 0 0 !important}
    .mis_bottom > span {display:block !important}
    .mis_bottom > span div {margin-bottom:30px}
    .mis_bottom > div.left {width:89%}
    #bTab ul li {margin-right:10px}
    #bTab ul li.on {border-style: double;}
}

@media screen and (max-width:500px){
    #bTab ul {padding-left:15px}
    .mis_bottom > div.left {margin-top:10%}

    .cusList li:nth-child(1) img {width:53%}
    .cusList li:nth-child(2) img {width:90%}
    .cusList li:nth-child(3) img {width:100%}
    .cusList li:nth-child(4) img {width:60%}
    .cusList li:nth-child(5) img {width:90%}
    .cusList li:nth-child(6) img {width:50%}
    .cusList li:nth-child(7) img {width:100%}

}