/* BASIC css start */
#wrap #contentWrap{width:auto;}

.companyTopArea{height:700px;position:relative;}
.companyTopArea .bg{height:100%;background:50% 50% no-repeat fixed;}
.companyTopArea .infoWrap{position:absolute;top:0;left:50%;width:1200px;margin-left:-600px;text-align:center;}
.companyTopArea .subTxt{font-size:28px;color:#fff;line-height:40px;padding-top:226px;}
.companyTopArea .title{color:#fff;display:block;font-size:36px;font-weight:700;line-height:48px;position:relative;padding-bottom:36px;}
.companyTopArea .title:after{content:"";display:block;position:absolute;bottom:0;left:50%;margin-left:-20px;height:1px;width:40px;background-color:#fff;}
.companyTopArea .moveToIntroBtn{display:inline-block;margin-top:40px;}

.companyIntroArea{background-color:#f1f1f6;padding:130px 0;}
.companyIntroArea .infoArea{width:700px;}
.companyIntroArea .title{font-size:28px;color:#222;display:block;position:relative;line-height:1;padding:44px 0 31px;}
.companyIntroArea .title:after{content:"";display:block;position:absolute;bottom:0;left:0;height:1px;width:20px;background-color:#000;}
.companyIntroArea .subTxt{padding:24px 0 0;font-size:16px;color:#555;line-height:28px;}
.companyIntroArea .subTxt .empha{font-weight:700;color:#222;}

.timelineArea{padding-bottom:60px;}
.timelineArea .title{font-size:28px;color:#222;font-weight:700;padding:80px 0 45px;display:block;text-align:center;}
.timelineCnt{position:relative;}
.timelineCnt:after{content:"";display:block;position:absolute;top:10px;bottom:0;left:50%;width:1px;background-color:#bdbdbd;}
.timelineListArea .left, .timelineListArea .right{width:550px;}
.timelineListArea .left{text-align:right;padding-right:50px;}
.timelineListArea .right{padding-left:50px;}
.timelineListArea{position:relative;}
.timelineListArea:after{content:"";display:block;position:absolute;top:7px;left:50%;margin-left:-7px;width:9px;height:9px;background-color:#fff;border:3px solid #8c8eb2;border-radius:50%;z-index:1;}
.timelineListArea .subTitle{font-size:22px;color:#d6d6d6;font-weight:600;}
.timelineListArea .timelineListWrap{padding-bottom:60px;}
.timelineListArea:last-child .timelineListWrap{padding-bottom:75px;}
.timelineListWrap .list{position:relative;padding-bottom:12px;}
.timelineListWrap .year{font-size:22px;line-height:26px;color:#222;font-weight:600;display:inline-block;position:absolute;top:0;}
.timelineListWrap .subTxt{font-size:16px;color:#555;line-height:26px;}
/* Á¿ì ó¸® */
.timelineListArea .left .timelineListWrap .list{padding-right:80px;}
.timelineListArea .left .timelineListWrap .year{right:0;}
.timelineListArea .right .timelineListWrap .list{padding-left:80px;}
.timelineListArea .right .timelineListWrap .year{left:0;}


/* BASIC css end */