/* sub-visual */
.sub-visual {position: relative; margin: 0 auto; height: 500px; overflow: hidden;}
.sub-visual .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: .5s;}
.sub-visual.sub2 .bg {background-image: url('../img/sub_visual01.jpg');}
.sub-visual.sub3 .bg {background-image: url('../img/sub_visual02.jpg');}
.sub-visual.sub4 .bg {background-image: url('../img/sub_visual03.jpg');}
.sub-visual.sub5 .bg {background-image: url('../img/sub_visual04.jpg');}
.sub-visual:hover .bg {transform: scale(1.1);}
.sub-visual .page-title {position: absolute; left: 50%; top: 50%; transform: translateX(-50%); z-index:2; text-align: center;}
.sub-visual h3 {position: relative; font-family: 'BMDOHYEON'; font-size: 60px; color: #fff;}

/* media query */
@media screen and (max-width: 1300px) {

}

@media screen and (max-width: 1024px) {
    .sub-visual {height: 350px;}
    .sub-visual h3 {font-size: 53px;}
}

@media screen and (max-width: 768px) {
    .sub-visual {height: 300px;}
    .sub-visual h3 {font-size: 48px;}
}

@media screen and (max-width: 640px) {
    .sub-visual {height: 250px;}
    .sub-visual h3 {font-size: 43px;}

}

@media screen and (max-width: 480px) {
    .sub-visual h3 {font-size: 35px;}
}