.pagination {
    text-align: center;
    padding: 30px 0;
    border-top: 1px solid #dae0ea;
}
.pagination li {
    display: inline;
}
.album_img{
    width: 50px;
    height: 50px;
}

.pagination a {
    font-weight: 600;
    font-size: 12px;
    color: black;
    padding:5px 10px;
    text-decoration: none;
    margin-right: 5px;
    /*border: 1px solid #ddd;*/
    border-radius:5px;
}
.pagination a.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}
.pagination a:hover:not(.active) {
    background-color: #939393;
}
.select_btn {
    #float: right;
}
.select_a:hover {
    color: cornflowerblue !important;
    text-decoration: none;
    font-weight: 500;
}
.select_a:active {
    color: red !important;
    text-decoration: none;
}
.select_a:visited {
    /*color: brown !important;*/
}
.span_tag {
    font-size: 10px;
    opacity:0.7;
    display:block;
}
.al {
    padding-left: 10px !important;
    text-align:left !important;
}
.toggle_show {
    background-color: #fedee3;
}
.show {
    display:inline;
}
.hide {
    display:none;
}
.text_abbr {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 130px;
    height: 15px;
}
.checks {position: relative;}

.checks input[type="checkbox"] {  /* 실제 체크박스는 화면에서 숨김 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0
}
.checks input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.checks input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
    content: ' ';
    display: inline-block;
    width: 21px;  /* 체크박스의 너비를 지정 */
    height: 21px;  /* 체크박스의 높이를 지정 */
    line-height: 21px; /* 세로정렬을 위해 높이값과 일치 */
    margin: -2px 8px 0 0;
    text-align: center;
    vertical-align: middle;
    background: #fafafa;
    border: 1px solid #cacece;
    border-radius : 3px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.checks input[type="checkbox"]:checked + label:before {  /* 체크박스를 체크했을때 */
    content: '\2714';  /* 체크표시 유니코드 사용 */
    color: #99a1a7;
    text-shadow: 1px 1px #fff;
    background: #e9ecee;
    border-color: #adb8c0;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
}

.checks.etrans input[type="checkbox"] + label {
    padding-left: 30px;
}
.checks.etrans input[type="checkbox"] + label:before {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0;
    opacity: .6;
    box-shadow: none;
    /*border-color: #555555;*/
    border-color: red;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
}

.checks.etrans input[type="checkbox"]:checked + label:before {
    position: absolute;
    content: "";
    width: 10px;
    top: -5px;
    left: 5px;
    border-radius: 0;
    opacity:1;
    background: transparent;
    border-color:transparent #555555 #555555 transparent;
    /*border-color:transparent red red transparent;*/
    /*border-top-color:transparent;*/
    /*border-left-color:transparent;*/
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}

.no-csstransforms .checks.etrans input[type="checkbox"]:checked + label:before {
    content: "\2714";
    top: 0;
    left: 0;
    width: 21px;
    line-height: 21px;
    color: #6cc0e5;
    text-align: center;
    border: 1px solid #6cc0e5;
}

 /*드롭다운 버튼 선택자*/
/* 얘는 가상 선택자 업 & 다운*/
/*input[type="date"]::-webkit-calendar-picker-indicator,*/
input[type="date"]::-webkit-inner-spin-button {
    display: none;
    appearance: none;
}
/* 드랍 다운 버튼 선택자를 Input box 안에만 클릭해도 드랍다운 되게 설정 */
input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}