@charset "utf-8";


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


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



.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_visual .main_visual_text {position:absolute; width:100%; height:700px; top:0px;  color:#fff; z-index:2; }
.main_visual .main_visual_text .bg{position:absolute; bottom:0px; left:0px; width:100%; height:700px; background:rgba(0,0,0,0.5); z-index:0;}
.main_visual .main_visual_text .t1{font-size:60px; font-weight:bold; z-index:3; position:relative; margin-top:250px;}
.main_visual .main_visual_text .t2{color:rgba(255,255,255,0.9); font-size:18px; font-weight:normal; margin-top:40px; position:relative; z-index:3:}





/*퀵메뉴*/
.main_quick_wrap {background:#eef1f3; position:relative; z-index:99; border:1px #eef1f3 solid; }
.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?2020) 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:#00609d; 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:17px; font-weight:bold;}
.main_quick_wrap .main_quick_first li .box dl dd{color:rgba(255,255,255,0.8); font-size:13px;  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:#00609d; border-color:#00609d;}



.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_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;}
.main_gallery ul li{width:245px;; 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 0px;}
.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_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%; }




/*******************메인 고객센터*******************/
.main_cs_area {border-top:1px #eee solid; padding:50px 0; overflow:hidden; margin-top:50px;}


/*공지사항*/
.main_cs_area .notice {float:left; width:500px; border-top:3px #001f3b solid; position:relative;}
.main_cs_area .notice .tit {float:left; font-size:24px; padding:30px 0px;}
.main_cs_area .notice .tit a {color:#222;}
.main_cs_area .notice .tit .info {font-weight:normal; display:block; font-size:13px; color:#666; padding:20px 0 0 2px; line-height:22px;}

.main_cs_area .notice ul {margin:10px 0 0 156px; overflow:hidden;}
.main_cs_area .notice ul li {float:left; width:100%; line-height:53px; border-bottom:1px #ddd solid; font-size:14px;}
.main_cs_area .notice ul li a {float:left; width:65%; padding-left:18px; color:#555; background:url(../images/main/dot_gray.gif) 3px 24px no-repeat;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.main_cs_area .notice ul li span {float:right; font-size:13px; color:#999; margin-right:3px;}
.main_cs_area .notice ul li:hover a {color:#000; text-decoration:underline;}
.main_cs_area .notice ul li:hover span {color:#000;}


/*고객센터*/
.main_cs_area .cs_center {float:right; padding:0 70px; text-align:center;}
.main_cs_area .cs_center .title {font-size:24px; font-weight:800; color:#222;}

.main_cs_area .cs_center .info {margin-top:15px; overflow:hidden;}
.main_cs_area .cs_center .info li {float:left; color:#555; padding:0 16px; background:url(../images/main/cs_center_bar.gif) left top no-repeat;}
.main_cs_area .cs_center .info li:first-child {background:none;}
.main_cs_area .cs_center .info li b {color:#00609d; font-size:27px; line-height:28px; font-weight:600;}

.main_cs_area .cs_center .quick_go {text-align:center; margin-top:10px; overflow:hidden;}
.main_cs_area .cs_center .quick_go li {margin:0 28px; display:inline-block; text-align:center; width:70px;}
.main_cs_area .cs_center .quick_go li a {font-size:14px; color:#555;}
.main_cs_area .cs_center .quick_go li a span {display:block; width:100%; height:70px; background:#eee; border-radius:70px; line-height:70px; margin-bottom:5px;}
.main_cs_area .cs_center .quick_go li a span img {vertical-align:middle; }
.main_cs_area .cs_center .quick_go li a:hover span {background:#ccc;}
.main_cs_area .cs_center .quick_go li a:hover {color:#000;}