@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:900px; min-width:1100px; overflow:hidden;  z-index:1; top:}
.main_visual ul { width:100%; left:0px;top:0px; height:900px; position:absolute; z-index:0;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:900px; }
.main_visual li a{display:block;}
.main_visual .visual_text {text-align:center; position:absolute; left:0px; top:390px; 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; color:rgba(255,255,255,0.8);} 
.main_visual .main_pager {position:absolute; width:100%; left:-10px; bottom:350px;  z-index:99999999;  text-align:center;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:10px; height:10px; margin:0 3px; border-radius:10px; background:rgba(255,255,255,0.4); }
.main_visual .main_pager .cycle-pager-active{background:rgba(255,255,255,0.8);}
.main_visual .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:0;}

.main_visual .scroll_down {position:absolute; left:0px;  bottom:40px; width:100%; text-align:center; z-index:9999999 !important;}
.main_visual .scroll_down:hover {opacity:0.6;}
.main_visual .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;}}






/*시공사례*/
.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_wide_view_wrap {padding:120px 0px; margin-top:60px; text-align:center;  overflow:hidden; background:url(../images/main/main_wide_view_wrap_bg.jpg) center top no-repeat;   position:relative;}
.main_wide_view_wrap h3 {font-size:30px; color:#fff; line-height:30px; font-weight:normal;}
.main_wide_view_wrap h3 span{display:block; font-size:16px; color:rgba(255,255,255,0.6);  line-height:23px; padding-top:20px;}
.main_wide_view_wrap ul {display:table; table-layout:fixed; width:100%; vertical-align:middle; margin-top:80px;}
.main_wide_view_wrap ul li{display:table-cell;}
.main_wide_view_wrap ul li .t1{color:rgba(255,255,255,0.9); font-size:20px;}
.main_wide_view_wrap ul li .t2{color:#fff; font-size:70px; font-weight:bold; padding:40px 0px;}
.main_wide_view_wrap ul li .t3{color:rgba(255,255,255,0.8); font-size:20px;}




.main_bottom_wrap {overflow:hidden; position:relative; z-index:2; margin-top:60px; }
.main_bottom_wrap .col {float:left;  width:219px; background:#fff;  height:220px;}
.main_bottom_wrap .col .box{padding:30px;}


/*고객센터*/
.main_bottom_wrap .cscenter h3{font-size:18px; color:#333; font-weight:bold; padding:0 30px;}
.main_bottom_wrap .cscenter .box {padding:30px 0px;}
.main_bottom_wrap .cscenter .title_info {font-size:12px; color:#888; line-height:18px; margin-top:10px; padding:0 30px;} 
.main_bottom_wrap .cscenter ul {text-align:center; margin-top:20px}
.main_bottom_wrap .cscenter ul li{display:inline-block; width:70px; height:70px; border-radius:70px; line-height:70px; background:#f8f8f8;  text-align:center; ; margin:0 10px; transition: all 0.2s;}
.main_bottom_wrap .cscenter ul li img {vertical-align:middle;}
.main_bottom_wrap .cscenter ul li:hover {background:#6e69ac;}


/*공지사항*/
.main_bottom_wrap .main_notice {position:relative;  background:#fff; width:439px}
.main_bottom_wrap .main_notice .box {padding:30px; position:relative; overflow:hidden; height:160px;}
.notice_tep h3 {float:left;  text-align:center; min-width:80px;  border-top:1px #adadad solid;  border-right:1px #adadad solid; border-bottom:1px #adadad solid; letter-spacing:-1px;  font-weight:normal;}
.notice_tep h3 a{line-height:34px; padding:2px 10px 0px; font-size:12px; color:#999;}
.notice_tep h3.first_h3{border-left:1px #adadad solid;}

.notice_tep h3 .more {position:absolute; right:30px; top:30px; font-weight:normal; color:#888 !important;}
.main_notice .on_check h3 {border-color:#696969; background:#696969;}
.main_notice .on_check h3 a{color:#fff; font-weight:bold; }
.main_notice .on_check .tabcontent{display:block;}
.notice_tep div.tabcontent {position:absolute;left:0;top:69px;width:100%; display:none;}
.notice_tep div ul {margin:10px 30px;}
.notice_tep div ul li {padding-left:10px; overflow:hidden; line-height:25px; letter-spacing:-0.5px; font-size:13px; background:url(../images/main/main_list_dot.jpg) 8px 13px no-repeat; position:relative;}
.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 {position:absolute; right:0px; color:#9b9b9b;  font-size:12px;}
.notice_tep div ul li img {vertical-align:middle;}


.main_bottom_wrap .main_popup {position:relative;  background:#fff; width:438px;}
.main_bottom_wrap .main_popup .box {padding:30px; }
.main_bottom_wrap .main_popup h3{font-size:18px; color:#333; font-weight:bold; }
.main_bottom_wrap .main_popup h3 span{font-size:12px; color:#888; font-weight:normal; display:inline-block; padding-left:10px;}
.main_bottom_wrap .main_popup .popup {overflow:hidden; margin:10px 0px; height:130px;}

.main_popup .popup_zone_pager  {position:absolute; right:30px; top:40px; z-index:3; }
.main_popup .popup_zone_pager span {display:inline-block;vertical-align:top; width:12px;  height:12px; border-radius:12px; background:#ddd; margin:0px 2px; cursor:pointer;}
.main_popup .popup_zone_pager .cycle-pager-active {background:#6e69ac;}