@charset "utf-8";

/* Customized Paging */
#otherPaging
/* Customized Paging */
.pg_wrap {-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 25px;}

.pg_page { /* 기본페이지 */
    display: inline-flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    line-height: 1.2;
    font-size:17px;
    color:#333;
    background:#fff;
    margin-right: 6px;
	border: 1px solid #ddd;
}
.pg_page:hover {
    line-height: 1.2;
    font-size:17px;
    color:#fff;
    background:#f09922;
}
.pg_current { /* 현재페이지 */
    display: inline-flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    line-height: 1.2;
    font-size:17px;
    color:#fff;
    background:#f09922;
    margin-right: 6px;
	border: 1px solid #ffffff;
}
.pg_start { /* 처음 */
    position:relative;
    top:100%;
    width:50px !important;
    height:50px !important;
    background:#d90e90;
    border:0px solid #ccc;
    border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    text-indent:-9999px;
    display:inline-block;
	border: 1px solid #ffffff;
}
.pg_start:after {
    position:absolute;
    top:20px;
    left:20px;
    content:"";
    width:10px;
    height:10px;
    border-top:1px solid transparent;
    border-right:1px solid transparent;
    border-bottom:2px solid #fff;
    border-left:2px solid #fff;
    transform:rotate(45deg);
}
.pg_start:before {
    position:absolute;
    top:20px;
    left:20px;
    content:"";
    width:10px;
    height:10px;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform:rotate(45deg);
}
.pg_start:hover {
    background:#d90e90;
    border:0px solid #333;
}
.pg_prev { /* 이전 */
    position:relative;
    top:50%;
    width:28px !important;
    height:28px !important;
    background:#fff;
    border:1px solid #ccc;
    border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    text-indent:-9999px;
    display:inline-block;
}
.pg_prev:after {
    position:absolute;
    top:10px;
    left:13px;
    content:"";
    width:6px;
    height:6px;
    border-top:1px solid transparent;
    border-right:1px solid transparent;
    border-bottom:1px solid #777;
    border-left:1px solid #777;
    transform:rotate(45deg);
}
.pg_prev:hover {
    background:#fff;
    border:1px solid #333;
}
.pg_next { /* 다음 */
    position:relative;
    top:50%;
    width:28px !important;
    height:28px !important;
    background:#fff;
    border:1px solid #ccc;
    border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    text-indent:-9999px;
    display:inline-block;
}
.pg_next:after {
    position:absolute;
    top:10px;
    right:13px;
    content:"";
    width:6px;
    height:6px;
    border-top:1px solid #777;
    border-right:1px solid #777;
    border-bottom:1px solid transparent;
    border-left:1px solid transparent;
    transform:rotate(45deg);
}
.pg_next:hover {
    background:#fff;
    border:0px solid #333;
}
.pg_end { /* 맨끝 */
    position:relative;
    top:50%;
    width:50px !important;
    height:50px !important;
    background:#d90e90;
    border:0px solid #fff;
    border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    text-indent:-9999px;
    display:inline-block;
	border: 1px solid #ffffff;
}
.pg_end:after {
    position:absolute;
    top:20px;
    right:20px;
    content:"";
    width:10px;
    height:10px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    border-bottom:1px solid transparent;
    border-left:1px solid transparent;
    transform:rotate(45deg);
}
.pg_end:before {
    position:absolute;
    top:20px;
    right:20px;
    content:"";
    width:10px;
    height:10px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    border-bottom:1px solid transparent;
    border-left:1px solid transparent;
    transform:rotate(45deg);
}
.pg_end:hover {
    background:#d90e90;
    border:0px solid #333;
}


.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}