/*-------------------------------------------------

Title       : Main
Author      : EASESOFT
Create Date : 2026-05

-------------------------------------------------*/
.sec_tit {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 3.6rem;
}
.sec_tit::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1.5px;
  background: #0E0E0E;
}
.sec_tit h2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  z-index: 2;
  height: 4rem;
  border-top: 2.6px solid #0E0E0E;
  border-bottom: 1.5px solid #0E0E0E;
  background: #ffffff;
  padding: 0 1rem 0 0;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 1.8rem;
  line-height: 1;
  word-break: keep-all;
}
.sec_tit .control {
  margin-left: auto;
}
.sec_tit .more {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  height: 4rem;
  border-bottom: 1.5px solid #0E0E0E;
  background: #ffffff;
  color: #717171;
  font-size: 1.6rem;
  font-weight: 600;
  padding-left: 1rem;
  transition: 0.3s;
  position: relative;
  z-index: 2;
}
.sec_tit .more::after {
  content: "\ea6c";
  font-family: "remixicon";
}
@media screen and (min-width: 1024px) {
  .sec_tit .more:hover {
    color: #9C6B2F;
  }
}
.sec_tit h2 + .more {
  margin-left: auto;
}

.control {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 4rem;
  border-bottom: 1.5px solid #0E0E0E;
  background: #ffffff;
  position: relative;
  z-index: 10;
  padding-left: 1rem;
}
.control .pager {
  width: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 1.8rem;
  font-variant-numeric: tabular-nums;
}
.control .pager em {
  font-size: 1.6rem;
  font-weight: 500;
}
.control .pagination {
  margin-right: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}
.control .pagination span {
  color: #717171;
  font-size: 1.6rem;
  font-family: "Montserrat";
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.control .pagination .progress_bar {
  width: 3rem;
  height: 1px;
  background: #a3a3a3;
  position: relative;
}
.control .pagination .progress_bar .fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #555555;
  transition: width 0.5s ease;
}
.control button {
  flex: none;
  display: flex;
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  background-repeat: no-repeat;
  background-position: center center;
  transition: 0.3s;
}
.control button.prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23717171'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
  background-position-x: 45%;
}
.control button.next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23717171'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
  background-position-x: 55%;
}
.control button.pause {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 14V0H12.5V14H8.5ZM0.5 14V0H4.5V14H0.5Z' fill='%23717171'/%3E%3C/svg%3E%0A");
  background-size: 0.9rem;
}
.control button.play {
  display: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23717171'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 2.2rem;
}
@media screen and (min-width: 1024px) {
  .control button:hover::before {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  .control button:hover.prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23C8A96A'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
  }
  .control button:hover.next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23C8A96A'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
  }
  .control button:hover.pause {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 14V0H12.5V14H8.5ZM0.5 14V0H4.5V14H0.5Z' fill='%23C8A96A'/%3E%3C/svg%3E%0A");
  }
  .control button:hover.play {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23C8A96A'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z'%3E%3C/path%3E%3C/svg%3E");
  }
}
.control.white {
  color: #FFFFFF;
}
.control.white button {
  width: 4rem;
  height: 4rem;
}
.control.white button.prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='21' viewBox='0 0 12 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 19.5L1.5 10.5L10.5 1.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position-x: 45%;
}
.control.white button.next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='21' viewBox='0 0 12 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 19.5L10.5 10.5L1.5 1.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position-x: 55%;
}
.control.white button.pause {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 14V0H12.5V14H8.5ZM0.5 14V0H4.5V14H0.5Z' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-size: 1.4rem;
}
.control.white button.play {
  display: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 2.2rem;
}
@media screen and (min-width: 1024px) {
  .control.white button:hover::before {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  .control.white button:hover.prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='21' viewBox='0 0 12 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 19.5L1.5 10.5L10.5 1.5' stroke='%23C8A96A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .control.white button:hover.next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='21' viewBox='0 0 12 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 19.5L10.5 10.5L1.5 1.5' stroke='%23C8A96A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .control.white button:hover.pause {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 14V0H12.5V14H8.5ZM0.5 14V0H4.5V14H0.5Z' fill='%23C8A96A'/%3E%3C/svg%3E%0A");
  }
  .control.white button:hover.play {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23C8A96A'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z'%3E%3C/path%3E%3C/svg%3E");
  }
}

.visual {
  margin: 6.4rem 0;
  position: relative;
}
.visual .layout_fix_w {
  position: relative;
}
.visual .swiper-slide {
  position: relative;
  aspect-ratio: 179/78;
}
.visual .swiper-slide::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(102, 102, 102, 0.3), rgba(0, 0, 0, 0.9));
  opacity: 0.8;
  pointer-events: none;
}
.visual .swiper-slide a {
  display: block;
  height: 100%;
}
.visual .swiper-slide .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.visual .swiper-slide .text {
  position: absolute;
  left: 15rem;
  top: 15%;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2rem;
  color: #fff;
  height: calc(85% - 15rem);
}
.visual .swiper-slide .effect {
  font-size: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Montserrat";
  color: #C8A96A;
  letter-spacing: 2px;
  margin-bottom: 2rem;
}
.visual .swiper-slide .effect::before {
  content: "";
  display: block;
  width: 3rem;
  height: 3px;
  background-color: #C8A96A;
}
.visual .swiper-slide .tx {
  font-size: 3.4vw;
  font-weight: 600;
  color: #fff;
  word-break: keep-all;
  width: 60%;
  line-height: 1.2;
}
.visual .swiper-slide .more {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: auto;
  background: #fff;
  color: #000;
  height: 4.8rem;
  padding: 0 2.4rem;
  font-weight: 500;
  transition: 0.3s;
}
@media screen and (min-width: 1024px) {
  .visual .swiper-slide .more:hover {
    background: #9C6B2F;
    color: #fff;
  }
}
.visual .control {
  position: absolute;
  left: 15rem;
  bottom: 6rem;
  z-index: 5;
  padding: 0;
  border: none;
  background: none;
}

