/*Content CSS*/
.sub_visual{position:relative; width:100%;  height:160px;overflow:hidden;background-repeat:no-repeat;background-position:center bottom;  background-size: cover; margin-top:60px;}
.sub_visual.sub .bg{background-image:url('../img/sub_visual02.jpg?v=240808');}
.sub_visual.sub2 .bg{background-image:url('../img/sub_visual02.jpg?v=240808');}
.sub_visual.sub3 .bg{background-image:url('../img/sub_visual03.jpg?v=240808');}
.sub_visual.sub4 .bg{background-image:url('../img/sub_visual04.jpg?v=240808'); }
/* .sub_visual:hover .bg{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} */
.sub_visual .title_warp { margin:0 auto;}
.sub_visual .title_warp .title_page { position: absolute; top:52%; transform:translateY(-50%); left: 0; z-index:2; width: 100%; text-align: center;}
.sub_visual h3 {font-size: 28px; font-weight: 400; color: #fff; font-family: 'S-CoreDream-4Regular';}
.sub_visual h4 {display: inline-flex; align-items: center;font-size: 13px;font-weight: 400;color: #fff; opacity: .7; letter-spacing: 7.5px; font-family: 'Montserrat'; margin-bottom:5px;}
.sub_visual h4::before {content: ''; display: block; width:4px; height:4px; background: #fff; margin-right:20px; border-radius: 50%;}
.sub_visual h4::after {content: ''; display: block; width:4px; height:4px; background: #fff; margin-left:20px; border-radius: 50%;}

.sub_visual .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;z-index:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}

@media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 640px) {
    .sub_visual { height:200px}
    .sub_visual .title_warp { width:100%; padding-left:30px}
    .sub_visual .sub_title { font-size:32px}
}