@charset "utf-8";

/* 검색 */
.srch_box {display: flex; justify-content: space-between; align-items: center; margin-bottom: 3rem;}
.srch_box .srch_left {display: flex; align-items: center;}
.srch_box .srch_counts {font-family: pm; font-size: 1.5rem; color: #444444;}
.srch_box .srch_counts strong {color: #dd0042;}
.srch_box .board-serch {border-bottom: 2px solid #4f4f4f;}
.srch_box .board-serch .row {display: flex; align-items: center;}
.srch_box .board-serch ._selectBox{display: flex; height: 5rem; padding-left: 1.5rem; padding-right: 6.5rem; margin-right: 1rem; background: url('../images/ic-search-arrow.png') no-repeat right center; border: 0; font-family: pm; font-size: 1.6rem; color: #777777; -o-appearance: none; -webkit-appearance: none; -moz-appearance: none;appearance: none;}
.srch_box .board-serch input[type="text"] {display: flex; width: 28rem; height: 5rem; text-indent: 1rem; font-family: pm; font-size: 1.6rem; color: #777777;}
.srch_box .board-serch input[type="submit"] {display: flex; width: 4.5rem; height: 5rem; background: url('../images/btn-search-find.png') no-repeat center; text-indent: -99999rem;}

@media screen and (max-width: 830px) {
	.srch_box {flex-direction: column; align-items: flex-start;}
	.srch_box .srch_right {width: 100%;}
	.srch_box .board-serch ._selectBox {flex-shrink: 0; width: 8rem; padding-right: 0;}
	.srch_box .board-serch input[type="text"] {flex-grow: 1; width: auto;}
	.srch_box .board-serch .row ._button {flex-shrink: 0; width: 4.5rem;}
}

/* 테이블 */
.board-table {border-top: 2px solid #2c2c2c;}
.board-table .col-num {width: 7%;}
.board-table .col-group {width: 15%;}
.board-table .col-phone {width: 15%;}
.board-table .col-position {width: 15%;}
.board-table .col-work {width: auto;}
.board-table thead th {padding: 1.8rem 0; background: #f8f8f8; border-bottom: 1px solid #8b9099; font-family: pb; font-size: 1.6rem; font-weight: normal; color: #121212;}
.board-table tbody tr:hover {background: #f1f6fa;}
.board-table tbody td {height: 6rem; border-bottom: 1px solid #e2e2e2; font-family: pm; font-size: 1.6rem; text-align: center; color: #444444;}
.board-table tbody td._noData {width: 100%; justify-content: center;}
.board-table .cate {display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 14rem; height: 3rem; margin-right: 2.5rem; border: 1px solid #00aae5; border-radius: .6rem; font-family: sl; font-size: 1.4rem; color: #00aae5;}
.board-table .cate i {position: relative; top: .1rem;}
.board-table .notice-title {display: inline-flex; width: 2rem; height: 2.4rem; background: url('../../bbs_common/images/ic-notice.png') no-repeat center; text-indent: -9999rem;}

@media screen and (max-width: 1100px) {
	.board-table thead {display: none;}
	.board-table,
	.board-table tbody {display: block; width: 100%;}
	.board-table tbody tr {display: flex; flex-wrap: wrap; width: 100%; padding: 2rem; border-bottom: 1px solid #d1d1d1;}
	.board-table tbody td {display: flex; align-items: center; height: auto; border: 0;}
	.board-table tbody td.td-num,
	.board-table tbody td.td-group,
	.board-table tbody td.td-name,
	.board-table tbody td.td-phone,
	.board-table tbody td.td-position,
	.board-table tbody td.td-work {padding-right: 1rem; color: #666;}

	.board-table tbody td.td-num::before {content: '번호 :'; padding-right: 1rem;}
	.board-table tbody td.td-group::before {content: '부서명 :'; padding-right: 1rem;}
	.board-table tbody td.td-name::before {content: '이름 :'; padding-right: 1rem;}
	.board-table tbody td.td-phone::before {content: '내선번호 :'; padding-right: 1rem;}
	.board-table tbody td.td-position::before {content: '직급 :'; padding-right: 1rem;}
	.board-table tbody td.td-work::before {content: '업무 :'; padding-right: 1rem;}
}

/* 페이징 */
._paging {margin-top: 5rem;}
._paging ._inner {display: flex; justify-content: center;}
._paging ._inner ul {display: flex; align-items: center; margin: 0 1rem;}
._paging ._inner ul li {margin: 0 .25rem;}
._paging ._inner ul a,
._paging ._inner ul strong {display: flex; justify-content: center; align-items: center; width: 3.5rem; height: 3.5rem; border-radius: .3rem; font-family: pm; font-size: 1.4rem;}
._paging ._inner ul a {background: #f5f5f5; color: #555555;}
._paging ._inner ul strong {background: #5b5b5b; color: #fff;}
._paging ._inner > a {display: flex; width: 3rem; height: 3.5rem; text-indent: -99999rem;}
._paging ._inner ._first{background: url('../images/btn-first.png') center no-repeat;}
._paging ._inner ._prev{background: url('../images/btn-prev10.png') center no-repeat;}
._paging ._inner ._listPrev{background: url('../images/btn-prev.png') center no-repeat;}
._paging ._inner ._listNext{background: url('../images/btn-next.png') center no-repeat;}
._paging ._inner ._next{background: url('../images/btn-next10.png') center no-repeat;}
._paging ._inner ._last{background: url('../images/btn-last.png') center no-repeat;}
._paging ._pageState {display: none;}