section.product {
    position: relative;
    margin: 0 auto;
    padding: 0 50px;
    box-sizing: border-box;
    width: 50%;
    margin: 0 10px;
}
section.product div.tit {
font-family: "Noto Sans KR";
    color: #363636;
    font-weight: 600;
    font-size: 20px!important;
    letter-spacing: -0.2px;
}
section.product 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;}

.swiper-button-prev:after, .swiper-button-next:after {
    display: none;
}
li.p-txt {
    font-size: 11.9px;
    letter-spacing: -0.5px;
}
.swiper-button-next, .swiper-button-prev {
    top: 65%;
    color: #222;
}
/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1024px) {
section.product {clear:both;margin:0 auto; padding:0px;  min-height:auto; }
section.product div.tit { padding:0 0 15px 0}
section.product h1.main { font-size:25px; }
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: 812px) {
    section.product {
        width: 33%;
        padding: 0;
        margin: 0;
    }
    section.product div.tit { padding:0}
}
@media (max-width: 640px) {
    section.product div.tit {
        text-align: center;
        margin-bottom: 10px;
    }
    section.product {
        width: 100%;
        padding: 30px 0;
        background: #efefef;
    }
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}