@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 40px 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/home/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="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="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:sub}
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/home/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, 
textarea[readonly] {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::placeholder {white-space:pre-line}

/*input[readonly]::-webkit-input-placeholder {color:#212121}
input[readonly]::-moz-placeholder {color:#212121}
input[readonly]:-ms-input-placeholder {color:#212121}
input[readonly]:-moz-placeholder {color:#212121}*/
textarea[readonly]::-webkit-input-placeholder {color:#212121}
textarea[readonly]::-moz-placeholder {color:#212121}
textarea[readonly]:-ms-input-placeholder {color:#212121}
textarea[readonly]:-moz-placeholder {color:#212121}

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

select.mnw {min-width:150px}

select.mxw {width:100%;max-width:355px}
input.mxw, 
textarea.mxw {width:calc(100% - 30px);max-width:355px}

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

.inp_obj .inp_li {display:inline-block;margin-right:45px}
.inp_obj .inp_li:last-child {margin-right:0}
.inp_obj.flex {display:flex;gap:10px;align-items:center;margin-bottom:10px}
.inp_obj.flex:last-child {margin-bottom:0}
.inp_obj.flex select, 
.inp_obj.flex input[type="text"] {flex:1}
.inp_obj.flex .label_txt {min-width:40px}
.inp_obj.flex .f1 {flex:1}
.inp_obj.flex .f2, 
.inp_obj.flex input[type="text"].f2 {flex:2}

.inp_obj_dl {display:flex;gap:10px 25px}
.inp_obj_dl.s2 {flex-direction:column}
.inp_obj_dl .inp_li {display:inline-flex;gap:5px;align-items:center}
.inp_obj_dl .inp_li input[type="text"] {width:calc(100% - 114px);max-width:150px}

.inp_grid {margin-bottom:10px}
.inp_grid:last-child {margin-bottom:0}
.inp_grid .label_txt {margin-right:20px;font-weight:700}

.inp_grid.s2 {margin-bottom:0}
.inp_grid.s2 .inp_li {display:flex;align-items:center;gap:7px;margin-bottom:10px}
.inp_grid.s2 .inp_li:last-child {margin-bottom:0}
.inp_grid.s2 .label_txt {display:inline-block;width:280px;margin-right:0;padding-right:10px}
.inp_grid.s2 .inp {width:calc(100% - 360px);text-align:right}
.inp_grid.dis_inb {margin-left:10px}
.inp_grid.dis_inb .inp_li {margin-left:16px}

.inp_grid.total {margin-top:20px;padding:15px 20px;background-color:#ffeeee;border-radius:8px}
.inp_grid.total .inp_li {}
.inp_grid.total .label_txt {flex:1;color:var(--colorGray90)}
.inp_grid.total .total_txt {flex:3;font-size:1.1em;text-align:right}
.inp_grid.total .inp {}

.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.s2 {display:flex;gap:4px}
.input_form .inp_btn.s2 .f2 {width:calc(100% - 278px)}


/* 추가된 첨부파일 리스트 기본 */
.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:not(.vsub) {vertical-align:middle}
.file_list .file_list_box .text {max-width:calc(100% - 18px);vertical-align:top}
.file_list .file_list_box .btn {display:inline-block;width:15px;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)}

/* 추가된 첨부파일 리스트 기본 - 추가 */
.add_file2 .file_list { display: flex; gap: 10px; }
.add_file2 .file_list .file_list_inner { flex: 1; display: flex; flex-wrap: wrap; gap: 6px;  }
.add_file2 .file_list .file_list_inner .file_list_box {display:flex;align-items:center;flex-wrap:wrap;column-gap:10px;margin-bottom:0;border: 1px solid #CDD1D5; border-radius: 6px; padding: 3px 12px; font-size: 14px; }
.add_file2 .file_list .file_list_box .icon { color: #8A949E; vertical-align:top}
.add_file2 .file_box { border: 1px dashed var(--Gray-20, #CDD1D5);border-radius: 8px; padding: 24px 0; text-align: center; margin: 12px 0 0; }
.add_file2 .file_box:before { content:''; display:block; width: 100%; height: 32px; background-image: url('/images/home/kor/user/sub/file_upload.png'); background-position: center center; background-repeat: no-repeat; }
.add_file2 .file_box .file_text { font-size: 14px; font-weight: 400; margin: 5px 0 20px }

/* drop 첨부파일  */
.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 input[type="file"]::file-selector-button {cursor:pointer}
.kssFileWarp .kssFileAttach input[type="file"]::-webkit-file-upload-button {cursor:pointer}
.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/home/kor/user/board/ic_slt.png);background-repeat:no-repeat;background-position:right 14px center;border:0;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;width:100%;padding:10px 14px;text-align:left;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}
.dropdown.open {border-color:var(--colorGray90);border-bottom:0;border-radius:6px 6px 0 0}
.dropdown.open .selected_option {background-image:url(/images/home/kor/user/board/ic_slt_open.png);border-bottom:1px solid var(--colorBorderGray)}
.dropdown:not(.slt).open {border-color:var(--colorGray90);border-bottom:0;border-radius:6px 6px 0 0}
.dropdown:not(.slt).open .selected_option {background-image:url(/images/home/kor/user/board/ic_slt_open.png);border-bottom:1px solid var(--colorBorderGray)}

/* 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 .dropdown:not(.slt).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 {display:grid;gap:20px;grid-template-columns:1fr 1fr}
/* .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(--colorGray90);font-weight:500}
.search_filter .search_detail .op_box {}
.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 .op_slt_flex {display:flex;column-gap:5px}
.search_filter .search_detail .op_box .op_slt_flex input, 
.search_filter .search_detail .op_box .op_slt_flex select {flex:1}
.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}

/* 상태값 필터 */
.status_filter {}
.status_filter .status_inner {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 30px}
.status_filter .status {}
.status_filter .status .btn {display:block;width:100%;color:var(--colorGray70);position:relative}
.status_filter .status .btn::after {width:0;height:1px;content:'';background-color:var(--colorGray70);position:absolute;left:0;bottom:-2px;transition:width 0.3s}
.status_filter .status .btn:not(.selected):hover, 
.status_filter .status .btn:not(.selected):focus {color:var(--colorGray90)}
.status_filter .status .btn:not(.selected):hover::after, 
.status_filter .status .btn:not(.selected):focus::after {width:100%}
.status_filter .status .btn.selected {font-weight:700;color:var(--colorGray90)}
.status_filter .status .btn.selected::after {width:100%;height:2px;background-color:var(--colorGray90)}