.carousel_box {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 400px;
}

#myCarousel {
    width: 100%;
    height: 400px;
}

#myCarousel .item {
    width: 100%;
    overflow: hidden;
    height: 400px;
    background-position: center center;
}

.caption-animate .item.active .carousel-caption {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.caption-animate  .item.active .carousel-caption.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.caption-animate  .item.active .carousel-caption.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.caption-animate .item.active .carousel-caption.flipOutX,
.caption-animate .item.active .carousel-caption.flipOutY,
.caption-animate .item.active .carousel-caption.bounceIn,
.caption-animate .item.active .carousel-caption.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
.caption-animate .item .carousel-caption.fadeIn,
.caption-animate .item .carousel-caption.fadeInDown,
.caption-animate .item .carousel-caption.fadeInDownBig,
.caption-animate .item .carousel-caption.fadeInLeft,
.caption-animate .item .carousel-caption.fadeInLeftBig,
.caption-animate .item .carousel-caption.fadeInRight,
.caption-animate .item .carousel-caption.fadeInRightBig,
.caption-animate .item .carousel-caption.fadeInUp,
.caption-animate .item .carousel-caption.fadeInUpBig{
  opacity:0;
}

.carousel-indicators li {
    background-color: #fff;
    border: 1px solid #999;
}

.carousel-indicators .active {
    background-color: #84c1ff;
}

.caption-animate .item.active .caption-1 {
    width: 70%;
    animation-delay: 0.5s;
    margin: 0;
    right: 100% !important;
    left: 15%;
    top: 50px;
    text-align: left;
}

.caption-animate .item.active .caption-2 {
    position: relative;
    padding: 0;
    animation-delay: 1s;
    margin: 0;
    right: 100% !important;
    left: 0;
    top: 0;
    text-align: left;
}

#myCarousel .item .caption-1 h3 {
    font-size: 1.8em;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 200;
    text-shadow: 0 5px 5px rgba(0,0,0,.2);
    padding: 10px;
    background-color: rgba(0,0,0, .75);
}

#myCarousel .item h3 {
    margin-top: 0;
    margin-bottom: 0;
}

#myCarousel .item .caption-2 h3 {
    font-size: 1.3em;
    font-family: 'Noto Sans KR', sans-serif;
    padding: 0 10px 10px 10px;
    font-weight: 200 !important;
    text-shadow: 0 5px 5px rgba(0,0,0,.2);
}

.carousel-control.left {
    background-image: none;
}

.carousel-control.right {
    background-image: none;
}