@charset "utf-8";
/* ******************************************************* 
■ 변수선언
******************************************************* */
@import url('../css/fontStyle.css');
@import url('../css/remixicon.css');
@import url('../css/xeicon.css');
@import url('../css/animate.css');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-gov.min.css");
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap');

:root {
	--color-blue: #53b6f4;
    --color-green: #046f49;
    --color-black: #121212;
    --color-w: #fff;
    --color-ddd: #ddd;
    --color-444: #444;
    --color-888: #707070;
    --color-blue2: #AEB9CC;
    --color-dark: #06347F;
    --font-08: 0.8rem;
    --font-1: 1rem;
    --font-11: 1.1rem;
    --font-12: 1.2rem;

	--color-black:#222;
	--color-dark:#083891;
	--color-yellow:#F8CC06;
	--Paperlogy : 'Paperlogy';
	--Orbitron : "Orbitron", sans-serif;

	
	--krds-contents-size: 134rem;
    --krds-contents-padding-x: 2.4rem;
    --krds-contents-wrap-size: 138.8rem;
} 
/* ******************************************************* 
■ 정부ui 적용
******************************************************* */
#krds-skip-link a:not(:focus),
#krds-skip-link a:focus{background:var(--krds-skip-link--color-background); color:#fff;}

#krds-header{    position: relative; }
#krds-header .header-container .logo a{display: block; width: 14.7rem;  aspect-ratio: 147 / 52;  background: url(/resource/images/main/logo_b.svg) no-repeat 50% 50%;  background-size: contain; }
#wrap[class*=scroll] #krds-header:not(.sample) .header-in{border-bottom:none; position: relative;}
#wrap.scroll-down #krds-header:not(.sample) .header-in{transform: translateY(0%);}

#krds-footer .f-logo{width:auto; background:none; display:flex; gap:var(--krds-gap-4);}
#krds-footer .f-cnt .f-link{flex-direction: row}
#krds-footer .foot-quick .inner .link::after{-webkit-mask-image: url(/resource/images/krds/ico_go.svg);    mask-image: url(/resource/images/krds/ico_go.svg);}
#krds-footer .f-btm .f-btm-text .f-menu .point{font-weight:700; color: var(--krds-light-color-divider-secondary);}

#popTotalSch .sch-form-wrap.vert .sch-input form{display:block; width:100%;}

.page-top-button{ width: var(--krds-size-height-8); height: var(--krds-size-height-8); display: flex; align-items: center; justify-content: center; flex-direction: row; border-radius: var(--krds-radius-medium3); border: 0.1rem solid var(--krds-light-color-border-gray-light); background-color: var(--krds-light-color-action-white);  box-shadow: 0px 0px 2px 0px var(--krds-light-color-alpha-shadow1), 0px 4px 8px 0px var(--krds-light-color-alpha-shadow2); position: fixed; right: 4rem; bottom: 6.4rem; z-index: -1; visibility: hidden; opacity: 0;}
.page-top-button.active{z-index: 60; visibility: visible; opacity: 1;}
.page-top-button:focus{box-shadow: var(--krds-box-shadow-outline);}
@media (max-width:1024px) {
	#krds-header{z-index:auto;}
	.page-top-button{right: var(--krds-contents-padding-x); bottom: var(--krds-contents-padding-x);}
}
@media (max-width:767px) {
	#krds-header{ --krds-header--navi-padding: var(--krds-padding-2)  var(--krds-padding-3) 0;}
	#krds-header .inner{padding-right:10px;}
}

