@charset "utf-8";


/*s : 리스트*/
.popup_board_deluxe .popup_list ul {display:flex; align-items:center; justify-content:flex-start; gap:20px; flex-wrap:wrap;}
.popup_board_deluxe .popup_list ul li {width:calc(33.33% - 15px); margin-bottom:40px;}
.popup_board_deluxe .popup_list ul li a {display:block; height:100%;}
.popup_board_deluxe .popup_list ul li a .thumb {position:relative; width:100%; height:412px; overflow:hidden;}
.popup_board_deluxe .popup_list ul li a .thumb:before {content:'PC 팝업 이미지'; position:absolute; z-index:5; bottom:0; left:0; width:100%; line-height:1.5; font-weight:700; color:#fff; padding:5px 0; text-align:center; background:rgba(0,0,0,.5); transition:all .3s ease;}
.popup_board_deluxe .popup_list ul li a .thumb img {position:relative; left:50%; top:50%; transform:translate(-50%,-50%); min-width:100%; min-height:100%;}
.popup_board_deluxe .popup_list ul li a .thumb img.mo {position:absolute; z-index:1; opacity:0; transition:all .3s ease;}
.popup_board_deluxe .popup_list ul li a:hover .thumb img.mo {opacity:1;}
.popup_board_deluxe .popup_list ul li a:hover .thumb:before {content:'Mobile 팝업 이미지';}
.popup_board_deluxe .popup_list ul li a > strong {display:block; margin-top:10px; font-size:20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
/*e : 리스트*/

/*s : 상세 페이지*/
.popup_board_deluxe .view_txt .view_thumb {display:flex; align-items:stretch;}
.popup_board_deluxe .view_txt .view_thumb > p {position:relative; width:50%; height:600px; overflow:hidden;}
.popup_board_deluxe .view_txt .view_thumb > p:before {content:''; position:absolute; z-index:5; bottom:0; left:0; width:100%; line-height:1.5; font-weight:700; color:#fff; padding:5px 0; text-align:center; background:rgba(0,0,0,.5); transition:all .3s ease;}
.popup_board_deluxe .view_txt .view_thumb > p.pc:before {content:'PC 팝업 이미지';}
.popup_board_deluxe .view_txt .view_thumb > p.mo:before {content:'Mobile 팝업 이미지';}
.popup_board_deluxe .view_txt .view_thumb > p img {position:relative; left:50%; top:50%; transform:translate(-50%,-50%); width:auto; max-width:100%; height:auto; min-height:100%;}
/*s : 상세 페이지*/

/* s: 팝업 (latest) */
.popup_board_deluxe_wrap {position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.popup_board_deluxe_wrap .popup {position:absolute; z-index:1; top:50%; left:50%; width:1600px; max-height:600px; max-width:100%; transform:translate(-50%,-50%);}
.popup_board_deluxe_wrap .pop_slide {position:relative; width:100%; padding-top:60px;}
.popup_board_deluxe_wrap .pop_slide li {width:505px; height:540px; margin:0 15px;}
.popup_board_deluxe_wrap .pop_slide li a {display:block; width:100%; height:100%;}
.popup_board_deluxe_wrap .pop_slide li .thumb {position:relative; width:100%; height:100%;}
.popup_board_deluxe_wrap .pop_slide li .thumb img {position:relative; left:50%; top:50%; transform:translate(-50%,-50%); min-width:100%; width:100%; max-width:100%; min-height:100%;}
.popup_board_deluxe_wrap .pop_slide li .thumb .mo {opacity:0;}
.popup_board_deluxe_wrap .pop_slide .slick-arrow {position:absolute; z-index:1; top:0; width:50px; height:50px; border-radius:50px; border:1px solid #fff; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:100%;}
.popup_board_deluxe_wrap .pop_slide .slick-arrow.slick-prev {right:75px; background-image:url(images/ico_pop_slide_arrow01.svg);}
.popup_board_deluxe_wrap .pop_slide .slick-arrow.slick-next {right:15px; background-image:url(images/ico_pop_slide_arrow02.svg);}
.popup_board_deluxe_wrap .close_wrap {display:flex; align-items:center; justify-content:space-between; padding:10px 15px;}
.popup_board_deluxe_wrap .close_wrap a {color:#fff; font-size:14px; line-height:1;}
.popup_board_deluxe_wrap .close_wrap a span {display:block; position:relative;}
.popup_board_deluxe_wrap .close_wrap a span:before {content:''; position:absolute; z-index:1;}
.popup_board_deluxe_wrap .close_wrap a.oneday_close span {padding-left:20px;}
.popup_board_deluxe_wrap .close_wrap a.oneday_close span:before {top:1px; left:0; width:12px; height:12px; border:1.5px solid #fff; box-sizing:border-box;}
.popup_board_deluxe_wrap .close_wrap a.oneday_close.on span:before {background:url(images/ico_pop_oneday_close.svg) no-repeat center; background-size:100%;}
.popup_board_deluxe_wrap .close_wrap a.now_close span {padding-right:20px;}
.popup_board_deluxe_wrap .close_wrap a.now_close span:before {top:1px; right:0; width:14px; height:14px; background:url(images/ico_pop_now_close.svg) no-repeat center; background-size:100%;}
/* s: 팝업 (latest) */


@media screen and (max-width: 1600px) {
	.popup_board_deluxe_wrap .popup {width:90vw; left:50vw; top:50vh;}
	.popup_board_deluxe_wrap .pop_slide li {min-height:440px; height:auto;}
	.popup_board_deluxe_wrap .pop_slide li .thumb img {top:0; left:0; transform:translate(0,0);}
}
@media screen and (max-width: 1440px) {
	.popup_board_deluxe_wrap .pop_slide li {min-height:370px;}
}
@media screen and (max-width: 1200px) {
	.popup_board_deluxe .view_txt .view_thumb > p {height:500px;}
	
	.popup_board_deluxe_wrap .pop_slide li {width:calc(50% - 14px); margin:0 7px; min-height:340px;}
	
	.popup_board_deluxe .popup_list ul {justify-content:flex-start;}
	.popup_board_deluxe .popup_list ul li {width:calc(33.33% - 15px);}
	.popup_board_deluxe .popup_list ul li a .thumb {height:328px;}
}
@media screen and (max-width: 1025px) {
	.popup_board_deluxe .popup_list ul li a .thumb {height:250px;}
	.popup_board_deluxe .view_txt .view_thumb > p {height:300px;}
}
@media screen and (max-width: 768px) {
	.popup_board_deluxe .popup_list ul {flex-direction:column; gap:30px}
	.popup_board_deluxe .popup_list ul li {width:100%; margin:0;} 
	.popup_board_deluxe .popup_list ul li a .thumb {display:flex; height:auto; max-height:300px;}
	.popup_board_deluxe .popup_list ul li a .thumb:before {width:50%; font-size:12px;}
	.popup_board_deluxe .popup_list ul li a .thumb:after{content:'Mobile 팝업 이미지'; position:absolute; z-index:1; bottom:0; right:0; width:50%; line-height:1.5; font-weight:700; color:#fff; padding:5px 0; text-align:center; background:rgba(0,0,0,.5); font-size:12px;}
	.popup_board_deluxe .popup_list ul li a .thumb img {position:relative; top:0; left:0; max-width:50%; width:50%; min-width:50%; transform:translate(0,0);}
	.popup_board_deluxe .popup_list ul li a .thumb img.mo {display:block; position:static; opacity:1;}
	.popup_board_deluxe .popup_list ul li a > strong {font-size:14px; margin-top:8px;}
	
	.popup_board_deluxe_wrap .popup {width:350px; top:calc(50vh - 14px)}
	.popup_board_deluxe_wrap .pop_slide {padding-top:50px;}
	.popup_board_deluxe_wrap .pop_slide li {width:100%;} 
	.popup_board_deluxe_wrap .pop_slide li .thumb img.pc {display:none !important;}
	.popup_board_deluxe_wrap .pop_slide li .thumb img.mo {display:block !important; opacity:1;}
	.popup_board_deluxe_wrap .pop_slide .slick-arrow {width:40px; height:40px;}
	.popup_board_deluxe_wrap .pop_slide .slick-arrow.slick-next {right:6px;}
	.popup_board_deluxe_wrap .pop_slide .slick-arrow.slick-prev {right:57px;}
	.popup_board_deluxe_wrap .close_wrap {padding:10px 8px;}
}
@media screen and (max-width: 640px) {
	.popup_board_deluxe .popup_list ul li a .thumb {max-height:250px;}
	.popup_board_deluxe .view_txt .view_thumb > p {height:250px;}
}
@media screen and (max-width: 480px) {
	.popup_board_deluxe .popup_list ul li a .thumb {max-height:200px;}
	.popup_board_deluxe .view_txt .view_thumb > p {height:200px;}
}
@media screen and (max-width: 374px) {
	.popup_board_deluxe_wrap .popup {width:310px; top:calc(50vh - 50px)}
	.popup_board_deluxe .popup_list ul li a .thumb {max-height:160px;}
	.popup_board_deluxe_wrap .pop_slide li {min-height:270px;}
	.popup_board_deluxe .view_txt .view_thumb > p {height:160px;}
	
	.popup_board_deluxe_wrap .popup {width:300px; margin:0 auto;}
}