@charset "utf-8";
@import url("./width1024_default.css");


#container {position:relative; z-index:0; background:#ebedee; font-family: 'Nanum Square';}


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:780px; min-width:1100px; overflow:hidden;  z-index:1;}
.main_visual ul { width:100%; left:0px;top:0px; height:780px; position:absolute; z-index:0;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:780px; }
.main_visual li a{display:block;}

.main_visual .main_visual_text_wrap  {position:relative; z-index:1;}
.main_visual .visual_text {text-align:left; position:absolute; left:0px; top:140px; 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;  top:360px;height:15px;  text-align:left; }
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:16px; height:15px; margin:0 3px; border-radius:15px; background:#fff; }
.main_visual .main_pager .cycle-pager-active{width:35px;background:#ffd34d;}
.main_visual .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:0;}


.main_visual .main_visual_btn {position:absolute; width:100%; left:0px; top:42%; z-index:999999; }
.main_visual .main_visual_btn a{float:left;  margin:0 100px; width:51px; height:99px; background:url(../images/main/main_visual_btn.png) left top no-repeat; text-indent:-9999px;}
.main_visual .main_visual_btn a#main_btn_next{background-position:right top; float:right;}


.main_quick_wrap {position:relative; margin-top:-280px; z-index:3;}
.main_quick_wrap_box {overflow:hidden;}
.main_quick_wrap_box .col {float:left; width:366px; height:280px;  }
.main_quick_wrap_box .m1 {background:#fff;}
.main_quick_wrap_box .m2 {background:#ffd34d; transition: all 0.3s;}
.main_quick_wrap_box .m2:hover{background:#444; transition: all 0.2s;}
.main_quick_wrap_box .m2 a {display:block; }


.common_title {font-size:22px; color:#fff; position:relative; }
.common_title .more {position:absolute; right:0px; top:-5px; line-height:40px;  font-size:13px; color:#fff; font-weight:normal;}



/*공지*/
.main_notice {position:relative; padding:30px; background:#fff;}
.main_notice .box { position:relative; }
.notice_tep h3 {float:left;  text-align:center;  border:1px #ddd solid; margin-left:-1px; letter-spacing:-1px;  font-weight:normal; background:#f8f8f8; position:relative;z-index:1;}
.notice_tep h3 a{line-height:40px; padding:2px 20px 0px; font-size:13px; color:#333;}
.main_notice .on_check h3 {border-bottom-color:#fff; background:#fff;}
.main_notice .on_check h3 a{color:#333; font-weight:bold; }
.main_notice .on_check .tabcontent{display:block;}
.notice_tep div.tabcontent {position:absolute;left:0;top:41px;width:100%; display:none; border-top:1px #ddd solid; z-index:0;}
.notice_tep div ul {padding:20px 10px;;}
.notice_tep div ul li {padding-left:10px; overflow:hidden; line-height:28px; letter-spacing:-0.5px; font-size:14px; background:url(../images/main/main_notice_dot.jpg) 2px 50% no-repeat;}
.notice_tep div ul li a {float:left; width:65%;color:#424242;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.notice_tep div ul li a strong{color:#11a2da; font-weight:normal; display:inline-block; padding-right:5px;}
.notice_tep div ul li a:hover {text-decoration:underline;}
.notice_tep div ul li span {float:right; color:#9b9b9b;  font-size:13px;}
.notice_tep div ul li img {vertical-align:middle;}
.notice_tep .more {position:absolute;right:10px; top:10px;  }
.notice_tep .more img {vertical-align:middle;}


/*메인채용*/
.main_job {padding:30px; min-height:250px; text-align:center; background:url(../images/main/main_job_bg.png) center 20px no-repeat; }
.main_job dl {margin-top:160px;}
.main_job dl dt {color:#222; font-size:22px; font-weight:bold;}
.main_job dl dd {color:#555; font-size:13px; margin-top:5px;}
.main_quick_wrap_box .m2:hover dl dt{color:#fff;}
.main_quick_wrap_box .m2:hover dl dd{color:rgba(255,255,255,0.8);}


/*메인팝업*/
.main_business {padding:30px;text-align:center;}
.main_quick_wrap_box .m3 {background:url(../images/main/main_business_bg.png) center top no-repeat;}
.main_quick_wrap_box .m3 dl {margin-top:40px; }
.main_quick_wrap_box .m3 dl dt {color:#fff; font-size:22px; font-weight:bold;}
.main_quick_wrap_box .m3 dl dd {color:rgba(255,255,255,0.8); font-size:13px; margin-top:5px; line-height:20px;}
.main_quick_wrap_box .m3 a {display:inline-block; border:1px #fff solid; line-height:30px; padding:0 20px; color:#fff; margin-top:30px;  transition: all 0.3s; }
.main_quick_wrap_box .m3 a:hover {transition: all 0.2s; background:#cf5465; border-color:#cf5465;}



/*언론보도*/
.main_quick_wrap_box .m4 {background:#cf5465;}
.main_media {padding:30px;}
.main_media ul {margin-top:20px;}
.main_media ul li{margin-bottom:20px; border-bottom:1px rgba(255,255,255,0.8) solid; padding-bottom:10px;}
.main_media ul li:last-child {margin-bottom:0px; border-bottom:0px;  padding-bottom:0px;}
.main_media ul li a{display:block; color:#fff;}
.main_media ul li dl dt a{font-weight:bold; color:#fff; font-size:15px; }
.main_media ul li dl dt a:hover {text-decoration:underline;}
.main_media ul li dl dd,
.main_media ul li dl dd a{ color:rgba(255,255,255,0.8); font-size:12px;}
.main_media ul li dl dd a:hover { color:rgba(255,255,255,0.5); }



/*메인카도로그*/
.main_quick_wrap_box .m5 {background:#fff; transition: all 0.3s;} 
.main_quick_wrap_box .m5:hover {background:#f8f8f8; transition: all 0.2s;} 
.main_cadalog{text-align:center; background:url(../images/main/main_cadalog_bg.png) center 50px no-repeat;}
.main_cadalog dl {padding-top:180px; }
.main_cadalog dl dt {color:#222; font-size:22px; font-weight:bold;}
.main_cadalog dl dd {color:rgba(0,0,0,0.8); font-size:13px; margin-top:5px; line-height:20px;}



/*팝업존*/
.main_popup { height:280px;; display:block; position:relative; }
.main_popup img {vertical-align:bottom; max-width:100%; }
.main_popup ul  {z-index:1;}
.main_popup .popup_zone_pager  {position:absolute; right:0px; top:20px; width:100%; z-index:3; text-align:center;}
.main_popup .popup_zone_pager span {display:inline-block;vertical-align:top; width:13px;  height:13px; border-radius:13px; background:#ddd; margin:0px 2px; cursor:pointer;}
.main_popup .popup_zone_pager .cycle-pager-active {background:#ffd34d;}



/*시공사례*/
.main_gallery_wrap .main_gallery{position:absolute; right:2px; top:280px; background:#fff; height:560px; width:366px; }
.main_gallery_wrap .main_gallery .box {padding:30px; }


.main_gallery_wrap .main_gallery ul{width:100%; margin-top:20px;}
.main_gallery_wrap .main_gallery ul li {overflow:hidden; height:240px; }
.main_gallery_wrap .main_gallery ul li img{vertical-align:top; }
.main_gallery_wrap .main_gallery ul li .t1 { text-align:left; line-height:20px; color:#333; font-size:14px; font-weight:bold; margin-top:10px;}
.main_gallery_wrap .main_gallery ul li .t2 {font-size:13px; color:#888; line-height:18px;}
.main_gallery_wrap .main_gallery ul li:hover .t1 {text-decoration:underline;}

.main_gallery_wrap .main_gallery .btns {position:absolute; right:20px; top:30px; height:22px; font-size:0px; background:#fff;}
.main_gallery_wrap .main_gallery .btns a{display:inline-block; width:20px; height:20px; border:1px #ddd solid; text-align:center;}
.main_gallery_wrap .main_gallery .btns a span{display:inline-block; width:9px; height:20px; background:url(../images/main/main_sc_btns.png) left 50% no-repeat; text-indent:-9999px;}
.main_gallery_wrap .main_gallery .btns a#bun_btn_prev {border-left:0px;}
.main_gallery_wrap .main_gallery .btns a#bun_btn_next span{background-position:right 50%; }
.main_gallery_wrap .more {position:Absolute; left:0px; bottom:0px; width:100%; color:#fff; background:#d44302; text-align:center; line-height:50px;}


/*고객문의*/
.main_inquiry {position:relative; height:400px; background:url(../images/main/main_inquiry_bg.jpg) center top no-repeat;  }
.main_inquiry .bg{position:absolute; left:0px; top:0px; width:100%; height:100%; background:#4a5e90; opacity:0.8; z-index:0;}
.main_inquiry .inquiry_text_wrap {z-index:2; height:400px;}
.main_inquiry .inquiry_text_wrap .icon{width:436px; height:330px;  position:absolute;right:0px; bottom:0px;  background:url(../images/main/main_inquiry_human.png) left top no-repeat;  }
.main_inquiry .inquiry_text_wrap dl {padding-top:100px; color:#fff;}
.main_inquiry .inquiry_text_wrap dl dt{font-size:35px; font-weight:bold;}
.main_inquiry .inquiry_text_wrap dl dd{font-size:14px; color:#fff;  margin-top:20px; line-height:23px;}


.main_inquiry .inquiry_text_wrap .more {display:inline-block; border:1px #fff solid; line-height:40px; padding:0 20px; color:#fff; margin-top:30px;  transition: all 0.3s; }
.main_inquiry .inquiry_text_wrap .more:hover {transition: all 0.2s; background:#cf5465; border-color:#cf5465;}
