/*****************************************************************
slider_popup : 슬라이드 (배경이미지 + 텍스트 콘텐츠)
*****************************************************************/
.carousel {
	position: relative;
}


.slider_popup .carousel-inner {
    position: relative;
    z-index: 1;
	width: 100%;
    overflow: hidden;
	border-radius: 50px 50px 0 0; 
	cursor:pointer;
}

.slider_popup .carousel-inner .carousel-item {
	aspect-ratio:0.909; 
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
	background-color: #fff;
}



.slider_popup .carousel-control-prev, .slider_popup .carousel-control-next {
	top: 0px; 
	bottom: 0px;
	text-align: center; 
	position: absolute;
    z-index: 11;
    width: 100px;
	opacity: 0.5 !important;
	border:0px solid red;
}

.slider_popup .carousel-control-prev:hover, .slider_popup .carousel-control-next:hover {
	opacity: 1.0!important;
}

.slider_popup .carousel-control-prev > svg,  .slider_popup .carousel-control-next > svg {
	top:50%;
	position: absolute;
	transform: translate(0%, -50%);
}

.slider_popup .carousel-control-prev {
	left:-100px;
}

.slider_popup .carousel-control-next {
	right: -100px;
}


.slider_popup .carousel-indicators {
	top: 30px;
	height:15px;
}


.slider_popup .carousel-indicators button {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  width: 10px !important;
  height: 10px !important;
  display: inline-block;
  border-radius: 50%;
    background-color: #fff;
  opacity: 0.6;
    margin: 0px 5px;
	border:none;
}
.slider_popup .carousel-indicators button.active {
    background-color: #000;
  width: 30px !important;
  height: 10px !important;
  border-radius: 10px;
}



/* 마스크와 팝업위치*/
#slider_popup_mask {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; z-index:99; text-align:center;  margin:0;  cursor:pointer;}
.slider_popup { position:fixed !important; z-index:100;  margin:0 auto; width:400px; top:50%;  transform: translateY( -50%); left:0; right:0;}
.slider_popup .bottom2 { height:40px;  line-height:40px;display:flex; justify-content:space-between; font-size:14px !important; color:#333; }
.slider_popup .bottom2 > .left {width:calc( 50% ); text-align:center; background-color: #ffffff;   cursor:pointer;  border-radius: 0 0 0 0; border-right:1px solid #E9E9E9; }
.slider_popup .bottom2 > .right {width:50%; text-align:center; background-color: #ffffff;   cursor:pointer; border-radius: 0  0 0 0;}



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



	.slider_popup { width: calc(100% - 76px);  }
	.slider_popup .bottom2 {font-size:13px;  height:40px;  line-height:40px;}
/*
	.slider_popup .carousel-indicators {
		bottom: 40px;
	}
*/
	.slider_popup .carousel-control-prev, .slider_popup .carousel-control-next { display:none; }

}