@import url("//fonts.googleapis.com/earlyaccess/notosanskr.css");

@font-face {
  font-family: "S-CoreDream-7ExtraBold";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "S-CoreDream-4Regular";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "S-CoreDream-5Medium";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

html,
body {
  overflow-x: hidden;
  height: 100%;
  font-family: "Noto Sans KR", sans-serif;
}

body {
  background: #ebebeb;
}

ul,
li {
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  background: 0;
  border: 0;
  cursor: pointer;
  font-family: "Noto Sans KR", sans-serif;
}

input,
input::placeholder,
textarea,
select,
b {
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 400;
}

.note-editable {
  padding: 15px !important;
}

.pd_t0 {
  padding-top: 0 !important;
}

.pd_t10 {
  padding-top: 10px;
}

.pd_t15 {
  padding-top: 15px;
}

.pd_t30 {
  padding-top: 30px;
}

.pd_t50 {
  padding-top: 50px;
}

.pd_b0 {
  padding-bottom: 0px;
}

.pd_b10 {
  padding-bottom: 10px;
}

.pd_b15 {
  padding-bottom: 15px;
}

.pd_b20 {
  padding-bottom: 20px;
}

.pd_b30 {
  padding-bottom: 30px !important;
}

.pd_b35 {
  padding-bottom: 35px;
}

.pd_b50 {
  padding-bottom: 50px !important;
}

.pd_l30 {
  padding-left: 30px !important;
}

.mg_t10 {
  margin-top: 10px !important;
}

#wrap {
  width: 100%;
  max-width: 1400px;
  min-height: 100%;
  height: auto;
  margin: 0 auto;
  position: relative;
}

/* top _ scroll */
.top_quick_btn {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 5%;
  right: 5%;
  z-index: 999999;
  transform: translate(-50% -50%);
}

.top_quick_btn .top_icon {
  width: 50px;
  height: 50px;
  border: 2px solid #0066a6;
  color: #0066a6;
  font-weight: 500;
  text-align: center;
  line-height: 45px;
  cursor: pointer;
  transition: all 0.2s;
  border-radius: 50px;
}

.top_quick_btn .top_icon:hover {
  background: #0066a6;
  color: #fff;
}

/* header */
#hder {
  width: 100%;
  max-width: 1400px;
  height: 70px;
  position: fixed;
  top: 0;
  z-index: 999;
  background: #fff;
  border-bottom: 1px solid #dddddd;
}

#hder .hder_area {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: flex;
}

#hder .hder_area .logo_con {
  width: 100%;
  max-width: 270px;
  height: 100%;
  padding-left: 30px;
}

#hder .hder_area .logo_con>a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

#hder .hder_area .top_memu {
  width: calc(100% - 270px);
  height: 100%;
  padding-right: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#hder .hder_area .top_memu .drop_menu {
  width: auto;
  height: auto;
  position: relative;
}

#hder .hder_area .top_memu .drop_menu>button.drop_menu_btn {
  width: auto;
  height: 36px;
  padding: 0 10px;
  color: #444;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.02rem;
}

#hder .hder_area .top_memu .drop_menu>button img {
  margin-left: 5px;
}

#hder .hder_area .top_memu .drop_menu>button:hover {
  border-bottom: 1px solid #666;
}

/* 드롭메뉴 */
#hder .hder_area .top_memu .drop_menu .drop_menu_con {
  width: 200px;
  height: auto;
  position: absolute;
  top: 40px;
  z-index: 9;
  background: #f9f9f9;
  border: 1px solid #999;
  display: none;
}

#hder .hder_area .top_memu .drop_menu .drop_menu_con>button {
  width: 100%;
  height: 40px;
  color: #333;
  font-size: 1rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  padding-left: 25px;
  position: relative;
}

#hder .hder_area .top_memu .drop_menu .drop_menu_con>button::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 1px;
  background: #ddd;
}

#hder .hder_area .top_memu .drop_menu .drop_menu_con>button:last-child:after {
  display: none;
}

