/*****************¼­ºê »ó´Ü ¹Ú½º*******************/
#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;transform: scale(1.2,1.2); transition:transform 4000ms ease-in-out;}
#subVisualCon.active .prd-visual-container{transform: scale(1.0,1.0) ;}
#subVisualCon .sub_img1{background:url(../../img/sub_img1.jpg) repeat center / cover; 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-color:#F3A06D;color:#fff; padding:15px 40px; line-height:1.2; border-radius:15px 15px 0 0; font-size:20px; font-weight:600; margin:0 1px; transition:all .4s;
text-align:center; transition:0.4s; display: block;}
.sub_path>ul>li a:hover,
.sub_path>ul>li a.on_box { z-index:2; background:#FFFBEC;  color:#F3A06D; }
.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;}
}