@charset "utf-8";

.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:1.0;
}
.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;
}

@media (min-width:1500px) {
	
.pc_view { display:block; }
.tab_view { display:none; }
.mob_view { display:none; }

#business { background:#fbfbfb; padding:100px 0;}
#business .wrapper { width:90%; max-width:1500px; margin:0 auto; }
#business .wrapper .title { display:flex; justify-content:space-between; flex-wrap:wrap; }
#business .wrapper .title span { width:20%; }
#business .wrapper .title span h1 { display:block; font-size:1.1em; font-weight:800; color:#ea2c34; letter-spacing:0; }
#business .wrapper .title span h2 { display:block; margin:15px 0 0; font-size:2.0em; font-weight:400; color:#222; letter-spacing:0; }
#business .wrapper .title .line { margin-top:auto; background:#e0e0e0; height:1px; width:80%; }
#business .wrapper .desc { display:flex; justify-content:space-between; flex-wrap:wrap; margin:60px 0; }
#business .wrapper .desc h1 { font-size:4.5em; font-weight:800; color:#222; letter-spacing:0; }
#business .wrapper .desc h1 span { display:inline-block; margin:0 0 0 -8px; font-size:0.3em; font-weight:500; }
#business .wrapper .desc p { margin:auto 0; width:40%; }
#business .wrapper .pic { display:flex; justify-content:space-between; flex-wrap:wrap; }
#business .wrapper .pic span { border:1px solid #222; width:31%; }
#business .wrapper .pic span img { width:100%; }


#project_tit {display:flex; justify-content:center; margin:150px auto 60px; text-align:center; }
#project_tit h1 { font-size:2.5em; font-weight:800; color:#222; letter-spacing:0; }
#project_tit span { font-weight:400; color:#222; letter-spacing:0; }
#project_tit span:before {content :""; display:inline-block; border-left:1px solid #333; margin:0 0 0 30px; padding:0 0 0 30px; height:30px; }


#produce { margin:150px 0 0; }
#produce .title  {display:flex; justify-content:center; margin:0 auto 60px; text-align:center; }
#produce .title h1 { font-size:2.5em; font-weight:800; color:#222; letter-spacing:0; }
#produce .title span { font-weight:400; color:#222; letter-spacing:0; }
#produce .title span:before {content :""; display:inline-block; border-left:1px solid #333; margin:0 0 0 30px; padding:0 0 0 30px; height:30px; }
#produce .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; max-width:1500px; margin:0 auto; }
#produce .content_wrap .content_1 { display:flex; justify-content:space-between; flex-wrap:wrap; width:49.5%; }
#produce .content_wrap .content_1 span { width:49%; }
#produce .content_wrap .content_1 span img { width:100%; }
#produce .content_wrap .content_2 { display:flex; justify-content:space-between; flex-wrap:wrap; width:49.5%; }
#produce .content_wrap .content_2 span { width:49%; margin:0 0 2%; }
#produce .content_wrap .content_2 span img { width:100%; }
#produce .desc { width:50%; margin:30px auto 0; text-align:center; }


#product { background:#f9f9f9; padding:140px 0; margin:150px 0 0; }
#product .title  {display:flex; justify-content:center; margin:0 auto 60px; text-align:center; }
#product .title h1 { font-size:2.5em; font-weight:800; color:#222; letter-spacing:0; }
#product .title span { font-weight:400; color:#222; letter-spacing:0; }
#product .title span:before {content :""; display:inline-block; border-left:1px solid #333; margin:0 0 0 30px; padding:0 0 0 30px; height:30px; }
#product .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; max-width:1500px; margin:0 auto; }
#product .content_wrap .content { width:24%; }
#product .content_wrap .content img { width:100%; }
#product .content_wrap .content span { display:block; background:#111; padding:10px; font-size:1.0em; color:#fff; letter-spacing:0.5px; text-align:center;}


#gallery { margin:150px 0;}
#gallery .title  {display:flex; justify-content:center; margin:0 auto 60px; text-align:center; }
#gallery .title h1 { font-size:2.5em; font-weight:800; color:#222; letter-spacing:0; }
#gallery .title span { font-weight:400; color:#222; letter-spacing:0; }
#gallery .title span:before {content :""; display:inline-block; border-left:1px solid #333; margin:0 0 0 30px; padding:0 0 0 30px; height:30px; }
#gallery .btn { margin:40px 0 0; text-align:center; }
#gallery .btn a { display:inline-block; background:#fff; border:1px solid #ddd; padding:12px 25px; font-size:0.9em; font-weight:800; color:#222; text-align:center; transition:all 0.2s; }
#gallery .btn a:hover { background:#111; border:1px solid #111; color:#fff; transition:all 0.2s; }

.post_list { width:100%; }
.post_list ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
.post_list li.content {  }
.post_list li.content img { width:95%; margin:0 auto; }
#pager{ display:none; margin-top:40px; text-align:center; }
.prev {display:inline-block; background:url(../images/mbtn_prev.png); background-size:cover; width:55px; height:55px; cursor:pointer; transition:all 0.2s; }
.next {display:inline-block; background:url(../images/mbtn_next.png); background-size:cover; width:55px; height:55px; cursor:pointer; transition:all 0.2s; }
.prev:hover {display:inline-block; background:url(../images/mbtn_prev_ov.png); transition:all 0.2s; }
.next:hover {display:inline-block; background:url(../images/mbtn_next_ov.png); transition:all 0.2s; }


#bottom { background-image:linear-gradient(to right, #111 50%, #111 50%); }
#bottom .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; max-width:1500px; margin:0 auto;}
#bottom .content_wrap .customer { display:flex; justify-content:space-between; flex-wrap:wrap; background:#000; width:80%; }
#bottom .content_wrap .customer .content { display:flex; justify-content:center; width:50%; }
#bottom .content_wrap .customer .content a { display:flex; align-items:center; width:100%; padding:40px 0; }
#bottom .content_wrap .customer .content a h1 { display:inline-block; margin:0 15px; font-size:1.8em; font-weight:400; color:#fff; }
#bottom .content_wrap .customer .content a h2 { display:inline-block; font-size:2.0em; font-weight:800; color:#fff; }
#bottom .content_wrap .customer .content a p { color:#fff; }
#bottom .content_wrap .sns {display:flex; justify-content:flex-end; align-items:center; }
#bottom .content_wrap .sns a { margin:0 0 0 20px; }
#bottom .content_wrap .sns a img { height:60px; }


/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:0px solid #dedede; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:500px; font-size:16px; font-weight:400; color:#555; line-height:50px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:14px; color:#909090; line-height:54px; letter-spacing:0.5px;}


}