#hder .hder_area .top_memu .drop_menu .drop_menu_con>button:hover {
  background: #e1e1e1;
}

#hder .hder_area .top_memu .drop_menu .drop_menu_con>button .img_box {
  width: 30px;
  height: 100%;
  display: flex;
  align-items: center;
}

#hder .hder_area .top_memu .guide {
  width: auto;
  height: auto;
}

#hder .hder_area .top_memu .guide>button {
  width: auto;
  height: 36px;
  padding: 0 15px;
  background: #8286dd;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 400;
  color: #fff;
  letter-spacing: -0.02rem;
}

#hder .hder_area .top_memu .guide>button:hover {
  background: #54578f;
}

#hder .hder_area .top_memu .guide>button>img {
  margin: 2px 4px 0 0;
}

#hder .hder_area .top_memu .all_search {
  flex: 1;
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}


#hder .hder_area .top_memu .all_search .all_search_con {
  width: 90%;
  height: 36px;
  background: #ededed;
  border-radius: 25px;
  display: flex;
}

#hder .hder_area .top_memu .all_search .all_search_con>button {
  width: 10%;
  max-width: 50px;
  min-width: 40px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#hder .hder_area .top_memu .all_search .all_search_con>input {
  font-family: "EsaManru", sans-serif;
  width: 100%;
  height: 100%;
  border: 0;
  background: 0;
  padding: 0 15px 0 0;
  font-size: 1rem;
}

#hder .hder_area .top_memu .my_ration {
  width: auto;
  height: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  gap: 15px;
}

#hder .hder_area .top_memu .my_ration>a {
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
}

#hder .hder_area .top_memu .my_ration>a:hover {
  text-decoration: underline;
  text-underline-position: under;
}

/* header _ end */

/* main */
#main {
  width: 100%;
  min-height: calc(100vh - 70px);
  height: auto;
  display: flex;
  position: relative;
  top: 70px;
}

/* side_menu */
#side_menu {
  flex: 0 0 270px;
  width: 270px;
  height: auto;
  background: #fff;
  border-right: 1px solid #dddddd;
  z-index: 998;
}

#side_menu .side_menu_con {
  width: 270px;
  height: calc(100vh - 70px);
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 0;
  gap: 50px;

}

#side_menu .side_menu_con .side_menu_link {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

#side_menu .gnb_tit {
  width: 100%;
  height: auto;
  padding: 10px 30px 5px;
}

#side_menu .gnb_tit>h2 {
  font-size: 0.875rem;
  font-weight: 500;
  color: #544fb1;
  letter-spacing: -0.05rem;
  border-bottom: 1px solid #dedded;
  padding: 0 0 8px 5px;
}

#side_menu ul>li {
  width: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
}

#side_menu ul>li.gnb_active {
  background: #f4f4f4;
  border-right: 1px solid #dddddd;
}

#side_menu ul>li:hover {
  background: #f4f4f4;
  border-right: 1px solid #dddddd;
}

#side_menu ul>li>a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  color: #666;
  font-size: 0.938rem;
  font-weight: 500;
  letter-spacing: -0.02rem;
}

#side_menu ul>li .icon_con {
  width: 35px;
  height: auto;
  display: flex;
  align-items: center;
}

#side_menu ul>li::after {
  content: "";
  position: absolute;
  right: 30px;
  width: 9px;
  height: 13px;
  background: url(/assets/arrow_right.png) center;
}

#side_menu ul>li>img {
  margin-right: 20px;
}


#side_menu .side_page {
  width: 270px;
  height: auto;
  min-height: 240px;
}

#side_menu .side_page ul {
  width: 100%;
  height: auto;
}

#side_menu .side_page ul>li {
  height: 55px;
  padding: 0 30px;
  position: relative;
}

#side_menu .side_board {
  min-height: auto !important;
}

#side_menu .side_interest {
  width: 270px;
  height: auto;
  min-height: 340px;
}

#side_menu .side_interest ul {
  width: 100%;
  height: auto;
}

#side_menu .side_interest ul>li {
  height: 55px;
  padding: 0 30px;
}

