@charset "UTF-8";

/* 셋팅 */
body.fixed{position:relative;overflow:hidden;touch-action:none;}
.b-popup-box .jini-custom-scrollbar::-webkit-scrollbar-track{display:none;}
.b-popup-box .jini-custom-scrollbar::-webkit-scrollbar{width:4px;border-radius:2px;}
.b-popup-box .jini-custom-scrollbar::-webkit-scrollbar-thumb{height:12rem;border-radius:2px;}
.popup-box .jini-custom-scrollbar::-webkit-scrollbar-track{display:none;}
.popup-box .jini-custom-scrollbar::-webkit-scrollbar{width:4px;border-radius:2px;}
.popup-box .jini-custom-scrollbar::-webkit-scrollbar-thumb{height:12rem;border-radius:2px;}


/* 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(https://www.sejong.ac.kr/_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;}

/* 팝업 common - 공통 */
.b-popup-outer-wrap{position:relative;}
.b-popup-wrap{display:none;position:fixed;top:0;left:0;z-index:300;width:100%;height:100%;background:var(--black30);box-sizing:border-box;}
.b-popup-box{position:absolute;top:50%;left:50%;margin:0 auto;padding:4.5rem 5px 5rem;min-width:80rem;max-width:80rem;max-height:77.6rem;border:1px solid var(--color21);border-radius:2rem;background:#fff;text-align:left;transform:translate(-50%,-50%);box-sizing:border-box;overflow:hidden;}
.b-popup-box .b-popup-title-box{padding:0 3rem;}
.b-popup-box .b-popup-title-box .b-title{padding:0 0 3rem;font-size:2.6rem;font-weight:var(--font-weight-bold);color:var(--black100);line-height:3.6rem;letter-spacing:-0.025em;}
.b-popup-box .b-popup-con-box{padding:0 3rem;max-height:60.2rem;}
.b-popup-box .b-popup-con-box .b-popup-sub-title-box{display:flex;align-items:center;justify-content:space-between;padding:0 0 2.5rem;}
.b-popup-box .b-popup-con-box .b-popup-sub-title-box .b-sub-title{font-size:2.4rem;font-weight:var(--font-weight-bold);color:var(--black100);line-height:3.4rem;letter-spacing:-0.025em;}
.b-popup-box .b-popup-con-box .b-popup-sub-title-box .b-sub-title.sm{font-size:2rem;line-height:3rem;color:var(--black03);}
.b-popup-box .b-popup-con-box .b-pop-p{font-size:1.5rem;line-height:2.5rem;color:var(--black05);font-weight:var(--font-weigth-medium);}
.b-popup-box .b-popup-con-box .link-box{display:flex;justify-content:center;padding:3rem 0 0;}
.b-popup-box .b-popup-con-box .link-box .btn-popup-close{width:14rem;}
.b-popup-box > .btn-popup-close{position:absolute;top:3rem;right:3rem;width:1.9rem;height:2rem;background:url(../img/sj-board/ico-btn-pop-close%402x.png) no-repeat 0 0/100%;}

.popup-outer-wrap{position:relative;}
.popup-wrap{display:none;position:fixed;top:0;left:0;z-index:300;width:100%;height:100%;background:var(--black30);box-sizing:border-box;}
.popup-box{position:absolute;top:50%;left:50%;margin:0 auto;padding:5.5rem 5px 5rem;min-width:80rem;max-width:80rem;max-height:77.6rem;border:1px solid var(--color21);border-radius:2rem;background:#fff;text-align:left;transform:translate(-50%,-50%);box-sizing:border-box;overflow:hidden;}
.popup-box .popup-title-box{padding:0 3rem;}
.popup-box .popup-title-box .title{padding:0 0 3rem;font-size:2.6rem;font-weight:var(--font-weight-bold);color:var(--black100);line-height:3.6rem;letter-spacing:-0.025em;}
.popup-box .popup-con-box{padding:0 3rem;max-height:60.2rem;}
.popup-box .popup-con-box .popup-sub-title-box{display:flex;align-items:center;justify-content:space-between;padding:0 0 2.5rem;}
.popup-box .popup-con-box .popup-sub-title-box .sub-title{font-size:2.4rem;font-weight:var(--font-weight-bold);color:var(--black100);line-height:3.4rem;letter-spacing:-0.025em;}
.popup-box .popup-con-box .link-box{display:flex;justify-content:center;padding:3rem 0 0;}
.popup-box .popup-con-box .link-box .btn-popup-close{width:14rem;}
.popup-box > .btn-popup-close{position:absolute;top:3rem;right:3rem;width:1.9rem;height:2rem;background:url(../img/sj-board/ico-btn-pop-close%402x.png) no-repeat 0 0/100%;}

/* 규정현황 팝업 */
.b-regulation-box .link-box .btn{padding:9px 2rem;}
.b-regulation-box .b-popup-box .b-popup-breadcrumb{display:flex;align-items:center;}
.b-regulation-box .b-popup-box .b-popup-breadcrumb::before{content:'*';display:inline-block;margin:4px 3px 0 0;font-size:1.4rem;font-weight:var(--font-weight-medium);color:var(--black07);line-height:1;}
.b-regulation-box .b-popup-box .b-popup-breadcrumb ul{display:flex;}
.b-regulation-box .b-popup-box .b-popup-breadcrumb ul li{display:flex;align-items:center;}
.b-regulation-box .b-popup-box .b-popup-breadcrumb ul li::after{content:'';margin:0 7px;width:6px;height:1rem;background:url(../img/ico-popup-arr%402x.png) no-repeat 0 0/100%;}
.b-regulation-box .b-popup-box .b-popup-breadcrumb ul li:last-of-type::after{display:none;}
.b-regulation-box .b-popup-box .b-popup-breadcrumb ul li span{font-size:1.4rem;font-weight:var(--font-weight-medium);color:var(--black07);line-height:2rem;letter-spacing:-0.05em;}
.b-regulation-box .b-popup-box .table-wrap{margin:0;}
.b-regulation-box .b-popup-box :is(.sj-table, .b-sj-table) th{padding:1.4rem 2rem;border-bottom:1px solid var(--color17);font-size:1.5rem;line-height:2.1rem;}
.b-regulation-box .b-popup-box :is(.sj-table, .b-sj-table) td{padding:1.4rem 2rem 1.5rem;}
.b-regulation-box .b-popup-box :is(.sj-table, .b-sj-table) td .file-down-wrap ul > li{padding:0 0 1rem;line-height:1;}
.b-regulation-box .b-popup-box :is(.sj-table, .b-sj-table) td .file-down-wrap ul > li:last-of-type{padding:0;}
.b-regulation-box .b-popup-box :is(.sj-table, .b-sj-table) td .file-down-wrap ul > li a{display:inline-block;}
.b-regulation-box .b-popup-box :is(.sj-table, .b-sj-table) td .file-down-wrap ul > li a::before{content:'';display:inline-block;width:1.1rem;height:1.2rem;background:url(../img/ico-popup-file%402x.png) no-repeat center center / 100%;vertical-align:middle;}
.b-regulation-box .b-popup-box :is(.sj-table, .b-sj-table) td .file-down-wrap ul > li a::after{content:'';display:inline-block;width:1.8rem;height:1.4rem;background:url(../img/ico-file07%402x.png) no-repeat center center / 100%;vertical-align:middle;}
.b-regulation-box .b-popup-box :is(.sj-table, .b-sj-table) td .file-down-wrap ul > li a span{display:inline-block;padding:0 1rem 0 6px;font-size:1.4rem;font-weight:var(--font-weight-semibold);color:var(--color03);line-height:2rem;letter-spacing:-0.025em;vertical-align:middle;}
.b-regulation-box .b-popup-box :is(.sj-table, .b-sj-table) td .file-down-wrap ul > li a:hover span{text-decoration:underline;}

/* Q&A 게시판 PW 팝업 */
.qna-popup-wrap .b-popup-box{padding:3.5rem 4rem 5rem 4rem;min-width:57.2rem;max-width:57.2rem;}
.qna-popup-wrap .b-popup-box .b-popup-title-box{display:flex;align-items:center;padding:0 3rem 2.7rem 0;}
.qna-popup-wrap .b-popup-box .b-popup-title-box::before{content:'';flex-shrink:0;width:2.5rem;height:2.5rem;background:url(../img/sj-board/ico-qna-popup-title%402x.png) no-repeat 0 0/100%;}
.qna-popup-wrap .b-popup-box .b-popup-title-box p{padding:0 0 0 0.9rem;font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color06);line-height:3rem;word-break:keep-all;}
.qna-popup-wrap .b-popup-box .b-popup-con-box{padding:0;}
.qna-popup-wrap .b-popup-box .b-popup-con-box .b-popup-pw-wrap .b-popup-pw-box{display:flex;}
.qna-popup-wrap .b-popup-box .b-popup-con-box .b-popup-pw-wrap .b-popup-pw-box label{display:none;}
.qna-popup-wrap .b-popup-box .b-popup-con-box .b-popup-pw-wrap .b-popup-pw-box .b-popup-input{padding: 1.3rem 1.8rem 1.4rem;width:100%;border:1px solid var(--color40);border-radius:5px;font-size:1.6rem;font-weight:var(--font-weight-semibold);color:var(--black100);line-height:1;box-sizing:border-box;}
.qna-popup-wrap .b-popup-box .b-popup-con-box .b-popup-pw-wrap .b-popup-pw-box .b-popup-input::placeholder{font-size:1.6rem;font-weight:var(--font-weight-medium);color:var(--black07);line-height:1;}
.qna-popup-wrap .b-popup-box .b-popup-con-box .b-popup-pw-wrap .b-popup-pw-box .b-popup-btn{flex-shrink:0;margin:0 0 0 1rem;padding:1.6rem 2.9rem;border-radius:5px;background-color:var(--color52);cursor:pointer;}
.qna-popup-wrap .b-popup-box .b-popup-con-box .b-popup-pw-wrap .b-popup-pw-box .b-popup-btn span{display:inline-block;font-size:1.4rem;font-weight:var(--font-weight-semibold);color:var(--white100);line-height:1;}

/* 학과소개 툴팁 */
.b-popup-outer-wrap .b-popup-wrap.tooltip{position:static;top:auto;left:auto;background:none;}
.b-popup-outer-wrap .b-popup-wrap.tooltip:before{display:none;}
.b-popup-outer-wrap .b-popup-wrap.tooltip .b-popup-box{position:absolute;top:calc(100% + 1rem);left:0;padding:1.6rem 2rem;width:100%;min-width:23.8rem;max-width:23.8rem;z-index:500;border:1px solid var(--color21);border-radius:3px 1rem 1rem 1rem;transform:none;}

/* 대학생활 > 복지시설 > 식당안내 */
.b-popup-location{display:flex;align-items:center;gap:6px;padding:5px 1.4rem;border-radius:1.4rem;background:var(--color27);font-size:1.3rem;line-height:1.9rem;color:var(--black03);font-weight:var(--font-weight-medium);}
.b-popup-location:before{content:'';display:block;flex-shrink:0;width:1.3rem;height:1.5rem;background:var(--color08);-webkit-mask:url(../img/sj-common/ico-location03%402x.png) no-repeat center / 100%;mask:url(../img/sj-common/ico-location03%402x.png) no-repeat center center/ 100%;}
.cafeteria-menu-list > ul > li:nth-of-type(n+2){padding:1.7rem 0 0;}
.cafeteria-menu-list .b-date{padding:0 0 1.7rem;font-size:1.8rem;line-height:2.4rem;color:var(--color06);font-weight:var(--font-weight-bold);letter-spacing:-0.025em;}
.cafeteria-menu-list .menu-box{margin:0 0 1rem 0}
.cafeteria-menu-list .menu-box-head{display:flex;align-items:center;padding:1rem;background-color:var(--color118);border-radius:5px}
.cafeteria-menu-list .menu-box-head.type-lunch{border:1px solid var(--color117);background:var(--color118)}
.cafeteria-menu-list .menu-box-head.type-dinner{border:1px solid var(--color119);background:var(--color120)}
.cafeteria-menu-list .menu-title{padding:0 0 0 5px;font-size:1.2rem;font-weight:var(--font-weight-bold);}
.cafeteria-menu-list .menu-title.type-lunch{color:var(--color121);}
.cafeteria-menu-list .menu-title.type-dinner{color:var(--color122);}
.cafeteria-menu-list .menu-desc{padding:1.1rem 5px;border-bottom:1px solid var(--color123)}
.cafeteria-menu-list .menu-desc span{font-size:1.4rem;color:var(--color124)}
.cafeteria-menu-list .menu-desc:has(> ul){padding:0 5px;}
.cafeteria-menu-list .menu-desc ul li{display:flex;justify-content:space-between;padding:1.1rem 5px;border-bottom:1px solid var(--color123);}
.cafeteria-menu-list .menu-desc ul li:last-of-type{border:none;}
.cafeteria-menu-list .menu-desc ul li strong{font-size:14px;color:var(--color124);line-height:1;}
.cafeteria-menu-list .menu-desc ul li span{flex-shrink:0;font-size:13px;color:var(--color125);line-height:1;}


@media screen and (max-width:1024.98px) {

	/* 셋팅 */
	.b-popup-box .jini-custom-scrollbar::-webkit-scrollbar{width:3px;}
	.popup-box .jini-custom-scrollbar::-webkit-scrollbar{width:3px;}


	/* 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;}


	/* 팝업 common - 공통 */
	.b-popup-box{padding:2rem 5px;min-width:auto;max-width:95%;max-height:90%;width:100%;}
	.b-popup-box .b-popup-title-box{padding:0 1.5rem;}
	.b-popup-box .b-popup-title-box .b-title{padding:0 3rem 1.5rem 0;font-size:2.2rem;line-height:3.2rem;}
	.b-popup-box .b-popup-con-box{padding:0 1.5rem;max-height:70vh;}
	.b-popup-box .b-popup-con-box .b-popup-sub-title-box{flex-wrap:wrap;padding:0 0 1rem;}
	.b-popup-box .b-popup-con-box .b-popup-sub-title-box .b-sub-title{font-size:2rem;line-height:3rem;}
	.b-popup-box .b-popup-con-box .b-popup-sub-title-box .b-sub-title.sm{font-size:1.6rem;line-height:2.6rem;}
	.b-popup-box .b-popup-con-box .b-pop-p{font-size:1.4rem;line-height:2.4rem;}
	.b-popup-box .b-popup-con-box .link-box{display:flex;justify-content:center;padding:1.5rem 0 0;}
	.b-popup-box .b-popup-con-box .link-box .btn-popup-close{width:12rem;}
	.b-popup-box > .btn-popup-close{top:2.5rem;right:2.5rem;width:1.5rem;height:1.6rem;}


	/* 팝업 common - 공통 */
	.popup-box{padding:2rem 5px;min-width:auto;max-width:95%;max-height:90%;width:100%;}
	.popup-box .popup-title-box{padding:0 1.5rem;}
	.popup-box .popup-title-box .title{padding:0 3rem 1.5rem 0;font-size:2.2rem;line-height:3.2rem;}
	.popup-box .popup-con-box{padding:0 1.5rem;max-height:70vh;}
	.popup-box .popup-con-box .popup-sub-title-box{flex-wrap:wrap;padding:0 0 1rem;}
	.popup-box .popup-con-box .popup-sub-title-box .sub-title{font-size:2rem;line-height:3rem;}
	.popup-box .popup-con-box .link-box{display:flex;justify-content:center;padding:1.5rem 0 0;}
	.popup-box .popup-con-box .link-box .btn-popup-close{width:12rem;}
	.popup-box > .btn-popup-close{top:2.5rem;right:2.5rem;}


	/* 규정현황 팝업 */
	.b-regulation-box .b-popup-box .b-popup-breadcrumb{justify-content:flex-end;padding:5px 0 0;width:100%;}
	.b-regulation-box .b-popup-box .b-popup-breadcrumb::before{margin:3px 3px 0 0;font-size:1.3rem;}
	.b-regulation-box .b-popup-box .b-popup-breadcrumb ul li span{font-size:1.3rem;line-height:1.9rem;}
	.b-regulation-box .b-popup-box .table-wrap{margin:0;}
	.b-regulation-box .b-popup-box .table-wrap.scrollbox > :is(.sj-table, .b-sj-table){width:80rem}
	.b-regulation-box .b-popup-box :is(.sj-table, .b-sj-table) th{padding:1rem;font-size:1.4rem;line-height:2rem;}
	.b-regulation-box .b-popup-box :is(.sj-table, .b-sj-table) td{padding:1rem;}
	.b-regulation-box .b-popup-box :is(.sj-table, .b-sj-table) td .file-down-wrap ul > li{padding:0 0 5px;}
	.b-regulation-box .b-popup-box :is(.sj-table, .b-sj-table) td .file-down-wrap ul > li a span{padding:0 6px;font-size:1.3rem;line-height:1.9rem;}

	/* Q&A 게시판 PW 팝업 */
	.qna-popup-wrap .b-popup-box{padding:2rem;min-width:unset;width:100%;max-width:95%;}
	.qna-popup-wrap .b-popup-box .b-popup-title-box{display:flex;align-items:center;padding:0 3rem 1.5rem 0;}
	.qna-popup-wrap .b-popup-box .b-popup-title-box::before{width:2rem;height:2rem;}
	.qna-popup-wrap .b-popup-box .b-popup-title-box p{padding:0 0 0 8px;font-size:1.6rem;line-height:2.6rem;}
	.qna-popup-wrap .b-popup-box .b-popup-con-box .b-popup-pw-wrap .b-popup-pw-box .b-popup-input{padding:1rem;}
	.qna-popup-wrap .b-popup-box .b-popup-con-box .b-popup-pw-wrap .b-popup-pw-box .b-popup-btn{margin:0 0 0 8px;padding:1.5rem;}

	/* 학과소개 툴팁 */
	.b-popup-outer-wrap .b-popup-wrap.tooltip .b-popup-box{max-height:unset;}

	/* 대학생활 > 복지시설 > 식당안내 */
	.cafeteria-menu-list .b-date{padding:0 0 1rem;font-size:1.6rem;line-height:2.2rem;}
}

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



}