@charset "UTF-8";

:root{
	--popup-border-radius:10px;
	--popup-content-padding:40px;
	--popup-header-padding:15px 20px;
	--m-popup-width:calc(100% - 20px);
	--bg-outer:var(--color35);
}

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

/* CMS 팝업 레이아웃 */
.layer-popup-outer{display:none;position:fixed;top:0;left:0;z-index:1000;padding:100px 50px;width:100%;height:100%;background:var(--bg-outer);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 20px 20px 0;padding:65px 15px 15px;width:auto;min-width:420px;max-width:100%;background:#fff;text-align:left;box-shadow:0 5px 21px 6px rgba(0,0,0,0.1);vertical-align:middle;box-sizing:border-box;}
.layer-popup-wrap .layer-popup-box.window-popup{padding:15px;}
.layer-popup-wrap .btn-box{position:absolute;top:0;right:0;padding:10px 15px 5px;width:100%;text-align:right;box-sizing:border-box;}
.layer-popup-wrap .btn-box .btn-layer-close{display:inline-block;margin:0 0 4px 8px;padding:5px 14px;border:1px solid #ccc;color:#666666;font-size:1.6rem;line-height:2.4rem;border-radius:5px;}
.layer-popup-wrap .btn-box .btn-layer-close:first-of-type{margin-left:0;}
.layer-popup-outer .btn-all-popup-close{display:none;position:fixed;top:30px;right:50px;z-index:1100;padding:8px 40px 7px 10px;width:auto;height:auto;background-image:url(/_res/team2/_share/img/common/ico-modal-close.png);background-repeat:no-repeat;background-position:right 10px center;background-size:20px;color:#fff;}
.layer-popup-outer.on .btn-all-popup-close{display:block;}

.b-popup-wrap{display:none;position:fixed;top:0;left:0;z-index:30;width:100%;height:100vh;background:var(--color35);box-sizing:border-box;}
.b-popup-box{position:absolute;top:50%;left:50%;margin:0 auto;padding:3rem;width:100%;max-width:100rem;background:#fff;box-sizing:border-box;transform:translate(-50%,-50%);overflow-y:auto;}
.b-popup-box .b-popup-title-box{padding:0 0 3rem;}
.b-popup-box .b-popup-title-box p{font-size:2rem;font-weight:var(--font-weight-bold);line-height:3.2rem;}
.b-popup-info-box .table-wrap{padding:0 0 3rem;}
.b-popup-box .btn-popup-close{position:absolute;top:3.3rem;right:3rem;width:1.4rem;height:1.4rem;background:url(/_res/sejong/_share/img/sj-common/common/ico-btn-pop-close@2x.png) no-repeat 50% 50%/100%;}
.b-popup-box .btn-popup-close::before,
.b-popup-box .btn-popup-close::after{display:none;}
.b-popup-btn-box ul{display:flex;justify-content:center;flex-wrap:wrap;}
.b-popup-btn-box ul li{margin:0 5px 0 0;}
.b-popup-btn-box ul li a{display:block;padding:1.3rem 2rem;min-width:16rem;width:100%;border-radius:2.2rem;font-size:1.4rem;font-weight:var(--font-weight-bold);line-height:2rem;letter-spacing:-0.05px;text-align:center;box-sizing:border-box;}
.b-popup-btn-box ul li a.js-popup-close{border:1px solid var(--color10);}
.b-popup-btn-box ul li a.regist{background:var(--color02);color:#fff;}

.popup-wrap{display:none;position:fixed;top:0;left:0;z-index:30;width:100%;height:100vh;background:var(--color35);box-sizing:border-box;}
.popup-box{position:absolute;top:50%;left:50%;margin:0 auto;padding:3rem;width:100%;max-width:100rem;background:#fff;box-sizing:border-box;transform:translate(-50%,-50%);overflow-y:auto;}
.popup-box .b-popup-title-box{padding:0 0 3rem;}
.popup-box .b-popup-title-box p{font-size:2rem;font-weight:var(--font-weight-bold);line-height:3.2rem;}
.popup-info-box .table-wrap{padding:0 0 3rem;}
.popup-box .btn-popup-close{position:absolute;top:3.3rem;right:3rem;width:1.4rem;height:1.4rem;background:url(/_res/sejong/_share/img/sj-common/common/ico-btn-pop-close@2x.png) no-repeat 50% 50%/100%;}
.popup-box .btn-popup-close::before,
.popup-box .btn-popup-close::after{display:none;}
.popup-btn-box ul{display:flex;justify-content:center;flex-wrap:wrap;}
.popup-btn-box ul li{margin:0 5px 0 0;}
.popup-btn-box ul li a{display:block;padding:1.3rem 2rem;min-width:16rem;width:100%;border-radius:2.2rem;font-size:1.4rem;font-weight:var(--font-weight-bold);line-height:2rem;letter-spacing:-0.05px;text-align:center;box-sizing:border-box;}
.popup-btn-box ul li a.js-popup-close{border:1px solid var(--color10);}
.popup-btn-box ul li a.regist{background:var(--color02);color:#fff;}

@media screen and (max-width:1024.98px) {
	:root{
		--popup-content-padding:20px;
		--popup-header-padding:15px;
	}
	/* CMS 팝업 레이아웃 */
	.layer-popup-outer{padding:55px 10px;}
	.layer-popup-wrap{padding:45px 10px 10px;}
	.layer-popup-wrap .layer-popup-box.window-popup{padding:10px;}
	.layer-popup-wrap .btn-box{padding:10px 10px 5px;}
	.layer-popup-wrap .btn-box .btn-layer-close{margin:0 0 4px 0;padding:2px 3px;font-size:1.4rem;line-height:1.9rem;}
	.layer-popup-outer .btn-all-popup-close{top:20px;right:20px;padding:8px 40px 7px 10px;border-radius:5px;background-color:#212121;background-position:right 8px center;background-size:15px;}

	/* 레이어팝업 */
	
	.b-popup-box{padding:2rem;max-width:95%;}
	.b-popup-box .b-popup-title-box{padding:1rem 2rem;}
	.b-popup-box .b-popup-title-box p{font-size:1.6rem;line-height:2.8rem;}
	.b-popup-box .b-popup-info-box{padding:1.2rem 1.4rem 4.2rem;}
	.b-popup-box .b-popup-info-box table th{padding:1rem 5px;font-size:1.4rem;line-height:2.2rem;}
	.b-popup-box .b-popup-info-box table td{padding:1rem 5px;font-size:1.4rem;line-height:2.2rem;}
	.b-popup-btn-box ul li{margin:0 0 1rem;width:100%;}
	.b-popup-btn-box ul li a{min-width:14rem;}
	.b-popup-box .btn-popup-close{right:2rem;}
	.popup-box{max-width:95%;}
	.popup-box .b-popup-title-box{padding:1rem 2rem;}
	.popup-box .b-popup-title-box p{font-size:1.6rem;line-height:2.8rem;}
	.popup-box .b-popup-info-box{padding:1.2rem 1.4rem 4.2rem;}
	.popup-box .b-popup-info-box table th{padding:1rem 5px;font-size:1.4rem;line-height:2.2rem;}
	.popup-box .b-popup-info-box table td{padding:1rem 5px;font-size:1.4rem;line-height:2.2rem;}
	.popup-btn-box ul li{margin:0 0 1rem;width:100%;}
	.popup-btn-box ul li a{min-width:14rem;}

}
@media screen and (max-width:480px) {
	/* CMS 팝업 레이아웃 */
	.layer-popup-wrap{min-width:100%;}



}