/*gallery_table.css*/

.table_top .tit_area.subpage .parallelogram{margin-left: auto; margin-right: auto;}
.table_top .tit_area *{text-align: center;}
#bo_gall{width: 1200px; margin: 0 auto;}
#bo_list_total{padding: 0;}
#bo_gall #gall_ul{margin: 0 0 60px; width: 100%;}
/* 갤러리 이미지 부분 */
#bo_gall .gall_img{overflow: hidden;}
/* 이미지 간격 */
.gall_row .gall_li{width: 32%; padding-left: 0; padding-right: 0; margin: 0 0 30px 0;}
.gall_row .gall_li:nth-child(3n-1){margin: 0 2% 30px;}
#bo_gall .gall_box{border: none; margin: 0;}
/* 작성자, 정보 display: none */
#bo_gall .gall_info{display: none;}
#bo_gall .gall_info i.fa-eye, #bo_gall .gall_info i.fa-clock-o{display: none;}
#bo_gall .gall_info .gall_date{font-style: normal; color: #000;}
#bo_gall .gall_name{display: none;}
/* 갤러리 체크박스 */
#bo_gall .gall_li .gall_chk{padding: 3px 8px; z-index: 20;}
/* 공지 */
#bo_gall .gall_img span{position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 30px; background: #ddd;}
/*** 갤러리 텍스트 ***/
#bo_gall .gall_text_area{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 15; background: rgba(0,0,0,0.6); height: 100%; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; opacity: 0;} 
#bo_gall .gall_li:hover .gall_text_area{opacity: 1;}
#bo_gall .gall_text_box{padding: 25px 10px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%;}
#bo_gall .gall_plus{width: 100px; height: 100px; margin: 0 auto 25px; background: url(../../img/product/gallery_plus.png) no-repeat center; background-size: 100% auto;}
/* 갤러리 타이틀 */
#bo_gall .gall_text_href{margin: 0 auto 5px; width: 80%;}
#bo_gall .gall_text_href .title_icon{display: none;}
#bo_gall .gall_text_href a{font-size: 18px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-align: center; color: #fff; line-height: 1.5em; height: 1.5em;}
/* 갤러리 본문 내용 */
#bo_gall .gall_content{margin: 0 auto; width: 90%; font-size: 14px; color: #fff; overflow: hidden;text-overflow: ellipsis;white-space: normal; word-wrap:break-word; display: -webkit-box; -webkit-box-orient: vertical; line-height: 1.2; height: 1.2em; -webkit-line-clamp: 1; text-align: center;-ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg); word-break: keep-all;}
/*갤러리 이미지 없을 경우*/
#bo_gall li.empty_list{height: 500px; line-height: 500px;}
#bo_vc_w_info{width:100%;}
#bo_v_info{padding: 20px 0;}
#bo_v_info .if_date{font-style: normal; font-size: 13px;}
.bo_v_nb li{padding: 20px;}
.bo_vc_w textarea{padding: 10px;}
#bo_v_info .fa{display: none;}
#bo_v_info span, #bo_v_info strong, #bo_v_info strong a{font-size: 13px;}
.brd-state strong a{margin: 15px 0; font-size: 15px;}
.bo_vc_w_info .frm_input{width: 100%;}
#captcha #captcha_key{margin: 0; margin-left: 0;}
#captcha.m_captcha #captcha_key{height: 40px; margin-left: 0;}
@media screen and (max-width:1199px){
    #bo_v{width:100%;}
    #bo_gall{width: 100%;} 
    #bo_gall #gall_ul{margin: 0 0 50px;}
    #bo_gall .gall_plus{width: 70px; height: 70px; margin: 0 auto 20px;}
    #bo_gall .gall_text_href{margin: 0 auto 10px;}
    #bo_gall .gall_text_href a{font-size: 15px;}
    #bo_gall .gall_content{font-size: 12px;}  
}
@media screen and (max-width: 1024px){
    .gall_row .gall_li{width: 48%; margin: 0 0 20px; clear: none;}
    .gall_row .gall_li:nth-child(3n-1){margin: 0 0 20px;}
    .gall_row .gall_li:nth-child(2n-1){margin: 0 4% 20px 0;}
    #bo_gall .gall_plus{width: 80px; height: 80px;}
}
@media screen and (max-width: 600px){
    #bo_gall #gall_ul{margin: 0 0 40px;}
    .gall_row .gall_li{width: 100%; margin: 0 0 15px; clear: none;}
    .gall_row .gall_li:nth-child(3n-1){margin: 0 0 15px;}
    .gall_row .gall_li:nth-child(2n-1){margin: 0 0 15px 0;}
    #bo_gall .gall_text_href{margin: 0 auto 10px;}
    #bo_gall .gall_plus{width: 70px; height: 70px;}
}
@media screen and (max-width:480px){
    .brd-state strong a{margin: 10px 0; font-size: 13px;}
    #bo_v_info strong.bo_v_writer{display: block; width:100%;}
    #bo_gall .gall_plus{width: 60px; height: 60px; margin: 0 auto 15px;}
}