/* A A A : A : A : A : */ #estimate_list { width : 100%; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center; font-family : "Noto Sans Kr"; font-size : min(1.4vw,18px); margin : 4em 0 6em;} #estimate_list .wrap { width : 95%; display : flex; flex-direction : column; align-items : center; justify-content : center; max-width : 1200px;} #estimate_list .topTextWrap { width : 100%; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center; margin-bottom : 5em;} #estimate_list .topTextWrap .tit { font-weight : 700; line-height : 1em; font-size : 1.5em;} #estimate_list .topTextWrap .text { font-size : 1em; color : #999; line-height : 1em; margin : 0 0 1em;} #estimate_list .topTextWrap a { font-size : 1em; line-height : 1em; padding : 0.5em 1em; border-radius : 12px; background : #1d2088; color : #fff; transition : .2s;} #estimate_list .topTextWrap a:hover { background : #5155f5; transition : .2s;} #estimate_list #fboardlist { width : 100%; display : flex; flex-direction : column; align-items : center; justify-content : center; border-top : 2px solid #d3d3d3;} #estimate_list #fboardlist .list_head, #estimate_list #fboardlist .list_value { width : 100%; height : auto; display : flex; align-items : center; justify-content : center; padding : 1em 0; text-align : center; border-bottom : 1px solid #e9e9e9; position : relative;} #estimate_list #fboardlist .list_head .head_item { line-height : 1em; color : #000; font-weight : 600; padding : 0.2em 0;} #estimate_list #fboardlist .list_value { font-size : 0.85em; color : #A6A6A6;} #estimate_list #fboardlist .list_value:hover { background : #f9f9f9;} /*관리자일때*/ #estimate_list.adm #fboardlist .list_head .head_item:nth-child(2), #estimate_list.adm #fboardlist .list_value .value_item:nth-child(2) { width : 20%; display : flex; align-items : center; justify-content : center;} #estimate_list.adm #fboardlist .list_head input, #estimate_list.adm #fboardlist .list_value input { position : absolute; left : 1%; top : 50%; transform : translateY(-50%);} #estimate_list.adm #fboardlist .list_head .head_item:nth-child(3), #estimate_list.adm #fboardlist .list_value .value_item:nth-child(3) { width : 20%;} #estimate_list.adm #fboardlist .list_head .head_item:nth-child(4), #estimate_list.adm #fboardlist .list_value .value_item:nth-child(4) { width : 20%;} #estimate_list.adm #fboardlist .list_head .head_item:nth-child(5), #estimate_list.adm #fboardlist .list_value .value_item:nth-child(5) { width : 20%;} #estimate_list.adm #fboardlist .list_head .head_item:nth-child(6), #estimate_list.adm #fboardlist .list_value .value_item:nth-child(6) { width : 20%;} #estimate_list.adm #fboardlist .list_value .value_item:nth-child(2) { font-weight : 600;} #estimate_list.adm #fboardlist .list_value .value_item:nth-child(2):hover { text-decoration : underline!important;} /* 일반 */ #estimate_list #fboardlist .list_head .head_item:nth-child(1), #estimate_list #fboardlist .list_value .value_item:nth-child(1) { width : 20%; } #estimate_list #fboardlist .list_head .head_item:nth-child(2), #estimate_list #fboardlist .list_value .value_item:nth-child(2) { width : 20%;} #estimate_list #fboardlist .list_head .head_item:nth-child(3), #estimate_list #fboardlist .list_value .value_item:nth-child(3) { width : 20%;} #estimate_list #fboardlist .list_head .head_item:nth-child(4), #estimate_list #fboardlist .list_value .value_item:nth-child(4) { width : 20%;} #estimate_list #fboardlist .list_head .head_item:nth-child(5), #estimate_list #fboardlist .list_value .value_item:nth-child(5) { width : 20%;} #estimate_list #fboardlist .list_value .value_item:nth-child(1) { font-weight : 600;} #estimate_list #fboardlist .list_value .value_item:nth-child(1):hover { text-decoration : underline!important;} #estimate_list #fboardlist .inputWrap { width : 100%; display : flex; justify-content : flex-start; margin : 0.5em 0;} #estimate_list #fboardlist .inputWrap input { line-height : 1em; padding : 0.3em 0.6em; border-radius : 7px; color : #fff; background : #b90000; font-size : 0.9em; } #estimate_list #fboardlist .inputWrap a { line-height : 1em; padding : 0.3em 0.6em; border-radius : 7px; color : #fff; background : #1d2088; font-size : 0.9em; } #estimate_list #fboardlist .inputWrap .list_btn { margin-left : 1em;} #estimate_list #fboardlist .inputWrap .list_btn:first-child { margin-left : 0;} #estimate_list .searchWrap { width : 100%; height : auto; display : flex; align-items : center; justify-content : center;} #estimate_list .searchWrap select, #estimate_list .searchWrap input { height : 2.4em; font-size : 0.8em; font-family : inherit;} #estimate_list .searchWrap select { width : 6em;} #estimate_list .searchWrap input[type="search"] { width : 15em; border : 1px solid #ddd; padding-left : 0.5em;} #estimate_list .searchWrap input[type="submit"] { width : auto; border : 1px solid #ddd; line-height : 1em; padding : 0.5em 1em; color : #fff; background : #555; cursor : pointer; transition : .2s;} #estimate_list .searchWrap input[type="submit"]:hover { background : #777; transition : .2s;} #estimate_list .sound_only { display : none;} #pagingWrap { width : 100%; height : auto; display : flex; align-items : center; justify-content : center; font-size : min(1.6vw,20px); margin : 3em 0;} #pagingWrap .pagingBtn { width : 2em; height : 2em; margin : 0 0.2em; display : flex; align-items : center; justify-content : center; cursor : pointer; color : #999999; transition : .2s; font-size : 0.8em; border-radius : 50%; line-height : 1em; } #pagingWrap .pagingBtn.btns.on { background : #00b3ff; color : #fff; pointer-events : none;} #pagingWrap .pagingBtn:hover { background : #999; color : #fff; transition : .2s;} #pagingWrap .pagingBtn svg { pointer-events : none;} #pagingWrap .pagingBtn.first { margin : 0; margin-right : 0.2em; background : #f7f7f7; color : #999999; border-radius : 0;} #pagingWrap .pagingBtn.before { margin-left : 0; color : #999999; border-radius : 0; background : #f7f7f7; margin-right : 1em;} #pagingWrap .pagingBtn.last { margin : 0; margin-left : 0.2em; background : #f7f7f7; color : #999999; border-radius : 0; } #pagingWrap .pagingBtn.first:hover, #pagingWrap .pagingBtn.last:hover { background : #999999; color : #fff;} #pagingWrap .pagingBtn.next { margin-right : 0; background : #f7f7f7; color : #999; border-radius : 0; margin-left : 1em;} #pagingWrap .pagingBtn.before:hover, #pagingWrap .pagingBtn.next:hover { background : #999; color : #fff;} #pagingWrap .pagingBtn.first svg, #pagingWrap .pagingBtn.before svg, #pagingWrap .pagingBtn.next svg, #pagingWrap .pagingBtn.last svg { font-size : 0.8em; } @media(max-width : 1024px){ /* A A A : A : A : A : */ #estimate_list { font-size : min(2.3vw,16px);} } @media(max-width : 640px){ /* A A A : A : A : A : */ #estimate_list { font-size : max(12.5px, 3vw); margin : 2.5em 0 4em;} /* 관리자 일때 */ #estimate_list.adm #fboardlist .list_head .head_item:nth-child(2), #estimate_list.adm #fboardlist .list_value .value_item:nth-child(2) { width : 25%;} #estimate_list.adm #fboardlist .list_head .head_item:nth-child(3), #estimate_list.adm #fboardlist .list_value .value_item:nth-child(3) { display : none;} #estimate_list.adm #fboardlist .list_head .head_item:nth-child(4), #estimate_list.adm #fboardlist .list_value .value_item:nth-child(4) { width : 25%;} #estimate_list.adm #fboardlist .list_head .head_item:nth-child(5), #estimate_list.adm #fboardlist .list_value .value_item:nth-child(5) { width : 25%;} #estimate_list.adm #fboardlist .list_head .head_item:nth-child(6), #estimate_list.adm #fboardlist .list_value .value_item:nth-child(6) { width : 25%;} /* 일반 */ #estimate_list #fboardlist .list_head .head_item:nth-child(1), #estimate_list #fboardlist .list_value .value_item:nth-child(1) { width : 25%;} #estimate_list #fboardlist .list_head .head_item:nth-child(2), #estimate_list #fboardlist .list_value .value_item:nth-child(2) { display : none;} #estimate_list #fboardlist .list_head .head_item:nth-child(3), #estimate_list#fboardlist .list_value .value_item:nth-child(3) { width : 25%;} #estimate_list #fboardlist .list_head .head_item:nth-child(4), #estimate_list #fboardlist .list_value .value_item:nth-child(4) { width : 25%;} #estimate_list #fboardlist .list_head .head_item:nth-child(5), #estimate_list #fboardlist .list_value .value_item:nth-child(5) { width : 25%;} }