@charset "UTF-8";
/* 메인 - main css */
[class*=section_] .inner_comm {
  margin: 0 auto;
  padding: 40px 20px;
}

.section_main2 .inner_comm {
  padding-bottom: 80px;
}

@media only screen and (min-width: 1200px) {
  .wrap.wrap_main [class*=section_] .inner_comm {
    max-width: 1160px;
  }
}
@media only screen and (min-width: 1400px) {
  .wrap.wrap_main [class*=section_] .inner_comm {
    max-width: 1200px;
  }
}
@media only screen and (min-width: 1600px) {
  .wrap.wrap_main [class*=section_] .inner_comm {
    max-width: 1400px;
  }
}
.section_visual {
  height: 800px;
  background-image: url(/home/navitpark/images/main/bg_visual.png);
  background-position: 55% 100%;
  background-repeat: no-repeat;
  overflow: hidden;
}

.section_visual .inner_comm {
  position: relative;
  height: 100%;
}

.section_visual .img_mascot {
  display: block;
  margin: 210px auto 25px;
  width: 219px;
}

.section_visual .area_txt {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.section_visual .area_txt .tit_txt {
  position: relative;
  margin: 0 auto;
  padding: 0 8px;
  font-size: 29px;
  font-weight: 800;
  line-height: 35px;
  color: #FFFF6E;
  z-index: 0;
}

.section_visual .area_txt .tit_txt::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15px;
  border-radius: 100px;
  background-color: #FF8D2C;
  z-index: -10;
  content: "";
}

.section_visual .area_txt .subtit_txt {
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  color: #FFFFFF;
  text-align: center;
}

.area_vr {
  display: none;
}

.area_vr .img_deco, .area_guide .img_deco {
  display: none;
}

.area_guide {
  position: absolute;
  top: 80px;
  right: 50%;
  width: 290px;
  transform: translateX(50%);
}

.area_guide::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 420px;
  background-image: url(/home/navitpark/images/main/bg_visual_deco2.png);
  background-position: center;
  background-size: cover;
  aspect-ratio: 599/513;
  opacity: 0.1;
  filter: blur(5px);
  transform: translate(-50%, -50%);
  z-index: -10;
  content: "";
}

.area_guide .tit_txt {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  padding: 0 7px;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
  color: #1DBF77;
}

.area_guide .tit_txt::before {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 12px;
  border-radius: 100px;
  background-color: #FFF843;
  z-index: -10;
  content: "";
}

.area_guide .desc_txt {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 15px 10px;
}

.area_guide .desc_txt dt {
  position: relative;
  padding-left: 7px;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  color: #1DBF77;
}

.area_guide .desc_txt dt::before {
  position: absolute;
  top: 6px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50px;
  background-color: #1DBF77;
  content: "";
}

.area_guide .desc_txt dd {
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: #333;
  word-break: keep-all;
}

.area_guide .desc_txt small {
  color: #818181;
  display: block;
  margin-top: 3px;
  font-size: 14px;
}

.area_resv {
  margin-top: 35px;
  padding: 0 40px;
}

.area_resv .quick_resv {
  z-index: 50;
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 240px;
  margin-bottom: 10px;
  padding: 16px 21px 15px;
  border-radius: 20px 10px;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  background-color: #FF8D2C;
  font-weight: 600;
}

.area_resv .wrap_swiper {
  position: relative;
  display: none;
}

.area_resv .wrap_swiper.active {
  display: block;
}

.area_resv .btn_prev, .area_resv .btn_next {
  position: absolute;
  top: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  border: 1px solid #CECECE;
  border-radius: 100px;
  font-size: 15px;
  color: #333;
  background-color: #fff;
  transform: translateY(-50%);
}

.area_resv .btn_prev:active, .area_resv .btn_next:active {
  transform: translateY(-50%) scale(0.95);
}

[class*=section_] .wrap_swiper .swiper-button-disabled {
  color: #C4C4C4;
  background: #EFEFEF;
  cursor: default;
}

.area_resv .btn_prev {
  left: -40px;
}

.area_resv .btn_next {
  right: -40px;
}

.area_resv .swiper-slide {
  position: relative;
  padding: 20px 20px 15px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.9);
}

.area_resv .swiper-slide[inert] {
  opacity: 0.6;
  filter: grayscale(1);
}

.area_resv .tit_txt {
  display: block;
  margin: 10px 0 28px;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
  color: #FF8D2C;
}

