div#wrap{ position:relative; }
div#wrap img { border:none; }
div#wrap a{ text-decoration:none; }
div#wrap div#header{ width:1100px; margin:0 auto; height:80px; }
div#wrap div#header h1{ margin:0; float:left; margin-top:9px;  }
div#wrap div#header h1 img{ width:185px; height:63px; }

div#wrap div#header div#nav { float:right; padding:0px; margin:23px 0 0 0; }
div#wrap div#header div#nav ul { position:relative; float:left;  position:relative; padding:0px; margin:0; }
div#wrap div#header div#nav ul li { list-style:none; text-align:left; float:left; margin-left:50px; margin-top:8px;}
div#wrap div#header div#nav ul li:first-child{margin-left:0;}
div#wrap div#header div#nav ul li a{color:#585858; font-size:18px; padding-bottom:29px; font-weight:bold; }
div#wrap div#header div#nav ul li ul { display:none; position:absolute; float:left; top:40px; left:0px; z-index:100; background-color:#fff; width:177px; padding:10px 0px; border:1px solid #7dad47; }
div#wrap div#header div#nav ul li ul li { float:none; text-align:center; margin:0;}
div#wrap div#header div#nav ul li ul li a{color:#7d7d7d; font-size:15px; font-weight:normal; line-height:30px; padding:0;}
div#wrap div#header div#nav ul li ul li a:hover{color:#7dad47; text-decoration: underline !important}

div#wrap div#header div#nav p.gnb{margin-left:50px; float:left;}
div#wrap div#header div#nav p.gnb span{margin:0;}
div#wrap div#header div#nav p.gnb span a{display:block; text-indent:-10000px; height: 43px; float:left;}
div#wrap div#header div#nav p.gnb span.g01 a{width:57px; background: url("/images/default/main/gnb_02.gif") no-repeat 0 0;}
div#wrap div#header div#nav p.gnb span.g01 a:hover{width:57px; background: url("/images/default/main/gnb_02_ov.gif") no-repeat 0 0;}
div#wrap div#header div#nav p.gnb span.g02 a{width:40px; background: url("/images/default/main/gnb_03.gif") no-repeat 0 0;}
div#wrap div#header div#nav p.gnb span.g02 a:hover{width:40px; background: url("/images/default/main/gnb_03_ov.gif") no-repeat 0 0;}

