@charset "utf-8";



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


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:450px; min-width:1100px; overflow:hidden;  z-index:1;}
.main_visual ul { width:100%; left:0px;top:0px; height:450px; position:absolute; z-index:0;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:450px; }
.main_visual li a{display:block;}
.main_visual .visual_text {text-align:center; position:absolute; left:0px; top:180px; 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 .main_pager {display:block; text-align:center; position:absolute;left:0px; top:400px; width:100%;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:13px; height:13px; margin:0 3px; border-radius:13px; background:#fff; }
.main_visual .main_pager .cycle-pager-active{width:35px;background:#0361c2;}
.main_visual .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:0;}

/*메인퀵*/
.main_quick {margin-top:30px; position:relative; border-bottom:1px #ddd solid;}
.main_quick h3 {position:absolute; left:0px; top:0px; background:#0361c2; color:#fff; padding:20px; line-height:20px;}
.main_quick h3 span{display:block;}
.main_quick ul {margin-left:200px; overflow:hidden;}
.main_quick ul li{float:left; width:14.222222%; text-align:center;  font-size:15px; color:#000; font-weight:bold; padding:10px 0px; position:relative;}
.main_quick ul li .icon{height:50px;}
.main_quick ul li .icon img {vertical-align:middle; transition:transform 500ms; }
.main_quick ul li:hover .icon img {transform:rotateY(180deg); transition:transform 500ms;}


.main_col_box {overflow:hidden; margin-top:30px; padding-bottom:30px;  border-bottom:1px #ddd solid; }
.main_col_box li{float:left; width:260px; height:200px;margin-right:20px; border-radius:5px; background:#0361c2; position:relative; overflow:hidden;}
.main_col_box li.last{margin-right:0px;}
.main_col_box li .box {padding:30px; position:relative; z-index:1;}
.main_col_box li .box h3{color:#fff; font-size:16px; line-height:20px; font-size:18px;}
.main_col_box li .box h3 span{display:block; font-weight:normal; font-size:16px; color:rgba(255,255,255,0.8);}

.main_col_box li.m2 {background:#faa71b url(../images/main/main_col_box_m2_bg.png) center 50% no-repeat;}
.main_col_box li .common_bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:0;}
.main_col_box li.m3 {background:#30803a}
.main_col_box li.m4 {background:#005a9e  url(../images/main/main_col_box_m4_bg.png) center 50% no-repeat}

.main_col_box li .info { color:rgba(255,255,255,1); margin-top:30px; line-height:20px;}


.main_notice_box {margin-top:30px; overflow:hidden; display:table; table-layout:fixed; width:100%; padding-bottom:30px; }
.main_notice_box.etc {margin:30px 0px;; border-top:1px #ddd solid; padding:60px 0px;}
.main_notice_box .col {display:table-cell; vertical-align:top; padding-right:40px; position:relative;}
.main_notice_box .col.notice {border-right:1px #ddd solid;}
.main_notice_box .col.news {padding-left:40px;padding-right:0px;}

.main_notice_box .col .common_title{position:absolute; left:0px; top:0px; font-size:18px; line-height:20px; color:#000;  } 
.main_notice_box .col .common_title div a{display:inline-block; font-size:11px; border:1px #ddd solid; font-weight:normal; padding:0 10px; line-height:20px; background:#f8f8f8;}  


.main_notice_box .com_notice {position:relative;} 
.main_notice_box .col.news .common_title{ left:40px; } 
.main_notice_box .com_notice ul {margin-left:100px} 
.main_notice_box .com_notice ul li{position:relative; background:url(../images/main/main_notice_dot.jpg) left 50% no-repeat; padding-left:10px; font-size:14px;} 
.main_notice_box .com_notice ul li span{position:absolute; right:0px; top:0px;} 
.main_notice_box .com_notice ul li:hover {text-decoration:underline;} 









/*시공사례
.main_gallery { padding-top:30px; 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:260px;; margin-right:20px; float:left; margin-bottom:20px;}
.main_gallery ul li:nth-child(4n) {margin-right:0px;}
.main_gallery ul li .photo {width:260px; height:160px; overflow:hidden; }
.main_gallery ul li .photo img {width:260px; height:160px; -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-top:10px; font-weight:bold;;}
.main_gallery ul li:hover .t1 {color:#fe9e25;}
.main_gallery ul li .t2 {font-size:13px; color:#2d2d2d; line-height:16px;    display:none; white-space: normal;}
.main_gallery ul li:hover .t2 {color:#000; text-decoration:underline;}
.main_gallery ul li .date {font-size:12px; color:#929292;}
*/


.main_gallery_wrap {position:relative;}

.main_gallery { padding-top:30px; margin-right:280px; position:relative; }
.main_gallery h3 {text-align:left; 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:260px;; margin-right:20px; float:left; margin-bottom:20px;}
.main_gallery ul li:nth-child(3n) {margin-right:0px;}
.main_gallery ul li .photo {width:260px; height:160px; overflow:hidden; }
.main_gallery ul li .photo img {width:260px; height:160px; -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-top:10px; font-weight:bold;;}
.main_gallery ul li:hover .t1 {color:#fe9e25;}
.main_gallery ul li .t2 {font-size:13px; color:#2d2d2d; line-height:16px;    display:none; white-space: normal;}
.main_gallery ul li:hover .t2 {color:#000; text-decoration:underline;}
.main_gallery ul li .date {font-size:12px; color:#929292;}


.main_videos {float:left;  padding-top:30px; width:260px;}
.main_videos h3 {text-align:left; font-size:30px; color:#333; letter-spacing:-1px;}
.main_videos h3 span{color:#777; display:block; font-weight:normal; font-size:13px; padding-top:8px; }
.main_videos .videos {width:260px; height:160px; margin-top:30px; }
.main_videos video {width:100%;  vertical-align:middle;border:0px; margin:0px; padding:0px;}
.main_videos .videos .btn {border:1px #ddd solid; text-align:Center; border-top:0px; height:70px; background:#f8f8f8;}
.main_videos .videos dl dt {padding-top:10px; color:#0361c2; font-size:18px;}


.main_sca_wrap {position:absolute; right:0px; top:0px;  padding-top:30px; width:260px; background:url(../images/main/main_sca_bg.png) center 110px no-repeat; }
.main_sca_wrap h3 {text-align:left; font-size:30px; color:#333; letter-spacing:-1px;}
.main_sca_wrap h3 span{color:#777; display:block; font-weight:normal; font-size:13px; padding-top:8px; }
.main_sca_wrap dl {padding-top:230px; text-align:center; }
.main_sca_wrap dl dt {font-size:20px; font-weight:bold; color:#000;}
.main_sca_wrap dl dd {display:inline-block;}
.main_sca_wrap dl dd a{ background:#0361c2; color:#fff; padding:10px; line-height:20px; padding:0 10px; display:inline-block; font-size:12px;}