@charset "utf-8";


#container {position:relative; z-index:0; }






/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:550px; min-width:1200px; overflow:hidden;  z-index:1;}
.main_visual ul { width:100%; left:0px;top:0px; height:550px; position:absolute; z-index:0;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:550px; }
.main_visual li a{display:block;}
.main_visual .visual_text {text-align:center; position:absolute; left:0px; top:220px; width:100%; z-index:9999; color:#fff; font-size:60px;}
.main_visual .visual_text .t1{font-size:70px; color:#fff;    font-weight: bold; font-family: 'GyeonggiTitleM';}
.main_visual .visual_text .t2{color: rgba(255,255,255,0.9);    font-size:22px;    font-weight: normal;    margin-top:50px;}

.main_visual .main_pager {position:absolute; width:100%;  bottom:30px; text-align:center;   z-index:99999999 !important;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:12px; height:12px; margin:0 3px; border-radius:12px; border:2px #fff solid;; }
.main_visual .main_pager .cycle-pager-active{background:#1a4bae;}


.main_visual .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:0;}


.main_business_wrap {margin:60px auto; position:relative; width:1100px; text-align:center; }
.main_business_wrap h3 {font-size:33px; }
.main_business_wrap ul {overflow:hidden; margin-top:40px; }
.main_business_wrap ul li{ width:356px; margin-right:26px; background:#eef1f3; vertical-align:top; text-align:center; position:relative;}
.main_business_wrap ul li:hover {background:#28557b;}
.main_business_wrap ul li .box {position:relative;height:270px; }
.main_business_wrap ul li dl  {padding:20px;transition: all 0.2s; margin-top:30px;}
.main_business_wrap ul li dl dt {color:#222; font-size:26px;font-weight:bold; padding-bottom:15px; line-height:20px; font-family: 'GyeonggiTitleM';}
.main_business_wrap ul li dl dd {color:#888; font-size:13px; line-height:16px; white-space: normal;}


.main_business_wrap ul li .photo  {overflow:hidden;  height:90px; line-height:90px;}
.main_business_wrap ul li .photo img {vertical-align:middle; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.main_business_wrap ul li:hover .photo img {-moz-transform: scale(1.08); -webkit-transform: scale(1.08); transform: scale(1.08);}



.main_business_wrap ul li:hover dl dt{color:#fff; transition: all 0.3s;}
.main_business_wrap ul li:hover dl dd{color:#fff; transition: all 0.3s;}
.main_business_wrap ul li .btn{position:absolute; bottom:40px; width:100%; left:0px; }
.main_business_wrap ul li .btn a{color:#1a4bae;margin:0 30px; display:block; margin-top:30px; background:#fff; color:#222; line-height:40px; }
.main_business_wrap ul li:hover .btn a{color:#1a4bae}




.main_business_wrap .btns{position:absolute; top:200px; width:100%;   z-index:0; }
.main_business_wrap .btns a{width:22px; height:38px; background:url(../images/main/main_business_btn.png) left 50% no-repeat; text-indent:-9999px; float:left; text-align:center; margin-left:-60px; }
.main_business_wrap .btns a#business_next {background-position:right 50%;  float:right;  margin-right:-60px;}





.main_wide_view_wrap {height:400px; text-align:center; position:relative; overflow:hidden; width:100%; background:url(../images/main/main_wide_view_wrap_bg.jpg?11) center top no-repeat;  background-attachment:fixed;}
.main_wide_view_wrap .bg{position:absolute; left:0px; top:0px; width:100%; z-index:0px; height:400px; background:rgba(0,0,0,0.4); }
.main_wide_view_wrap .text{font-size:50px; position:relative;z-index:1; }
.main_wide_view_wrap .text .t1{font-size:50px;  padding-top:160px; color:#fff; font-family: 'GyeonggiTitleM'; }
.main_wide_view_wrap .text .t2{font-size:20px;  padding-top:30px; color:#fff;}




/*시공사례*/
.main_gallery { padding-top:60px; position:relative; border-bottom:1px #ddd solid; padding-bottom:60px; margin-bottom:60px;}
.main_gallery h3 {text-align:center; font-size:40px; color:#333;}
.main_gallery h3 span{color:#777; display:block; font-weight:normal; font-size:16px; padding-top:12px; }


.main_gallery ul{margin-top:30px; overflow:hidden;}
.main_gallery ul li{width:285px;; margin-right:20px; float:left;}
.main_gallery ul li:nth-child(4){margin-right:0px;;}
.main_gallery ul li img {vertical-align:top; width:100%;}
.main_gallery ul li .text_box {background:#fff; }
.main_gallery ul li .t1 {font-size:16px;color:#000000; margin-top:10px; font-weight:bold;;}
.main_gallery ul li:hover .t1 {color:#1a4bae;}
.main_gallery ul li .t2 {font-size:13px; color:#2d2d2d; line-height:16px;     white-space: normal;}
.main_gallery ul li:hover .t2 {color:#000; text-decoration:underline;}
.main_gallery ul li .date {font-size:12px; color:#929292; margin-top:5px;}


.main_gallery .btns{position:relative; margin-top:30px;text-align:center;}
.main_gallery .btns a{display:inline-block; width:30px; height:30px; background:#333333; text-align:center; margin:0 1px;}
.main_gallery .btns a span{display:inline-block; width:30px; height:30px; background:url(../images/main/main_business_btn.png) left 50% no-repeat; text-indent:-9999px;}
.main_gallery .btns a#business_next span{background-position:right 50%; }




.main_bottom_warp {margin-top:30px; overflow:hidden;}
.main_bottom_warp .col {float:left; width:32%;}
.main_bottom_warp .col h3{font-size:25px; color:#333;  margin-bottom:20px;}
.main_bottom_warp .col h3 a.common_more{float:right; font-size:13px; color:#888; font-weight:normal; }


.main_bottom_warp .notice ul {margin-top:10px;}
.main_bottom_warp .notice ul li{background:url(../images/main/main_notice_dot.jpg) left 50% no-repeat; padding-left:10px; position:relative; font-size:14px;}
.main_bottom_warp .notice ul li .notice_icon_new {display:inline-block; width:17px; height:17px; line-height:17px; background:#3f70af; color:#fff;   font-size:10px; text-align:center;}
.main_bottom_warp .notice ul li a:hover{text-decoration:underline; coloR:#1a4bae}
.main_bottom_warp .notice ul li .date{position:absolute; right:0px;}


.main_bottom_warp .quick {margin:0 2%;}
.main_bottom_warp .col.quick h3 {padding-left:20px;}
.main_bottom_warp .quick ul {overflow:hidden; text-align:center; margin-top:15px;}
.main_bottom_warp .quick ul li{overflow:hidden; float:left; width:33.33333%; font-size:14px;}
.main_bottom_warp .quick ul li img {vertical-align:middle; transition:transform 500ms;}
.main_bottom_warp .quick ul li:hover img {transform:rotateY(360deg); transition:transform 500ms;}
.main_bottom_warp .quick ul li div {margin-top:5px;}
.main_bottom_warp .quick ul li:hover div {color:#1a4bae; text-decoration:underline;}


.main_bottom_warp .recruit {}


.main_bottom_warp .recruit .cs_box {border:1px #ddd solid; padding:20px 30px; padding-left:80px}
.main_bottom_warp .recruit .cs_box.cs_box01 {margin-bottom:5px; background:url(../images/main/cs_box01_bg.png) 30px 50% no-repeat;}
.main_bottom_warp .recruit .cs_box.cs_box01 .call {font-size:25px;  margin-bottom:10px;   color: #63628d;}
.main_bottom_warp .recruit .cs_box.cs_box01 .time {font-size:14px;  line-height:16px; color:#777;}
.main_bottom_warp .recruit .cs_box.cs_box01 .time span {color:#f2e8e8;}

.main_bottom_warp .recruit .btn {margin-top:5px ; background:#fff; border:1px #ddd solid; overflow:hidden;}
.main_bottom_warp .recruit .btn span{float:left; width:50%; text-align:center;}
.main_bottom_warp .recruit .btn span a{display:block; line-height:44px;  transition: all 0.3s; }
.main_bottom_warp .recruit .btn span a.last{border-right:1px #ddd solid;}





@media all and (max-width:1024px) {

.main_visual { width:100%; height:350px; min-width:auto; padding-top:0px}
.main_visual ul {height:350px; }
.main_visual li { width:100%; height:350px; background-size:cover;}


.main_visual .visual_text {top:120px;  font-size:40px;}
.main_visual .visual_text .t1{font-size:40px;  font-weight: bold;}
.main_visual .visual_text .t2{font-size:20px;  padding:0 20px;  margin-top:20px;}

.main_visual .main_pager {width:100%;  bottom:40px;}



.main_business_wrap { width:auto; overflow:hidden; margin:60px 10px;}
.main_business_wrap h3 {font-size:28px; }
.main_business_wrap ul {overflow:hidden; margin-top:40px; }
.main_business_wrap ul li{ width:260px; margin-right:10px;}
.main_business_wrap ul li .box {height:auto; padding-bottom:120px;}
.main_business_wrap ul li dl dt {font-size:20px; }




.main_wide_view_wrap {height:200px;  background-size:cover;}
.main_wide_view_wrap .bg{height:200px;}
.main_wide_view_wrap .text .t1{font-size:30px;  padding-top:80px; }
.main_wide_view_wrap .text .t2{font-size:14px;  padding-top:0px;}




/*시공사례*/
.main_gallery {    padding-bottom: 20px;    margin-bottom:20px;}
.main_gallery h3{font-size:28px;}
.main_gallery ul{margin-top:30px; overflow:hidden; overflow:hidden;}
.main_gallery ul li{width:47%;; margin:1.5% 1.5% 30px !important;}
.main_gallery ul li .t1 {font-size:16px; margin-top:10px; font-weight:normal; line-height:18px;     overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}




.main_bottom_warp .col {float:none; width:auto; padding:0 10px; padding-bottom:30px; border-bottom:1px #ddd solid;}
.main_bottom_warp .col h3{font-size:20px; color:#333;  margin-bottom:20px;}





.main_bottom_warp .quick {margin:0; padding-top:30px;}
.main_bottom_warp .col.quick h3 {padding-left:0px;}





.main_bottom_warp .recruit .cs_box {border:0px #ddd solid; padding:20px 30px; padding-left:80px}




}