@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:550px; min-width:1100px; 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:250px; width:100%; z-index:9999; color:#ffa800; 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 .pager_box {margin:0 auto; width:1100px; position:relative;  z-index:99999999 !important; position:relative; display:none;}
.main_visual .main_pager {position:absolute;  top:360px;height:15px;  text-align:center; }
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:16px; height:15px; margin:0 3px; border-radius:15px; background:#fff; }
.main_visual .main_pager .cycle-pager-active{width:35px;background:#2b5dc0;}
.main_visual .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:0;}


/*메인퀵*/
.main_quick_wrap {background:#ffa800}
.main_quick_wrap ul  {display:table; table-layout:fixed; width:100%; padding:15px 0px; }
.main_quick_wrap ul li {display:table-cell; vertical-align:middle; position:relative; padding:30px; border-right:1px rgba(55,38,29,0.1) solid;}
.main_quick_wrap ul li:first-child {padding-left:0px;}
.main_quick_wrap ul li:last-child {border-right:0px; padding-right:0px;}
.main_quick_wrap ul li dl {}
.main_quick_wrap ul li dl dt {color:#37261d; font-weight:bold; font-size:18px; transition: all .2s;}
.main_quick_wrap ul li dl dd {color:rgba(55,38,29,0.6); font-size:13px; line-height:18px; margin-top:20px; transition: all .2s;}
.main_quick_wrap ul li .photo {position:absolute; right:30px; top:50%; transition: all .2s;}
.main_quick_wrap ul li:hover dt{color:#fff; transition: all .3s;}
.main_quick_wrap ul li:hover dd{color:#rgba(255,255,255,0.9); transition: all .3s;}
.main_quick_wrap ul li:hover .photo {top:30%; transition: all .3s;}



/*시공사례*/
.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; overflow:hidden;}
.main_gallery ul li{width:245px;; margin:0 10px; float:left; margin-bottom:20px;}
.main_gallery ul li .photo {width:245px; height:156px; overflow:hidden; }
.main_gallery ul li .photo img {width:245px; height:156px; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.main_gallery ul li:hover .photo img {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
.main_gallery ul li .text_box {background:#fff; }
.main_gallery ul li .t1 {font-size:16px;color:#000000; margin:10px 0px; font-weight:bold;;}
.main_gallery ul li:hover .t1 {color:#fe9e25;}
.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%; }