﻿.pagination { display: inline-block; padding-left: 0; margin: 10px 0; border-radius: 4px; }

    .pagination > li { display: inline; }

        .pagination > li > a,
        .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }

        .pagination > li:last-child > a,
        .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

        .pagination > li > a:hover,
        .pagination > li > span:hover,
        .pagination > li > a:focus,
        .pagination > li > span:focus { background-color: #eeeeee; }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus { z-index: 2; color: #ffffff; cursor: default; background-color: #428bca; border-color: #428bca; }

    .pagination > .disabled > span,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus { color: #999999; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; }

.pagination-lg > li > a,
.pagination-lg > li > span { padding: 10px 16px; font-size: 18px; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span { padding: 5px 10px; font-size: 12px; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; }

    .pager:before,
    .pager:after { display: table; content: " "; }

    .pager:after { clear: both; }

    .pager:before,
    .pager:after { display: table; content: " "; }

    .pager:after { clear: both; }

    .pager li { display: inline; }

        .pager li > a,
        .pager li > span { display: inline-block; padding: 5px 14px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 15px; }

            .pager li > a:hover,
            .pager li > a:focus { text-decoration: none; background-color: #eeeeee; }

    .pager .next > a,
    .pager .next > span { float: right; }

    .pager .previous > a,
    .pager .previous > span { float: left; }

    .pager .disabled > a,
    .pager .disabled > a:hover,
    .pager .disabled > a:focus,
    .pager .disabled > span { color: #999999; cursor: not-allowed; background-color: #ffffff; }



/*자체설정*/


/*div.pagination-container { text-align: center !important; display: block; margin: 0 0; }

ul.pagination { cursor: default; list-style: none; padding-left: 0; display: inline-block; margin: 0 0 2rem 0; }
    ul.pagination li { display: inline-block; padding-left: 0; vertical-align: middle;*/ /*padding: 0.5em 0;*/ /*}
        ul.pagination li > a { -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; border-bottom: 0; border-radius: 0.375em; display: inline-block; font-size: 0.8em; font-weight: 600; height: 2em; line-height: 2em; margin: 0 0.125em; min-width: 2em; padding: 0 0.5em; text-align: center; }

            ul.pagination li > a.active { background-color: #0068d1; color: #ffffff !important; }
            ul.pagination li > a:active { background-color: #0059d1; }

        ul.pagination li > a, ul.pagination li > span { -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; border-bottom: 0; border-radius: 0.375em; display: inline-block; font-size: 0.8em; font-weight: 600; height: 2em; line-height: 2em; margin: 0 0.125em; min-width: 2em; padding: 0 0.5em; text-align: center; border: none; }

        ul.pagination li.active > span { background-color: #0068d1; color: #ffffff !important; }
            ul.pagination li.active > span:hover { background-color: #0080e3; }
            ul.pagination li.active > span:active { background-color: #0059d1; }

        ul.pagination li.button { border: 0; padding: 0; margin: 0; }
            ul.pagination li.button a {*/ /*height: 3.5em;  font-size: 0.95em; font-weight: 500; letter-spacing: 0.075em; padding: 0 2.25em;  line-height: 3.5em; */ /*display: inline-block; margin: 0; background-color: transparent; }

li.PagedList-pageCountAndLocation { display: none !important; }*/