input{appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
input[type="checkbox"]{vertical-align:middle; display: inline-block; width: 2rem;  height: 2rem; border: 1px solid #c5c5c5 ; border-radius: 0.25rem; background-color:#fff;    margin-bottom: 0.2rem; }
input[type="checkbox"]:checked{background:var(--krds-light-color-element-primary) url('/resource/images/content/krds-check.svg')no-repeat 50% 50%; background-size:1.2rem 1.2rem; border: 1px solid var(--krds-light-color-element-primary);}
input[type="checkbox"]:disabled{background:var(--krds-light-color-element-disabled-light) url('/resource/images/content/krds-check_d.svg')no-repeat 50% 50%; background-size:1.2rem 1.2rem; border-color:var(--krds-light-color-element-disabled-dark)}

input[type="radio"] { display: inline-block; width: 2rem;  height: 2rem; border: 1px solid var(--krds-light-color-element-disabled-dark); border-radius: 50%; background-color:#fff; vertical-align:middle;cursor:pointer;    margin-bottom: 0.2rem;}
input[type="radio"]:checked{background:#fff url('/resource/images/content/krds-radio.svg')no-repeat 50% 50%; background-size:1rem 1rem; border: 1px solid var(--krds-light-color-element-primary);}
input[type="radio"]:disabled{background:var(--krds-light-color-element-disabled-light) url('/resource/images/content/krds-radio_d.svg')no-repeat 50% 50%; background-size:1rem 1rem; border-color:var(--krds-light-color-element-disabled-dark)}
input[type="checkbox"]:focus,
input[type="radio"]:focus{ box-shadow: 0 0 0 0.4rem var(--krds-color-light-danger-50);}

#krds-footer{z-index:unset;}

/* ******************************************************* 
■ 사이트 공통 
******************************************************* */
.web,
.pc-only {display:block}
.tablet,
.mob,
.m-only {display: none;}
.hidden{}
form{width:100%}

#wrap {	position:relative;letter-spacing:-0.02em;}

@media (max-width:1030px) {
	.web,
	.pc-only{display:none}
	.tablet,
	.m-only{display:block;}
	
	#container{overflow-x:hidden;}
}
@media (max-width:767px) {
	.tablet {display:none;}
	.mob {display:block;}
}




/* ******************************************************* 
■ 서브비쥬얼
******************************************************* */
.sub-top-wrap{}
.page-visual{position:relative; width:100%; border-radius:var(--sub-visual-radius);  padding:var(--sub-visual-padding); 
	--sub-visual-padding:5.5rem 0;
	--sub-color-black:var(--krds-light-color-text-basic);
	--sub-visual-radius:0 0 10rem 10rem;
}
.page-visual:before{content:""; position:absolute; left:0px; top:0px; width:100%; height:50rem; background:url('/resource/images/content/sub_visual.jpg')no-repeat 50% top; background-size:cover; z-index:-1;}
.page-visual .inn{position:relative; max-width: var(--krds-contents-wrap-size); padding: 0 var(--krds-contents-padding-x);  margin:0 auto; text-align: center;}
.page-visual .krds-breadcrumb-wrap{padding-top:0}
.page-visual .krds-breadcrumb-wrap .breadcrumb{justify-content: center}
.page-visual .page-title-wrap{display: flex; align-items: normal; justify-content: flex-start; flex-direction: column; gap: var(--krds-pc-gap-layout-title-body-large);}
.page-visual .title h2,
.page-visual .page-title-wrap .h-tit{font-size:var(--krds-pc-font-size-heading-xlarge); line-height:1; color:var(--sub-color-black);  font-family: var(--Paperlogy); font-weight: 700;}
.page-visual .page-title-wrap .h-tit-drop .drop-btn{display: flex; align-items: center; justify-content: flex-start; flex-direction: row; gap: var(--krds-gap-3);}
.page-visual .page-title-wrap .h-tit-drop .drop-btn:after{ content: "";   display: inline-flex; width: var(--krds-size-height-5); height: var(--krds-size-height-5);
        background-color: var(--krds-light-color-text-basic);
        forced-color-adjust: none;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center center;
        -webkit-mask-size: contain;
        mask-repeat: no-repeat;
        mask-position: center center;
        mask-size: contain;
        -webkit-mask-image: url(/resource/images/krds/ico_expand.svg);
        mask-image: url(/resource/images/krds/ico_expand.svg);
        transition: 0.4s ease-in-out; transform: rotate(90deg);}
.page-title-wrap .h-tit-drop .drop-menu{left: 0; width: 120%;  max-width: 80rem;  transform: translateX(0);}


#content{position:relative; display:flex; gap:var(--cont-gap); flex-direction: row-reverse; padding-bottom: var(--krds-gap-12); --sideNav-width:24rem; --cont-gap:6rem;}
#content:before{content:""; position:absolute; left:-6rem; top:0px; height:50rem; width:120vw; background:#fff; border-radius: 14rem 0 0 0; z-index:-1; }
#content::after{content:""; position:absolute; left:-6rem; top:0px; height:45rem; width:30rem; border-radius: 14rem 0 0 14rem;background: #C8C8C8;filter: blur(15px); z-index:-2;}
#content .side{width:var(--sideNav-width); flex-shrink: 0; margin-top: -3rem;}
#content .krds-side-navigation{--krds-side-navigation--padding: 0; --krds-side-navigation--btn-padding-y-selected: var(--krds-padding-6); border-radius: var(--krds-radius-large1) ; box-shadow: 0 0 2px var(--color-alpha-shadow2, rgba(0, 0, 0, 0.08)), 0 var(--shadow-y-3, 8px) var(--shadow-blur-3, 16px) var(--color-alpha-shadow3, rgba(0, 0, 0, 0.12));}
#content .krds-side-navigation .lnb-tit{position:relative; display: flex;  align-items: center; gap: var(--krds-gap-3, 0.8rem); color:#fff; padding: var(--krds-padding-10, 4rem) var(--krds-padding-8, 2.4rem); border-radius: var(--krds-radius-large1, 1rem) var(--krds-radius-large1, 1rem) 0 0;
border-bottom: 1px solid var(--color-divider-gray, #8A949E); background: linear-gradient(71deg, #031F3F 0.88%, #063A74 94.49%);}
#content .krds-side-navigation .lnb-tit:after{content:""; position:absolute; right:0; top:0; width:6.6rem;  aspect-ratio: 66 / 69; background:url('/resource/images/content/side-nav-h2.svg')no-repeat right 0;}
#content .krds-side-navigation .lnb-tit span{position:relative;}
#content .krds-side-navigation .lnb-tit span:after{content:""; position:absolute; right:-1rem; top:0rem; width: 0.6rem; height: 0.6rem; background: #256EF4; border-radius:50%; }
#content .krds-side-navigation .lnb-list{background:#fff; padding:2rem;}
#content .krds-side-navigation .lnb-list .lnb-item [class*=lnb-toggle][aria-expanded=true]{border-radius: var(--radius-medium1, 0.6rem); background: var(--color-button-secondary-fill, #ECF2FE);}
#content .krds-side-navigation .lnb-list .lnb-item .lnb-subitem.active .lnb-btn{font-weight:700;}

#content .cont{width:calc(100% - var(--sideNav-width) - var(--cont-gap)); flex: 1; padding-top:10rem;}

/*서브타이틀*/
#sub-tit{margin-bottom:var(--krds-pc-gap-layout-h2-h3); text-align:center; }
#sub-tit h3{font-size:var(--krds-pc-font-size-display-small); color:var(--krds-light-color-text-basic); font-weight: 700;}
#sub-tit.board-title  h3{text-align:center;}

@media (max-width:1440px){
	.page-visual{--sub-visual-radius:0 0 5rem 5rem;}
	#content:before{left:-1rem; border-radius: 8rem 0 0 0;}
	#content::after{border-radius: 8rem 0 0 8rem;}
}
@media (min-width:1024px){
	.page-title-wrap[data-type=responsive] .h-tit-drop {display: none;}
	
	
}
@media (max-width:1024px){
	.page-visual{--sub-visual-padding: 2rem 0; height: 15rem;}
	.page-visual:before{background-position:65% top;}
	.page-visual .title h2,
	.page-visual .page-title-wrap .h-tit{font-size: var(--krds-mobile-font-size-heading-xlarge);}
	.page-title-wrap[data-type=responsive] .h-tit{display:none;}
	.page-visual .page-title-wrap {align-items: center;}
	
	#content::after{display:none;}
	#content .side{display:none;}
	#content .cont{width:100%; padding-top:6rem;}
	
}
@media (max-width:768px){
	.page-visual{--sub-visual-radius:0 0 0rem 0rem;}
	
	.page-visual .krds-breadcrumb-wrap .breadcrumb,
	.page-visual .page-title-wrap {    justify-content: flex-start; align-items: flex-start;}
	.page-visual .title h2,
	.page-visual .page-title-wrap .h-tit{text-align:left;}
	
}

/* ******************************************************* 
■ 체크박스 라디오버튼
******************************************************* */
.chks {display:inline-block;position:relative; font-weight:normal;}
.chks input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.chks input[type="checkbox"] + label {display:inline-block; vertical-align:middle; line-height:3rem; position:relative; padding-left:40px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.chks input[type="checkbox"] + label:before {content:'';position:absolute;left:0px;top:0px;margin:0;width:3rem;height:3rem;text-align:center;box-sizing:border-box; border-radius:0.25em; background-color: #eff2f5; border:1px solid #c2cfd8; transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.chks input[type="checkbox"] + label:active:before,
.chks input[type="checkbox"]:checked + label:active:before {}
.chks input[type="checkbox"]:checked + label:before {background:#14B6FF; border-color:#14B6FF;}
.chks input[type="checkbox"]:checked + label:after {content:"\e928"; display:block; position:absolute; left:0; top:0; text-align:center; width:3rem; font-family: 'xeicon'; color:#fff; }


.checks {position: relative;} 
.checks input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
.checks label{font-size:var(--font-08);color:#000;} 
.checks input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; } 
.checks input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 21px; /* 체크박스의 너비를 지정 */ height: 21px; /* 체크박스의 높이를 지정 */ line-height: 21px; /* 세로정렬을 위해 높이값과 일치 */ margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: #fafafa; border: 1px solid #000; /*border-radius : 3px;*/ box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); } 
.checks input[type="checkbox"] + label:active:before, 
.checks input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
.checks input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ content: '\2714'; /* 체크표시 유니코드 사용 */ color: #99a1a7; text-shadow: 1px 1px #fff; background: #e9ecee; border-color: #adb8c0; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px  rgba(0,0,0,0.05), inset 15px 10px  rgba(255,255,255,0.1); }
.checks + .checks{margin-left:38px;}


.checkbox {display:inline-block;position:relative; font-weight:normal;}
.checkbox input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.checkbox input[type="checkbox"] + label {display:inline-block; vertical-align:middle; line-height:2.5rem; position:relative; padding-left:3rem; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.checkbox input[type="checkbox"] + label:before {content:'';position:absolute;left:0px;top:0px;margin:0;width:2.5rem;height:2.5rem;text-align:center;box-sizing:border-box; border-radius:0.25em; background-color: #fff; border:1px solid #767676; transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.checkbox input[type="checkbox"]:checked + label:before {background:#109CF1; border-color:#109CF1;}
.checkbox input[type="checkbox"]:checked + label:after {content:"\e928"; display:block; position:absolute; left:0; top:0; text-align:center; width:2.5rem; font-family: 'xeicon'; color:#fff; }
.checkbox input[type="checkbox"]:checked:focus-visible + label,
.checkbox input[type="checkbox"]:focus-visible + label{outline-offset: 0.4rem; outline: 0.2rem solid #fff; box-shadow: var(--krds-box-shadow-outline);}

.radio{display:inline-block; position:relative;}
.radio input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.radio input[type="radio"] + label {display:inline-block; position: relative; padding-left:3rem; margin-left:0px; color:#555; line-height:2.5rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.radio input[type="radio"] + label:before {content: ' '; position:absolute; top:0; left:0; display: inline-block; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; background:url("/resource/images/content/radio2.svg") no-repeat 0 50%; background-size:100%;}
.radio input[type="radio"][disabled] + label:before {background:url("/resource/images/content/radio_disabled.svg") no-repeat 0 50%; background-size:100%;}
.radio input[type="radio"]:checked + label:before{background:url("/resource/images/content/radio_on2.svg") no-repeat 0 50%; background-size:100%;}


/*탭컨텐츠*/
.scroll-ui-x {
	overflow-y:hidden;
	overflow-x:auto;
	width:100%;
	-webkit-overflow-scrolling:touch;
}
.scroll-ui-x::-webkit-scrollbar {
	width:3px;
	height:3px;
}
.scroll-ui-x::-webkit-scrollbar-track {
	background:#eee;
}
.scroll-ui-x::-webkit-scrollbar-thumb {
	background:#999;
	border-radius:10px;
	border:1px #fff solid;
	opacity:.5;
}
.scroll-ui-x::-webkit-scrollbar-thumb:hover {
	background:#999;
	opacity:1;
}
.scroll-ui-x::-webkit-scrollbar-track-piece {
	background:#fff;
}



/*테이블*/

/*리스트*/
table.list1 {
	table-layout:fixed;
	width:100%;
	border-top:6px #000 solid;
}
table.list1>thead>tr>th {
	padding:15px 10px;
	background-color:#c2c2c2;
	color:#fff;
	font-size:2.5rem;
	font-weight:normal;
}
table.list1>tbody>tr>td {
	padding:15px 10px;
	background-color:#fff;
	color:#333;
	font-size:2.5rem;
	font-weight:normal;
	text-align:center;
	border-bottom:1px #959595 solid;
}
table.list1>tbody>tr>td.tit {
	position:relative;
	text-align:left;
	padding-right:3.75rem;
}
table.list1>tbody>tr>th {
	padding:15px 10px;
	background-color:#dddddd;
	color:#333;
	font-size:2.5rem;
	font-weight:normal;
	text-align:center;
	border-bottom:1px #959595 solid;
}
table.list1 a.txt {
	/* display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;*/
}
table .ico-lock {
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}
table td.qna-type {
	color:#333;
}
table.list2 {
	width:100%;
	border-top:6px #000 solid;
	line-height:1.4;
}
table.list2>thead>tr>th {
	padding:15px 10px;
	background-color:#fff;
	color:#000;
	font-size:2.5rem;
	font-weight:normal;
	border-bottom:2px #ccc solid;
}
table.list2>tbody>tr>td,table.list2>tbody>tr>th {
	padding:15px 10px;
	background-color:#fff;
	color:#333;
	font-size:2.5rem;
	font-weight:normal;
	text-align:left;
	border-bottom:2px #ccc solid;
}
table.list2>tbody>tr>th {
	padding-left:30px;
}
table.write1 {
	border-top:6px #000 solid;
	line-height:1.4;
}
table.write1>tbody>tr>th {
	padding:15px 1.5%;
	background-color:#c2c2c2;
	color:#fff;
	font-size:2.5rem;
	font-weight:normal;
	border-bottom:2px #ccc solid;
}
table.write1>tbody>tr>td {
	padding:15px 1.5%;
	background-color:#fff;
	color:#333;
	font-size:1.75rem;
	font-weight:normal;
	border-bottom:2px #ccc solid;
}
table.write1 td textarea,table.write1 td select,table.write1 td input[type="file"],table.write1 td input[type="password"],table.write1 td input[type="email"],table.write1 td input[type="text"] {
	width:100%;
}
table.write1 td input[type="radio"]+label,table.write1 td input[type="checkbox"]+label {
	margin-right:10%;
}
table .require {
	display:inline-block;
	color:#e00000;
	font-size:1.75rem;
	margin-left:5px;
	vertical-align:middle;
}
table .write-date {
	font-size:1.8rem;
	color:#666;
	margin-top: 5px;
}
/*파일첨부 리스트*/
.add-file-list>div {
	margin: 10px 0;
	display:flex; gap: 0.5rem;
}
.add-file-list>div input[type="text"]{
	border:0.1rem solid var(--krds-light-color-input-border);;
	padding: 0 var(--krds-padding-6);
	height:4rem;
	line-height: 4rem;
	border-radius: 0.4rem;
	flex: 1;
}
.add-file-list>div input[type="text"]:focus{
	border-color: var(--krds-light-color-input-border-active);
    border-width: 2px;
    outline: none;
    box-shadow: none;
}
@media (max-width:768px){
	.add-file-list>div{flex-direction: column; }
	.add-file-list input[type="file"]{width:100% !important; }
	
}
/*리스트 상태 텍스트*/
.ico-standby {
	color:#0000ff;
}
.ico-complete {
	color: #E00000;
}

/*주석*/
.ico-sup {
	font-size:1.8rem;
	vertical-align: top;
}









/*운영체계 안내*/
.os-info-block {
	padding:4.376rem 5%;
	text-align: center;
}
/*도입일정*/
.credit-start-schedule {
	clear:both;
	position:relative;
}
.credit-start-schedule-table {
	min-width:1000px;
}
.credit-start-schedule-table col.nth-child1 {
	width:100px;
}
.credit-start-schedule-table col.nth-child2 {
	width:100px;
}
.credit-start-schedule-table col.nth-child3 {
	width:200px;
}
.credit-start-schedule-table th {
	position:relative;
	padding:5px 1.25rem !important;
	border-bottom:1px #898989 solid;
	vertical-align:bottom;
}
.credit-start-schedule-table td {
	padding:1.25rem !important;
	border-left:1px #ccc solid;
	border-bottom:1px #ccc solid;
	text-align:center;
	font-size:2.2rem;
	line-height:1.3;
}
.credit-start-schedule-table .sm-text {
	font-size:1.6rem;
	color:#898989;
}
.credit-start-schedule-table .csst-title {
	position:relative;
	display:inline-block;
	padding:1.5rem 1.2rem 1.2rem 1.2rem;
	width:100%;
	font-size:2.5rem;
	font-weight:normal;
	text-align:center;
	border:3px #000 solid;
	border-radius:5rem;
}
.credit-start-schedule-table .csst-title.yello {
	border-color:#f8d27a;
}
.credit-start-schedule-table .csst-title.green {
	border-color:#b7da97;
}
.credit-start-schedule-table .csst-title.blue {
	border-color:#7a99f8;
}
.credit-start-schedule-table .csst-title.purple {
	border-color:#c397da;
}
.credit-start-schedule-table .csst-title.fill-pink {
	border-color:#cb80de;
	background-color:#cb80de;
	color:#fff;
}
.credit-start-schedule-table .ico-arrow::before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:-21px;
	width:2rem;
	height:2.2rem;
	transform:translate(0,-50%);
	background:url(../images/ico-arrow-grey.png) no-repeat 0 0;
	background-size:100% auto;
}
.credit-start-schedule-table .colorbox {
	display:inline-block;
	padding:1.5rem 1.2rem;
	width:100%;
	text-align:center;
	color:#fff;
	border-radius:40px;
}
.credit-start-schedule-table .colorbox.blue {
	background-color:#b2c9d8;
}
.credit-start-schedule-table .colorbox.pink {
	background-color:#f6b9b6;
}
.credit-start-schedule-table .colorbox.green {
	background-color:#b5deb2;
}
.credit-start-schedule-table .colorbox-line {
	display:inline-block;
	padding:1.8rem 1.2rem;
	width:100%;
	text-align:center;
	color:#000;
	border-radius:1.8rem;
	border:3px #000 solid;
}
.credit-start-schedule-table .colorbox-line.pink {
	border-color:#f5989d;
}
.csst-caution-block {
	clear:both;
	position:relative;
	text-align:center;
	margin-top:2%;
}
.csst-caution-block ul {
	display:inline-block;
	text-align: left;
}
/*과목선택권 확대*/
.subject-option-text1 {
	padding:45px 5%;
	color:#000;
	font-size:5rem;
	text-align:center;
	border-top:6px #000 solid;
	border-bottom: 1px #898989 solid;
}
/*시·도별 교과특성화학교 운영 현황 테이블*/
.sido-specialized-school-situation {
	margin-bottom:9%;
}
.sido-specialized-school-situation .table-fixed-scroll-block {
	height:597px;
}
.sido-specialized-school-situation .sup-desc {
	margin:10px 0;
}
.sido-specialized-school-situation .sup-desc p {
	margin:5px 0;
}
.sido-specialized-school-situation table col.nth-child1 {
	width:80px;
}
.sido-specialized-school-situation table col.nth-child2 {
	width:200px;
}
.sido-specialized-school-situation table col.nth-child4 {
	width: 150px;
}
/*전문대 연계 직업교육 위탁과정 현황 테이블*/
.university-link-situation {
	margin-bottom:9%;
}
.university-link-situation .table-fixed-scroll-block {
	height:593px;
}
.university-link-situation table col.nth-child1 {
	width:150px;
}
.university-link-situation table col.nth-child2 {
	width: 30%;
}
/*공동교육과정이란*/
.joint-edu-course-block .joint-article {
	text-align:center;
	padding:5%;
	margin-top:2rem;
}
.joint-edu-course-block .joint-sup-info {
	margin:1.8rem 2%;
}
.sup-info ul {
	font-size:1.8rem;
	line-height:1.4;
	margin:1.8rem 0;
}
.sup-info ul>li {
	position:relative;
	margin:6px 0;
}
.sup-info a {
	color:#0000ff;
	text-decoration: underline;
}

@media all and (max-width:1023px) {

	/*도입일정*/
	.credit-start-schedule-table {
		min-width:800px;
	}
	.credit-start-schedule-table col.nth-child1 {
		width:70px;
	}
	.credit-start-schedule-table col.nth-child2 {
		width:70px;
	}
	.credit-start-schedule-table col.nth-child3 {
		width:100px;
	}
	.credit-start-schedule-table col.nth-child4 {
		width:130px;
	}
	.credit-start-schedule-table td {
		font-size:1.8rem;
	}
	.credit-start-schedule-table .csst-title {
		padding:1.5rem 1.2rem 1.2rem 1.2rem;
		font-size:2rem;
	}
	.credit-start-schedule-table .ico-arrow::before {
		left:-19px;
		width:2rem;
		height:2.2rem;
	}
	.credit-start-schedule-table .colorbox {
		padding:1.5rem 1.2rem;
	}
	.credit-start-schedule-table .colorbox-line {
		padding:1.8rem 1.2rem;
	}
	.csst-caution-block {
		clear:both;
		position:relative;
		text-align:center;
		margin-top: 2%;
	}
	/*과목선택권 확대*/
	.subject-option-text1 {
		padding:6% 5%;
		font-size:3rem;
		line-height:1.4;
		text-align:center;
		border-top:6px #000 solid;
		border-bottom: 1px #898989 solid;
	}
	/*시·도별 교과특성화학교 운영 현황 테이블*/
	.sido-specialized-school-situation table {
		min-width:500px;
	}
	.sido-specialized-school-situation table col.nth-child1 {
		width:80px;
	}
	.sido-specialized-school-situation table col.nth-child4 {
		width: 100px;
	}
	/*전문대 연계 직업교육 위탁과정 현황 테이블*/
	.university-link-situation table col.nth-child1 {
		width:20%;
	}
	.university-link-situation table col.nth-child2 {
		width: 30%;
	}

}

.date-not {
	width:0;
	height:0;
	overflow:hidden;
	opacity:0
}


/* ******************************************************* 
■ 팝업
******************************************************* */
.pc-main-pop {position:absolute; top:10rem;left:0; z-index:99999999;}
.pc-main-pop .inn{ display:flex; gap:15px;}
.pc-main-pop [id*="pop-main"]{z-index:1000; width:auto;  overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,0.5)}
.pc-main-pop [id*="pop-main"] a{display:block;}
.pc-main-pop [id*="pop-main"] a:focus{outline-offset: -0.3em; outline: 0.2rem solid #000;}
.pc-main-pop [id*="pop-main"] img{width:100%;}
.pc-main-pop [id*="pop-main"] .close-box {	position:relative;display:flex; padding:15px 10px; overflow:hidden; background:#fff; color:#333; border-bottom:4px solid #0860F0; font-size:15px; }
.pc-main-pop [id*="pop-main"] .close-box a{color:#333}
.pc-main-pop [id*="pop-main"] .close-box .btn-pop-close {	position:absolute;top:50%; margin-top:-16px;right:10px;	background:#0860F0;  width:32px; height:32px; border-radius:50%}
.pc-main-pop [id*="pop-main"] .close-box .btn-pop-close:focus{ outline-offset: -0.1em;outline: 0.2rem solid #fff; box-shadow: 0 0 0 0.4rem var(--krds-color-light-danger-50);}
.pc-main-pop [id*="pop-main"] .close-box .btn-pop-close:before{content: "\eb98"; position:absolute; left:0px; top:0px; width:32px; height:32px; line-height:32px; text-align:center; color:#fff; font-family: "remixicon";}

.m-main-pop {position:absolute; width:min(40rem, 90vw); left:50%; top:9rem; z-index:50; transform:translateX(-50%); background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.5)}
.m-main-pop .close-box {	position:relative;display:flex; padding:15px 10px; overflow:hidden; background:#fff; color:#333; border-bottom:4px solid #0860F0; font-size:15px; }
.m-main-pop .close-box a{color:#333}
.m-main-pop .close-box .btn-pop-close {	position:absolute;top:50%; margin-top:-16px;right:10px;	background:#0860F0;  width:32px; height:32px; border-radius:50%}
.m-main-pop .close-box .btn-pop-close:before{content: "\eb98"; position:absolute; left:0px; top:0px; width:32px; height:32px; line-height:32px; text-align:center; color:#fff; font-family: "remixicon";}




/********************************************************
■ 높은 해상도 대비
********************************************************/
@media (min-width:2100px){
	html{font-size:11px;}
}
@media (min-width:2400px){
	html{font-size:12.5px;}
}
@media (min-width:2550px){
	html{font-size:13.2px;}
}
@media (min-width:2880px){
	html{font-size:15px;}
}
@media (min-width:3840px){
	html{font-size:20px;}
}
@media (min-width:5640px){
	html{font-size:30px;}
}
@media (min-width:7640px){
	html{font-size:40px;}
}