@charset "UTF-8";

/* placeholder */
::-webkit-input-placeholder {color:var(--colorGray40)}
::-moz-placeholder {color:var(--colorGray40)}
:-ms-input-placeholder {color:var(--colorGray40)}
:-moz-placeholder {color:var(--colorGray40)}

input, select, textarea {font-family:inherit}

select {
    border-radius:0; /* 아이폰 사파리 보더 없애기 */
    -webkit-appearance:none; /* 화살표 없애기 for chrome*/
    -moz-appearance:none; /* 화살표 없애기 for firefox*/
    appearance:none; /* 화살표 없애기 공통*/
	transition:0.2s
}

select::-ms-expand{
    display:none /* 화살표 없애기 for IE10, 11*/
}


select {height:44px;padding:12.5px 35px 12.5px 14px;line-height:1;cursor:pointer;font-size:1em;color:var(--colorGray90);border:1px solid var(--colorBorderGray);border-radius:6px;background-image:url(/images/edu/kor/user/board/ic_slt.png);background-repeat:no-repeat;background-position:right 14px center;position:relative}
select:hover {border-color:var(--colorGray90)}
select:disabled {background-color:#E6E8EA;border-color:var(--colorBorderGray)}

input[type="text"], 
input[type="date"],
input[type="month"], 
input[type="time"], 
input[type="password"] {height:18px;padding:12px 14px;font-size:1em;color:var(--colorGray90);border:1px solid var(--colorBorderGray);border-radius:6px;transition:0.2s}
input[type="date"], 
input[type="month"],
input[type="time"] {max-width:120px}
input[type="text"]:hover, 
input[type="date"]:hover,
input[type="time"]:hover,
input[type="password"]:hover {border-color:var(--colorGray90)}
input[type="checkbox"], 
input[type="radio"] {appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1px solid #6D7882;border-radius:3px;background-color:#fff;position:relative;transition:0.2s;vertical-align:top}
input[type="radio"] {border-radius:100%}
input[type="radio"]::after {width:0;height:0;content:"";background-color:#fff;border-radius:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transition:0.2s}
input[type="checkbox"]:hover, 
input[type="radio"]:hover {border-color:var(--colorMain)}
input[type="checkbox"]:checked {background-color:var(--colorMain);background-image:url(/images/edu/kor/user/board/chk.png);background-position:center;background-repeat:no-repeat}
input[type="radio"]:checked {background-color:var(--colorMain);border-color:var(--colorMain)}
input[type="radio"]:checked::after {width:8px;height:8px}

input[readonly], 
input:disabled {background-color:#E6E8EA;border-color:var(--colorBorderGray)}

textarea {display:block;width:calc(100% - 30px);padding:12px 14px;font-size:1em;color:var(--colorGray90);border:1px solid var(--colorBorderGray);border-radius:6px;transition:0.2s}
textarea:hover {border-color:var(--colorGray90)}
textarea:disabled {background-color:#E6E8EA;border-color:var(--colorBorderGray)}

/* 입력필드 넓이 */
textarea.mnh {min-height:200px}
textarea.mnh2 {min-height:120px}

select.miw, 
input.miw, 
textarea.miw {min-width:150px}
select.mxw {width:100%;max-width:430px}
input.mxw, 
textarea.mxw {width:calc(100% - 30px);max-width:400px}

select.w100 {width:100%}
input.w100 {width:calc(100% - 30px)}

.inp_obj .inp_li {display:inline-block;margin-right:45px;word-break:break-word}
.inp_obj .inp_li:last-child {margin-right:0}
.inp_obj.s2 .inp_li {display:block;margin:0 0 10px 0}
.inp_obj.s2 .inp_li:last-child {margin-bottom:0}
.inp_obj.bd_line {border-top:2px solid var(--colorBorderGray);border-bottom:2px solid var(--colorBorderGray)}
.inp_obj.bd_line .inp_li {display:block;padding:14px 0 14px 20px;border-bottom:1px solid var(--colorGray10)}
.inp_obj.bd_line .inp_li:last-child {border-bottom:0}
.inp_obj.bd_line .inp_li:has(input[readonly]) {background-color:var(--colorBgGray)}
.inp_obj.bd_line .inp_li:has(input[readonly][checked]) {background-color:#fff}
.inp_obj.bd_line .inp_li:has(input[readonly][checked]) label {font-weight:700;color:var(--colorMain)}
.input_form .inp_btn {margin-bottom:10px}
.input_form .inp_btn:last-child {margin-bottom:0}
.input_form .inp_btn .f1 {display:inline-block;width:70px}
.input_form .inp_btn .f2 {display:inline-block;width:calc(100% - 105px)}
.input_form .inp_btn .f3 {}
.input_form .inp_btn .f4 {width:calc(100% - 130px);max-width:400px}

/* 추가된 첨부파일 리스트 기본 */
.file_list {margin-top:8px}
.file_list .file_list_inner {}
.file_list .file_list_box {margin-bottom:3px}
.file_list .file_list_box:last-child {margin-bottom:0}
.file_list .file_list_box .icon {vertical-align:middle}
.file_list .file_list_box .text {max-width:calc(100% - 42px);vertical-align:top}

/* 추가한 첨부파일 리스트 + 삭제버튼 */
.add_file .file_list .file_list_box {}
.add_file .file_list .file_list_box .text {max-width:calc(100% - 45px)}
.add_file .file_list .file_list_box .btn {width:16px;font-size:1.1em;line-height:1}
.add_file .file_list .file_list_box .btn:hover, 
.add_file .file_list .file_list_box .btn:focus {color:var(--colorRed)}

/* drop 첨부파일
#drop_file {}
#drop_file .add_file_list {display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
#drop_file .add_file_list .add_file {display:inline-flex;column-gap:6px;padding:4px 10px;line-height:1.2;border:1px solid var(--colorBorderGray);border-radius:6px;background-color:#fff}
#drop_file .add_file_list .add_file .text {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:500px;font-size:14px;font-weight:500;overflow:hidden}
#drop_file .add_file_list .add_file .btn_delete {font-size:12px;font-weight:bold;color:var(--colorGray60)}
#drop_file .add_file_list .add_file .btn_delete::before {font-family:'xeicon';content:'\e921'}
#drop_file .add_file_list .add_file .btn_delete:hover, 
#drop_file .add_file_list .add_file .btn_delete:focus {color:var(--colorRed)}
#drop_file .add_file_drop {padding:24px 15px;text-align:center;border:2px dashed var(--colorBorderGray);border-radius:8px}
#drop_file .add_file_drop .drop_inner {}
#drop_file .add_file_drop .drop_inner .img_icon {margin-bottom:5px}
#drop_file .add_file_drop .drop_inner .btn_custom {margin-top:24px} */
.kssFileWarp {}
.kssFileWarp .btn_list {}
.kssFileWarp .file_li {display:table-cell;padding:5px}
.kssFileWarp .kssFileName {width:auto}
.kssFileWarp .kssFileExtension, 
.kssFileWarp .kssFileDownload, 
.kssFileWarp .kssFileRemove {width:15%}
.kssFileWarp .kssFileAttach {}
.kssFileWarp .kssFileAttach .btn_list {text-align:right;position:relative}
.kssFileWarp .kssFileAttach .btn_custom {margin-left:5px}
.kssFileWarp .kssFileAttach .btn_custom:first-child {margin-left:0}
.kssFileWarp .kssFileAttach .kssZipDownloadBtn {}
.kssFileWarp .kssFileAttach .kssFileBtn {}
.kssFileWarp .kssFileAttach .kssFileHidden {width:120px;height:44px;cursor:pointer;border-radius:6px;position:absolute;right:0;top:0;opacity:0;z-index:1}
.kssFileWarp .kssFileAttach .kssFileHidden2 {width:120px;height:44px;cursor:pointer;border-radius:6px;position:absolute;right:0;top:0;opacity:0;z-index:1}
.kssFileWarp .kssFileDescription {font-size:0.9375em;color:var(--colorGray60)}
.kssFileWarp .kssFileDataWarp {margin-top:12px}
.kssFileWarp .kssFileList {}
.kssFileWarp .kssFileList .kssFileHeader {display:table;width:100%;text-align:center;background-color:var(--colorBgGray);border-top:1px solid var(--colorBorderGray);border-bottom:1px solid var(--colorBorderGray)}
.kssFileWarp .kssFileList .kssFileHeader .file_li {font-weight:500}
.kssFileWarp .kssFileList .kssFileBody {display:table;width:100%;font-size:0.9375em;color:var(--colorGray60)}
.kssFileWarp .kssFileList .kssFileBody ul {}
.kssFileWarp .kssFileList .kssFileBody ul li {display:table;width:100%;text-align:center}
.kssFileWarp .kssFileList .kssFileBody .file_li {border-bottom:1px solid var(--colorBorderGray)}
.kssFileWarp .kssFileList .kssFileBody .kssFileName {text-align:left;font-weight:500;color:var(--colorGray90);word-break:break-all}
.kssFileWarp .kssFileList .kssFileBody .kssFileName::before {font-family:'xeicon';content:'\ea81';margin-right:3px;color:var(--colorMain);vertical-align:middle}
.kssFileWarp .kssDragAndDrop {display:flex;align-items:center;justify-content:center;height:90px;text-align:center;color:var(--colorGray60);background-color:var(--colorGray10)}

/* 드롭다운 */
.dropdown {font-weight:500;border:1px solid var(--colorBorderGray);border-radius:6px;position:relative;transition:0.2s}
.dropdown:not(.no_drop):hover {border-color:var(--colorGray90)}
.dropdown .select_label {width:1px;height:1px;text-indent:-9999px;position:absolute;left:0;top:0;overflow:hidden}
.dropdown .selected_option {width:100%;height:42px;padding:12px 40px 12px 14px;font-weight:500;text-align:left;font-size:1em;color:var(--colorGray90);background-image:url(/images/edu/kor/user/board/ic_slt.png);background-repeat:no-repeat;background-position:right 14px center;transition:0.2s}
.dropdown .option_list {display:none;width:calc(100% + 2px);max-height:219px;border:1px solid var(--colorGray90);border-top:0;border-radius:0 0 6px 6px;position:absolute;left:-1px;top:42px;z-index:2;overflow-y:auto;box-sizing:border-box}
.dropdown .option_list::-webkit-scrollbar {width:8px;height:8px}
.dropdown .option_list::-webkit-scrollbar-track {background-color:var(--colorBorderGray);border-radius:8px}
.dropdown .option_list::-webkit-scrollbar-thumb {background-color:var(--colorGray60);border-radius:8px}
.dropdown .option_list::-webkit-scrollbar-thumb:hover {background-color:var(--colorMain)}
.dropdown .option_list .option {position:relative}
.dropdown .option_list .option_btn {display:block;padding:10px 14px;background-color:#fff;transition:0.2s}
.dropdown .option_list .option_btn::after {width:calc(100% - 28px);height:1px;content:"";background-color:var(--colorBorderGray);position:absolute;left:50%;bottom:0;transform:translateX(-50%)}
.dropdown .option_list .option_btn:hover {color:#fff;background-color:var(--colorMain)}
.dropdown .option_list .option_btn:hover::after {background-color:transparent}
.dropdown .option_list .option:last-child .option_btn::after {display:none}

/* li 스타일에서 부득이하게 select로 삽입할 때 */
.dropdown.slt {overflow:hidden}
.dropdown.slt select.selected_option {border:0;border-radius:6px 0 0 6px}

/* 드롭다운 부분을 select가 아닌 그냥 title로 쓸 때 */
.dropdown.no_drop .selected_option {padding:12px 14px;line-height:1.1;background-image:none}


/* 검색바 */
.search_filter {margin-bottom:35px}
.search_filter .search_bar {display:flex}
.search_filter .search_bar .dropdown {width:180px;border-radius:6px 0 0 6px}
.search_filter .search_bar .dropdown.open {border-radius:6px 0 0 0}
.search_filter .search_bar .input {flex:2;border:1px solid var(--colorBorderGray);border-left:0;position:relative}
.search_filter .search_bar .input input {width:calc(100% - 80px);border:0;border-radius:0}
.search_filter .search_bar .input .btn_sch {width:52px;height:42px;font-size:20px;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.search_filter .search_bar .input .btn_sch:hover, 
.search_filter .search_bar .input .btn_sch:focus {color:var(--colorMain)}
.search_filter .search_bar .sch_btn_list {display:inline-flex}
.search_filter .search_bar .sch_btn_list .bundle {border:1px solid var(--colorBorderGray);border-left:0;overflow:hidden}
.search_filter .search_bar .sch_btn_list .bundle:last-child {border-radius:0 6px 6px 0}
.search_filter .search_bar .sch_btn_list .btn {height:100%;padding:0 18px;color:var(--colorGray70)}
.search_filter .search_bar .sch_btn_list .btn:hover,
.search_filter .search_bar .sch_btn_list .btn:focus {color:var(--colorMain);background-color:#ECF2FE}
.search_filter .search_bar .sch_btn_list .btn_reset {}
.search_filter .search_bar .sch_btn_list .btn_detail {}
.search_filter .search_bar .sch_btn_list .icon {vertical-align:baseline;transform:translateY(1px)}
.search_filter .search_detail {padding:20px 24px;border:1px solid var(--colorBorderGray);border-top:0;border-radius:0 0 6px 6px}
.search_filter:not(.show) .search_detail {display:none;border-radius:0}
.search_filter .search_detail .detail_inner {}
.search_filter .search_detail .detail_inner.grid {display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
.search_filter .search_detail .detail_inner.grid .col {grid-column:span 2}
.search_filter .search_detail .detail_inner.grid .op_box.date input[type="text"], 
.search_filter .search_detail .detail_inner.grid .op_box.date input[type="date"], 
.search_filter .search_detail .detail_inner.grid .op_box.date input[type="time"], 
.search_filter .search_detail .detail_inner.grid .op_box.date select {max-width:inherit}
.search_filter .search_detail .detail_obj {margin-bottom:20px}
.search_filter .search_detail .detail_obj:last-child {margin-bottom:0}
.search_filter .search_detail .op_tit {margin-bottom:5px;color:var(--colorGray60)}
.search_filter .search_detail .op_box {}
.search_filter .search_detail .op_box .scroll_box {height:auto;max-height:190px}
.search_filter .search_detail .op_box .bundle {display:inline-flex;column-gap:3px;margin:7px 20px 7px 0;color:var(--colorGray90)}
.search_filter .search_detail .op_box .bundle.miw {min-width:100px}
.search_filter .certy_tab {display:flex;column-gap:8px}
.search_filter .certy_tab .detail_tab {flex:1;display:flex;align-items:center;justify-content:center;height:44px;font-weight:700;border:1px solid var(--colorBorderGray);border-radius:6px}
.search_filter .certy_tab .detail_tab:not(.current):hover, 
.search_filter .certy_tab .detail_tab:not(.current):focus {border-color:var(--colorGray90)}
.search_filter .certy_tab .detail_tab.current {color:var(--colorMain);border-color:var(--colorMain)}
.search_filter .detail_btn_list {display:none;justify-content:space-between}
.search_filter .detail_btn_list .btn {display:inline-block;padding:11px 22px;border:1px solid var(--colorBorderGray);border-top:0;border-radius:0 0 6px 6px}
.search_filter .detail_btn_list .btn.bg {color:#fff;background-color:var(--colorMain);border-color:var(--colorMain)}
.search_filter .detail_btn_list .icon {}
.search_filter .detail_btn_list .text {}
.search_filter .detail_btn_list .bundle {display:inline-flex}
.search_filter .detail_btn_list .bundle .btn {}
.search_filter .detail_btn_list .bundle .btn:nth-child(2n - 1) {border-radius:0 0 0 6px}
.search_filter .detail_btn_list .bundle .btn:nth-child(2n) {border-radius:0 0 6px 0}

.search_filter.current {}
.search_filter.show .search_bar .dropdown, 
.search_filter.current .search_bar .dropdown {border-radius:6px 0 0 0}
.search_filter.show .search_bar .sch_btn_list .bundle:last-child, 
.search_filter.current .search_bar .sch_btn_list .bundle:last-child {border-radius:0 6px 0 0}
.search_filter.current .search_bar .sch_btn_list .btn_detail {color:#fff;background-color:var(--colorMain)}
.search_filter.show .detail_btn_list, 
.search_filter.current .detail_btn_list {display:flex}

/* 검색필터 상단에 필터조건 추가 */
.search_filter.s2 {}
.search_filter.s2 .search_bar .dropdown {border-top-left-radius:0}
.search_filter.s2 .search_bar .sch_btn_list .bundle:last-child {border-top-right-radius:0}
.search_filter .filter_top_terms {border:1px solid var(--colorBorderGray);border-bottom:0;border-radius:12px 12px 0 0;overflow:hidden}
.search_filter .filter_top_terms .terms_inner {display:flex}
.search_filter .filter_top_terms .terms {flex:1;border-right:1px solid var(--colorBorderGray)}
.search_filter .filter_top_terms .terms:last-child {border-right:0}
.search_filter .filter_top_terms .terms_tit {padding:10px;text-align:center;font-weight:var(--colorGray90);font-weight:700;background-color:var(--colorBgGray);border-bottom:1px solid var(--colorBorderGray)}
.search_filter .filter_top_terms .terms_list {padding:20px}
.search_filter .filter_top_terms .terms_list_inner {max-height:168px;overflow-y:auto}