@charset "utf-8";

.gall_row figure{overflow:hidden;margin:0;max-width:100%;height:auto;background:#fff;text-align:center;cursor:pointer}
.gall_row figure img{position:relative;/*display:block;*/height:auto;width:100%;opacity:1}
.gall_row figure figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:1.1em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.gall_row figure figcaption::before,.gall_row figure figcaption::after{pointer-events:none}
.gall_row figure figcaption,.gall_row figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}
.gall_row figure figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
.gall_row figure .post-head{display:block;word-spacing:-0.15em;}
.gall_row figure .post-head,.gall_row figure .desc{margin:0}
.gall_row figure .desc{letter-spacing:1px;font-size:11px;}
@media  (min-width: 768px) {.gall_row figure .desc{letter-spacing:1px;font-size:20px;}}
@media  (max-width: 768px) {
  .gall_row figure .desc{letter-spacing:1px;font-size:15px;  vertical-align: middle;display: inline-block;}
  .gall_row figure span.post-head{display: none!important;}
}

figure.bx-grandi{position: relative;}
figure.bx-grandi{border: 1px solid #ccc;background: transparent;}
/*figure.bx-grandi img{opacity:.9;-webkit-transition:opacity .35s;transition:opacity .35s}*/
figure.bx-grandi figcaption::before{position:absolute;top:15px;right:15px;bottom:15px;left:15px;border:1px solid rgba(255,255,255,.7);box-shadow: 0 0 0 30px rgba(0,0,0,0.8);background-color: rgba(0,0,0,0.8);content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1)}
figure.bx-grandi .post-head{font-weight: bold;margin:10% 0 10px 0;opacity:0;-webkit-transition:-webkit-transform .35s;transition:transform .35s}
figure.bx-grandi .desc{padding:0.5em;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1.5);transform:scale(1.5)}
@media (max-width: 1199px){
figure.bx-grandi span.post-head  {margin-top: -0px;}
figure.bx-grandi .desc{font-size: 15px;margin-top: -4px;}
}
@media  (max-width: 768px){
  figure.bx-grandi .desc{font-size: 30px;margin-top: 22%;}
}
@media (max-width: 480px){
  figure.bx-grandi .desc{font-size: 30px;margin-top: 20%;}
}
figure.bx-grandi:hover .post-head{-webkit-transform:scale(0.9);transform:scale(0.9);opacity:1;}
figure.bx-grandi:hover figcaption::before,figure.bx-grandi:hover .desc{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
figure.bx-grandi:hover figcaption{background-color:rgba(58,52,42,0)}
figure.bx-grandi:hover img{opacity:.4}
p.post-subject {margin-top: 5px;margin-bottom: 5px;text-align: center;}

.scale {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out;   /* 부드러운 모션을 위해 추가*/
}
.scale:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}
.img {width:100%; height:100%px; overflow:hidden }