/*Content CSS*/
.sub_visual {position:relative; max-width:2560px; margin:150px auto 0; height:410px; overflow:hidden; background-image: linear-gradient(to right, #5db3ba, #44adb5); }
.sub_visual.sub1 .bg { background-image: linear-gradient(to right, #5db3ba, #44adb5);}
.sub_visual.sub2 .bg { background-image: linear-gradient(to right, #9ece5d, #74c266);}
.sub_visual.sub3 .bg { background-image: linear-gradient(to right, #f39e75, #ef8365);}
.sub_visual.sub4 .bg { background-image: linear-gradient(to right, #58bfa4, #45ad99);}
.sub_visual.sub5 .bg { background-image: linear-gradient(to right, #a69fc2, #938ab6);}
.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}

/* txt_wrap */
.sub_visual .title_wrap { max-width:1500px; margin:0 auto; }
.sub_visual .title_wrap .title_page { position: absolute; top: 42%; left: 50%; transform: translate(-50%, -50%); z-index:2; width: 1500px; text-align: left; }

/* txt */
.sub_visual h3 { position:relative; font-size:60px;font-weight:500; line-height:1.18; color:#fff; }
.sub_visual h3:before { content:""; position:absolute; left:-56px; top:9px; width:90px; height: 90px; background:url('../img/sub_vis_ico.png') no-repeat center; }


/* 토끼 ani */
.sub_visual .ani_box { position:absolute; right:0; top:40%; transform: translateY(-50%); }







@media screen and (max-width:1600px) {
    .sub_visual .title_wrap .title_page { width: 100%; padding:0 50px; }
}

@media screen and (max-width: 1150px) {
    .sub_visual { margin:0 auto; }
    .sub_visual .title_wrap .title_page { top:50%; }

    /* 토끼 애니 */
    .sub_visual .ani_box { top:70%; text-align: right; }
    .sub_visual .ani_box img { max-width: 80%; }
}

@media screen and (max-width: 1023px) {
    .sub_visual { height: 400px; }

    .sub_visual .title_wrap .title_page { padding: 0 40px; }

    /* 타이포  */
    .sub_visual h3 { font-size: 44px; }
    .sub_visual h3:before { top: -25px; }


}
@media screen and (max-width: 767px) {
    .sub_visual { height: 300px; }
    .sub_visual .title_wrap .title_page { top: 52%; padding: 0 20px; }

    /* 타이포 */
    .sub_visual h3 { font-size: 28px; }
    .sub_visual h3:before { display: none; }

    /* 토끼  */
    .sub_visual .ani_box { transform: none; }
    .sub_visual .ani_box img { max-width: 50%; }

}