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


ºê·£µå css ÆÄÀÏÀÔ´Ï´Ù.


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


#main_company {width:100%;    height: 100%; overflow: hidden; background:#ebebec;}
#main_company .inner{ max-width: 1500px;   margin: 0 auto;}
.row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;    margin: 0 0.5%;}
.leftview{    flex: 0 0 33.333333%; max-width: 33.333333%;    padding: 5% 0 0;}
.textb1{    color: #9cbb28;    font-size: 20px;    line-height: 180%;    font-weight: 400; }
.textb2{    color: #212529;    font-size: 50px;    line-height: 120%;    font-weight: bold; }
.textb3{    color: #636363;    font-size: 16px;    line-height: 150%;    font-weight:400;    padding: 10% 0;}
.more {text-decoration: none; color: #121212; font-size: 18px; line-height: 180%; font-weight:600;    display: inline-block;    padding-bottom: 1%; }


.special{width:100%; overflow: hidden;float: left;}


.special li {display: inline-block; width: 47.5%;padding: 20% 1% 1%;}
.special li img{width:100%;}
.special li:first-child{padding-left:0%;}









.rightview{display: block; }


.rightview .imgview{     position: relative;  }










/* ============= 
* RESPONSIVE
* ============*/
@media screen and (max-width:3000px) {


.rightview img{max-width: 1200px; margin-left: 15%; }
}




@media (max-width: 1024px) { 
#main_company .inner{ width: 100%; }

}


@media screen and (max-width:1050px) {
.textb1{ text-align:center }
.textb2{ font-size: 34px; text-align:center }
.textb3{  text-align:center ;font-size: 16px ;padding: 5% 0;}
.more{border-bottom: 0px solid #000;    display: block;    padding-bottom: 1%;  text-align:center}


.special li {width:49.3%;padding: 20% 0.5% 1% 0.5%;}
.special li:last-child{padding-right:0%;}





.leftview{flex: 0 0 100%; max-width: 100%;padding:15% 0 0;}


.rightview img{max-width: 100%; margin-left:0%; }






}




@media screen and (min-width:1050px) {


.col8{ flex: 0 0 66.666667%; max-width: 66.666667%;}




}








@media screen and (max-width:881px) {

.special li {width:49.2%;padding: 20% 0.5% 1% 0;}
}








@media (max-width: 640px) { 
.textb2{ font-size: 28px;  }
.textb3{font-size: 12px ;padding: 2% 0;}

}