#side_menu .side_interest ul>li>a.subscribe_acitve {
  color: #87cbba;
}

#side_menu .side_interest ul>li>a.bookmark_active {
  color: #ffbebe;
}

#side_menu .side_interest ul>li>a.scrap_active {
  color: #b7bbff;
}

#side_menu .side_interest ul>li>a.message_box_active {
  color: #8fbdd1;
}

#side_menu .side_interest ul>li>a.post_active {
  color: #E190D6;
}

#side_menu .side_interest ul>li>a.my-page_active {
  color: #FFC170;
}

#side_menu .side_info {
  width: 270px;
  height: auto;
  min-height: 80px;
}

#side_menu .side_info ul {
  width: 100%;
  height: 100%;
}

#side_menu .side_info ul>li {
  height: 25px;
  padding: 0 30px;
}

#side_menu .side_info ul>li.copy_right {
  font-size: 0.75rem;
  letter-spacing: -0.05rem;
  color: #bbb;
  padding-top: 15px;
  cursor: auto;
}

#side_menu .side_info ul>li::after {
  display: none;
}

#side_menu .side_info ul>li>a {
  width: 100%;
  height: 100%;
  display: flex;
  color: #999;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}

#side_menu .side_info ul>li:first-child a {
  color: #666;
  font-weight: 600;
}

#side_menu .side_info ul>li:hover {
  background: none;
  border-right: none;
}

#side_menu .side_info ul>li>a:hover {
  color: #111;
  font-weight: 600;
  text-decoration: underline;
}

#sub_side_menu {
  width: 270px;
  height: calc(100% - 70px);
  position: fixed;
  margin-left: 0px;
  background: #f4f3ff;
  border-right: 1px solid #dddddd;
  transition: margin 1s;
  z-index: 997;
}

#sub_side_menu.active {
  margin-left: 270px;
}

#sub_side_menu .menu {
  display: none;
}

#sub_side_menu .top {
  display: flex;
  justify-content: space-between;
  padding: 20px;
}

#sub_side_menu .top .title {
  width: 100%;
  height: auto;
  font-size: 1.125rem;
  font-weight: 600;
}

#sub_side_menu ul {
  width: 100%;
  height: calc(100vh - 140px);
  overflow-y: auto;
}

#sub_side_menu ul li a {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  color: #333;
  font-size: 0.938rem;
  font-weight: 400;
}

#sub_side_menu ul li a>img {
  margin-right: 3px;
}

#sub_side_menu ul li a:hover {
  background: #8286dd;
  color: white;
}

/* container */
#container {
  flex: 1 1 0;
  width: calc(100% - 270px);
  height: auto;
  position: relative;
  background: #f3f3f3;
  padding: 30px 30px 40px;
}

/* search */
.homepage_search {
  width: 50%;
  height: auto;
}

.homepage_search .search_bar {
  width: 100%;
  height: 34px;
  display: flex;
  border: 1px solid #c9c9c9;
  border-radius: 25px;
  padding: 0 4px 0 15px;
}

.homepage_search .search_bar>input {
  width: 100%;
  height: 100%;
  border: 0;
  background: 0;
}

.homepage_search .search_bar>button {
  display: flex;
  align-items: center;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none;
}

/* paging button */
#paging_area {
  width: 100%;
  height: auto;
  padding-top: 30px;
  display: flex;
  justify-content: center;
  gap: 0 5px;
}

#paging_area a.paginate_button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  border: 1px solid #ddd;
  color: #333;
  margin-left: 0;
}

#paging_area>a {
  background: none;
}

#paging_area>span {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
  gap: 0 5px;
}

#paging_area>span>a.paginate_button {
  background: #fff;
  border: 0;
}

#paging_area>span>a.paginate_button.current,
#paging_area>span>a.paginate_button:hover {
  background: #8286dd;
  color: #fff !important;
}

#paging_area>a.disabled {
  opacity: 0.6;
}

#paging_area a.paginate_button.first::after {
  content: url(/assets/first_arrow.png);
}

