@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: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 .visual_text {text-align:center; position:absolute; left:0px; top:220px; 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:600px; background:rgba(0,0,0,0.4); z-index:0;}

.main_visual .main_pager {position:absolute; width:100%;  bottom:280px; 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:#a4c5d2; padding:30px 0px 20px;}
.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; }
.main_visual_quick_wrap .col dd{font-size:13px; margin-top:10px; color:rgba(255,255,255,0.6); line-height:20px;}




/*시공사례*/
.main_gallery { padding-top:60px; }
.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;}


.main_gallery ul{margin-top:40px;}
.main_gallery ul li{width:290px;; margin-right:30px; overflow:hidden;}
.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: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;}



/*하단정보*/
.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:24px; 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:350px; border-right:1px #e4e4e4 solid;}
.main_info_wrap .about .text  {line-height:20px; padding-right:60px; font-size:14px; color:#666666;}
.main_info_wrap .about a {position:absolute; left:0px; bottom:0px;  border:1px #dddddd solid; padding:0 20px; line-height:30px; color:#222; font-size:12px; transition: all 0.2s;}
.main_info_wrap .about a:hover {background:#222; border-color:#222; color:#fff; padding:0 30px; transition: all 0.3s;}

.main_info_wrap .contact {width:370px; margin-left:60px;}
.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:20px; color:#333333; letter-spacing:-1px;}
.main_info_wrap .contact .c_info_list  span{display:inline-block; width:20px; height:20px;line-height:20px; 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:380px;float:right;}
.main_info_wrap .location .location_wrap {background:#eae5e3 url(../images/main/main_location_bg.png) 90% 50% no-repeat; height:138px; transition: all 0.2s;}
.main_info_wrap .location .location_wrap .box {padding:30px;}
.main_info_wrap .location .text  {line-height:20px;  font-size:15px; color:#444444; font-weight:bold;margin-top:5px;}
.main_info_wrap .location .add  {line-height:20px;  font-size:14px; color:#777777;margin-top:5px;}
.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;}