/*pc*/
@media all and (min-width:1024px) {
.msec1 { }
.msec1 .swiper-slide { overflow: hidden }
.msec1 .swiper-slide .slogan { position: absolute; z-index: 10; top: 15%; width: 50%; text-align: center; left: 50%; transform: translateX(-50%); width: 1400px; text-align: left }
.msec1 .swiper-slide .slogan .text1 { display: block; position: relative; top: 10px; opacity: 0; transition: 0.5s; }
.msec1 .swiper-slide .slogan .text2 { display: block; position: relative; top: 10px; opacity: 0; transition: 0.5s 1.0s; }
.msec1 .swiper-slide .slogan .text3 { display: block; position: relative; top: 10px; opacity: 0; font-size: 20px; font-weight: 100; transition: 0.5s 1.0s; font-family: 'S-CoreDream-5Medium'; }
.msec1 .swiper-slide .slogan .text4 { display: block; position: relative; top: 10px; opacity: 0; transition: 1.0s 1.0s; }
.msec1 .swiper-slide .slogan .text5 { display: block; position: relative; top: 10px; opacity: 0; transition: 1.0s 1.0s; }
.msec1 .swiper-slide .bg { transform: scale(1.1)/*½ºÄÉÀÏÅ©±â*/; transition: 10s/*½ºÄÉÀϽð£*/ }
.msec1 .swiper-slide-active .bg { transform: scale(1) }
.msec1 .swiper-slide-active .slogan .text1 { top: 30px; opacity: 1 }
.msec1 .swiper-slide-active .slogan .text2 { top: 30px; opacity: 1 }
.msec1 .swiper-slide-active .slogan .text3 { top: 30px; opacity: 1 }
.msec1 .swiper-slide-active .slogan .text4 { top: -200px; left: 40%; opacity: 1 }
.msec1 .swiper-slide-active .slogan .text5 { top: -200px; left: 40%; opacity: 1 }
.msec1 .swiper-slide .slogan p { position: absolute; bottom: -5em; left: 50%; transform: translateX(-50%) }
.msec1 .swiper-slide .slogan p a { display: block; background: url(../images/main/link_bg.png) no-repeat center left; padding: 1em; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; padding: 2em 0 }
}

    

/*mobile*/
@media all and (max-width:1023px) {
.msec1 { }
.msec1 .swiper-slide { overflow: hidden }
.msec1 .swiper-slide .slogan { position: absolute; z-index: 10; top: 10%; width: 50%; text-align: center; left: 50%; transform: translateX(-50%); width: 100%; }
.msec1 .swiper-slide .slogan .text1 { display: block; position: relative; top: 10px; opacity: 0; transition: 0.5s; }
.msec1 .swiper-slide .slogan .text2 { display: block; position: relative; top: 10px; opacity: 0; transition: 0.5s 1.0s; }
.msec1 .swiper-slide .slogan .text3 { display: block; position: relative; top: 10px; opacity: 0; font-size: 14px; font-weight: 100; transition: 0.5s 1.0s; font-family: 'S-CoreDream-5Medium'; }
.msec1 .swiper-slide .slogan .text4 { display: block; position: relative; top: 10px; opacity: 0; transition: 1.0s 1.0s; }
.msec1 .swiper-slide .slogan .text5 { display: block; position: relative; top: 10px; opacity: 0; transition: 1.0s 1.0s; }
.msec1 .swiper-slide .bg { transform: scale(1.1)/*½ºÄÉÀÏÅ©±â*/; transition: 10s/*½ºÄÉÀϽð£*/ }
.msec1 .swiper-slide-active .bg { transform: scale(1) }
.msec1 .swiper-slide-active .slogan .text1 { top: 30px; opacity: 1 }
.msec1 .swiper-slide-active .slogan .text2 { top: 30px; opacity: 1 }
.msec1 .swiper-slide-active .slogan .text3 { top: 30px; opacity: 1 }
.msec1 .swiper-slide-active .slogan .text4 { top: 50px; left: 0%; opacity: 1 }
.msec1 .swiper-slide-active .slogan .text5 { top: 50px; left: 0%; opacity: 1 }
.msec1 .swiper-slide .slogan p { position: absolute; bottom: -5em; left: 50%; transform: translateX(-50%) }
.msec1 .swiper-slide .slogan p a { display: block; background: url(../images/main/link_bg.png) no-repeat center left; padding: 1em; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; padding: 2em 0 }
}