#middleArea{padding:50px 0 0;}
.area img {max-width:100%;}

/*****************¼­ºê»ó´Ü À̹ÌÁö¿Í ŸÀÌƲ/·¹À̾ƿô*******************/
/* »ó´Ü ºñÁÖ¾ó */
#subVisualCon{position:relative; width:100%; overflow:hidden; height:210px; padding-top:190px;}
#subVisualCon .prd-visual-container{position:absolute; top:0; left:0; bottom:0; right:0;   important;-ms-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);  -moz-transform: scale(1.1,1.1);  -webkit-transform: scale(1.1,1.1);  transform: scale(1.1,1.1); -webkit-transition:transform 4000ms  ease-in-out ; -moz-transition:transform 4000ms ease-in-out ;-o-transition:transform 4000ms ease-in-out ; -ms-transition:transform 4000ms ease-in-out; transition:transform 4000ms ease-in-out;}
#subVisualCon .prd-visual-con{position:relative; }
#subVisualCon .sub_img1{background:url(../../img/sub_img1.jpg) no-repeat center top; background-size:cover;}
#subVisualCon .sub_img2{background:url(../../img/sub_img2.jpg) no-repeat center top; background-size:cover;}
#subVisualCon .sub_img3{background:url(../../img/sub_img3.jpg) no-repeat center top; background-size:cover;}
#subVisualCon .sub_img4{background:url(../../img/sub_img4.jpg) no-repeat center top; background-size:cover;}
#subVisualCon .sub_img5{background:url(../../img/sub_img5.jpg) no-repeat center top; background-size:cover;}
#subVisualCon .sub_img6{background:url(../../img/sub_img6.jpg) no-repeat center top; background-size:cover;}
#subVisualCon .prd-visual-inner{position:relative; padding-left:30px;}
#subVisualCon.active .prd-visual-container{-ms-transform: scale(1.0,1.0) ;  -o-transform: scale(1.0,1.0) ;  -moz-transform: scale(1.0,1.0) ;  -webkit-transform: scale(1.0,1.0) ; transform: scale(1.0,1.0) ;}
#subVisualCon .prd-visual-tit{width:100%; text-align:center; font-size:55px;  font-family: 'S-CoreDream-9Black';   color:#fff; }
#subVisualCon .prd-visual-txt {font-size:17px; text-align:center;  opacity:0.7;  padding-top:10px; color:#fff;}
 
@media all and ( max-width:767px ){
 #subVisualCon{height:150px; padding-top:160px;}
 #subVisualCon .prd-visual-tit{font-size:27px;}
 #subVisualCon .prd-visual-txt{font-size:12px;}
 #middleArea{padding-top:30px;}
}

@media all and ( max-width:480px ){
#subVisualCon{height:100px; padding-top:110px;}
#subVisualCon .prd-visual-inner{ padding-left:0px;}
}






.sub_path {
background:#
  position: relative;
  width: 100%;
  border-bottom: 1px solid #eee;
}


.sub_path:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  z-index: 1;
}


.sub_path > ul {
  display: flex;
  justify-content: space-between;
max-width:1400px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}


.sub_path > ul > li {
  flex: 1;
  position: relative;
  list-style: none;
  text-align: center;
  transition: 0.4s;
}


.sub_path > ul > li a {
  display: block;
  position: relative;
  font-size: 17px;
  padding: 25px 0;
  line-height: 120%;
  transition: 0.4s;
  color: #333;
}


/* ÇÏ´Ü Çü±¤¼± ±âº»Àº Åõ¸í */
.sub_path > ul > li a::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 2px;
  background: transparent;
  z-index: 1;
  transition: 0.5s;
}


/* ¸¶¿ì½º ¿À¹ö ¶Ç´Â È°¼º ¸Þ´º¿¡¸¸ Çü±¤¼± º¸¿©ÁÜ */
.sub_path > ul > li a:hover::before,
.sub_path > ul > li a.on_box::before {
  background: #191970; /* Çü±¤ ´À³¦ ÆĶõ¼± */
  animation: smenu_ani 0.8s;
  animation-iteration-count: 1;
  animation-delay: 0.1s;
  animation-fill-mode: forwards;
}


.sub_path > ul > li a:hover,
.sub_path > ul > li a.on_box {
  color: #191970;
}


@media screen and (max-width:767px){
.sub_path>ul>li a{font-size:12px;  padding:10px 7px;}
}

@keyframes smenu_ani {
 0% {width:1%;}
 100% {width:100%;}
}