@charset "utf-8";
/* 사업영역 */

.business_01{position:relative; width:100%; display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; text-align:center}


.business_01 div,
.business_01 h3,
.business_01 ul,
.business_01 li,
.business_01 ol{border-radius:3px; box-sizing:border-box}


.business_01 div{width:24%}
.business_01 h3{width:100%; height:55px; line-height:55px; text-align:center; color:#fff; font-size:22px; font-weight:400}
.business_01 div > ul{width:100%; display:block; background:#eff7f9; margin:10px 0 40px 0; padding:20px} /*#eff7f9 */
.business_01 div > ul > li{width:100%; margin-bottom:10px; padding:12px; background:#fff; border-bottom:1px solid #e2ecef; color:#000; font-size:18px; font-weight:500}
.business_01 div > ul > li:last-child{margin-bottom:0}

.edu_01{margin-top:10px}
.edu_01 > li{width:100%; padding:8px 3px; background:#8494a4; color:#fff; font-size:16px; margin-bottom:5px}

.edu_01 ol{width:100%; display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; padding:10px 10px 0 10px}
.edu_01 ol li{width:32%; display:block; background:#eff7f9; border:1px solid #e3edf0; margin:2px 0; color:#444; font-size:15px}



.business_01 div.a01 h3{background:#0060bf}
.business_01 div.a02 h3{background:#0090bf} 
.business_01 div.a03 h3{background:#587992} 
.business_01 div.a04 h3{background:#497aaa} 


/*인증현황 */

/*.busi_headcopy {text-align:center; color:#000; font-size:24px; margin-bottom:40px}
.busi_headcopy strong{font-size:48px; font-weight:500; display:block}
.busi_headcopy br{display:none}*/


.business_02{position:relative; display:flex; width:1400px; height:100%; margin:0 auto; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; }

.busi_list{width:590px}
.busi_list p{color:#000; font-size:24px; margin-bottom:60px}
.busi_list p strong{font-size:48px; font-weight:500; display:block}

.busi_list dl{width:100%; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;  border-bottom:1px solid #eee; margin:22px 0 15px 0; }
.busi_list dt{position:relative; width:110px; font-size:20px; color:#000; font-weight:500; padding:2px 0 12px 15px;  box-sizing:border-box;}
.busi_list dt::before{content:"";position:absolute; top:15px; left:0; width:6px; height:2px; background:#ff3c00; }
.busi_list dd{width:calc(100% - 110px); font-size:16px; padding:5px 0 15px 0}
/*.busi_list dl:last-child{border-bottom:none}*/



.cert_list{width:calc(100% - 680px); margin-top:60px}
.cert_list div{width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; margin:20px 0 40px 0}
.cert_list p.tit{position:relative; display:block;  width:100%; font-size:24px; color:#000; font-weight:500; letter-spacing:-1}
.cert_list p.tit::after{content:""; position:absolute; width:calc(100% - 280px); height:1px; top:50%; right:0; background:#ff3c00}

.cert_list p.tit.type_02::after{width:calc(100% - 480px)}

.cert_list ul{width:21%; margin:10px 0}
.cert_list li:nth-child(1){border:1px solid #eee; box-sizeing:border-box}
.cert_list li:nth-child(2){text-align:center; margin-top:10px; line-height:20px}
.cert_list li:nth-child(2) span{font-size:14px}


@media (max-width:1600px) {

    
.business_02{width:100%; }
    
}


@media (max-width:1300px) and (min-width:941px){
    
.busi_list{width:400px} 
.busi_list p br{display:none}
    
.cert_list{width:calc(100% - 450px)}    
.cert_list ul{width:30%}
.cert_list p.tit{font-size:20px;}

}

@media (max-width:1300px){    
.business_01 div.a01{width:38%} 
.business_01 div{width:20%}
}
    
 

@media (max-width:940px) {   
.busi_list{width:100%} 
.busi_list p br{display:none}    
.cert_list{width:100%; margin-top:40px}     
}

 @media (max-width:850px) {
   
.business_01 div.a01{width:49%} 
.business_01 div{width:49%}   
}

    
@media (max-width:640px) {

.business_01 div h3{font-size:20px; height:45px; line-height:45px}  
.business_01 div > ul{padding:15px}
.business_01 div > ul > li{font-size:17px; padding:10px}
    
.edu_01 > li{font-size:15px}
.edu_01 ol{padding:5px 10px 0 10px}
.edu_01 ol li{font-size:14px}
.edu_01 ol li{width:49%}
    
.cert_list p.tit{font-size:20px;}
.cert_list p.tit::after{display:none}
.cert_list li:nth-child(2){line-height:16px}
.cert_list li:nth-child(2) span{font-size:12px}
    
}


@media (max-width:450px) {
.business_01 div.a01{width:100%} 
.business_01 div{width:100%}     
    
.busi_list p{font-size:18px; margin-bottom:20px;}
.busi_list p strong{font-size:30px;}    
.cert_list ul{width:45%}
}