/* popup */
@-webkit-keyframes pop-loading {
	0% {
		-webkit-transform: translateX(40px);
		transform: translateX(40px);
		opacity:0; 
		visibility:hidden; 
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity:1; 
		visibility:visible; 
	}
}
@keyframes pop-loading {
	0% {
		-webkit-transform: translateX(40px);
		transform: translateX(40px);
		opacity:0; 
		visibility:hidden; 
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity:1; 
		visibility:visible; 
	}
}
.layer-popup-box {
	position:fixed;
	z-index:500; 
	height:100%;
	width:100%;
	left:0;
	top:0; 
	background:rgba(0, 0, 0, .7); 
	/* animation: pop-loading 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;*/
	/* animation-delay:1.6s; */
	font-family:'Noto Sans KR', sans-serif; 
	font-weight:300; 
}
.layer-popup-box .inner {
	width:100%; 
	max-width:calc(380px * 3);
	position:absolute;
	z-index:501; 
	top:50%; 
	left:50%;
	transform:translate(-50%, -50%); 
	padding-bottom:60px; 
}
.layer-popup-box .slick-slide {margin:0 20px; }
.layer-popup-box .slick-track {margin:0; }
.layer-popup-box .popup-item {
	width:320px; 
	height:400px;
	background:#fff; 
}

.layer-popup-box .slick-arrow {
	display:none !important; 
}
.layer-popup-box .slick-dots {
	text-align:left; 
	padding:0 15px; 
	margin-top:10px; 
}
.layer-popup-box .slick-dots li {
	display:inline-block; 
	padding:12px 5px; 
}
.layer-popup-box .slick-dots button {
	font-size:14px; 
	font-weight:500; 
	width:32px;
	height:32px; 
	padding:0; 
	border:2px solid rgba(255, 255, 255, .8);
	background:transparent; 
	color:#fff; 
	border-radius:100%;
}
.layer-popup-box .slick-dots .slick-active button {
	background:#dc5077; 
	color:#fff; 
	border-color:rgba(0, 0, 0, .15); 
}
.layer-popup-box .check-box {
	position:absolute;
	right:20px;
	bottom:0; 	
	z-index:502;
	font-size:0; 
}
.layer-popup-box .check-box input {display:none; }
.layer-popup-box .check-box .check,
.layer-popup-box .popup-close-btn {
	border:1px solid rgba(0, 0, 0, .15);
	border-radius:50px;
	height:40px;
	display:inline-block;
	line-height:36px; 
	border:2px solid rgba(255, 255, 255, .8);
	background:transparent; 
	padding:0 24px;
	color:#fff;  
	cursor:pointer; 
	font-size:15px; 
	margin:0 4px; 
}
.layer-popup-box .check-box input:checked + .check {
	border-color:#4c517c; 
	background:#4c517c; 
}

.popup-item .pop-word .title {
	background:#353a68;
	color:#fff;
	font-size:18px; 
	height:70px;
	position:relative; 
}
.popup-item .pop-word .title > span {
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%); 
	width:100%;
	padding:0 24px; 
	line-height:1.2em; 
}

.popup-item .pop-word .text {
	padding:24px;
	overflow-x:hidden;
	overflow-y:auto;
	height:calc(400px - 70px); 
	line-height:1.75em; 
}
@media (max-width: 1140px) {
	.layer-popup-box .inner {
		width:380px;	
		padding-bottom:40px; 		
	}
	.layer-popup-box .slick-dots {
		text-align:center; 
		margin-top:0; 	
	}
	.layer-popup-box .check-box {
		width:100%;
		text-align:center; 
		position:static; 
		padding-top:20px; 
	}
}
@media (max-width: 1200px) {
	.layer-popup-box {font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans KR', sans-serif; } 
}