@charset 'utf-8';

.carousel { }
.carousel-control-next, .carousel-control-prev { display: none;}
.carousel .img-wrap { background-size: cover; background-position: center; background-repeat: no-repeat;}
.carousel .img-wrap .slogun-wrap { position: absolute; top: 50%; transform: translateY(-50%); width: 100%;  color: #fff;}
.carousel .img-wrap .slogun-wrap p {}
.carousel .img-wrap .slogun-wrap p span { display: block;}
.carousel .img-wrap .slogun-wrap p.p1 { font-family: 'KOHIBaeum'; font-size: 60px; line-height: 1.2; font-style: italic;}
.carousel .img-wrap .slogun-wrap p.p1 b { color: #033dfd; }
.carousel .img-wrap .slogun-wrap p.p2 { padding: 10px 0 38px;  font-size: 30px; line-height: 1.3; font-weight: 400;}
.carousel .img-wrap .slogun-wrap p.p2 strong { font-weight: 500; color: #00ffd2;}
.carousel .img-wrap .slogun-wrap p.p3 { font-size: 20px; line-height: 1.5;}
.carousel .img-wrap .slogun-wrap a.more { display: block; position: relative; padding: 0 30px; margin: 70px 0 0; width: 225px; height: 60px; color: #fff; line-height: 60px; border: 1px solid #fff; border-radius: 30px; transition: all .2s;}
.carousel .img-wrap .slogun-wrap a.more:after { content:'\e93f'; position: absolute; right: 30px;  font-family: xeicon !important; font-weight: 500; font-size: 28px;}
.carousel .img-wrap .slogun-wrap a.more:hover {background: rgba(0,0,0,.4);}
.carousel .img-wrap .slogun-wrap a.more:hover:after { animation:mvLeftRight 1s infinite linear both;}
.carousel .scroll-down { position: absolute; bottom: 27px; left: 50%; transform: translateX(-50%); font-size: 16px; color: #fff; line-height: 1;}



@keyframes mvLeftRight {
    0% { right: 30px;}
    25% { right: 23px;}
    75% { right: 37px;}
    100% { right: 30px;}
}

@media(max-width:768px){
    .carousel .img-wrap .slogun-wrap p.p1 { font-size: 48px;}
    .carousel .img-wrap .slogun-wrap p.p3 { font-size: 18px;} 
}

@media(max-width:576px){
    .carousel .img-wrap .slogun-wrap p.p1 { font-size: 40px;}
    .carousel .img-wrap .slogun-wrap p.p2 { padding: 15px 0 30px; font-size: 26px; } 
    .carousel .img-wrap .slogun-wrap p.p3 { font-size: 15px;} 
    .carousel .img-wrap .slogun-wrap a.more { margin: 40px 0 0 ; width: 200px;  height: 50px; line-height: 50px;}
    .carousel .scroll-down { display: none;}
}
@media(max-width:480px){
    .carousel .img-wrap .slogun-wrap p.p1 { font-size: 32px;}
    .carousel .img-wrap .slogun-wrap p.p2 { padding: 20px 0 25px; font-size: 30px; } 
    .carousel .img-wrap .slogun-wrap p.p3 { font-size: 15px;} 
    .carousel .img-wrap .slogun-wrap p.p3 span { display: inline;}
    .carousel .img-wrap .slogun-wrap a.more { margin: 40px 0 0 ; width: 200px;  height: 50px; line-height: 50px;}
    .carousel .scroll-down { display: none;}
    
}

@media(max-width:400px){
    .carousel .img-wrap .slogun-wrap p.p1 { font-size: 26px;}
    .carousel .img-wrap .slogun-wrap p.p2 { font-size: 18px; } 
    .carousel .img-wrap .slogun-wrap a.more { display: none; }    
    
    
}