@charset "utf-8";
.visual-wrap {
  position:relative;
  overflow:hidden;
}

.visual-wrap .swiper-slide {
  position:relative;
  height:100vh;
  max-height:84rem;
  min-height:70rem;
}

.visual-wrap .swiper-slide-active {
  z-index:2;
}

.visual-wrap .swiper-slide .img {
  width:100%;
  height:100%;
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  z-index:1;
}

.visual-wrap .swiper-slide .img img {
  display:block;
  height:100%;
  margin:0 auto;
  object-fit:cover;
}

.visual-wrap .swiper-slide .text-wrap {
  position:relative;
  margin-top:15rem;
  z-index:2;
}

.visual-wrap .swiper-slide .text-wrap .sub {
  font-size:2.4rem;
  font-weight:500;
  color:#ffffff50;
  text-transform:uppercase;
}

.visual-wrap .swiper-slide .text-wrap .title {
  max-width:63rem;
  margin-top:2rem;
  font-size:6.8rem;
  color:#fff;
  font-weight:700;
  line-height:1.42;
}

.visual-wrap .visual-control {
  width:100%;
  max-width:135rem;
  padding:0 1.5rem;
  margin:0 auto;
  position:absolute;
  top:59rem;
  left:50%;
  transform:translateX(-50%);
  z-index:2;
  display:flex;
  align-items:center;
  gap:3.4rem;
}

.visual-wrap .visual-control .swiper-pagination {
  width:auto;
  left:auto;
  bottom:auto;
  position:relative;
  display:flex;
  gap:1.6rem;
}

.visual-wrap .visual-control .swiper-pagination .swiper-pagination-bullet {
  position:relative;
  width:1rem;
  height:1rem;
  margin:0;
  border-radius:50%;
  background:#ffffff50;
  opacity:1;
}

.visual-wrap .visual-control .swiper-pagination .swiper-pagination-bullet-active {
  background:#ffa02150;
}

.visual-wrap .visual-control .swiper-pagination .swiper-pagination-bullet-active::before {
  content:"";
  width:1.8rem;
  height:1.8rem;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  border:2px solid #ffa021;
  border-radius:50%;
}

.visual-wrap .visual-control .progress-wrap {
  position:relative;
  width:5.6rem;
  height:5.6rem;
}

.visual-wrap .visual-control .autoplay-progress {
  width:100%;
  height:100%;
}

.visual-wrap .visual-control .autoplay-progress svg {
  --progress:0;
  width:100%;
  height:100%;
  stroke-width:2px;
  stroke:#ffffff60;
  fill:none;
  stroke-dashoffset:calc(169px * (1 - var(--progress)));
  stroke-dasharray:169;
  transform:rotate(-90deg);
}

.visual-wrap .visual-control .progress-wrap .swiper-pause,
.visual-wrap .visual-control .progress-wrap .swiper-play {
  width:2.1rem;
  height:2.1rem;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  background-position:left top;
  background-size:100%;
  background-repeat:no-repeat;
  cursor:pointer;
  z-index:1;
}

.visual-wrap .visual-control .progress-wrap .swiper-pause {
  background-image:url("../images/main/ico_pause.svg");
}
.visual-wrap .visual-control .progress-wrap .swiper-play {
  background-image:url("../images/main/ico_pause.svg");
}

.visual-wrap .scroll-down {
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:0;
  padding-bottom:5.6rem;
  z-index:5;
}

