/*
 240628 리뉴얼
*/
html.lock {
	overflow: hidden;
}

#popup_bg {
	filter: alpha(opacity=75);
	opacity: 1;
	-moz-opacity: 1;
	background-color: #000c;
	height: 100%;
	left: 0;
	position: fixed;
	text-align: left;
	top: 0;
	width: 100%;
	z-index: 100000;
	display: none;
	align-items: center;
	justify-content: center;

	&.show {
		display: flex;
	}
}
		
.layer_popup {
	box-sizing: border-box;
	position: absolute;
	width: 72.917vw;
	max-width: 1400px;
	top: 50%;
	z-index: 99999;
	transform: translateY(-50%);

	a {
		text-decoration: none;
	}

	ul {
		list-style: none;
		padding: 0;
		margin: 0
	}

	img {
		vertical-align: top;
		max-width: 100%;
		width: 100%;
	}
}

.layer_popup .pop_wrap {
	position: relative;
	width: 100%;

	&.show {
		display: block;
	}
}

.layer_popup .tab-wrap {
 	width: 100%;
 	display: flex;
 	flex-direction: column;

	& a {
		width: 100%;
	}

	/* 팝업 이미지 */
	.thumanil-wrap {
		width: 100%;
		position: relative;

		.tab-content {
			width: 100%;
			float: left;
			opacity: 0;
			visibility: hidden;
			transition: 0.3s;
			display: block;
			position: absolute;
			top: 0;
			left: 0;

			&.current {
				opacity: 1;
				visibility: visible;
			}

			& a {
				width: 100%;
				display: block;
				
				& img {
					width: 100%;
					height: auto;
					object-fit: cover;
				}
			}
		}

		.tab-content.current{
			opacity: 1;
		}
	}

	/* 팝업 타이틀 리스트 */
	.tab {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		background-color: #fff;
			border-top: solid 1px #eee;

		.tab-link {
			width: calc(100% / 6);
			background-color: #fff;
			border-bottom: solid 1px rgba(229, 146,	116, 0.3);
			border-right: solid 1px rgba(229, 146,	116, 0.3);
			display: flex;
			justify-content: center;
			align-items: center;
			color: #000;
			text-align: center;
			font-size: max(0.833vw, 14px);
			font-weight: 500;
			cursor: pointer;
			transition: 0.3s;

			&:nth-of-type(6n) {
				border-right: none;
			}

			&.current {
				background-color: #FF896f;
				color: #fff;
				font-family: 'pretendard-bold';
			}

			@media screen and (min-width: 1921px) {
				font-size: 18px;
			}	
		}
	}
}

	 
.layer_popup .layer_close {
	width: 100%;
	height: 37px;
	background-color: rgba(0, 0, 0, 0.3);
	
	/* 오늘하루 안보기 */
	.layer_CLOSETODAY {
		float: left;
		padding: 8px 9px;
		
		img {
			width: 22px;
			height: 22px;
		}

		.close_txt {
			padding-left: 8px;
			color: #a2a2a2;
			font-size: 16px;
		}
	}
		
	/* 닫기 */
	.layer_close_btn {
		float: right;
		
		a {
			padding: 9px;
			display: block;
		}
	}
}

@media (max-width: 640px) {
	.layer_popup {
		width: 82.192vw;
		max-width: 100%;
	}

	.layer_popup .pop_wrap {
		height: fit-content;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.layer_popup .tab-wrap {
		height: calc(100% - 37px);
	}

	.layer_popup .tab-wrap .thumanil-wrap {
		height: 109.589vw;
	}

	.layer_popup .tab-wrap .tab-content {
		height: fit-content;
	}

	.layer_popup .tab-wrap .thumanil-wrap a {
		height: 109.589vw;
	}

	.tab .tab-link {
		width: calc(100% / 2) !important;
		height: 9.89vw;
	}

	.layer_CLOSETODAY {
		padding: 9px 9px;
	
		& img {
			width: 18px;
			height: 18px;
		}
	
		.close_txt {
			font-size: 12px;
		}
	}
	
	.layer_close_btn {
		a {
			padding: 10.5px;
	
			& img {
				width: 15px;
			}
		}
	}
}

@media (min-width: 500px) and (max-width: 768px) {
	/* .layer_popup {
		width: 350px;
	} */

	.layer_popup .tab-wrap .thumanil-wrap {
		height: 466.66px;
	}
	
	.layer_popup .tab-wrap .thumanil-wrap a {
		height: 100%;
	}

}

@media (min-width: 691px) and (max-width: 766px) {
	/* .layer_popup {
		width: 60.6vw;
	}

	.layer_popup .tab-wrap .thumanil-wrap,
	.layer_popup .tab-wrap .thumanil-wrap a {
		height: 80.589vw;
	} */

	.tab .tab-link {
		width: calc(100% / 4) !important;
		font-size: 12px;
	}

	
	.tab .tab-link:nth-of-type(6n) {
		border-right: solid 1px rgba(229, 146, 116, 0.3) !important;
	}

}

@media (min-width: 641px) {
	.layer_popup .tab-wrap .thumanil-wrap {
		height: 36.458vw;
		max-height: 700px;
	}

	.layer_popup .tab-wrap .thumanil-wrap a {
		height: 36.458vw;
		max-height: 700px;
	}

	.tab .tab-link {
		height: 58px;
	}
}

@media screen and (max-width: 300px) {
	.layer_popup .tab-wrap,
	.layer_popup .tab-wrap .thumanil-wrap .tab-content a img { 
		height: 100%;
	}
	
	.layer_popup .tab-wrap .thumanil-wrap,
	.layer_popup .tab-wrap .thumanil-wrap a {
		height: 329px;
	}

	.layer_popup .tab-wrap .tab .tab-link {
		height: 56px;
		font-size: 12px;
	}
}