#paging_area a.paginate_button.previous::after {
  content: url(/assets/prev_arrow.png);
}

#paging_area a.paginate_button.next::after {
  content: url(/assets/next_arrow.png);
}

#paging_area a.paginate_button.last::after {
  content: url(/assets/last_arrow.png);
}

/* table css */
/* tabel _ css */
.board_table {
  width: 100%;
  height: auto;
}

.board_table table,
.board_table table>thead,
.board_table table>tbody {
  width: 100%;
  height: auto;
  text-align: center;
  border-collapse: separate;
  border-spacing: 0 5px !important;
  border-bottom: none !important;
  table-layout: fixed;
}

.board_table table th {
  height: 36px;
  background: #f4f4f4;
  color: #333;
  font-size: 0.875rem;
  letter-spacing: -0.05rem;
  word-break: keep-all;
  padding: 0 5px !important;
  border-bottom: none !important;
  text-align: center !important;
  font-weight: 600 !important;
}

.board_table table th.sorting::before {
  display: none !important;
}

.board_table table th.sorting::after {
  display: inline-block !important;
  position: relative !important;
  content: url("/assets/updown_arrow_03.png") !important;
  top: 1px !important;
  right: 0px !important;
  opacity: 1 !important;
  margin-left: 6px;
}

.board_table table th.sorting.sorting_desc::after {
  content: url("/assets/updown_arrow_01.png") !important;
}

.board_table table th.sorting.sorting_asc::after {
  content: url("/assets/updown_arrow_02.png") !important;
}

.board_table table td {
  position: relative;
  height: 50px;
  color: #333;
  font-size: 0.938rem;
  font-weight: 500;
  word-break: keep-all;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  padding: 0 5px !important;
  letter-spacing: -0.05rem;
  line-height: 20px;
}

.board_table table td:first-child {
  border-left: 1px solid #d5d5d5;
}

.board_table table td:last-child {
  border-right: 1px solid #d5d5d5;
}

/* table _ 변형 */
.board_table table th>button.sorting_btn {
  width: 100%;
  height: 100%;
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}

.board_table table th>button.sorting_btn>img {
  margin: 3px 0 0 6px;
}

.board_table table tr.top_notice>td {
  background: #f6f7ff;
  border-top: 1px solid #d8def3;
  border-bottom: 1px solid #d8def3;
}

.board_table table tr.top_notice>td:first-child {
  border-left: 1px solid #d8def3;
}

.board_table table tr.top_notice>td:last-child {
  border-right: 1px solid #d8def3;
}

.board_table table tr.private>td {
  background: #f4f4f4;
}

.board_table table tr.private>td:first-child {
  border-left: 10px solid #aaa !important;
  color: #888;
  background: #f4f4f4;
  font-size: 0.875rem;
  font-weight: 500;
}

.post_auth {
  width: 25px;
  height: 25px;
  font-size: 0.875rem;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0 auto;
}

.post_auth::after,
.post_auth::before {
  position: absolute;
  content: attr(data-level);
}

.post_auth.rating_r {
  background: #e85224;
  color: #fff;
}

.post_auth.rating_p {
  background: #8b60b1;
  color: #fff;
}

.post_auth.rating_b {
  background: #03a9f4;
  color: #fff;
}

.board_table table td.user_name {
  display: flex;
  justify-content: center;
  align-items: center;
}

.board_table table td.user_name>p {
  padding-right: 5px;
}

.board_table table td.board_title {
  display: flex;
  align-items: center;
}

.board_table table td.board_title>a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.board_table table td.board_title>a:hover {
  text-decoration: underline;
}

