@charset "UTF-8";
@import url(_font.css);
@import url(_variables.css);
@import url(_button.css);

* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-touch-callout:none;
}

html {
	-webkit-font-size-adjust:none
}
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,a,abbr,address,cite,em,img,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,section,summary,audio,video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	font-family:'NanumSquareNeo','Dotum','arial','sans-serif'
}
body {
	line-height:1
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	font-size:100%
}
table {
	border-collapse:collapse;
	border-spacing:0
}
img {
	max-width:100%;
	border:0;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
ol,ul {
	list-style:none
}
html,body {
	margin:0;
	padding:0;
	color:#666;
	font-size:16px;
	line-height:140%
}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {
	margin:0;
	padding:0
}
body,button {
	font-size:1em;
	line-height:1.6;
	color:#464646
}
input[type="search"] {
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none
}
input[type="checkbox"],input[type="radio"] {
	box-sizing:border-box
}
select {
	margin:0;
	padding:0;
	box-sizing:border-box;
}
select:focus {
	position:relative
}
form label,form input,form span,form img,form em,form a {
	display:inline-block;
	margin-top:0;
	vertical-align:middle
}
form fieldset,legend,form input {
	border:0
}
a {text-decoration: none;color:var(--c_gray_90);}
button {border: 0;background: none; cursor: pointer;}
i,em{font-style:normal;}

/* screen reader only*/
.sr-only {overflow: hidden;position: absolute;border: 0;width: 1px;height: 1px;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);}
.blind {overflow: hidden;position: absolute;border: 0;width: 1px;height: 1px;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);}
.hidden {visibility: hidden;opacity: 0;}

/* display */
.dis_block{display:block!important}
.dis_flex{display:flex!important}
.dis_inblock{display:inline-block!important}
.dis_inflex{display:inline-flex!important}

/* align */
.flex-col{flex-direction:column!important}
.flex-row{flex-direction:row!important}
.fx_align_c{align-items:center!important}
.fx_align_l{align-items:flex-start!important}
.fx_align_r{align-items:flex-end!important}
.fx_valign_c{justify-content:center!important}
.fx_valign_l{justify-content:flex-start!important}
.fx_valign_r{justify-content:flex-end!important}
.fx_valign_bw{justify-content:space-between!important}
.align_l{text-align:left!important}
.align_r{text-align:right!important}
.align_c{text-align:center!important}

/* gap */
.gap0{gap:0!important}
.gap10{gap:10px!important}
.gap20{gap:20px!important}
.gap30{gap:30px!important}
.gap40{gap:40px!important}

/* width */
.wp10 {width:10% !important}
.wp20 {width:20% !important}
.wp30 {width:30% !important}
.wp50 {width:50% !important}
.wp70 {width:70% !important}
.wp90 {width:90% !important}
.wp100 {width:100% !important}

/* 줄바꿈 */
.block {display:block;}
@media screen and (max-width:768px) {
	.block {display:inline;}
}

