@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}

	/* 검색바 */
	.search_filter .search_bar .dropdown {width:155px}
	.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}
	.search_filter.slt_col .search_detail .detail_inner {column-gap:10px}
	.search_filter.slt_col .search_detail .detail_obj {width:calc(50% - 5px)}
}

@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, 
	.dropdown.mxw {width:100%;max-width:inherit}
	input.mxw, 
	textarea.mxw{width:calc(100% - 30px);max-width:inherit}

	.inp_obj .inp_li {margin-right:20px}
	.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}

	/* 검색바 */
	.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:not(.slt).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.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:not(.selected_option) {height:40px;padding:10.5px 27px 10px 10px;background-size:9px;background-position:right 10px center}
	input[type="text"], 
	input[type="date"],  
	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 {}
	.input_form tbody td {} 
	.input_form tbody tr:last-child td {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)}

	/* 드롭다운 */
	.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_obj {width:auto}
	.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}
	
	.search_filter.slt_col .search_detail .detail_inner {display:block}
	.search_filter.slt_col .search_detail .detail_obj {width:auto}
}