/* 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;*/
	left:50%;
	transform:translateX(-50%);
	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:hidden;
	height:calc(400px);
	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: absolute;
		padding-top:20px;
    transform: translateX(-50%);
	}
}
@media (max-width: 1200px) {
	.layer-popup-box {font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans KR', sans-serif; }
}