@media (min-width:768px) and (max-width:1499px){

.pc_view { display:none; }
.tab_view { display:block; }
.mob_view { display:none; }


#business { background:#fbfbfb; padding:90px 0;}
#business .wrapper { width:90%; margin:0 auto; }
#business .wrapper .title { display:flex; justify-content:space-between; flex-wrap:wrap; }
#business .wrapper .title span { width:20%; }
#business .wrapper .title span h1 { display:block; font-size:1.1em; font-weight:800; color:#ea2c34; letter-spacing:0; }
#business .wrapper .title span h2 { display:block; margin:12px 0 0; font-size:1.8em; font-weight:400; color:#222; line-height:1.2em; letter-spacing:0; }
#business .wrapper .title .line { margin-top:auto; background:#e0e0e0; height:1px; width:80%; }
#business .wrapper .desc { display:flex; justify-content:space-between; flex-wrap:wrap; margin:40px 0 50px; }
#business .wrapper .desc h1 { margin:auto 0; font-size:4.3em; font-weight:800; color:#222; letter-spacing:0; }
#business .wrapper .desc h1 span { display:inline-block; margin:0 0 0 -8px; font-size:0.3em; font-weight:500; }
#business .wrapper .desc p { width:40%; line-height:1.4em; }
#business .wrapper .pic { display:flex; justify-content:space-between; flex-wrap:wrap; }
#business .wrapper .pic span { border:1px solid #222; width:31%; }
#business .wrapper .pic span img { width:100%; }
	
	
#project_tit { display:flex; justify-content:center; margin:140px auto 50px; text-align:center; }
#project_tit h1 { font-size:2.3em; font-weight:800; color:#222; letter-spacing:0; }
#project_tit span { font-weight:400; color:#222; letter-spacing:0; }
#project_tit span:before {content :""; display:inline-block; border-left:1px solid #333; margin:0 0 0 25px; padding:0 0 0 25px; height:25px; }


#produce { margin:140px 0 0; }
#produce .title  { display:flex; justify-content:center; margin:140px auto 50px; text-align:center; }
#produce .title h1 { font-size:2.3em; font-weight:800; color:#222; letter-spacing:0; }
#produce .title span { font-weight:400; color:#222; letter-spacing:0; }
#produce .title span:before {content :""; display:inline-block; border-left:1px solid #333; margin:0 0 0 25px; padding:0 0 0 25px; height:25px; }
#produce .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:0 auto; }
#produce .content_wrap .content_1 { display:flex; justify-content:space-between; flex-wrap:wrap; width:49.5%; }
#produce .content_wrap .content_1 span { width:49%; }
#produce .content_wrap .content_1 span img { width:100%; }
#produce .content_wrap .content_2 { display:flex; justify-content:space-between; flex-wrap:wrap; width:49.5%; }
#produce .content_wrap .content_2 span { width:49%; margin:0 0 2%; }
#produce .content_wrap .content_2 span img { width:100%; }
#produce .desc { width:60%; margin:30px auto 0; text-align:center; }


#product { background:#f9f9f9; padding:130px 0; margin:140px 0 0; }
#product .title  { display:flex; justify-content:center; margin:0 auto 50px; text-align:center; }
#product .title h1 { font-size:2.3em; font-weight:800; color:#222; letter-spacing:0; }
#product .title span { font-weight:400; color:#222; letter-spacing:0; }
#product .title span:before {content :""; display:inline-block; border-left:1px solid #333; margin:0 0 0 25px; padding:0 0 0 25px; height:25px; }
#product .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:0 auto; }
#product .content_wrap .content { width:24%; }
#product .content_wrap .content img { width:100%; }
#product .content_wrap .content span { display:block; background:#111; padding:10px; font-size:1.0em; color:#fff; letter-spacing:0.5px; text-align:center;}


#gallery { margin:140px 0;}
#gallery .title  { display:flex; justify-content:center; margin:140px auto 50px; text-align:center; }
#gallery .title h1 { font-size:2.3em; font-weight:800; color:#222; letter-spacing:0; }
#gallery .title span { font-weight:400; color:#222; letter-spacing:0; }
#gallery .title span:before {content :""; display:inline-block; border-left:1px solid #333; margin:0 0 0 25px; padding:0 0 0 25px; height:25px; }
#gallery .btn { margin:40px 0 0; text-align:center; }
#gallery .btn a { display:inline-block; background:#fff; border:1px solid #ddd; padding:12px 25px; font-size:0.9em; font-weight:800; color:#222; text-align:center; transition:all 0.2s; }
#gallery .btn a:hover { background:#111; border:1px solid #111; color:#fff; transition:all 0.2s; }

.post_list { width:100%; }
.post_list ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
.post_list li.content {  }
.post_list li.content img { width:95%; margin:0 auto; }
#pager{ display:none; margin-top:40px; text-align:center; }
.prev {display:inline-block; background:url(../images/mbtn_prev.png); background-size:cover; width:55px; height:55px; cursor:pointer; transition:all 0.2s; }
.next {display:inline-block; background:url(../images/mbtn_next.png); background-size:cover; width:55px; height:55px; cursor:pointer; transition:all 0.2s; }
.prev:hover {display:inline-block; background:url(../images/mbtn_prev_ov.png); transition:all 0.2s; }
.next:hover {display:inline-block; background:url(../images/mbtn_next_ov.png); transition:all 0.2s; }


#bottom { background-image:linear-gradient(to right, #111 50%, #111 50%); }
#bottom .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:0 auto;}
#bottom .content_wrap .customer { display:flex; justify-content:space-between; flex-wrap:wrap; background:#000; width:80%; }
#bottom .content_wrap .customer .content { display:flex; justify-content:center; width:50%; }
#bottom .content_wrap .customer .content a { display:flex; align-items:center; width:100%; padding:40px 0; }
#bottom .content_wrap .customer .content a h1 { display:inline-block; margin:0 15px; font-size:1.5em; font-weight:400; color:#fff; }
#bottom .content_wrap .customer .content a h2 { display:inline-block; font-size:1.8em; font-weight:800; color:#fff; }
#bottom .content_wrap .customer .content a p { color:#fff; }
#bottom .content_wrap .sns {display:flex; justify-content:flex-end; align-items:center; }
#bottom .content_wrap .sns a { margin:0 0 0 15px; }
#bottom .content_wrap .sns a img { height:50px; }


/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:0px solid #dedede; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:70%; font-size:0.95em; font-weight:400; color:#555; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:13px; color:#909090; line-height:40px; letter-spacing:0.5px;}


}



