.gallRocket{overflow: hidden;}
.gallRocket .gallRocketWrap{font-size:0; line-height:0; margin:0 -20px;}
.gallRocket .gallRocketWrap li{position:relative; display:inline-block; width:50%; font-size:1.6rem; line-height:1.5em; vertical-align: top; padding:0 20px; margin-top:20px;}
.gallRocket .gallRocketWrap li:nth-child(even){margin-top:100px;}
.gallRocket .gallRocketWrap li .gallLiWrap{position:relative; background-color:#fff; padding:40px 30px; border-radius: 15px;}
.gallRocket .gallRocketWrap li .gallThumb{position:relative; width:100%; height:0; padding-bottom:71%;overflow:hidden; border-radius: 15px;}
.gallRocket .gallRocketWrap li .gallThumb .thumLink{position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%,-50%); transition: width .3s ease-in;}
.gallRocket .gallRocketWrap li .gallThumb img{width:100%; height:100%; object-fit: cover;}
.gallRocket .gallRocketWrap li .gallDetail{padding:0 5px 25px 5px;}
.gallRocket .gallRocketWrap li .gallDetail .galltit{display:block; font-size:2.2rem;line-height:1.5em; font-weight:500; margin-bottom:0px;}
.gallRocket .gallRocketWrap li .gallDetail .gallcont{color:#989898;}
/* .gallRocket .gallRocketWrap li .gallDetail .gallCategory { display:inline-block; padding:4px 15px; border-radius:20px; background-color:#e13831; font-size:1.4rem; color:#fff; margin-bottom:10px;} */


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

.gallRocket .gallRocketWrap li:hover .gallThumb{ border-radius: 0; }

.gallRocket .gallRocketWrap li:hover .gallbasic-dim{background:rgba(255,255,255,.3)}
.gallRocket .gallRocketWrap li:hover .thumLink {width:120%; }


@media screen and (max-width:1470px){
  .gallRocket .gallRocketWrap{margin:0 -10px;}
  .gallRocket .gallRocketWrap li{padding:0 10px;}
  .gallRocket .gallRocketWrap li .gallLiWrap{padding:30px 20px;}
}
@media screen and (max-width:1024px){
  .gallRocket .gallRocketWrap li{width:100%;}
  .gallRocket .gallRocketWrap li{margin-top:0;}
  .gallRocket .gallRocketWrap li:nth-child(even){margin-top:0}
  .gallRocket .gallRocketWrap li{margin-bottom:30px;}
}
@media screen and (max-width:768px){
  .gallRocket .gallRocketWrap li{width:50%;}
  .gallRocket .gallRocketWrap li .gallDetail .galltit{font-size:1.8rem;}
  .gallRocket .no_image{font-size:3.5rem;}
}
@media screen and (max-width:560px){
  .gallRocket .gallRocketWrap li{width:100%;}
  
  
}