@charset "UTF-8";

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

}

@media screen and (max-width:1280px){
	input[type="checkbox"], 
	input[type="radio"] {width:16px;height:16px}
	input[type="radio"]:checked::after {width:6px;height:6px}
	
	.inp_obj .inp_li {margin-right:30px}

	/* 검색바 */
	.search_filter .search_detail {padding:15px 20px}
	.search_filter .search_detail .detail_inner {column-gap:12px}
}

@media screen and (max-width:1080px){
	.inp_obj .inp_li {margin-right:25px}
	.inp_obj_dl {display:flex;gap:8px 15px}
	.inp_obj_dl .inp_li input[type="text"] {width:calc(100% - 102px)}
	.inp_obj_dl.s2 {}
	.inp_obj_dl.s2 .inp_li {flex-wrap:wrap}
	.inp_obj_dl.s2 .inp_grid.dis_inb {margin-left:13px}
	.inp_grid.s2 .inp_li {margin-bottom:7px}
	.inp_grid.s2 .label_txt {width:240px}
	.inp_grid.s2 .inp {width:calc(100% - 320px)}
	.inp_grid.dis_inb {width:100%;margin-left:0}
	.inp_grid.total {margin-top:15px;padding:12px 20px}
	.inp_grid.total .label_txt {flex:none;width:260px}
	.inp_grid.total .total_txt {flex:none;width:calc(100% - 267px)}
	
	.kssFileWarp .kssFileExtension, 
	.kssFileWarp .kssFileDownload, 
	.kssFileWarp .kssFileRemove {width:15%}

	/* 검색바 */
	.search_filter .search_bar .dropdown {width:155px}
	.search_filter .search_detail .op_box .bundle {margin:5px 15px 5px 0}
}

@media screen and (max-width:767px){
	select.mbl {width:100%;margin-bottom:5px}
	input.mbl, 
	textarea.mbl {width:calc(100% - 30px);margin-bottom:5px}
	select.mbl:last-child, 
	input.mbl:last-child, 
	textarea.mbl:last-child {margin-bottom:0}
	select.mxw {width:100%;max-width:inherit}
	input.mxw, 
	textarea.mxw {width:calc(100% - 30px);max-width:inherit}

	.inp_obj .inp_li {margin-right:20px}
	.inp_obj.flex {gap:5px;margin-bottom:8px}
	.inp_grid .label_txt {margin-right:10px}
	.inp_grid.s2 .label_txt {width:215px;padding-right:5px}
	.inp_grid.s2 .inp {width:calc(100% - 288px)}
	.inp_grid.total .label_txt {width:195px}
	.inp_grid.total .total_txt {width:calc(100% - 203px)}
	.inp_grid.s2 .inp_li {flex-wrap:wrap;gap:5px;margin-bottom:15px}
	.inp_grid.s2 .label_txt,  
	.inp_grid.total .label_txt {width:100%;margin:0;padding-right:0}
	.inp_grid.s2 .inp {width:calc(100% - 62px)}
	.inp_grid.total {padding:10px 14px}
	.inp_grid.total .inp_li {gap:0}
	.inp_grid.total .total_txt {width:100%}
	.inp_obj_dl.s2 .inp_li {margin:0 0 5px 0}
	.inp_obj_dl.s2 .inp_li:last-child {margin-bottom:0}
	
	.input_form .inp_btn {}
	.input_form .inp_btn .f1 {display:none}
	.input_form .inp_btn .f2 {width:calc(100% - 30px)}
	.input_form .inp_btn .f3 {width:95px}
	.input_form .inp_btn .f4 {width:calc(100% - 130px)}
	.input_form .inp_btn.s2 {flex-wrap:wrap}
	.input_form .inp_btn.s2 .f2 {width:100%}
	.input_form .inp_btn.s2 .btn_custom {flex:1}
	
	.file_list .file_list_box {font-size:0.93em}
	
	/* 첨부파일 */
	.kssFileWarp .kssFileDescription {margin-bottom:10px;font-size:0.92em;word-break:break-word}
	.kssFileWarp .kssFileExtension, 
	.kssFileWarp .kssFileDownload,
	.kssFileWarp .kssFileRemove {display:inline-block;width:auto}
	.kssFileWarp .kssFileList .kssFileHeader {display:none}
	.kssFileWarp .kssFileList .kssFileBody {}
	.kssFileWarp .kssFileList .kssFileBody ul li {display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:10px;padding-bottom:7px;line-height:28px;border:1px solid var(--colorBorderGray);border-radius:5px;overflow:hidden}
	.kssFileWarp .kssFileList .kssFileBody ul li:last-child {margin-bottom:0}
	.kssFileWarp .kssFileList .kssFileBody .file_li {padding:0;border-bottom:0}
	.kssFileWarp .kssFileList .kssFileBody .kssFileName {grid-column:span 3;margin-bottom:6px;padding:10px 8px;line-height:1.45;background-color:var(--colorBgGray)}

	/* 검색바 */
	.search_filter .search_bar {flex-wrap:wrap;row-gap:8px}
	.search_filter .search_bar .dropdown {width:100%;border-radius:6px}
	.search_filter .search_bar .input {border-left:1px solid var(--colorBorderGray);border-radius:6px 0 0 6px;overflow:hidden}
	.search_filter .search_bar .input input {border-radius:6px 0 0 6px}
	.search_filter .search_bar .sch_btn_list .bundle {width:44px}
	.search_filter .search_bar .sch_btn_list .bundle:last-child {border-radius:0 6px 6px 0}
	.search_filter .search_bar .sch_btn_list .btn {width:100%;padding:0;font-size:0}
	.search_filter .search_bar .sch_btn_list .icon {font-size:1.2rem}
	.search_filter .search_detail {padding:12px 15px}
	.search_filter .search_detail .op_box .op_slt_flex {flex-wrap:wrap;gap:5px}
	.search_filter.show .search_bar .dropdown, 
	.search_filter.current .search_bar .dropdown {border-radius:6px}
	.search_filter.show .search_bar .input,  
	.search_filter.current .search_bar .input {border-radius:6px 0 0 0}
	.search_filter.current .search_bar .sch_btn_list .bundle:last-child {border-radius:0 6px 0 0}
	.search_filter .search_bar .dropdown.open {border-radius:6px 6px 0 0}
	.search_filter .detail_btn_list .btn {padding:10px 15px;font-size:1.1rem;line-height:1}
	.search_filter .detail_btn_list .text {display:none}
	
	/* 상태값 필터 */
	.status_filter .status_inner {gap:12px 18px}
}

