@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:100%; height:400px; min-width:1100px; overflow:hidden;  z-index:1;}
.main_visual ul { width:100%; left:0px;top:0px; height:400px; position:absolute; z-index:0;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:400px; }
.main_visual li a{display:block;}
.main_visual .visual_text {text-align:center; position:absolute; left:0px; top:120px; 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 {position:absolute; width:100%; top:360px;height:15px;  text-align:center; z-index:99999999 !important;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:50px; height:4px; margin:0 3px;  background:#fff; }
.main_visual .main_pager .cycle-pager-active{background:#1c5da3;}
.main_visual .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:0;}

/*메인퀵*/
.main_quick_wrap {background:#eeeeee; }
.main_quick_wrap ul {display:table; width:100%; table-layout:fixed;}
.main_quick_wrap ul li{display:table-cell;vertical-align:top; text-align:center; color:#fff; padding-bottom:20px; transition: all 0.2s;}
.main_quick_wrap ul li a{display:block; color:#fff;}
.main_quick_wrap ul li .icon {height:120px; line-height:120px; }
.main_quick_wrap ul li .icon img {vertical-align:middle; transition:transform 500ms;}
.main_quick_wrap ul li:hover .icon img {transform:rotateY(360deg); transition:transform 500ms;}
.main_quick_wrap ul li:hover {opacity:0.8; transition: all 0.3s;}
.main_quick_wrap ul li.m1 {background:#7c99b9;}
.main_quick_wrap ul li.m2 {background:#1c5da3;}
.main_quick_wrap ul li.m3 {background:#4b8ce0;}
.main_quick_wrap ul li.m4 {background:#3db5f3;}
.main_quick_wrap ul li.m5 {background:#95c8ff;}

.main_quick_wrap ul li dl dt  {font-size:17px; font-weight:bold;}
.main_quick_wrap ul li dl dd  {font-size:13px; color:rgba(255,255,255,0.8)}



/*시공사례*/
.main_gallery { padding-top:60px; }
.main_gallery h3 {text-align:center; font-size:30px; color:#333;}
.main_gallery h3 span{color:#1c5da3;}

.main_gallery ul{margin-top:30px;}
.main_gallery ul li{width:255px;; margin:0 10px; overflow:hidden;}
.main_gallery ul li img {vertical-align:top; width:100%;}
.main_gallery ul li .text_box {background:#fff; padding:20px;}
.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_info_box {padding:30px 0px;}
.main_info_box h3{font-size:20px; font-family: 'Nanum Square'; overflow:hidden; line-height:25px; margin-bottom:20px;}
.main_info_box h3 a{float:right;}
.main_info_box h3 a span{display:inline-block; line-height:20px; padding:2px 10px 0px; border:1px #d3d6da solid; background:#fff; font-size:12px; font-weight:normal;}

.main_info_box_wrap {display:table; width:100%; }
.main_info_box_wrap .col {display:table-cell; vertical-align:top; padding:40px 40px 20px;}
.main_info_box .notice {background:#f2f2f2; width:330px;}
.main_info_box .notice ul{}
.main_info_box .notice ul li {overflow:hidden; line-height:25px; font-size:13px; padding-left:10px; background:url(../images/main/main_notice_dot.jpg) left 11px no-repeat;}
.main_info_box .notice ul li a{float:left; width:70%;  color:#555555}
.main_info_box .notice ul li a:hover{text-decoration:underline;}
.main_info_box .notice ul li span{float:right; color:#aaaaaa;}
.main_info_box .notice .btn {margin-top:30px ; background:#fff; border:1px #cccccc solid; overflow:hidden;}
.main_info_box .notice .btn span{float:left; width:50%; text-align:center;}
.main_info_box .notice .btn span a{display:block; line-height:44px; background:#fff; transition: all 0.3s; }
.main_info_box .notice .btn span a:hover{background:#1c5da3; color:#fff; border-color:#1c5da3; transition: all 0.2s; }
.main_info_box .notice .btn span a.last{border-right:1px #cccccc solid;}



.main_info_box .news {border:1px #e4e4e4 solid; border-left:0px;}
.main_info_box .news ul{overflow:hidden;}
.main_info_box .news ul li {float:left; width:190px; margin-right:19px; }
.main_info_box .news ul li:nth-child(3n+3) {margin-right:0px;}
.main_info_box .news ul li .photo img{vertical-align:top; width:100%; height:130px;;}
.main_info_box .news ul li dl dt{font-weight:bold; font-size:14px; padding-top:5px; color:#000000;   overflow:hidden;    white-space:nowrap;    text-overflow:ellipsis; padding-right:10px;}
.main_info_box .news ul li dl dd{margin-top:3px; font-size:12px; color:#777777; line-height:18px;}
.main_info_box .news ul li:hover dl dt {text-decoration:underline; color:#000;}
.main_info_box .news ul li:hover dl dd {text-decoration:underline;}