.test{ float:left; width:720px;  background-color:#0F6;  }
 
@media all and (min-width:800px) {    /* 화면 너비가 980px 이상이고 미디어쿼리를 지원하는 브라우저라면 아래 코드를 해석함 */
     .test{ float:left; width:800px ; background-color:#333333 }    /* 콘텐츠 플롯하고 너비를 고정 */
     
 }
 
.mainslide { position:relative; width:100%; height:; }
.mainslide img { height:; }
.mainslide .swiper-container .maintext  { position:absolute; width:90%;left:50%; top:50%; transform:translate(-50%) translateY(-50%); font-size:1.0em; text-align:left; z-index:8;}
.mainslide .swiper-container .maintext strong { display:block; margin-bottom:10px; font-size:2.0em; color:#fff; line-height:1.3em; letter-spacing:-1.5px;}
.mainslide .swiper-container .maintext strong span { color:#fff;}
.mainslide .swiper-container .maintext p { display:block; font-size:1.1em; font-weight:400; color:#fff; line-height:1.5em; letter-spacing:0;}

.mainbanner { position:relative;}
.mainbanner .content { margin:20px auto 0; width:90%;}

.mainboard { display:flex; justify-content:space-between; }
.mainboard img { width:100%; height:100%; }

.product { background:url(../images/main_product_bg.jpg) center; background-size:cover; padding:0 0 60px; }
.product .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; }
.product .content_wrap .content { width:48%; margin:6px 0;}




.slider    { position: absolute; left:0; width:100%; overflow:hidden; }
.slider ul { margin:0; padding:0; height:; }
.slider li { float:left; list-style:none; margin-right:30px; border:0px #FFF solid; }
.slider li img {width:; height:200px;}
.slider li .caption { display:none; background:#fff; padding:15px 0; font-size:1.1em; font-weight:400; color:#2d2d2d; letter-spacing:-0.5px; text-align:center; overflow:hidden;}
.controls { position:absolute; top:35px; left:50%; width:100%; margin-left:-55%;}
.controls .prev-slide { position:absolute; top:0; right:30px;}
.controls .next-slide { position:absolute; top:0; right:0;}
.controls .prev-slide img, .controls .next-slide img { width:25px; }


/*기본게시판*/
.latestBBS { clear:; margin-left:0; width:; }
.latestBBS li {height:40px; overflow:hidden; background: url() no-repeat 5px 13px; border-bottom:1px #e6e6e6 solid;} /* ../images/dot_title2.png */
.latestBBS li .title { display:inline-block; width:70%; text-overflow:ellipsis; white-space:nowrap; font-size:1.0em; font-weight:400; color:#2c2c2c; line-height:40px; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:0.9em; color:#909090; line-height:40px; letter-spacing:0;}

/*기본게시판
.latestBBS { clear:; margin-left:0; width:; }
.latestBBS li {height:30px; overflow:hidden; background: url() no-repeat 5px 13px; border-bottom:0px #e6e6e6 solid;} 
.latestBBS li .title { display:inline-block; width:70%; text-overflow:ellipsis; white-space:nowrap; font-size:1.0em; font-weight:400; color:#646464; line-height:30px; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; color:#666666; line-height:30px; letter-spacing:0.5px;}
*/

/*갤러리게시판*/
.latestGallery { width:100%; }
.latestGallery li {  width:32%; float:left; margin-top:; margin-right:2%;}
.latestGallery li:last-child { margin-right:0px;}
.latestGallery li .img img { width:100%; height:;}
.latestGallery li .caption { width:; height:; margin-top:5px; overflow:hidden; text-align:center; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; z-index:999; }