@charset "utf-8";


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


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



.main_visual .main_visual_text {position:absolute; width:100%; left:0px; top:0px; z-index:2; color:#fff; /*font-family: 'Nanum Square'; */}
.main_visual .main_visual_text .bg{position:absolute;width:100%; left:0px; top:0px; height:750px; background:rgba(0,0,0,0.6); z-index:0;}
.main_visual .main_visual_text .t1{font-size:60px; line-height:60px; margin-top:280px; font-weight:bold; position:relative; z-index:3:}
.main_visual .main_visual_text .t2{font-size:16px; line-height:19px; padding-top:20px; position:relative; z-index:3; color:#rgba(255,255,255,0.4);}


.main_visual .main_pager {position:absolute; width:100%;  left:0px; top:430px;  z-index:3;}
.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: #fff;}


/*
.scroll_down {position:absolute; left:0px;  bottom:40px; width:100%; text-align:center; z-index:4;}
.scroll_down:hover {opacity:0.6;}
.scroll_down .move{position:relative; animation-duration: 0.3s;	animation-iteration-count: infinite;	animation-direction: alternate;bottom:10px; animation-name:point; animation-delay: 0.1s;} 
@keyframes move{from{bottom:10px;}to{bottom:200px;}}
*/



.site_maker_point_wrap{position:absolute; width:100%; left:0px; bottom:30px; z-index:999999999999999999999; display:none; }
.site_maker_point_wrap:hover {opacity:0.6;}
.site_maker_point{text-align:center; }
.site_maker_point .point{position:relative; animation-duration: 0.6s;	animation-iteration-count: infinite;	animation-direction: alternate; }
.site_maker_point .point{bottom:27px; animation-name:point; animation-delay: 0.1s;}
@keyframes point{from{bottom:27px;}to{bottom:40px;}}





/*퀵메뉴*/
.main_quick_wrap {position:relative; z-index:99; border:1px #eef1f3 solid; /*font-family: 'Nanum Square'; */}
.main_quick_wrap .main_quick_first {position:relative; margin-top:-150px; overflow:hidden; }
.main_quick_wrap .main_quick_first li{float:left; width:333px; min-height:260px; position:relative;}

.main_quick_wrap .main_quick_first li.m1{background:url(../images/main/main_first_quick01.jpg) left top no-repeat;}
.main_quick_wrap .main_quick_first li.m2{background:url(../images/main/main_first_quick02.jpg) left top no-repeat; margin:0 50px;}
.main_quick_wrap .main_quick_first li.m3{background:url(../images/main/main_first_quick03.jpg) left top no-repeat;}
.main_quick_wrap .main_quick_first li .bg {width:100%; height:260px; position:absolute;left:0px; top:0px; background:#226d98; opacity:0.8; z-index:0;}
.main_quick_wrap .main_quick_first li .box {margin:50px; margin-top:150px; background:#2a2b2c; position:relative; z-index:1; padding:30px; text-align:center;}
.main_quick_wrap .main_quick_first li .box dl dt{color:#fff; font-size:16px; font-weight:bold;}
.main_quick_wrap .main_quick_first li .box dl dd{color:rgba(255,255,255,0.8); font-size:12px;  line-height:18px; margin-top:10px;}
.main_quick_wrap .main_quick_first li .box a{display:inline-block; margin-top:20px; line-height:35px;; border:1px #fff solid; color:#fff; padding:0 20px;     transition: all 0.2s;}
.main_quick_wrap .main_quick_first li .box a:hover{transition:all 0.3s; background:#25b18c; border-color:#25b18c;}



.main_quick_wrap .main_quick_last {display:table; width:100%; table-layout:fixed;}
.main_quick_wrap .main_quick_last li{display:table-cell; text-align:center; vertical-align:middle; padding:20px 0px 60px;;}

.main_quick_wrap .main_quick_last li .icon img {vertical-align:middle; transition:transform 500ms;}
.main_quick_wrap .main_quick_last li:hover .icon img {transform:rotateY(360deg); transition:transform 500ms;}

.main_quick_wrap .main_quick_last li .text {font-size:17px;font-weight:bold; margin-top:10px;}
.main_quick_wrap .main_quick_last li a {font-size:12px;color:#999; }




/*사업소개*/
.main_business_wrap {position:relative; overflow:hidden; margin:60px 0px; }
.main_business_wrap .title_box {position:absolute; left:0px; top:0px;}
.main_business_wrap .title_box .line {display:inline-block; height:3px; width:60px; background:#333333;}
.main_business_wrap .title_box .text{margin-top:40px; line-height:20px;}
.main_business_wrap .title_box h3{font-size:33px; line-height:33px; margin:30px 0px;}


.main_business_wrap .title_box .btns{position:relative; margin-top:30px;}
.main_business_wrap .title_box .btns a{display:inline-block; width:30px; height:30px; background:#333333; text-align:center; margin:0 1px;}
.main_business_wrap .title_box .btns a span{display:inline-block; width:30px; height:30px; background:url(../images/main/main_business_btn.png) left 50% no-repeat; text-indent:-9999px;}
.main_business_wrap .title_box .btns a#business_next span{background-position:right 50%; }




.main_business_wrap ul {overflow:hidden; margin-left:260px;  margin-top:10px;}
.main_business_wrap ul li{ width:265px; margin-right:20px;}
.main_business_wrap ul li:last-child {margin-right:0px;}
.main_business_wrap ul li img {vertical-align:top;}
.main_business_wrap ul li dl dt {color:#222; font-size:17px;font-weight:bold; padding:17px 0px; line-height:20px; border-bottom:1px #ddd solid;}
.main_business_wrap ul li:hover dl dt {color:#007ddd;}
.main_business_wrap ul li dl dd {color:#888; font-size:14px; line-height:16px; margin-top:17px;}
.main_business_wrap ul li:hover dl dd {color:#222;}




.main_about_wrap { height:450px; background:#f2f2f2 url(../images/main/main_about_wrap_bg.jpg) right top no-repeat; ;}
.main_about_wrap .default_layout{ position:relative;}
.main_about_wrap .box { position:absolute; left:0px; width:450px; height:450px;  text-align:right;}
.main_about_wrap .box_wrap {display:table; width:100%; height:450px; }
.main_about_wrap .box_wrap_box {display:table-cell;vertical-align:middle; color:#444444; padding:0px 40px}
.main_about_wrap .box_wrap_box h3 {padding:20px 0px 40px;}
.main_about_wrap .box_wrap_box dl dt {font-size:30px; line-height:30px;}
.main_about_wrap .box_wrap_box dl dd {font-size:13px; color:rgba(0,0,0,0.8); line-height:20px;margin-top:20px;}
.main_about_wrap .box_wrap_box a {display:inline-block;  margin-top:40px; border:1px #3d9ad9 solid;; color:#3d9ad9; line-height:40px; padding:0 10px; transition: all 0.2s;}
.main_about_wrap .box_wrap_box a:hover {padding:0 40px; transition: all 0.3s;}


/*시공사례*/
.main_gallery { padding-top:60px; 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; border-bottom:1px #ededed solid; padding-bottom:10px; }
.main_gallery ul li{width:353px;; margin-bottom:40px; float:left; }
.main_gallery ul li:nth-child(3n + 2) {margin:0 20px;}
.main_gallery ul li .photo {width:353px; height:220px; overflow:hidden; }
.main_gallery ul li .photo img {width:353px; height:220px; -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:10px 0px; font-weight:bold;;}
.main_gallery ul li:hover .t1 {color:#fe9e25;}
.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:relative; margin-top:30px;text-align:center;}
.main_gallery .btns a{display:inline-block; width:120px; line-height:45px;  color:#555; border:1px #555 solid; text-align:center; transition: all 0.2s; }
.main_gallery .btns a:hover{background:#555; color:#fff; transition: all 0.3s;}



.main_quick {display:table; table-layout:fixed; width:100%; margin:60px 0px 30px; display:none;}
.main_quick li{display:table-cell; vertical-align:middle;}
.main_quick li span{display:inline-block; width:80px; font-size:50px; vertical-align:top; color:#e86227; position:relative;top:-6px; margin-left:46px;}
.main_quick li dl {display:inline-block;}
.main_quick li dl dt{font-weight:bold; color:#222; font-size:20px;}
.main_quick li dl dd{ color:#888; font-size:14px;}




/*하단정보*/
.main_info_wrap {overflow:hidden; margin:60px 0px;}
.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.more {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.more:hover {background:#222; border-color:#222; color:#fff; padding:0 30px; transition: all 0.3s;}



.main_info_wrap .about ul {overflow:hidden; margin-right:60px;}
.main_info_wrap .about ul li {float:left; width:100%;  font-size:14px; line-height:25px;}
.main_info_wrap .about ul li a {float:left; width:65%; padding-left:18px; color:#555; background:url(../images/main/dot_gray.gif) 3px 50% no-repeat;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.main_info_wrap .about ul li span {float:right; font-size:13px; color:#999; margin-right:3px;}
.main_info_wrap .about ul li:hover a {color:#000; text-decoration:underline;}
.main_info_wrap .about ul li:hover span {color:#000;}




.main_info_wrap .contact {width:300px; 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:320px;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;}