@charset "utf-8";
.gall_chk.chk_box{left:0;}

.tbGallHrizn{}
.tbGallHrizn .empty_list{min-height:auto;}
.tbGallHrizn li{  width:100%; padding:60px 0; border-bottom:1px solid #e1e1e1; position:relative; }
  .tbGallHrizn li:first-child{border-top:2px solid #333;}

.tbGallHrizn li .liBlock{ display:flex; }
.tbGallHrizn li .tbGallHriznThum{ width:42%; position:relative; }
.tbGallHrizn li .tbGallHriznThum .thumWrap{width:100%; padding-bottom:58%; position:relative; height:0; overflow: hidden;}
.tbGallHrizn li .tbGallHriznThum .thumb { width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition: width 1s;} 
.tbGallHrizn li .tbGallHriznThum img{ width:100%; height:100%; object-fit: cover; }
.tbGallHrizn li:hover .thumb {width:110%;}

.tbGallHrizn li .tbGallHriznDescrt{ position:relative; width:58%; padding-left:120px; }
.tbGallHrizn li .tbGallHriznDescrt .cate{ padding-top:40px; }
.tbGallHrizn li .tbGallHriznDescrt .cate_span,
.tbGallHrizn li .tbGallHriznDescrt .date_span{ display:inline-block; padding:0 20px; height:32px; line-height:30px; border-radius:32px; font-weight: 600;}
.tbGallHrizn li .tbGallHriznDescrt .cate_span{ background:#f8b231; border:2px solid #f8b231; color:#fff;  }
  .tbGallHrizn li .tbGallHriznDescrt .cate_span.notice{ margin-right:5px; border:2px solid #006760; background:#006760; }
.tbGallHrizn li .tbGallHriznDescrt .date_span{ margin-left:5px; border:2px solid #f8b231; color:#f8b231;  }

.tbGallHrizn li .tbGallHriznDescrt .prd-title { position:relative; font-weight: 600; display:-webkit-box;  -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; word-wrap: break-word; }
.tbGallHrizn li .tbGallHriznDescrt p{ line-height:1.6em; display:-webkit-box;  -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; word-wrap: break-word; }

.tbGallHrizn li .tbGallHriznThum .hoverline{position:absolute; background-color:rgba(255,255,255,.5);}
.tbGallHrizn li .tbGallHriznThum .hoverline.line1,
.tbGallHrizn li .tbGallHriznThum .hoverline.line3
{height:10px;width:0;}
.tbGallHrizn li .tbGallHriznThum .hoverline.line2,
.tbGallHrizn li .tbGallHriznThum .hoverline.line4
{width:10px;height:0;}
.tbGallHrizn li .tbGallHriznThum .hoverline.line1{top:0; left:0; transition: width .1s ease-in;}
.tbGallHrizn li .tbGallHriznThum .hoverline.line3{bottom:0; right:0; transition: width .1s ease-in 0.2s;}
.tbGallHrizn li .tbGallHriznThum .hoverline.line2{top:0; right:0; transition: height .1s ease-in 0.1s;}
.tbGallHrizn li .tbGallHriznThum .hoverline.line4{bottom:0; left:0; transition: height .1s ease-in 0.3s;}
.tbGallHrizn .liBlock:hover .hoverline.line1,
.tbGallHrizn .liBlock:hover .hoverline.line3
{width:100%}
.tbGallHrizn .liBlock:hover .hoverline.line2,
.tbGallHrizn .liBlock:hover .hoverline.line4
{height:100%;}

#bo_v_img {text-align:center;}
@media screen and (max-width:1400px){
  .tbGallHrizn li .tbGallHriznDescrt{ padding-left:60px; }
}
@media screen and (max-width:1024px){
  .tbGallHrizn li .tbGallHriznDescrt{ padding-left:30px; }
  .tbGallHrizn li .tbGallHriznDescrt .cate{ padding-top:0; }
}
@media screen and (max-width:768px){
  .tbGallHrizn li .liBlock{flex-wrap: wrap;}
  .tbGallHrizn li{ padding:30px 0; justify-content: center; }
  .tbGallHrizn li .tbGallHriznThum, .tbGallHrizn li .tbGallHriznDescrt { width:100%;}
  .tbGallHrizn li .tbGallHriznDescrt{padding:30px 10px 20px 10px;}
}
@media screen and (max-width:560px){
  .tbGallHrizn li:first-child{border-top:0 none;}
  .tbGallHrizn li .tbGallHriznDescrt .cate span{font-size:1.5rem; padding:0 13px; height:28px; line-height:26px; border-radius:28px;}
  .tbGallHrizn li .tbGallHriznDescrt .cate_span.notice{margin-right:2px; }
  .tbGallHrizn li .tbGallHriznDescrt .date_span{ margin-left:2px; }
}