@charset "UTF-8";

/* 스크롤 고정 */
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(--black02);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/sejong/_share/img/sj-recruit/board/ico-popup-close01@2x.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:200;padding:2rem 0;width:100%;height:100vh;background:var(--black20);text-align:center;box-sizing:border-box;overflow-y:auto;}
.b-popup-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em;}
.b-popup-box{display:inline-block;position:relative;margin:0 auto;padding:4rem 4rem 5rem 4rem;width:min-content;max-width:calc(100% - 4rem);border-radius:1rem;background:var(--white100);text-align:left;box-sizing:border-box;vertical-align:middle;}
.b-popup-box .b-popup-content-wrap{position:relative;box-sizing:border-box;max-width:100%;}

@media screen and (min-width:769px){
	/* 템플릿 팝업 */
	[data-popup-type="sw-schedule-sel-popup"] .b-popup-box{width:140rem;} /* 너비 1180 */

	/* SW 프로그램 신청 팝업 */
	[data-popup-type="sw-pw-popup"] .b-popup-box{padding:4rem;width:53.8rem;}
}

.b-popup-box .b-popup-title-box h4{font-size:2.8rem;line-height:3.3rem;color:var(--black01);font-weight:var(--font-weight-semibold);letter-spacing:-0.02em;}
.b-popup-box .b-popup-title-box h5{font-size:2.4rem;line-height:2.9rem;color:var(--black01);font-weight:var(--font-weight-semibold);letter-spacing:-0.02em;}

/* 닫기 버튼 */
.b-popup-box .btn-popup-close{position:absolute;top:0;right:0;width:1.5rem;height:1.5rem;background:url(/_res/sejong/_share/img/sj-recruit/board/ico-popup-close01@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;gap:6px;}
.b-popup-btn-box ul li .b-popup-btn{display:block;padding:1.3rem 3.2rem;min-width:10.8rem;width:100%;border:1px solid var(--color125);border-radius:2em;background:var(--color125);font-weight:var(--font-weight-semibold);font-size:1.6rem;line-height:2.2rem;color:var(--white100);text-align:center;box-sizing:border-box;}
.b-popup-btn-box ul li .b-popup-btn.white{background-color:var(--white100);color:var(--color125);}

/* SW 프로그램 신청 비밀번호 입력 팝업 */
.b-sw-program-wrap .b-popup-box .b-popup-con-box{padding:0 0 2.7rem;}
.b-sw-program-wrap .b-popup-box .b-popup-con-box .b-popup-title{padding:0 0 1.3rem;font-size:1.6rem;font-weight:var(--font-weight-bold);color:var(--black03);line-height:2.2rem;letter-spacing:-0.01em;}
.b-sw-program-wrap .b-popup-box .b-popup-con-box .b-input{padding:1.1rem 1.3rem;}
.b-sw-program-wrap .b-popup-box .b-popup-con-box .b-popup-mark{margin:1rem 0 0;font-size:1.3rem;font-weight:var(--font-weight-medium);color:var(--color154);line-height:1.9rem;letter-spacing:-0.02em;}
.b-sw-program-wrap .b-popup-box .b-popup-con-box .b-popup-mark::before{content:'※';}

@media screen and (max-width:768px){
	/* 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;width:100%;}
	.b-popup-box .b-popup-title-box h4{font-size:2rem;line-height:2.5rem;}
	.b-popup-box .b-popup-title-box h5{font-size:1.8rem;line-height:2.3rem;}

	/* SW 프로그램 신청 비밀번호 입력 팝업 */
	.b-sw-program-wrap .b-popup-box .b-popup-con-box{padding:0 0 1.2rem;}
	.b-sw-program-wrap .b-popup-box .b-popup-con-box .b-popup-title{padding:0 0 1rem;font-size:1.4rem;line-height:2rem;}
	.b-sw-program-wrap .b-popup-box .b-popup-con-box .b-input{padding:6px 1rem;}
	.b-sw-program-wrap .b-popup-box .b-popup-con-box .b-popup-mark{margin:8px 0 0;}

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