@charset "utf-8";

#container {position:relative; z-index:0;  }


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:1400px; margin:0 auto;  min-width:1400px; overflow:hidden;  z-index:1;}
.main_visual ul { width:100%; height:600px; z-index:0;}
.main_visual ul li {width:100%; height:600px; overflow:hidden;}
.main_visual ul li img {vertical-align:middle; }



.main_visual .main_visual_text {position:absolute; width:100%; height:600px;  top:0px; color:#fff; z-index:2;  }
.main_visual .main_visual_text .bg{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:1;  }
.main_visual .main_visual_text .default_layout{overflow:hidden; text-align:center; position:relative; z-index:2;}
.main_visual .main_visual_text .t1{margin-top:460px; font-size:50px; line-height:50px; padding:10px 0px;}
.main_visual .main_visual_text .t2{font-size:18px; line-height:20px;  }




.main_visual .main_pager {position:absolute; width:100%;  top:60px; 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:#e5dfdc;}


.main_visual_quick_wrap {display:table; width:100%; table-layout:fixed; margin-top:10px;}
.main_visual_quick_wrap .col{display:table-cell; vertical-align:middle; color:#fff; background:#bc9b6a; padding:30px 0px;}
.main_visual_quick_wrap .col img {vertical-align:middle; margin-bottom:30px;}
.main_visual_quick_wrap .col.last {background:#747476;}

.main_visual_quick_wrap .col dt{font-size:20px;font-weight:bold; color:#fff; }
.main_visual_quick_wrap .col dd{font-size:13px; margin-top:10px; color:rgba(255,255,255,0.6); line-height:20px;  color:#fff;}






/*하단정보*/
.main_info_wrap {overflow:hidden; margin-top:60px;}
.main_info_wrap .col {float:left; height:210px;  position:relative; overflow:hidden;}
.main_info_wrap .col h3{font-size:22px; color:#222222; background:url(../images/main/main_title_line.jpg) left bottom no-repeat; padding-bottom:20px; margin-bottom:30px;}

.main_info_wrap .about {width:400px; border-right:1px #e4e4e4 solid; }
.main_info_wrap .about .main_notice {position:relative;  background:#fff; height:180px;}

.main_info_wrap .about .notice_tep h3 {float:left;color:#222222; width:120px; text-align:center; border-top:1px #adadad solid;  border-right:1px #adadad solid; border-bottom:1px #adadad solid;  padding-bottom:0px; background:none;}
.main_info_wrap .about .notice_tep h3 a{line-height:45px; font-size:14px; color:#999; font-weight:normal;}
.main_info_wrap .about .notice_tep h3.first_h3{border-left:1px #adadad solid;}


.main_info_wrap .about .main_notice .on_check h3 {border-color:#444; background:#444;}
.main_info_wrap .about .main_notice .on_check h3 a{ color:#fff; }
.main_info_wrap .about .main_notice .on_check .tabcontent{display:block;}
.main_info_wrap .about .notice_tep div.tabcontent {position:absolute;left:0;top:75px;width:100%; display:none;}

.main_info_wrap .about .notice_tep div ul li{margin-bottom:10px; line-height:23px; position:relative; background:url(../images/main/notice_dot.jpg) left 9px no-repeat;padding-left:10px; overflow:hidden; font-size:14px;}
.main_info_wrap .about .notice_tep div ul li a{float:left; width:70%; color:#000}
.main_info_wrap .about .notice_tep divul li .date{position:absolute; right:25px; top:0px;color:#999; }





.main_info_wrap .contact {width:370px; margin-left:40px;}
.main_info_wrap .contact .c_name  {line-height:20px; font-weight:bold; font-size:14px; color:#000000;}
.main_info_wrap .contact .c_info {margin-top:15px;}
.main_info_wrap .contact .c_info_list {display:inline-block; line-height:15px; margin-right:25px; font-size:16px; color:#333333; letter-spacing:-1px;}
.main_info_wrap .contact .c_info_list  span{display:inline-block; padding:0 15px; height:24px;line-height:24px; background:#444; text-align:center; font-size:13px; vertical-align:middle;  color:#fff; font-weight:bold;margin-right:3px;}
.main_info_wrap .contact .btns {position:absolute; left:0px; bottom:0px; width:100%; }
.main_info_wrap .contact .btns_wrap {display:table; width:100%;  table-layout:fixed;}
.main_info_wrap .contact .btns_wrap a{display:table-cell; border:1px #dddddd solid;border-left:0px; text-align:center; line-height:30px; color:#222; font-size:12px; transition: all 0.2s; }
.main_info_wrap .contact .btns_wrap a.first{border-left:1px #dddddd solid;}
.main_info_wrap .contact .btns_wrap a:hover {background:#222; border-color:#222; color:#fff;  transition: all 0.3s;}


.main_info_wrap .location {width:430px;float:right;}
.main_info_wrap .location .location_wrap {background:#eae5e3 url(../images/main/main_location_bg.png) 90% 50% no-repeat; height:108px; transition: all 0.2s;}
.main_info_wrap .location .location_wrap .box {padding:15px 30px; ;}
.main_info_wrap .location .text  {line-height:20px;  font-size:15px; color:#444444; font-weight:bold;}
.main_info_wrap .location .add  {line-height:20px;  font-size:12px; color:#777777;}
.main_info_wrap .location .arrow  {font-size:18px; color:#333;margin-top:5px; transition: all 0.2s;}
.main_info_wrap .location:hover .location_wrap {background-color:#ddd; transition: all 0.3s;}
.main_info_wrap .location:hover .arrow{margin-left:10px; transition: all 0.3s;}



/*시공사례*/
.main_gallery { padding-top:60px; display:none;}
.main_gallery h3 {text-align:center; font-size:24px; color:#222222; background:url(../images/main/main_title_line.jpg) center bottom no-repeat; padding-bottom:20px; display:none;}


.main_gallery ul{ overflow:hidden; }
.main_gallery ul li{width:365px !important; float:left; ; margin:0px 10px;}
.main_gallery ul li.last{margin-right:0px;}
.main_gallery ul li img {vertical-align:top; width:100%;}
.main_gallery ul li .text_box {background:#fff; padding:10px;}
.main_gallery ul li .t0 {display:inline-block; background:#bc9b6a; color:#fff; padding:0 10px; border-radius:3px;} 
.main_gallery ul li .t0_01 {background:#747476; color:#fff;} 
.main_gallery ul li .t1 {font-size:17px;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 .btns{position:absolute; top:270px; width:100%;   z-index:0; }
.main_gallery .btns a{width:16px; height:32px; background:url(../images/main/main_gallery_btn.png) left 50% no-repeat; text-indent:-9999px; float:left; text-align:center; margin-left:-60px; }
.main_gallery .btns a#gallery_next {background-position:right 50%;  float:right;  margin-right:-60px;}