@charset "utf-8";
@import url('global.css');
@import url('layout.css');
@import url('common.css');

.product { opacity:0; background:#001448; width:100%; padding:50px 0; }
.product .title{ font-size:28px; font-weight:500; color:#fff; text-align:center; margin-bottom:25px;}
.product .list { width:1200px; margin:0 auto; overflow:hidden;}
.product .list li { float:left; margin-left:9px; width:140px; height:52px; border:1px #808aa4 solid; text-align:center; }
.product .list li a{ display:block; font-weight:300; color:#fff; line-height:52px; }
.product .list li a:hover{ background:#62d6ff; color:#001448;}
.product .list li:first-child{ float:left; margin-left:0;}

.contents { opacity:0; background:url(../images_new/main_overview.jpg) center no-repeat; padding:50px 0;}
.contents .wrapper { width:1200px; margin:0 auto; overflow:hidden;}
.contents .wrapper .list { float:left;}
.contents .wrapper .list li { position:relative; float:left; margin-right:7px;}
.contents .wrapper .list li p{ position:absolute; top:87%; left:50%; transform:translate(-50%, -50%); font-size:17px; font-weight:300; color:#fff; letter-spacing:0.5px; }

.contents .wrapper .customer { float:right; background:url(../images_new/main_customer.png) right top no-repeat; color:#fff; line-height:27px;}
.contents .wrapper .customer .tit { font-size:20px;}
.contents .wrapper .customer .tel { font-size:24px; font-weight:600; color:#fff09e; line-height:47px;}
.contents .wrapper .customer .sns a { float:left; margin-top:10px; margin-left:5px; } 
.contents .wrapper .customer .sns a:first-child { margin-left:0; } 


.overview { opacity:0; background:url(../images_new/main_overview.jpg) center no-repeat; padding:50px 0;}
.overview .title{ font-size:28px; font-weight:500; color:#fff; text-align:center; margin-bottom:25px;}
.overview .list { width:1200px; margin:0 auto; overflow:hidden;}
.overview .list li { position:relative; float:left; margin-left:50px;}
.overview .list li:first-child { float:left; margin-left:0;}
.overview .list li p{ position:absolute; top:87%; left:50%; transform:translate(-50%, -50%); font-size:17px; color:#fff; }

.bottom { opacity:0; background:url(../images_new/main_bottom.gif) center no-repeat;}
.bottom .wrapper { width:1200px; margin:0 auto; overflow:hidden; } 
.bottom .wrapper li{ float:left;} 
.bottom .wrapper li.tel{ width:320px; padding-left:80px;} 
.bottom .wrapper li.tel span{ display:inline-block; margin-left:20px; margin-top:7px; color:#fff; line-height:24px;} 
.bottom .wrapper li.tel span strong{ font-size:22px; color:#fff09e;} 

.br { display:block; height:20px;}


/*기본게시판*/
.latestBBS { clear:; margin-left:0; width:; font-size:0;}
.latestBBS li {height:; overflow:hidden; background: url() no-repeat 5px 13px;} /* ../images_new/dot_title2.png */
.latestBBS li .title { display: inline-block; width:364px; font-size:16px; font-weight:300; color:#404040; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:none; float:right; color:#666666; letter-spacing:0.5px;}

/*갤러리게시판*/
.latestGallery li { width:135px; float:left; margin-top:; margin-right:13px;}
.latestGallery li:last-child { margin-right:0px;}
.latestGallery li .img img { width:135px; height:135px;}
.latestGallery li .caption { width:135px; height:15px; margin-top:5px; overflow:hidden; text-align:center; z-index:999; }


/*실시간 견적현황*/
.mainOnline {width:534px; height:313px; border:1px #004492 solid; background:#fff; margin-top:; float:left;margin-left:28px; font-family:'돋움'; font-size:12px; color:#333;}
.mainOnline .title {margin-left:23px;}
.mainOnline form {margin-left:23px;}
.mainOnline form td { height:30px;}
.mainOnline form td .i_text { border:1px #bfbfbf solid; width:142px; height:22px;}

.mainOnline2 {width:534px; height:313px; border:1px #004492 solid; background:#fff; margin-top:; float:left; font-family:'돋움'; font-size:12px;  color:#333;}
.mainOnline2 .title {margin-left:23px;}
.mainOnline2 .headArea {margin-left:23px; width:488px; border-top:1px #175ea9 solid;border-bottom:1px #175ea9 solid; line-height:32px; overflow:hidden; color:#1d71b7; font-weight:bold;}
.mainOnline2 .headArea .name { width:20%; float:left; text-align:center}
.mainOnline2 .headArea .kind { width:20%; float:left; text-align:center}
.mainOnline2 .headArea .date { width:20%; float:left; text-align:center}
.mainOnline2 .headArea .address { width:40%; float:left; text-align:center}
.mainOnline2 .listArea {margin-left:23px; width:488px; border-bottom:1px #d9d9d9 solid; line-height:30px; overflow:hidden; color:#333; }
.mainOnline2 .listArea .name { width:20%; float:left; text-align:center}
.mainOnline2 .listArea .kind { width:20%; float:left; text-align:center}
.mainOnline2 .listArea .date { width:20%; float:left; text-align:center}
.mainOnline2 .listArea .address { width:40%; float:left; text-align:center}