@charset "utf-8";


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


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:700px; min-width:1100px; overflow:hidden;}
.main_visual ul { width:100%; left:0px;top:0px; height:700px; position:absolute;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:700px; }

.main_visual .main_visual_text {position:absolute; width:100%; height:700px; top:0px;  color:#fff; z-index:2; }
.main_visual .main_visual_text .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:0;}
.main_visual .main_visual_text .text {position:relative; z-index:1;  padding-top:280px; }
.main_visual .main_visual_text .t1 {color:#fff; font-size:60px; }
.main_visual .main_visual_text .t2 {display:block;  color:rgba(255,255,255,0.9); font-size:18px; font-weight:normal; margin-top:20px; }

.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:#7a5948;}

.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 {display:table; width:100%; table-layout:fixed;}
.main_quick_wrap .col {display:table-cell; vertical-align:middle;}

.main_quick_wrap .col.about {background:#7a5948;}
.main_quick_wrap .col .about_wrap { padding:50px 60px; color:#fff;}
.main_quick_wrap .col .about_wrap dl dt {font-size:33px;}
.main_quick_wrap .col .about_wrap dl dd {font-size:14px; color:rgba(255,255,255,0.8); line-height:20px;margin-top:20px;}
.main_quick_wrap .col .about_wrap a {display:inline-block;  margin-top:40px; border:1px #fff solid;; color:#fff; line-height:40px; padding:0 10px; transition: all 0.2s;}
.main_quick_wrap .col .about_wrap a:hover {padding:0 40px; transition: all 0.3s;}
.main_quick_wrap .col.bg {background:url(../images/main/about_right_bg.jpg) center top no-repeat;}

.main_quick_wrap .quick {vertical-align:middle; background:#f8f8f8}
.main_quick_wrap .quick li {padding-left:140px; height:120px;  vertical-align:middle;}
.main_quick_wrap .quick li dl dt{padding-top:38px;font-size:18px;}
.main_quick_wrap .quick li dl dd{font-size:14px;}
.main_quick_wrap .quick li.m1{background:url(../images/main/main_quick_wrap_quick01.png) 50px 50% no-repeat; }
.main_quick_wrap .quick li.m2{background:#444 url(../images/main/main_quick_wrap_quick02.png) 50px 50% no-repeat; color:#fff;}
.main_quick_wrap .quick li.m2 a {color:#fff;}
.main_quick_wrap .quick li.m3{background:url(../images/main/main_quick_wrap_quick03.png) 50px 50% no-repeat;}



/*시공사례*/
.main_gallery { padding-top:60px; position:relative; border-bottom:1px #ddd solid; padding-bottom:30px;}
.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:263px;; margin-right:15px; float:left;}
.main_gallery ul li:last-child {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:10px 0px; font-weight:bold;;}
.main_gallery ul li:hover .t1 {color:#ff6762;}
.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:48%;}
.main_bottom_warp .col h3{font-size:22px; color:#333;}
.main_bottom_warp .col h3 a{color:#333;float:right; font-size:12px; 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:15px; line-height:25px;}
.main_bottom_warp .notice ul li a{color:#333;}
.main_bottom_warp .notice ul li a:hover{text-decoration:underline; coloR:#ff6762}
.main_bottom_warp .notice ul li .date{position:absolute; right:0px; color:#888}



.main_bottom_warp .notice02 {float:right;}