@charset "utf-8";
.InnerContent { width:1270px;position:relative; z-index:1; margin:0 auto; padding-top:0;padding-bottom:20px;}
.IntroKeyVisual {padding-top:40px;}
.Desc {color:#666;z-index:9;position:relative;text-align:center; font-size:18px;}
.DescArea {}
.DescArea h1 {font-size:25px;color:#000; text-align:center;}
.DescArea h1.Tit { padding-bottom:10px; }
.intro_title_bar {margin: 45px auto 35px; width: 20px; height: 2px; background: #209bf9;}
.intro_title > h4 { text-align: center; margin: 0; font-size: 35px; color: #333; letter-spacing: -0.05em; font-weight: 500;}
.intro_title_bar2 { width: 1px; height: 55px; background: #209bf9; margin: 45px auto 40px;}
.intro_idx_box01 > i {text-align: center; font-size: 12px; color: #ababab; letter-spacing: 0.2em; display: block;}
.intro_idx_box01 > p { font-size: 15px; color: #222; font-weight: 400; text-align: center; font-weight: bold; letter-spacing: -1px; margin-top:20px;}

.vision02_bg {
background: #f2f1ed url(/img/vision_bg02.jpg) center top no-repeat;
}
.vision02 .vision02_con {
width: 1200px;
margin: 0 auto;
padding: 90px 0 100px 0;
position: relative;
}
.vision02 .vision02_con .title {
font-size: 65px;
color: #222;
font-weight: 500;
letter-spacing: 0.2em;
text-align: center;
}
.vision02 .vision02_con .vision02_box {
width: 1010px;
margin: 0 auto;
overflow: hidden;
box-sizing: border-box;
padding-top: 25px;
}
.vision02 .vision02_con .vision02_box div:first-of-type {
background: #aa8d52;
}
.vision02 .vision02_con .vision02_box div:first-of-type span {
border-bottom: 1px solid #d5c6a9;
}
.vision02 .vision02_con .vision02_box div p {
font-size: 18px;
color: #fff;
letter-spacing: -0.025em;
font-weight: 300;
line-height: 30px;
}
.vision02 .vision02_con .vision02_box div:nth-of-type(2) {
background: #7d725b;
}
.vision02 .vision02_con .vision02_box div:nth-of-type(2) span {
border-bottom: 1px solid #beb9ad;
}
.vision02 .vision02_con .vision02_box div p {
font-size: 18px;
color: #fff;
letter-spacing: -0.025em;
font-weight: 300;
line-height: 30px;
}
.vision02 .vision02_con .vision02_box div:last-of-type {
background: #206792;
margin-right: 0;
}
.vision02 .vision02_con .vision02_box div:last-of-type span {
border-bottom: 1px solid #90b3c9;
}
.vision02 .vision02_con .vision02_box div p {
font-size: 18px;
color: #fff;
letter-spacing: -0.025em;
font-weight: 300;
line-height: 30px;
}
.vision02 .vision02_con .bar {
position: absolute;
bottom: -42px;
left: 50%;
width: 1px;
height: 83px;
background: #b6b6b6;
}
.vision02 .vision02_con .vision02_box div {
float: left;
width: 265px;
height: 265px;
box-sizing: border-box;
text-align: center;
margin-right: 107px;
border-radius: 132.5px;
}
.vision02 .vision02_con .vision02_box div span {
font-size: 24px;
color: #fff;
letter-spacing: -0.025em;
width: 76px;
text-align: center;
display: inline-block;
margin: 65px 0 20px 0;
}


.SubContentTitle { font-size:25px; padding-top:60px;margin-bottom:5px;color:#000; text-align: center; font-weight: 600;}
.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;}
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:48%;display:inline-block;font-size:0px;vertical-align:top;}
.HistoryDiv .DescArea:first-child {margin-right:4%;}
.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:100%;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; font-size: 20px;}
.map50 .DefinitionList td {width:80%;border-bottom:solid 1px #e9e9e9; font-size: 15px;}

.map40 {width:100%;display:inline-block;font-size:0px;box-sizing:border-box;}
.first_map {margin-right:3%;}
.map40 .DescArea h1 {font-size:18px;margin-top:10px;}
.map40 .DefinitionList {font-size:14px;}
.map40 .DefinitionList table {width:100%;text-align:left;}
.map40 .DefinitionList tr {height:50px;}
.map40 .DefinitionList th {width:20%;border-bottom:solid 1px #e9e9e9; }
.map40 .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; text-align: center; font-size: 16px;}

.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; min-height:600px}

@media screen and (max-width:1270px){
.InnerContent {width:100%;padding:10px;}
}

@media screen and (max-width:1190px) and (min-width:640px) {
.InnerContent { width:100%;position:relative; z-index:1; margin:0 auto; padding:10px;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; padding:10px;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;}

}

.root_daum_roughmap_landing {width:100%!important;}



.tab_content {text-align: center;}
input[type="radio"] {display:none;}
input[type="radio"] + label {display:inline-block; padding:20px; background:#fff; color:#333; font-size:16px; cursor:pointer; border:1px solid #eee;}
input[type="radio"]:checked + label {background:#209bf9; color:#fff; font-size: 16px; font-weight: 600; border:1px solid #eee;}
.conbox {width:100%; height:100%; background:#fff; margin:0 auto; display:none; border: 1px solid #fff;}
input[id="tab01"]:checked ~ .con1 {display:block;}
input[id="tab02"]:checked ~ .con2 {display:block;}
input[id="tab03"]:checked ~ .con3 {display:block;}
input[id="tab04"]:checked ~ .con4 {display:block;}





/*°øÅëCSS*/
span.Block {display:block;}