.board_table table td.board_title .comment {
  padding-left: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.board_table table td.board_title .comment>span {
  font-size: 0.875rem;
  font-weight: 600;
  color: #7789ff;
}

.board_table table td.board_title .comment>img {
  margin: 2px 2px 0 0;
}

.board_table table td.board_title .like {
  padding-left: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.board_table table td.board_title .like>span {
  font-size: 0.875rem;
  font-weight: 600;
  color: #ff8464;
}

.board_table table td.board_title .like>img {
  margin: 1px 1px 0 0;
}

.board_table table td.board_title .new_message {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
}

.board_table table td.number {
  font-size: 0.875rem;
}

.board_table table td.writer_me {
  color: #4f66d9;
}

.board_table table td>button.menu_btn {
  width: 30px;
  height: 30px;
}

.board_table table td>button.menu_btn>img {
  margin-top: 5px;
}

.board_table table td>button.approval_btn {
  width: auto;
  height: 30px;
  color: #fff;
  padding: 0 8px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  background: #608fff;
}

.board_table table td>button.approval_btn:hover {
  background: #4c71c9;
}

.board_table .page_info {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.board_table .page_info .total {
  width: auto;
  height: auto;
  display: flex;
  gap: 15px;
}

.board_table .page_info .total>span {
  font-size: 0.75rem;
  font-weight: 300;
  color: #999999;
  position: relative;
}

.board_table .page_info .total>span:first-child::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -9px;
  transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background: #dddddd;
}

.board_table .page_info .page_number {
  width: auto;
  height: auto;
}

.board_table .page_info .page_number>select {
  width: 60px;
  height: 24px;
  border: 1px solid #bbbbbb;
  border-radius: 2px;
}

/* table css end */

/* table 더보기용 옵션 서브 메뉴 - start */

.board_table .sub_menu {
  display: none;
  width: 200px;
  height: auto;
  position: absolute;
  top: 45px;
  left: -125px;
  z-index: 9;
  background: #8286dd;
}

.board_table .sub_menu>button {
  width: 100%;
  height: 40px;
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  display: flex;
  align-items: center;
  padding-left: 25px;
  position: relative;
}

.board_table .sub_menu>button::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 1px;
  background: #969ae2;
}

.board_table .sub_menu>button:last-child:after {
  display: none;
}

.board_table .sub_menu>button:hover {
  background: #54578f;
}

.board_table .sub_menu>button .img_box {
  width: 30px;
  height: 100%;
  display: flex;
  align-items: center;
}

/* table 더보기용 옵션 서브 메뉴 - end */

/* button css */
.btn_area {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
  gap: 0 10px;
  position: relative;
}

.btn_area button {
  width: 150px;
  height: 40px;
  border-radius: 2px;
  font-size: 1rem;
  font-weight: 400;
}

.btn_area .writing_btn {
  background: #608fff;
  color: #fff;
}

.btn_area .writing_btn:hover {
  background: #4c71c9;
}

.btn_area .confirm_btn {
  background: #8286dd;
  color: #fff;
}

.btn_area .confirm_btn:hover {
  background: #54578f;
}

.btn_area .add_btn {
  background: #6ac1cf;
  color: #fff;
}

.btn_area .add_btn:hover {
  background: #5198a4;
}

.btn_area .cancel_btn {
  background: #d8d8d8;
  color: #7d7d7d;
}

.btn_area .cancel_btn:hover {
  background: #bbbbbb;
}

.btn_area .delete_btn {
  color: #fff;
  background: #ff8585;
  position: absolute;
  left: 0;
}

.btn_area .delete_btn:hover {
  background: #c74f55;
}

.btn_area .change_btn {
  background: #c883cf;
  color: #fff;
}

.btn_area .change_btn:hover {
  background: #8d5c92;
}

.btn_area .list_btn {
  color: #fff;
  background: #8286dd;
}

.btn_area .list_btn:hover {
  background: #54578f;
}

.invite_btn {
  background: #8bcfb6;
  font-size: 0.875rem;
  color: #fff;
}

.invite_btn:hover {
  background: #679987;
}

.invite_btn>img {
  margin: 1px 0 0 6px;
}

.message_btn {
  background: #6bc0e9;
  font-size: 0.875rem;
  color: #fff;
}

.message_btn:hover {
  background: #4e97bb;
}

.message_btn>img {
  margin-left: 5px;
}

.board_message_btn {
  background: #e96bab;
  font-size: 0.875rem;
  color: #fff;
}

.board_message_btn:hover {
  background: #bd5389;
}

.board_message_btn>img {
  margin-left: 5px;
}

.board_writing_btn {
  background: #608fff;
  font-size: 0.875rem;
  color: #fff;
}

.board_writing_btn:hover {
  background: #4c71c9;
}

.board_writing_btn>img {
  margin-left: 5px;
}

.list_btn {
  color: #fff;
  background: #bbbbbb;
}

.list_btn:hover {
  background: #999;
}

.list_btn>img {
  margin: 1px 0 0 6px;
}

/* button css end */

/* paging btn */
.board_table .board_max_paging {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  gap: 0 5px;
}

.board_table .board_max_paging a.paginate_button {
  width: 35px;
  height: 35px;
  border: 1px solid #ddd !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  margin-left: 0;
}

.board_table .board_max_paging>a.paginate_button {
  background: #f7f7f7 !important;
}

.board_table .board_max_paging>a.paginate_button.disabled {
  opacity: 0.6;
}

.board_table .board_max_paging>span {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
  gap: 0 5px;
}

.board_table .board_max_paging>span>a.paginate_button {
  background: #fff;
  border: 0 !important;
}

.board_table .board_max_paging>span>a.paginate_button.current {
  background: #8286dd !important;
  color: #fff !important;
}

.board_table .board_max_paging>span>a.paginate_button.current:hover {
  color: #fff !important;
}

.board_table .board_max_paging>span>a.paginate_button:hover {
  background: #8286dd !important;
  color: #fff !important;
}

.board_table .board_max_paging a.paginate_button.first::after {
  content: url(/assets/first_arrow.png);
}

.board_table .board_max_paging a.paginate_button.previous::after {
  content: url(/assets/prev_arrow.png);
}

.board_table .board_max_paging a.paginate_button.next::after {
  content: url(/assets/next_arrow.png);
}

.board_table .board_max_paging a.paginate_button.last::after {
  content: url(/assets/last_arrow.png);
}

/* paging btn end */

/* 하단 개인정보 */
.fter_privacy {
  width: 100%;
  height: auto;
  padding-top: 30px;
}

.fter_privacy ul {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  gap: 30px;
}

.fter_privacy ul>li {
  width: auto;
  height: auto;
  position: relative;
}

.fter_privacy ul>li:first-child::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -17px;
  transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background: #bbb;
}

