@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */

/* 메인페이지에서 변경되는 코드 */
/*서브타이틀*/
.contentTitle strong span { display:block; font-size:14px; font-weight:400; color:#858585;}

/* snb */
#snbSnS {margin-top: 80%}
#snbSnS .sns-link { display:flex; align-items:center; margin-bottom: 20px; justify-content:center;}
#snbSnS .sns-link li { margin-right:10px;}
#snbSnS .sns-link li:last-child { margin-right:0px;}
#snbSnS .sns-link li a { display:inline-block; width:35px; height:35px; border-radius:50%; background:#000; font-size:0;}
#snbSnS .sns-link li:nth-child(1) a { background:url(../img/sns_facebook.png) center center no-repeat;}
#snbSnS .sns-link li:nth-child(2) a { background:url(../img/sns_insta.png) center center no-repeat;}
#snbSnS .sns-link li:nth-child(3) a { background:url(../img/sns_band.png) center center no-repeat;}

/* 메인 슬라이드 */
.mainSwiper { width:100%; height:560px;}
.swiper-slide { background-position:center center; background-repeat:no-repeat; background-size:cover;}
.swiper-slide.main-slide01 { background-image:url(../img/main_img01.jpg);}
.swiper-slide.main-slide02 { background-image:url(../img/main_img02.jpg);}
.swiper-slide.main-slide03 { background-image:url(../img/main_img03.jpg);}
.swiper-slide .content_outer { position:relative; width:1100px; height:100%; margin:0 auto; padding:20px;}
.swiper-slide .content_outer .content_flex { display:flex; align-items:center; width:100%; height:100%;}
.swiper-slide .content_outer .content_flex .content_text { opacity:0; color:#fff;}
.swiper-slide.swiper-slide-active .content_outer .content_flex .content_text { animation: text-from-bottom 1.5s 1; opacity:1;}
.swiper-slide .content_outer .content_flex .content_text .title { font-size:20px; transition:font-size .3s linear}
.swiper-slide .content_outer .content_flex .content_text .text { margin-top:10px; font-size:42px; transition:font-size .3s linear}
.swiper-slide .content_outer .content_flex .content_text .bnt { display:inline-block; line-height:42px; margin:15px 0 0; padding:0 28px; font-size:14px; border:1px solid #fff; color:#fff; transition:font-size .3s linear,background-color .1s linear}
.swiper-slide .content_outer .content_flex .content_text .bnt:hover { background-color:rgba(255, 255, 255, 0.3);}
.mainSwiper .swiper-pagination-bullet { width:10px; height:10px; background:#fff; opacity:0.5;}
.mainSwiper .swiper-pagination-bullet-active { background:#ff6600; opacity:1;}

@keyframes text-from-bottom {
    0%,50% {
        transform: translate(0,15%);
        opacity: 0
    }

    100% {
        transform: translate(0,0);
        opacity: 1
    }
}

/* 디바이스 981px 이상에서 적용*/
@media all and (min-width:981px)
{
.swiper-slide .content_outer { width:1300px;}	
}

/* 디바이스 980px 이하에서 적용*/
@media all and (max-width:980px)
{
.swiper-slide .content_outer { width:768px;}	
}

/* 디바이스 850px 이하에서 적용*/
@media all and (max-width:850px)
{
.swiper-slide.main-slide01 { background-image:url(../img/main_mimg01.jpg);}
.swiper-slide.main-slide02 { background-image:url(../img/main_mimg02.jpg);}
.swiper-slide.main-slide03 { background-image:url(../img/main_mimg03.jpg);}
.swiper-slide .content_outer { width:92%;}
.swiper-slide .content_outer .content_flex .content_text .title { font-size:14px;}
.swiper-slide .content_outer .content_flex .content_text .text { font-size:24px;}
.swiper-slide .content_outer .content_flex .content_text .bnt { line-height:32px; padding:0px 16px; font-size:13px;}
}