.main_swiper_feature .thumb {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  aspect-ratio: 16/9;
  overflow: hidden;
  margin-bottom: 2.4rem;
}
.main_swiper_feature .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
  will-change: auto;
}
.main_swiper_feature .swiper-slide a {
  display: block;
  overflow: hidden;
}
.main_swiper_feature .desc {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1rem;
}
.main_swiper_feature .cate {
  color: #8A5C00;
  font-size: 1.5rem;
  font-weight: 500;
  font-family: "Montserrat";
  text-transform: uppercase;
}
.main_swiper_feature .subject {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  word-break: keep-all;
  padding-bottom: 2px;
}
.main_swiper_feature .date {
  font-size: 1.6rem;
  font-family: "Montserrat";
}
@media screen and (min-width: 1024px) {
  .main_swiper_feature .swiper-slide a:hover .thumb img {
    transform: scale(1.05);
  }
  .main_swiper_feature .swiper-slide a:hover .subject {
    text-decoration: underline;
  }
}

.section_editorial {
  background: #D9D6CF;
  padding: 5.4rem 0;
}
.section_editorial .sec_tit h2 {
  background: #D9D6CF;
}
.section_editorial .row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  gap: 3px;
}
.section_editorial .big {
  flex: none;
  width: 50%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: stretch;
  border-radius: 1rem 0 0 1rem;
  background-color: #7F5322;
}
.section_editorial .big .desc {
  flex: none;
  width: 55%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 1.6rem;
  padding: 5.6rem 4.8rem;
}
.section_editorial .big .cate {
  color: #F9D180;
  font-size: 1.6rem;
  font-weight: 400;
}
.section_editorial .big .subject {
  font-size: 3.8rem;
  color: #fff;
  font-weight: 700;
  width: 100%;
  line-height: 1.3;
  word-break: keep-all;
}
.section_editorial .big .more {
  color: #F9D180;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  height: 4rem;
  border: 1px solid #F9D180;
  padding: 0 2rem;
  transition: 0.3s;
  font-weight: 500;
}
.section_editorial .big .more::after {
  content: "\ea6c";
  font-family: "remixicon";
}
.section_editorial .big .thumb {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: none;
  width: 45%;
  overflow: hidden;
}
.section_editorial .big .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}
@media screen and (min-width: 1024px) {
  .section_editorial .big:hover .more {
    background: #F9D180;
    color: #7F5322;
  }
  .section_editorial .big:hover .thumb img {
    transform: scale(1.05);
  }
}
.section_editorial .small {
  flex: none;
  width: calc(50% - 3px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 3px;
  overflow: hidden;
  border-radius: 0 1rem 1rem 0;
}
.section_editorial .small a {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  padding: 2.4rem;
  background: #F6F4EF;
  position: relative;
}
.section_editorial .small a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
}
.section_editorial .small .desc {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1rem;
  flex: none;
  width: calc(100% - 15.8rem);
  position: relative;
  z-index: 1;
  margin-right: auto;
}
.section_editorial .small .cate {
  color: #8A5C00;
  font-size: 1.5rem;
  font-weight: 500;
}
.section_editorial .small .subject {
  font-size: 2.2rem;
  font-weight: 700;
  width: 100%;
  line-height: 1.4;
}
.section_editorial .small .thumb {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  aspect-ratio: 134/119;
  overflow: hidden;
  flex: none;
  width: 13.4rem;
  position: relative;
  z-index: 1;
}
.section_editorial .small .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
  will-change: auto;
}
@media screen and (min-width: 1024px) {
  .section_editorial .small a:hover::before {
    opacity: 1;
  }
  .section_editorial .small a:hover .more {
    background: #F9D180;
    color: #7F5322;
  }
  .section_editorial .small a:hover .thumb img {
    transform: scale(1.05);
  }
}

