@charset "utf-8";



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



/*메인비주얼*/
#main_visual_box {position:relative; height:500px; font-family: 'Nanum Square';}

#main_visual_box .visual_txt {text-align:center;  position:relative; top:-320px;  z-index:99; font-size:60px; color:#fff; font-weight:bold;}
#main_visual_box .info_text {text-align:center; position:relative; top:-240px; z-index:99; font-size:20px; color:rgba(255,255,255,0.8);}
#main_visual_box .info_text .visual_tell {position:relative; top:40px; font-size:40px; color:#fff; display:none; }


/*사이드 포커스*/
/*메인비주얼*/
#slider{position:relative;width:100%; height:500px; overflow: hidden;}
#sl-view{clear: both;position: relative;margin: 0 auto;}

#sl-wrap{position:absolute;margin: 0 auto;}
.sl-div{float:left; }
#sl-view .bg {position:absolute; width:100%; height:500px; lefT:0px; top:0px; z-index:9; background:rgba(0,0,0,0.3);}

#sl-nav{position: absolute;z-index:999999;}
#sl-nav>li{font-size: 20px;float: left;margin: 0 10px;color: #aaa;cursor: pointer; text-indent:-999999px;}
#sl-nav>li:hover{color: #eee;text-shadow: 0px 1px 0px #333;}
#sl-nav>li.hit{color: #0080FF;}
#sl-nav>li.hit:hover{color: #eee;}

/*사이드 포커스*/
.visual_shadow_left {position:absolute; top:0px; left:0; width:50%; height:500px;  z-index:99;} 
.visual_shadow_left .bg {margin-right:550px; height:500px; background:rgba(0,0,0,0.6);} 
.visual_shadow_right {position:absolute; top:0px; right:0; width:50%; height:500px;  z-index:99;} 
.visual_shadow_right .bg {margin-left:550px; height:500px; background:rgba(0,0,0,0.6);} 




#slider-outline .side_btn {position:absolute;top:217px; left:0px; width:100%;z-index:100;}
#slider-outline .side_btn .box{width:1240px; margin:0 auto; position:relative;}
#slider-outline .side_btn .box a{float:left; text-indent:-9999px; width:33px; height:67px; background:url(../images/main/main_visual_side_btn) left top no-repeat;}
#slider-outline .side_btn .box a.sl-next{float:right; background-position:right top;}


