
#main_slide{clear: both; width: 100%; margin:0 auto;}



#main_slide .carousel-inner{height: 100vh; overflow: hidden;}


#main_slide .carousel-inner .carousel-item img{
position: absolute;
top: 0; left: 0;
min-width: 100%;
height: 100%;
max-width: none;
object-fit:cover;
object-position:center;

user-drag: none;
-webkit-user-drag: none;
-khtml-user-drag: none;
user-select: none;
  
}


#main_slide .carousel-item{
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  width:100%;
  height:100%;
}



.carousel-caption{bottom:38%;}


/*텍스트 스타일*/
.slide_txtarea{width: 100%; text-align: center; text-shadow: 0 2px 4px rgb(0,0,0,.25);}
.slide_txtarea h2{font-size: 3.5em; font-weight: 600; margin:0 auto 20px;}

.slide_txtarea p{font-size: 1.4em}
.slide_txtarea a {  color: #fff;    text-shadow: none;
  font-size: 14px;    font-weight: inherit;
  text-transform: uppercase;  padding:0 25px; 
  border:1px #fff solid;    display:inline-block; 
  margin:10px auto 0;    line-height: 40px;
    -webkit-animation: 1s 4s fadeIn both;
    -moz-animation: 1s .4s fadeIn both;
    -ms-animation: 1s .4s fadeIn both;
    -o-animation: 1s .4s fadeIn both;
    animation: 1s .4s fadeIn both; }


.slide_txtarea a:hover{background:#fff; color:#000;}

.carousel-control-next, .carousel-control-prev{opacity: 0;}
#main_slide:hover .carousel-control-next, 
#main_slide:hover .carousel-control-prev{opacity: 1;}

.carousel-indicators{bottom: 30px;}
.carousel-indicators li { 
height: 12px; width: 12px;  border-radius: 100%;
margin-right: 5px; background: transparent;
border:2px #fff solid;
}

.carousel-indicators .active {background:#fff;}
.carousel-indicators li:hover{cursor:pointer;}


.carousel-control-next-icon, .carousel-control-prev-icon{
  width: 40px; height: 40px;
}

.carousel-control-prev-icon {
    background-image: url('prev.png');
}

.carousel-control-next-icon {
    background-image: url('next.png');
}



.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}



@media screen and (max-width:680px) {

#main_slide .carousel-inner{height: 65vh;}
.carousel-caption{bottom:28%;}
.slide_txtarea h2{font-size: 1.5em; margin:0 auto 20px; }
.slide_txtarea p{font-size: 0.9em; letter-spacing: -0.03em; line-height: 150%; margin-top:10px;}
.slide_txtarea p br{display: none;}

	
}





#main_slide .carousel-inner
{height:634px;}
#main_slide .carousel-caption
{right:0; left:0; bottom:43%;}
#main_slide .carousel-caption .slide_txtarea
{max-width:1200px; margin:0 auto; text-align:left;}
#main_slide .carousel-caption .slide_txtarea span.medi
{border:3px solid #fff; border-radius:10px; color:#fff; display:inline-block; padding:2px 15px;}
#main_slide .carousel-caption .slide_txtarea span.medi strong
{font-weight:500; padding-left:3px;}
#main_slide .carousel-caption .slide_txtarea h2
{font-family:'Raleway', 'Noto Sans Kr';; font-size:60px; font-weight:600; text-shadow:none; margin:0;}
#main_slide .carousel-caption .slide_txtarea p
{font-size:23px; font-weight:200; color:#fff; margin:0;}
#main_slide .carousel-caption .slide_txtarea p strong
{color:#fff; font-weight:500;}
#main_slide .carousel-caption .slide_txtarea .slide-sub-txtarea
{margin-top:15px; color:#fff; font-weight:200; font-size:23px; position:relative; top:80px;}

#main_slide .carousel-caption.caption03,
#main_slide .carousel-caption.caption04
{bottom:50%;}
#main_slide .carousel-caption.caption04 .slide_txtarea h2
{font-size:42px; font-weight:500;}
#main_slide .carousel-caption.caption04 .slide_txtarea .slide-sub-txtarea
{top:140px;}


@media screen and (max-width:414px){
  #main_slide .carousel-inner
  {height:500px;}
  #main_slide .carousel-caption
  {bottom:66%; padding:0 10px;}
  #main_slide .carousel-caption .slide_txtarea .slide-sub-txtarea{
      top: unset
  }
  #main_slide .carousel-caption.caption01
  {bottom:66%;}
  #main_slide .carousel-caption.caption03, #main_slide .carousel-caption.caption04
  {bottom:66%;}
  #main_slide .carousel-caption .slide_txtarea h2
  {font-size:21px;}
  #main_slide .carousel-caption .slide_txtarea p
  {font-size:16px; text-shadow:2px 1px 5px #000; font-weight:400;}
  #main_slide .carousel-caption .slide_txtarea .slide-sub-txtarea
  {font-size:16px; text-shadow:2px 1px 5px #000; font-weight:400;}
  #main_slide .carousel-caption.caption04 .slide_txtarea h2
  {font-size:21px;}

  .carousel-control-next, .carousel-control-prev
  {display:none;}
  .carousel-indicators li
  {background:#1a4f95;}
  .carousel-indicators li.active
  {background:#266dc9}
}