@charset "utf-8";
/* CSS Document */

/* 페이징 */
/* Type 1*/
.board_paging{ width: 100%; text-align: center; vertical-align: middle; margin: 20px 0px; }
.board_paging_arrow{padding: 0 !important; border:none !important; cursor: pointer; }
.board_paging_arrow img{ border:none !important; padding-bottom: 3px; }
.board_paging_num{ padding: 5px !important; font-size: 12px; cursor: pointer; }
.board_paging_num.on{ font-weight: bold; color: #c73c4b; display: inline !important; }
/* Type 2*/
.page_navi_con {text-align: center; margin: auto; margin-top: 20px;}
.page_navi_con .button_container {font-size: 0px; white-space: nowrap; text-align: center;}
.button_container {font-size: 0px; white-space: nowrap; text-align: center;}
.button_container li { position: relative; display: inline-block; width: 33px; height: 33px; text-align: center; background: url( ../img/page-navi-bg.png ) no-repeat; cursor: pointer; line-height: 34px; font-weight: 400;}
.button_container li.btn_singlePage { z-index: 0; text-indent: -10000px; }
.button_container li.btn_singlePage.btn_firstPage { background-position: 0px 12px; }
.button_container li.btn_singlePage.btn_prevPage { background-position: -33px 12px; width:43px; margin-right:40px;}
.button_container li.btn_singlePage.btn_nextPage { background-position: -116px 12px; width:43px; margin-left:40px;}
.button_container li.btn_singlePage.btn_lastPage { background-position: right 12px; }
.button_container li.btn_page {background: none; color: #000; font-size: 12px; z-index: 1; border:1px solid transparent; box-sizing: border-box; transition: border 0s;}
.button_container li.btn_page.selected { border:1px solid #000000; background-color:#fff; border-radius: 50%;}
.button_container li.btn_page:hover{color:#f95188;}
.button_container li.btn_singlePage:hover{background:url('../img/page-navi-bg_h.png') no-repeat;}
.button_container li.btn_singlePage.btn_firstPage:hover { background-position: 0px 12px; }
.button_container li.btn_singlePage.btn_prevPage:hover{ background-position: -33px 12px; }
.button_container li.btn_singlePage.btn_nextPage:hover{ background-position: -116px 12px; }
.button_container li.btn_singlePage.btn_lastPage:hover{ background-position: right 12px; }
/* Type 3 */
.dot_navi_con {text-align: center; margin: auto; margin-top: 20px;}
.dot_navi_con .btn_con {font-size: 0px; white-space: nowrap;}
.dot_navi_con .btn_con > div {display: inline-block; cursor: pointer;}
.dot_navi_con .btn_con > div.prev {color: #4b99d8; font-size: 13px; line-height: 1em; margin-right: 15px;}
.dot_navi_con .btn_con > div.next {color: #4b99d8; font-size: 13px; line-height: 1em; margin-left: 15px;}
.dot_navi_con .btn_con > div.num {background: url("../img/dot_navi_bg.png") repeat left top; text-align: center; padding: 4px;}
.dot_navi_con .btn_con > div.num > span {display: inline-block; width: 35px; padding: 11px 0px; font-size: 13px; color: #a8a8a8; line-height: 1em;}
.dot_navi_con .btn_con > div.num > span.selected {border-radius: 3px; background-color: #4b99d8; color: #fff; font-weight: bold;}