/*메인퀵*/
.main_quick_wrap {background:#4c4c4c; }
.main_quick_wrap ul  {display:table; table-layout:fixed; width:100%; padding:15px 0px; }
.main_quick_wrap ul li {display:table-cell; vertical-align:middle; position:relative; padding:30px; border-right:1px rgba(55,38,29,0.1) solid;}
.main_quick_wrap ul li:first-child {padding-left:0px;}
.main_quick_wrap ul li:last-child {border-right:0px; padding-right:0px;}
.main_quick_wrap ul li dl {}
.main_quick_wrap ul li dl dt {color:#fff; font-weight:bold; font-size:18px; transition: all .2s;}
.main_quick_wrap ul li dl dd {color:#fff; opacity:0.6; font-size:13px; line-height:18px; margin-top:20px; transition: all .2s;}
.main_quick_wrap ul li .photo {position:absolute; right:30px; top:20%; transition: all .2s;}
.main_quick_wrap ul li:hover dt{color:#fff; transition: all .3s;}
.main_quick_wrap ul li:hover dd{color:#rgba(255,255,255,0.9); transition: all .3s;}
.main_quick_wrap ul li:hover .photo {top:30%; transition: all .3s;}




.main_cs_wrap {overflow:hidden; margin-top:30px; overflow:hidden; border-bottom:1px #ddd solid; padding-bottom:30px;}
.main_cs_wrap .col {float:left;}


.main_cs_wrap .main_inquery_wrap { width:500px; border:1px #ddd solid}
.main_cs_wrap .main_inquery_wrap .main_inquery {padding:20px; padding-bottom:10px; position:relative;}
.main_cs_wrap .main_inquery_wrap .main_inquery h3 {font-size:18px; color:#cf5651; font-family: 'Nanum Square';}
.main_cs_wrap .main_inquery_wrap .main_inquery h3 span{font-size:12px; display:block; font-weight:normal;  color:rgba(0,0,0,0.6)}

.main_cs_wrap .main_inquery_wrap .main_inquery .text_input {overflow:hidden; position:relative; display:table; width:100%; table-layout:fixed; border-spacing:2px;}
.main_cs_wrap .main_inquery_wrap .main_inquery .text_input li {padding:0px 2px; display:table-cell;}
.main_cs_wrap .main_inquery_wrap .main_inquery .text_input li input[type="text"]{height:40px; line-height:40px; background:#ddd; border:0px; padding:0 2%; vertical-align:middle; width:96%; }
.main_cs_wrap .main_inquery_wrap .main_inquery .text_input li select {height:40px; line-height:40px; background:#ddd; border:0px;  vertical-align:middle; width:100%;}

.main_cs_wrap .main_inquery_wrap .main_inquery .text_input li input[type="submit"]{background:#cf5651; color:#fff; border:0px; height:45px; line-height:45px;  font-family: 'Nanum Square'; font-weight:bold; font-size:13px;  width:100%; text-align:center; margin-top:5px;}
.main_cs_wrap .main_inquery_wrap .main_inquery .text_input li textarea {height:40px; line-height:40px; background:#ddd; border:0px; padding:0 2%; vertical-align:middle; width:96%;}

.main_cs_wrap .main_inquery_wrap .main_inquery .etc {vertical-align:middle;font-size:12px; color:#555; font-family: 'Nanum Square';}
.main_cs_wrap .main_inquery_wrap .main_inquery .hidden_text_agree {position:absolute; top:40px; left:0%; padding:10px;width:300px; height:150px; overflow:hidden; overflow-y:auto; display:none; color:#fff; border:1px #222 solid; background:#666; z-index:111; font-family: 'Nanum Square'; font-size:11px; }



.main_cs_wrap .cs_center {border:1px #ddd solid; height:246px; width:270px; margin-left:20px; background:url(../images/main/main_call_icon.png) center 90% no-repeat;}
.main_cs_wrap .cs_center h3{position:relative; text-align:center;  margin-top:20px; font-size:22px; color:#323131; font-family: 'Nanum Square';}
.main_cs_wrap .cs_center dl {margin-top:20px; text-align:center;} 
.main_cs_wrap .cs_center dt {font-weight:bold; letter-spacing:-1px; color:#cf5651; font-size:30px; margin-bottom:10px;}
.main_cs_wrap .cs_center dd {font-size:14px; color:#000000; line-height:20px;}


.main_cs_wrap .qna_wrap {border:1px #ddd solid; height:246px; width:285px; float:right; background:#ddd url(../images/main/qna_wrap_box_bg.png) center top no-repeat;; overflow:hidden;}
.main_cs_wrap .qna_wrap_box {padding:20px; position:relative;text-align:center; background:url(../images/main/qna_wrap_box_bg_bank.jpg) center 150px no-repeat;; }
.main_cs_wrap .qna_wrap_box h3{font-size:22px; color:#323131; font-family: 'Nanum Square';}
.main_cs_wrap .qna_wrap_box .t1{font-size: 13px;    color: #000; margin-top:20px;}
.main_cs_wrap .qna_wrap_box .t1 span{font-size:20px;}
.main_cs_wrap .qna_wrap_box .t1 strong{display:block; font-size:26px; color:#cf5651; margin-top:10px; font-weight:bold;}

.main_cs_wrap .news {background:#fff; border-top:1px #ddd solid; padding:15px;}
.main_cs_wrap .news ul li{ background:url(../images/main/main_notice_dot.jpg) 2px 50% no-repeat;}
.main_cs_wrap .news ul li a{display:inline-block; width:60%; padding-left:20px; color:#000}
.main_cs_wrap .news ul li a:hover{text-decoration:underline;}
.main_cs_wrap .news ul li span {float:right; font-size:11px; color:#888;}




/*시공사례*/
.main_gallery { padding-top:30px; position:relative; }
.main_gallery h3 {text-align:center; font-size:30px; color:#333; font-family: 'Nanum Square';}
.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 .c_name {margin-top:10px; font-size:16px; color:#cf5651;}
.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; }
.main_gallery ul li:hover .t1 {color:#cf5651;}
.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 .btns{position:relative; margin-top:30px;text-align:center;}
.main_gallery .btns a{display:inline-block; width:30px; height:30px; background:#333333; text-align:center; margin:0 1px;}
.main_gallery .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_gallery .btns a#business_next span{background-position:right 50%; }