@charset "utf-8";

/* sub-visual */
section.sub {
    height: 430px;
    background: #aaa;
    position: relative;
    overflow: hidden;
}
section.sub .subTitle {
    color: #FFFFFF;
    position: absolute;
    left: 50%;
    top: 46%;
    transform: translateX(-50%);
    text-align: center;
    letter-spacing: -1px;
    line-height: 1.4;
    -webkit-transform: translateX(-50%);
}
section.sub .subTitle h2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 40px;
    font-family: 'Mada', sans-serif;
    position: relative;
    margin-bottom: 10px;
    animation-name: h2;
    animation-duration: 1s;
}


section.sub .subTitle p {
font-size: 19px;
}





section.sub p.subImg1 {
    width: 100%;
    height: 100%;
    animation-name: bg;
    animation-duration: 10s;
    background: url("http://g01.gandme.kr/s_visual11.jpg") no-repeat center/cover;
}

@media screen and (max-width: 1024px) {
section.sub p.subImg1 {
    background: url("http://g01.gandme.kr/s_m_visual11.jpg") no-repeat center/cover;
}
}



section.sub p.subImg2 {
    width: 100%;
    height: 100%;
    animation-name: bg;
    animation-duration: 10s;
    background: url("http://g01.gandme.kr/s_visual6.jpg") no-repeat center/cover;
}

@media screen and (max-width: 1024px) {
section.sub p.subImg2 {
    background: url("http://g01.gandme.kr/s_m_visual6.jpg") no-repeat center/cover;
}
}



section.sub p.subImg3 {
    width: 100%;
    height: 100%;
    animation-name: bg;
    animation-duration: 10s;
    background: url("http://g01.gandme.kr/s_visual10.jpg") no-repeat center/cover;
}

@media screen and (max-width: 1024px) {
section.sub p.subImg3 {
    background: url("http://g01.gandme.kr/s_m_visual10.jpg") no-repeat center/cover;
}
}




section.sub p.subImg4 {
    width: 100%;
    height: 100%;
    animation-name: bg;
    animation-duration: 10s;
    background: url("http://g01.gandme.kr/s_visual8.jpg") no-repeat center/cover;
}

@media screen and (max-width: 1024px) {
section.sub p.subImg4 {
    background: url("http://g01.gandme.kr/s_m_visual8.jpg") no-repeat center/cover;
}
}



section.sub p.subImg5 {
    width: 100%;
    height: 100%;
    animation-name: bg;
    animation-duration: 10s;
    background: url("http://g01.gandme.kr/s_visual9.jpg") no-repeat center/cover;
}

@media screen and (max-width: 1024px) {
section.sub p.subImg5 {
    background: url("http://g01.gandme.kr/s_m_visual9.jpg") no-repeat center/cover;
}
}