/* Popup */
.modal-card{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
	height:100vh;
    background:rgba(0,0,0,.75);
    z-index: 10000;
    display: none;
}
.modal-card-group{
    border:1px solid #000;
    border-radius: 0;
    padding: 0;
    width:800px;
    margin:0 auto;
    margin-top: 50px;
    background: #fff;
    position: relative;
	text-align:left
}
.modal-card-group .popup-heading{
	padding:10px 30px;
	background:#00519f;
	color:#fff
}
.modal-card-group  .popup-heading .tit {font-size:20px;font-weight:500;color:#fff}
.modal-card-group  .popup-heading .btn-closePopup i {color:#fff;font-size:20px;}
.modal-card-group  .popup-heading .btn-closePopup{
    position: absolute;
    right:30px;
    top: 12px;
	text-align:right;
	cursor:pointer;
}
.modal-card-group .popup-heading .btn-closePopup img{width:80%}
.modal-card-group img{width:90%;}
.modal-card-group .popup-body{padding:20px 10px; max-height:700px; position:relative;}

.modal-card-group .popup-body .card_Area{overflow:hidden;height: 100vh;}

.modal-card-group .popup-body .card-swiper {position:relative; width:720px; height:auto; background:#fff;color:#fff;margin:0 auto}
.modal-card-group .popup-body .card-swiper img {width:85%; margin:0 auto; display:block;}

.advice {position:absolute; left:50%; transform:translatex(-50%); text-align:center; color:#fff; background:rgba(0,0,0,.6); z-index:10; padding:5px 15px; font-size:13px; border-radius: 4px; display:none; width:200px;}
.advice i {display: inline-block;
  margin: 0 0.3rem;
  animation-duration: 1.5s;
}

.swiper-button-prev { background:url("/seller/assets/images/sub/card/modal_left_black.png") no-repeat; width:42px; height:42px; position:absolute;top:60%; left:0; transform:translateY(-50%); cursor:pointer; overflow:visible;    z-index: 100;}
.swiper-button-next { background:url("/seller/assets/images/sub/card/modal_right_black.png") no-repeat; width:42px; height:42px; position:absolute; top:60%; right:0; transform:translateY(-50%); cursor:pointer; overflow:visible;    z-index: 100;}
.card-swiper .swiper-pagination {position:absolute; background:rgba(0,0,0,.6); width:80px; height:40px; line-height:40px; bottom:-52px!important; left:50%; transform:translateX(-50%); color:#eee; border-radius:20px;}
/* .card-button {opacity:0; transition: .4s;} */

/* 비밀번호 변경 */
.popup-body .mem_box{width:90%;border:none;margin:0 auto;padding:30px}

@media (max-width: 1023px){
	.modal-card-group{width:100%/* 90% */;/* margin-top:10px; */ margin-top: 0;}
	.modal-card-group {max-height:/* 90vh */100vh!important;}
	.modal-card-group .popup-body{min-height:100vh}
	.modal-card-group .popup-body .card-swiper {position:relative; width:90%; background:#fff;color:#fff; top:48%; transform:translateY(-50%); height: auto;}
	.swiper-button-prev, .swiper-button-next {display:none;}
	.modal-card-group .popup-body .card-swiper .swiper-pagination {top:102%!important;}
	.advice {display:block;}
}

@media (max-width: 767px){
	.modal-card-group .popup-body {padding:/* 10px */0!important;}
	.modal-card-group .popup-body .card-swiper {position:relative; width:100%; background:#fff;color:#fff; top:40%; transform:translateY(-50%); height: auto;}
	.modal-card-group .popup-body .card-swiper img {max-width: 100%; width:auto;}
	.modal-card-group .popup-body .card-swiper .swiper-pagination {top:105%!important;}
	.modal-card-group .popup-heading {padding: 10px 30px;}
	.modal-card-group .popup-heading .tit {font-size:18px}
	.modal-card-group .popup-heading .btn-closePopup {top:10px}
	.swiper-button-prev-card, .swiper-button-next-card {display:none}
	.advice {top:3%;}
}

@media (max-width: 480px){
	.modal-card-group{height:/* 70vh */100vh;}
	.card-swiper .swiper-pagination {height:36px; line-height:36px;}
	.advice {top:6%;}
}

@media (max-width: 360px){
	.modal-card-group{height:/* 60vh */100vh;}
	.card-swiper .swiper-pagination {height:36px; line-height:36px;}
	.advice {top:9%;}
}