@charset "utf-8";
@font-face {
  font-family: 'NanumGothicWeb';
  font-style: normal;
  font-weight: normal;
  src: url('../../common/font/NanumGothic.eot');
  src: local('※'), url('../../common/font/NanumGothic.woff') format('woff'), url('../../common/font/NanumGothic.ttf') format('truetype'), url('../../common/font/NanumGothic.ttf') format('svg');
}

@font-face {
  font-family: 'DaumWeb';
  font-style: normal;
  font-weight: normal;
  src: url('../../common/font/Daum_regular.eot');
  src: local('※'), url('../../common/font/Daum_regular.woff') format('woff'), url('../../common/font/Daum_regular.ttf') format('truetype'), url('../../common/font/Daum_regular.ttf') format('svg');
}

/*메인관련*/
.mainNews{width:303px; float:left;}
.mainBusiness{width:303px;margin-left:45px; float:left;}
.mainPr{width:303px;margin-left:45px;float:left;}
.mainNewsUL{float:left;width:175px;margin-top:20px;line-height:18px;}
.mainNewsUL li{background:url(../../img/newB.gif) no-repeat 0 5px; padding-left:8px;}
.mainNewsUL .date{display:block;font-size:11px; color:#a5a09f;}
.mainNewsImg{float:right;}

/*게시판 관련*/
.boardComment{display:block ; margin-bottom:18px; }
#board thead th{height:33px; border-bottom:1px solid #cfd0d0; background:url(../../img/boardTitleLine.gif)  no-repeat scroll right 9px transparent; background-color:#edecec; }
#board thead th.boardLast{background:none;  background-color:#edecec; }
#board .ceterAlign{text-align:center;}
#board .year{text-align:center; background:url(../../img/reLine.gif) repeat-y right 0;}
#board .title{padding:0 17px; line-height:18px;padding-top:10px; padding-bottom:10px;}
#board .title2{padding:0 10px}
#board .title3{padding:0 17px; line-height:18px;padding-top:10px; padding-bottom:10px;background:url(../../img/reLine.gif) repeat-y right 0;}
#board .reTitle{padding:0 43px ; }
#board tbody tr{height:33px;line-height:33px;background:url(../../img/boardLine.gif) repeat-x left bottom; }
.searchWrite{margin-top:14px; text-align:right;}
input.text{height:20px; line-height:23px; border:1px solid #c3c3c3; font-size:12px; color:#777777; padding-left:2px;}

/*paging*/
.pageNum a{text-decoration:none; vertical-align: middle; }
#page{margin-top:57px; padding-bottom:30px; clear:both;  height:34px; overflow:hidden;}
.pageNum{text-align:center;}
.pageNum a{background: url(../../img/pageBox.gif) no-repeat scroll 0 0 transparent; color: #626262; display: inline-block; font-family: verdana;; font-size: 11px; font-weight:bold; text-align:center;
			   width: 28px;  height: 19px; padding-top:7px; letter-spacing: -1px; line-height: 12px; overflow: hidden; }
.pageNum a.selectedPage,.pageNum a.selectedPage:link{background: url(../../img/pageBox_selected.gif) no-repeat scroll 0 0 transparent; color: #FFFFFF; display: inline-block;}
.pageNum a.prevArrow{background: url(../../img/prev_arrow.gif) no-repeat scroll 0 0px transparent; width:28px; height: 19px; display:inline-block; line-height:19px; }
.pageNum a.nextArrow{background: url(../../img/next_arrow.gif) no-repeat scroll 0 0px transparent; width:28px; height: 19px; display:inline-block; line-height:19px; }
.pageArrow{vertical-align:middle;}

/*글쓰기*/
legend{display:none;}
fieldset{border:none;}
.writeDiv{padding-bottom:5px; vertical-align:top;overflow:hidden; }
.writeTitle{font-weight:bold; font-size:12px; color:#707070; font-family:"굴림", Gulim; width:80px; display:block; float:left; line-height:23px;}
.titleTextInput{height:20px; border:1px solid #c3c3c3; background-color:#efefef; float:left;padding-left:2px;}
.textAreaDiv{ clear:both;padding-top:5px; overflow:hidden;}
.noticeTextArea{width:697px; height:367px; padding:20px; font-size:11px; line-height:20px; color:#5f6062;border:0 none; border: 1px solid #cdcdcd; font-size:12px; font-family:"굴림", Gulim;}
.warning{font-size:11px; font-family:"돋움", Dotum; color:#636363; background:url(../../img/warningIcon.gif) no-repeat 0 0; padding-left:5px;margin-left:14px;}
.btnArea{text-align:center;margin-top:45px;}
.uploadList{border:1px solid #c3c3c3;margin-top:10px; font-size:11px; font-family:"돋움", Dotum; color:#8f8e8e; padding:9px 7px 7px 9px;}
.uploadList ul{line-height:20px;}
.uploadList ul li img{padding-right:6px; margin-bottom:-2px;}

/*읽기*/
.readTitle{height:33px;border-bottom:1px solid #cfd0d0; background-color:#edecec; }
.readTitle span{background:url(../../img/boardTitleLine.gif)  no-repeat scroll right 9px transparent; }
.readTitle .readTitleText{padding:0 15px 0 15px; line-height:33px; width:500px; display:block; font-weight:bold; color:#666666; float:left;}
.readTitle .readWriteText{text-align:center; width:122px;display:block;float:left; line-height:33px; }
.readTitle .readDateText{background:none;text-align:center; width:86px;display:block;float:left; line-height:33px;}
.readCon{padding:30px 15px 40px 15px;line-height:26px; position:relative;}
.prevNext{border-top:1px solid #aaaaaa;border-bottom:1px solid #aaaaaa;}
.prevNext>div{height:32px; line-height:32px;}
.prev{border-bottom:1px solid #e8e8e8;}
.prevText,.nextText {display:inline-block;font-weight:bold; color:#666666;padding-left:14px; }
.prevText{background:url(../../img/read_prevA.gif) no-repeat right 13px; width:61px; }
.nextText{background:url(../../img/read_nextA.gif) no-repeat right 13px; width:61px; }
.prevTitle, .nextTitle{padding-left:33px;}
.boardBtn{margin-top:14px; text-align:right;}
.attachImg{margin-top:20px; width:706px; overflow:hidden;}
.attachSpan{bottom:3px; left:14px; overflow:hidden; padding-left:14px;padding-top:7px; border-top:1px solid #e8e8e8; background-color:#fcfcfc;}
.attachFileList{line-height:15px; float:left; margin-bottom:7px; font-size:11px;}
.attachText{float:left;display:block;  width:98px; font-weight:bold;padding-top:3px;}

/*탭 _수정됨*/
#tab{padding-bottom:17px; overflow:hidden;}
#tab li{float:left; width:119px; height:27px; margin:0 2px 2px 0; text-align:center; line-height:27px; border:1px solid #d0cfcf; background-color:#e8e6e6; }
#tab li.on, #tab2 li.on{border:1px solid #464951; background-color:#545861; }
#tab a {display:block; width:120px; height:27px; color:#747474;}
#tab a.onLink{display:block; width:120px; height:27px; color:#ededee;}
#tab a:hover,#tab2 a:hover{text-decoration:underline;}


/*탭관련 추가*/
#tab2{padding-bottom:17px;overflow:hidden; position:relative; height:67px; margin-bottom:27px;}
#tab2 > li{float:left; width:137px; height:27px; margin:0 2px 2px 0; text-align:center; line-height:27px; border:1px solid #d0cfcf; background-color:#e8e6e6; }
#tab2 > a {display:block; width:137px; height:27px; color:#747474;}
#tab2 a.onLink{display:block; width:137px; height:27px; color:#ededee;}

.tabDepth2{margin-top:10px; overflow:hidden; position:absolute; left:0; width:100%; height:31px;background:url(../../img/2depthLine.gif) repeat-x 0 30px; }
.tabDepth2 li{width:140px; text-align:center; line-height:31px; float:left; display:inline; border-left:1px solid #d5d6d8; border-top:1px solid #d5d6d8; background-color:#f5f6f8;}
.tabDepth2 a{display:block; width:140px; height:29px; color:#b0b3bc; }

.tabDepth2 .depth2On{background-color:#FFF;font-weight:bold; height:32px;}
.tabDepth2 .depth2OnLast{background-color:#FFF;font-weight:bold; height:32px;border-right:1px solid #d5d6d8}
.tabDepth2 a.depth2Link{color:#66686b;}

.lastTab{border-right:1px solid #d5d6d8}

/*시공사례 추가*/
.listDiv{margin-bottom:21px; overflow:hidden; }
.caseTitle{margin-bottom:15px;}
.caseList{margin-right:-10px; overflow:hidden; }
.caseList li{margin-right:10px; margin-bottom:32px;; float:left; width:239px;}
.caseList dt{margin-bottom:12px;}
.caseList dd.caseListTitle{height:30px;line-height:16px;}




/*비밀번호*/
.pwBox{border-bottom:1px solid #d4d5d5; background-color:#f5f4f4; padding:44px 59px 44px 59px; overflow:hidden; }
.pwImg{float:left;}
.pwText{width:362px;float:left;margin-left:44px; margin-top:10px;}
.pwOk{background:url(../../img/pwLine.gif) repeat-x 0 0; margin-top:66px; padding-top:10px; text-align:center;}

/*포토갤러리*/
.potoList{margin:-28px -21px 50px 0; overflow:hidden;line-height: 16px;}
.potoList li{width:169px; float:left; margin:28px 20px 0 0}
.potoList li dl dt{width:169px; height:99px; overflow:hidden; margin-bottom:8px;}
.potoList li dl dd{line-height:15px;}
.potoList li dl dd.date{font-family:Verdana, Dotum; font-size:11px; color:#9f9f9f;}
.potoList li dl dd.title{height:28px; }
.potoList li dl dd.detail{margin-top:10px;}

/*제품 리스트*/
#productList{overflow:hidden; margin-left:-1px; background:url(../../img/line_category_normal.gif) repeat-y scroll 0 0 transparent; border-bottom:1px solid #e1e1e1;  }
#productList li{width:244px; height:243px; float:left; border-left:1px solid #e1e1e1; }
#productList dl{margin:19px 0 0 45px; overflow:hidden; text-align:center;}
#productList dt{width:160px; margin-bottom:14px; }
#productList dd{width:165px; text-align:center; line-height:15px; margin-left:3px;}
#productList a{color:#8b8d8e;}

/*제품상세*/
.productSummary{padding-bottom:30px; overflow:hidden; background:url(../../img/productDotLine.gif) repeat-x 0 bottom;}
.productImg{width:288px; height:288px; border:1px solid #dedede; float:left; margin-right:28px;}
.productImg .img{width:270px; height:270px; margin:9px auto;}
.productInfo{float:left; padding-top:7px; width:421px; height:290px; position:relative;}
.productInfo dt{font-family:'NanumGothicWeb', 'Gulim'; font-size:24px; color:#333333;display:block; padding-bottom:23px;}
.productInfo dd{margin-left:92px; margin-bottom:22px;}
.productInfo li{line-height:20px;}
.productInfo li em{font-style:normal; color:#7c7c7c; width:88px; display:inline-block; margin-left:-92px; }
.productInfo .info{color:#a0a0a0;}
.backList{border-top:1px solid #eeeeee; text-align:right; padding-top:8px;position:absolute;right:0; bottom:0; width:421px;}

.productDetail{margin-top:35px; overflow-x:hidden;}

/*인허가증*/
#licenseList > li{background:url(../../img/licenseBg.gif) no-repeat 0 0; margin-bottom:62px;}
#licenseList .firstLine{margin-top:22px;}
#licenseList .lastLine{padding-bottom:35px;}
#licenseList li ul{overflow:hidden; padding-left:66px; }
#licenseList li ul li{float:left; margin-right:3px; }
#licenseList dl dt{width:160px; height:158px; background:url(../../img/frameBg.png) no-repeat 0 0; position:relative;}
#licenseList dl dt img{position:absolute; left:10px; top:10px;}
#licenseList dl dd{width:117px; text-align:center;margin-top:33px; line-height:14px;}

/*인허가증 관련 팝업*/
#popUp{width:584px; height:884px;}
#popHeader{height:56px; background:url(../../img/popUpBg.gif) repeat-x 0 0; font-size:13px; font-weight:bold; color:#FFF; line-height: 46px; padding-left:24px;position:relative;}
#popHeader p{position:absolute; top:0; right:0;}
#licenseBig{text-align:center; padding-top:21px;}
.bigLicense{border:1px solid #f4f4f4; }
.btn{margin-top:26px;}

/*조직도 팝업*/
#or_popUp{width:444px;}
.or_content{margin:20px; 49px;}
.orUL li{clear:both; margin-bottom:10px; overflow:hidden;}
.humanInfo{line-height:18px;padding-top:5px;}
.humanInfo dt{float:left; width:62px; font-weight:bold;}
.humanInfo dd{color:#8c8c8c;}
.bigThumb{float:left; margin-right:20px;}
.orbtn{margin-top:26px; text-align:center; display:block; background:url(../../img/closeLine.gif) repeat-x 0 0 ; padding-top:20px;}

/*이미지 위주 div*/
.imgDiv{border-bottom:1px solid #eeeeee; margin-bottom:33px; overflow:hidden;}

/*연혁*/
.historyDiv{overflow:hidden; background-color:#FFF; position:absolute; }
.historyYear{float:left; width:208px;}
.historyUl{width:530px; float:left; padding-top:1px;}
.historyUl > li{line-height:24px; }
.historyUl li dl dt{width:130px; font-family:Verdana; font-size:12px; color:#eb7d42; float:left }
.historyUl li dl dd{color:#8b8b8b;padding-top:1px; margin-left:130px;}

.mapInfo{overflow:hidden; margin-bottom:27px;}
.subT{margin-bottom:17px;display:block; }
.map{background:url(../../img/mapIcon.gif) no-repeat 0 6px; overflow:hidden; line-height:18px;}
.map li{float:left; padding-right:15px; padding-left:15px; overflow:hidden; background:url(../../img/gapLine.gif) no-repeat right 3px;}
.map .lastLi{background:none;}
.map .firstLi{padding-left:8px;}
.map li dl dt{font-weight:bold; display:block;float:left;}
.map li dl dd{display:block;float:left;}

/*오시는 길*/
.naverMapDiv{border:1px solid #b9b9b9; width:737px; height:330px; display:block;position:relative;}
.qrCode{position:absolute; top:10px; right:10px; display:block;z-index:100;}

/*보유장비*/
.gearList{margin-bottom:40px;}
.gearList > li{border:1px solid #e5e5e5; overflow:hidden; margin-bottom:5px;}
.gearImg{float:left; border-right:1px solid #e5e5e5; overflow:hidden;}
.gearInfo{width:506px; height:163px; float:left; background-color:#f6f6f6; }
.gearInfo ul{margin:30px; margin-top:25px;}
.gearInfo dl{line-height:21px;}
.gearInfo dt{float:left; font-weight:bold; width:60px; display:block; }
.gearInfo dd{margin-left:60px;}

/*기술연구소*/
.researchHistoryImg{float:left;}
.deUL{margin-bottom:35px; line-height:20px; }
.deUL2{width:240px;float:left;}
.item{padding-left:9px; background:url(../../img/researchIcon.gif) no-repeat 0 8px;}
.imgMargin{margin-bottom:35px}
.rightTextImg{float:left; margin-right:32px; }
.rightText{float:left; width:304px; margin-top:25px ; }
.textTitle{font-weight:bold; margin-bottom:12px; display:block; color:#5b5b5b;}
.subDiv{padding-bottom:40px; margin-bottom:40px; background:url(../../img/subLine.gif) repeat-x 0 bottom; overflow:hidden; }
.subDivLast{margin-bottom:40px; overflow:hidden; }

.imgGap{padding-top:20px; display:block; clear:both; overflow:hidden;}
.imgDL{clear:both; padding-top:20px;overflow:hidden;}
.imgDL dt{font-size:11px; font-family:Dotum, Gulim; color:#8c8c8c; padding-left:8px ;background:url(../../img/imgDlIcon.gif) no-repeat 0 1px; letter-spacing:-1px;margin-bottom:10px;}
.imgDL dd{padding-bottom:10px; }
.imgDL2{margin-right:25px; float:left; padding-top:20px;overflow:hidden;}
.imgDL2 dt{font-size:11px; font-family:Dotum, Gulim; color:#8c8c8c; padding-left:8px ;background:url(../../img/imgDlIcon.gif) no-repeat 0 1px; letter-spacing:-1px;margin-bottom:10px;}
.imgDL2 dd{margin-bottom:10px;}

.imgDL3 dt{font-weight:bold; margin-bottom:8px; display:block; color:#5b5b5b;}
.imgDL3 dd{margin-bottom:30px;}

.subText{line-height:20px; margin-bottom:20px;}
.commentT{font-size:11px; font-family:Dotum; display:block; margin-bottom:5px; text-align:right;}

/*사업실적*/
.buDiv{margin-right:-10px;margin-top:-50px;overflow:hidden;}
.buList li{float:left;margin-right:10px;margin-top:50px;}
.buList dt{font-family:DaumWeb; font-size:14px; color:#286792; margin-bottom:9px;letter-spacing:-1px;}
.buList .builder{margin-top:13px; }
.builderBold{font-weight:bold; width:70px; display:inline-block;padding-left:9px; background:url(../../img/researchIcon.gif) no-repeat 0 5px;}

/*사이트맵*/
.sitemapDiv{margin-right:-38px;}
.sitemapUl li{float:left; margin-right:38px;}

/*수정으로 추가되는것*/
.depth_3Ul_jquery, .depth_3Ul{margin-top:6px; margin-bottom:11px;}
.depth_3Ul_jquery li, .depth_3Ul li{padding-top:4px;}
.smallTop{display:block; text-align:right; margin:10px 0 10px 0;}
.qrment{float:left; font-size:11px; font-family:Dotum, "돋움"; color:#286792; padding-left:8px;}
.searchWrite_product{margin-bottom:10px; margin-top:-10px;  text-align:right; }