@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:1600px) {
	
.pc_view { display:block; }
.tab_view { display:none; }
.mob_view { display:none; }

#product { padding:120px 0; background:#f7f7f7; }
#product .product_wrap { width:92%; max-width:1630px; margin:0 auto; }

#banners { display:flex; justify-content:space-between; flex-wrap:wrap; }
#banners .discs { display:flex; background:url(../images/main_banners_01.jpg) right no-repeat; background-size:cover; width:50%; padding:120px 0;  }
#banners .discs .content_wrap { width:90%; max-width:800px; margin-left:auto; }
#banners .auto { display:flex; background:url(../images/main_banners_02.jpg) left no-repeat; background-size:cover; width:45%; padding:120px 0 0 5%;  }
#banners .auto .content_wrap { width:90%; max-width:800px; }
#banners h2 { display:block; margin:10px 0 20px; font-size:2.5em; color:#fff; line-height:1.3em; }
#banners h3 { font-family: 'Arita-buri-SemiBold'; font-size:1.5em; color:#fff; }
#banners p { display:block; margin:20px 0 0; width:60%; color:#fff;}
#banners span { display:block; margin:40px 0 0; }
#banners span a { display:inline-block; border:2px solid #fff; border-radius:30px; padding:10px 25px; font-size:0.9em; font-weight:700; color:#fff; transition:0.3s; }
#banners span a:hover { border:2px solid #ff6600; background:#ff6600; color:#fff; }

#leading { margin:120px auto; width:90%; max-width:1600px; }
#leading h2 { display:block; margin:0 0 15px; font-size:2.5em; color:#111; line-height:1.3em; }
#leading h3 { font-family: 'Arita-buri-SemiBold'; font-size:1.2em; color:#333; }
#leading .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:50px 0 0; }
#leading .content_wrap .content { width:18%; border:1px solid #e5e5e5; padding:30px 3%; }
#leading .content_wrap .content h4 { font-size:1.3em; font-weight:800; color:#222; }
#leading .content_wrap .content p { margin:-10px 0 0; }

/*기본게시판*/
.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:1599px){

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

#product { padding:100px 0; background:#f7f7f7; }
#product .product_wrap { width:92%; margin:0 auto; }

#banners { display:flex; justify-content:space-between; flex-wrap:wrap; }
#banners .discs { display:flex; background:url(../images/main_banners_01.jpg) right no-repeat; background-size:cover; width:50%; padding:100px 0;  }
#banners .discs .content_wrap { width:90%; margin-left:auto; }
#banners .auto { display:flex; background:url(../images/main_banners_02.jpg) left no-repeat; background-size:cover; width:45%; padding:100px 0 0 5%;  }
#banners .auto .content_wrap { width:90%; }
#banners h2 { display:block; margin:10px 0 20px; font-size:2.2em; color:#fff; line-height:1.3em; }
#banners h3 { font-family: 'Arita-buri-SemiBold'; font-size:1.2em; color:#fff; }
#banners p { display:block; margin:20px 0 0; width:60%; color:#fff;}
#banners span { display:block; margin:40px 0 0; }
#banners span a { display:inline-block; border:2px solid #fff; border-radius:30px; padding:10px 25px; font-size:0.9em; font-weight:700; color:#fff; transition:0.3s; }
#banners span a:hover { border:2px solid #ff6600; background:#ff6600; color:#fff; }

#leading { margin:100px auto; width:90%; }
#leading h2 { display:block; margin:0 0 15px; font-size:2.2em; color:#111; line-height:1.3em; }
#leading h3 { font-family: 'Arita-buri-SemiBold'; font-size:1.1em; color:#333; }
#leading .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:40px 0 0; }
#leading .content_wrap .content { width:18%; border:1px solid #e5e5e5; padding:30px 3%; }
#leading .content_wrap .content h4 { font-size:1.2em; font-weight:800; color:#222; }
#leading .content_wrap .content p { margin:-10px 0 0; }




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

#product { padding:70px 0; background:#f7f7f7; }
#product .product_wrap { width:98%; margin:0 auto; }

#banners { display:flex; justify-content:space-between; flex-wrap:wrap; }
#banners .discs { display:flex; background:url(../images/main_banners_01_mob.jpg) right no-repeat; background-size:cover; width:100%; padding:80px 0;  }
#banners .discs .content_wrap { width:90%; margin-left:auto; }
#banners .auto { display:flex; background:url(../images/main_banners_02_mob.jpg) left no-repeat; background-size:cover; width:100%; padding:80px 0;  }
#banners .auto .content_wrap { width:90%; margin-left:auto; }
#banners h2 { display:block; margin:10px 0 20px; font-size:2.0em; color:#fff; line-height:1.3em; }
#banners h3 { font-family: 'Arita-buri-SemiBold'; font-size:1.4em; color:#fff; }
#banners p { display:block; margin:20px 0 0; width:60%; color:#fff;}
#banners span { display:block; margin:40px 0 0; }
#banners span a { display:inline-block; border:2px solid #fff; border-radius:30px; padding:10px 20px; font-size:0.9em; font-weight:700; color:#fff; transition:0.3s; }
#banners span a:hover { border:2px solid #ff6600; background:#ff6600; color:#fff; }

#leading { margin:70px auto; width:85%; }
#leading h2 { display:block; margin:0 0 10px; font-size:2.0em; color:#111; line-height:1.3em; }
#leading h3 { font-family: 'Arita-buri-SemiBold'; font-size:1.0em; color:#333; }
#leading .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:40px 0 0; }
#leading .content_wrap .content { width:36%; border:1px solid #e5e5e5; padding:30px 6%; margin:1.5% 0; }
#leading .content_wrap .content h4 { font-size:1.3em; font-weight:800; color:#222; }
#leading .content_wrap .content p { margin:-10px 0 0; }
#leading .content_wrap .content img { height:35px; }

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