/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 3rem;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 0.1rem;
  margin-top:50px;
}


.carousel-item {
  padding:0 !important;}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  top: 200px !important;
  z-index: 10;
  font-weight: 800;
  /*min-width:1200px;*/ text-shadow:2px 2px 1px rgba(0,0,0,.5);
}

.carousel-caption img { width:90%; max-width:723px;}
 
.carousel-caption h2, h3, .carousel-caption p{
  text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}

.carousel-caption h2 {font-size:52px; font-weight:800; line-height:1.4;}


/* Declare heights because of positioning of img element */
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 700px;
}

.carousel-item {
  /*height: 700px !important;*/
  min-height: 200px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position:top;
}

.btn-info { margin-top:40px; border-radius:50px; text-transform:uppercase; background-color:#f1592a; color:#000; font-size:24px; box-shadow:3px 3px 5px rgba(0,0,0,.2); padding:10px 40px; border:none !important; text-shadow:none; font-weight:600; display:none!important;}
.btn-info img { height:20px; width:auto;}

.carousel-caption p { transform: skew(-0.05deg); padding-right:10%;}
.carousel-caption p img { height:80px !important; width:auto !important; box-shadow:3px 3px 5px rgba(0,0,0,.2)}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 978px) {
  /* Bump up size of carousel content */
  
  .carousel-item > img {
  height: 700px !important;
  }

  .carousel-item {
  height: 700px !important;
  }
  
  .carousel-caption p {
    font-size: 24px;
    line-height: 150%;
	margin-bottom:20px;
	font-weight:600;
	padding-right:15%;
	
  }
  
  .carousel-caption p.eng { font-size:18px !important;}
  .carousel-caption p img { height:80px !important; width:auto !important;}
  
  
  
  
} 

@media (max-width: 767.98px) {
  .carousel-item > img {
  height: 500px !important;
  }

  .carousel-item {
  height: 500pxpx !important;
  }
  	
  /* Bump up size of carousel content */
  .carousel-item {
    max-height: 20em;
	
	
  }
  

 .carousel-caption p {
    font-size: 14px !important;
    line-height: 150%;
	/*padding-right:35%;*/
    font-weight:400;
	margin-top:0px;
	
  }
  .carousel-caption p img { height:50px; width:auto !important;}

  
  .carousel-caption h3 { font-size:54px; line-height:1.4; margin-bottom:15px; padding-right:20%; padding-top:0px; font-weight:800 !important;}


/* Declare heights because of positioning of img element */
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 700px;
}

.carousel-item {
  height: 400px;
  min-height:360px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
  
}

.carousel-caption h3 {padding:0px 0%; word-break:keep-all; font-weight:500 !important; font-size:74px;}
.carousel-caption h3 span {/*border-top:2px solid #fff; border-bottom:2px solid #fff; padding:10px 25px; font-weight:500; */ display:inline-block; margin-bottom:20px; font-weight:800 !important;}

@media (max-width:767.98px){
	
  .carousel-caption {
  top:20px !important;
  
  min-width:auto;
  }	
.carousel-caption h2 {font-size:26px;}
	
.carousel-caption h3 {padding:20px 0% 0; word-break:keep-all; font-size:34px;}
.carousel-caption h3 span {/*padding:8px 16px;   ransform: skew(-0.03deg);*/margin-bottom:0px;}

 .btn-info { font-size:16px !important; transform: skew(-0.05deg); padding:10px 25px;}
 .btn-info img { height:14px} 

}

/* 하단 버튼 좌측정렬 */

.carousel-indicators {
    position: absolute;
    right:auto;
    bottom: 80px;
    left: 0;
	display:block;
    z-index: 15;
    justify-content: center;
    padding-left: 0;
    margin-right: 0%;
    margin-left: 0%;
    list-style: none;
    width: 100%;
    max-width: 1224px;
    left: 50%;
    transform: translateX(-50%);
}

.carousel-indicators li { float:left !important;}

@media (max-width:767.98px){
.carousel-indicators {

    bottom: 20px;
    left: 20px;
    transform: translateX(0%);
}
}


@media (max-width: 576px) {
.carousel-caption p {
    padding-top: 0px !important;
}