@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}
	.inp_obj.s2 .inp_li {margin-bottom:8px}

	/* 검색바 */
	.search_filter .search_detail {padding:15px 20px}
	.search_filter .search_detail .op_box .bundle.miw {min-width:80px;margin-right:15px}
	.search_filter .filter_top_terms .terms_list {padding:15px}
	.search_filter .filter_top_terms .terms_list_inner {max-height:145px}
}

@media screen and (max-width:1080px){
	.inp_obj .inp_li {margin-right:25px}
	.inp_obj.s2 .inp_li {margin-bottom:6px}
	.inp_obj.bd_line .inp_li {padding:10px 0 10px 15px}

	/* 검색바 */
	.search_filter .search_bar .dropdown {width:155px}
	.search_filter .search_detail .detail_inner.grid {column-gap:10px}
	.search_filter .search_detail .op_box .bundle {margin:5px 15px 5px 0}
	.search_filter .search_detail .op_box .bundle.miw {min-width:75px;margin-right:10px}
	.search_filter .filter_top_terms .terms_tit {font-size:6px}
	.search_filter .filter_top_terms .terms_list {padding:10px}
	.search_filter .filter_top_terms .terms_list_inner {max-height:138px}
	
	.kssFileWarp .kssFileExtension, 
	.kssFileWarp .kssFileDownload, 
	.kssFileWarp .kssFileRemove {width:15%}
}

@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.bd_line .inp_li {padding:8px 0 8px 9px}
	.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 {max-width:inherit}
	.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 .bundle.miw {margin-right: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}
	.search_filter .certy_tab {gap:6px;flex-wrap:wrap}
	.search_filter .certy_tab .detail_tab {flex:none;width:calc(100% / 3 - 4px)}
	.search_filter.s2 .search_bar .dropdown {border-top-right-radius:0}
	.search_filter.s2 .search_bar .sch_btn_list .bundle:last-child {border-top-right-radius:6px}
	.search_filter .filter_top_terms {border-radius:6px 6px 0 0}
	.search_filter .filter_top_terms .terms_inner {flex-wrap:wrap}
	.search_filter .filter_top_terms .terms {flex:none;display:grid;grid-template-columns:95px auto;width:100%;border-right:0;border-bottom:1px solid var(--colorBorderGray)}
	.search_filter .filter_top_terms .terms:last-child {border-bottom:0}
	.search_filter .filter_top_terms .terms_tit {text-align:left;font-size:1em;border-bottom:0;border-right:1px solid var(--colorBorderGray)}
	.search_filter .filter_top_terms .terms_list_inner {max-height:110px}
}

@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="date"],  
	input[type="month"],
	input[type="password"] {height:16px;padding:11px 10px}
	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.s2 .inp_li input[type="checkbox"], 
	.inp_obj.s2 .inp_li input[type="radio"] {margin-top:2px;margin-bottom:2px}

	/* 여기서 .input_form이 붙은 요소들은 스타일이 바뀝니다. */
	.input_form {}
	.input_form table {display:block}
	.input_form colgroup {display:none} 
	.input_form tr {display:block}
	.input_form th {display:block;border-right:0}
	.input_form td {display:block}
	.input_form thead {display:none}
	.input_form thead th {}
	.input_form tbody {display:block}
	.input_form tbody th {border-right:0}
	.input_form tbody td {border-right:0} 
	.input_form tbody tr:last-child td:last-child {border-bottom:0}
	
	.input_form .inp_btn {margin-bottom:5px}
	.input_form .inp_btn .f2 {width:calc(100% - 22px)}
	.input_form .inp_btn .f3 {width:90px}
	.input_form .inp_btn .f4 {width:calc(100% - 117px)}
	
	/* drop 첨부파일
	#drop_file .add_file_list {margin-bottom:10px}
	#drop_file .add_file_list .add_file .text {max-width:300px}
	#drop_file .add_file_drop {padding:20px 12px}
	#drop_file .add_file_drop .drop_inner .img_icon {margin-bottom:3px}
	#drop_file .add_file_drop .drop_inner .btn_custom {margin-top:20px} */
	.kssFileWarp .kssFileAttach .btn_list {display:flex}

	/* 드롭다운 */
	.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.grid {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}
	.search_filter .filter_top_terms .terms {grid-template-columns:85px auto}
	.search_filter .filter_top_terms .terms_tit {padding:7px 10px}
	.search_filter .filter_top_terms .terms_list {padding:6px}
}