/*****************¼­ºê »ó´Ü ¹Ú½º*******************/
#subVisualCon{position:relative; width:100%;   padding:180px 0 150px;}
#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) ; }
#subVisualCon .sub_img1{background:url(../../img/sub_img1.jpg) repeat center right; background-size:cover;}
 
@media all and ( max-width:786px ){
#subVisualCon{padding:80px 0 60px;}
}





/* »ó´Ü Å« Å¸ÀÌÆ² */
.sub_tit  {width:100%; box-sizing:border-box; padding:0px 5%; z-index:10000000;}
.sub_tit h2 { line-height:1; font-size:65px;font-weight:800; font-family: 'MaruBuri'; color:#6C605A; position: relative; }

@media screen and (max-width:1600px){
.sub_tit h2 {font-size:60px;}
}

@media screen and (max-width:1440px){
.sub_tit h2 {font-size:55px;}
}

@media screen and (max-width:1280px){
.sub_tit h2 {font-size:46px;}
}

@media screen and (max-width:1024px){
.sub_tit h2 {font-size:36px;}
}

@media screen and (max-width:767px){
.sub_tit h2{ font-size:26px;}
}
 









/*****************¼­ºê ÇÏÀ§¸Þ´º *******************/
.sub_path {position:absolute; left:50%; bottom:0; transform: translateX(-50%); z-index:1000000;}
.sub_path>ul {position:relative;display:flex;flex-wrap:wrap; margin:20px auto;}
.sub_path>ul>li {position:relative; display:inline-block; transition:0.4s;}
.sub_path>ul>li a {position:relative;  background: rgba(184,173,160,0.2);  padding:15px 40px; line-height:1; border-radius:40px;  font-size:21px; color:#74706E; box-sizing:border-box; z-index:2; border:1px solid rgba(184,173,160,0.2); margin:5px; font-weight:700; 
font-family: 'MaruBuri';  transition:all .4s; text-align:center;}
.sub_path>ul>li a:hover,
.sub_path>ul>li a.on_box {background-color:#fff;  border:1px solid rgba(184,173,160,0.7);}
.sub_path>ul>li a:before {transition:0.4s; }

@media screen and (max-width:1440px){
.sub_path>ul>li a { font-size:19px;}
}

@media screen and (max-width:1024px){
.sub_path>ul { margin:10px auto;}
.sub_path>ul>li a { font-size:17px;}
}

@media screen and (max-width:767px){ 
.sub_path>ul>li a {padding:10px 20px;  font-size:14px;  margin:2px;} 
}



 


/************************************ °¢ ¹è³Ê Å¸ÀÌÆ² ºÎºÐ***************************************/
.sub_tit h3{color:#6C605A; font-size:37px;  margin:80px 0 60px; line-height:110%;  text-align:center; }
 
@media screen  and (max-width:1024px) {
.sub_tit h3{ font-size:25px;  margin:40px 0 30px; }
}