/*gallery.css*/

/*visual S*/
.pro_visual{background: url('../img/product/gallery/banner.png');background-position: center; background-size: cover; background-repeat: no-repeat;}
/*visual E*/

/*gallery_table.css*/
#bo_gall{width: 1200px; margin: 0 auto;}
#bo_list_total{padding: 0;}
#bo_gall #gall_ul{margin: 50px 0 60px; width: 100%;}
/* 갤러리 이미지 부분 */
#bo_gall .gall_img{overflow: hidden; /*border:1px solid #e8e8e8; */transition: 0.35s;}
/*#bo_gall .gall_img:hover{border:1px solid #ed2a34;}*/


#bo_gall .gall_img img{width: 100%;}
/* 이미지 간격 */
/*.gall_row .gall_li{width:48%; padding-left: 0; padding-right: 0; margin: 0 1%; margin-bottom:2%}*/
#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(255,255,255,0.7); 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{display: table; padding: 40px; width: 100%; height: 100%;}
#bo_gall .gall_text_box .text{text-align: center;display: table-cell; vertical-align: middle;}*/
/* 갤러리 타이틀 */
#bo_gall .gall_text_href{margin: 0 0 10px; width: 100%;}
#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; color: #333; line-height: 1.5em; height: 1.5em; font-weight: bold;}
/* 갤러리 본문 내용 */
#bo_gall .gall_content{margin: 0; width: 100%; font-size: 14px; color: #333; overflow: hidden;text-overflow: ellipsis;white-space: normal; word-wrap:break-word; /*display: -webkit-box;*/ -webkit-box-orient: vertical; line-height: 20px;  -webkit-line-clamp: 2; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg); word-break: keep-all; padding-top:10px}
/*갤러리 이미지 없을 경우*/
#bo_gall li.empty_list{height: 500px; line-height: 500px;}
#bo_vc_w_info{width:100%;}
#bo_v_info{padding:10px 0px 20px;}
#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;}
.gall_text_area .line{display: block; width: 170%; height: 3px; background: #f2b705; position: absolute;}
.gall_text_area .line2{width: 3px; height: 100%;}
.gall_text_area .line_box1 .line{left: 0; top: 0;}
.gall_text_area .line_box1 .line2{left: 0; top: 0;}    
.gall_text_area .line_box2 .line{right: 0; bottom: 0;}
.gall_text_area .line_box2 .line2{right: 0; bottom: 0;}
.gall_text_area .pic_lt li:hover .line_box{opacity: 1;}
.gall_text_area .line_box{width: 30px; height: 50px; position: absolute; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; opacity: 1!important;}
.gall_text_area .line_box1{left: 0; top: 0;}
.gall_text_area .line_box2{bottom: 0; right: 0;}
.gall_text_area .line{display: block; width: 200%; height: 3px; background: #f2b705; position: absolute;}
.gall_text_area .line2{width: 3px; height: 100%;}
.gall_text_area .line_box1 .line{left: 35px; top: 35px;}
.gall_text_area .line_box1 .line2{left: 35px; top: 35px;}
.gall_text_area .line_box2 .line{right: 35px; bottom: 35px;}
.gall_text_area .line_box2 .line2{right: 35px; bottom: 35px;}
@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_text_box{padding: 35px;}
    #bo_gall .gall_text_href a{font-size: 15px;}
    #bo_gall .gall_content{font-size: 13px;}  
}
@media screen and (max-width: 1024px){
    #bo_gall .gall_text_box{padding: 30px;}
}
@media screen and (max-width: 600px){
    #bo_gall #gall_ul{margin: 0 0 40px;}
    .gall_row .gall_li{margin: 0 0 20px 0; width: 100%; clear: none;}
    .gall_row .gall_li:nth-child(2n-1){margin: 0 0 20px 0;}
    #bo_gall .gall_text_box{padding: 25px;}
}
@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_text_href a{font-size: 14px;}
    #bo_gall .gall_content{width: 90%; font-size: 12px;}  
}