@charset "utf-8";

section div .subject { position: relative; text-align: center;}
section div .subject > h3 { margin: 0px; padding: 0px; font-family: 'Asul'; font-size: 12px; font-weight: 400; color: #929292; letter-spacing: 1px; }
section div .subject > h2:nth-of-type(1) { position: relative; margin: 30px 0px 0px; padding: 0; font-family: 'Noto Serif KR'; font-size: 20px; font-weight: 500; letter-spacing: 3; }
section div .subject > h2:nth-of-type(2) { position: relative; margin: 0px 0px 0px; padding: 0px 0px 0px 16px; font-family: 'Noto Serif KR'; font-size: 32px; font-weight: 500; letter-spacing: 18; }

/*main start*/

#main .sec1_slider .swiper-slide.img1{background: url(../img/sub3/1/image1.jpg) no-repeat; background-size: cover; background-position: center; }
#main .sec1_slider .swiper-slide.img2{background: url(../img/sub3/1/image2.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img3{background: url(../img/sub3/1/image3.jpg)no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img4{background: url(../img/sub3/1/image4.jpg)no-repeat; background-size: cover; background-position: center;}

#info .info-in img { margin: 0px; }
#info .info-in > .image { margin-top: 20px; width: 100%; height: auto; }
#info .info-in > .image:nth-of-type(1) { margin-top: 80px; width: 100%; height: auto; }
#info .info-in > p { margin-top: 40px; margin-bottom: 0px; font-size: 14px; font-weight: 300; line-height: 24px; }

#info .info-in > .image:nth-of-type(2) { margin-top: 60px; }
#info .info-in > .image:nth-of-type(n+2) { display: none; }

@media (max-width: 780px) {
    
    #main { display: none; }
    #info { padding: 120px 0px 0px; }
    
    #info .info-in > .image:nth-of-type(1) { display: none; }
    #info .info-in > .image:nth-of-type(n+2) { display: block; }
    
}

@media (max-width: 688px) {
    
    #info .info-in p { font-size: 13px; }

    #info .info-in > .image { margin-top: 10px; width: 100%; height: auto; }
    #info .info-in > .image:nth-of-type(1) { margin-top: 60px; width: 100%; height: auto; }
    
}