.area_resv .desc_txt {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px 12px;
}

.area_resv .desc_txt dt {
  padding: 6px 17px 5px;
  border: 1px solid #ADE3CB;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  color: #333;
  background-color: #F0FFF8;
}

.area_resv .desc_txt dd {
  align-self: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: #575757;
}

.area_resv .link_resv {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 10px 20px 9px;
  border: 1px solid #FF8D2C;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: #FF8D2C;
  background-color: #fff;
  transition: all 0.2s;
}

.area_resv .link_resv:hover {
  background-color: #ff8d2c;
  color: #fff;
}

.area_resv .swiper.inactive ~ [class*=btn_] {
  display: none;
}

@media only screen and (min-width: 768px) {
  .area_vr {
    position: absolute;
    top: 50px;
    left: 70px;
    display: block;
  }
  .area_vr::after {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 485px;
    background-image: url(/home/navitpark/images/main/bg_visual_deco1.png);
    background-position: center;
    background-size: cover;
    aspect-ratio: 485/481;
    filter: blur(5px);
    transform: translate(-50%, -50%);
    z-index: -10;
    content: "";
  }
  .area_guide {
    right: 20px;
    transform: none;
  }
}
@media only screen and (min-width: 1200px) {
  .section_visual {
    height: 715px;
  }
  .section_visual .img_mascot {
    margin-top: 30px;
    width: 360px;
  }
  .section_visual .area_txt {
    gap: 20px;
  }
  .section_visual .area_txt .tit_txt {
    font-size: 52px;
    line-height: 62px;
  }
  .section_visual .area_txt .tit_txt::after {
    height: 25px;
  }
  .section_visual .area_txt .subtit_txt {
    font-size: 24px;
    line-height: 29px;
  }
  .area_vr .img_deco, .area_guide .img_deco {
    position: absolute;
    display: block;
  }
  .area_vr {
    top: 120px;
    left: 0;
  }
  .area_vr::after {
    width: 668px;
    margin-top: 50px;
  }
  .area_vr .img_deco {
    top: 50%;
    right: -200px;
  }
  .area_guide {
    top: 105px;
    right: 0;
    width: 368px;
  }
  .area_guide::after {
    width: 600px;
    margin-top: 20px;
  }
  .area_guide .img_deco {
    top: -50px;
    left: -50px;
  }
  .area_guide .tit_txt {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 20px;
  }
  .area_guide .desc_txt dt {
    font-size: 18px;
    padding-left: 11px;
  }
  .area_guide .desc_txt dt::before {
    width: 6px;
    height: 6px;
  }
  .area_guide .desc_txt dd {
    font-size: 18px;
  }
  .area_guide .desc_txt small {
    font-size: 18px;
    margin-top: 8px;
    line-height: 24px;
  }
  .area_resv {
    margin-top: -20px;
    padding: 0 60px;
  }
  .area_resv .quick_resv {
    font-size: 22px;
  }
  .area_resv .swiper-slide {
    padding: 25px 20px;
  }
  .area_resv .swiper-wrapper:has(.swiper-slide:nth-child(1)) .swiper-slide {
    width: 100%;
  }
  .area_resv .swiper-wrapper:has(.swiper-slide:nth-child(2)) .swiper-slide {
    width: calc(50% - 30px);
  }
  .area_resv .swiper-wrapper:has(.swiper-slide:nth-child(3)) .swiper-slide {
    width: calc(33.333333% - 13.3333333333px);
  }
  .area_resv .swiper-wrapper:has(.swiper-slide:nth-child(4)) .swiper-slide {
    width: calc(25% - 15px);
  }
  .area_resv .wrap_swiper .swiper-slide::after {
    position: absolute;
    bottom: -26px;
    right: 15px;
    width: 203px;
    background-image: url(/home/navitpark/images/common/img_logo_min.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: opacity(0.1);
    aspect-ratio: 273/150;
    content: "";
  }
  .area_resv .swiper-wrapper:has(.swiper-slide:nth-child(3)) .swiper-slide::after {
    content: normal;
  }
  .area_resv .tit_txt {
    margin: 7px 0 25px;
    font-size: 22px;
    line-height: 24px;
  }
  .area_resv .desc_txt dt {
    font-size: 17px;
  }
  .area_resv .desc_txt dd {
    font-size: 17px;
  }
  .area_resv .btn_prev, .area_resv .btn_next {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }
  .area_resv .btn_prev {
    left: -60px;
  }
  .area_resv .btn_next {
    right: -60px;
  }
}
@media only screen and (min-width: 1600px) {
  .area_resv {
    padding: 0;
  }
  .area_resv .swiper-wrapper:has(.swiper-slide:nth-child(5)) .swiper-slide {
    width: calc(20% - 16px);
  }
  .area_resv .swiper-wrapper:has(.swiper-slide:nth-child(3)) .swiper-slide::after {
    content: "";
  }
  .area_resv .swiper-wrapper:has(.swiper-slide:nth-child(4)) .swiper-slide::after {
    content: normal;
  }
  .area_resv .link_resv {
    font-size: 18px;
  }
  .area_resv .desc_txt dt {
    font-size: 18px;
    padding: 7px 17px 6px;
  }
  .area_resv .desc_txt dd {
    font-size: 18px;
  }
}
.section_main1 {
  text-align: center;
}

.section_main1 .inner_comm > .tit_txt {
  margin-bottom: 30px;
  font-size: 26px;
  font-weight: 800;
  line-height: 31px;
  color: #333;
  text-align: center;
}

.section_main1 .inner_comm > .tit_txt em {
  font-weight: inherit;
  color: #1DBF77;
}

.section_main1 .link_more {
  display: inline-block;
  margin-top: 30px;
  padding: 9px 28px 8px;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  color: #fff;
  background-color: #FF8D2C;
}

.section_main1 .wrap_swiper {
  position: relative;
}

.section_main1 .wrap_swiper [class*=img_deco] {
  display: none;
}

.section_main1 .swiper {
  overflow: visible;
}

.section_main1 .swiper-slide a {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  max-width: 300px;
  margin: 0 auto;
}

.section_main1 .swiper-slide .wrap_img {
  position: relative;
  margin: 0 auto;
  text-align: center;
  z-index: 10;
}

.section_main1 .swiper-slide a::after {
  position: absolute;
  z-index: -10;
  content: "";
}

.section_main1 .wrap_img img {
  width: 100%;
  object-fit: cover;
}

.section_main1 .swiper-slide:nth-child(3n+1) .wrap_img {
  width: 301.84px;
  clip-path: path("M301.656,83.867c1.689-11.494-8.26-28.22-29.777-34.283C185.906,25.359,107.527-4.923,42.065,0.677c-16.863,1.443-27.748,12.228-31.878,23.751C-9.832,82.309-1.066,143.465,26.055,207.155c5.698,12.797,19.866,25.011,30.741,26.011,54.67,4.493,114.952-6.809,179.051-25.256,12.925-3.796,27.104-13.968,30.972-22.061,17.312-37.11,29.734-69.238,33.852-101.912");
}

.section_main1 .swiper-slide:nth-child(3n+1) img {
  aspect-ratio: 392/304;
}

.section_main1 .swiper-slide:nth-child(3n+1) a::after {
  top: 0;
  right: 0;
  width: 241.78px;
  height: 233.31px;
  clip-path: path("M35.261,224.55c5.198,7.71,17.123,12.683,36.421,4.697,66.062-27.34,125.286-57.658,162.316-95.006,7.247-7.514,9.824-22.2,6.055-31.244C220.107,58.495,181.889,27.319,131.618,4.024c-14.553-6.745-25.235-4.081-32.207,1.19-36.149,26.228-65.688,65.438-93.649,110.92-5.6,9.215-8.504,22.871-6.427,29.756,9.764,31.291,19.415,56.524,34.591,78.078");
  background-color: rgba(255, 141, 44, 0.2);
}

.section_main1 .swiper-slide:nth-child(3n+2) .wrap_img {
  width: 288.75px;
  clip-path: path("M287.564,123.413c0,18.195-21.637,65.597-62.864,93.66c-36.262,24.71-91.175,31.423-110.045,31.423-56.803,0-56.133-41.353-81.648-81.312C12.619,135.041,0.009,120.534,0,100.476-.032,32.673,61.954-26.206,130.278,12.122c23.485,13.175,61.308,45.974,81.093,47.211,44.434,2.777,76.194,18.27,76.194,64.08");
}

.section_main1 .swiper-slide:nth-child(3n+2) img {
  aspect-ratio: 373/322;
}

.section_main1 .swiper-slide:nth-child(3n+2) a::after {
  top: 0;
  right: 16.17px;
  width: 247.17px;
  height: 206.36px;
  clip-path: path("M0.533,135.694c-3.087-15.246,6.988-58.631,36.757-89.142C63.399,19.789,108.25,4.851,124.08,1.642c47.573-9.642,54.031,25.119,82.177,54.266,22.573,23.376,35.596,33.389,39.006,50.192,11.532,56.803-30.393,116.655-94.118,96.139-21.907-7.052-59.147-28.113-75.927-25.79-37.683,5.215-66.913-2.374-74.685-40.755");
  background-color: rgba(245, 69, 130, 0.2);
}

.section_main1 .swiper-slide:nth-child(3n) .wrap_img {
  width: 259.49px;
  clip-path: path("M84.222,6.93S139.493-15.126,177.87,19.457c0,0,24.069,19.764,11.082,53.231,0,0-2.921,5.935,2.51,12.347,3.672,4.336,8.91,9.774,24.409,10.618,0,0,26.432-1.647,38.315,19.16,0,0,12.864,16.035-3.799,42.573,0,0-71.792,101.204-150.583,90.167,0,0-43.141-6.711-73.339-48.753-13.206-18.385-25.094-44.66-26.257-78.216,0,0-8.581-69.179,84.012-113.657");
}

.section_main1 .swiper-slide:nth-child(3n) img {
  aspect-ratio: 337/322;
}

.section_main1 .swiper-slide:nth-child(3n) a::after {
  top: 12.32px;
  left: 0;
  width: 214.83px;
  height: 220.22px;
  clip-path: path("M35.805,24.206s-42.613,31.04-34.859,76.23c0,0,3.423,27.43,34.604,33.537a12.042,12.042,0,0,1,8.278,9.332c1.525,4.812,1.684,13.974-4.057,22.8c0,0-13.717,19.061-3.758,37.838,0,0,5.924,17.253,33.656,17.317,0,0,109.648-5.945,138.607-70.316,0,0,15.353-35.563-1.848-78.148C199.154,53.13,185.103,31.759,160.545,14.988c0,0-21.277-17.485-58.348-14.685-18.423,1.391-42.38,6.367-66.392,23.903");
  background-color: rgba(5, 193, 180, 0.2);
}

.section_main1 .wrap_img .more_txt {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: all 0.2s;
}

.section_main1 .swiper-slide a:hover .more_txt {
  opacity: 1;
}

.section_main1 .wrap_txt {
  margin-top: 30px;
  order: 1;
}

.section_main1 .wrap_txt .tit_txt {
  display: block;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 800;
  line-height: 24px;
  color: #FF3793;
  text-align: center;
}

.section_main1 .wrap_txt .desc_txt {
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  color: #575757;
  text-align: center;
  word-break: keep-all;
}

.section_main1 .btn_prev, .section_main1 .btn_next {
  position: absolute;
  top: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  border: 1px solid #CECECE;
  border-radius: 100px;
  font-size: 15px;
  color: #333;
  background-color: #fff;
  transform: translateY(-50%);
  z-index: 10;
}

.section_main1 .btn_prev:active, .section_main1 .btn_next:active {
  transform: translateY(-50%) scale(0.95);
}

.section_main1 .btn_prev {
  left: 0;
}

.section_main1 .btn_next {
  right: 0;
}

@media only screen and (min-width: 1200px) {
  .section_main1 .inner_comm > .tit_txt {
    margin-bottom: 50px;
    font-size: 38px;
    line-height: 44px;
    margin-top: 50px;
  }
  .section_main1 .swiper-slide a {
    max-width: 400px;
  }
  .section_main1 .swiper-slide:nth-child(3n+1) .wrap_img {
    width: 392px;
    height: 304px;
    clip-path: path("M391.761,108.918c2.193-14.927-10.727-36.65-38.672-44.524C241.437,32.934,139.646-6.394,54.63.879c-21.9,1.874-36.037,15.88-41.4,30.846-24.7,75.168-13.332,154.5,21.89,237.215,7.4,16.619,25.8,32.482,39.923,33.781,71,5.835,149.289-8.843,232.534-32.8,16.786-4.93,35.2-18.14,40.224-28.651,22.483-48.195,38.615-89.92,43.964-132.353");
  }
  .section_main1 .swiper-slide:nth-child(3n+1) a::after {
    top: 0;
    right: 0;
    width: 314px;
    height: 303px;
    clip-path: path("M45.793,291.623c6.751,10.013,22.238,16.471,47.3,6.1,85.795-35.506,162.709-74.881,210.8-123.385,9.412-9.759,12.759-28.83,7.863-40.577C285.853,75.968,236.219,35.479,170.932,5.226c-18.9-8.76-32.773-5.3-41.827,1.545C83.954,41.611,45.553,92.517,9.223,151.585,1.949,163.553-1.823,181.3.87,190.228c12.68,40.638,25.214,73.408,44.923,101.4");
  }
  .section_main1 .swiper-slide:nth-child(3n+2) .wrap_img {
    width: 373px;
    height: 322px;
    clip-path: path("M373.46,160.277c0,23.63-28.1,85.191-81.641,121.637C244.859,313.879,173.543,322.593,149,322.593c-73.77,0-72.9-53.705-106.036-105.6C16.388,175.378.012,156.538,0,130.488-.042,42.433,80.46-34.034,169.192,15.743c30.5,17.111,79.621,59.707,105.315,61.313,57.706,3.607,98.953,23.727,98.953,83.221");
  }
  .section_main1 .swiper-slide:nth-child(3n+2) a::after {
    top: 0;
    right: 21px;
    width: 321px;
    height: 268px;
    clip-path: path("M.692,176.226c-4.009-19.8,9.075-76.144,47.737-115.769C82.336,25.7,140.584,6.3,161.143,2.132c61.783-12.522,70.17,32.622,106.723,70.475,29.316,30.358,46.228,43.362,50.657,65.185,14.977,73.77-39.472,151.5-122.231,124.856-28.451-9.159-76.814-36.511-98.607-33.494-48.939,6.773-86.9-3.083-96.993-52.929");
  }
  .section_main1 .swiper-slide:nth-child(3n) .wrap_img {
    width: 337px;
    height: 322px;
    clip-path: path("M109.379,9S181.16-19.644,231,25.269c0,0,31.258,25.667,14.392,69.131,0,0-3.793,7.708,3.26,16.035,4.769,5.631,11.571,12.694,31.7,13.79,0,0,34.327-2.139,49.76,24.883,0,0,16.707,20.824-4.934,55.29,0,0-93.237,131.434-195.562,117.1,0,0-56.027-8.716-95.246-63.315-17.15-23.877-32.589-58-34.1-101.579,0,0-11.144-89.843,109.106-147.606");
  }
  .section_main1 .swiper-slide:nth-child(3n) a::after {
    top: 16px;
    left: 0;
    width: 279px;
    height: 286px;
    clip-path: path("M46.5,31.437s-55.342,40.312-45.271,99c0,0,4.446,35.624,44.94,43.554A15.639,15.639,0,0,1,57.24,184.761c1.98,6.249,2.187,18.148-5.269,29.61,0,0-17.814,24.754-4.881,49.14,0,0,7.693,22.407,43.709,22.49,0,0,142.4-7.721,180.009-91.32,0,0,19.939-46.186-2.4-101.491C258.641,69,240.394,41.245,208.5,19.465c0,0-27.633-22.708-75.776-19.071C108.766,2.2,77.621,8.659,46.5,31.437");
  }
  .section_main1 .btn_prev, .section_main1 .btn_next {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }
	
	.section_main1 .wrap_img .more_txt i{
		font-size:26px;
	}
	
  .section_main1 .wrap_txt {
    margin-top: 35px;
    padding: 0 15px;
  }
  .section_main1 .wrap_txt .tit_txt {
    font-size: 24px;
    margin-bottom: 25px;
  }
  .section_main1 .wrap_txt .desc_txt {
    font-size: 18px;
  }
  .section_main1 .link_more {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 1600px) {
  .section_main1 .inner_comm > .tit_txt {
    margin-bottom: 60px;
  }
  .section_main1 .wrap_swiper {
    padding-top: 37px;
  }
  .section_main1 .wrap_swiper [class*=img_deco] {
    position: absolute;
    display: block;
  }
  .section_main1 .wrap_swiper .img_deco1 {
    top: -95px;
    left: 0;
    width: 96px;
    height: 87px;
  }
  .section_main1 .wrap_swiper .img_deco2 {
    top: -94px;
    right: 0;
    width: 114px;
    height: 85px;
  }
  .section_main1 .swiper .swiper-slide {
    transform: translateY(-50px);
    transition: all 0.5s;
  }
  .section_main1 .swiper .swiper-slide.swiper-slide-prev,
  .section_main1 .swiper .swiper-slide.swiper-slide-next {
    transform: translateY(0);
  }
  .section_main1 .link_more {
    margin-top: 50px;
    font-size: 18px;
  }
}
.area_notice {
  position: relative;
  max-width: 760px;
  margin-bottom: 20px;
}

.area_notice > .tit_txt {
  display: block;
  margin-bottom: 20px;
  padding-top: 2px;
  font-size: 26px;
  font-weight: 800;
  line-height: 31px;
  color: #333;
}

.area_notice .list_notice li {
  position: relative;
}

.area_notice .list_notice li + li::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: repeating-linear-gradient(to right, #D8D8D8 0, #D8D8D8 3px, transparent 3px, transparent 6px);
  content: "";
}

.area_notice .list_notice li:nth-child(n+3) {
  display: none;
}

.area_notice .link_post {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 15px 0;
}

.area_notice .link_post .subject_txt {
  font-size: 16px;
  font-weight: 600;
  line-height: 23px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.area_notice .link_post .date_txt {
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  color: #575757;
}

.area_notice .link_more {
  position: absolute;
  top: 0;
  right: 0;
  padding: 9px;
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  color: #333;
}

.area_bnr {
  position: relative;
  min-width: 0;
}

.area_bnr .swiper-slide img {
  width: 100%;
  border-radius: 20px;
}

.area_bnr .wrap_controller {
  position: absolute;
  bottom: 0;
  right: 50%;
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 145px;
  padding: 8px 24px;
  border-radius: 100px;
  background-color: #fff;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
  transform: translate(50%, 50%);
  z-index: 10;
}

.area_bnr .wrap_controller button {
  flex: 0 0 16px;
  padding: 7px;
}

.area_bnr .swiper-pagination {
  position: static;
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 7px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  color: #575757;
}

.area_bnr .swiper-pagination-current {
  font-weight: 700;
  color: #FF8D2C;
}

.area_bnr .swiper-pagination-total {
  font-weight: inherit;
  color: inherit;
}

.area_bnr .btn_play, .area_bnr .btn_pause {
  display: none;
  font-size: 16px;
  text-align: center;
}

.area_bnr .btn_play.active, .area_bnr .btn_pause.active {
  display: block;
}
.area_bnr .swiper.inactive + .wrap_controller{
	min-width:0;
}
.area_bnr .swiper.inactive + .wrap_controller [class*=btn_]{
	display:none;
}

@media only screen and (min-width: 768px) {
  .section_main2 .inner_comm {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
    padding-bottom: 60px;
  }
  .area_notice {
    flex: 1;
    margin-bottom: 0;
    max-width: 50%;
  }
  .area_bnr {
    flex: 1;
  }
}
@media only screen and (min-width: 1200px) {
  .section_main2 .inner_comm {
    gap: 60px;
    padding-top: 60px;
    padding-bottom: 90px;
  }
  .area_notice .link_post {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
  }
  .area_notice .list_notice li:nth-child(n+3) {
    display: list-item;
  }
  .area_notice .link_post {
    padding: 17px 0;
  }
  .area_notice .link_post .subject_txt {
    font-size: 20px;
    line-height: 23px;
  }
  .area_notice .link_post .date_txt {
    flex-shrink: 0;
  }
  .area_bnr {
    max-width: 550px;
  }
  .area_bnr .wrap_controller {
    right: 20px;
    transform: translateY(50%);
  }
}
@media only screen and (min-width: 1600px) {
  .section_main2 .inner_comm {
    position: relative;
  }
  .section_main2 .inner_comm::after {
    position: absolute;
    bottom: 80px;
    right: -200px;
    width: 468px;
    height: 431px;
    background: url(/home/navitpark/images/main/bg_main_deco1.png) 50% 50% no-repeat;
    background-size: cover;
    content: "";
  }
  .area_notice {
    max-width: 760px;
  }
  .area_notice > .tit_txt {
    font-size: 30px;
  }
  .area_notice .link_more {
    font-size: 18px;
  }
  .area_notice .link_post .date_txt {
    font-size: 18px;
  }
  .area_bnr .swiper-pagination {
    font-size: 18px;
  }
  .area_bnr .wrap_controller [class*=btn_] {
    font-size: 20px;
  }
}