
/*****************************************************************
slider_popup : 슬라이드 (배경이미지 + 텍스트 콘텐츠)
*****************************************************************/
.carousel {
	position: relative;
}
.carousel-inner {
	width: 100%; overflow: hidden; position: relative; border-radius: 10px 10px 0 0;
}


.slider_popup .carousel-inner {
    position: relative;
    z-index: 1;
	width: 100%;
    overflow: hidden;
}

.slider_popup .carousel-inner .carousel-item {
	aspect-ratio:1.1; 
    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: 120px;
	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:-120px;
}

.slider_popup .carousel-control-next {
	right: -120px;
}


.slider_popup .carousel-indicators {
	bottom: 50px;
}


.slider_popup .carousel-indicators button {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  width: 15px !important;
  height: 15px !important;
  display: inline-block;
  border-radius: 50%;
  background: #fff;
  opacity: 0.6;
    margin: 0px 5px;
	border:none;
}
.slider_popup .carousel-indicators button.active {
    background-color: rgba(0, 0, 0, 0.9);
}



/* 마스크와 팝업위치*/
#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; }
.slider_popup { position:fixed !important; z-index:100;  margin:0 auto; width:480px; top:50%;  transform: translateY( -50%); left:0; right:0;}
.slider_popup .bottom2 { height:50px;  line-height:50px;display:flex; justify-content:space-between; font-size:14px; }
.slider_popup .bottom2 > .left {width:calc( 50% ); text-align:center; background-color: #fff; cursor:pointer;  border-radius: 0 0 0 10px; border-right:1px solid #E9E9E9; }
.slider_popup .bottom2 > .right {width:50%; text-align:center; background-color: #fff; cursor:pointer; border-radius: 0  0 10px 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; }

}
