@charset "utf-8";
@import url("./width1024_default.css");


#container {position:relative; z-index:0;  font-family: 'Nanum Square';}


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:900px; min-width:1100px; overflow:hidden;  z-index:1;}
.main_visual ul { width:100%; left:0px;top:0px; height:900px; position:absolute; z-index:0;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:900px; }
.main_visual li a{display:block;}
.main_visual .visual_text {text-align:center; position:absolute; left:0px; top:320px; width:100%; z-index:9999; color:#fff; font-size:60px; font-weight:bold;}
.main_visual .visual_text span{display:block;  color:rgba(255,255,255,0.9); font-size:18px; font-weight:normal; margin-top:40px;}
.main_visual .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:0;}
.main_visual .main_visual_btn {position:absolute; width:100%; left:0px; top:42%; z-index:999999; }
.main_visual .main_visual_btn a{float:left;  margin:0 100px; width:51px; height:99px; background:url(../images/main/main_visual_btn.png) left top no-repeat; text-indent:-9999px;}
.main_visual .main_visual_btn a#main_btn_next{background-position:right top; float:right;}




/*퀵메뉴*/
.main_quick_wrap {background:#eef1f3; position:relative; z-index:99; border:1px #eef1f3 solid; }
.main_quick_wrap .main_quick_first {position:relative; margin-top:-150px; overflow:hidden; }
.main_quick_wrap .main_quick_first li{float:left; width:333px; min-height:260px; position:relative;}

.main_quick_wrap .main_quick_first li.m1{background:url(../images/main/main_first_quick01.jpg) left top no-repeat;}
.main_quick_wrap .main_quick_first li.m2{background:url(../images/main/main_first_quick02.jpg) left top no-repeat; margin:0 50px;}
.main_quick_wrap .main_quick_first li.m3{background:url(../images/main/main_first_quick03.jpg) left top no-repeat;}
.main_quick_wrap .main_quick_first li .bg {width:100%; height:260px; position:absolute;left:0px; top:0px; background:#25b18c; opacity:0.8; z-index:0;}
.main_quick_wrap .main_quick_first li .box {margin:50px; margin-top:150px; background:#2a2b2c; position:relative; z-index:1; padding:30px; text-align:center;}
.main_quick_wrap .main_quick_first li .box dl dt{color:#fff; font-size:17px; font-weight:bold;}
.main_quick_wrap .main_quick_first li .box dl dd{color:rgba(255,255,255,0.8); font-size:13px;  line-height:18px; margin-top:10px;}
.main_quick_wrap .main_quick_first li .box a{display:inline-block; margin-top:20px; line-height:35px;; border:1px #fff solid; color:#fff; padding:0 20px;     transition: all 0.2s;}
.main_quick_wrap .main_quick_first li .box a:hover{transition:all 0.3s; background:#25b18c; border-color:#25b18c;}



.main_quick_wrap .main_quick_last {display:table; width:100%; table-layout:fixed;}
.main_quick_wrap .main_quick_last li{display:table-cell; text-align:center; vertical-align:middle; padding:20px 0px 60px;;}

.main_quick_wrap .main_quick_last li .icon img {vertical-align:middle; transition:transform 500ms;}
.main_quick_wrap .main_quick_last li:hover .icon img {transform:rotateY(360deg); transition:transform 500ms;}

.main_quick_wrap .main_quick_last li .text {font-size:17px;font-weight:bold; margin-top:10px;}
.main_quick_wrap .main_quick_last li a {font-size:12px;color:#999; }




/*시공사례*/
.main_gallery { padding-top:60px; position:relative;}
.main_gallery h3 {text-align:center; font-size:30px; color:#333;}
.main_gallery h3 span{color:#777; display:block; font-weight:normal; font-size:13px; padding-top:8px; }

.main_gallery ul{margin-top:30px;}
.main_gallery ul li{width:245px;; margin:0 10px; overflow:hidden;}
.main_gallery ul li img {vertical-align:top; width:100%;}
.main_gallery ul li .text_box {background:#fff; padding:20px 0px;}
.main_gallery ul li .t1 {font-size:16px;color:#000000; margin:10px 0px; font-weight:bold;;}
.main_gallery ul li:hover .t1 {color:#f3700a;}
.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%; }