video,.slide-video 
{ -webkit-transform: translateX(-50%) translateY(-50%);  -moz-transform: translateX(-50%) translateY(-50%);  -ms-transform: translateX(-50%) translateY(-50%);  -o-transform: translateX(-50%) translateY(-50%);  transform: translateX(-50%) translateY(-50%);  position: absolute;  top: 50%;  left: 50%;  min-width: 100%;  min-height: 100%;  width: auto;  height: auto;  z-index: -100;}

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

#main_slide .carousel-inner {height: 740px; 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 {top:35%;}
.slide_txtarea
{width: 100%; text-align: center; text-shadow: 0 2px 4px rgb(0,0,0,.5);}
.slide_txtarea h2
{font-family: 'Lato'!important; font-size: 65px; font-weight: 700; margin:0 auto 20px!important; letter-spacing: -0.04em; line-height: 1!important;}
.slide_txtarea p
{font-size:36px!important; font-weight: 100; letter-spacing: -0.04em; margin-bottom: 0;}
.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 !important;}
.carousel-control-next-icon, .carousel-control-prev-icon
{width: 23px !important; height: 43px !important;}

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

.carousel-indicators {bottom: 30px;}
.carousel-indicators li 
{height: 12px; width: 12px; margin-right: 5px; background: #fff !important; border-radius: 50px; transition: all 0.5s;}
.carousel-indicators .active {width: 40px; background:#0837a3 !important;}
.carousel-indicators li:hover {cursor:pointer;}

.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:1024px) {
    
    #main_slide .carousel-inner {height: 600px;}
    .slide_txtarea p {font-size: 1.5em!important;}
    .slide_txtarea h2 {font-size: 2.8em;}
    .carousel-control-next, .carousel-control-prev {opacity: 0.8;}
    .carousel-caption {left: 5%;right: 5%;}
}


@media screen and (max-width:768px) {
    
    .carousel-caption {top: 30%;}
    #main_slide .carousel-inner{height: 500px;}
    .slide_txtarea p br{display: none;}	
}


@media screen and (max-width:575px) {
    
    #main_slide .carousel-inner {height: 350px;}
    .carousel-caption {top: 25%;}
    .slide_txtarea h2 {font-size: 2em;}
    .slide_txtarea p 
    {font-size: 1.2em!important; word-break: keep-all; line-height: 1.2!important; margin-bottom: 15px;}
    
}
