div.subimg  {width:100%; max-width:1200px; box-sizing: border-box;  margin:0 auto;  padding-top:100px;   box-sizing: border-box; }
div.subimg   h2 {padding:45px 0 0 0px;  margin:0px 0 0 0; text-align:center; /*text-shadow:1px 1px 2px #333;*/ position:relative;
font-size:45px; font-weight:500;  width:100%;  box-sizing:border-box; display:block; font-family:"ONE-Mobile-Title"; }
div.subimg  h2:before {content:""; position:absolute; bottom:-130px; left:50%; width:1px; height:100px;
 background:rgba(0,0,0,0.4); z-index: 9}
div.subimg  div.sub_img{ height:250px;  border-radius:10px; margin-top:80px; position:relative; overflow:hidden;  }

div.subimg .sub_img::before {  content: "";  position: absolute;  top: 0; left: 0;  width: 100%; height: 100%;
  background-image: url("../img/sub_img1.jpg");  background-size: cover;  background-position: center top;  background-repeat: no-repeat;
  transform: scale(1.2); /* 처음에 확대 */
  animation: zoomOut 2.5s ease forwards; /* 2초 동안 축소 */
  z-index: -1; /* 텍스트 뒤로 */}
div.subimg  div.sub_img2::before{ background-image:url("../img/sub_img2.jpg") ;background-repeat:no-repeat;}
div.subimg  div.sub_img3::before{ background-image:url("../img/sub_img3.jpg");background-repeat:no-repeat; }
div.subimg  div.sub_img4::before{ background-image:url("../img/sub_img4.jpg") ;background-repeat:no-repeat; }
div.subimg  div.sub_img5::before{ background-image:url("../img/sub_img5.jpg") ; background-repeat:no-repeat;}

@keyframes zoomOut {
  0%   { transform: scale(1.2); }
  100% { transform: scale(1); }
}

div.subimg ul.depth1 {display:none !important;}

/* sub h2 tmt */
.cascading-text__letter {  opacity: 0;  -webkit-animation-name: enter;  animation-name: enter;}
.cascading-text__letter {  display: inline-block;  -webkit-transform-style: preserve-3d;  transform-style: preserve-3d; 
 -webkit-animation-duration: 0.9s; animation-duration: 0.9s;  -webkit-animation-fill-mode: forwards;   animation-fill-mode: forwards;}

@keyframes enter {
  0% { opacity: 0; -webkit-transform: translateY(-25px);  transform: translateY(-25px); }
  25% {  opacity: 1; }
  100% { opacity: 1;  -webkit-transform: translateY(0px);  transform: translateY(0px);  }
}


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
div.subimg   h2 {padding:20px 0 0 0px;  margin:0px 0 0 0;font-size:25px;   }
div.subimg  h2:before {content:""; position:absolute; bottom:-65px; left:50%; width:1px; height:50px; 
background:rgba(0,0,0,0.5); z-index: 9}
div.subimg  div.sub_img{ height:120px; border-radius:0; margin-top:40px }
div.subimg  {  padding-top:65px;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}