/* 사이트맵 css */
.sitemap{width:100%; height:730px; overflow:hidden;  position:absolute; top:0px; background-color: #595541; z-index:10000;}
.sitemap .section{position:relative; width:1100px; margin:0 auto;  z-index:50000;}
.sitemap h2{padding-bottom: 38px;font-size: 45px; padding-top:40px;	color: #10de00;	font-weight: normal;	border-bottom: 1px solid #c3c3c3;}
.sitemap ul{margin-top:50px;}
.sitemap ul li {display: table;	width: 100%;border-bottom: 1px solid #c5c5c5;}
.sitemap > div ul li div {display: table-cell;vertical-align: top;width: 350px;}
.sitemap ul li a{font-size: 26px; line-height:60px; font-weight: bold;	margin-top:30px; color: #fff; }
.sitemap ul li a:hover{color: #7dac3b; }
.sitemap ul li ul{margin:15px 0px;}
.sitemap ul li ul li{border:none;}
.sitemap ul li ul li a{font-size: 18px;	color: #ffffff;line-height:25px; }
.sitemap ul li ul li a:hover{color:#a6ce39; font-size:18px;}
.sitemap p{position:absolute; top:30px; right:0px;}


/* 메인비주얼 */
#visual {width: 100%; height: 550px; z-index: 1; overflow: hidden; position:relative;}
#visual .nivoSlider {width: 1298px;	left: 50%;	margin-left: -649px;}

/* 공지사항 */
div#wrap div#container{ width:1100px; margin:0 auto; overflow:hidden; margin-top:40px;}
div#wrap div#container h3{color:#464a49; font-size:26px; line-height:1; margin-bottom:15px; }
div#wrap div#container p.more{position:absolute; top:30px; right:30px;}

div#wrap div#container div.recent_notice { position:relative; float:left; width:301px; height:260px; border:1px solid #ddd; margin:0; padding:30px; }
div#wrap div#container div.recent_notice ul{}
div#wrap div#container div.recent_notice ul.recent_ul{padding-bottom:18px;border-bottom:1px solid #d9d9d9; margin-bottom:13px;}
div#wrap div#container div.recent_notice ul.recent_ul li{position:relative;}
div#wrap div#container div.recent_notice ul.recent_ul p.subject{font-size:18px; color:#36383b; font-weight:600; margin-bottom:10px;}
div#wrap div#container div.recent_notice ul.recent_ul p.subject span{color:#01b1ed;}
div#wrap div#container div.recent_notice ul.recent_ul p.date{color:#a6a6a6; font-size:13px;margin-top:5px;}
div#wrap div#container div.recent_notice ul.others_ul{margin-top:13px;}
div#wrap div#container div.recent_notice ul.others_ul li{position:relative;}
div#wrap div#container div.recent_notice ul.others_ul p.subject{font-size:14px; color:#666; font-weight:bold; margin-bottom:5px; background: url('/images/default/main/dot.gif') no-repeat 0 center; padding-left:15px;}

div#wrap div#container div.work a{display:block; float:left; margin-left:15px; width:292px; height:260px;  border:1px solid #ddd; background: url("/images/default/main/work.jpg") no-repeat top center; padding:30px; position:relative;}

/* 배너 */
div#wrap div#container div.ban{width:353px; float:left; margin-left:15px;}
div#wrap div#container div.ban div.b01 a{display:block;width:353px; height:151px; color:#fff; text-align:center; background: url("/images/default/main/b01.jpg") no-repeat top center;}
div#wrap div#container div.ban div.b01 a h3{color:#fff; padding-top:35px;}
div#wrap div#container div.ban div.b01 a p{color:#fff;}
div#wrap div#container div.ban div.b01 a:hover{background: url("/images/default/main/b01_ov.jpg") no-repeat top center; }
div#wrap div#container div.ban div.b01 a:hover h3{display:none;}
div#wrap div#container div.ban div.b01 a:hover p{display:none;}

div#wrap div#container div.ban div.b02 a{display:block;width:353px; height:151px; color:#fff; text-align:center; background: url("/images/default/main/b02.jpg") no-repeat top center; margin-top:20px;}
div#wrap div#container div.ban div.b02 a h3{color:#fff; padding-top:35px;}
div#wrap div#container div.ban div.b02 a p{color:#fff;}
div#wrap div#container div.ban div.b02 a:hover{background: url("/images/default/main/b02_ov.jpg") no-repeat top center; }
div#wrap div#container div.ban div.b02 a:hover h3{display:none;}
div#wrap div#container div.ban div.b02 a:hover p{display:none;}

/* 비지니스 */
div#wrap div#container2{width:100%;margin-top:40px; height:398px; background: url("/images/default/main/busi_bg.jpg") no-repeat top center; padding-top:50px; }
div#wrap div#container2 div.section{ width:1100px; margin:0 auto; overflow:hidden; text-align:center; color:#fff; font-size:16px;}
div#wrap div#container2 div.section h3{font-size:50px; color:#4a4a49; font-weight:normal; line-height:50px; margin-bottom:20px; font-family:"ngl";}
div#wrap div#container2 div.section ul{overflow:hidden; margin:0px 138px;margin-top:40px;}
div#wrap div#container2 div.section ul li{float:left; margin-left:56px;}
div#wrap div#container2 div.section ul li:first-child{margin-left:0;}
div#wrap div#container2 div.section ul li a{display:block; width:235px; height:24px; padding-top:186px; font-size:20px; font-weight:bold; color:#fff;}
div#wrap div#container2 div.section ul li.busi1 a{background: url("/images/default/main/busi01.png") no-repeat top center;}
div#wrap div#container2 div.section ul li.busi2 a{background: url("/images/default/main/busi02.png") no-repeat top center;}
div#wrap div#container2 div.section ul li.busi3 a{background: url("/images/default/main/busi03.png") no-repeat top center;}
div#wrap div#container2 div.section ul li.busi4 a{background: url("/images/default/main/busi04.png") no-repeat top center;}
div#wrap div#container2 div.section ul li.busi1 a:hover{background: url("/images/default/main/busi01_ov.png") no-repeat top center;}
div#wrap div#container2 div.section ul li.busi2 a:hover{background: url("/images/default/main/busi02_ov.png") no-repeat top center;}
div#wrap div#container2 div.section ul li.busi3 a:hover{background: url("/images/default/main/busi03_ov.png") no-repeat top center;}
div#wrap div#container2 div.section ul li.busi4 a:hover{background: url("/images/default/main/busi04_ov.png") no-repeat top center;}

/* 현장사진 */
div#wrap div#container3{width:100%;margin-top:60px;}
div#wrap div#container3 div.section{width: 1100px; margin: 0 auto; position:relative; }
div#wrap div#container3 div.gallery{width:1100px; margin:0 auto; margin-top: 15px; margin-bottom: 40px;}
div#wrap div#container3 h3 { margin:0px; padding:0px; line-height:50px; margin-bottom:30px; font-size:50px; color:#4a4a49; font-weight:100; text-align:center; font-family:"ngl"; }
div#wrap div#container3 div.gallery ul {overflow:hidden; }
div#wrap div#container3 div.gallery ul li{float:left; margin-left: 16px; position:relative; }
div#wrap div#container3 div.gallery ul li a { display:block;width:261px; height:304px;border:1px solid #ddd;}
div#wrap div#container3 div.gallery ul li:first-child {margin-left: 0px;}
div#wrap div#container3 div.gallery ul li p.gallery_photo{}
div#wrap div#container3 div.gallery ul li p.gallery_photo a {display:inline-block;}
div#wrap div#container3 div.gallery ul li p.gallery_photo img{width: 261px; height: 194px; }
div#wrap div#container3 div.gallery ul li p.gallery_name{width: 241px; text-align:center; font-weight: bold;  padding:0px 10px; margin-top:30px; font-size:16px;  }
div#wrap div#container3 div.gallery ul li p.date { font-size: 13px; color:#989898; margin-top:10px;text-align:center; }
div#wrap div#container3 div.gallery ul li img.arrow{position:absolute; top: 162px; left:50%; margin-left:-33px; width:66px !important; height:33px !important;z-index:10;}
div#wrap div#container3 div.gallery ul li div.cover{z-index:9;position:absolute;display:none; top:1px; left:1px; width:261px; height:194px; }

div#wrap div#container3 div.section p.prev a, div#wrap div#container3 div.section p.next a{display:block; text-indent:-9999px; width:44px; height:44px; }
div#wrap div#container3 div.section p.prev a{background: url("/images/default/main/prev.gif") no-repeat 0 0;position:absolute; top:10px; margin-top:0px; left:0px;}
div#wrap div#container3 div.section p.next a{position:absolute; top:10px; margin-top:0px; left:55px; background: url("/images/default/main/next.gif") no-repeat 0 0;}
div#wrap div#container3 div.section p.prev a:hover{background: url("/images/default/main/prev_ov.gif") no-repeat 0 0;}
div#wrap div#container3 div.section p.next a:hover{background: url("/images/default/main/next_ov.gif") no-repeat 0 0;}
div#wrap div#container3 div.section p.more{position:absolute; top:10px; right:0px; }
div#wrap div#container3 div.section p.more a{display:block; text-indent:-9999px; width:44px; height:44px;background: url("/images/default/main/more.gif") no-repeat 0 0;}
div#wrap div#container3 div.section p.more a:hover{background: url("/images/default/main/more_ov.gif") no-repeat 0 0;}

/* 고객센터 */
div#wrap div#container4{width:100%;margin-top:40px;}
div#wrap div#container4 div.section{width: 1100px; margin: 0 auto; position:relative; }
div#wrap div#container4 div.section div.phone{width:380px; height:180px; float:left; background-color:#456e7c; padding: 20px 30px; color:#fff; }
div#wrap div#container4 div.section div.phone h3{color:#fff; font-weight:bold; font-size:26px; margin-bottom:10px;}
div#wrap div#container4 div.section div.phone ul li{color:#fff; font-size:15px;  line-height:25px;}
div#wrap div#container4 div.section div.phone ul li span{font-size:16px; padding-right:15px; font-weight:normal;}
div#wrap div#container4 div.section ul.cus{overflow:hidden;}
div#wrap div#container4 div.section ul.cus li{float:left;}
div#wrap div#container4 div.section ul.cus li a{display:block; width:220px; height:58px; padding-top: 162px; color:#fff; font-size:18px; text-align:center; font-weight:bold;}
div#wrap div#container4 div.section ul.cus li.cus1 a{background: url("/images/default/main/cus1.gif") no-repeat 0 0;}
div#wrap div#container4 div.section ul.cus li.cus2 a{background: url("/images/default/main/cus2.gif") no-repeat 0 0;}
div#wrap div#container4 div.section ul.cus li.cus3 a{background: url("/images/default/main/cus3.gif") no-repeat 0 0;}
div#wrap div#container4 div.section ul.cus li.cus1 a:hover{background: url("/images/default/main/cus1_ov.gif") no-repeat 0 0;}
div#wrap div#container4 div.section ul.cus li.cus2 a:hover{background: url("/images/default/main/cus2_ov.gif") no-repeat 0 0;}
div#wrap div#container4 div.section ul.cus li.cus3 a:hover{background: url("/images/default/main/cus3_ov.gif") no-repeat 0 0;}

div#wrap div#footer{ clear:both; margin-top:40px; border-top:1px solid #ddd; height:110px;}
div#wrap div#footer div.copyright { width:1100px; margin:0 auto; line-height:130%; text-align:center;  position:relative;}
div#wrap div#footer div.copyright p { font-size: 15px; color:#a2a2a2; line-height:110px;}

