#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 {position: relative;width:100%;   border-bottom:1px solid #eee; background:#f3f3f3; }
.sub_path:after {content:"";position:absolute; bottom:0px; left:0;  width:100%;height:1px;  z-index:1;}
.sub_path>ul {width:100%;  margin:0 auto;  text-align:center;;}
.sub_path>ul>li {position:relative; display:inline-block; transition:0.4s;}
.sub_path>ul>li a{display:inline-block;  border-bottom:1px solid #a6a5a5; position:relative;  font-size:15px;  padding:15px;  line-height:100%; transition:0.4s;}
.sub_path>ul>li a:hover,
.sub_path>ul>li a.on_box {transition:0.4s; color:#1B8B6F;}
.sub_path>ul>li a:before {transition:0.4s; }
.sub_path>ul>li a:hover:before,
.sub_path>ul>li a.on_box:before {content:"";position:absolute; bottom:0px; left:0;  transition:0.5s;   height:2px; background:#1B8B6F;  z-index:1; animation:smenu_ani 0.8s; animation-iteration-count:1; animation-delay:0.1s;  animation-fill-mode: forwards; } 

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

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