@charset "UTF-8";

/* 스크롤 고정 */
body.fixed{position:relative;overflow:hidden;}

/* CMS 팝업 레이아웃 */
.layer-popup-outer{display:none;position:fixed;top:0;left:0;z-index:9000;padding:6.3rem 3.1rem;width:100%;height:100%;background:rgba(0,0,0,0.5);overflow:auto;text-align:center;box-sizing:border-box;}
.layer-popup-outer.on{display:block;}
.layer-popup-wrap{display:inline-block;position:relative;margin:0 1.3rem 1.3rem 0;padding:3.8rem 0.9rem 0.9rem;width:auto;min-width:360px;max-width:100%;background:#fff;text-align:left;vertical-align:middle;box-sizing:border-box;}
.layer-popup-wrap .layer-popup-box.window-popup{padding:0.9rem;}
.layer-popup-wrap .btn-box{display:flex;justify-content:flex-end;gap:8px;position:absolute;top:0;right:0;padding:0.8rem 0.9rem 0 0;width:100%;text-align:right;box-sizing:border-box;}
.layer-popup-wrap .btn-box .btn-layer-close{display:inline-block;padding:5px 0.6rem;border:1px solid #ccc;color:#333;font-size:0.8rem;line-height:1.2rem;border-radius:5px;}
.layer-popup-outer .btn-all-popup-close{display:none;position:fixed;top:1.9rem;right:3.1rem;z-index:1100;padding:8px 2.5rem 8px 0.6rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0,0 L24,24 M24,0 L0,24' stroke='white' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.6rem top 0.7rem;background-size:0.9rem;font-size:1rem;line-height:1.4rem;color:#fff;}
.layer-popup-outer.on .btn-all-popup-close{display:block;}

@media screen and (max-width:1024.98px) {
	/* CMS 팝업 레이아웃 */
	.layer-popup-outer{padding:5rem 1.3rem;}
	.layer-popup-wrap{padding:3.1rem 0.6rem 0.6rem;}
	.layer-popup-wrap .layer-popup-box.window-popup{padding:0.6rem;}
	.layer-popup-wrap .btn-box{padding:0.6rem 0.6rem 0 0;}
	.layer-popup-wrap .btn-box .btn-layer-close{padding:4px;font-size:0.9rem;line-height:1.3rem;}
	.layer-popup-outer .btn-all-popup-close{top:1.3rem;right:1.9rem;padding:4px 1.9rem 4px 0.6rem;background-position:right 8px top 8px;background-size:0.8rem;font-size:0.9rem;line-height:1.3rem;}
}
@media screen and (max-width:768px) {
	/* CMS 팝업 레이아웃 */
	.layer-popup-wrap{min-width:100%;}
	.layer-popup-wrap .layer-con-box{text-align:center;}
}
@media screen and (max-width:480px) {
	/* CMS 팝업 레이아웃 */
	.layer-popup-outer{padding:3.8rem 0.6rem;}
	.layer-popup-wrap{min-width:100%;}
	.layer-popup-wrap .layer-con-box{text-align:center;}
	.layer-popup-wrap .btn-box{padding:0.7rem 0.6rem 0 0;}
	.layer-popup-wrap .btn-box .btn-layer-close{font-size:0.8rem;line-height:1.2rem;}
}