/*****************¼­ºê »ó´Ü ¹Ú½º*******************/

#subVisualCon{position:relative; width:100%; overflow:hidden; padding:80px 0 60px;}
#subVisualCon .prd-visual-container{position:absolute; top:0; left:0; bottom:0; right:0;   important;-ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1);transition:transform 4000ms ease-in-out;}
#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 .sub_img1{background:#513326 url(../../img/p_bg1.png) repeat center; padding:6% 0; }

@media all and ( max-width:786px ){
#subVisualCon{padding:50px 0 40px;}
}




/*****************¼­ºê ÇÏÀ§¸Þ´º *******************/


.sub_path {position:absolute; left:50%; bottom:0; transform: translateX(-50%); z-index:10000000;}
.sub_path>ul {position:relative;display:flex;flex-wrap:wrap;margin:0 auto;}
.sub_path>ul>li {position:relative; display:inline-block; transition:0.4s;}
.sub_path>ul>li a{flex:1; position:relative; background:#FFF1E6; padding:17px 40px; line-height:1.2; border-radius:15px 15px 0 0; font-size:22px; color:#e70017; margin:0 1px; font-weight:600; transition:all .4s;text-align:center; transition:0.4s; display: block;}
.sub_path>ul>li a:hover,
.sub_path>ul>li a.on_box {background-color:#e70017;color:#fff;z-index:2; }
.sub_path>ul>li a:before {transition:0.4s; }

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