.test{ float:left; width:720px;  background-color:#0F6;  }
 
@media all and (min-width:800px) {    /* 화면 너비가 980px 이상이고 미디어쿼리를 지원하는 브라우저라면 아래 코드를 해석함 */
     .test{ float:left; width:800px ; background-color:#333333 }    /* 콘텐츠 플롯하고 너비를 고정 */
     
 }
 


.overview_wrap { width:90%; margin:20% auto 15%;}
.overview_wrap .title { color:#686868; text-align:center; }
.overview_wrap .title strong { display:block; font-family: 'GongGothicBold'; font-size:1.8em; color:#2e2e2e; line-height:1.5em; letter-spacing:1.0px;}
.overview { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:20px; }
.overview .content {display:flex; width:45%; margin:5% 0;}
.overview .content a { width:100%;}
.overview .content ul li { color:#696969; text-align:center;}
.overview .content ul li img { height:40px;}
.overview .content ul li strong { display:block; margin-bottom:5px; font-size:1.3em; color:#2e2e2e;}
.overview .content ul li.eng {  font-family: 'GongGothicMedium'; font-size:1.0em; color:#2e2e2e; line-height:2.8em; letter-spacing:1.0px;}
.overview .content ul li.eng:after {content :""; display:block; border-bottom:1px solid #2e2e2e; margin-bottom:15px; width:100%; height:1px; }


.product_wrap { background:#f6f6f6; padding:70px 0;}
.product_wrap .title { color:#686868; text-align:center; }
.product_wrap .title strong { display:block; font-family: 'GongGothicBold'; font-size:1.8em; color:#2e2e2e; line-height:1.5em; letter-spacing:1.0px;}
.product_wrap .product  { display:flex; justify-content:center; flex-wrap:wrap; margin:20px auto; width:; }
.product .content { display:flex; width:80%; margin:5% 0; box-shadow:0px 3px 10px rgba(0,0,0,.10);}
.product .content ul li.text { background:#fff; padding:30px 25px; font-size:; color:#696969; line-height:; text-align:center;}
.product .content ul li.text p { display:block; margin-bottom:5px; font-size:1.0em; color:#ff8400; letter-spacing:0.5px; }
.product .content ul li.text strong { display:block; margin-bottom:10px; font-size:1.5em; color:#2e2e2e; line-height:;}
.product .content a:hover ul li.text, .product .content a:hover ul li.text p, .product .content a:hover ul li.text strong  { display:block; background:#ff8400; color:#fff; 
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;}
.product .content a:hover ul li.text p, .product .content a:hover ul li.text strong  { background:none; color:#fff; 
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;}
.product .content ul li.pic { background:#000; overflow:hidden;}
.product .content ul li.pic img { width:100%;}

.over_zum { background:#000; overflow: hidden; }
.over_zum  img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
	opacity:0.95;
}
.over_zum:hover img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
	opacity:1.0;
}



.series { background-color:#242222; background:url(../images/main_series.jpg) center; background-size:cover; padding:50px 0 30%;}
.series .wrapper { display:flex; margin:auto; flex-direction:column; width:90%; color:#fff;}
.series .wrapper strong { display:block; font-family: 'GongGothicBold'; font-size:1.8em; color:#fff; line-height:1.5em; letter-spacing:1.0px;}
.series .wrapper div { margin-top:10px; }
.series .wrapper div a {  font-weight:500; color:#ff8400; }
.series .wrapper div span { display:inline-block; background:#ff8400; width:15px; height:2px; margin-right:5px; margin-bottom:3px; }



.bottom_banner { margin:10% auto; width:90%; }
.bottom_banner .vision { background:url(/images/main_vision.jpg) left; width:100%; }
.bottom_banner .vision a { display:flex; flex-direction:column; justify-content:center; height:170px;}
.bottom_banner .vision .content { margin-right:auto; padding-left:30px; color:#fff;}
.bottom_banner .vision .content strong { display:block; font-family: 'GongGothicBold'; font-size:1.4em; color:#fff; line-height:1.5em; letter-spacing:1.0px;}
.bottom_banner .vision .content div { margin-top:10px; font-weight:500;  }
.bottom_banner .vision .content div span { display:inline-block; background:#fff; width:15px; height:2px; margin-right:5px; margin-bottom:3px; }

.bottom_banner .capacity { background:url(/images/main_capacity.jpg) 70% 0 no-repeat; background-size:cover; width:100%; }
.bottom_banner .capacity a{ display:flex; flex-direction:column; justify-content:center; height:170px; }
.bottom_banner .capacity .content { margin-right:auto; padding-left:30px; color:#fff; }
.bottom_banner .capacity .content strong { display:block; font-family: 'GongGothicBold'; font-size:1.4em; color:#fff; line-height:1.5em; letter-spacing:1.0px;}
.bottom_banner .capacity .content div { margin-top:10px; font-weight:500; }
.bottom_banner .capacity .content div span { display:inline-block; background:#fff; width:15px; height:2px; margin-right:5px; margin-bottom:3px; }



.icon_banner { margin:0 auto; width:90%; }
.icon_banner ul { display:flex; justify-content:space-between; }
.icon_banner ul li { border-left:1px solid #e4e4e4; width:20%; font-size:0.8em; text-align:center; }
.icon_banner ul li span { display:block; line-height:2.5em; }
.icon_banner ul li:first-child { border-left:0; }
.icon_banner ul li img { height:30px;}









/*기본게시판*/
.latestBBS { clear: both; margin-left:0; overflow:hidden;}
.latestBBS li { float:; background:#fff; margin-top:10px; border:1px #caced2 solid; width:; padding: 0 15px 15px; margin-left:; } /* ../images/dot_title2.png */
.latestBBS li .title { display:block; height:45px; font-size:1.1em; font-weight:600; color:#252525; line-height:; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;}
.latestBBS li img {display:none;}
.latestBBS li .text {display:block; margin:5px 0 15px 0; height:37px; font-size:; font-weight:400; color:#767676; line-height:; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;}
.latestBBS li .date {displayinline-block:; font-size:0.9em; color:#8d8d8d; letter-spacing:0.5px;}


/*기본게시판
.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; }