/***********************************  


µ¿¿µ»ó,½ºÅ丮 ºÎºÐ css ÆÄÀÏÀÔ´Ï´Ù.


**********************************/


#main_company {position:relative;width:100%;height:auto;    padding: 7rem 0 2rem ;background:url(../../img/dmedi/main_c_bg.jpg) 50% 0%;background-size:cover;}
#main_company .inner{ width:100%;    max-width: 1350px; margin: 0 auto; padding:0 0; }
#main_company .storyw{display:flex;flex-direction: row;    flex-wrap: wrap;justify-content: space-between;}
#main_company .right {  margin-top: 50px;  width: 50%;  background: #000;  height: 300px;}
#main_company .ti {text-align:right;letter-spacing:-1;color:#000;line-height:1.5;    padding: 0 1rem;}
#main_company h2 {font-size:32px;}
#main_company p {font-size:18px;}
#main_company .left {margin-top:50px;}

#main_company .right table { width: 90%; border-spacing: 1px; font-family: 'Cairo', sans-serif;margin: auto; border-collapse: collapse;margin: 3rem auto;}

#main_company .right th,td{color: #fff; }

#main_company .right table th:first-child,
#main_company .right table td:first-child {border-left: 0;}
#main_company .right table th:last-child,
#main_company .right table td:last-child {border-right: 0; }

#main_company .right table td {padding: 10px;border: 2px solid #e85f2b;vertical-align: top; }
#main_company .right table th {padding: 10px;border: 2px solid #e85f2b;border-top: 0;}




#main_company .story-but {    width: 80%;    margin: 5rem auto 0;color:#fff; border: 1px solid #b8b9be; padding: 0.8rem 1rem; font-size:1rem;background: transparent; cursor: pointer;transition: all 0.3s ease;border-radius: 3rem;text-align: center;}
#main_company .story-but:hover {color:#000;background: #fff;border: 1px solid #fff;}
#main_company .story-but a {color:#fff}
#main_company .right {margin-top:50px;    padding: 0 1rem;}
#main_company .story-01{    display: flex;margin-bottom:30px; }
#main_company .story-01 .s-con01{float:left;width:100px;font-size:16px;color:#000;text-align: center;}
#main_company .story-01 .s-con01 .counter{ float:left;width:100px;font-size:30px;color:#000; text-align: center;margin-right:60px;    line-height: 1.2;}


#main_company .story-01 .s-con03 {float:left;width:25rem;font-size:20px;color:#000;padding-top: 15px;line-height:1.5;padding: 0 0 0 2.5rem;font-weight: bold;}
#main_company .story-01 .s-con03 span{font-weight: bold;}

@media (max-width: 1200px) {
    
#main_company .leftw{display:block;margin: 0 auto;}
#main_company .left {width: 100%;}    
#main_company .right { width: 100%;padding: 1rem;}
   
#main_company .ti {text-align:center;    padding: 1rem;}
#main_company .story-01{display:inline-block;    margin: 0 1rem;  vertical-align: top;}
#main_company .story-01 .s-con03 {padding: 0 0 0 1.5rem; width: 100%;}      
}


@media (max-width: 750px) { 
#main_company {padding: 5rem 0;}
 #main_company .leftw{display:block;margin: 0 0;}
#main_company .right { height: auto;}
#main_company .left {display: block;}
#main_company .right table { width: 100%;margin: 3rem auto}
#main_company .ti {text-align:left;}    
#main_company .story-01{    display: flex; flex-direction: column;}
#main_company .story-01 .s-con01 .counter{;font-size:2rem;padding:1rem 0 0;}
#main_company .story-but   {   margin:3rem 1rem;} 
#main_company .story-01 .s-con03 {width:100%;padding: 1rem;}  
    }