/* common */
.dat1 { background: url(/img/sub/dat1.gif) no-repeat left top 16px;}
.cr1 { color: #156ec3;}

#subVisual { width:100%; height:258px; position:relative; }
#subVisual > div { width:100%; height:233px; overflow:hidden; text-align:center; background:url(/img/sub/img_subVisual.jpg) no-repeat center; background-size:cover; color:#fff; font-family:"Roboto"; }
#subVisual h2 { font-size:42px; line-height:100%; font-weight:700; margin-top:75px; letter-spacing:-.4px; text-shadow:0 0 8px #01264f; text-transform:uppercase; }
#subVisual > div p { font-weight:500; font-size:16px; margin-top:23px; }
.navi { position:absolute; z-index:2; bottom:0; left:50%; margin-left:-600px; box-sizing:border-box; border:1px solid #c6c6c6; background:#fff; width:1200px; height:48px;  }
.navi p { float:left; border-right:1px solid #c6c6c6; }
.navi p a { display:block; width:48px;height:46px; background:#00a8b8 url(/img/sub/icon_home.gif) no-repeat center; font-size:0; }
.navi div { float:left; border-right:1px solid #c6c6c6; width:355px; position:relative; font-size:16px;  }
.navi div > a { display:block; width:100%; height:100%; line-height:46px; color:#474747; text-indent:30px; }
.navi div ul { display:none; position:absolute; top:46px; left:-1px; z-index:55; width:100%; overflow:hidden;  border:1px solid #c6c6c6; background:#fff; }
.navi div li { border-top:1px solid #c6c6c6; }
.navi div li:first-child { border-top:none; }
.navi div li a { display:block; width:100%; height:47px; line-height:47px; text-indent:30px; color:#474747; transition:all .3s; }
.navi div li:hover a { color:#014d79; 
	background: -moz-linear-gradient(left,  rgba(0,168,184,0.5) 0%, rgba(43,149,203,0.5) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,168,184,0.5) 0%,rgba(43,149,203,0.5) 100%);
	background: linear-gradient(to right,  rgba(0,168,184,0.5) 0%,rgba(43,149,203,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8000a8b8', endColorstr='#802b95cb',GradientType=1 );

}

.navi1 { background:#efefef url(/img/sub/bullet_navi1.gif) no-repeat 94% center; }
.navi1 ul { background:#efefef; }
.navi2 { background:#fbfbfb url(/img/sub/bullet_navi2.gif) no-repeat 94% center;  }
.navi2 ul { background:#fbfbfb; }
.subCon { width:1200px; margin:75px auto 100px; overflow:hidden; }
.subCon h2 { color:#242424; font-family:"Nanum Square"; font-size:36px; line-height:100%; font-weight:bold; }
#cont { width:100%; overflow:hidden; margin-top:30px; min-height:200px; }

/*인사말*/
#cont.greeCon { margin-top:0; background:url(/img/sub/img_gree.jpg)  no-repeat 680px 150px; min-height:440px; }
.greeCon p { font-size:15px; color:#464646; line-height:24px; margin-top:20px;  }
.greeCon p:first-child { margin-top:50px; }
.greeCon p:last-child {font-family:"Nanum Square"; font-size:20px; font-weight:bold; color:#aaa}
.greeCon p:last-child span {color:#555}

/* 연혁 */
.his1 { overflow: hidden; position: relative; padding-top: 32px; background: url(/img/sub/bg_his2.jpg) no-repeat right 90%;}
.his1 > div { overflow: hidden; margin-bottom: 36px;}
.his1:before { content: ""; display: block; width: 1px; height: 100%; background: #cecece; position: absolute; top: 0; left: 264px; z-index: -1;}
.his1 div strong { font-weight: 500; font-size: 36px; line-height: 100%; color: #606060; float: left; display: block; padding-left: 67px; width: 252px; box-sizing: border-box;}
.his1 div ul { overflow: hidden; float: left; background: url(/img/sub/bg_his1.gif) no-repeat left top 4px; padding-left: 107px;}
.his1 div ul li { overflow: hidden; padding-left: 10px;}
.his1 div ul li p { float: left; font-weight: 700; font-size: 16px; line-height: 36px; color: #626262; width: 58px;}
.his1 div ul li span { float: left; font-weight: 300; font-size: 15px; line-height: 36px; color: #6c6c6c; width: 773px;}

/* 사업장소개 */
.location { overflow: hidden;}
/*.location > img { border: 1px solid #d0d0d0;}*/

.maps { overflow: hidden; padding: 58px 0; border-bottom: 1px dashed #dedede; float:left; }

.maps > strong { font-weight: 700; font-size: 19px; line-height: 36px; color: #363636; display: block; margin-bottom: 12px;}
.maps > div { overflow: hidden;}

.lct_Cont { overflow: hidden;}
.lct_Cont .lct_country1 { overflow: hidden; float: left; margin-right: 28px; padding-top: 7px; }
.lct_Cont .lct_country1 li { overflow: hidden; width: 106px; margin-bottom: 5px;}
.lct_Cont .lct_country1 li img { width: 100%;}
.lct_Cont .txt { overflow: hidden; padding-bottom: 16px;}
.lct_Cont .txt ul { overflow: hidden;}
.lct_Cont .txt ul li { overflow: hidden;}
.lct_Cont .txt ul li p { font-weight: 700; font-size: 15px; line-height: 28px; color: #353535; float: left; margin-right: 4px;}
.lct_Cont .txt ul li span { font-weight: 300; font-size: 15px; line-height: 28px; color: #6c6c6c;}

.lct_Cont .txt2 { overflow: hidden; padding-bottom: 16px;}
.lct_Cont .txt2 strong { font-weight: 700; font-size: 18px; line-height: 30px; color: #353535; display: block; margin-bottom: 3px;}
.lct_Cont .txt2 ul { overflow: hidden;}
.lct_Cont .txt2 ul li { overflow: hidden;}
.lct_Cont .txt2 ul li p { font-weight: 700; font-size: 15px; line-height: 28px; color: #353535; margin-right: 4px; float: left;}
.lct_Cont .txt2 ul li span { float: left; font-weight: 300; font-size: 15px; line-height: 28px; color: #6c6c6c;}
.lct_Cont .txt2 ul li:first-child p { display: block; float: none;}
.lct_Cont .txt2 ul li:first-child span { display: block; min-height: 70px;}


.maps .map_img { overflow: hidden; }
.maps .map_img iframe { float: left;} 
.maps .imgs { overflow: hidden; float: left;}
.maps .imgs li { float: left; margin-left: 37px; border-top-left-radius: 16px; border-bottom-right-radius: 16px; border: 1px solid #d0d0d0; width: 564px;}
.maps .imgs li:first-child { margin-left: 0;}
.maps .imgs li img { width: 100%; border-top-left-radius: 16px; border-bottom-right-radius: 16px;}

.location .box {overflow: hidden; width:100%; min-height:650px; }
.location .box .maps:nth-child(2n) {margin-left:35px; }


/* 핵심역량 */
/* 공통 */
.pointList { overflow: hidden;}
.pointList li { border: 1px solid #d0d0d0; box-sizing: border-box; float: left;}
.pointList li:first-child, .pointList li:nth-child(5n+1) { margin-left: 0;}
.pointList li .img { width: 100%; border-bottom: 1px solid #d0d0d0; padding: 20px; box-sizing: border-box;}
.pointList li .img img { width: 100%; height: 100%;}
.pointList li p { border-top: 1px solid #d0d0d0; height: 44px; font-size: 16px; line-height: 44px; color: #fff; background: url(/img/sub/bg_pointList1.gif) repeat-x left top; text-align: center;}

/* 기술핵심역량, 재정사항 */
.point1 .pointList li, .point4 .pointList li { width: 222px; height: 336px; margin: 0 0 29px 21px;}
.point1 .pointList li:first-child, .point1 .pointList li:nth-child(5n+1), .point4 .pointList li:first-child, .point4 .pointList li:nth-child(5n+1) { margin-left: 0;}
.point1 .pointList li .img, .point4 .pointList li .img { height: 289px;}

/* 품질핵심역량 */
.point2 .pointList li { width: 180px; height: 226px; margin: 0 0 29px 23px;}
.point2 .pointList li:nth-child(6n+1) { margin-left: 0;}
.point2 .pointList li .img { height: 178px; border-bottom: 0;}
.point2 .pointList li p { height: 45px; line-height: 45px; background: url(/img/sub/bg_pointList1.gif) repeat left top;}

/* 고객사핵심역량 */
.point3 .pointList li { width: 229px; height: 140px; margin: 0 0 29px 13px;}
.point3 .pointList li:first-child, .point3 .pointList li:nth-child(5n+1) { margin-left: 0;}
.point3 .pointList li .img { height: 92px; border-bottom: 0;}
.point3 .pointList li p { height: 45px; line-height: 45px; background: url(/img/sub/bg_pointList1.gif) repeat left top;}

/* 경영이념 */
.idea1 { overflow: hidden; text-align: center;}
.idea1 strong { display: block; font-weight: 700; font-size: 24px; line-height: 38px; color: #525252; position: relative; margin-bottom: 32px;}
.idea1 strong:before { content: ""; display: block; width: 30px; height: 2px; background: #808080; position: absolute; bottom: -8px; left: 50%; margin-left: -15px;}
.idea1 dl { overflow: hidden; float: left; width: 198px; margin-left: 2px;}
.idea1 dl dt { overflow: hidden; font-weight: 400; font-size: 15px; line-height: 18px; color: #fff; height:60px; padding:18px 5px 0}
.idea1 dl dd { font-size: 14px; line-height: 18px; color: #535353; height: 148px; padding-top: 18px; box-sizing: border-box;}
.idea1 dl dd p {text-align:left; padding-left:10px;}

.blueDl dt { background: #2b71a2;}
.blueDl dd { background: #e7e7e7;}
.grayDl dt { background: #7b8084;}
.grayDl dd { background: #f3f3f3;}