@charset "UTF-8";
/*********************************************
note : 
*********************************************/

#fortune_table {max-width:1440px;margin:0 auto}
#fortune_table header {}
#fortune_table header h1 {font-size:60px;font-weight:bold}
#fortune_table header h1 a {text-decoration:none}
#fortune_table .content {}
@media screen and (max-width: 63.9375em) {
	#fortune_table {padding:0 1.25rem}
	#fortune_table header h1 {font-size:2rem}
}

/* 검색 */
#fortune_table .box--search {margin:30px 0}
#fortune_table .user-search {max-width:480px}
#fortune_table .user-search-form {display:-ms-flexbox;display:flex}
#fortune_table .user-search-form > input#search-company {-ms-flex:1 1 0%;flex:1 1 0%;width:1%;min-width:0;height:56px;margin-bottom:0;color:#000;background-color:transparent;border:1px solid #000;border-radius:0}
#fortune_table .user-search-form > input#search-company::placeholder {color:rgba(0,0,0,.25)}
#fortune_table .user-search-form > button[onclick] {padding:.5rem;font-size:1.25rem;color:#000}
#fortune_table .user-search .search-btn {background-color:#000;margin-left:10px;cursor:pointer}
#fortune_table .user-search .search-btn span {display:block;padding:5px 20px;font-size:16px;font-weight:bold;color:#ed1c24}
@media screen and (max-width: 63.9375em) {
	#fortune_table .box--search {margin:20px 0}
}

/* 옵션 박스 */
.checkbox-group input[type=checkbox]:checked+label, .checkbox-group input[type=radio]:checked+label {color:#000}
.checkbox-group input[type=checkbox]:checked+label::before, .checkbox-group input[type=radio]:checked+label::before {content:'\e928';width:18px!important;height:18px!important;font:normal normal normal 14px / 1 fontello;color:#fff;background-color:#000;border-color:#000!important}
#fortune_table .box--option {padding:40px;background-color:#fff3f3}
#fortune_table [class*='-group'] {display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:40px}
#fortune_table .select-group label {font-size:1rem;font-weight:600;margin-bottom:5px}
#fortune_table .select-group select {border-radius:0;border-color:#000}
#fortune_table .checkbox-group {margin-top:20px}
#fortune_table .checkbox-group label {font-size:.975rem;font-weight:500}
#fortune_table .checkbox-group label::before {width:18px;height:18px;border-radius:0}
#fortune_table .checkbox-group label span {display:block;font-size:.875rem;margin-left:7px}
#fortune_table .checkbox-group input {}
@media screen and (max-width: 63.9375em) {
	#fortune_table [class*='-group'] {display:block}
}

/* 테이블 */
#fortune_table .table--cont {margin-top:30px}
#fortune_table .table--cont thead tr th {text-align:center}
#fortune_table .table--cont thead tr th {font-size:.85rem;font-weight:bold;word-break:keep-all}
#fortune_table .table--cont thead tr th:nth-of-type(1) {width:80px}
#fortune_table .table--cont thead tr th:nth-of-type(2) {width:200px}
#fortune_table .table--cont tbody tr td {text-align:center}
#fortune_table .table--cont tbody tr td {font-size:.975rem;font-weight:bold}
#fortune_table .table--cont .form {display:flex;align-items:center;justify-content:center}
#fortune_table .table--cont .form button {cursor:pointer}
@media screen and (max-width: 63.9375em) {
	#fortune_table .table--cont {overflow:auto}
	#fortune_table .table--cont thead tr th {min-width:100px}
}

/* 페이징 */
/* #fortune_table .dt-paging {width:100%} */
#fortune_table .btn--paging {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
#fortune_table .btn--paging > div {flex-grow:1;flex-basis:0;}
#fortune_table .btn--paging .page-area {display:flex;flex:0 0 300px;justify-content:space-between}
#fortune_table .btn--paging .next {text-align:right}
#fortune_table .btn--paging .previous button, #fortune_table .btn--paging .next button {color:#007b9d;font-weight:bold}
#fortune_table .btn--paging button {cursor:pointer}
#fortune_table .btn--paging .page-number {display:grid;grid-template-columns:1fr 80px 1fr;column-gap:10px;justify-content:center;align-items:center;margin:0 8px}
#fortune_table .btn--paging .page-number input {margin-bottom:0;border-radius:0;border-color:#000}
#fortune_table .btn--paging .page-size {flex:1 0 auto;}
#fortune_table .btn--paging .page-size select {border-radius:0;border-color:#000;margin-bottom:0;}
@media screen and (max-width: 63.9375em) {
	#fortune_table {max-width: 100%;}
	#fortune_table .btn--paging .previous {order:0}
	#fortune_table .btn--paging .next {order:1}
	#fortune_table .btn--paging .previous, #fortune_table .btn--paging .next {flex:0 0 calc(50% - 10px);margin-bottom:10px;width:calc(50% - 10px);}
	#fortune_table .btn--paging .page-area {order:2;flex:1 0 100%;width:100%;-webkit-box-align:center;align-items:center;}
}