/* 팝업존모아보기 **************************************************************************************************/

#popup_list.overlay {display: none;height: 100%;width: 100%;position: fixed;z-index: 11111;top: 0;left: 0;background-color: rgba(0,0,0, 0.9);}

#popup_list .popupchang_content {position: absolute; overflow: hidden;top: 50%;left: 50%; transform: translate(-50%,-50%);width: 1400px;background: #fff; border-radius: 20px;}

.popupchang_content .tit_guide{background: linear-gradient(135deg, #0b94fd, #23d87c); color: #fff; display: flex; justify-content: space-between;}
.popupchang_content .tit_guide h3{ font-size: 22px; height: 60px; line-height: 60px; padding: 0 30px;}
.popupchang_content .tit_guide button{font-size: 18px; height: 60px; background: none;color: #fff; padding: 0 20px; border-left: 1px solid rgba(255,255,255,0.3);}

.popupchang_content .tit_guide ul{display: flex; justify-content:space-between;}
.popupchang_content .tit_guide .btn{display: inline-block;font-size: 0;height: 60px; line-height: 60px; vertical-align: middle;}
.popupchang_content .tit_guide .btn button{display: inline-block;width: 34px; height: 34px;  overflow: hidden; text-indent: -5000px; border:none; padding: 0; margin: 0 1px !important;border-radius: 5px;  vertical-align: middle;}
.popupchang_content .tit_guide .btn_prev{ background: url("/resource/dino/images/jewelry/main/popup_chang_prev.png") center no-repeat; }
.popupchang_content .tit_guide .btn_next{ background: url("/resource/dino/images/jewelry/main/popup_chang_next.png") center no-repeat; }
.popupchang_content .tit_guide .btn_stop{ background: url("/resource/dino/images/jewelry/main/popup_chang_stop.png") center no-repeat; }
.popupchang_content .tit_guide .btn_play{ background: url("/resource/dino/images/jewelry/main/popup_chang_play.png") center no-repeat; }
.popupchang_content .tit_guide .closebtn {}

.popupchang_content .tit_guide a{color:#fff;}
.popupchang_content .chang_all{ padding:70px 50px; text-align: center; font-size: 0;}
.popupchang_content .chang_all > div {width: 100% !important; height: 400px; overflow: hidden;}
.popupchang_content .chang_all div img{width: auto; max-width: 100%;height: 400px;margin: 0 auto;}
.popupchang_content .chang_all .owl-item{ text-align: center;}
.popupchang_content .chang_all .owl-item > div{width: 95%; margin: 0 auto; text-align: center;}

@media all and (max-width :1420px) {
	#popup_list .popupchang_content{width: 90%;}


}

@media all and (max-width :1023px) {
	.popupchang_content .tit_guide h3{ font-size: 20px; padding: 0 30px;}
	.popupchang_content .tit_guide button{font-size: 16px;  padding: 0 10px;}
	.popupchang_content .chang_all{ padding:50px;}
	.popupchang_content .chang_all div{width: 100%; margin: 0%;}
	.popupchang_content .chang_all .owl-item > div{width: 100%;}
}

@media all and (max-width :767px) {
	.popupchang_content .tit_guide{ flex-direction: column; justify-content: flex-start;padding: 10px 0;}
	.popupchang_content .tit_guide h3{ font-size: 20px; height: 40px; line-height: 40px; margin-bottom: 10px;}
	.popupchang_content .tit_guide .btn{height: 40px; line-height: 40px; }
	.popupchang_content .tit_guide ul{justify-content: center;}
	.popupchang_content .tit_guide button{height: auto; padding: 5px 20px; border-left:none; border: 1px solid #fff; font-size: 15px;border-radius: 20px; margin: 0 2px;}
	.popupchang_content .chang_all > div {height: 350px;}
	.popupchang_content .chang_all div img{height: 350px;}

}

@media all and (max-width :480px) {
	.popupchang_content .tit_guide button{padding: 5px 10px;}
	.popupchang_content .chang_all{ padding:30px 20px;}
	.popupchang_content .chang_all > div {height: 200px;}
	.popupchang_content .chang_all div img{height: 200px;}
}