section.product { margin:0 auto; padding:70px 0px; box-sizing:border-box; /*min-height:650px;*/ }
section.product div.tit {text-align:center; width:100%; padding:0 0 35px 0}
h1.main { font-size:33px; letter-spacing:10px; color:#333; font-weight:600 !important; position:relative;
text-align:center;padding:0px 0 10px 0; border-top:0px solid #dfdfdf; font-family:"Raleway","Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif" !important;}
section.product p{font-size:16px;}
section.product td.board_output_gallery_img {text-align:center;}
section.product span.board_output_gallery_subject a {font-size:16px !important; font-weight:500; display:block; padding-top:7px;}
section.product table.main_gallery table,section.product table.board_output table {width:100%; margin:0 auto 40px auto !important; text-align:center; box-sizing:border-box; padding:0;}
section.product .board_output_gallery_subject {width:100% !important;}
section.product .main_p ul {width: 100%; overflow: hidden;}
section.product .main_p ul li {float: left; width: 20%; padding: 0 5px; text-align: center; overflow:hidden; }
section.product .main_p ul li div {border: 1px solid #dfdfdf; overflow:hidden;}
section.product .main_p ul li img {width: 100%; height: auto; transition: all 0.3s;}
section.product .main_p ul li p {font-size: ;}
section.product .main_p ul:after{display: block; content: ""; clear: both;}
section.product .main_p ul li div {overflow: hidden;}
section.product .main_p ul li a:hover .mp_img {transition: all 0.3s; transform: scale(1.2);}
section.product .cont {width: 100%; overflow: hidden; vertical-align: middle;}
section.product .cont table .board_output_gallery_img {padding: 0 10px;}
section.product .cont a {display: block; width: 100%;}
section.product img { vertical-align: middle; width: 100%; max-width: 100%; height: auto;}
/*---------------------------------------
MOBILE RESPONSIVE
-----------------------------------------*/
@media (max-width: 1023px) {
section.product {clear:both; width:100%; margin:0 auto; padding:30px 0 0px; min-height:auto; }
section.product div.tit { padding:0 0 15px 0}
section.product td.board_output_gallery_img {text-align:center;}
section.product td.board_output_gallery_img img {width:100px; height:100px; }
section.product span.board_output_gallery_subject {font-size:15px; padding-top:5px; display:block; text-align:center; width:100%; }
section.product table.main_gallery table {width:100%; margin:0 auto !important; box-sizing:border-box; padding:10px 0;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}
/*
PRODUCT
{{$cafe_board_output_7}}
*/