@charset "utf-8";

html,body {height:100%;}
#wrap {min-height:100%; position:relative; text-align:center;}

#header {width:100%; text-align:left; min-width:1270px; height:74px; background:#000; border-bottom:1px solid #ffd800; }
#header .header {width:1270px; margin:0 auto; position:relative; }
#header .header h1 {float:left;  padding:20px 0 0 50px;}
#header .gnb {float:right; margin-right:165px; }
#header .gnb li:first-child {margin-left:0;}
#header .gnb li{float:left; margin:40px 0 0 120px;}
#header .gnb li a {color:#dfdfdf; font-size:16px; font-family: 'Oswald', sans-serif; font-weight:bold; }
#header .gnb li a:hover {color:#ffd800;}
#header .gnb li.on a{color:#ffd800}

/* 메인비주얼 */
.visual-bx{ background:url(../img/company/main/top_visualbg.jpg) no-repeat; background-position:center; width:100%; height:370px;}
.visual-slide{position:relative; margin:0 auto; width:1270px;}
#slide{width:1270px;}
#slide-pager a{position:absolute; top:305px; z-index:99;}
#slide-pager a.prev{left:0;}
#slide-pager a.next{right:0;}

/* 메인 배너 */
.content{margin:0 auto; padding-bottom:90px; width:1270px;}
.bn-bx{height:210px; margin:0 auto; width:1100px;}
.bn-bx li:first-child{border-left:0px solid #ddd; margin-left:10px;}
.bn-bx li{float:left; text-align:center; height:200px;width:350px;}
.bn-bx li:first-child a{background-position:0 60px;;}
.bn-bx li a{display:block; padding-top:5px; }
.bn-bx li.last a{background-position:-846px 60px;}

/* visual-area  2014-07-10 */
.visual-area{background:#000; width:100%; height:140px;}
.visual-area .visual{margin:0 auto; width:1180px;}

/* sub page 2014-07-10 */
#container {margin:0 auto; padding:47px 0 100px 0; width:1180px;}

.content-area {width:1180px; text-align:left; position:relative;}
.content-area .path {position:absolute; top:0px; right:10px; *top:0px}
.content-area .path li:first-child {background:none; padding-left:0;}
.content-area .path li {background: url(../img/common/path_arrow.gif) no-repeat left 5px; float:left; padding-left:10px; margin-right:10px; line-height:14px;}
.content-area .path li a{color:#585858; font-size:13px; font-family:Dotum;}
.content-area h3 {padding:22px 0 0 15px; background: url(../img/common/h3_bg.gif) no-repeat 18px 0px; height:68px; line-height:40px; font-size:35px; color:#1e1e1e; border-bottom:1px solid #6e6e6e; }

/* overveiw */
.content-area .over-sec{padding:43px 17px; background:url(../img/company/overview_bg.jpg) no-repeat;}
.over-sec .over-txt{padding:10px 500px 0 40px;}
.over-sec .over-txt p{font-size:15px; color:#000; line-height:24px;}
.content-area .over-vis{padding:43px 17px; background: url(../img/company/overview2_bg.jpg) no-repeat;}
.over-vis .over-txt2{padding:140px 400px 0 40px;}
.over-vis .over-txt2 p{font-size:15px; color:#000; line-height:24px;}
.over-vis .over-txt2 p .orang{font-size:24px; font-weight:700; color:#ff6e16;}
.over-vis .over-txt2 p .green{font-size:24px; font-weight:700; color:#277601;}
.over-vis .over-txt2 p .blue{font-size:24px; font-weight:700; color:#033369;}

/* MILESTONE */
.content-area .mile-sec{padding:5px 0 0 10px;}
.mile-lst{padding:10px 0 0 345px; background: url(../img/industrial/mile_bg.gif) no-repeat left top;  height:1300px;}
.mile-lst li{padding:12px 0 28px; background: url(../img/industrial/mile_line.gif) no-repeat left top;}
.mile-lst li strong{margin-bottom:15px; color:#1d1d1d; font-size:20px;}
.mile-lst li p{color:#676767; font-size:14px; }
.mile-lst li span{margin-right:10px; color:#1d1d1d; font-size:15px; vertical-align:bottom; font-weight:bold;}

/* location */
.location-sec{padding:30px 20px;}
.location-sec .loca-lst{ width:1150px; height:633px; padding:0 0 0 0; margin:10px auto; background: url(../img/company/location.jpg) no-repeat left top;}
.loca-lst .mapbox{ float:right; width:626px; height:433px; border:1px solid #CCC; margin-top:2px; background:#FFF; }
.loca-lst li p{margin-top:10px;}

#footer {position:absolute; bottom:0; left:0; right:0; width:100%; height:43px; background:#000;}
#footer .footer {width:1160px; margin:0 auto; padding:0 0 0 40px; background:#000;}
#footer .copyright,
#footer address {font-family:Dotum; font-size:12px; float:left; padding-top:17px;}
#footer .copyright {margin-left:43px;}
#footer .plus {float:right;}