/* color */
.red {color:#CF2822!important}
.blue {color:var(--c_primary)!important}

/* 버튼 여러개를 묶을땐 아래 중 한개를 클래스를 사용 */
.btn_group,
.btn_wrap,
.btnwrap {display:flex;gap:.5rem}

/* heading title */
h1 {position:relative;margin:35px 0 10px;font-family:'NanumSquareNeo';font-size:26px;line-height:1;font-weight:900;color:var(--c_gray_70)}
h2 {position:relative;margin:80px 0 20px;font-family:'NanumSquareNeo';font-size:20px;line-height:1;font-weight:900;color:var(--c_gray_70)}
h2:first-child {margin:0}
h3,.h3 {margin:40px 0 10px;font-family:'NanumSquareNeo';font-size:18px;font-weight:800;line-height:1;color:var(--c_primary)}
h4,.h4 {margin:10px 0 10px;font-family:'NanumSquareNeo';font-size:17px;line-height:100%;font-weight:800;color:var(--c_gray_70)}
h5,.h5 {margin:10px 0 5px;font-size:15px;line-height:1;color:var(--c_gray_70);font-weight:800}
h6,.h6 {margin:10px 0 5px;font-size:15px;line-height:1;color:var(--c_primary_m)}
h2+h2 {margin-top:0}
h3+h3 {margin-top:0}
h2+h3 {margin-top:0}
h3+h4 {margin-top:0}
h4+h5 {margin-top:0}
h5+h6 {margin-top:0}
.subtitle1,
.subtitle2,
.subtitle3 {position:relative;display:block;line-height:1;font-weight:800;letter-spacing:-0.16px;color:var(--c_gray_70);}
.subtitle1 {font-size:32px;}
.subtitle2 {font-size:24px;}
.subtitle3 {font-size:16px;}

@media screen and (max-width:640px) {
	h2{line-height:1.4}
	.subtitle1 {font-size:24px;}
	.subtitle2 {font-size:18px;}
	.subtitle3 {font-size:15px;}
	.subtitle1,
	.subtitle2,
	.subtitle3{line-height:1.4}
}

/* bulle */
.bullet {padding:11px 15px;border-radius:0.3rem;color:#fff;font-weight:700;background:var(--c_themeA);}

/* input - Default*/
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-calendar-picker-indicator,
input[type="week"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator {opacity:0;cursor:pointer;}

input[type="file"] {cursor: pointer;}

/* label */
.label_tt, label {margin-right:6px;font-size:1.1rem;font-weight:800;color:var(--c_gray_80);}
.label_tt.required, label.required {position:relative;padding-right:14px;}
.label_tt.required > em, label.required > em {position:absolute;top:50%;transform:translateY(-62%);right:0;font-size:0;}
.label_tt.required > em::before, label.required > em::before {content:'';display:block;width:.35rem;height:.35rem;border-radius:.35rem;background:var(--c_primary);}
em.required {display:inline-block;width:.35rem;height:.35rem;margin:0 6px;border-radius:.35rem;background:var(--c_primary);} /* 단독으로 사용할때 em으로 사용하기 꼭 */

input[type="checkbox"]{position:absolute;opacity:0;cursor:pointer;}
input[type="checkbox"] + label{position:relative;display:inline-block;line-height:2.5;margin-right:20px;padding-left:22px;font-weight:500;font-size:initial;color:var(--c_gray_60);cursor:pointer;}
input[type="checkbox"] + label:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-80%);display:block;width:16px;height:16px;background:#fff url('/adm/images/common/checkbox.svg') no-repeat 0 0;}
input[type="checkbox"]:checked + label:before{background-position:0 -16px;}
input[type="checkbox"]:disabled + label:before{background-position:0 -32px;}

/* radio 기본 */
input[type="radio"]{position:absolute;opacity:0;cursor:pointer;}
input[type="radio"] + label{position:relative;display:inline-block;line-height:2.5;margin-right:20px;padding-left:22px;font-weight:500;font-size:initial;color:var(--c_gray_60);cursor:pointer;}
input[type="radio"] + label:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;width:16px;height:16px;background:#fff url('/adm/images/common/radio.svg') no-repeat 0 0;}
input[type="radio"]:checked + label:before{background-position:0 -16px;}
input[type="radio"]:disabled + label:before{background-position:0 -32px;}

/* input 기본 */
input[type="tel"],
input[type="password"],
input[type="text"] {padding:.6rem;margin:0;border:1px solid var(--c_gray_30);border-radius:0.3em;font-size:1rem;font-weight:400;line-height:1.2;color:var(--c_gray_60);font-family:var(--f_nsN);}
input[type="text"].sign {background:#fff !important;width:100px;}
input[type="tel"]:disabled,
input[type="password"]:disabled,
input[type="text"]:disabled {border:none;background:transparent;}
input[type="time"] {min-width:138px;padding:8px;border:none;color:var(--c_gray_60);font-size:1rem;font-family:var(--f_nsN);background:url('/adm/images/common/ico_time.svg') calc(100% - 14px) center no-repeat;} 
input[type="date"],
input[type="month"]{width:168px;padding:.6rem 1rem .6rem 1rem;border:1px solid var(--c_gray_30);border-radius:0.3rem;color:var(--c_gray_60);font-size:1rem;font-family:var(--f_nsN);background:url('/adm/images/common/ico_calender.svg') calc(100% - 16px) center no-repeat;} 
input[type="text"].disabled {border:1px solid var(--c_gray_30);background:var(--c_gray_10);}
input[type="date"].no-line {border:none;}

.date_wrap {display:flex;align-items:center;gap:8px;line-height:1;}

/* textarea 기본 */
textarea {overflow-y:auto;vertical-align:top;width:100%;line-height:1.5;padding:1rem 1.5rem;border-radius:.3rem;border:1px solid var(--c_gray_30);font-size:1rem;font-family:var(--f_nsN);resize:none;}

/* select 기본 */
/* select 스타일 리셋*/
select {-moz-appearance:none;-webkit-appearance:none;appearance:none;cursor:pointer;}
select::-ms-expand {display: none;}
select:hover, select:focus, select:active {outline:none;}
select, .select {padding:.6rem 2rem .6rem 1rem;margin:0;border:1px solid var(--c_gray_30);border-radius:0.3em;font-size:1rem;font-weight:400;color:var(--c_gray_60);font-family:var(--f_nsN);background:url('/adm/images/common/arr_gr.svg') calc(100% - 12px) center no-repeat;}
select:hover, .select:hover {border-color:#888;}
select:focus, .select:focus {border-color:#aaa;box-shadow:0 0 1px 3px rgba(59, 153, 252, .7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none;}
select:disabled, .select:disabled{opacity:0.5;}
select.no-line, .select.no-line {border:none;}
/* designSelect 기본 */
.select_tt {display:flex;align-items:center;gap:6px;min-height:50px;font-size:1.8rem !important;}
.designSelect {position:relative;width:auto;height:50px;margin:auto;border:none;background:#fff;}
.designSelect .lay {width:100%;height:50px;border:none;background:transparent;border-radius:0;}
.designSelect .lay strong {display:block;width:100%;height:100%;}
.designSelect .lay a {position:relative;display:flex;align-items:center;width:100%;height:100%;line-height:1;padding:0 40px 0 8px;color:var(--c_primary);font-size:1.8rem;font-weight:800;cursor:pointer;word-break:keep-all;}
.designSelect .lay a::after {content:"";display:block;position:absolute;right:10px;top:12px;width:24px;height:24px;transform:rotate(0deg);-webkit-transform:rotate(0deg);background:url('/adm/images/common/arr_bk.svg') no-repeat 50%;transition:all var(--ani_time) ease;-webkit-transition:all var(--ani_time) ease;}
.designSelect.on .lay a::after {transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.designSelect.on .lists {display:block;position:absolute;top:47px;width:100%;padding:0 0 0 20px;z-index:10;border:2px solid var(--c_gray_40);overflow-y: scroll;}
.designSelect .lists {display:none;max-height:200px;border-radius:4px;background:#fff;}
.designSelect .lists ul{padding:4px 0;}
.designSelect .lists ul li {text-align:center;}
.designSelect .lists ul li a {display:block;font-size:1rem;line-height:48px;text-align:left;cursor:pointer;word-break:keep-all;}
.designSelect .lists ul li a:hover {color:var(--c_primary)}
/* designSelect type2 */
.designSelect.type2 {margin:0;}
.designSelect.type2 .lay {border:2px solid var(--c_gray_30);border-radius:4px;}
.designSelect.type2 .lay a {padding:0 3.5rem 0 1.5rem;font-size:1rem;font-weight:600;color:var(--c_gray_60);}
.designSelect.type2 .lay a::after {right:14px;}

.designSelect.type2 .lists ul {padding:0}

.designSelect.type2.on .lay {border-radius:4px 4px 0 0;}
.designSelect.type2.on .lists {top:50px;border-top:none;border-radius:0 0 4px 4px;}

.designSelect.w19 {min-width:190px;}

/* selectarea 셀렉트 여러개 쓰일때 */
.selectarea {display:flex;gap:4px;}

/* TABLE */
table {display:table;width:100%;font-weight: 400; margin-bottom:10px;border-top: 3px solid #667FB8;border-bottom: 1px solid #C6D3F0;}
table caption {text-indent:-100000px;font-size:0;line-height:0}
table caption p{margin:0;line-height:0;font-size:0;}
table.center tbody tr td{text-align:center;}
table th,
table td {margin-left:-1px;padding:.7rem .3rem;border-left:1px solid #C6D3F0;border-top:1px solid #C6D3F0;vertical-align:middle;word-wrap:break-word;word-break:keep-all;color:var(--c_gray_60)}
table th:first-child, 
table td:first-child {border-left:none;}

/*table th[colspan]:first-child,*/
table thead tr:nth-child(2) th[scope]:first-child{border-left: 1px solid #C6D3F0;}

table th:last-child, 
table td:last-child {border-right:none;}
table tr:not(:first-child) th[rowspan]:first-child {border-left:1px solid #C6D3F0;}
table.center tbody tr td[rowspan] {border-right:1px solid #C6D3F0;}
table.center tbody tr td[rowspan]:last-child {border-right:0;}

table thead th.trw{border-right:1px solid var(--c_gray_30)}
table th.tlw,
table td.tlw {border-left:1px solid #E3EEF3!important}
table tbody th,
table thead th {vertical-align:middle}
table thead th {font-weight:700;}
table tbody th,
table tfoot th {background-image:none}
table td img {vertical-align:middle}

/* table 기본 */
.tbl_lst thead th {border-color:#C6D3F0;color:var(--c_gray_70);background:#f0f6fe;}
/*.tbl_lst thead th.has-children{background:var(--th_bg_m);}*/
.tbl_lst thead th.has-children:first-child {border-left:1px solid #C6D3F0;}
.tbl_lst thead tr:nth-child(1) th:first-child {border-radius: .5rem 0 0 0;}
.tbl_lst thead tr:nth-child(1) th:last-child {border-radius: 0 .5rem 0 0;}
.tbl_lst tbody tr:nth-child(odd) {background: #fff;}
.tbl_lst tbody tr:nth-child(even) {background: #fbfdff;}

.tbl_lst tfoot tr, .tbl_lst tbody tr.total {background:#f0f6fe; border-top: 1px solid #667FB8;}
.tbl_lst tfoot tr th, .tbl_lst tbody tr.total th,
.tbl_lst tfoot tr td, .tbl_lst tbody tr.total td {color:var(--c_gray_80);font-weight:800;background:#fff}

.tbl_lst .total textarea,
.tbl_lst .total input {background:transparent;}

.tbl_lst.type2 thead th {padding:6px 8px;}
.tbl_lst.type2 tbody tr td {padding:10px 8px;}
.tbl_lst.type2 tbody tr td:nth-child(7),
.tbl_lst.type2 tbody tr td:last-child {text-align:right;}

.tbl_lst thead tr .block {font-size:13px;}

/* .tbl_lst tbody tr:last-child th,
.tbl_lst tbody tr:last-child td {border-bottom:1px solid #C6D3F0;} */
/* 250714 수정 - 다른곳에 영향있는지 체크해야함 */
.tbl_lst tbody tr:last-child th,
.tbl_lst tbody tr:last-child td {border-top:1px solid #C6D3F0;}
.tbl_lst tbody tr:last-child th[colspan]:first-child{border-left:0;}


/* 팝업 table */
.tbl_basic {display:table;margin-bottom:10px;width:100%;border-top:3px solid #667FB8;border-bottom:1px solid transparent;border-collapse:separate;border-collapse:collapse}
.tbl_basic thead th{border-color:#C6D3F0;color:var(--c_gray_70);background:#f0f6fe;}
.tbl_basic tbody tr:nth-child(even) {background:#fff;/*background:#fafcff;*/}

.tbl_basic tfoot th,
.tbl_basic tfoot td{font-weight:800;background:#f0f6fe}
.tbl_basic tfoot th{color:var(--c_gray_80);}
.tbl_basic tfoot td{color:var(--c_gray_60);text-align:center;}

.tbl_basic .th_deep_m:first-child {border-left:1px solid #C6D3F0;}

/* table hover */
.table_hover tbody tr:hover>th, 
.table_hover tbody tr:hover>td {background-color:var(--c_gray_10);}


/* table sticky */
.tbl_sticky thead{position:sticky;top:-3px;background-color:#f0f6fe;z-index:98}

/* list */
.list_ol li{position:relative;padding-left:14px;}
.list_ol li::before{position:absolute;left:0;top:0;content:'01';display:flex;flex-direction:column;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;color:#fff;font-weight:900;line-height:1;letter-spacing:-1.5px;border-radius:100px;background:#F5BC10;}
.list_ol li:nth-of-type(2)::before{content:'02';}
.list_ol li:nth-of-type(3)::before{content:'03';}
.list_ol.box li{padding:40px 40px 40px 84px;color:#333;font-weight:600;border-radius:20px;box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.05);word-break:keep-all;background:#FFF;}
.list_ol.box li:before{left:40px;top:37px;}

/* stat ico*/
.state {display:inline-block;width:32px;height:32px;margin:auto;background-repeat:no-repeat;background-position:50%;text-indent:-999px;font-size:0;overflow:hidden;}
.state.disabled {filter:brightness(2) grayscale(1);pointer-events:none;}
.state.learn {background-image: url('/adm/images/common/ico_learn.svg');}/* 완료 */
.state.miss {background-image: url('/adm/images/common/ico_miss.svg');}/* 미완료 */
.state.disable {background-image: url('/adm/images/common/ico_disable.svg');}/* 비활성 완료 */
.state.basket {background-image: url('/adm/images/common/ico_basket.svg');} /* 삭제 */
.state.download {background-image: url('/adm/images/common/ico_download.svg')} /* 다운로드 */
.state.modify {background-image:url('/adm/images/common/ico_modify.svg');} /* 수정 */
.state.icosign {border-radius:32px;background-image: url('/adm/images/common/ico_sign.svg');background-color:var(--c_primary_m2);} /* 수정2 */
.state.icosign.disabled {background-image:url('/adm/images/common/ico_sign_del.svg');background-color:var(--c_primary_m2);filter:initial;}

/* 헤딩 아이콘 */
.hico {display:inline-block;width:35px;height:35px;margin:auto;border-radius:35px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:50%;background-color:var(--c_white);}
.hico.disabled {filter:brightness(2) grayscale(1);pointer-events:none;}
.hico.person.bk {background-image:url('/adm/images/common/ico_person_w.svg');background-color:var(--c_primary_m2);}
.hico.person.wt {background-image:url('/adm/images/common/ico_person_b.svg');}
.hico.record {background-image:url('/adm/images/common/ico_record.svg');}
.hico.school {background-image:url('/adm/images/common/ico_school.svg');background-color:var(--c_primary_m2);}

/* 팝업 닫기버튼 */
.bn_close {width:2.5rem;height:2.5rem;border-radius:20rem;background:#fff url('/adm/images/common/close_bk.svg') no-repeat 50% 50%;}
.bn_close.bk {background:#333 url('/adm/images/common/close_w.svg') no-repeat 50% 50%; transition: var(--ani_time);}
.bn_close.bk:hover {background-color: #444;}

/* infobox */
.info_wrap {display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border-radius:8px;border:4px solid var(--c_gray_10);}
.info_wrap .tt_wrap {display:flex;align-items:center;gap:12px;}
.info_wrap .tt_wrap span {line-height:1;font-size:18px;font-weight:800;color:var(--c_gray_90);}
.info_wrap .btn_wrap {display:flex;gap:8px;}

/* 필터 공통*/
.filter {display:flex;align-items:center;gap:10px;padding:.8rem;border-radius:.3rem;background:var(--c_primary_p10);}
/* 필터 : radio 형태 */
.filter input[type="radio"] + label {width: 90px;margin:0;padding:.8rem 0;text-align: center;line-height:1;border-radius:.3rem;border:1px solid transparent;color:#97ADC2;font-size:1.2rem;font-weight:700;}
.filter input[type="radio"] + label:before {display:none;}
.filter input[type="radio"]:checked + label {border-color:var(--c_primary);color:var(--c_primary);background:#fff}
/* 필터 : button 형태 */
.filter a, .filter button, .filter .btn {margin:0;padding:.8rem;line-height:1;border-radius:.3rem;border:1px solid transparent;color:#97ADC2;font-size:1.1rem;font-weight:700;}
.filter a.on, .filter button.on, .filter .btn.on {border-color:var(--c_primary);color:var(--c_primary);background:#fff}

/* sign */
.sign_wrapper > td {padding:0;}

.sign_wrap {display:flex;}
.sign_wrap > div {display:flex;align-items:center;}
.sign_wrap_left {width:40%;border-right:1px solid #C6D3F0;}
.sign_wrap_right {flex-direction:column;width:calc(100% - 40%);}

.sign_box {position:relative;width:100%;height:100%;}
.sign_box > * {position:absolute;top:50%;right:0;transform:translateY(-50%);width:100%;height:100%;}
.sign_box > span {z-index:1;display:flex;align-items:center;gap:12px;right:24px;width:initial;height:initial;line-height:1;color:var(--c_gray_60);font-weight:500;}
.sign_box > span .state.icosign {cursor:pointer;}
.sign_box .signDiv:has(img),
.sign_box .signDiv:has(canvas) {z-index:2;display:flex;align-items:center;width:60%;margin-right:3rem;height:100%;}
.sign_box .signDiv:has(img) > img,
.sign_box .signDiv:has(canvas) > canvas {width:100%;height:100%;max-height:90px;}
.sign_box .signDiv:has(img) + span .state.icosign,
.sign_box .signDiv:has(canvas) + span .state.icosign{background-image: url('/adm/images/common/ico_sign.svg');background-color:var(--c_gray_40);pointer-events:none;}
.sign_box .signDiv:has(img) + span .state.icosign.disabled,
.sign_box .signDiv:has(canvas) + span .state.icosign.disabled{background-image: url('/adm/images/common/ico_sign_del.svg');background-color:var(--c_primary_m2);cursor: pointer;pointer-events: painted;}

.sign_wrap dl {display:flex;align-items:center;width:100%;border-bottom:1px solid #C6D3F0;}
.sign_wrap dl:last-child {border:none;}
.sign_wrap dl dt {width:30%;text-align:center;}
.sign_wrap dl dd {width:calc(100% - 30%);border-left:1px solid #C6D3F0;}
.sign_wrap dl dd > .sign_box {padding:9%;}

/* 테이블 안에 사인 */
td:has(div.signDIv) {display:flex;justify-content:center;padding:6px 8px;}
td:has(div.signDIv) .signDIv {display:flex;width:150px;height:48px;justify-content:center;}

/* modal 공통 */
.open {height:100vh;overflow:hidden;}
.modal {z-index:101;position:fixed;bottom:0;left:0;right:0;top:0;display:none;align-items:center;flex-direction:column;justify-content:center;overflow:hidden;height:100vh;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;}
.modal.is-active {display:flex;display:-webkit-box;display:-ms-flexbox;}

.modal .modal-background {position:absolute;bottom:0;left:0;right:0;top:0;background-color: rgb(10 10 10 / 10%);}
.modal .modal-background.is-click-disabled {pointer-events:none;}

.modal .modal-content {position:relative;width:100%;margin:0 auto;}

.modal-close {z-index:99;position:absolute;top:0;right:0;-webkit-transition:all .2s;transition:all .2s;}
.modal-close::after,
.modal-close::before {content:'';position:absolute;left:50%;top:50%;display:block;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center;background-color:var(--c_black);-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;}
.modal-close::before {height:2px;width:80%;}
.modal-close::after {height:80%;width:2px;}

/* popup */
.modal-popup {}
.modal-popup .modal-content {width:550px;padding:2rem 3rem 3rem;border:1px solid var(--c_gray_60);box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);background:#fff;}
.modal-popup .modal-content.is-full {}
.modal-popup .modal-content.is-medium {width:1200px;}

.modal-popup .modal-close {right:20px;top:20px;width:2rem;height:2rem;}
.modal-popup .popup-wrap {display:flex;flex-direction:column;gap:16px;}
.popup-wrap .con-head {}
.popup-wrap .con-head h3 {font-size:1.6rem;color:var(--c_primary_m);font-family:var(--f_eli);}
.popup-wrap .con-head p {color:var(--c_gray_60);}
.popup-wrap .con-wrap {display:flex;}
.popup-wrap .btn_wrap {display:flex;gap:10px;justify-content:center;}

/* popup type2 */
.modal-popup.type2 {}
.modal-popup.type2 .modal-content {padding:0;border:0;box-shadow:none;background:transparent;}
.modal-popup.type2 .modal-content .box {padding:2rem 3rem 3rem;border:1px solid var(--c_gray_60);box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);background:#fff;}
.modal-popup.type2 .modal-content .box.scroll {height:900px;padding:2rem 1.2rem 3rem 2rem;overflow-y:scroll;}
.modal-popup.type2 .modal-content .box.scroll::-webkit-scrollbar {width:10px;}
.modal-popup.type2 .modal-content .box.scroll::-webkit-scrollbar-thumb {border-radius:10px;border:2px solid transparent;background-color:#8D9BA8;background-clip:padding-box;}
.modal-popup.type2 .modal-content .box.scroll::-webkit-scrollbar-track {background-color:#fff;border-radius:10px;box-shadow:inset 0px 0px 5px white;}
.modal-popup.type2 .modal-close {right:-60px;top:0;width:3rem;height:3rem;border-radius:0.5rem;background:var(--c_gray_80);}
.modal-popup.type2 .modal-close:hover {background:var(--c_gray_90);}
.modal-popup.type2 .modal-close::after, .modal-popup.type2 .modal-close::before {background-color:#fff;}
.modal-popup.type2 .modal-close::before {width:60%;}
.modal-popup.type2 .modal-close::after {height:60%;}

.modal-popup.type2 .modal-content .box.scroll.type2 {height:auto}


/* 모달팝업 :: 회원가입 학교검색 */
.search-sc {}
.search-sc .con-wrap {gap:10px;}
.search-sc .con-wrap input {width:100%;}
.search-sc .con-wrap .btn {}
.search-result {display:flex;flex-direction:column;gap:10px;}
.search-result .result-num {padding-bottom:6px;border-bottom:1px solid var(--c_gray_30);font-size:1.1rem;font-weight:600;}
.search-result .result-num > span{color:var(--c_primary);font-weight:800;}
.search-result .result-wrap {width:100%;height:40vh;overflow-y:auto;}
.search-result .result-wrap::-webkit-scrollbar {width:18px;}
.search-result .result-wrap::-webkit-scrollbar-thumb {height:30%;border-radius:18px;background-clip:padding-box;border:6px solid white;background:var(--c_gray_40);}
.search-result .result-wrap .result-box {display:flex;flex-direction:column;padding:1vh 0 2vh;}
.search-result .result-wrap .result-box .item {display:flex;flex-wrap:wrap;}
.search-result .result-wrap .result-box li:nth-of-type(1) {padding-bottom:14px;}
.search-result .result-wrap .result-box li + li {padding:14px 0;border-top:1px solid var(--c_gray_40)}
.search-result .result-wrap .result-box .item > strong {width:calc(100% - 4rem);font-size:1.1rem;font-weight:600;color:var(--c_gray_80);}
.search-result .result-wrap .result-box .item > .btn {width:4rem;}
.search-result .result-wrap .result-box .item > p {width:100%;}
.search-sc .btn_wrap a, .search-sc .btn_wrap button {width:100%;}

/* 모달팝업 :: 비밀번호 변경 */
.pasw_wrap .con-wrap ul {display:flex;flex-direction:column;gap:4px;width:100%;}
.pasw_wrap .con-wrap ul li input {width:100%;}

/* 모달팝업 :: 통계페이지 */
.modal-chart {background: rgba(0, 0, 0, 0.2);}
.modal-chart .popupwrap {position:relative;display:flex;flex-direction:column;gap:1rem;height:auto;width:100%;max-width:100rem;max-height: 90%;overflow-y: scroll;margin:0 auto;padding:4rem;border:.3rem solid var(--c_primary_m);border-radius: .8rem;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);background:#fff;}
.modal-chart .popupwrap h2 {position:relative;display:flex;justify-content:flex-start;gap:1rem;font-size:36px;color:var(--c_primary_m);}
.modal-chart .popupwrap h2 * {font-family:var(--f_eli);}
.modal-chart .popupwrap h2 .hd_sub_title {display:flex;align-items:center;gap:1rem;}
.modal-chart .popupwrap h2 .hd_sub_title:before {content:'';display:block;width:2px;height:30px;margin-top:6px;background:var(--c_gray_40);}
.modal-chart .popupwrap .inner {display:flex;justify-content:center;align-items:center;padding:4rem;border:1px solid var(--c_gray_30);border-radius:0.5rem;}


.modal-chart .titwrap {display:flex;align-items:center;justify-content:space-between;margin-top:3rem;}
.modal-chart .titwrap h3 {margin:0;font-size:22px;font-weight:600;}
.modal-chart .etcwrap button {display:flex;align-items:center;gap:4px;font-family:var(--f_nsN);}
.modal-chart .etcwrap button::before {content:'';display:block;width:22px;height:22px;background:url(/adm/images/common/ico_print.svg) 50% no-repeat;}

.modal-chart .bn_close {z-index:99;position:absolute;top:2rem;right:2rem;width:3rem;height:3rem;cursor:pointer;background:none;}
.modal-chart .bn_close::after,
.modal-chart .bn_close::before {content:'';position:absolute;left:50%;top:50%;display:block;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center;background-color:var(--c_black);-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;}
.modal-chart .bn_close::before {height:3px;width:80%;}
.modal-chart .bn_close::after {height:80%;width:3px;}

/* tab 기본 */
.tabs {width:100%}
.tabs .tab-header {position:relative;display:flex;align-items:center;gap:0;margin-bottom:3rem;}
.tabs .tab-header::after{z-index:0;content:"";position:absolute;left:0;bottom:0;display:block;width:100%;height:1px;background:var(--c_gray_30);}
.tabs .tab-header > a,
.tabs .tab-header > button {position:relative;margin-left:-1px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:800;color:var(--c_gray_60);border:1px solid var(--c_gray_30);border-bottom:0;font-family:var(--f_nsN);background-color:var(--c_gray_10);cursor:pointer;}
.tabs .tab-header > a.active,
.tabs .tab-header > button.active {z-index:10;color:var(--c_gray_70);background:var(--c_white);}
.tabs .tab-body{padding:0;}

.tabs.type02 .tab-header > button {border: .2rem solid #E2E2E2; border-bottom:0; color: #AFAFAF; background:#fff; }
.tabs.type02 .tab-header > button.active {color:var(--c_blue); border-color: var(--c_blue); background:#fff}

/* tab 기본 - 버튼형 추가 250714 type03: 아이콘 탭 스타일 */
.tabs.type03 .tab-header {display: flex;gap: 8px;}
.tabs.type03 .tab-header::after{display:none;}
.tabs.type03 .tab-header > button,
.tabs.type03 .tab-header > a{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:1.05rem;font-weight:600;border-radius:6px;border:2px solid #002D6E;/*진한 네이비*/background:#fff;color:#1E2124;cursor:pointer;transition:0.2s;}

.tabs.type03 .tab-header > button::before,
.tabs.type03 .tab-header > button.active::after,
.tabs.type03 .tab-header > a::before,
.tabs.type03 .tab-header > a.active::after {content:'';display:block;width:20px;height:20px;background:url(/adm/images/common/ico_view_data.svg) no-repeat 50%;background-size:cover}
.tabs.type03 .tab-header > button:last-child::before,
.tabs.type03 .tab-header > a:last-child::before{background-image:url(/adm/images/common/ico_view_graph.svg)}
.tabs.type03 .tab-header > button::after,
.tabs.type03 .tab-header > a::after{display:none;}
.tabs.type03 .tab-header > button.active::after,
.tabs.type03 .tab-header > a.active::after{background-image:url(/adm/images/common/ico_arr_down.svg);}

.tabs.type03 .tab-header > button.active::before,
.tabs.type03 .tab-header > a.active::before{background-image:url(/adm/images/common/ico_view_data_ov.svg)}
.tabs.type03 .tab-header > button.active:last-child::before,
.tabs.type03 .tab-header > a.active:last-child::before{background-image:url(/adm/images/common/ico_view_graph_ov.svg)}

.tabs.type03 .tab-header > button.active,
.tabs.type03 .tab-header > a.active {background: #002D6E;color: #fff;border-color: #002D6E;}




/* tab :: 통계페이지 chart */
.tabs-chart {position:relative;width:100%;}
.tabs-chart .tab-header-chart {position:relative;display:flex;align-items:center;gap:0;margin-bottom:2rem;}
.tabs-chart .tab-header-chart::after{z-index:0;content:"";position:absolute;left:0;bottom:0;display:block;width:100%;height:1px;background:var(--c_gray_30)}
.tabs-chart .tab-header-chart > button {position:relative;margin-left:-1px;padding:1rem 1.6rem;/*font-size:1.2rem;*/font-weight:800;color:var(--c_gray_60);border:1px solid var(--c_gray_30);border-bottom:0;font-family:var(--f_nsN);background-color:var(--c_gray_10);cursor:pointer;}
.tabs-chart .tab-header-chart > button.active {z-index:10;color:var(--c_gray_70);background:var(--c_white);}
.tabs-chart .tab-header-chart > button:has(a) {padding:0;}
.tabs-chart .tab-header-chart > button:has(a) a {display:inline-block;padding:1rem 2rem;color:var(--c_gray_60);}
.tabs-chart .tab-header-chart > button.active:has(a) a {color:var(--c_gray_70);}

.tab-body-chart {padding:0;display:none;}
.tab-body-chart.active {display:flex;flex-direction:column;gap:1rem;}
.tab-body-chart h2 {margin:0;}

.tabs-chart.type02 .tab-header-chart > button {border: .2rem solid #E2E2E2; border-bottom:0; color: #AFAFAF; background:#fff; }
.tabs-chart.type02 .tab-header-chart > button.active {color:var(--c_blue); border-color: var(--c_blue); background:#fff}



/* tab :: 통계페이지 chart */
.tabs-chart.view .tab-header-chart{display: flex;gap: 8px;}
.tabs-chart.view .tab-header-chart::after{display:none;}
.tabs-chart.view .tab-header-chart > button{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:1.05rem;font-weight:600;border-radius:6px;border:2px solid #002D6E;/*진한 네이비*/background:#fff;color:#1E2124;cursor:pointer;transition:0.2s;}
.tabs-chart.view .tab-header-chart > button::before,
.tabs-chart.view .tab-header-chart > button.active::after {content:'';display:block;width:20px;height:20px;background:url(/adm/images/common/ico_view_data.svg) no-repeat 50%;background-size:cover}
.tabs-chart.view .tab-header-chart > button:last-child::before{background-image:url(/adm/images/common/ico_view_graph.svg)}
.tabs-chart.view .tab-header-chart > button::after{display:none;}
.tabs-chart.view .tab-header-chart > button.active::after{background-image:url(/adm/images/common/ico_arr_down.svg);}
.tabs-chart.view .tab-header-chart > button.active::before{background-image:url(/adm/images/common/ico_view_data_ov.svg)}
.tabs-chart.view .tab-header-chart > button.active:last-child::before{background-image:url(/adm/images/common/ico_view_graph_ov.svg)}
.tabs-chart.view .tab-header-chart > button.active {background: #002D6E;color: #fff;border-color: #002D6E;}


/* tab in tab */
.tabintab.tabs {}
.tabintab.tabs .tab-header{display:flex;justify-content:center;gap:.8rem;}
.tabintab.tabs .tab-header::after{display:none}
.tabintab.tabs .tab-header > button {position:relative;display:flex;align-items:center;gap:.2rem;padding:.6rem .6rem .6rem .8rem;font-weight:400;color:var(--c_gray_90);border-radius:.4rem;border:.1rem solid var(--c_gray_30);cursor:pointer;background-color:var(--c_white);font-size:14px;}
.tabintab.tabs .tab-header > button.active {z-index:10;color:#fff;border-color:var(--c_gray_70);background:var(--c_gray_70);}
.tabintab.tabs .tab-header > button::after{content:"";display:block;}
.tabintab.tabs .tab-header > button.active::after{width:18px;height:18px;mask:url('/adm/images/common/ico_arr_down.svg') no-repeat 50%;-webkit-mask:url(/adm/images/common/ico_arr_down.svg) no-repeat 50%;background:#fff;}
.tabintab.tabs .tab-header > button::before{display:none;}
.tabintab.tabs .tab-body{padding:0;display:none;}
.tabintab.tabs .tab-body.active{display:block;}

.tab-body-chart .selectarea {position:absolute;top:0;right:0;justify-content:flex-end;}

/* tab :: 책임지원 모달 안에 */
.tabs.is-toggle ul {position:relative;display:flex;align-items:center;gap:0;margin-bottom:1rem;}
.tabs.is-toggle ul::after{z-index:0;content:"";position:absolute;left:0;bottom:0;display:block;width:100%;height:1px;background:var(--c_gray_30)}
.tabs.is-toggle ul .course_type_btn {}
.tabs.is-toggle ul .course_type_btn.is-active {}
.tabs.is-toggle ul .course_type_btn > a {position:relative;display:block;margin-left:-1px;padding:.8rem 5.5rem;font-size:1rem;font-weight:800;color:var(--c_gray_60);border:1px solid var(--c_gray_30);border-bottom:0;font-family:var(--f_nsN);background-color:var(--c_gray_10);cursor:pointer;}
.tabs.is-toggle ul .course_type_btn.is-active a {z-index:10;color:var(--c_gray_70);background:var(--c_white);}
.tabs.is-toggle ul .course_type_btn > a > span {}


/* chart table */
.tab-body-chart table thead th,
.tab-body-chart table tbody td {font-size:14px;}

.tab-body-chart table tbody td {border-bottom-style:dashed;border-left-style:dashed;}
.tab-body-chart table tbody td:first-child {border-left:none;}

table .total-wrap {border-top:1px solid #667FB8;border-bottom:1px solid #C6D3F0;font-weight:600;background:#f0f6fe !important;}
table .total-wrap td {border-bottom-style:solid;border-left-style:solid;border-top:none;}
table .total-wrap td:first-child {font-weight:800;border-left:none;}

/* top_box */
.top_box {width: 100%; display: flex; gap: 2rem;}
.top_box .inner {display:flex;justify-content:center;width:100%;gap:4rem;padding:3rem;border-radius:.5rem;border:1px solid var(--c_gray_30);background:#ffffff;overflow:hidden;}
.top_box .std {display:inline-flex;align-items:center;padding:0;gap:1rem;}
.top_box .std .btn_group {display:flex;align-items:center;gap:1rem;}
.top_box .std .btn_group .count_txt_input {width:5.3rem;height:3.6rem;padding:0;border:2px solid #E2E2E2;border-radius:.5rem;font-weight:800;text-align:center;font-family:var(--f_nsR);}
.top_box .std .btn_group button.circle_btn {width:3.6rem;height:3.6rem;}

.top_box .file {display: inline-flex;align-items:center;padding:0;gap:1rem;}
.top_box .inner .item h3 {line-height:1;font-size:1.6rem;margin-bottom:0;transform:skew(-0.001deg);}

/*페이징*/
.paginate {margin:40px 0 20px 0;text-align:center;line-height:18px;}
.paginate:after {content:"";display:block;clear:both;}
.paginate li{display:inline-block;list-style:none;vertical-align:middle;}
.paginate li a {display:block;width:32px;height:32px;margin:4px 1px; line-height:32px;text-align:center;vertical-align:middle;}
.paginate .dir a{margin:auto;background-repeat:no-repeat;background-position: 50%;font-size:0;line-height:0;}
.paginate .dir a span {height:0;font-size:0;}
.paginate .dir.first a{background-image:url('/adm/images/common/ico_arrow_l2.svg')}
.paginate .dir.last a{background-image:url('/adm/images/common/ico_arrow_r2.svg')}
.paginate .dir.prev a{background-image:url('/adm/images/common/ico_arrow_l.svg')}
.paginate .dir.next a{background-image:url('/adm/images/common/ico_arrow_r.svg')}
.paginate li.dir.active a,
.paginate li.dir a:hover,
.paginate li.dir a:focus,
.paginate li.dir a:active{background-color:#fff;}
.paginate li.active a,
.paginate li a:hover,
.paginate li a:focus,
.paginate li a:active,
.paginate li.on a {background-color:var(--c_gray_60);color:#fff;text-decoration:none;border-radius:50px;}


/*준비중*/
.ready_wrap {display:flex;flex-direction:column;align-items:center;gap:25px;padding:6vw 0;background: var(--c_gray_5)}
.ready_wrap h2 {margin:0;font-size:3.5rem;font-family:var(--f_eli);color:var(--c_gray_50);}
.ready_wrap > div {display:flex;flex-direction: column;align-items:center;gap:20px;width:100%;padding:0;}
.ready_wrap h2 {font-size:3rem;}
.ready_wrap span {font-size:1.6rem;font-family:var(--f_eli);color:var(--c_primary_m);}
.ready_wrap span > .blue {color:var(--c_primary);}

/*table swipe*/
.responseTable,
.responseTable_bd {position:relative;}

.flip-scroll,
.table-pc,
.table-responsive{position:relative;}
.flip-scroll .table-icon,
.table-responsive .table-icon{display:block;opacity:1;}
.table-pc .table-icon{display:none;}
.table-icon.icon--hide{display:none!important;opacity:0;}
.table-icon.on,.ui:after{display:block;}
.table-icon{position:absolute;z-index:2;top:67px;right:45%;width:50px;height:50px;border-radius:50px;background-color: rgba( 255, 255, 255, 0.5 );box-shadow:-1px 1px 10px grey;align-items:center;justify-content:center;transition:all .5s ease-in-out;}
.swipe-icon .swipe-arrow{animation:pulse-arrow 3s ease-out infinite;}
.swipe-icon{position:absolute;top:15px;left:25%;width:25px;height:25px;overflow:visible;animation:hand-move 3s ease-out infinite;}
.scaledown{transform:scale(.7,.7);}


@media (max-width: 1400px) {
	.responseTable{width:100%;overflow-x: auto;}
	.responseTable table{min-width:1200px;}
	.responseTable.w1400 table{width:1400px;}
	.responseTable::-webkit-scrollbar {height:14px}
	.responseTable::-webkit-scrollbar-track {box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px}
	.responseTable::-webkit-scrollbar-thumb {background-color:var(--c_primary);border-radius:10px}
	.prog_content .table-icon{top:480px;}
	.prog_content .responseTable .table-icon{top:0;}
}

@media (max-width: 1240px) {
	
}


@media (max-width: 1024px) {
	.designSelect .lay a{font-size: 1.6rem}
	.select_tt{font-size: 1.6rem !important;}
}


@media (max-width: 800px) {
	.designSelect .lay a{font-size: 1.3rem}
	.select_tt{font-size: 1.3rem !important;}
}


.mb5 {margin-bottom:5px !important;}
/* margin */
.mauto {margin:0 auto !important}
.mt_10 {margin-top:10px !important}
.mt_20 {margin-top:20px !important}
.mt_30 {margin-top:30px !important}
.mt_40 {margin-top:40px !important}
.mt_50 {margin-top:50px !important}
.mt_60 {margin-top:60px !important}

.mb_10 {margin-bottom:10px !important}
.mb_20 {margin-bottom:20px !important}
.mb_30 {margin-bottom:30px !important}
.mb_40 {margin-bottom:40px !important}
.mb_50 {margin-bottom:50px !important}
.mb_60 {margin-bottom:60px !important}

.ml_20 {margin-left:20px !important}
.ml_10 {margin-left:10px !important}
.ml_30 {margin-left:30px !important}
.ml_40 {margin-left:40px !important}
.ml_50 {margin-left:50px !important}
.ml_60 {margin-left:60px !important}