.visual-wrap .scroll-down::before {
  content:"";
  width:1px;
  height:4rem;
  position:absolute;
  left:50%;
  bottom:0;
  background:linear-gradient(to bottom, #ffffff 50%, #ffffff40 51%);
}

.visual-wrap .scroll-down span {
  position:relative;
  font-size:1.4rem;
  color:#fff;
}

.visual-wrap .scroll-down span::before {
  content:"";
  width:2rem;
  height:3.6rem;
  display:block;
  margin:0 auto 1rem;
  background:url("../images/main/ico_mouse.svg") no-repeat left top;
  background-size:100%;
}

.section {
  padding-top:8rem;
  padding-bottom:8rem;
}

.tit-wrap {
  margin-bottom:3.2rem;
  text-align:center;
}

.tit-wrap .eng {
  margin-bottom:0.8rem;
  font-size:1.6rem;
  font-weight:500;
  text-transform:uppercase;
  color:var(--color-primary);
}

.tit-wrap .sub {
  margin-top:2rem;
  font-weight:500;
  color:var(--text-secondary);
}

.sponsor .inner {
  padding:0 7rem;
}

.sponsor .swiper-slide {
  display:flex;
  align-items:center;
  height:7.2rem;
  border:#ddd 1px solid;
  overflow:hidden;
}
.sponsor .swiper-slide a {display:block; width:100%;}
.sponsor .swiper-slide img {width:auto; height:auto; max-width:98%; max-height:98%; object-fit:contain; display:block; margin:0 auto;}

.sponsor .swiper-button-next,
.sponsor .swiper-button-prev {
  width:4.2rem;
  height:4.2rem;
  left:0;
  border-radius:50%;
  border:1px solid var(--border-light);
  background:url("../images/main/arr_swiper.svg") no-repeat center center;
  background-size:100%;
}

.sponsor .swiper-button-next {
  transform:rotate(180deg);
  left:auto;
  right:0;
}

.sponsor .swiper-button-next:after,
.sponsor .swiper-button-prev:after {
  display:none;
}

.sponsor1 .swiper-grid-column>.swiper-wrapper {height:20rem;}
.sponsor1 .swiper-slide {border:#ddd 1px solid; justify-content:center;}
.sponsor1 .swiper-slide a {max-height:100%; overflow:hidden;}
.sponsor1 .swiper-slide img {width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain;}

.gradient {
  background:linear-gradient(to bottom, #f6f7fb, #ffffff);
}

.gradient .quick-flex {
  display:flex;
}

.quick-wrap {
  flex-basis:100%;
  /* max-width:108.8rem; */
  /*padding-right:3.64%;*/
  position:relative;
  gap:1rem;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}

/* .quick-wrap::before {
  content:"";
  position:absolute;
  width:1px;
  top:0;
  bottom:0;
  right:2.1%;
  background:var(--border);
} */

.quick-wrap a {
  display:flex;
  flex-grow:1;
  flex-basis:0;
  align-items:center;
  justify-content:center;
  aspect-ratio:39 / 50;
  padding-top:1rem;
  background:#fff;
}

.quick-wrap a span {
  font-size:2.2rem;
  font-weight:600;
}

.quick-wrap a span::before {
  content:"";
  width:5.8rem;
  height:5.8rem;
  display:block;
  margin:0 auto 2.1rem;
  background-position:left top;
  background-size:100%;
  background-repeat:no-repeat;
}

.quick-wrap a.ico1 span::before {background-image:url("../images/main/ico_quick1.svg");}
.quick-wrap a.ico2 span::before {background-image:url("../images/main/ico_quick2.svg");}
.quick-wrap a.ico3 span::before {background-image:url("../images/main/ico_quick3.svg");}
.quick-wrap a.ico4 span::before {background-image:url("../images/main/ico_quick4.svg");}
.quick-wrap a.ico5 span::before {background-image:url("../images/main/ico_quick5.svg");}
.quick-wrap a.ico6 span::before {background-image:url("../images/main/ico_quick6.svg");}
.quick-wrap a.ico7 span::before {background-image:url("../images/main/ico_quick7.svg");}
.quick-wrap a.ico8 span::before {background-image:url("../images/main/ico_quick8.svg");}

.quick-wrap a:hover,
.quick-wrap a:focus {
  background:var(--color-primary);
}
.quick-wrap a:hover span,
.quick-wrap a:focus span {
  color:#fff;
}
.quick-wrap a:hover span::before,
.quick-wrap a:focus span::before {
  background-position:left bottom;
}

.ico-box {
  flex-grow:1;
  display:block;
  position:relative;
  padding:2.5% 2.2%;
  background:var(--color-primary);
}

.ico-box .tit {
  color:#fff;
  font-weight:700;
  font-size:3rem;
}

.ico-box .sub {
  margin-top:0.5rem;
  font-size:1.4rem;
  color:#ffffff40;
}

.ico-box::before {
  content:"";
  width:4.8rem;
  height:4.8rem;
  position:absolute;
  left:9.3%;
  bottom:15%;
  background:url("../images/ico/ico_plus_white.svg") no-repeat center center #ffffff10;
  border-radius:50%;
}

.ico-box::after {
  content:"";
  width:6.5rem;
  height:5.5rem;
  position:absolute;
  right:11%;
  bottom:17%;
  background-size:100%;
  background-position:left top;
  background-repeat:no-repeat;
}

.quick-flex .ico-box {
  padding-top:1.9%;
}

.quick-flex .ico-box::before {
  left:13%;
  bottom:13%;
}
.quick-flex .ico-box::after {
  right:11%;
  bottom:12%;
  background-image:url("../images/main/ico_newsletter.svg");
}

.magazine.section {
  padding-top:2rem;
  margin-top:0;
}

.magazine .swiper .swiper-slide {
  overflow:hidden;
}

.magazine .swiper .img {
  position:relative;
  min-height: 576px;
  border: 1px solid #ddd;
}

.magazine .swiper .img::before {
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background:linear-gradient(to bottom, #00000000 30%, #000000);
}

.magazine .swiper .img img {
  width:100%;
  display:block;
}

.magazine .swiper .text {
  width:100%;
  position:absolute;
  left:0;
  bottom:7.2%;
  padding-left:9.5%;
  padding-right:3rem;
  transition:all 0.2s ease;
}

.magazine .swiper .text .tit {
  margin-bottom:1.6rem;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  height:8.2rem;
  line-height:1.2;
  color:#fff;
  font-size:3.4rem;
  font-weight:600;
}

.side-menu {
  position:fixed;
  bottom:4rem;
  right:5%;
  display:flex;
  flex-direction:column;
  gap:1rem;
  align-items:center;
}

.side-button {
  width:6rem;
  height:6rem;
  border:1px solid var(--border-light);
  background:#fff;
  border-radius:50%;
  box-shadow:0 -0.4rem 1rem 0 #00000010;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:3rem;
  position:relative;
}

.button-label {
  display:block;
  margin-top:0.5rem;
  font-size:1.2rem;
  text-align:center;
  color:#333;
}

.go-top {
  background-image:url(../images/ico/arr_down.svg);
  transform:rotate(180deg);
}

.go-home {
  background-image:url(../images/ico/home.svg);
}

.go-contact {
  background-image:url(../images/ico/contact.svg);
}

.go-settings {
  background-image:url(../images/ico/settings.svg);
}
\ .magazine .swiper .text .info {
  position:relative;
  padding-left:2.4rem;
  opacity:0.5;
}

/* .magazine .swiper .text .info::before {
  content:"";
  width:1.6rem;
  height:1.6rem;
  position:absolute;
  left:0;
  top:0.6rem;
  background:url("../images/ico/ico_pen_white.svg") no-repeat left top;
  background-size:100%;
} */

.magazine .swiper .text .info span {
  display:inline-block;
  margin-right:1.2rem;
  color:#fff;
  font-size:1.6rem;
  font-weight:500;
}

.magazine .swiper .btm-btn {
  position:absolute;
  left:9.5%;
  right:9.5%;
  bottom:-50%;
  transition:all 0.2s ease;
}

.magazine .swiper .btm-btn a {
  display:block;
  position:relative;
  padding-left:14%;
  line-height:6.2rem;
  font-size:2rem;
  font-weight:600;
  color:#fff;
  border:1px solid #fff;
}

.magazine .swiper .btm-btn a + a {
  margin-top:1.2rem;
}

.magazine .swiper .btm-btn a::after {
  content:"";
  width:2rem;
  height:2rem;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  right:5%;
  background:url("../images/ico/ico_window_white.svg") no-repeat left top;
  background-size:100%;
}

.magazine .swiper .btm-btn a::before {
  content:"";
  width:1.8rem;
  height:1.8rem;
  position:absolute;
  left:6%;
  top:50%;
  transform:translateY(-50%);
  background-size:100%;
  background-position:left top;
  background-repeat:no-repeat;
}

.magazine .swiper .btm-btn a.online::before {
  background-image:url("../images/ico/ico_mail_sub.svg");
}
.magazine .swiper .btm-btn a.search::before {
  background-image:url("../images/ico/ico_sch_docu.svg");
}

.news {
  background:url("../images/main/bg_news.png") no-repeat center top;
  background-size:cover;
}

.news .tabs {
  display:flex;
}

.news .tabs button {
  flex-grow:1;
  position:relative;
  padding-bottom:1.2rem;
  font-size:2.2rem;
  color:var(--text-secondary);
  font-weight:500;
}

.news .tabs button::after {
  content:"";
  width:100%;
  height:1px;
  position:absolute;
  left:0;
  bottom:0;
  background:var(--border-light);
}

.news .tabs button:hover,
.news .tabs button:focus {
  color:var(--color-primary);
}

.news .tabs button.active {
  color:var(--color-primary);
}

.news .tabs button.active::before {
  content:"";
  width:100%;
  left:0;
  bottom:0;
  height:2px;
  position:absolute;
  background:var(--color-primary);
  z-index:1;
}

.tab-container {
  margin-top:3.2rem;
}

.news-wrap {
  display:flex;
  flex-wrap:wrap;
  gap:2.4rem;
}

.news-wrap .box {
  flex-basis:calc((100% - 4.8rem) / 3);
  padding:2.2%;
  border:1px solid var(--border);
  background:#fff;
}

.news-wrap .box .tit {
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  height:6.6rem;
  font-size:2.2rem;
  font-weight:600;
}

.news-wrap .box:hover .tit,
.news-wrap .box:focus .tit {
  text-decoration:underline;
  text-underline-position:under;
}

.news-wrap .box .date {
  display:block;
  margin-top:2.4rem;
  text-align:right;
  color:var(--text-secondary);
}

.news-wrap .box .date::before {
  content:"";
  display:inline-block;
  width:1.6rem;
  height:1.6rem;
  vertical-align:middle;
  margin:-2px 0.8rem 0 0;
  background:url("../images/ico/ico_calendar.svg") no-repeat left top;
  background-size:100%;
}

.news .more {
  width:16rem;
  display:block;
  margin:4.8rem auto 0;
  line-height:4.6rem;
  text-align:center;
  font-size:1.8rem;
  font-weight:600;
  background:#fff;
  border:1px solid var(--border);
}

.news .more::after {
  content:"";
  width:1.3rem;
  height:1.3rem;
  display:inline-block;
  margin:-3px 0 0 1rem;
  vertical-align:middle;
  background:url("../images/ico/ico_plus.svg") no-repeat left top;
  background-size:100%;
}

.box-wrap.section {
  display:flex;
  gap:2.4rem;
  margin-top:0;
}

.box-wrap .ico-box {
  flex-basis:0;
  height:22rem;
}

.box-wrap .ico-box::after {
  filter:brightness(10);
}

.box-wrap .ico-box:hover::after,
.box-wrap .ico-box:focus::after {
  filter:inherit;
}

.box-wrap .ico-box.mag {
  background:#2ab8bd;
  border:3px solid #2ab8bd;
}
.box-wrap .ico-box.mag::after {
  background-image:url("../images/main/ico_mag.svg");
}
.box-wrap .ico-box.video {
  border:3px solid var(--color-primaryDark);
  background:var(--color-primaryDark);
}
.box-wrap .ico-box.video::after {
  background-image:url("../images/main/ico_video.svg");
}
.box-wrap .ico-box.ad {
  border:3px solid #5671e5;
  background:#5671e5;
}
.box-wrap .ico-box.ad::after {
  background-image:url("../images/main/ico_ad.svg");
}
.box-wrap .ico-box.gall {
  border:3px solid var(--color-primary);
  background:var(--color-primary);
}
.box-wrap .ico-box.gall::after {
  background-image:url("../images/main/ico_gall.svg");
}

.box-wrap .ico-box:hover,
.box-wrap .ico-box:focus {
  background:#fff;
}
.box-wrap .ico-box.mag:hover .tit,
.box-wrap .ico-box.mag:focus .tit {
  color:#2ab8bd;
}
.box-wrap .ico-box.mag:hover .sub,
.box-wrap .ico-box.mag:focus .sub {
  color:#2ab8bd60;
}
.box-wrap .ico-box.mag:hover::before,
.box-wrap .ico-box.mag:focus::before {
  background-color:#2ab8bd;
}
.box-wrap .ico-box.video:hover .tit,
.box-wrap .ico-box.video:focus .tit {
  color:var(--color-primaryDark);
}
.box-wrap .ico-box.video:hover .sub,
.box-wrap .ico-box.video:focus .sub {
  color:#293f8f60;
}
.box-wrap .ico-box.video:hover::before,
.box-wrap .ico-box.video:focus::before {
  background-color:var(--color-primaryDark);
}
.box-wrap .ico-box.ad:hover .tit,
.box-wrap .ico-box.ad:focus .tit {
  color:#5671e5;
}
.box-wrap .ico-box.ad:hover .sub,
.box-wrap .ico-box.ad:focus .sub {
  color:#5671e560;
}
.box-wrap .ico-box.ad:hover::before,
.box-wrap .ico-box.ad:focus::before {
  background-color:#5671e5;
}
.box-wrap .ico-box.gall:hover .tit,
.box-wrap .ico-box.gall:focus .tit {
  color:var(--color-primary);
}
.box-wrap .ico-box.gall:hover .sub,
.box-wrap .ico-box.gall:focus .sub {
  color:#568aed60;
}
.box-wrap .ico-box.gall:hover::before,
.box-wrap .ico-box.gall:focus::before {
  background-color:var(--color-primary);
}

.ad-wrap {padding:2rem 0 0;}

/* .ad-wrap .tit-wrap {text-align:left; margin-bottom:16px;}
.ad-wrap .tit-wrap .heading1 {font-size:18px;}
.ad-wrap .tit {
  margin-bottom:1.6rem;
  font-weight:600;
} */

.ad-wrap .slider {
  position:relative;
  border-top:1px solid var(--border);
}

.ad-wrap .slider::before {
  content:"";
  width:100%;
  height:1px;
  left:0;
  bottom:0;
  position:absolute;
  background:var(--border);
}

.ad-wrap .swiper-wrapper {flex-wrap:nowrap;}

.ad-wrap .slider .swiper-slide {display:flex;align-items:center;justify-content:center; flex:0 0 auto;margin-top:0 !important;min-height:112px;aspect-ratio:4/3;}
.ad-wrap .slider .swiper-slide a {height:50px; width:100%; text-align:center; display:flex; justify-content:center; align-items:center; border: #ddd 1px solid;}
.ad-wrap .slider .swiper-slide img {
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}

@media screen and (min-width:769px) {
  .magazine .swiper-slide:hover .img::before,
  .magazine .swiper-slide:focus .img::before {
    background:linear-gradient(to bottom, #568aed 5%, #2ab8bd);
    opacity:0.95;
  }

  .magazine .swiper-slide:hover .text,
  .magazine .swiper-slide:focus .text {
    bottom:37rem;
  }

  .magazine .swiper .more {
    width:4.8rem;
    height:4.8rem;
    position:absolute;
    left:9.5%;
    bottom:-100%;
    background:url("../images/ico/ico_plus_white.svg") no-repeat center center #ffffff10;
    border-radius:50%;
    transition:all 0.2s ease;
  }

  .magazine .swiper-slide:hover .more,
  .magazine .swiper-slide:focus .more {
    bottom:29rem;
  }

  .magazine .swiper-slide .more:hover,
  .magazine .swiper-slide .more:focus {
    transform:rotate(180deg);
  }

  .magazine .swiper-slide:hover .btm-btn,
  .magazine .swiper-slide:focus .btm-btn {
    bottom:7.7%;
  }
}

@media screen and (max-width:1370px) {
  .sponsor .swiper-button-next,
  .sponsor .swiper-button-prev {
    left:1.5rem;
  }

  .sponsor .swiper-button-next {
    left:auto;
    right:1.5rem;
  }

  .magazine .swiper-slide:hover .text,
  .magazine .swiper-slide:focus .text {
    bottom:27vw;
  }

  .magazine .swiper-slide:hover .more,
  .magazine .swiper-slide:focus .more {
    bottom:20vw;
  }
}

@media screen and (max-width:1200px) {
  .quick-wrap a span {
    font-size:2rem;
  }

  .quick-wrap a span::before {
    width:5rem;
    height:5rem;
    margin-bottom:1.6rem;
  }

  .ico-box .tit {
    font-size:2.6rem;
  }

  .ico-box .sub {
    margin-top:0.3rem;
    font-size:1.3rem;
  }

  .ico-box::before {
    width:4.4rem;
    height:4.4rem;
  }

  .ico-box::after {
    width:5.5rem;
    height:4.7rem;
  }

  .magazine .swiper-slide:hover .text,
  .magazine .swiper-slide:focus .text {
    bottom:25vw;
  }

  .magazine .swiper-slide:hover .more,
  .magazine .swiper-slide:focus .more {
    bottom:19vw;
  }

  .magazine .swiper .btm-btn a {
    line-height:5.6rem;
  }
}

/* tablet */
@media screen and (max-width:1024px) {
  .visual-wrap .swiper-slide .text-wrap .sub {
    font-size:2rem;
  }

  .visual-wrap .swiper-slide .text-wrap .title {
    max-width:60rem;
    font-size:6rem;
  }

  .gradient .quick-flex {
    align-items:flex-start;
  }

  .quick-wrap {
    flex-basis:75%;
    justify-content:flex-start;
  }

  .quick-wrap a {
    flex-basis:calc((100% - 2rem) / 3);
    flex-grow:0;
  }

  .quick-flex .ico-box {
    aspect-ratio:1 / 0.92;
  }

  .magazine .swiper .text .tit {
    margin-bottom:1rem;
    height:7rem;
    font-size:2.8rem;
  }

  .magazine .swiper-slide:hover .text,
  .magazine .swiper-slide:focus .text {
    bottom:29vw;
  }

  .magazine .swiper-slide:hover .more,
  .magazine .swiper-slide:focus .more {
    width:4.4rem;
    height:4.4rem;
    bottom:21vw;
  }

  .magazine .swiper .btm-btn a {
    font-size:1.7rem;
    line-height:5.2rem;
  }

  .news .tabs button {
    font-size:2rem;
  }

  .news-wrap .box .tit {
    height:6.2rem;
    font-size:2rem;
  }

  .box-wrap {
    gap:1.8rem;
  }

  /* .ad-wrap .slider .swiper {height:20rem;} */
}

/* mobile */
@media screen and (max-width:768px) {
.sponsor1 .swiper-grid-column>.swiper-wrapper {height:10rem;}
  .visual-wrap .swiper-slide {
    height:auto;
    max-height:100%;
    min-height:0;
  }

  .visual-wrap .swiper-slide-active {
    z-index:2;
  }

  .visual-wrap .swiper-slide .img {
    width:100%;
    position:relative;
    left:auto;
    transform:none;
  }

  .visual-wrap .swiper-slide .text-wrap {
    margin-top:0;
    top:10rem;
    position:absolute;
  }

  .visual-wrap .swiper-slide .text-wrap .sub {
    font-size:1.4rem;
  }

  .visual-wrap .swiper-slide .text-wrap .title {
    max-width:90%;
    margin-top:1.6rem;
    font-size:3.4rem;
  }

  .visual-wrap .visual-control {
    width:auto;
    top:34rem;
    left:0.5rem;
    transform:translateX(0);
    gap:1.8rem;
  }

  .visual-wrap .visual-control .swiper-pagination {
    gap:1.2rem;
  }

  .visual-wrap .visual-control .swiper-pagination .swiper-pagination-bullet {
    width:0.7rem;
    height:0.7rem;
  }

  .visual-wrap .visual-control .swiper-pagination .swiper-pagination-bullet-active {
    transform:scale(1.1);
  }

  .visual-wrap .visual-control .swiper-pagination .swiper-pagination-bullet-active::before {
    width:1.3rem;
    height:1.3rem;
  }

  .visual-wrap .visual-control .progress-wrap {
    width:3.9rem;
    height:3.9rem;
  }

  .visual-wrap .visual-control .autoplay-progress svg {
    stroke-width:3px;
  }

  .visual-wrap .visual-control .progress-wrap .swiper-pause,
  .visual-wrap .visual-control .progress-wrap .swiper-play {
    width:1.5rem;
    height:1.5rem;
  }

  .visual-wrap .scroll-down span {
    font-size:1.2rem;
  }

  .visual-wrap .scroll-down span::before {
    width:1.6rem;
    height:2.9rem;
    margin:0 auto 0.6rem;
  }

  .section {
    padding-top:4rem;
    padding-bottom:4rem;
  }

  .tit-wrap .eng {
    font-size:1.3rem;
  }

  .tit-wrap .sub {
    margin-top:1.6rem;
  }

  .sponsor .inner {
    padding:0 5rem;
  }

  .sponsor .swiper-slide {
    height:4rem;
  }

  .sponsor .swiper-button-next,
  .sponsor .swiper-button-prev {
    width:3rem;
    height:3rem;
    left:1rem;
    margin-top:-1.5rem;
    background-size:140%;
    border-width:0;
  }

  .sponsor .swiper-button-next {
    left:auto;
    right:1rem;
  }

  .gradient .quick-flex {
    gap:1rem;
    flex-direction:column;
  }

  .quick-wrap {
    width:100%;
    padding-right:0;
  }

  .quick-wrap::before {
    display:none;
  }

  .quick-wrap a {
    padding-top:0.5rem;
    box-shadow:0 0.4rem 2rem 0 #0000000d;
  }

  .quick-wrap a span {
    font-size:1.5rem;
  }

  .quick-wrap a span::before {
    width:2.7rem;
    height:2.7rem;
    margin-bottom:0.9rem;
  }

  .quick-flex .ico-box {
    width:100%;
    aspect-ratio:inherit;
  }

  .ico-box {
    padding:1.7rem;
  }

  .ico-box .tit {
    font-size:2rem;
  }

  .ico-box .sub {
    margin-top:0.3rem;
    font-size:1.2rem;
  }

  .ico-box::before {
    display:none;
    background-size:1.1rem;
  }

  .ico-box::after {
    width:4.4rem;
    height:3.8rem;
    right:2rem;
    bottom:2rem;
  }

  .quick-flex .ico-box {
    padding:2.4rem 3rem;
    height:15.6rem;
  }

  .quick-flex .ico-box::before {
    display:block;
    width:4rem;
    height:4rem;
    left:3rem;
    bottom:2.4rem;
  }
  .quick-flex .ico-box::after {
    right:2.8rem;
    bottom:2.3rem;
  }

  .magazine.section {
    padding-top:4rem;
  }

  .magazine .swiper {
    margin:0 -2rem;
  }

  .magazine .swiper .thumb {
    position:relative;
  }

  .magazine .swiper .text,
  .magazine .swiper-slide:hover .text,
  .magazine .swiper-slide:focus .text {
    padding:0 2rem;
    bottom:2rem;
  }

  .magazine .swiper .text .tit {
    height:5.8rem;
    margin-bottom:0.8rem;
    font-size:2.2rem;
  }

  .magazine .swiper .text .info {
    padding-left:2rem;
  }

  .magazine .swiper .text .info::before {
    width:1.2rem;
    height:1.2rem;
    top:0.5rem;
  }

  .magazine .swiper .text .info span {
    padding-right:1.2rem;
    font-size:1.3rem;
  }
  .magazine .swiper .img{min-height:335px;}
  .magazine .swiper .more,
  .magazine .swiper-slide:hover .more,
  .magazine .swiper-slide:focus .more {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    bottom:0;
	min-height:
  }

  .magazine .swiper .btm-btn {
    position:relative;
    margin-top:1rem;
    left:auto;
    right:auto;
    bottom:auto;
  }

  .magazine .swiper .btm-btn a {
    padding-left:3.8rem;
    line-height:4.8rem;
    font-size:1.5rem;
    color:var(--text-primary);
    border:1px solid var(--border);
  }

  .magazine .swiper .btm-btn a + a {
    margin-top:1rem;
  }

  .magazine .swiper .btm-btn a::before {
    width:1.4rem;
    height:1.4rem;
    left:1.5rem;
    filter:brightness(0);
  }

  .magazine .swiper .btm-btn a::after {
    width:1.5rem;
    height:1.5rem;
    right:1.5rem;
    background:url("../images/ico/ico_window_white.svg") no-repeat left top;
    background-size:100%;
    filter:brightness(0);
  }

  .news {
    background:#f1f3f4;
  }

  .news .tabs {
	display: flex;
	flex-wrap: wrap;
	max-width: 100%; /* 필요 시 너비 고정 */
	padding: 0;
	margin: 0 auto;
	gap: 10px;
  }


  .news .tabs button {
/*     flex-shrink:0;
    padding-bottom:0.9rem;*/
    font-size:1.5rem;
	flex: 1 0 calc(32% - 10px); /* 한 줄에 3개 */
	box-sizing: border-box;
	padding: 10px 0;
	text-align: center;
	border: none;
	cursor: pointer;
  }
.news .tabs button.flex25 {flex:1 0 calc(25% - 10px);} /* 한 줄에 4개*/

  .news .tabs button.active {
	color: #0074e0;
	font-weight: bold;
	border-bottom: 2px solid #0074e0;
}

  .news .tabs button:not(:last-child):after {
    width:calc(100% + 3.4rem);
  }

  .tab-container {
    margin-top:2rem;
  }

  .news-wrap {
    gap:1rem;
    flex-direction:column;
    flex-wrap:nowrap;
  }

  .news-wrap .box:nth-child(n + 4) {
    display:none;
  }

  .news-wrap .box {
    padding:2.4rem;
  }

  .news-wrap .box .tit {
    height:4.8rem;
    font-size:1.5rem;
  }

  .news-wrap .box .date {
    margin-top:1.3rem;
    font-size:1.3rem;
  }

  .news .more {
    width:14rem;
    margin:2.4rem auto 0;
    line-height:3.8rem;
    font-size:1.4rem;
  }

  .news .more::after {
    width:1.1rem;
    height:1.1rem;
    margin:-2px 0 0 1rem;
  }

  .box-wrap.section {
    gap:1rem;
    flex-wrap:wrap;
  }

  .box-wrap .ico-box {
    flex-basis:calc(50% - 0.5rem);
    height:17.6rem;
  }

  .ad-wrap .tit {
    margin-bottom:3rem;
    text-align:center;
    font-size:2.6rem;
  }

  .ad-wrap .slider .swiper {height:8rem; margin:0 -2rem; padding:2rem 0;}
  .ad-wrap .slider::before {top:8rem;}
  .ad-wrap .slider .swiper-slide {min-height:4rem;}
  .ad-wrap .slider .swiper-slide a {height:4rem;}
}