@charset "utf-8";



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


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:650px; min-width:1700px; overflow:hidden; z-index:1;}
.main_visual ul {height:650px; position:relative; z-index:1;}
.main_visual li {background-repeat:no-repeat; background-position:center top; width:100%; height:650px; background-size:cover}


.main_visual .main_visual_text {position:absolute; width:100%; height:650px; 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:240px; color:#fff; text-align:left; }
.main_visual .main_visual_text .t1 {font-size:25px; }
.main_visual .main_visual_text .t2 {display:block;font-size:60px;  padding:27px 0px 37px;  }
.main_visual .main_visual_text .t3 {font-size:18px; }
.main_visual .main_visual_text .t4 {font-size:22px; margin-top:10px; font-weight:bold; }



.main_visual .pager_box {position:absolute; width:100%;  bottom:160px; text-align:center;   z-index:99999999 !important;}
.main_visual .main_pager {text-align:left; font-size:14px; color:#fff; font-weight:bold; margin-left:10px;}
.main_visual .main_pager span{display:inline-block;  margin-right:5px;}
.main_visual .main_pager a{display:block; color:#fff; padding-right:30px;  margin-right:7px;}
.main_visual .main_pager .cycle-pager-active{border-bottom:3px #fff solid;}

.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_gallery { padding-top:60px;}
.main_gallery h3 {font-size:24px; color:#222222; padding-bottom:20px;}
.main_gallery h3 span{display:inline-block; margin-left:20px; font-size:16px; color:#888; font-weight:normal;}


.main_gallery ul{margin-top:0px;}
.main_gallery ul li{width:290px;; margin-right:13px; overflow:hidden; vertical-align:top;}
.main_gallery ul li img {vertical-align:top; width:100%;}
.main_gallery ul li .text_box {background:#fff; padding:10px 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:absolute; top:200px; 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;}


.main_inquery {margin-top:80px; background:url(../images/main/main_inquery_bg.jpg) center top no-repeat; padding:90px 0px; text-align:center; background-size:cover;}
.main_inquery .videos_file{width:450px; display:inline-block; margin-bottom:40px;}
.main_inquery dl {color:#fff;}
.main_inquery dl dt{ font-size:20px;}
.main_inquery dl dd{ font-size:30px; padding-top:10px;}
.main_inquery .add_info {margin-top:40px;}
.main_inquery .add_info .box {display:inline-block; background:#8569a0; padding:30px 60px; color:#fff; }
.main_inquery .add_info .box .t1{font-size:30px;}
.main_inquery .add_info .box .t2{font-size:50px; line-height:50px; margin-top:10px;}



.main_type_wrap {margin-top:80px;}
.main_type_wrap ul {overflow:hidden;}
.main_type_wrap ul li{float:left; width:285px; margin-right:20px; position:relative; margin-bottom:20px;}
.main_type_wrap ul li.last{margin-right:0px;}
.main_type_wrap ul li .photo {}
.main_type_wrap ul li .photo img  {vertical-align:middle; max-width:100%;}
.main_type_wrap ul li .text {position:absolute; left:0px; bottom:0px; width:100%; font-size:0px;}
.main_type_wrap ul li .text .box {display:inline-block; margin-left:10%; width:80%; background:rgba(255,255,255,0.9); padding:8px 0px; color:#000; font-size:18px; font-weight:bold; text-align:Center;}
.main_type_wrap ul li .text .box span {display:block;  font-size:14px;font-weight:normal; color:#999; }


.main_notice_box { margin-top:40px}
.main_notice_box .default_layout{overflow:hidden;}

.main_event {float:left; height:180px;; width:475px; background:url(../images/main/main_event_bg.png) 95% 50% no-repeat; border:1px #ddd solid;}
.main_event dl{padding:30px 40px 0px;;}
.main_event dl dt {font-size:25px; margin-top:5px; font-weight:bold; color:#222;}
.main_event dl dt span{display:block; color:#8569a0; font-size:18px;}
.main_event dl dd {font-size:14px; line-height:20px; color:#888; margin-top:10px;}
.main_event a {margin-left:40px; display:inline-block; color:#666; margin-top:10px; font-size:11px; background:#8569a0; color:#fff; border:1px #8569a0 solid; padding:0px 10px; line-height:22px; transition: all .2s;}
.main_event a:hover {transition: all .3s; background:#8569a0; border-color:#8569a0;}


.main_cscenter {float:left; height:180px; margin-left:20px;; width:255px; border:1px #ddd solid;}
.main_cscenter .box {padding:20px; text-align:Center;}
.main_cscenter .box h3 {font-size:18px; margin-top:15px; font-weight:bold; color:#8569a0;}
.main_cscenter .call_num {color:#303030; font-size:33px; padding:6px 0px; font-weight:bold; margin-top:10px; margin-bottom:13px;}
.main_cscenter .time {color:#555; font-size:13px;line-height:16px; }
.main_cscenter .fax_num {color:#888; font-size:13px; line-height:16px;}



.main_notice {float:left;  margin-left:20px;  height:180px; width:424px;  border:1px #ddd solid;}
.main_notice .box {padding:15px 20px;}
.main_notice .box h3 {font-size:18px; margin-top:5px; font-weight:bold; color:#222; border-bottom:1px #ddd solid; line-height:18px; padding-bottom:10px;}
.main_notice .box h3 a{float:right; }
.main_notice .box h3 a img {vertical-align:middle;}

.main_notice .box ul {margin-top:10px;}
.main_notice .box ul li{overflow:hidden; font-size:14px; color:#333; background:url(../images/main/main_notice_dot.jpg) left 50% no-repeat;padding-left:10px;}
.main_notice .box ul li:hover  {text-decoration:underline;}
.main_notice .box ul li .date{float:right; font-size:12px; color:#999; }