@charset "UTF-8";
.small_title {
  font-size: 40px;
}

@media screen and (max-width: 1279px) {
  .small_title {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .small_title {
    font-size: 24px;
  }
}
.no_data_date {
  width: 100%;
  border-radius: 20px 0;
  border: 1px solid #C6C6C6;
  background: #F0F0F0;
}

@keyframes rotate360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes flow {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(var(--move));
  }
}
@keyframes flow-reverse {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}
.section.sec3 {
  overflow: hidden;
}

.banner-list .swiper .swiper-slide {
  width: auto;
}
.banner-list .swiper-controller .swiper-button-lock {
  display: inline-block;
  opacity: 0.4;
  pointer-events: none;
}
.banner-list .swiper-controller .swiper-button-lock + .play:has(+ .swiper-button-lock),
.banner-list .swiper-controller .swiper-button-lock + .stop:has(+ .swiper-button-lock) {
  opacity: 0.4;
  pointer-events: none;
}

.main_notice_pop {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  top: 132px;
  left: 0;
  z-index: 99;
}
.main_notice_pop .pop_con {
  position: relative;
  top: 0;
  right: 0;
  background-color: #fff;
  z-index: 1;
  word-break: break-all;
}
.main_notice_pop .pop_con .close_img {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  border: none;
  background-image: url(../images/icon/icon_close_white.svg);
  background-color: rgba(28, 28, 28, 0.5);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 20;
}
.main_notice_pop .pop_con .img img {
  width: 100%;
  max-width: 100%;
}
.main_notice_pop .pop_con .btns {
  display: flex;
  background: #212121;
}
.main_notice_pop .pop_con .btns .btn_invisible {
  flex: 1;
  position: relative;
  padding: 13px 0;
  border: none;
  background: #3e3e3e;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.8px;
}
.main_notice_pop .pop_con .btns .btn_close {
  flex: 1;
  position: relative;
  padding: 13px 0;
  border: none;
  background: #212121;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.8px;
}
.main_notice_pop .pop_con .btns button span {
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 1279px) {
  .main_notice_pop {
    left: 0;
    right: 0;
    top: 116px;
  }
  .main_notice_pop .pop_con {
    left: 50% !important;
    transform: translateX(-50%) !important;
    max-width: calc(100% - 70px);
  }
}
@media screen and (max-width: 767px) {
  .main_notice_pop .pop_con {
    max-width: calc(100% - 32px);
  }
}

.layer-popuo::-webkit-scrollbar {
  display: none;
}
.layer-popuo::-webkit-scrollbar-thumb {
  display: none;
}
.layer-popuo::-webkit-scrollbar-track {
  display: none;
}
.layer-popuo .swiper-slide {
  width: 400px;
  max-width: 100vw;
}
.layer-popuo .pop_con img {
  max-width: 100%;
}
.layer-popuo .swiper-controller .prev:hover,
.layer-popuo .swiper-controller .prev:focus {
  background-color: #fff;
}
.layer-popuo .swiper-controller .prev:focus .ico-prev2-white,
.layer-popuo .swiper-controller .prev:hover .ico-prev2-white {
  background-image: url(/static/home/images/icons/ico-prev2-darkTeal-7648ab9120613d9895c6aeabaeccd8b4.svg);
}
.layer-popuo .swiper-controller .next:hover,
.layer-popuo .swiper-controller .next:focus {
  background-color: #fff;
}
.layer-popuo .swiper-controller .next:focus .ico-next2-white,
.layer-popuo .swiper-controller .next:hover .ico-next2-white {
  background-image: url(/static/home/images/icons/ico-next2-darkTeal-7f3be598f4c69fc02b65b5af2db0c361.svg);
}
.layer-popuo .layerPopupPagination.swiper-pagination-fraction {
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: normal;
  color: #C6C6C6;
}
.layer-popuo .layerPopupPagination.swiper-pagination-fraction .swiper-pagination-current {
  color: #FFC75E;
}

.sec2-box-count-1 {
  padding: 100px 0px;
}

.sec4-box-count-1 {
  background: #F8F8F8;
}

.sec5-box-count-1 {
  padding: 16px 0;
  background: linear-gradient(90deg, rgba(255, 134, 113, 0.4) 0%, rgba(247, 148, 29, 0.4) 35%, rgba(138, 219, 89, 0.4) 65%, rgba(31, 170, 228, 0.4) 100%);
}

.sec6-box-count-1 {
  background: url(/static/home/images/main/communication_bg-f14b572fcabec4439a24e87e464e3fa3.png) center/cover no-repeat;
  padding: 100px 0;
}

