@charset "euc-kr"; 

.InnerContent {position:relative; z-index:1; margin:0 auto; padding-top:0;padding-bottom:50px;} 
.InnerContent .product {margin-top:20px;}
.IntroKeyVisual {padding-top:40px;} 
.Desc {color:#666;z-index:9;position:relative;} 
.DescArea {} 
.DescArea h1 {font-size:20px;color:#000;} 
.DescArea h1.Tit {padding-bottom:10px;} 

.SubContentTitle { font-size:20px; padding-top:60px;margin-bottom:5px;color:#000;} 
.ArticleWrap {overflow: hidden;width:100%;} 
.Article {position:relative;float:left;width:33.3333333333%;} 
.Height1 {height:400px;} 
.Article .ArticleTit {font-size:16px;margin-bottom:15px;} 
.Article .ArticleTit .eng {font-size:11px;color:#000;} 
.Article .Image {position:absolute;right:0px;bottom:0px;overflow:hidden;width:200px;} 
.Article .Image > img {border-radius:200px;} 
figure {display:block;margin:0px;padding:0px;z-index:1;} 
.CompanyInfo {position:relative;display:block;width:100%;overflow:hidden;} 
.CompanyInfo .RightArea {position:relative;float:right;width:40%;height:355px;overflow:hidden;} 
.CompanyInfo .OneImage img {width:100%;} 
.CompanyInfo .LeftArea {position:relative;float:left;width:60%;} 
.CompanyInfo .LeftArea ul {} 
.CompanyInfo .LeftArea ul li {display:block;width:100%;font-size:14px;} 
.CompanyInfo .LeftArea ul li h3, .CompanyInfo .LeftArea ul li .Desc {display:inline-block;border-bottom:solid 1px #e9e9e9;margin-right:20px;line-height:50px;} 
.CompanyInfo .LeftArea ul li h3 {width:20%;} 
.CompanyInfo .LeftArea ul li .Desc {width:70%;} 
.CompanyInfo .LeftArea p.Text {font-size:11px;} 

.HistoryDiv {width:100%;font-size:0px;} 
.HistoryDiv .DescArea {position:relative;width:49%;display:inline-block;font-size:0px;vertical-align:top;} 
.HistoryDiv .DescArea:first-child {margin-right:2%;} 
.HistoryDesc {font-size:0px;width:100%;} 
.HistoryDesc h2 {font-size:16px;padding-bottom:10px;margin-bottom:15px;border-bottom:solid 2px #000;} 
.HistoryDesc h2 span {font-size:14px;display:block;color:#7b7b7b;line-height:14px;} 
.HistoryDesc p.Desc {width:100%;vertical-align:top;display:inline-block;font-size:12px;border-box;} 
.HistoryDesc ul {width:100%;display:inline-block;font-size:12px;} 
.HistoryDesc ul.List {margin-top:10px;} 
.HistoryDesc ul p {margin-top:5px;font-size:16px;font-weight:blod;color:#494949;} 
.HistoryDesc ul li {color:#939393;} 
.HistoryDesc ul.List > li {margin-bottom:5px;} 

.map50 {width:48%;display:inline-block;font-size:0px;box-sizing:border-box;} 
.first_map {margin-right:3%;} 
.map50 .DescArea h1 {font-size:18px;margin-top:10px;} 
.map50 .DefinitionList {font-size:14px;} 
.map50 .DefinitionList table {width:100%;text-align:left;} 
.map50 .DefinitionList tr {height:50px;} 
.map50 .DefinitionList th {width:20%;border-bottom:solid 1px #e9e9e9;} 
.map50 .DefinitionList td {width:80%;border-bottom:solid 1px #e9e9e9;} 

.margin40 {padding-top:40px !important;} 
.Divide4 .Type3 {width:23.5%;} 
.Divide4 .Type3 .business img {width:100%;} 
.Divide4 .Type3 {margin-right:2%} 
.Divide4 .Type3:last-child {margin-right:0px;} 
.Divide4 .Type3 .ArticleTit2 {font-size:16px;margin-top:10px;font-weight:bold;} 

.BoxArea {display:inline-block;font-size:0px;margin-bottom:30px;} 
.BoxArea .Item {width:32%;display:inline-block;margin-right:2%;font-size:14px;} 
.BoxArea .Item:last-child {margin-right:0px;} 
.BoxArea .Item .Image img {width:100%;} 
.BoxArea .Item .Arrow {background:#f8f8f8;line-height:50px;padding-left:10px;} 

.GraphType {width:100%;display:inline-block;font-size:0px;overflow:hidden;margin-bottom:50px;} 
.GraphType .Item {width:49%;display:inline-block;font-size:12px;vertical-align:top;} 
.GraphType .Item:first-child {margin-right:2%} 
.GraphType .Thumbnail img {width:100%;} 
.GraphType .Item h1.Title {font-size:16px;margin-top:10px;} 

.boardcss {margin-top:30px;} 

@media screen and (max-width:1280px){ 
.InnerContent {width:100%;} 
} 

@media screen and (max-width:970px) and (min-width:640px) { 
.InnerContent { width:100%;position:relative; z-index:1; margin:0 auto;box-sizing:border-box;} 
.Article {width:100%;} 
.CompanyInfo .RightArea {position:relative;float:right;width:100%;height:200px;overflow:hidden;} 
.CompanyInfo .LeftArea {position:relative;float:left;width:100%;} 
.CompanyInfo .LeftArea ul li h3 {width:20%;margin-right:4%;} 
.CompanyInfo .LeftArea ul li .Desc {width:75%;margin-right:0px;} 

.HistoryDiv .DescArea {position:relative;width:100%;display:inline-block;font-size:0px;vertical-align:top;} 
.HistoryDiv .DescArea:first-child {margin-right:0px;margin-bottom:30px;} 

.map50 {width:100%;} 
.first_map {margin-right:0px;margin-bottom:50px;} 

.Divide4 .Type3 {width:100%;margin-bottom:30px;} 
.BoxArea .Item {width:100%;margin-bottom:30px;} 

.GraphType {margin-bottom:0px;} 
.GraphType .Item {width:100%;margin-bottom:50px;} 

} 
@media screen and (max-width:640px) and (min-width:10px) { 
.InnerContent { width:100%;position:relative; z-index:1; margin:0 auto; box-sizing:border-box;} 
.Article {width:100%;} 
.CompanyInfo .RightArea {position:relative;float:right;width:100%;height:200px;overflow:hidden;} 
.CompanyInfo .LeftArea {position:relative;float:left;width:100%;} 
.CompanyInfo .LeftArea ul li h3 {width:20%;margin-right:3%;} 
.CompanyInfo .LeftArea ul li .Desc {width:75%;margin-right:0px;} 

.HistoryDiv .DescArea {position:relative;width:100%;display:inline-block;font-size:0px;vertical-align:top;} 
.HistoryDiv .DescArea:first-child {margin-right:0px;margin-bottom:30px;} 

.map50 {width:100%;} 
.first_map {margin-right:0px;margin-bottom:50px;} 

.Divide4 .Type3 {width:100%;margin-bottom:30px;} 
.BoxArea .Item {width:100%;margin-bottom:30px;} 

.GraphType {margin-bottom:0px;} 
.GraphType .Item {width:100%;margin-bottom:50px;} 

} 


/*°øÅëCSS*/ 
span.Block {display:block;}