/*category_set*/
#main_contents {
  margin: 0 auto; }
  @media screen and (min-width: 768px) {
    #main_contents {
      width: 127.5rem;
      padding: 4rem 0 18rem !important; } }
  @media screen and (max-width: 767px) {
    #main_contents {
      width: 36rem;
      padding: 4rem 0 8rem !important; } }

/**/
#topics_cont {
  position: relative;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    #topics_cont {
      margin-top: 5rem; } }
  @media screen and (max-width: 767px) {
    #topics_cont {
      margin-top: 3rem; } }

#local_nav {
  position: relative;
  width: 100%; }

#local_nav > div {
  position: relative;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap; }
  @media screen and (min-width: 768px) {
    #local_nav > div {
      gap: 10px 20px; } }
  @media screen and (max-width: 767px) {
    #local_nav > div {
      gap: 1rem 2rem; } }

#local_nav a {
  position: relative;
  display: flex;
  align-items: center;
  transition: ease-in-out 0.4s all; }
  @media screen and (min-width: 768px) {
    #local_nav a {
      gap: 10px; } }
  @media screen and (max-width: 767px) {
    #local_nav a {
      gap: 1rem; } }

#local_nav a p {
  position: relative;
  transition: ease-in-out 0.4s all;
  letter-spacing: 0.00em;
  color: #0C0C0C;
  font-weight: 400; }
  @media screen and (min-width: 768px) {
    #local_nav a p {
      line-height: 1.429em;
      font-size: 14px;
      /*font-size: divceil($fs, 10, rem);*/ } }
  @media screen and (max-width: 767px) {
    #local_nav a p {
      line-height: 1.539em;
      font-size: 1.3rem; } }

#local_nav a:hover p {
  color: #CC0000; }

#local_nav a .arrow {
  position: relative;
  display: inline-block;
  transition: ease-out 0.6s all;
  background: #CC0000;
  border-radius: 50%; }
  @media screen and (min-width: 768px) {
    #local_nav a .arrow {
      width: 16px;
      height: 16px; } }
  @media screen and (max-width: 767px) {
    #local_nav a .arrow {
      width: 1.6rem;
      height: 1.6rem; } }

#local_nav a .arrow::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  transition: ease-out 0.6s all;
  border: 1px solid;
  border-color: #fff #fff transparent transparent; }
  @media screen and (min-width: 768px) {
    #local_nav a .arrow::after {
      width: 6px;
      height: 6px;
      transform: translate(-3px, -5px) rotate(135deg); } }
  @media screen and (max-width: 767px) {
    #local_nav a .arrow::after {
      width: 0.6rem;
      height: 0.6rem;
      transform: translate(-0.3rem, -0.5rem) rotate(135deg); } }

#main_contents .end_btn {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center !important; }
  @media screen and (min-width: 768px) {
    #main_contents .end_btn {
      margin-top: 6rem; } }
  @media screen and (max-width: 767px) {
    #main_contents .end_btn {
      margin-top: 4rem; } }

#main_contents .end_btn.mora_open {
  display: none !important; }

#main_contents .end_btn .btn_general {
  position: relative; }
  @media screen and (min-width: 768px) {
    #main_contents .end_btn .btn_general {
      width: 315px;
      height: 50px; } }
  @media screen and (max-width: 767px) {
    #main_contents .end_btn .btn_general {
      width: 32rem;
      height: 5rem; } }

@media screen and (min-width: 768px) {
  #main_contents .end_btn .btn_general .arrow {
    margin-top: -10px; } }
@media screen and (max-width: 767px) {
  #main_contents .end_btn .btn_general .arrow {
    margin-top: -1rem; } }

#main_contents .end_btn .btn_general .arrow::after {
  transform: rotate(135deg) !important; }

#topics_cont.default section:nth-of-type(n+4) {
  display: none; }