@media screen and (max-width: 1279px) {
  .sec2-box-count-1 {
    padding: 60px 0px;
  }
  .sec5-box-count-1 {
    padding: 10px 0;
  }
  .sec6-box-count-1 {
    padding: 60px 0;
  }
}
@media screen and (max-width: 767px) {
  .sec2-box-count-1 {
    padding: 40px 0px;
  }
}
.mainVisual .swiper-pagin {
  color: #FFF;
  font-weight: 800;
  letter-spacing: -0.48px;
}
.mainVisual .swiper-pagin.swiper-pagination-lock {
  display: block;
}
.mainVisual .swiper-pagin .swiper-pagination-current {
  color: #FFC75E;
}
.mainVisual .swiper-button-lock {
  display: inline-block;
  opacity: 0.7;
  pointer-events: none;
}
.mainVisual .swiper-button-disabled {
  display: inline-block;
  opacity: 0.7;
  pointer-events: none;
}
.mainVisual .subSwiper {
  visibility: visible;
}
.mainVisual .mainSwiper .swiper-slide .imgBox {
  height: 600px;
}
.mainVisual .swiperController {
  width: 100%;
  height: 100%;
  padding: 160px 0 160px 80px;
  position: absolute;
  right: 50%;
  top: 0;
  z-index: 1;
  transform: translate(113%);
  border-radius: 150px 0 0 0;
  background: rgba(0, 0, 0, 0.6);
}
.mainVisual .swiperController::after {
  content: "";
  display: block;
  width: 190px;
  height: 190px;
  background: url(/static/home/images/main/main_banner_controller_ico-d1da0fef9e53f294209fc433e9fbdc79.svg) center/cover no-repeat;
  position: absolute;
  top: 122px;
  left: 345px;
  animation: rotate360 20s linear infinite;
  transform-origin: center;
}
.mainVisual .swiperController .ctl_box {
  width: 400px;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  gap: 40px;
}
.mainVisual .swiperController .ctl_txt_box {
  width: 400px;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  gap: 40px;
}
.mainVisual .swiperController .ctl_box .subSwiper {
  width: 370px;
}
.mainVisual .swiperController .ctl_box .swiper-slide {
  color: #FFF;
  font-family: Pretendard;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 52px */
  letter-spacing: -1.2px;
}
.mainVisual .swiperController .ctl_box .slide_txt {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mainVisual .swiperController .ctl_box .slide_txt img {
  display: none !important;
}
.mainVisual .swiperController .ctl_box .swiper-pagin {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.mainVisual .swiperController .ctl_box .swiper-pagin .current {
  color: #FFF;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
  letter-spacing: -0.6px;
}
.mainVisual .swiperController .ctl_box .swiper-pagin .slash {
  color: #C6C6C6;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  letter-spacing: -0.6px;
}
.mainVisual .swiperController .ctl_box .swiper-pagin .total {
  color: #C6C6C6;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  letter-spacing: -0.6px;
}
.mainVisual .swiperController .ctl_box .ctl_controller {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.mainVisual .swiperController .ctl_box .ctl_controller button {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  border: 1px solid #717171;
  backdrop-filter: blur(4px);
}
.mainVisual .swiperController .ctl_box .ctl_controller button:hover {
  background: #0D5A5C;
  border: 1px solid #0D5A5C;
}
.mainVisual .swiperController .ctl_box .ctl_controller .swiper-scrollbar {
  display: block !important;
  position: relative;
  width: 240px;
  transform: translate(-5px, 4px);
  background: rgba(255, 255, 255, 0.2);
}
.mainVisual .swiperController .ctl_box .ctl_controller .swiper-scrollbar .swiper-scrollbar-drag {
  background: #FFF;
}
@media screen and (max-width: 1279px) {
  .mainVisual .mainSwiper .swiper-slide .imgBox {
    height: 350px;
  }
  .mainVisual .swiperController::after {
    content: unset;
  }
  .mainVisual .swiperController {
    display: flex;
    padding: 10px 20px 0px 20px;
    align-items: flex-end;
    gap: 40px;
    align-self: stretch;
    border-radius: unset;
    background: unset;
    transform: unset;
    top: 0;
    right: 0;
  }
  .mainVisual .swiperController .ctl_box {
    width: 100%;
    height: 60px;
    border-radius: 20px 20px 0 0;
    background: rgba(0, 0, 0, 0.6);
    flex-direction: row;
    padding: 10px 20px;
  }
  .mainVisual .swiperController .ctl_box .swiper-slide {
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .mainVisual .swiperController .ctl_box .swiper-slide br {
    display: none;
  }
  .mainVisual .swiperController .ctl_box .slide_txt {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 0;
  }
  .mainVisual .swiperController .ctl_box .slide_txt :is(p, div, h1, h2, h3, h4, h5, h6, ul, ol, li, blockquote, figure, section, article) {
    display: inline;
    margin: 0;
    padding: 0;
  }
  .mainVisual .swiperController .ctl_box .slide_txt br {
    display: none;
  }
  .mainVisual .swiperController .ctl_box .slide_txt p + p::before {
    content: " ";
  }
  .mainVisual .swiperController .ctl_box .ctl_controller .swiper-scrollbar {
    display: none !important;
  }
  .mainVisual .swiperController .ctl_txt_box {
    flex-direction: row;
    align-items: center;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .mainVisual .swiperController .ctl_box .subSwiper {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .mainVisual .swiperController .ctl_box .swiper-pagin .current,
  .mainVisual .swiperController .ctl_box .swiper-pagin .slash,
  .mainVisual .swiperController .ctl_box .swiper-pagin .total {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .mainVisual .mainSwiper .swiper-slide .imgBox {
    height: 178px;
  }
  .mainVisual .swiperController .ctl_box .swiper-pagin .current,
  .mainVisual .swiperController .ctl_box .swiper-pagin .slash,
  .mainVisual .swiperController .ctl_box .swiper-pagin .total,
  .mainVisual .swiperController .ctl_box .swiper-slide {
    font-size: 14px;
  }
  .mainVisual .swiperController .ctl_box .ctl_controller {
    gap: 0px;
  }
  .mainVisual .swiperController .ctl_box .ctl_controller button {
    all: unset;
    padding: 8px;
  }
  .mainVisual .swiperController .ctl_box .ctl_controller button:hover {
    background: unset;
    border: unset;
    cursor: pointer;
  }
  .mainVisual .swiperController .ctl_box {
    gap: 8px;
    padding: 10px;
  }
  .mainVisual .swiperController .ctl_txt_box {
    gap: 0px;
    flex-direction: column;
    align-items: flex-start;
  }
}

.quick_service {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
}
.quick_service .inr {
  display: flex;
  align-items: stretch;
}
.quick_service .pc_tit {
  display: flex;
  align-items: center;
  border-radius: 0 60px 0 0;
  background: #0D5A5C;
  padding: 24px 40px 24px 0;
  position: relative;
  color: #FFF;
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 36px */
  letter-spacing: -0.72px;
}
.quick_service .pc_tit::after {
  content: "";
  display: block;
  height: 100%;
  width: 3000px;
  background: url(/static/home/images/main/bg-service-3257856197b9f7b2c3c206c3f3d16270.png) right/contain no-repeat #0D5A5C;
  position: absolute;
  top: 0;
  right: 120px;
  background-blend-mode: luminosity;
}
.quick_service ul {
  display: flex;
  padding: 24px 0px 24px 40px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
}
.quick_service ul > li .service_box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  color: #FFF;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
  letter-spacing: -0.54px;
}
.quick_service ul > li .service_box:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.quick_service ul > li .service_box .img_box {
  display: flex;
  width: 80px;
  height: 80px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 40px;
  background: #FFF;
}
.quick_service ul > li .service_box .img_box img {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1279px) {
  .quick_service .pc_tit {
    display: none;
  }
  .quick_service ul {
    padding: 30px 14px;
    flex-wrap: wrap;
    gap: 20px 8px;
  }
  .quick_service ul > li {
    flex: 0 1 calc(33.3333333333% - 4px);
  }
  .quick_service ul > li .service_box {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .quick_service ul > li {
    flex: 0 1 calc(50% - 4px);
  }
  .quick_service ul > li .service_box .img_box {
    width: 60px;
    height: 60px;
  }
}

.news-box .type-list {
  width: 100%;
}
.news-box .ourNewsTab > div {
  border-bottom: 1px solid #C6C6C6;
  padding-bottom: 8px;
}
.news-box .ourNewsTab li.active .ourNewsTabBtn {
  color: #0D5A5C;
  position: relative;
}
.news-box .ourNewsTab li.active .ourNewsTabBtn::after {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-bottom: 14px solid #E7EFEF;
}
.news-box .ourNewsTabBtn {
  color: #1D1D1D;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 30px */
  letter-spacing: -0.6px;
}
.news-box .ourNewsTabBtn:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.news-box ul.list-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
}
.news-box ul.list-box li {
  display: flex;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}
.news-box ul.list-box li .type {
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
  letter-spacing: -0.54px;
}
.news-box ul.list-box li .type.notice {
  color: #083637;
}
.news-box ul.list-box li .type.recruitment {
  color: #004567;
}
.news-box ul.list-box li .type.pressRelease {
  color: #1D6345;
}
.news-box ul.list-box li .tit {
  flex: 1;
  min-width: 0;
  color: #1D1D1D;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 30px */
  letter-spacing: -0.6px;
}
.news-box ul.list-box li .tit a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.news-box ul.list-box li .tit a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.news-box ul.list-box li .date {
  color: #555;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.48px;
}
@media screen and (max-width: 767px) {
  .news-box ul.list-box {
    gap: 16px;
  }
  .news-box .ourNewsTabBtn {
    font-size: 16px;
  }
  .news-box ul.list-box li .type,
  .news-box ul.list-box li .date {
    font-size: 14px;
  }
  .news-box ul.list-box li .tit {
    font-size: 16px;
  }
  .news-box .ourNewsTab .ourNewsTabType {
    width: 100%;
    justify-content: space-between;
  }
  .news-box .ourNewsTab .ourNewsTabType > li {
    flex: 1;
    display: flex;
    justify-content: center;
  }
}

.banner-zon {
  width: 460px;
}
.banner-zon .bannerZone .swiper-pagin {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #2D2D2D;
  font-size: 17px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.51px;
}
.banner-zon .bannerZone .swiper-pagin .swiper-pagination-current {
  color: #307070;
}
.banner-zon .bannerZone .swiper-controller .prev:hover .ico-prev-black {
  background-image: url(/static/home/images/icons/ico-prev-darkTeal-beeb810a94f198736e20bca4d605c87e.svg);
}
.banner-zon .bannerZone .swiper-controller .play:hover .ico-play-black {
  background-image: url(/static/home/images/icons/ico-play-darkTeal-31eb596042686776ccc98fbbf6cfeb00.svg);
}
.banner-zon .bannerZone .swiper-controller .next:hover .ico-next-black {
  background-image: url(/static/home/images/icons/ico-next-darkTeal-4f5f1516edaf260f78126cf913aa1b1d.svg);
}
.banner-zon .bannerZone .swiper-controller .stop:hover .ico-pause-black {
  background-image: url(/static/home/images/icons/ico-pause-darkTeal-bde9d5d13a01c9a7d9650a45c74f3403.svg);
}
.banner-zon .news-banner .swiper-controller {
  display: flex;
  align-items: center;
}
.banner-zon .news-banner .controller_box {
  display: flex;
  align-items: center;
  gap: 8px;
}
.banner-zon .news-banner .controller_box .swiper-pagin {
  color: #1D1D1D;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.48px;
}
.banner-zon .news-banner .controller_box .swiper-pagin .slash {
  color: #8E8E8E;
  font-weight: 400;
}
.banner-zon .news-banner .controller_box .swiper-pagin .total {
  color: #8E8E8E;
  font-weight: 400;
}
@media screen and (max-width: 1279px) {
  .banner-zon {
    width: 100%;
  }
}

.sportsActivities {
  display: flex;
  flex: 1;
  padding: 20px 0px 100px 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  position: relative;
}
.sportsActivities:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(/static/home/images/main/sec3-bg-pc-43b5f6bad2e4833014cd004bb5c6b8f2.png) center/cover no-repeat;
  border-radius: 240px 0 0 0;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(700px, 0px);
}
.sportsActivities:before {
  content: "";
  display: block;
  width: 3000px;
  height: 100%;
  background: #FFF2D7;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(3000px, 0px);
}
.sportsActivities .sa_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.sportsActivities .sa_contents {
  display: flex;
  align-items: center;
  gap: 80px;
  align-self: stretch;
  height: 300px;
}
.sportsActivities .sa_contents .txt_info {
  display: flex;
  width: 380px;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}
.sportsActivities .sa_contents .txt_info .subSwiper {
  width: 100%;
}
.sportsActivities .sa_contents .txt_info .txt .swiper-slide a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  width: 100%;
}
.sportsActivities .sa_contents .txt_info .txt .swiper-slide a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.sportsActivities .sa_contents .txt_info .txt .swiper-slide a h3 {
  color: #1D1D1D;
  font-family: Pretendard;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 42px */
  letter-spacing: -0.84px;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 보여줄 줄 수 */
  -webkit-box-orient: vertical; /* 세로 방향 박스 */
  overflow: hidden;
}
.sportsActivities .sa_contents .txt_info .txt .swiper-slide a .content {
  color: #555;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  letter-spacing: -0.6px;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 보여줄 줄 수 */
  -webkit-box-orient: vertical; /* 세로 방향 박스 */
  overflow: hidden;
}
.sportsActivities .sa_contents .txt_info .controll {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.sportsActivities .sa_contents .txt_info .controll .swiperController {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sportsActivities .sa_contents .txt_info .controll .swiperController button {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  border: 1px solid #E4E4E4;
}
.sportsActivities .sa_contents .txt_info .controll .swiperController button:hover {
  background: #0D5A5C;
  border: 1px solid #0D5A5C;
}
.sportsActivities .sa_contents .txt_info .controll .swiperController button.prev:hover span {
  background-image: url(/static/home/images/icons/ico-prev-white-45936fbb65d7a849e8a8cf7ddbda6bac.svg);
}
.sportsActivities .sa_contents .txt_info .controll .swiperController button.play:hover span {
  background-image: url(/static/home/images/icons/ico-play-white-da9215a9d8af7830e7c8c37fa80ae0f1.svg);
}
.sportsActivities .sa_contents .txt_info .controll .swiperController button.stop:hover span {
  background-image: url(/static/home/images/icons/ico-pause-white-5680ecf40a051e0dd0fced387044a4ff.svg);
}
.sportsActivities .sa_contents .txt_info .controll .swiperController button.next:hover span {
  background-image: url(/static/home/images/icons/ico-next-white-10ba81a81bafb765e6568af1966e3356.svg);
}
.sportsActivities .sa_contents .txt_info .controll .more_btn {
  display: flex;
  align-items: center;
  gap: 4px;
}
.sportsActivities .sa_contents .txt_info .controll .more_btn:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.sportsActivities .sa_contents .swiper_box {
  position: absolute;
  top: 0;
  left: 500px;
}
.sportsActivities .sa_contents .swiper_box .swiper {
  width: 1500px;
  padding: 20px 0 0 20px;
}
.sportsActivities .sa_contents .swiper_box .swiper .swiper-slide .imgBox {
  width: 460px;
  height: 280px;
  transition: transform 0.5s ease, border-radius 0.5s ease, box-shadow 0.5s ease;
  position: relative;
  cursor: pointer;
}
.sportsActivities .sa_contents .swiper_box .swiper .swiper-slide .imgBox:hover::after {
  content: unset;
}
.sportsActivities .sa_contents .swiper_box.one_data .swiper .swiper-slide .imgBox:hover::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(29, 29, 29, 0.3764705882);
}
.sportsActivities .sa_contents .swiper_box .swiper .swiper-slide .imgBox::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(29, 29, 29, 0.3764705882);
}
.sportsActivities .sa_contents .swiper_box .swiper .swiper-slide.swiper-slide-active .imgBox::after {
  content: unset;
}
.sportsActivities .sa_contents .swiper_box.one_data .swiper .swiper-slide.swiper-slide-active .imgBox:hover::after {
  content: unset;
}
.sportsActivities .sa_contents .swiper_box .swiper .swiper-slide.swiper-slide-active .imgBox {
  transform: translate(-20px, -20px);
  border-radius: 40px 0;
  box-shadow: 20px 20px 5px 0 rgba(0, 0, 0, 0.15);
}
.sportsActivities .sa_contents .swiper_box .swiper .swiper-slide.swiper-slide-active .imgBox img {
  border-radius: 40px 0;
}
.sportsActivities .sa_contents .sa_no_data {
  flex: 1;
  z-index: 2;
  align-self: stretch;
  background: url(/static/home/images/main/sportsActivities_no_data_bg-3880ca328c3c1468ee057bc89f086d48.png) center/cover no-repeat;
}
.sportsActivities .sa_contents .sa_no_data .txt {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.sportsActivities .sa_contents .sa_no_data .txt .t1 {
  color: #083637;
  text-align: center;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
  letter-spacing: -0.6px;
}
.sportsActivities .sa_contents .sa_no_data .txt .t2 {
  color: #555;
  text-align: center;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
  letter-spacing: -0.6px;
}
@media screen and (max-width: 1279px) {
  .sportsActivities {
    padding: 0 0 40px 0;
  }
  .sportsActivities:before {
    content: unset;
  }
  .sportsActivities:after {
    width: 314px;
    height: 180px;
    background: url(/static/home/images/main/sec3-bg-t-cf34e7051c1de595e940615c78a4945d.png) center/cover no-repeat;
    transform: translate(35px, 0px);
  }
  .sportsActivities .sa_contents {
    height: unset;
  }
  .sportsActivities .sa_contents .swiper_box {
    position: unset;
  }
  .sportsActivities .sa_contents .swiper_box .swiper {
    width: 364px;
    padding: unset;
  }
  .sportsActivities .sa_contents .swiper_box .swiper .swiper-slide .imgBox {
    width: 332px;
    height: 180px;
    transition: unset;
  }
  .sportsActivities .sa_contents .swiper_box .swiper .swiper-slide.swiper-slide-active .imgBox {
    transform: unset;
    border-radius: unset;
    box-shadow: unset;
  }
  .sportsActivities .sa_contents .swiper_box .swiper .swiper-slide.swiper-slide-active .imgBox img {
    border-radius: 20px 0;
  }
  .sportsActivities .sa_contents {
    justify-content: space-between;
  }
  .sportsActivities .sa_contents .txt_info {
    width: 169px;
    flex: 1;
  }
  .sportsActivities .sa_contents .txt_info .txt .swiper-slide a h3 {
    font-size: 20px;
  }
  .sportsActivities .sa_contents .txt_info .txt .swiper-slide a .content {
    font-size: 16px;
  }
  .sportsActivities .sa_contents .sa_no_data .no-data-logo {
    display: none;
  }
  .sportsActivities .sa_contents .sa_no_data {
    height: 180px;
  }
}
@media screen and (max-width: 767px) {
  .sportsActivities .sa_contents {
    gap: 20px;
  }
  .sportsActivities .sa_contents .swiper_box .swiper .swiper-slide .imgBox {
    width: 169px;
    height: 160px;
  }
  .sportsActivities .sa_contents .swiper_box .swiper {
    width: 169px;
  }
  .sportsActivities::after {
    width: 165px;
    height: 180px;
    background: url(/static/home/images/main/sec3-bg-m-6c3c82d1e0aeeb49010e05b81608a386.png) center/cover no-repeat;
  }
  .sportsActivities .sa_contents .txt_info .controll .more_btn {
    display: none;
  }
  .sportsActivities .sa_contents .txt_info,
  .sportsActivities .sa_contents .txt_info .txt .swiper-slide a {
    gap: 10px;
  }
  .sportsActivities .sa_contents .sa_no_data {
    height: unset;
  }
}

.sportsSchedule {
  width: 100%;
  padding: 100px 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.sportsSchedule .ss_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sportsSchedule .ss_head .controller_box .swiper-controller {
  display: flex;
  align-items: center;
  gap: 20px;
  transform: translate(-56px, 0px);
}
.sportsSchedule .ss_head .controller_box .swiper-controller .prev {
  display: flex;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 40px;
  border: 1px solid #C6C6C6;
  background: #FFF;
}
.sportsSchedule .ss_head .controller_box .swiper-controller .prev:hover {
  border: 1px solid #0D5A5C;
  background: #0D5A5C;
}
.sportsSchedule .ss_head .controller_box .swiper-controller .prev:hover .ico-prev-black {
  background: url(/static/home/images/icons/ico-prev-white-45936fbb65d7a849e8a8cf7ddbda6bac.svg);
}
.sportsSchedule .ss_head .controller_box .swiper-controller .next {
  display: flex;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 40px;
  border: 1px solid #C6C6C6;
  background: #FFF;
}
.sportsSchedule .ss_head .controller_box .swiper-controller .next:hover {
  border: 1px solid #0D5A5C;
  background: #0D5A5C;
}
.sportsSchedule .ss_head .controller_box .swiper-controller .next:hover .ico-next-black {
  background: url(/static/home/images/icons/ico-next-white-10ba81a81bafb765e6568af1966e3356.svg);
}
.sportsSchedule .ss_head .controller_box .year_month_date {
  color: #1D1D1D;
  font-family: Pretendard;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 48px */
  letter-spacing: -1.28px;
}
.sportsSchedule .ss_swiper_box .swiper-slide {
  padding: 10px 0 0 0;
}
.sportsSchedule ul.list {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 30px;
  align-self: stretch;
}
.sportsSchedule ul.list li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1 0 0;
}
.sportsSchedule ul.list li a {
  display: flex;
  padding: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 0 0 auto;
  width: 100%;
  height: 218px;
  box-sizing: border-box;
  border-radius: 40px 0;
  border: 1px solid #C6C6C6;
  background: #FFF;
  transition: transform 0.2s ease, box-shadow 0.5s ease;
}
.sportsSchedule ul.list li .no_data_date {
  height: 218px;
  box-sizing: border-box;
}
.sportsSchedule ul.list li a:hover {
  transform: translate(0px, -10px);
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
}
.sportsSchedule ul.list li a:hover .tit {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.sportsSchedule ul.list li a .date {
  display: flex;
  padding: 4px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  background: #F0F0F0;
  overflow: hidden;
  color: #1D1D1D;
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
  letter-spacing: -0.54px;
}
.sportsSchedule ul.list li a:hover .date {
  color: #FFF;
  background: #0D5A5C;
}
.sportsSchedule ul.list li a .tit {
  height: 60px;
  overflow: hidden;
  color: #1D1D1D;
  text-overflow: ellipsis;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.6px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sportsSchedule ul.list li a .join_info {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sportsSchedule ul.list li a .join_info .area {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #2D2D2D;
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
  letter-spacing: -0.42px;
}
.sportsSchedule ul.list li a .join_info .area .ico {
  display: block;
  width: 16px;
  height: 16px;
  background: url(/static/home/images/main/area_ico-6682acf2e41167116c1d251f534b86be.svg) center/cover no-repeat;
}
.sportsSchedule ul.list li a .join_info .count {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #2D2D2D;
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
  letter-spacing: -0.42px;
}
.sportsSchedule ul.list li a .join_info .count .ico {
  display: block;
  width: 16px;
  height: 16px;
  background: url(/static/home/images/main/count_ico-531fcf253c889954d40f1d2480bbd9ad.svg) center/cover no-repeat;
}
@media screen and (max-width: 1279px) {
  .sportsSchedule {
    padding: 60px 0;
  }
  .sportsSchedule ul.list li:nth-child(3) {
    display: none;
  }
  .sportsSchedule ul.list li a {
    padding: 20px;
    gap: 10px;
    height: 162px;
  }
  .sportsSchedule ul.list li .no_data_date {
    height: 162px;
    padding: 20px;
  }
  .sportsSchedule ul.list li a .tit {
    font-size: 18px;
  }
  .sportsSchedule ul.list li a .date {
    padding: 2px 10px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .sportsSchedule {
    gap: 10px;
    padding: 40px 0;
  }
  .sportsSchedule ul.list li:nth-child(2) {
    display: none;
  }
  .sportsSchedule .ss_head > a {
    display: none;
  }
  .sportsSchedule .ss_head .controller_box .swiper-controller {
    transform: unset;
  }
  .sportsSchedule .ss_head {
    flex-direction: column;
    gap: 10px;
  }
  .sportsSchedule .ss_head .controller_box .swiper-controller .prev,
  .sportsSchedule .ss_head .controller_box .swiper-controller .next {
    width: 40px;
    height: 40px;
  }
}

.infinity_line .flow-line {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.infinity_line .flow-track {
  display: flex;
  width: max-content;
  animation: flow linear infinite;
  justify-content: center;
  align-items: center;
  gap: 16px;
  color: #2D2D2D;
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 36px */
  text-transform: uppercase;
  white-space: nowrap;
}
.infinity_line .flow-track .flow-item {
  display: flex;
  flex: 0 0 auto;
}
.infinity_line .flow-track img {
  display: block;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}
.infinity_line .flow-line[data-dir=left] .flow-track {
  animation-name: flow-reverse;
}
@media screen and (max-width: 1279px) {
  .infinity_line .flow-track img {
    width: 24px;
    height: 24px;
  }
  .infinity_line .flow-track {
    font-size: 18px;
  }
}

.communication {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.communication .cc_head {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.communication .cc_head h2 {
  color: #FFF;
  text-align: center;
  font-family: Pretendard;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 60px */
  letter-spacing: -1.6px;
}
.communication .cc_head p {
  overflow: hidden;
  color: #FFF;
  text-align: center;
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  letter-spacing: -0.6px;
}
.communication .cc_contents {
  display: flex;
  align-items: center;
  gap: 80px;
  align-self: stretch;
}
.communication .cc_contents .left_box {
  display: flex;
  align-items: center;
  gap: 40px;
  flex: 1 0 0;
  align-self: stretch;
}
.communication .cc_contents .left_box .more span {
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}
.communication .cc_contents .left_box .box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 40px 0;
  overflow: hidden;
}
.communication .cc_contents .left_box .box a:hover .tt {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.communication .cc_contents .left_box .box .registration_box {
  display: flex;
  padding: 40px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 40px 0;
  background: url(/static/home/images/main/communication_ico1-c03a41d329e53d04e8b6e5e3015a2ead.svg) right 0px bottom 0px no-repeat, linear-gradient(112deg, #083637 -0.01%, #0D5A5C 99.99%);
  background-blend-mode: luminosity;
}
.communication .cc_contents .left_box .box .registration_box:hover {
  background: url(/static/home/images/main/communication_ico1-c03a41d329e53d04e8b6e5e3015a2ead.svg) right -18px bottom 0px/270px 200px no-repeat, linear-gradient(112deg, #083637 -0.01%, #0D5A5C 99.99%);
}
.communication .cc_contents .left_box .box .registration_box .more {
  display: flex;
  align-items: center;
  justify-content: center;
}
.communication .cc_contents .left_box .box .sports_event_box .more {
  display: flex;
  align-items: center;
  justify-content: center;
}
.communication .cc_contents .left_box .box .sports_event_box {
  display: flex;
  padding: 40px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 40px 0;
  background: url(/static/home/images/main/communication_ico2-27adad26c8fa37dd846504505f324c14.svg) right 0px bottom 0px no-repeat, linear-gradient(112deg, #004D69 -0.01%, #0087B8 99.99%);
  background-blend-mode: luminosity;
}
.communication .cc_contents .left_box .box .sports_event_box:hover {
  background: url(/static/home/images/main/communication_ico2-27adad26c8fa37dd846504505f324c14.svg) right -18px bottom 0px/270px 200px no-repeat, linear-gradient(112deg, #004D69 -0.01%, #0087B8 99.99%);
}
.communication .cc_contents .left_box .tit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.communication .cc_contents .left_box .tit span:nth-child(1) {
  color: #FFF;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.48px;
}
.communication .cc_contents .left_box .tit span:nth-child(2) {
  color: #FFF;
  font-family: Pretendard;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 42px */
  letter-spacing: -0.84px;
}
.communication .cc_contents .right_box {
  display: flex;
  width: 460px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 30px;
  align-self: stretch;
}
.communication .cc_contents .right_box a:hover .tit {
  text-decoration: underline;
  text-underline-offset: 5px;
  color: #FFF;
}
.communication .cc_contents .right_box a:hover .more_ico {
  background: #FFF;
}
.communication .cc_contents .right_box .facebook_box:hover .more_ico span,
.communication .cc_contents .right_box .youtube_box:hover .more_ico span {
  background: url(/static/home/images/icons/ico-plus-black-34954fa9bb30690e89934a24d37c03e3.svg) center/cover no-repeat;
}
.communication .cc_contents .right_box .facebook_box {
  display: flex;
  padding: 27px 40px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 40px 0;
  background: url(/static/home/images/main/communication_facebook_bg-e767768049f18424bb24109c05a00fef.png) center/cover no-repeat;
}
.communication .cc_contents .right_box .facebook_box .tit {
  display: flex;
  align-items: center;
  gap: 20px;
}
.communication .cc_contents .right_box .facebook_box .tit .facebook_ico {
  width: 30px;
  height: 30px;
  aspect-ratio: 1/1;
  background: url(/static/home/images/main/communication_facebook_ico-0ad1e42cfed1366ac04feb447ded2087.svg) center/cover no-repeat;
}
.communication .cc_contents .right_box .facebook_box .tit span {
  color: #FFF;
  font-family: Pretendard;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 42px */
  letter-spacing: -0.84px;
}
.communication .cc_contents .right_box .facebook_box .more_ico {
  display: flex;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(2px);
}
.communication .cc_contents .right_box .facebook_box .more_ico span {
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}
.communication .cc_contents .right_box .youtube_box {
  display: flex;
  padding: 27px 40px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 40px 0;
  background: url(/static/home/images/main/communication_youtube_bg-cb127cf2130b0132b20747f814e977c7.png) center/cover no-repeat;
}
.communication .cc_contents .right_box .youtube_box .tit {
  display: flex;
  align-items: center;
  gap: 20px;
}
.communication .cc_contents .right_box .youtube_box .tit .youtube_ico {
  width: 30px;
  height: 22.5px;
  flex-shrink: 0;
  aspect-ratio: 4/3;
  background: url(/static/home/images/main/communication_youtube_ico-bf844d607efafe90c76a901b01ce361d.svg) center/cover no-repeat;
}
.communication .cc_contents .right_box .youtube_box .tit span {
  color: #FFF;
  font-family: Pretendard;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 42px */
  letter-spacing: -0.84px;
}
.communication .cc_contents .right_box .youtube_box .more_ico {
  display: flex;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(2px);
}
.communication .cc_contents .right_box .youtube_box .more_ico span {
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1279px) {
  .communication {
    align-items: center;
  }
  .communication .cc_head {
    flex-direction: column;
    gap: 0px;
  }
  .communication .cc_contents {
    flex-direction: column;
    gap: 30px;
  }
  .communication .cc_contents .left_box {
    gap: 20px;
  }
  .communication .cc_contents .left_box .box .registration_box {
    border-radius: 20px 0;
    background: url(/static/home/images/main/communication_ico1-c03a41d329e53d04e8b6e5e3015a2ead.svg) right -42px bottom 0px/250px 135px no-repeat, linear-gradient(112deg, #083637 -0.01%, #0D5A5C 99.99%);
  }
  .communication .cc_contents .left_box .box .sports_event_box {
    border-radius: 20px 0;
    background: url(/static/home/images/main/communication_ico2-27adad26c8fa37dd846504505f324c14.svg) right -42px bottom 0px/250px 135px no-repeat, linear-gradient(112deg, #004D69 -0.01%, #0087B8 99.99%);
  }
  .communication .cc_contents .left_box .box .registration_box:hover {
    background: url(/static/home/images/main/communication_ico1-c03a41d329e53d04e8b6e5e3015a2ead.svg) right -18px bottom 0px/200px 140px no-repeat, linear-gradient(112deg, #083637 -0.01%, #0D5A5C 99.99%);
  }
  .communication .cc_contents .left_box .box .sports_event_box:hover {
    background: url(/static/home/images/main/communication_ico2-27adad26c8fa37dd846504505f324c14.svg) right -18px bottom 0px/200px 140px no-repeat, linear-gradient(112deg, #004D69 -0.01%, #0087B8 99.99%);
  }
  .communication .cc_contents .right_box {
    display: flex;
    width: unset;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    flex-direction: row;
  }
  .communication .cc_contents .right_box .facebook_box .more_ico, .communication .cc_contents .right_box .youtube_box .more_ico {
    display: none;
  }
  .communication .cc_contents .right_box .facebook_box, .communication .cc_contents .right_box .youtube_box {
    padding: 20px 40px;
    border-radius: 20px 0;
  }
}
@media screen and (max-width: 767px) {
  .communication {
    gap: 20px;
    justify-content: center;
  }
  .communication .cc_head {
    gap: 4px;
  }
  .communication .cc_head h2 {
    font-size: 24px;
  }
  .communication .cc_head p {
    font-size: 14px;
  }
  .communication .cc_contents {
    gap: 20px;
  }
  .communication .cc_contents .left_box {
    flex-direction: column;
    gap: 10px;
  }
  .communication .cc_contents .left_box .tit span:nth-child(1) {
    font-size: 14px;
  }
  .communication .cc_contents .left_box .tit span:nth-child(2) {
    font-size: 24px;
  }
  .communication .cc_contents .left_box .box {
    flex: unset;
    border-radius: 20px 0;
  }
  .communication .cc_contents .left_box .box .registration_box .more, .communication .cc_contents .left_box .box .sports_event_box .more {
    display: none;
  }
  .communication .cc_contents .left_box .box .registration_box {
    padding: 20px;
    background: url(/static/home/images/main/communication_ico1-c03a41d329e53d04e8b6e5e3015a2ead.svg) right -76px bottom 0px/250px 80px no-repeat, linear-gradient(112deg, #083637 -0.01%, #0D5A5C 99.99%);
  }
  .communication .cc_contents .left_box .box .sports_event_box {
    padding: 20px;
    background: url(/static/home/images/main/communication_ico2-27adad26c8fa37dd846504505f324c14.svg) right -76px bottom 0px/250px 80px no-repeat, linear-gradient(112deg, #933D00 -0.01%, #B58941 99.99%), linear-gradient(112deg, #004D69 -0.01%, #0087B8 99.99%);
  }
  .communication .cc_contents .left_box .box .registration_box:hover {
    background: url(/static/home/images/main/communication_ico1-c03a41d329e53d04e8b6e5e3015a2ead.svg) right -76px bottom 0px/250px 90px no-repeat, linear-gradient(112deg, #083637 -0.01%, #0D5A5C 99.99%);
  }
  .communication .cc_contents .left_box .box .sports_event_box:hover {
    background: url(/static/home/images/main/communication_ico2-27adad26c8fa37dd846504505f324c14.svg) right -76px bottom 0px/250px 90px no-repeat, linear-gradient(112deg, #933D00 -0.01%, #B58941 99.99%), linear-gradient(112deg, #004D69 -0.01%, #0087B8 99.99%);
  }
  .communication .cc_contents .right_box {
    gap: 10px;
    flex-direction: column;
  }
  .communication .cc_contents .right_box .facebook_box, .communication .cc_contents .right_box .youtube_box {
    padding: 20px;
  }
  .communication .cc_contents .right_box .facebook_box .tit span, .communication .cc_contents .right_box .youtube_box .tit span {
    font-size: 18px;
  }
}

.dimPopup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.dimPopup.on {
  display: flex;
}
.dimPopup .inr {
  width: 100%;
  height: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 32px;
  overflow-y: auto;
}
.dimPopup .inr::-webkit-scrollbar {
  display: none;
}
.dimPopup .popup {
  margin: auto;
  /* 슬라이드 크기 */
}
.dimPopup .popup .popupbox {
  position: relative;
}
.dimPopup .popup .popupbox > .btn {
  display: block;
  position: absolute;
  z-index: 10000;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: initial;
}
.dimPopup .popup .popupbox > .prev {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  left: -101px;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.5);
  transform: translate(0px, -70px);
}
.dimPopup .popup .popupbox > .prev:hover {
  background: #FFB947;
}
.dimPopup .popup .popupbox > .prev .ico {
  display: block;
  width: 40px;
  height: 40px;
  background: url(/static/home/images/icons/ico-prev-white-45936fbb65d7a849e8a8cf7ddbda6bac.svg) center/cover no-repeat;
  transform: translate(-1px, 0px);
}
.dimPopup .popup .popupbox > .prev:hover .ico {
  background: url(/static/home/images/icons/ico-prev-black-91b5d77b4e77ce194e4baa23a083940b.svg) center/cover no-repeat;
}
.dimPopup .popup .popupbox > .prev.swiper-button-disabled {
  background-image: url(../images/250404_ico_left_disabled.svg);
  border: 0;
}
.dimPopup .popup .popupbox > .next {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  right: -101px;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.5);
  transform: translate(0px, -70px);
}
.dimPopup .popup .popupbox > .next:hover {
  background: #FFB947;
}
.dimPopup .popup .popupbox > .next .ico {
  display: block;
  width: 40px;
  height: 40px;
  background: url(/static/home/images/icons/ico-next-white-10ba81a81bafb765e6568af1966e3356.svg) center/cover no-repeat;
  transform: translate(1px, 0px);
}
.dimPopup .popup .popupbox > .next:hover .ico {
  background: url(/static/home/images/icons/ico-next-black-be9b9d428de883025e269787e3b7c5f2.svg) center/cover no-repeat;
}
.dimPopup .popup .popupbox > .next.swiper-button-disabled {
  background-image: url(../images/250404_ico_right_disabled.svg);
  border: 0;
}
.dimPopup .popup .popupbox .tit {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}
.dimPopup .popup .popupbox .pagin-btn {
  display: flex;
  padding: 10px 24px;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #FFF;
}
.dimPopup .popup .popupbox .pagin-btn .swiper-pagin {
  color: #2D2D2D;
  font-size: 20px;
  display: block;
}
.dimPopup .popup .popupbox .pagin-btn .swiper-pagin .total {
  color: #0D5A5C;
  font-weight: 900;
}
.dimPopup .popup .popupbox .pagin-btn .btn {
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: initial;
}
.dimPopup .popup .popupbox .swiper {
  max-width: 1280px; /* 1.이미지영역크기 */
  margin: auto;
  margin-top: 24px;
}
.dimPopup .popup .popupbox .swiper .swiper-wrapper {
  align-items: center;
}
.dimPopup .popup .popupbox .swiper .swiper-slide {
  width: 400px !important; /* 2.내부이미지크기 */
  height: 500px;
  margin: 0 auto;
  overflow: auto;
  border-radius: 15px;
}
.dimPopup .popup .popupbox .swiper .swiper-slide::-webkit-scrollbar {
  display: none;
}
.dimPopup .popup .popupbox .swiper .swiper-slide + .swiper-slide:last-child {
  margin-right: 0 !important;
}
.dimPopup .popup .popupbox .swiper .swiper-slide .popupDeitor {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2D2D2D;
}
.dimPopup .popup .popupbox .swiper .swiper-slide .popupDeitor img {
  max-width: 100%; /** 내부 이미지 **/
}
.dimPopup .popup .popupbox .swiper .swiper-slide .popupDeitor a {
  display: block;
  width: 100%;
  height: 100%;
}
.dimPopup .popup .popupbox .swiper .swiper-slide .imgBox .img {
  height: 0;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/main/popup_noimage.png);
}
.dimPopup .popup .popupbox > .btn-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 32px;
  color: #fff;
}
.dimPopup .popup .popupbox > .btn-wrap .btn {
  display: flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 10px;
  background: #2D2D2D;
  margin-left: 0;
  font-size: 20px;
}
.dimPopup .popup .popupbox > .btn-wrap .btn:hover {
  background: #FFB947;
  color: #1D1D1D;
}
.dimPopup .popup .popupbox > .btn-wrap .btn .ico {
  display: block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background: url(/static/home/images/icons/ico-close-white-popup-95a0b559b8fba7f3e53fad359ff64fa8.svg) center/cover no-repeat;
}
.dimPopup .popup .popupbox > .btn-wrap .btn:hover .ico {
  background: url(/static/home/images/icons/ico-close-black-popup-cb9e855bcaaef454d76fe88928465ae8.svg) center/cover no-repeat;
}
@media screen and (max-width: 1279px) {
  .dimPopup .popup .popupbox .swiper-wrapper {
    align-items: center;
  }
  .dimPopup .popup .popupbox .swiper {
    width: 400px; /* 1.이미지영역크기 */
    margin-top: 24px;
    border-radius: 15px;
  }
  .dimPopup .popup .popupbox .swiper .swiper-slide {
    width: 400px !important; /* 2.내부이미지크기 */
    height: 500px;
    margin: 0 auto;
  }
  .dimPopup .popup .popupbox > .btn-wrap .popup_underbar {
    width: 140px;
  }
  .dimPopup .popup .popupbox > .btn-wrap {
    margin-top: 20px;
  }
  .dimPopup .popup .popupbox > .prev {
    left: -6px;
  }
  .dimPopup .popup .popupbox > .next {
    right: -4px;
  }
  .dimPopup .popup .popupbox .swiper .swiper-slide > a .popupDeitor img {
    transform: unset;
  }
}
@media screen and (max-width: 767px) {
  .dimPopup .popup .popupbox .pagin-btn {
    display: none;
  }
  .dimPopup .popup .popupbox > .btn-wrap {
    width: 100%;
  }
  .dimPopup .popup .popupbox > .prev {
    left: -30px;
    transform: translate(0px, -61px);
  }
  .dimPopup .popup .popupbox > .next {
    right: -28px;
    transform: translate(0px, -61px);
  }
  .dimPopup .popup .popupbox .swiper {
    width: 310px; /* 1.이미지영역크기 */
    margin-top: 24px;
    border-radius: 15px;
  }
  .dimPopup .popup .popupbox .swiper .swiper-slide {
    width: 310px !important; /* 2.내부이미지크기 */
    height: 388px;
    margin: 0 auto;
    overflow: auto;
  }
}

.btn_layer_popup {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 50;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 80px;
  height: 66px;
  padding: 4px 10px;
  border: none;
  border-radius: 20px 0 20px 0;
  background: #0D5A5C;
  cursor: pointer;
}
.btn_layer_popup .ico {
  display: block;
  width: 24px;
  height: 27px;
  background: url(/static/home/images/main/ico-popup-bell-50031f5d37184739e42b7c03e04895f6.svg) center/contain no-repeat;
}
.btn_layer_popup .txt {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.54px;
  white-space: nowrap;
}
.btn_layer_popup .cnt {
  position: absolute;
  top: -9px;
  right: -9px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 30px;
  padding: 0 8px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  color: #1d1d1d;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.42px;
}
.btn_layer_popup:hover {
  background: #0a4a4c;
}

@media screen and (max-width: 1279px) {
  .btn_layer_popup {
    top: 20px;
    right: 16px;
    width: 72px;
    height: 60px;
  }
  .btn_layer_popup .txt {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .btn_layer_popup {
    top: 16px;
    right: 16px;
    width: 64px;
    height: 56px;
    gap: 2px;
  }
  .btn_layer_popup .ico {
    width: 20px;
    height: 22px;
  }
  .btn_layer_popup .txt {
    font-size: 14px;
  }
  .btn_layer_popup .cnt {
    top: -6px;
    right: -6px;
    min-width: 24px;
    height: 24px;
    padding: 0 6px;
    font-size: 12px;
  }
}