.fter_privacy ul>li>a {
  width: 100%;
  height: 100%;
  display: flex;
  color: #999;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}

.fter_privacy ul>li:first-child a {
  color: #666;
  font-weight: 600;
}

.fter_privacy ul>li>a:hover {
  color: #111;
  font-weight: 600;
  text-decoration: underline;
}

.fter_privacy>p {
  font-size: 0.75rem;
  font-weight: 400;
  color: #aaa;
  letter-spacing: -0.05rem;
  text-align: center;
  padding-top: 2px;
}

/* main end */

/* media query */
@media all and (max-width: 1281px) {
  #side_menu .side_info {
    bottom: 30px;
  }
}

@media all and (max-width: 1231px) {}

@media all and (max-width: 1025px) {}

@media all and (max-width: 801px) {
  #hder .hder_area .top_memu {
    padding-right: 15px;
  }

  #hder .hder_area .top_memu .my_ration {
    gap: 10px;
  }

  #hder .hder_area .top_memu .my_ration>a {
    font-size: 0.938rem;
  }

  #container {
    padding: 20px;
  }

  .btn_area button {
    width: auto;
    height: 35px;
    padding: 0 25px;
    font-size: 0.938rem;
  }

  .board_table .board_max_paging a.paginate_button {
    width: 30px;
    height: 30px;
  }

  #side_menu .gnb_tit {
    padding: 0px 20px 5px;
  }

  #side_menu .side_page ul>li {
    height: 45px;
    padding: 0 25px;
  }

  #side_menu .side_interest ul>li {
    height: 45px;
    padding: 0 25px;
  }

  #side_menu ul>li::after {
    right: 20px;
  }
}

@media all and (max-width: 621px) {}