@media screen and (max-width:480px){
	select {height:40px;padding:10.5px 27px 10px 10px;background-size:9px;background-position:right 10px center}
	input[type="text"],  
	input[type="password"] {height:16px;padding:11px 10px}
	input[type="date"], 
	input[type="time"] {width:calc(50% - 22px);padding:11px 4px 11px 8px}
	textarea {width:calc(100% - 22px);padding:11px 10px}
	
	input.mbl, 
	textarea.mbl {width:calc(100% - 22px)}
	select.mxw {max-width:100%}
	input.mxw, 
	textarea.mxw {width:calc(100% - 22px);max-width:100%}

	input.w100 {width:calc(100% - 22px)}
	
	.inp_obj .inp_li {margin-right:15px}
	.inp_obj.flex {flex-wrap:wrap}
	.inp_obj.flex .label_txt {width:100%}
	.inp_grid .label_txt {display:block;margin:0 0 5px 0}
	.inp_obj_dl {display:block}
	.inp_obj_dl .inp_li {margin-bottom:5px}
	.inp_obj_dl .inp_li:last-child {margin-bottom:0}
	.inp_obj_dl .inp_li input[type="text"] {width:auto}

	/* 여기서 .input_form이 붙은 요소들은 스타일이 바뀝니다. */
	.input_form {}
	.input_form .table table {display:block}
	.input_form .table colgroup {display:none} 
	.input_form .table tr {display:block}
	.input_form .table th {display:block;border-right:0}
	.input_form .table td {display:block}
	.input_form .table thead {display:none}
	.input_form .table thead th {}
	.input_form .table tbody {display:block}
	.input_form .table tbody th {}
	.input_form .table tbody td {border-right:0} 
	.input_form .table tbody tr:last-child td:last-child {border-bottom:0}
	
	.input_form .table .inp_btn {margin-bottom:5px}
	.input_form .table .inp_btn .f2 {width:calc(100% - 22px)}
	.input_form .table .inp_btn .f3 {width:90px}
	.input_form .table .inp_btn .f4 {width:calc(100% - 117px)}
	
	/* 첨부파일 */
	.kssFileWarp .kssFileAttach .btn_list {display:flex}
	
	/* 상태값 필터 */
	.status_filter .status_inner {gap:10px 15px}
	
	/* 드롭다운 */
	.dropdown .selected_option {height:40px;padding:10.5px 27px 10px 10px;background-size:9px;background-position:right 10px center}
	.dropdown .option_list {top:40px}

	.search_filter .search_bar .input input {height:18px}
	.search_filter .search_bar .input .btn_sch {width:45px}
	.search_filter .search_detail {padding:10px 12px}
	.search_filter .search_detail .detail_inner {display:block}
	.search_filter .search_detail .op_box.date {display:flex;column-gap:3px;align-items:center}
	.search_filter .search_detail .op_box.date input {width:calc(50% - 30px);min-width:inherit}
}