@charset "utf-8";
@import url( "./font.css" );
/* 그누보드 팝업레이어 */
figure{text-align:center;}
p{margin-bottom:0;letter-spacing:-1px;}
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}
.header{background-color:#fff;}
.logo{width:240px;}
.gnb .depth-1 > li {position:relative;top:0;left:0;}
.gnb .depth-1 > li > a {font-size:20px;color:#000;}
.gnb .depth-2 {position:absolute;left:50%;top:50px;width:150px;margin-left:-75px;padding:15px 0;background-color:#fff;border-radius:0 0 10px 10px;}
.gnb .depth-2 > li > a{padding:8px 0;font-size: 15px;}
.gnb .depth-2 > li > a:hover{color:#0062b2;}

/* 메인페이지 */
.banner{display:table;width:100%;height:672px;background-size:cover;}
.banner .txt{display:table-cell;vertical-align:middle;text-align:center;}
.banner .txt p{color:#fff;font-size:28px;}
.banner .txt p.tit{font-size:60px;margin-bottom:5px;}
.slick-dotted.slick-slider{margin-bottom:0;}
.banner1{background:url(../images/banner_main01.jpg) no-repeat 50% 50%;}
.banner2{background:url(../images/banner_main02.jpg) no-repeat 50% 50%;}
.banner3{background:url(../images/banner_main03.jpg) no-repeat 50% 50%;}
.banner4{background:url(../images/banner_main04.jpg) no-repeat 50% 50%;}
.slick-dots {bottom:25px;}
.slick-dots li.slick-active button:before{color:#2d69a0;}
.slick-dots li button:before{color:#fff;font-size:16px;}
.latest {padding:70px 0 70px 0;}
.latest .row {margin:0 -40px;}
.latest .row > div{padding:0 40px;}
.latest h2{margin-bottom:30px;font-size:28px;color:#2d69a0;text-align:left;line-height:28px;}
.latest iframe {width: 100%;}
.latest h2 a {float:right;line-height:28px;}
.latest h2 a img{vertical-align:top;margin-top:1px;}
.intro {padding:90px 0;background:url(../images/bg_main01.jpg) no-repeat 50% 50% fixed;}
.intro h1{margin-bottom:50px;text-align:center;font-size:45px;color:#272727;}
.intro .row {margin-right:-20px;margin-left:-20px;}
.intro .row > div {padding:0 20px;margin-bottom:50px;}
.intro .row > div:last-child {margin-bottom:0;}
.intro figure {overflow:hidden;text-align:center;}
/* .intro figure img{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;transition:all 0.8s;}
.intro figure:hover img{transform:scale(1.05, 1.05);} */
.intro figcaption{line-height:50px;;text-align:center;font-size:22px;color:#000;}

.row-line:before{position:absolute;top:0;left:0;width:0;height:8px;background-color:#0062b2;;content:'';-webkit-transition:all 0.1s;transition:all 0.1s;-webkit-transition-delay:0.1s;transition-delay:0.1s;}
.row-line:after{position:absolute;bottom:0;right:0;width:0;height:8px;background-color:#0062b2;;content:'';-webkit-transition:all 0.1s;transition:all 0.1s;-webkit-transition-delay:0.3s;transition-delay:0.3s;}
.col-line:before{position:absolute;bottom:0;left:0;width:8px;height:0;background-color:#0062b2;;content:'';-webkit-transition:all 0.1s;transition:all 0.1s;-webkit-transition-delay:0.4s;transition-delay:0.4s;}
.col-line:after{position:absolute;top:0;right:0;width:8px;height:0;background-color:#0062b2;;content:'';-webkit-transition:all 0.1s;transition:all 0.1s;-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.intro .box {position:relative;}
.box:hover .row-line:before{width:100%;}
.box:hover .row-line:after{width:100%;}
.box:hover .col-line:before{height:100%;}
.box:hover .col-line:after{height:100%;}

.footer {padding:65px 0;border-top:1px solid #e0e0e0;}
.footer address {margin:0;}
.footer address span{margin-bottom:10px;margin-right:15px;font-size:17px;color:#5c5c5c;}
.footer address span br{display:none;}
.footer .copy{font-size:17px;color:#5c5c5c;padding-top: 15px;}
.footer .qa{float:left;width:33.3333%;padding:0 10px;}
.footer .qa p.img{height:80px;line-height:80px;}
.footer .qa .img img{vertical-align:middle;}
.footer .qa p{font-size:16px;color:#535353;text-align:center;}



/* 연혁 */
.i-history .table {border-bottom:1px solid #ddd;}
.i-history .table tr th {width:220px;text-align:center;font-size:27px;color:#0b3b87;font-weight:bold;}
.i-history .table tr th,
.i-history .table tr td{padding:45px 0;vertical-align:middle;}
.i-history .table tr td p{font-size:20px;line-height:40px;color:#5e5e5e;}
.i-history .table tr td p span{display:inline-block;margin-right:5px;font-weight:bold;color:#000;}
@media all and (max-width:1199px){
  .i-history .table {border-bottom:0;border-top:0;}
  .i-history .table tr th,
.i-history .table tr td{display:block;width:100%;padding:5px 15px;vertical-align:top;}
.i-history .table tr th {text-align:left;border-top:2px solid #000;font-size:22px;}
.i-history .table tr td {margin-bottom:30px;border-bottom:1px solid #ddd;}
}
/* 회사소개 */
.img{text-align:center;}
.txt-blue {color:#0062b2;}
.sub-title {position:relative;height:249px;margin-bottom:120px;}
.sub-title > p {position:absolute;top:40%;left:0;width:100%;font-size:45px;color:#fff;text-align:center;}
.sub-title > p:before {display:block;width:40px;height:1px;background-color:#fff;margin:0 auto 5px;content:'';}
.title01 {background:url(../images/bg_title01.jpg) no-repeat 50% 50%;}
.title02 {background:url(../images/bg_title02.jpg) no-repeat 50% 50%;}
.title03 {background:url(../images/bg_title03.jpg) no-repeat 50% 50%;}
.title04 {background:url(../images/bg_title04.jpg) no-repeat 50% 50%;}
.title05 {background:url(../images/bg_title05.jpg) no-repeat 50% 50%;}
.title06 {background:url(../images/bg_title06.jpg) no-repeat 50% 50%;}
.lnb{position:absolute;bottom:-51px;left:0;width:100%;height:51px;border-bottom:1px solid #e1e1e1;}
.lnb .row > div{float:left;position:relative;border:1px solid #e1e1e1;border-top:0;margin-left:-1px;}
.lnb .home {width:50px;height:51px;padding-top:10px;text-align:center;box-sizing:border-box;}
.lnb .depth-1 {width:120px;background-color:#fff;}
.lnb .depth-2 {width:250px;background-color:#fff;}
.lnb .depth-1 p,.lnb .depth-2 p {width:100%;height:50px;padding:0 20px;background:url(../images/ico_arrow01.jpg) no-repeat;background-position:right 10px top 50%;cursor:pointer;line-height:50px;font-size:16px;}
.lnb .depth-1 ul,.lnb .depth-2 ul{display:none;border-top:1px solid #e1e1e1;width:100%;background-color:#fff;margin:0;position: absolute;z-index: 99999;}
.lnb ul li a {display:block;padding:10px 20px;font-size:14px;}
.lnb ul li a:hover {background-color:#f0f0f0;}
.main{margin-bottom:80px;}
.main > h1{margin-bottom:60px;text-align:center;font-size:40px;color:#000;}
.hi {}
.hi h1{color:#023795; font-size:30px;line-height:30px; }
.hi h2{font-size:24px;line-height:30px;margin-bottom:30px;margin-top:20px; font-weight:normal}

.sub101 p{font-size:18px;line-height:28px;color:#666;margin-bottom:80px;}
.sub101 .img{float:left;margin-right:30px;}


@media all and (max-width:1199px){
.main{margin-bottom:0px;}
.sub101 .img{float:none;text-align:center;margin-bottom:30px;}
}

.mainphoto{float:left}
.mainphoto img{width:170px;}

@media all and (max-width:1199px){
	.mainphoto{float:none;margin-bottom:20px;}
	.mainphoto img{width:100%;}
}

.sub102 .row > div {margin-bottom:40px;}
.sub102 .img{margin-bottom:20px;}
.sub102 h2{font-size:32px;}
.sub102 h2 span{font-weight:300;color:#4b4b4b;}
.sub102 .box {margin-top:40px;text-align:center;}
.sub102 .circle {overflow:hidden;display:inline-block;width:175px;height:175px;padding-top:30px;margin:0 10px;border-radius:174px;background-color:#0062b2;color:#fff;text-align:center;}
.sub102 .circle .num{font-size:20px;font-style:italic;font-weight:700;}
.sub102 .circle h3{font-size:26px;color:#fff;}
.sub102 .circle h3 span{font-weight:200;font-size:20px;color:#fff;}
.sub103 .row > div {margin-bottom:30px;}
.sub103 .img, .sub103 p {border:1px solid #d2d2d2;}
.sub103 p{padding:15px 0;background-color:#f3f3f3;border-top:0;text-align:center;color:#666;font-size:16px;}
.sub104 .root_daum_roughmap {width:100%;}
.sub104 .root_daum_roughmap .wrap_map{height:700px !important;}
.sub104 .row.bg {padding:20px 30px;background-color:#9f9f9f;}
.sub104 .root_daum_roughmap .wrap_controllers {display:none;}
.sub104 .row > div {line-height:40px;color:#fff;}
.sub104 .row > div p {color:#fff;}
.sub104 .row > div img{vertical-align:middle;margin-right:10px;}

/* 공법소개 */
.sub2 .con {margin-bottom:50px;}
.sub2 .con > h1 {margin-bottom:20px;text-align:left;font-size:26px;color:#0062b2;}
.sub2 .con > h1:before{display:inline-block;width:4px;height:18px;background-color:#0062b2;margin-right:10px;content:'';}
.sub2 .con h2 {margin-bottom:10px;font-size:22px;color:#2f2f2f;font-weight:400;}
.sub2 .con p {color:#666;line-height:28px;}
.sub2 .txt {margin-bottom:40px;}
.sub2 .con .row {margin-right:0;margin-left:0;}
.border {margin-bottom:40px;padding:30px;border:1px solid #d2d2d2;}
.sub2 .con figcaption {padding:15px 0 ;font-size:18px;color:#666;text-align:center; margin-bottom:30px;background:#f6f6f6}
.sub2 .table{margin-bottom:80px;border-top:2px solid #0062b2;border-bottom:1px solid #ddd;}
.sub2 .table tr th{font-weight:bold;color:#000;text-align:center;vertical-align:middle;}
.sub2 .table tr:first-child th{color:#0062b2;background-color:#f5f5f5;}
.sub2 .table tr td {color:#666;}
.sub2 .table tr td p {color:#666;}
.sub2 .con1 .img {margin-bottom:20px;}
.sub2 .con1 .row p {margin-bottom:40px;line-height:28px;font-size:18px;color:#666;}
.sub201 .con6 .row,.sub202 .con3 .row {margin-right:-15px;margin-left:-15px;}
.sub202 .con3 .img{display:inline-block;width:46%;margin:0 1%;}
.sub203 .con1 > p {margin-bottom:40px;}

.sub203 .con1 .row p {position:relative;margin-bottom:10px;}
.sub203 .con1 .row p:before {position:absolute;top:10px;left:-10px;display:inline-block;width:4px;height:4px;background-color:#0062b2;content:'';}
.sub203 .con2 h2{margin-bottom:50px;}
.sub203 .con3 .row{margin-bottom:40px;}
.sub203 .con3 .img p{text-align:left;margin-bottom:10px;font-size:22px;color:#000;}
.sub203 .con3 section {margin-top:80px;}
.sub203 .con3 section > p {margin-bottom:10px;text-align:center;color:#666;}
.sub203 .con3 section > h1 {margin-bottom:40px;font-size:27px;text-align:center;color:#f96400;}
.sub203 .con3 section .img p{text-align:center;}
.sub203 .con3 section .img img{margin:0 10px 10px;}
.sub203 .con3 section.con3-3 .img{margin-bottom:40px;}
.sub203 .con4 > p {margin-bottom:20px;}
.sub203 .con4 .img.bg{background-color:#ffffe5;}
.sub204 .con1 p {margin-bottom:10px;}
.sub204 .con3 h2{margin-bottom:0;}
.sub204 .con3 p {margin-bottom:10px;}
.sub204 .con4 p {margin-bottom:5px;}
.sub204 .con6 .img img{margin-bottom:10px;}
.sub204 .con6 .table tr td,.sub204 .con6 .table tr th {width:33.3333%;text-align:center;}
/* 시공순서 */
.sub3 .border {margin-bottom:20px;}
.sub3 p {margin-bottom:5px;}
.sub3 .txt-orange {color:#ff4e00;}
.sub3 h2 {margin-bottom:20px;text-align:left;font-size:20px;color:#01379b;}
.sub104 h2 {margin-bottom:20px;text-align:left;font-size:20px;color:#01379b;}
.sub3 h2 span{font-weight:400;color:#696969;}
.sub3 h3 {margin-bottom:10px;font-size:22px;color:#2f2f2f;}
.sub3 h2:before{display:inline-block;width:3px;height:18px;background-color:#01379b;margin-right:10px;content:'';}
.sub104 h2:before{display:inline-block;width:3px;height:18px;background-color:#01379b;margin-right:10px;content:'';}
.sub3 .con figcaption {padding:15px 0 ;font-size:18px;color:#666;text-align:center; margin-bottom:30px;background:#f6f6f6}
.sub3 .img figcaption {margin-top:10px;}
.sub3 .img {margin-bottom:20px;}