/* 0. list_btm_grp / pager */
.list_btm_grp{padding: 0 0 120px; position: relative; margin-top: 60px;}
.list_pager{overflow:hidden;text-align:center; margin-top: 40px; margin-bottom: 70px;}
.list_pager a{display:inline-block;min-width:16px;text-align:center;padding:0 7px; position:relative;line-height:30px;height:30px; background-color:transparent;color:#666;font-size:13px;margin:0 5px;transition:all .25s ease-out; border-radius:15px;}
.list_pager a::after,.list_pager a::before{content:'';display:block;position:absolute}
.list_pager a:hover{background-color:#ddd;}
.list_pager a.present{color:#fff;background-color:#000}
.list_pager a.page_first,.list_pager a.page_prev,.list_pager a.page_next,.list_pager a.page_last{text-indent:-999em}
.list_pager a.page_first::before,.list_pager a.page_prev::before,.list_pager a.page_next::before,.list_pager a.page_last::before{border-style:solid;border-color:#777;border-width:0 0 2px 2px;left:37%;transform:rotate(-135deg);top:40%;padding:2px}
.list_pager a.page_last::before{left:35%}
.list_pager a.page_first::before{border-width:2px 2px 0 0;left:44%}
.list_pager a.page_prev::before{border-width:2px 2px 0 0;left:38%}
.list_pager a.page_first::after{width:8px;left:0;height:9px;border-right:solid 2px #777;top:10px}
.list_pager a.page_last::after{width:8px;right:0;height:9px;border-left:solid 2px #777;top:10px}
.list_pager a.page_first:hover::after,.list_pager a.page_last:hover::after,.list_pager a.page_first:hover::before,.list_pager a.page_prev:hover::before,.list_pager a.page_next:hover::before,.list_pager a.page_last:hover::before{border-color:#fff}
.list_btm_grp .btns_wrap{position: absolute; right: 0; top: 0;}
.list_btm_grp .btns_wrap ul.btn_1 li{}
.list_btm_grp .btns_wrap ul li a{display:block; background-color: #f0f0f0; color: #555; text-align: center; height: 35px; line-height: 35px; padding: 0 40px; transition:0.25s;}
.list_btm_grp .btns_wrap ul li a:hover{background-color: #e5e5e5; color: #333;}
.list_btm_grp .btns_wrap ul li a i{width: 15px; height: 15px; margin-bottom: -1px; margin-right: 4px; opacity:0.6; transition:0.25s; display:none;}
.list_btm_grp .btns_wrap ul li a i.edt{background: url('../img/common/icon_edit.png') no-repeat center;}

@media all and (max-width:1024px) {
.list_btm_grp{padding: 0 0 80px;}
}

@media all and (max-width:815px) {
.list_btm_grp{padding: 0 0 60px; margin-top: 30px;}
.list_btm_grp .btns_wrap{position: static; max-width:500px; margin: 0 auto; margin-top: 30px; }
.list_btm_grp .btns_wrap ul li a{height: 50px; line-height: 50px; border-radius:10px;}
.list_btm_grp .btns_wrap ul li a i{display:inline-block;}
.list_pager {margin-top: 30px; margin-bottom: 40px;}
}



@media all and (max-width:600px) {
.list_btm_grp a{margin: 0 2px; padding: 0 5px;}

.list_pager{margin-top: 20px; margin-bottom: 30px;}
.list_pager a{padding: 0 4px; line-height: 24px; height: 24px;}
.list_pager a.page_first,
.list_pager a.page_last{padding: 0 6px;}
.list_pager a.page_first::after,
.list_pager a.page_last::after{height: 8px; top: 8px;}
}

/* 1. custom selectbox */

.custom-select{ position: relative;}
.custom-select select{ display: none;}
.select-selected{ background-color: #fff; }
.select-selected:after{ position: absolute; content: ""; top: 14px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: #000 transparent transparent transparent; }
.select-selected.select-arrow-active:after{ border-color: transparent transparent #000 transparent; top: 7px; }
.select-items div,
.select-selected{ color: #555; padding: 8px 16px; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; }
.select-items{ position: absolute; background-color: #fff; top: 100%; left: 0; right: 0; z-index: 99; }
.select-hide{ display: none; }
.select-items div:hover, .same-as-selected{ background-color: rgba(0, 0, 0, 0.1); }


/* 2. list_search */
.list_search{max-width:500px; font-size: 15px; /*float:right; position: absolute; right: 0; top: 0; */ border: solid 1px #e5e5e5; display:block; margin: 0 auto; margin-bottom: 40px;}
.list_search .custom-select{width: 100px; float:left;}
.list_search .select-selected{padding: 15px 15px; border: 0; font-size: 15px;}
.list_search .select-selected:after{top: 20px; border: 5px solid transparent; border-color:#000 transparent transparent transparent;}
.list_search .select-selected.select-arrow-active:after{top: 15px; border-color:transparent transparent #000 transparent;}
.list_search input{float:left; padding: 0; border: 0; font-size: 15px; line-height: 45px; width: calc(100% - 65px); padding-left: 10px; height: 45px;}
.list_search input::placeholder{font-size: 15px; color: #b8b8b8;}
.list_search a{display:block; float:right; width: 45px; height: 45px; background: url('../img/common/ico_search.gif') no-repeat center; background-size:16px ;font-size: 0;}
.list_search .select-items{border: solid 1px #e5e5e5; border-top: 0; margin-left: -1px;}
.list_search .select-items div{padding: 15px 16px;}
.list_search select{float:left; width: 80px; padding: 0 10px; line-height: 45px; height: 45px; border: 0; position: relative;}

@media all and (max-width:1400px) {
}
@media all and (max-width:500px) {
.list_search .select-selected{font-size: 13px; padding: 13.5px 10px;}
.list_search .select-items div{font-size: 13px; padding: 13.5px 10px;}
.list_search input{font-size: 13px; line-height: 40px;}
.list_search a{width: 40px; height: 40px;}
.list_search select{line-height: 40px; height: 40px;}

}

/* 3. btm_search */
.btm_search{margin-top: 40px;}
.btm_search .list_search{float:none; position: static; width:100%; max-width:500px; margin: 0 auto;}

@media all and (max-width:500px) {
.btm_search{margin-top: 20px;}
}