.section_grid4 {
  padding: 5.4rem 0;
  position: relative;
}
.section_grid4.only_4 .sec_tit .control {
  display: none;
}
.section_grid4.only_4 .sec_tit .more {
  margin-left: auto;
}

.section_grid6 {
  padding: 5.4rem 0;
  position: relative;
}
.section_grid6.archive {
  background: #F6F4EF;
}
.section_grid6.archive .sec_tit h2 {
  background: #F6F4EF;
}
.section_grid6.archive .sec_tit .control {
  background: #F6F4EF;
}
.section_grid6.archive .sec_tit .more {
  background: #F6F4EF;
}
.section_grid6 .sec_tit .control {
  display: none;
}
.section_grid6 .sec_tit .more {
  margin-left: auto;
}
.section_grid6 .grid6_swiper .thumb {
  aspect-ratio: 3/4;
}

/*-------------------------------------------------

Responsive

-------------------------------------------------*/
/* Media Query */
@media (min-width: 1920px) {
  .visual .swiper-slide .tx {
    font-size: 6.2rem;
  }
}
@media (max-width: 1780px) {
  .visual .swiper-slide .text {
    left: 5rem;
  }
  .visual .control {
    left: 5rem;
  }
}
@media (max-width: 1440px) {
  .visual .swiper-slide .text {
    left: 3rem;
    height: calc(85% - 10rem);
  }
  .visual .control {
    left: 3rem;
    bottom: 3rem;
  }
  .section_editorial .big .desc {
    width: 50%;
    padding: 5.6rem 3rem;
  }
  .section_editorial .big .thumb {
    width: 50%;
  }
  .section_editorial .big .subject {
    font-size: 2.8rem;
  }
}
@media (max-width: 1280px) {
  .section_editorial .row {
    flex-direction: column;
  }
  .section_editorial .big {
    width: 100%;
    border-radius: 1rem 1rem 0 0;
  }
  .section_editorial .small {
    width: 100%;
    border-radius: 0 0 1rem 1rem;
  }
  .section_editorial .small a {
    padding: 1.6rem 2.4rem;
  }
  .section_editorial .small .thumb {
    aspect-ratio: 4/3;
  }
  .section_grid6 .sec_tit .control {
    display: flex;
  }
  .section_grid6 .sec_tit .more {
    margin-left: 0;
  }
}
@media (max-width: 1024px) {
  .visual {
    margin: 1.6rem 0;
  }
  .visual .swiper-slide {
    aspect-ratio: 4/3;
  }
  .visual .swiper-slide .text {
    top: 10%;
  }
  .visual .swiper-slide .effect {
    font-size: 1.8rem;
  }
  .visual .swiper-slide .tx {
    font-size: 4.5vw;
    width: 65%;
  }
  .main_swiper_feature .thumb {
    margin-bottom: 1.6rem;
  }
  .main_swiper_feature .desc {
    gap: 0.6rem;
  }
  .main_swiper_feature .subject {
    font-size: 1.8rem;
  }
  .section_editorial .big .desc {
    padding: 4rem 3rem;
  }
  .section_editorial .big .subject {
    font-size: 2.4rem;
  }
  .section_editorial .small .subject {
    font-size: 1.8rem;
  }
  .section_grid4 .sec_tit {
    margin-right: 1.6rem;
  }
  .section_grid4 .layout_fix_w {
    width: 100%;
    padding-left: 1.6rem;
  }
  .section_grid4.only_4 .sec_tit .control {
    display: flex;
  }
  .section_grid4.only_4 .sec_tit .more {
    margin-left: 0;
  }
}
@media (max-width: 800px) {
  .visual .swiper-slide {
    aspect-ratio: auto;
    height: 60rem;
  }
  .visual .swiper-slide .tx {
    font-size: 5.5vw;
    width: 65%;
  }
  .section_editorial {
    padding: 2.4rem 0;
  }
  .section_editorial .big {
    flex-direction: column;
  }
  .section_editorial .big .thumb {
    width: 100%;
    border-radius: 0.8rem 0.8rem 0 0;
  }
  .section_editorial .big .desc {
    width: 100%;
    padding: 8rem 3.6rem 3.6rem;
  }
  .section_editorial .big .desc .subject {
    font-size: 2.4rem;
  }
  .section_grid4 {
    padding: 2.4rem 0;
  }
  .section_grid6 {
    padding: 2.4rem 0;
  }
}
@media (max-width: 640px) {
  .visual .swiper-slide .tx {
    font-size: 6.5vw;
  }
  .sec_tit {
    gap: 2rem;
    margin-bottom: 1.6rem;
    position: static;
  }
  .sec_tit::before {
    top: 4.3rem;
    left: 1.6rem;
    width: calc(100% - 3.2rem);
  }
  .sec_tit h2 {
    font-size: 1.5rem;
    letter-spacing: 1px;
  }
  .sec_tit .more {
    position: absolute;
    left: 1.6rem;
    bottom: 2.4rem;
    height: 4rem;
    border-bottom: 1.5px solid #0E0E0E;
    border-top: 1px solid #0E0E0E;
    width: calc(100% - 3.2rem);
    justify-content: center;
  }
  .control .pagination {
    margin-right: 0.5rem;
  }
  .control .pagination .current {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem;
  }
  .control .pagination .current::after {
    content: "";
    display: block;
    width: 1rem;
    height: 1px;
    background: #555555;
    transform: rotate(-70deg);
  }
  .control .pagination .progress_bar {
    display: none;
  }
  .section_editorial .big .desc {
    padding: 8rem 1.6rem 1.8rem;
  }
  .section_editorial .big .desc .subject {
    font-size: 2.2rem;
  }
  .section_editorial .small a {
    padding: 1.6rem;
  }
  .section_editorial .small .thumb {
    display: none;
  }
  .section_editorial .small .desc {
    width: 100%;
  }
  .section_editorial .small .subject {
    font-size: 1.6rem;
  }
  .section_grid4 {
    padding: 2.4rem 0 9rem;
  }
  .section_grid6 {
    padding: 2.4rem 0 9rem;
  }
}