.artist_list > li + li{margin-top: -100px;}
.artist_list > li{position: relative;}
.artist_list > li:hover{z-index: 1;}
.artist_list > li > a{display:flex;align-items:flex-end;}
.artist_list > li > a > .img{width: 50%;position: relative;}
.artist_list > li > a > .img:after{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: #929292;transition: .4s;z-index: -1;}
.artist_list > li > a > .img > span{display: block;overflow: hidden;}
.artist_list > li > a > .img > span img{width: 100%;transition: all 0.3s ease-in-out;}
.artist_list > li > a > .img:hover > span img{transform: scale(1.1,1.1);}
.artist_list > li > a > .img:hover:after{transform: translate(-20px, -20px);}
.artist_list > li:nth-child(even) > a > .img:hover:after{transform: translate(20px, 20px);}
.artist_list > li > a > .text{padding-bottom: 170px;padding-left: 30px;}
.artist_list > li > a > .text > .kor_n{font-size: 23px;color:#000;font-weight:500;line-height:1;}
.artist_list > li > a > .text > .eng_n{margin-top: 10px;font-size: 18px;color:#454545;font-weight:300;line-height:1; font-family: 'Poppins';}
.artist_list > li:nth-child(even) > a{flex-direction:row-reverse;}
.artist_list > li:nth-child(even) > a > .text{text-align:right;padding-left: 0;padding-right: 30px;}
.artist_list > li:after{content:"";position:absolute;left:-50%;bottom:0;width:50%;height:1px;background: #dfdfdf;z-index: -2;}
.artist_list > li:nth-child(even):after{left:50%;right: -50%;width:100%;}
.artist_list > li:last-child:after{display: none;}



.popup-bg{position: fixed;top: 0;bottom:0;left: 0;width: 0;height: 100%;background: #f2f2f2;border-radius: 0;z-index: 11;transition: width 0.8s ease, height 0.8s ease, transform 0.8s ease;}

.popup-bg.active {width: 100%;}

/* 팝업 콘텐츠 */
.popup-content {position: fixed;top: 50%;left: 50%;transform: translate(0, -50%);z-index: 12;opacity: 0;pointer-events: none;transition: opacity 0.6s ease, transform 0.6s ease;width: 100%;margin:0 auto;}
.popup-content.show {opacity: 1;pointer-events: auto;transform: translate(-50%, -50%) scale(1);}
.popup-back{position:relative;left: 9%;width: 80%;max-width: 1000px;margin: 0 auto;}
.popup-box{width: 100%;height: 94vh;overflow-y: auto;padding: 40px 0;box-sizing: border-box; }
.popup-box::-webkit-scrollbar{width: 1px;height: 1px;}
.popup-box::-webkit-scrollbar-thumb {background: #222;;}
.popup-box::-webkit-scrollbar-track{background:#e0e0e0;}
.p_out_box{text-align:center;margin-bottom: 40px;}
.popup-content .close {display: inline-block;font-size: 0;}
.p-box-area{display: flex;justify-content: space-between;align-items:flex-start;}
.pop-slid {width: 40%;overflow: hidden;position: relative;max-width:480px;}
.pop-slid .swiper-pagination{position:static;font-size: 0;margin-top: 25px;}
.pop-slid .swiper-pagination .swiper-pagination-bullet{opacity: 1;width:15px;height: 15px;border: 1px solid #000;box-sizing:border-box;background: none;}
.pop-slid.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;}
.pop-slid .swiper-pagination .swiper-pagination-bullet-active{background:#000;}
.swiper-slide img {width: 100%;height: 100%;object-fit: cover;}
.pop-nys{width: 55%;}
.pop-nys .name-block{width: 100%;margin-bottom: 80px;}
.pop-nys .name-block .en-name-wrap{position: relative; }
.pop-nys .name-block .en-name{font-size:33px;color:#000;font-weight:bold;line-height:1; font-family: 'Poppins';}
.pop-nys .name-block .kr-name{position: absolute;bottom: -70px;right: 0;font-size:33px;color:#000;font-weight:bold;line-height:1;}
.pop-nys .name-block .divider {border-bottom: 1px solid #000;margin: 20px 0;}


.pop-nys .bot-n{display: flex;}
.pop-nys .bot-n > div{width: 55%;box-sizing: border-box;padding-right:5px;}
.pop-nys .bot-n > div:last-child{width: 45%;}
.pop-nys .bot-n > div > p{margin-bottom: 15px;font-size:23px;color:#202020;font-weight:500;line-height:1;font-family: 'Poppins';}
.pop-nys .bot-n > div > ul li + li{margin-top: 4px;}
.pop-nys .bot-n > div > ul li{display: table; font-size:16px;color:#000;font-weight:300;line-height:1.4;}
.pop-nys .bot-n > div > ul li span{font-weight: 500;display: table-cell; vertical-align: top;white-space:nowrap; padding-right: 4px;}



@media screen and (max-width:1170px){
	.popup-back{left:10%;width: 80%;}
}

@media screen and (max-width:1024px){
	.artist_list > li + li{margin-top: 0;}
	.artist_list > li:after{display: none;}

	.popup-back{left:0;width: 98%;}
}

@media screen and (max-width:767px){
	.artist_list > li > a > .img{width: 70%;overflow: hidden;}
	.artist_list > li > a > .text{padding-bottom: 70px;padding-left: 20px;}
	.artist_list > li:nth-child(even) > a > .text{padding-right: 20px;}

	.p-box-area{display: block;}
	.pop-slid {width: auto;margin-bottom: 30px;}
	.pop-slid .swiper-pagination{margin-top: 15px;}
	.pop-slid .swiper-pagination .swiper-pagination-bullet{width:10px;height: 10px;}
	.pop-slid.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}
	.pop-nys{width: auto;}
	
}

@media screen and (max-width:520px){
	.p_out_box{margin-bottom: 20px;}
	.popup-content .close {max-width: 20px;}
	.artist_list > li > a > .text{padding-bottom: 40px;padding-left: 8px;}
	.artist_list > li:nth-child(even) > a > .text{padding-right:8px;}
	.artist_list > li > a > .text > .kor_n{font-size: 18px;}
	.artist_list > li > a > .text > .eng_n{margin-top: 8px;font-size: 13px;}

	.pop-nys .name-block{margin-bottom: 60px;}
	.pop-nys .name-block .en-name{font-size:22px;}
	.pop-nys .name-block .kr-name{bottom: -40px;font-size:22px;}
	.pop-nys .name-block .divider {border-bottom: 1px solid #000;margin: 10px 0;}
	.pop-nys .bot-n > div{padding-right: 5px;width:50%;}
	.pop-nys .bot-n > div > p{margin-bottom: 10px;font-size:19px;}
	.pop-nys .bot-n > div > ul li{font-size:14px;}
}