@media (max-width:767px){
	
.pc_view { display:none; }
.tab_view { display:none; }
.mob_view { display:block; }	


#business { background:#fbfbfb; padding:60px 0;}
#business .wrapper { width:90%; margin:0 auto; }
#business .wrapper .title { text-align:center; }
#business .wrapper .title span { display:block; }
#business .wrapper .title span h1 { display:block; font-size:1.0em; font-weight:800; color:#ea2c34; letter-spacing:0; }
#business .wrapper .title span h2 { display:block; margin:5px 0 0; font-size:1.5em; font-weight:400; color:#222; line-height:1.2em; letter-spacing:0; }
#business .wrapper .title .line { border-bottom:1px solid #e0e0e0; }
#business .wrapper .desc { margin:30px 0 20px; text-align:center;}
#business .wrapper .desc h1 { display:block; margin:0 0 10px; font-size:2.2em; font-weight:800; color:#222; letter-spacing:0; }
#business .wrapper .desc h1 span { display:inline-block; margin:0; font-size:0.5em; font-weight:500; }
#business .wrapper .desc p { line-height:1.4em; }
#business .wrapper .pic { display:flex; justify-content:space-between; flex-wrap:wrap; }
#business .wrapper .pic span { border:1px solid #222; width:100%; margin:7px 0; }
#business .wrapper .pic span img { width:100%; }


#project_tit {display:flex; justify-content:center; margin:80px auto 30px; text-align:center; }
#project_tit h1 { font-size:1.6em; font-weight:800; color:#222; letter-spacing:0; }
#project_tit span { font-weight:400; color:#222; letter-spacing:0; }
#project_tit span:before {content :""; display:inline-block; border-left:1px solid #333; margin:0 0 0 15px; padding:0 0 0 15px; height:16px; }


#produce { margin:80px 0 0; }
#produce .title  {display:flex; justify-content:center; margin:80px auto 30px; text-align:center; }
#produce .title h1 { font-size:1.6em; font-weight:800; color:#222; letter-spacing:0; }
#produce .title  span { font-weight:400; color:#222; letter-spacing:0; }
#produce .title span:before {content :""; display:inline-block; border-left:1px solid #333; margin:0 0 0 15px; padding:0 0 0 15px; height:16px; }
#produce .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:0 auto; }
#produce .content_wrap .content_1 { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin:0 0 2.4%; }
#produce .content_wrap .content_1 span { width:49%; }
#produce .content_wrap .content_1 span img { width:100%; }
#produce .content_wrap .content_2 { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; }
#produce .content_wrap .content_2 span { width:49%; margin:0 0 2.4%; }
#produce .content_wrap .content_2 span img { width:100%; }
#produce .desc { width:80%; margin:20px auto 0; text-align:center; }


#product { background:#f9f9f9; padding:70px 0; margin:80px 0 0; }
#product .title  {display:flex; justify-content:center; margin:0 auto 30px; text-align:center; }
#product .title h1 { font-size:1.6em; font-weight:800; color:#222; letter-spacing:0; }
#product .title  span { font-weight:400; color:#222; letter-spacing:0; }
#product .title span:before {content :""; display:inline-block; border-left:1px solid #333; margin:0 0 0 15px; padding:0 0 0 15px; height:16px; }
#product .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:0 auto; }
#product .content_wrap .content { width:49%; margin:1.2% 0;}
#product .content_wrap .content img { width:100%; }
#product .content_wrap .content span { display:block; background:#111; padding:6px; font-size:0.9em; color:#fff; letter-spacing:0.5px; text-align:center;}


#gallery { margin:80px 0;}
#gallery .title  {display:flex; justify-content:center; margin:80px auto 30px; text-align:center; }
#gallery .title h1 { font-size:1.6em; font-weight:800; color:#222; letter-spacing:0; }
#gallery .title  span { font-weight:400; color:#222; letter-spacing:0; }
#gallery .title span:before {content :""; display:inline-block; border-left:1px solid #333; margin:0 0 0 15px; padding:0 0 0 15px; height:16px; }
#gallery .btn { margin:30px 0 0; text-align:center; }
#gallery .btn a { display:inline-block; background:#fff; border:1px solid #ddd; padding:10px 15px; font-size:0.9em; font-weight:800; color:#222; text-align:center; transition:all 0.2s; }
#gallery .btn a:hover { background:#111; border:1px solid #111; color:#fff; transition:all 0.2s; }

.post_list { width:100%; }
.post_list ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
.post_list li.content {  }
.post_list li.content img { width:95%; margin:0 auto; }
#pager{ display:none; margin-top:40px; text-align:center; }
.prev {display:inline-block; background:url(../images/mbtn_prev.png); background-size:cover; width:55px; height:55px; cursor:pointer; transition:all 0.2s; }
.next {display:inline-block; background:url(../images/mbtn_next.png); background-size:cover; width:55px; height:55px; cursor:pointer; transition:all 0.2s; }
.prev:hover {display:inline-block; background:url(../images/mbtn_prev_ov.png); transition:all 0.2s; }
.next:hover {display:inline-block; background:url(../images/mbtn_next_ov.png); transition:all 0.2s; }


#bottom { background-image:linear-gradient(to right, #111 50%, #111 50%); }
#bottom .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:0 auto; padding:30px 0;}
#bottom .content_wrap .customer { display:flex; justify-content:space-between; flex-wrap:wrap; background:#000; width:100%; }
#bottom .content_wrap .customer .content { display:flex; justify-content:center; width:50%; }
#bottom .content_wrap .customer .content a { display:flex; justify-content:center; flex-direction:column; align-items:center; width:100%; }
#bottom .content_wrap .customer .content a h1 { display:inline-block; margin:15px 0 5px; font-size:1.3em; font-weight:400; color:#fff; }
#bottom .content_wrap .customer .content a h2 { display:inline-block; font-size:1.5em; font-weight:800; color:#fff; }
#bottom .content_wrap .customer .content a p { color:#fff; }
#bottom .content_wrap .sns {display:flex; justify-content:center; align-items:center; width:100%; margin:30px 0 0; }
#bottom .content_wrap .sns a { margin:0 20px; }
#bottom .content_wrap .sns a img { height:40px; }



/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:0px solid #dedede; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:190px; font-size:1.0em; font-weight:400; color:#222; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:13px; color:#909090; line-height:40px; letter-spacing:0;}


}








/*갤러리게시판*/
.latestGallery li { float:left; width:200px; margin:0 10px 20px 10px;}
.latestGallery li:last-child { margin-right:0px;}
.latestGallery li .img img { width:198px; border:1px #e3e3e3 solid; }
.latestGallery li .caption { width:200px; height:30px; margin-top:10px; font-size:16px; font-weight:400; text-align:center; overflow:hidden; z-index:9; }