@charset "UTF-8";
/*-------------------------------------------------------------------
    파일정의 : 메인스타일
-------------------------------------------------------------------*/
#header {
  transition: all 0.25s;
}

#header.active {
  background: transparent;
  /* btn sns */
}
#header.active .header-top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  background: transparent;
}
#header.active .gnb {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: none;
}
#header.active .gnb h1 .logo {
  background: url("../img/common/logo_wh.png") no-repeat center;
  background-size: contain;
}
#header.active .gnb nav .depth1 > li > a {
  color: #fff;
  letter-spacing: -0.0075em;
}
#header.active .btn-ic.btn-search {
  background: url("../img/common/btn_search_wh.png") no-repeat center;
  background-size: contain;
}
@media (max-width: 1199px) {
  #header.active .btn-ic.btn-search {
    padding: 2rem;
    background-size: 2.6rem 2.6rem;
    box-sizing: content-box;
  }
}
#header.active .btn-ic.btn-login {
  background: url("../img/icon/ico_login_wh.png") no-repeat center;
  background-size: contain;
}
#header.active .btn-ic.btn-menu_open {
  background: url("../img/common/btn_menu_open_wh.png") no-repeat center;
  background-size: contain;
}
@media (max-width: 1199px) {
  #header.active .btn-ic.btn-menu_open {
    padding: 2rem;
    background-size: 2.6rem 2.3rem;
    box-sizing: content-box;
  }
}
@media (max-width: 767px) {
  #header.active .h-right-wrap {
    gap: 0;
  }
  #header.active .h-right-wrap .btn-ic.btn-search {
    background: url("../img/common/btn_search_wh.png") no-repeat center;
    background-size: 1.7rem auto;
  }
  #header.active .h-right-wrap .btn-ic.btn-login {
    background-size: 1.7rem auto;
  }
  #header.active .h-right-wrap .btn-ic.btn-menu_open {
    background: url("../img/common/btn_menu_open_wh.png") no-repeat center;
    background-size: 1.7rem auto;
  }
}

.main-inner {
  width: calc(100% - 4rem);
  max-width: 160rem;
  margin: 0 auto;
}
@media (max-width: 1800px) {
  .main-inner {
    max-width: 140rem;
  }
}
@media (max-width: 1600px) {
  .main-inner {
    width: calc(100% - 18rem);
    margin: 0;
    margin-left: auto;
    margin-right: 6rem;
  }
}
@media (max-width: 1199px) {
  .main-inner {
    margin: 0 auto;
    width: calc(100% - 4rem);
  }
}
@media (max-width: 1023px) {
  .main-inner {
    padding: 0;
  }
}

@media (max-width: 1600px) {
  .family_site .main-inner {
    /*margin: 0 auto;*/
  }
}

.visual {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.visual .fp-tableCell {
  position: relative;
}
.visual .main-visual {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.visual .main-visual .swiper-slide {
  overflow: hidden;
  height: 100vh;
  /*background: url(../img/main/main_visual01.png) no-repeat center;
  background-size: cover;*/
}
@media (max-width: 1023px) {
  .visual .main-visual .swiper-slide {
    height: 0;
    padding-top: 138%;
  }
}
.visual .main-visual .swiper-slide:nth-of-type(2) {
  background: url("../img/main/main_visual01.png") no-repeat center;
  background-size: cover;
}
.visual .main-visual .swiper-slide:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
}
.visual .main-visual .swiper-slide:after {
  content: "";
  width: 100%;
  height: 30%;
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  background: linear-gradient(0, rgba(4, 18, 32, 0.7), rgba(4, 18, 32, 0));
  z-index: 2;
}
.visual .main-visual .swiper-slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1023px) {
  .visual .main-visual .swiper-slide video {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    object-fit: fill;
  }
}
.visual .main-visual .swiper-slide .visual-tit-wrap {
  color: #fff;
  text-align: center;
  width: 100%;
}
.visual .main-visual .swiper-slide .visual-tit-wrap .sub-tit {
  font-size: 2.7rem;
  line-height: 1.15;
  display: block;
  text-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}
@media (max-width: 767px) {
  .visual .main-visual .swiper-slide .visual-tit-wrap .sub-tit {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
  }
}
.visual .main-visual .swiper-slide .visual-tit-wrap .tit {
  font-size: 6.4rem;
  font-weight: 700;
  line-height: 1.15;
  text-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
  margin-top: 0.8rem;
}
@media (max-width: 1199px) {
  .visual .main-visual .swiper-slide .visual-tit-wrap .tit {
    font-size: 5.4rem;
  }
}
@media (max-width: 767px) {
  .visual .main-visual .swiper-slide .visual-tit-wrap .tit {
    font-size: 3.1rem;
    font-weight: 800;
  }
}
@media (max-width: 480px) {
  .visual .main-visual .swiper-slide .visual-tit-wrap .tit {
    font-size: 2.2rem;
  }
}
.visual .main-visual .swiper-slide .visual-tit-wrap .txt {
  font-size: 2.2rem;
  margin-top: 3rem;
  line-height: 1.6;
  text-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}
@media (max-width: 767px) {
  .visual .main-visual .swiper-slide .visual-tit-wrap .txt {
    font-size: 1.4rem;
    font-weight: 500;
    margin-top: 1.6rem;
  }
}
@media (max-width: 480px) {
  .visual .main-visual .swiper-slide .visual-tit-wrap .txt {
    font-size: 1.2rem;
  }
}
.visual .hide-box {
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}
.visual .hide-box.v2 {
  width: 100%;
  height: 29rem;
  position: absolute;
  left: 0;
  top: 48%;
  transform: translateY(-50%);
  z-index: 10;
}
.visual .hide-box .visual-txt {
  display: block;
  position: relative;
  top: 0;
  transition: top 0.35s ease-in-out;
}
.visual .hide-box .visual-txt.active {
  display: none;
}
.visual .hide-box.active .visual-txt {
  top: -25.4rem;
}
.visual .hide-box.active .visual-search {
  top: -29rem;
}
.visual .visual-search {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 46%;
  transform: translate(-50%, -50%);
  z-index: 5;
  transition: top 0.35s ease-in-out;
}
@media (max-width: 1023px) {
  .visual .visual-search {
    width: 95%;
  }
}
@media (max-width: 767px) {
  .visual .visual-search {
    width: calc(100% - 8rem);
  }
}
.visual .visual-search .archive-cont_lst {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  gap: 0 2.6rem;
}
@media (max-width: 767px) {
  .visual .visual-search .archive-cont_lst {
    display: none;
  }
}
.visual .visual-search .archive-cont_lst .link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 12.4rem;
  width: 100%;
  padding: 2rem 1rem 2.5rem;
  box-sizing: border-box;
  border-radius: 8px;
  min-height: 14rem;
  background: rgba(0, 122, 242, 0.2);
}
.visual .visual-search .archive-cont_lst .link:first-of-type {
  border-left: none;
}
.visual .visual-search .archive-cont_lst .link .tit {
  font-size: 1.4rem;
  color: #fff;
  letter-spacing: -0.04em;
  line-height: 1.15;
  margin-top: 1rem;
}
.visual .visual-search .archive-cont_lst .link .num {
  font-size: 2.4rem;
  color: #fff;
  line-height: 1.15;
  font-weight: 700;
  margin-top: 0.5rem;
}
.visual .visual-search .archive-cont_lst .link:before {
  content: "";
  width: 4rem;
  height: 4rem;
  display: block;
}
.visual .visual-search .archive-cont_lst .link:nth-of-type(1):before {
  background: url("../img/icon/ico_archive01.png") no-repeat center;
  background-size: contain;
}
.visual .visual-search .archive-cont_lst .link:nth-of-type(2):before {
  background: url("../img/icon/ico_archive02.png") no-repeat center;
  background-size: contain;
}
.visual .visual-search .archive-cont_lst .link:nth-of-type(3):before {
  background: url("../img/icon/ico_archive03.png") no-repeat center;
  background-size: contain;
}
.visual .visual-search .archive-cont_lst .link:nth-of-type(4):before {
  background: url("../img/icon/ico_archive04.png") no-repeat center;
  background-size: contain;
}
.visual .visual-search .archive-cont_lst .link:nth-of-type(5):before {
  background: url("../img/icon/ico_archive05.png") no-repeat center;
  background-size: contain;
}
.visual .visual-search .archive-cont_lst .link:nth-of-type(6):before {
  background: url("../img/icon/ico_archive06.png") no-repeat center;
  background-size: contain;
}
.visual .visual-search .arcaive-area {
  border-radius: 100px;
  overflow: hidden;
  display: flex;
  width: 92rem;
  height: 8rem;
  margin: 2.7rem auto 0;
  background: #fff;
}
@media (max-width: 1023px) {
  .visual .visual-search .arcaive-area {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .visual .visual-search .arcaive-area {
    border: 2px solid var(--navy-color);
    height: 4.8rem;
  }
}
.visual .visual-search .arcaive-area .select-wrap {
  position: relative;
  padding: 0 2rem 0 2.5rem;
}
@media (max-width: 767px) {
  .visual .visual-search .arcaive-area .select-wrap {
    display: none;
  }
}
.visual .visual-search .arcaive-area .select-wrap:after {
  content: "";
  width: 0.1rem;
  height: 2.4rem;
  background: rgba(0, 0, 0, 0.15);
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.visual .visual-search .arcaive-area .select-wrap select {
  background: url("../img/common/btn_search_select.png") no-repeat right 15px center;
  font-size: 1.6rem;
  font-weight: 500;
  width: 16.4rem;
  height: 100%;
  padding: 0 0.7rem;
  border: 1px solid transparent;
}
.visual .visual-search .arcaive-area .input-wrap {
  flex: 1 0;
  border: none;
  display: flex;
  align-items: center;
}
.visual .visual-search .arcaive-area .input-wrap .search-input {
  font-size: 1.6rem;
  color: #1D1D1D;
  padding: 0 3.2rem;
  border: none;
  width: 100%;
  height: 5.8rem;
}
.visual .visual-search .arcaive-area .input-wrap .search-input:focus {
  height: calc(100% - 0.5rem);
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  width: calc(100% - 0.5rem);
  margin-left: 0.25rem;
}
@media (max-width: 767px) {
  .visual .visual-search .arcaive-area .input-wrap .search-input {
    padding: 0 1.5rem;
    font-size: 1.4rem;
    height: 4.8rem;
  }
}
.visual .visual-search .arcaive-area .input-wrap .search-input::placeholder {
  color: #8E8E8E;
}
.visual .visual-search .arcaive-area .search-btn {
  width: 12rem;
  height: 8rem;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  background: linear-gradient(to right, #154F8D, #14657E);
}
@media (max-width: 767px) {
  .visual .visual-search .arcaive-area .search-btn {
    background: var(--navy-color);
    height: 4.4rem;
    width: 5.8rem;
  }
}
.visual .visual-search .arcaive-area .search-btn:before {
  content: "";
  width: 2.3rem;
  height: 2.3rem;
  display: block;
  background: url("../img/common/btn_search_wh.png") no-repeat center;
  background-size: contain;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .visual .visual-search .arcaive-area .search-btn:before {
    width: 2rem;
    height: 2rem;
  }
}
.visual .visual-search .keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.5rem;
  justify-content: center;
  margin-top: 1.5rem;
  position: relative;
}
.visual .visual-search .keywords a {
  font-size: 1.8rem;
  color: #fff;
  line-height: 1.15;
}
@media (max-width: 767px) {
  .visual .visual-search .keywords a {
    font-size: 1.2rem;
  }
}
.visual .txt-area {
  position: absolute;
  left: 50%;
  top: 38%;
  transform: translate(-50%, -50%);
  z-index: 3;
  margin-top: 31.4rem;
}
@media (max-width: 767px) {
  .visual .txt-area {
    margin-top: 20rem;
  }
}
@media (max-width: 480px) {
  .visual .txt-area {
    margin-top: 17rem;
  }
}
.visual .txt-area .btn-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 2rem;
}
@media (max-width: 767px) {
  .visual .txt-area .btn-wrap {
    padding: 1rem;
  }
}
.visual .txt-area .btn-wrap .swiper-button-prev,
.visual .txt-area .btn-wrap .swiper-button-next {
  width: 0.7rem;
  height: 1.2rem;
  position: inherit;
  margin-top: 0;
}
.visual .txt-area .btn-wrap .swiper-button-prev {
  background: url("../img/common/btn_main_visual_prev.png") no-repeat center;
}
.visual .txt-area .btn-wrap .swiper-button-next {
  background: url("../img/common/btn_main_visual_next.png") no-repeat center;
}
.visual .txt-area .btn-wrap .swiper-pagination-custom {
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  display: inline-block;
  position: inherit;
  width: auto;
}
@media (max-width: 767px) {
  .visual .txt-area .btn-wrap .swiper-pagination-custom {
    font-size: 1.4rem;
  }
}
.visual .txt-area .btn-wrap .swiper-pagination-custom .current {
  opacity: 1;
}
.visual .txt-area .btn-wrap .swiper-pagination-custom .total {
  opacity: 0.5;
}
.visual .txt-area .btn-wrap .swiper-pagination-custom .total.active {
  opacity: 1;
}
.visual .result {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 6rem;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  transition: all 0.35s ease-in-out;
}
@media (max-width: 1199px) {
  .visual .result {
    display: none;
  }
}
.visual .result > .tit-wrap {
  opacity: 1;
  transition: all 0.35s ease-in-out;
}
.visual .result > .tit-wrap .tit {
  font-weight: 700;
  color: #fff;
  text-align: center;
  display: block;
  font-size: 2.6rem;
}
.visual .result > .tit-wrap .sub-tit {
  font-size: 2rem;
  color: #fff;
  letter-spacing: -0.03em;
  text-align: center;
  margin-top: 1rem;
  display: block;
}
.visual .result .result-slide-wrap {
  position: relative;
  /*margin-left: 5rem;*/
  margin-top: 0;
  /*padding: 0 4rem;*/
  /*transition: opacity 0.35s ease-in-out, max-height 0.35s 0.35s ease-in-out;*/
}
.visual .result .result-slide-wrap .result-slide {
  overflow: hidden;
  max-width: 96rem;
  position: relative;
}
.visual .result .result-slide-wrap .result-slide .swiper-slide {
  width: 33.33%;
  position: relative;
  padding: 1rem 0;
}
.visual .result .result-slide-wrap .result-slide .swiper-slide.swiper-slide-active:after, .visual .result .result-slide-wrap .result-slide .swiper-slide.swiper-slide-next:after {
  content: "";
  width: 0.1rem;
  height: 100%;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.3);
}
.visual .result .result-slide-wrap .result-slide .swiper-slide .link {
  transition: transform 0.3s;
  display: inline-block;
  width: 100%;
  opacity: 1;
}
.visual .result .result-slide-wrap .result-slide .swiper-slide .link:hover {
  transform: translateY(-1rem);
}
.visual .result .result-slide-wrap .result-slide .swiper-slide .link .tit {
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  display: block;
}
.visual .result .result-slide-wrap .result-slide .swiper-slide .link .txt {
  font-size: 2rem;
  color: #fff;
  text-align: center;
  margin-top: 1rem;
  display: block;
}
.visual .result .result-slide-wrap .result-slide .swiper-slide .link .txt2 {
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.8);
  display: block;
}
.visual .result .result-slide-wrap .result-slide .swiper-slide .link .txt-sm {
  font-size: 1.4rem;
  color: #fff;
  display: block;
  margin-top: 1rem;
  text-align: center;
  letter-spacing: -0.05em;
}
.visual .result .result-slide-wrap .swiper-button-prev,
.visual .result .result-slide-wrap .swiper-button-next {
  width: 3rem;
  height: 3rem;
}
.visual .result .result-slide-wrap .swiper-button-prev {
  background: url("../img/common/btn_result_prev.png") no-repeat center;
  background-size: contain;
  left: 0;
}
.visual .result .result-slide-wrap .swiper-button-next {
  background: url("../img/common/btn_result_next.png") no-repeat center;
  background-size: contain;
  right: 0;
}
.visual .result .result_detail {
  position: relative;
  /*margin-left: 5rem;*/
  margin-top: 0;
  /*padding: 0 4rem;*/
  display: none;
  max-width: 130em;
  width: 68%;
}
.visual .result .result_detail .btn-close {
  position: absolute;
  right: -4.5rem;
  top: -4.5rem;
  background: url("../img/common/btn_close_circle_wh.png") no-repeat left center;
  background-size: contain;
  width: 4.5rem;
  height: 4.5rem;
  display: block;
}
.visual .result .result_detail .result_detail-slide {
  overflow: hidden;
  /*max-width: 96rem;*/
}
.visual .result .result_detail .result_detail-slide .swiper-slide {
  position: relative;
  width: 33.33%;
  box-sizing: border-box;
  border-radius: 16px;
  overflow: hidden;
  /*min-height: 24.8rem;*/
  /*&:after {
              content: '';
              background: rgba(255, 255, 255, 0.3);
              width: 1px;
              height: calc(100% - 4rem);
              display: block;
              position: absolute;
              right: 0;
              top: 2rem;
              opacity: 1;
            }

            &.swiper-slide-next + .swiper-slide:after,
            &.swiper-slide-prev:after, {
              opacity: 0;
            }
  */
  /*&:hover {
              background: rgba(255, 255, 255, 0.1);
              transition: background 0.2s ease-in-out;

              .detail-cont {
                background: url('../img/common/btn_link.png') no-repeat right 2.4rem top 2.4rem;
                background-size: 1.3rem auto;
              }
            }
  */
}
.visual .result .result_detail .result_detail-slide .swiper-slide .detail-cont {
  display: block;
}
.visual .result .result_detail .result_detail-slide .swiper-slide .detail-cont .graph-wrap {
  margin-top: 2rem;
}
.visual .result .result_detail .result_detail-slide .swiper-slide .detail-cont .graph-wrap .mainChart {
  width: 100%;
  height: 19rem;
  overflow: visible;
  left: 0;
  display: block;
  position: relative;
}
.visual .result .result_detail .result_detail-slide .swiper-slide .detail-cont .tit {
  font-size: 2rem;
  color: #ffffff;
  font-weight: 500;
  text-align: center;
  display: block;
  line-height: 1.2;
  letter-spacing: -0.03em;
}
.visual .result .result_detail .result_detail-slide .swiper-slide .detail-cont .tit .sub-tit {
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: -0.04em;
  line-height: 1.2;
}
.visual .result .result_detail .result_detail-slide .swiper-slide .detail-cont .tit b {
  font-size: 2.4rem;
  font-weight: 700;
  display: block;
}
.visual .result .result_detail .result_detail-slide .swiper-slide .detail-cont .cont-lst {
  margin-top: 2.4rem;
}
.visual .result .result_detail .result_detail-slide .swiper-slide .detail-cont .cont-lst li {
  display: flex;
  line-height: 1.8;
  justify-content: space-between;
}
.visual .result .result_detail .result_detail-slide .swiper-slide .detail-cont .cont-lst li .txt-left {
  font-size: 1.6rem;
  color: rgba(255, 255, 255, 0.8);
}
.visual .result .result_detail .result_detail-slide .swiper-slide .detail-cont .cont-lst li .txt-right {
  font-size: 1.6rem;
  color: #ffffff;
  font-weight: 400;
}
.visual .result .result_detail .result_detail-slide .swiper-slide .detail-cont .sub-txt {
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  margin-top: 0.8rem;
}
.visual .result .result_detail .swiper-button-prev,
.visual .result .result_detail .swiper-button-next {
  width: 3rem;
  height: 3rem;
}
.visual .result .result_detail .swiper-button-prev {
  background: url("../img/common/btn_result_prev.png") no-repeat center;
  background-size: contain;
  left: 0;
}
.visual .result .result_detail .swiper-button-next {
  background: url("../img/common/btn_result_next.png") no-repeat center;
  background-size: contain;
  right: 0;
}
.visual .result.active {
  bottom: 42%;
}
.visual .link-area {
  max-width: 15rem;
  width: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  display: flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1199px) {
  .visual .link-area {
    display: none;
  }
}
@media (max-width: 480px) {
  .visual .link-area {
    max-width: 18rem;
  }
}
.visual .link-area:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(4px);
  z-index: 1;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  overflow: hidden;
}
.visual .link-area.close {
  right: -23.2rem;
  visibility: visible;
}
@media (max-width: 480px) {
  .visual .link-area.close {
    right: -18rem;
  }
}
.visual .link-area.close .btn-open-wrap {
  border: 1px solid rgb(255, 255, 255);
  border-right: none;
}
.visual .link-area.close .btn-open-wrap .btn-open {
  color: rgb(255, 255, 255);
  display: flex;
}
.visual .link-area.close .btn-open-wrap .btn-open:after {
  opacity: 1;
  transform: rotate(-180deg);
}
.visual .link-area .btn-open-wrap {
  position: absolute;
  left: -4.8rem;
  top: 5rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-right: none;
  background: rgba(255, 255, 255, 0.1);
  background-size: 1.5rem auto;
}
@media (max-width: 1199px) {
  .visual .link-area .btn-open-wrap {
    top: 10rem;
  }
}
@media (max-width: 1023px) {
  .visual .link-area .btn-open-wrap {
    top: 10rem;
  }
}
@media (max-width: 767px) {
  .visual .link-area .btn-open-wrap {
    top: 7.2rem;
    left: -4.3rem;
  }
}
.visual .link-area .btn-open-wrap .btn-open {
  padding: 1rem 1.4rem 1rem 1.4rem;
  writing-mode: vertical-lr;
  color: rgba(255, 255, 255, 0.77);
  font-size: 1.6rem;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 767px) {
  .visual .link-area .btn-open-wrap .btn-open {
    padding: 1.2rem 1.2rem 1rem 1.2rem;
    font-size: 1.2rem;
    width: 4.2rem;
    height: 10.1rem;
  }
}
.visual .link-area .btn-open-wrap .btn-open:after {
  content: "";
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  opacity: 0.77;
  background: url("../img/common/btn_right_circle_arr.png") no-repeat center bottom;
  background-size: contain;
}
.visual .link-area .link-lst-wrap {
  position: relative;
  z-index: 5;
  width: 100%;
}
.visual .link-area .link-lst-wrap .tit.tit-btn {
  padding-left: 4rem;
  font-size: 2.2rem;
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .visual .link-area .link-lst-wrap .tit.tit-btn {
    font-size: 1.8rem;
    padding-left: 1.5rem;
  }
}
.visual .link-area .link-lst-wrap .tit.tit-btn:hover:after {
  opacity: 1;
  transform: translateX(1rem);
}
@media (max-width: 767px) {
  .visual .link-area .link-lst-wrap .tit.tit-btn:after {
    opacity: 1;
    transform: translateX(1rem);
  }
}
.visual .link-area .link-lst-wrap .link-lst {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.visual .link-area .link-lst-wrap .link-lst .link {
  display: flex;
  align-items: center;
  padding: 1.5rem 1.5rem 1rem 5.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 1.8rem;
  line-height: 1.2;
  letter-spacing: -0.04em;
  font-weight: 500;
  color: #fff;
  min-height: 7rem;
  width: 100%;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  overflow: hidden;
}
@media (max-width: 767px) {
  .visual .link-area .link-lst-wrap .link-lst .link {
    font-size: 1.4rem;
    min-height: auto;
  }
}
@media (max-width: 480px) {
  .visual .link-area .link-lst-wrap .link-lst .link {
    padding: 0.5rem 0.5rem 0.5rem 2rem;
    min-height: 5rem;
  }
}
.visual .link-area .link-lst-wrap .link-lst .link:first-child {
  border-top-left-radius: 8px;
  overflow: hidden;
  background: url("../img/icon/ico_direct01.png") no-repeat left 2rem top 55%;
  background-size: 2.4rem auto;
}
.visual .link-area .link-lst-wrap .link-lst .link:first-child:hover {
  transition: all 0.3s;
  background: url("../img/icon/ico_direct01.png") no-repeat left 2rem top 55%, rgba(255, 255, 255, 0.3);
  background-size: 2.4rem auto;
}
.visual .link-area .link-lst-wrap .link-lst .link:nth-child(2) {
  background: url("../img/icon/ico_direct02.png") no-repeat left 2rem top 55%;
  background-size: 2.4rem auto;
}
.visual .link-area .link-lst-wrap .link-lst .link:nth-child(2):hover {
  transition: all 0.3s;
  background: url("../img/icon/ico_direct02.png") no-repeat left 2rem top 55%, rgba(255, 255, 255, 0.3);
  background-size: 2.4rem auto;
}
.visual .link-area .link-lst-wrap .link-lst .link:nth-child(3) {
  background: url("../img/icon/ico_direct03.png") no-repeat left 2rem top 55%;
  background-size: 2.4rem auto;
}
.visual .link-area .link-lst-wrap .link-lst .link:nth-child(3):hover {
  transition: all 0.3s;
  background: url("../img/icon/ico_direct03.png") no-repeat left 2rem top 55%, rgba(255, 255, 255, 0.3);
  background-size: 2.4rem auto;
}
.visual .link-area .link-lst-wrap .link-lst .link:nth-child(4) {
  background: url("../img/icon/ico_direct04.png") no-repeat left 2rem top 55%;
  background-size: 2.4rem auto;
}
.visual .link-area .link-lst-wrap .link-lst .link:nth-child(4):hover {
  transition: all 0.3s;
  background: url("../img/icon/ico_direct04.png") no-repeat left 2rem top 55%, rgba(255, 255, 255, 0.3);
  background-size: 2.4rem auto;
}
.visual .link-area .link-lst-wrap .link-lst .link:hover {
  transition: all 0.3s;
  background: rgba(255, 255, 255, 0.3);
}
.visual .link-area .link-lst-wrap .link-lst .link:last-of-type {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.visual .link-area .link-lst-wrap .sns-wrap ul {
  display: flex;
  flex-wrap: wrap;
}
.visual .link-area .link-lst-wrap .sns-wrap ul li {
  width: 50%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.visual .link-area .link-lst-wrap .sns-wrap ul li:nth-child(2n) {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.visual .link-area .link-lst-wrap .sns-wrap ul li:nth-child(5) {
  border-bottom-left-radius: 8px;
  overflow: hidden;
}
.visual .link-area .link-lst-wrap .sns-wrap ul li .btn-sns {
  display: block;
  width: 100%;
  height: 6rem;
  background-size: 1.8rem auto;
}
@media (max-width: 767px) {
  .visual .link-area .link-lst-wrap .sns-wrap ul li .btn-sns {
    height: 4rem;
  }
}
.visual .link-area .link-lst-wrap .sns-wrap ul li:hover {
  transition: all 0.3s;
  background: rgba(255, 255, 255, 0.3);
}

/* fp-nav */
#fp-nav {
  z-index: 25;
  /* dark */
}
#fp-nav:before {
  content: "";
  width: 0.1rem;
  height: calc(100% - 5rem);
  background: #B2B5C0;
  position: absolute;
  left: 0.5rem;
  top: 1rem;
  display: none;
}
#fp-nav.left {
  left: 30px;
}
#fp-nav > ul > li {
  position: relative;
  width: auto;
  height: auto;
  margin: 0;
}
#fp-nav > ul > li:last-of-type {
  display: none;
}
#fp-nav > ul > li a {
  position: relative;
  padding: 2.4rem 0;
  display: block;
}
#fp-nav > ul > li a:before, #fp-nav > ul > li a:after {
  display: block;
  position: absolute;
  left: 0;
  border-radius: 50%;
  background: #fff;
}
#fp-nav > ul > li a:before {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  opacity: 1;
  z-index: 2;
  left: 0.3rem;
  top: 0.6rem;
  background: #B2B5C0;
}
#fp-nav > ul > li a:after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  opacity: 0.2;
  z-index: 1;
  top: 0.35rem;
  display: none;
}
#fp-nav > ul > li a.active {
  z-index: 5;
}
#fp-nav > ul > li a.active:before {
  background: #fff;
}
#fp-nav > ul > li a.active:after {
  display: block;
  animation: widthAni 0.45s infinite alternate ease;
}
#fp-nav > ul > li .fp-tooltip {
  display: none;
  width: auto;
  opacity: 0.2;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.04em;
  color: #fff;
  max-width: none;
  padding: 0.2rem 1rem;
  border: 1px solid #fff;
  border-radius: 43px;
}
#fp-nav > ul > li a.active + .fp-tooltip {
  font-weight: 600;
  opacity: 1;
  display: block;
}
#fp-nav.dark > ul > li .fp-tooltip {
  color: rgba(178, 181, 192, 0.4);
  opacity: 1;
  border: 1px solid #004585;
}
#fp-nav.dark > ul > li a {
  background: #004585;
}
#fp-nav.dark > ul > li a.active:before, #fp-nav.dark > ul > li a.active:after {
  background: #004585;
}
#fp-nav.dark > ul > li a.active:after {
  opacity: 0.2;
}
#fp-nav.dark > ul > li a.active + .fp-tooltip {
  color: #004585;
}

@keyframes widthAni {
  0% {
    width: 0.6rem;
    height: 0.6rem;
    left: 0.3rem;
    top: 0.6rem;
  }
  100% {
    width: 1.2rem;
    height: 1.2rem;
    top: 0.35rem;
    left: 0;
  }
}
.news {
  background: #F5F9FF;
  padding-top: 6rem;
}
@media (max-width: 1199px) {
  .news {
    padding-top: 0;
  }
}
@media (max-width: 1023px) {
  .news {
    padding: 10rem 0;
  }
}
@media (max-width: 767px) {
  .news {
    padding: 5rem 0;
  }
}
.news .mobile-tab {
  display: none;
}
@media (max-width: 767px) {
  .news .mobile-tab {
    display: flex;
    justify-content: space-between;
  }
  .news .mobile-tab .tit-wrap {
    display: flex;
    gap: 0 1.6rem;
  }
  .news .mobile-tab .tit-wrap .tit {
    font-size: 2.2rem;
    color: #C3C3C3;
    font-weight: 700;
  }
  .news .mobile-tab .tit-wrap .tit.active {
    font-size: 2.2rem;
    color: #1D1D1D;
  }
}
.news .mobile-tab .btn-link {
  display: none;
}
.news .mobile-tab .btn-link.active {
  display: block;
}
.news .news-lst-wrap {
  display: block;
}
@media (max-width: 767px) {
  .news .news-lst-wrap .tit-wrap.v1 {
    display: none;
  }
}
.news .news-lst-wrap .news-lst {
  margin-top: 2rem;
}
.news .news-lst-wrap .news-lst ul {
  display: flex;
  gap: 0 2.4rem;
}
@media (max-width: 767px) {
  .news .news-lst-wrap .news-lst ul {
    flex-wrap: wrap;
    gap: 1.6rem;
  }
}
.news .news-lst-wrap .news-lst ul li {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
  width: calc(20% - 1.92rem);
  min-height: 24rem;
  transition: all 0.3s;
  border: 1px solid #fff;
}
@media (max-width: 1600px) {
  .news .news-lst-wrap .news-lst ul li {
    width: calc(25% - 1.92rem);
  }
  .news .news-lst-wrap .news-lst ul li:last-of-type {
    display: none;
  }
}
@media (max-width: 1023px) {
  .news .news-lst-wrap .news-lst ul li {
    width: calc(33.33% - 1.92rem);
  }
  .news .news-lst-wrap .news-lst ul li:nth-last-child(2) {
    display: none;
  }
}
@media (max-width: 767px) {
  .news .news-lst-wrap .news-lst ul li {
    width: calc(50% - 0.8rem);
    min-height: 0;
    height: 0;
    padding-top: 41.5%;
    position: relative;
  }
  .news .news-lst-wrap .news-lst ul li:nth-last-child(2) {
    display: block;
  }
}
.news .news-lst-wrap .news-lst ul li a {
  position: relative;
  padding: 6rem 3.2rem 3rem 3.2rem;
  min-height: 24rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fff;
}
@media (max-width: 767px) {
  .news .news-lst-wrap .news-lst ul li a {
    padding: 3.4rem 1.6rem 1rem;
    min-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
}
.news .news-lst-wrap .news-lst ul li a .tit {
  font-size: 2rem;
  letter-spacing: -0.02em;
  font-weight: 500;
  line-height: 1.4;
  color: #1D1D1D;
}
@media (max-width: 767px) {
  .news .news-lst-wrap .news-lst ul li a .tit {
    font-size: 1.4rem;
  }
}
.news .news-lst-wrap .news-lst ul li a .data {
  text-align: right;
  display: block;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #8E8E8E;
  letter-spacing: -0.04em;
}
@media (max-width: 767px) {
  .news .news-lst-wrap .news-lst ul li a .data {
    font-size: 1.2rem;
  }
}
.news .news-lst-wrap .news-lst ul li a .tag.v2 {
  position: absolute;
  left: 0;
  top: 0;
}
.news .news-lst-wrap .news-lst ul li:hover {
  border: 1px solid transparent;
  background: linear-gradient(to right, var(--blue-gradient-color), var(--green-gradient-color));
}
.news .news-lst-wrap .news-lst ul li.no-data {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  position: relative;
}
@media (max-width: 767px) {
  .news .news-lst-wrap .news-lst ul li.no-data {
    padding-top: 41.5%;
  }
}
.news .news-lst-wrap .news-lst ul li.no-data:hover {
  background: #fff;
}
.news .news-lst-wrap .news-lst ul li.no-data .txt {
  font-size: 1.8rem;
  color: #8E8E8E;
  text-align: center;
  letter-spacing: -0.05em;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .news .news-lst-wrap .news-lst ul li.no-data .txt {
    width: 100%;
    font-size: 1.4rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

.news-lst-wrap + .news-lst-wrap {
  margin-top: 4.4rem;
}
@media (max-width: 767px) {
  .news-lst-wrap + .news-lst-wrap {
    margin-top: 0;
  }
}

.schedule {
  background: #F8F8F8;
}
@media (max-width: 1023px) {
  .schedule {
    padding: 10rem 0 0 0;
  }
}
@media (max-width: 767px) {
  .schedule {
    padding: 5rem 0 0 0;
  }
}
.schedule .schedule-wrap {
  position: relative;
  z-index: 1;
}
@media (max-width: 1023px) {
  .schedule .schedule-wrap {
    padding-bottom: 20rem;
  }
}
@media (max-width: 767px) {
  .schedule .schedule-wrap {
    padding-bottom: 12rem;
  }
}
.schedule .schedule-wrap .character-area {
  position: absolute;
  left: 50%;
  top: -15rem;
  display: flex;
  align-items: center;
}
@media (max-width: 1023px) {
  .schedule .schedule-wrap .character-area {
    top: auto;
    bottom: 0;
    right: 0;
    left: auto;
  }
}
.schedule .schedule-wrap .character-area .character {
  width: 15rem;
  height: 15rem;
}
@media (max-width: 767px) {
  .schedule .schedule-wrap .character-area .character {
    width: 10rem;
    height: auto;
  }
}
@media (max-width: 767px) {
  .schedule .schedule-wrap .character-area .txt-bubble {
    width: 19rem;
    height: auto;
  }
}
.schedule .schedule-wrap .calendar {
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #DEDEDE;
}
@media (max-width: 1023px) {
  .schedule .schedule-wrap .calendar {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
}
.schedule .schedule-wrap .calendar .month {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  background-color: #414756;
  padding: 4rem 2rem 4rem 3rem;
  display: flex;
  align-items: center;
}
@media (max-width: 1023px) {
  .schedule .schedule-wrap .calendar .month {
    width: 100%;
    justify-content: space-between;
    padding: 1.1rem 2.4rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.schedule .schedule-wrap .calendar .month .btn {
  width: 1.3rem;
  height: 2.3rem;
  display: block;
}
.schedule .schedule-wrap .calendar .month .btn.prev {
  background: url("../img/common/btn_prev_wh.png") no-repeat center;
  background-size: contain;
}
.schedule .schedule-wrap .calendar .month .btn.next {
  background: url("../img/common/btn_next_wh.png") no-repeat center;
  background-size: contain;
}
.schedule .schedule-wrap .calendar .month .num_wrap {
  margin: 0 2.3rem;
}
.schedule .schedule-wrap .calendar .month .num_wrap .month_num {
  font-size: 6rem;
  color: #fff;
  font-weight: 700;
  text-align: center;
  display: block;
}
@media (max-width: 767px) {
  .schedule .schedule-wrap .calendar .month .num_wrap .month_num {
    font-size: 2.4rem;
  }
}
.schedule .schedule-wrap .calendar .month .num_wrap .year_num {
  display: block;
  text-align: center;
  font-size: 2rem;
  color: #FFFFFF;
  font-weight: 700;
}
@media (max-width: 1023px) {
  .schedule .schedule-wrap .calendar .month .num_wrap .year_num {
    display: none;
  }
}
.schedule .schedule-wrap .calendar .days {
  border-left: none;
  flex: 1 0;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  background: #fff;
  width: calc(100% - 20rem);
  overflow-x: hidden;
}
@media (max-width: 1023px) {
  .schedule .schedule-wrap .calendar .days {
    width: 100%;
  }
}
.schedule .schedule-wrap .calendar .days .touch-slide {
  padding: 0 2rem;
  position: relative;
}
@media (max-width: 1023px) {
  .schedule .schedule-wrap .calendar .days .touch-slide {
    padding: 0 2.5rem;
  }
}
.schedule .schedule-wrap .calendar .days .touch-slide .swiper-scrollbar {
  display: block;
  height: 0.5rem;
  background-color: transparent;
}
.schedule .schedule-wrap .calendar .days .touch-slide .swiper-scrollbar-drag {
  background-color: #ddd;
  border-radius: 1rem;
}
.schedule .schedule-wrap .calendar .days .days_num {
  display: flex;
  align-items: center;
  padding: 3rem 0;
  flex-wrap: nowrap;
  background: #fff;
  border-top-right-radius: 16px;
  gap: 1rem 0;
}
@media (max-width: 1199px) {
  .schedule .schedule-wrap .calendar .days .days_num {
    padding: 1.5rem 0;
  }
}
.schedule .schedule-wrap .calendar .days .days_num li {
  font-size: 1.8rem;
  color: #1D1D1D;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  width: 3.6rem;
  height: 3.6rem;
  flex: none;
  padding: 0 0.25rem;
  position: relative;
  /*&.blue:not(.continuous) {
    background-color: #B4E9FF;
    border-radius: 50%;
  }
  &.green:not(.continuous) {
    background-color: #D1F4B0;
    border-radius: 50%;
  }*/
}
@media (max-width: 767px) {
  .schedule .schedule-wrap .calendar .days .days_num li {
    font-size: 1.4rem;
  }
}
.schedule .schedule-wrap .calendar .days .days_num li:before {
  content: "";
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.schedule .schedule-wrap .calendar .days .days_num li button {
  display: block;
  width: 100%;
  height: 100%;
}
.schedule .schedule-wrap .calendar .days .days_num li.blue:before {
  background-color: #B4E9FF;
}
.schedule .schedule-wrap .calendar .days .days_num li.green:before {
  background-color: #D1F4B0;
}
.schedule .schedule-wrap .calendar .days .days_num li.today:before {
  border: 1px solid var(--navy-color);
}
.schedule .schedule-wrap .calendar .days .days_num li.click-day {
  color: #fff;
}
.schedule .schedule-wrap .calendar .days .days_num li.click-day:before {
  border: 1px solid var(--navy-color);
  background-color: var(--navy-color);
}
.schedule .schedule-wrap .calendar .days .days_num li span {
  position: relative;
  z-index: 10;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.schedule .schedule-wrap .calendar .days .days_num li.continuous.blue {
  background-color: #DBF4FF;
}
.schedule .schedule-wrap .calendar .days .days_num li.continuous.blue:before {
  background-color: #DBF4FF;
}
.schedule .schedule-wrap .calendar .days .days_num li.continuous.blue.first span {
  background-color: #B4E9FF;
}
.schedule .schedule-wrap .calendar .days .days_num li.continuous.blue.last:before {
  background-color: #B4E9FF;
}
.schedule .schedule-wrap .calendar .days .days_num li.continuous.green {
  background-color: #EBFFD8;
}
.schedule .schedule-wrap .calendar .days .days_num li.continuous.green:before {
  background-color: #EBFFD8;
}
.schedule .schedule-wrap .calendar .days .days_num li.continuous.green.first span {
  background-color: #D1F4B0;
}
.schedule .schedule-wrap .calendar .days .days_num li.continuous.green.last:before {
  background-color: #D1F4B0;
}
.schedule .schedule-wrap .calendar .days .days_num li.continuous.first {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  position: relative;
  padding-left: 0;
}
.schedule .schedule-wrap .calendar .days .days_num li.continuous.first span {
  position: relative;
  z-index: 10;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.schedule .schedule-wrap .calendar .days .days_num li.continuous.last {
  border-top-right-radius: 52%;
  border-bottom-right-radius: 52%;
  position: relative;
  padding-right: 0;
}
.schedule .schedule-wrap .calendar .days .days_num li.continuous.last span {
  position: relative;
  z-index: 10;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.schedule .schedule-wrap .calendar .days .day-cont {
  background: #fff;
  display: flex;
  padding: 3.5rem 2rem 3rem 2rem;
  gap: 1rem 2rem;
  align-items: center;
  flex-wrap: wrap;
  border-bottom-right-radius: 16px;
  border-top: 1px solid var(--border-color);
  height: calc(100% - 9.6rem);
  position: relative;
}
@media (max-width: 1199px) {
  .schedule .schedule-wrap .calendar .days .day-cont {
    box-sizing: border-box;
    gap: 2rem 1.5rem;
    height: calc(100% - 6.6rem);
  }
}
@media (max-width: 1023px) {
  .schedule .schedule-wrap .calendar .days .day-cont {
    padding: 3.5rem 3rem;
    gap: 1.5rem 3rem;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .schedule .schedule-wrap .calendar .days .day-cont {
    padding: 3.5rem 1.2rem;
  }
}
.schedule .schedule-wrap .calendar .days .day-cont .view {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  color: #AFAFAF;
  text-align: right;
  flex: none;
  position: absolute;
  right: 1.5rem;
  top: 0.8rem;
}
.schedule .schedule-wrap .calendar .days .day-cont dl {
  display: flex;
  align-items: center;
  max-width: calc(50% - 1.5rem);
  width: 100%;
}
@media (max-width: 767px) {
  .schedule .schedule-wrap .calendar .days .day-cont dl {
    max-width: 100%;
  }
}
.schedule .schedule-wrap .calendar .days .day-cont dl dt {
  font-size: 1.6rem;
  font-weight: 600;
  color: #6D6D6D;
  flex: none;
}
@media (max-width: 1023px) {
  .schedule .schedule-wrap .calendar .days .day-cont dl dt {
    min-width: 9rem;
  }
}
@media (max-width: 767px) {
  .schedule .schedule-wrap .calendar .days .day-cont dl dt {
    display: none;
  }
}
.schedule .schedule-wrap .calendar .days .day-cont dl dd {
  margin-left: 2rem;
  display: flex;
  align-items: center;
  flex: 1 0;
  width: 100%;
}
@media (max-width: 767px) {
  .schedule .schedule-wrap .calendar .days .day-cont dl dd {
    margin-left: 0;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}
.schedule .schedule-wrap .calendar .days .day-cont dl dd .tag {
  display: flex;
  padding: 0.2rem 0.7rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #FFFFFF;
  border-radius: 50px;
  align-items: center;
  flex: none;
}
.schedule .schedule-wrap .calendar .days .day-cont dl dd .tag.event-color1 {
  background: #5EAF15;
}
.schedule .schedule-wrap .calendar .days .day-cont dl dd .tag.event-color2 {
  background: #2298E8;
}
.schedule .schedule-wrap .calendar .days .day-cont dl dd .tag.event-color3 {
  background: #205CB4;
}
.schedule .schedule-wrap .calendar .days .day-cont dl dd .tag.event-color4 {
  background: #00B5C7;
}
.schedule .schedule-wrap .calendar .days .day-cont dl dd .tag.event-color5 {
  background: #7B68BA;
}
.schedule .schedule-wrap .calendar .days .day-cont dl dd .tag.event-color6 {
  background: #AC4B66;
}
.schedule .schedule-wrap .calendar .days .day-cont dl dd .tag.event-color7 {
  background: #DAA21C;
}
.schedule .schedule-wrap .calendar .days .day-cont dl dd .tag.event-color8 {
  background: #A4ABBD;
}
.schedule .schedule-wrap .calendar .days .day-cont dl dd .txt {
  letter-spacing: -0.04em;
  color: #1D1D1D;
  font-size: 2rem;
  line-height: 1.3;
  margin-left: 0.6rem;
  width: 55%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .schedule .schedule-wrap .calendar .days .day-cont dl dd .txt {
    font-size: 1.4rem;
    margin-left: 0;
    margin-top: 0.3rem;
    width: 100%;
  }
}
.schedule .flow-txt-wrap {
  display: none;
}
@media (max-width: 767px) {
  .schedule .flow-txt-wrap {
    display: none;
  }
}
.schedule .flow-txt-wrap.v1 {
  margin-top: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
}
.schedule .flow-txt-wrap.v1 .flow-txt {
  gap: 0 5rem;
}
.schedule .flow-txt-wrap.v1 .flow-txt .txt {
  font-size: 20.4rem;
  font-weight: 700;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.4), rgb(255, 255, 255));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

@media (max-width: 1023px) {
  .best_data {
    padding: 10rem 0;
  }
}
@media (max-width: 767px) {
  .best_data {
    padding: 5rem 0;
  }
}
.best_data .main-inner {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .best_data .main-inner {
    flex-direction: column;
    gap: 5rem 0;
  }
}
.best_data section {
  width: 47%;
  margin-top: 0;
}
@media (max-width: 1023px) {
  .best_data section {
    width: 100%;
  }
}

/* 우수사례 */
.best_data .best {
  position: relative;
}
.best_data .best .cont-wrap .cont-lst {
  display: flex;
  justify-content: space-between;
  gap: 1rem 5.7rem;
}
@media (max-width: 1600px) {
  .best_data .best .cont-wrap .cont-lst {
    gap: 1rem 2.4rem;
  }
}
@media (max-width: 767px) {
  .best_data .best .cont-wrap .cont-lst {
    gap: 1rem 1.6rem;
  }
}
.best_data .best .cont-wrap .cont-lst > li {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  border: 1px solid #D8D8D8;
  transition: all 0.3s;
}
@media (max-width: 1023px) {
  .best_data .best .cont-wrap .cont-lst > li {
    max-width: 50%;
    flex: 1 0;
  }
}
.best_data .best .cont-wrap .cont-lst > li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: -1;
}
.best_data .best .cont-wrap .cont-lst > li:hover {
  border: 1px solid transparent;
  background: linear-gradient(to right, var(--blue-gradient-color), var(--green-gradient-color));
}
.best_data .best .cont-wrap .cont-lst > li .link {
  display: block;
  width: 100%;
}
.best_data .best .cont-wrap .cont-lst > li .cont {
  padding: 3.6rem 2rem 0 3.2rem;
  background: url("../img/common/logo_back.png") no-repeat right 1.6rem bottom 2.7rem, #fff;
  height: 45rem;
}
@media (max-width: 767px) {
  .best_data .best .cont-wrap .cont-lst > li .cont {
    padding: 1.2rem 1rem 0 1rem;
    height: 26rem;
    background-size: 16rem auto;
  }
}
.best_data .best .cont-wrap .cont-lst > li .cont .tag {
  font-size: 1.8rem;
  color: #fff;
  font-weight: 700;
  display: inline-block;
  padding: 0.5rem 1.3rem;
}
@media (max-width: 1023px) {
  .best_data .best .cont-wrap .cont-lst > li .cont .tag {
    font-size: 1rem;
  }
}
.best_data .best .cont-wrap .cont-lst > li .cont .tag.green {
  background-color: var(--green-color);
}
.best_data .best .cont-wrap .cont-lst > li .cont .tit {
  margin-top: 2rem;
  line-height: 1.4;
  color: #2b2b2b;
  font-size: 2.2rem;
  font-weight: 600;
  letter-spacing: -0.04em;
}
@media (max-width: 767px) {
  .best_data .best .cont-wrap .cont-lst > li .cont .tit {
    font-size: 1.4rem;
    line-height: 1.3;
    margin-top: 1rem;
  }
}
.best_data .best .cont-wrap .cont-lst > li img {
  width: 100%;
  height: auto;
  display: block;
  margin-top: 1rem;
}
.best_data .best .cont-wrap .cont-lst > li.no-data {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  min-height: 45rem;
  max-width: 100%;
}
@media (max-width: 767px) {
  .best_data .best .cont-wrap .cont-lst > li.no-data {
    min-height: 26rem;
  }
}
.best_data .best .cont-wrap .cont-lst > li.no-data:hover {
  background: #fff;
  border: 1px solid var(--border-color);
}
.best_data .best .cont-wrap .cont-lst > li.no-data .txt {
  font-size: 1.8rem;
  color: #8E8E8E;
  text-align: center;
  letter-spacing: -0.05em;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .best_data .best .cont-wrap .cont-lst > li.no-data .txt {
    font-size: 1.4rem;
  }
}
.best_data .best .character-area {
  position: absolute;
  right: -6.4rem;
  bottom: -5rem;
  z-index: 1;
  animation: updown 0.5s infinite alternate ease-in;
}
@media (max-width: 1023px) {
  .best_data .best .character-area {
    display: none;
  }
}
.best_data .best .character-area img {
  display: block;
  width: 12.8rem;
  height: 13.4rem;
}

@keyframes updown {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 25px);
  }
}
/* 정책자료 */
.best_data .data .cont-wrap .cont-lst > li {
  margin-top: 2.3rem;
  overflow: hidden;
  background-color: #fff;
  border-radius: 16px;
  position: relative;
  z-index: 1;
  transition: all 0.3s;
  border: 1px solid #D8D8D8;
}
@media (max-width: 1600px) {
  .best_data .data .cont-wrap .cont-lst > li {
    margin-top: 1.6rem;
  }
}
.best_data .data .cont-wrap .cont-lst > li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: -1;
}
.best_data .data .cont-wrap .cont-lst > li:first-of-type {
  margin-top: 0;
}
.best_data .data .cont-wrap .cont-lst > li:hover {
  border: 1px solid transparent;
  background: linear-gradient(to right, var(--blue-gradient-color), var(--green-gradient-color));
}
.best_data .data .cont-wrap .cont-lst > li:hover .txt {
  font-weight: 600;
}
.best_data .data .cont-wrap .cont-lst > li .link {
  display: flex;
  height: 100%;
  min-height: 9.5rem;
  width: 100%;
  padding: 1.7rem 3rem 2rem;
  justify-content: space-between;
  align-items: center;
  border-radius: 16px;
  background-color: #fff;
}
@media (max-width: 767px) {
  .best_data .data .cont-wrap .cont-lst > li .link {
    flex-direction: column;
    align-items: flex-start;
    padding: 1.2rem;
    min-height: auto;
  }
}
.best_data .data .cont-wrap .cont-lst > li .link .txt {
  line-height: 1.4;
  font-size: 2rem;
  color: #1D1D1D;
  letter-spacing: -0.04em;
  width: calc(100% - 13rem);
  transition: font-weight 0.3s;
}
@media (max-width: 767px) {
  .best_data .data .cont-wrap .cont-lst > li .link .txt {
    font-size: 1.6rem;
    width: 100%;
  }
}
.best_data .data .cont-wrap .cont-lst > li .link .date {
  font-size: 1.8rem;
  color: #8E8E8E;
  letter-spacing: -0.04em;
  margin-left: 1rem;
}
@media (max-width: 767px) {
  .best_data .data .cont-wrap .cont-lst > li .link .date {
    margin-left: auto;
    font-size: 1.2rem;
  }
}
.best_data .data .cont-wrap .cont-lst > li.no-data {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  min-height: 9.5rem;
  transition: none;
}
.best_data .data .cont-wrap .cont-lst > li.no-data:hover {
  border: none;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
}
.best_data .data .cont-wrap .cont-lst > li.no-data:hover .txt {
  font-weight: 400;
}
.best_data .data .cont-wrap .cont-lst > li.no-data a {
  transition: none;
}
.best_data .data .cont-wrap .cont-lst > li.no-data .txt {
  font-size: 1.8rem;
  color: #8E8E8E;
  text-align: center;
  letter-spacing: -0.05em;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .best_data .data .cont-wrap .cont-lst > li.no-data .txt {
    font-size: 1.4rem;
  }
}

/* 동반성장 행사사진 */
.photo {
  background: #F8F8F8;
}
@media (max-width: 1023px) {
  .photo {
    padding: 10rem 0;
  }
}
@media (max-width: 767px) {
  .photo {
    padding: 5rem 0;
  }
}
@media (max-width: 1023px) {
  .photo .main-inner {
    width: calc(100% - 2rem);
    margin: 0 0 0 2rem;
  }
}
@media (max-width: 1023px) {
  .photo .main-inner .tit-wrap {
    margin-right: 2rem;
  }
}
@media (max-width: 1023px) {
  .photo .inner {
    width: 100%;
  }
}
.photo .no-data {
  border: 1px solid var(--border-color);
  min-height: 30.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
}
@media (max-width: 767px) {
  .photo .no-data {
    margin-right: 2rem;
    min-height: 13rem;
  }
}
.photo .no-data .txt {
  font-size: 1.8rem;
  color: #8E8E8E;
  text-align: center;
  letter-spacing: -0.05em;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .photo .no-data .txt {
    font-size: 1.4rem;
  }
}
.photo .photo-wrap {
  position: relative;
}
.photo .photo-wrap .swiper-button-prev,
.photo .photo-wrap .swiper-button-next {
  width: 6rem;
  height: 6rem;
  position: absolute;
}
@media (max-width: 1023px) {
  .photo .photo-wrap .swiper-button-prev,
  .photo .photo-wrap .swiper-button-next {
    display: none;
  }
}
.photo .photo-wrap .swiper-button-prev {
  background: url("../img/common/btn_photo_prev.png") no-repeat center;
  background-size: contain;
  left: -3rem;
}
.photo .photo-wrap .swiper-button-next {
  background: url("../img/common/btn_photo_next.png") no-repeat center;
  background-size: contain;
  right: -3rem;
}
.photo .photo-wrap .swiper-button-prev:hover {
  background: url("../img/common/btn_photo_prev_on.png") no-repeat center;
  background-size: contain;
}
.photo .photo-wrap .swiper-button-next:hover {
  background: url("../img/common/btn_photo_next_on.png") no-repeat center;
  background-size: contain;
}
.photo .photo-wrap .photo_lst {
  position: relative;
  overflow: hidden;
}
.photo .photo-wrap .photo_lst .swiper-slide {
  border-radius: 16px;
  overflow: hidden;
  background-color: #F4F4F4;
  display: block;
}
@media (max-width: 1023px) {
  .photo .photo-wrap .photo_lst .swiper-slide {
    background-color: transparent;
  }
}
.photo .photo-wrap .photo_lst .swiper-slide .img {
  overflow: hidden;
  height: 0;
  padding-top: 64%;
}
.photo .photo-wrap .photo_lst .swiper-slide .img img {
  transform: scale(1);
  transition: transform 0.3s ease-in-out;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
  .photo .photo-wrap .photo_lst .swiper-slide .img img {
    border-radius: 16px;
  }
}
.photo .photo-wrap .photo_lst .swiper-slide:has(.no-img) {
  background: #fff;
  border: 1px solid var(--border-color);
}
.photo .photo-wrap .photo_lst .swiper-slide:has(.no-img) .no-img {
  overflow: hidden;
  height: 0;
  padding-top: 64%;
  background: url("../img/common/logo_back.png") no-repeat right 10% bottom 10%;
}
@media (max-width: 1023px) {
  .photo .photo-wrap .photo_lst .swiper-slide:has(.no-img) .no-img {
    border: 1px solid var(--border-color);
    border-radius: 16px;
    background: url("../img/common/logo_back.png") no-repeat right 10% bottom 15%, #fff;
    background-size: 17rem auto;
  }
}
@media (max-width: 1023px) {
  .photo .photo-wrap .photo_lst .swiper-slide:has(.no-img) {
    background: transparent;
    border: none;
  }
}
.photo .photo-wrap .photo_lst .swiper-slide .cont-wrap {
  display: block;
  width: 100%;
  position: relative;
}
.photo .photo-wrap .photo_lst .swiper-slide .cont-wrap:before {
  content: "";
  width: 100%;
  height: 0;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: linear-gradient(45deg, rgba(13, 76, 143, 0.85), rgba(9, 134, 58, 0.85));
}
@media (max-width: 1023px) {
  .photo .photo-wrap .photo_lst .swiper-slide .cont-wrap:before {
    display: none;
  }
}
.photo .photo-wrap .photo_lst .swiper-slide .cont-wrap .cont {
  display: flex;
  flex-direction: column;
  height: calc(100% - 8rem);
  width: calc(100% - 8rem);
  position: absolute;
  left: 4rem;
  top: 2rem;
  z-index: 5;
  opacity: 0;
}
@media (max-width: 1023px) {
  .photo .photo-wrap .photo_lst .swiper-slide .cont-wrap .cont {
    position: initial;
    opacity: 1;
    margin-top: 1rem;
  }
}
.photo .photo-wrap .photo_lst .swiper-slide .cont-wrap .cont .txt {
  font-size: 2.4rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.4;
  letter-spacing: -0.05em;
}
@media (max-width: 1023px) {
  .photo .photo-wrap .photo_lst .swiper-slide .cont-wrap .cont .txt {
    color: #1D1D1D;
  }
}
@media (max-width: 767px) {
  .photo .photo-wrap .photo_lst .swiper-slide .cont-wrap .cont .txt {
    font-size: 1.6rem;
  }
}
.photo .photo-wrap .photo_lst .swiper-slide .cont-wrap .cont .date {
  display: block;
  font-size: 1.6rem;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 1rem;
  line-height: 1.37;
  letter-spacing: -0.05em;
}
@media (max-width: 1023px) {
  .photo .photo-wrap .photo_lst .swiper-slide .cont-wrap .cont .date {
    display: none;
  }
}
.photo .photo-wrap .photo_lst .swiper-slide .cont-wrap .cont .btn-view {
  border: 1px solid #fff;
  border-radius: 500px;
  padding: 1rem;
  width: 17.3rem;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  box-sizing: border-box;
  margin: auto auto 0;
  display: block;
}
@media (max-width: 767px) {
  .photo .photo-wrap .photo_lst .swiper-slide .cont-wrap .cont .btn-view {
    display: none;
  }
}
.photo .photo-wrap .photo_lst .swiper-slide:hover .cont-wrap:before {
  height: 100%;
  transition: all 0.3s ease-in-out;
}
.photo .photo-wrap .photo_lst .swiper-slide:hover .img img {
  transform: scale(1.08);
}
@media (max-width: 1023px) {
  .photo .photo-wrap .photo_lst .swiper-slide:hover .img img {
    transform: scale(1);
  }
}
.photo .photo-wrap .photo_lst .swiper-slide:hover .cont {
  opacity: 1;
  top: 4rem;
  transition: all 0.3s 0.1s ease-in-out;
}
@media (max-width: 1023px) {
  .photo .flow-txt-wrap {
    display: none;
  }
}
.photo .flow-txt-wrap.v1 {
  margin-top: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
}
.photo .flow-txt-wrap.v1 .flow-txt {
  gap: 0 5rem;
}
.photo .flow-txt-wrap.v1 .flow-txt .txt {
  font-size: 20.4rem;
  font-weight: 700;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.4), rgb(255, 255, 255));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* 동반성장 tv */
.tv {
  background-color: #26282E;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .tv {
    padding: 10rem 0 4rem;
  }
}
@media (max-width: 767px) {
  .tv {
    padding: 6rem 0 2rem;
  }
}
@media (max-width: 1023px) {
  .tv .main-inner {
    padding-bottom: 25rem;
  }
}
@media (max-width: 767px) {
  .tv .main-inner {
    padding-bottom: 13rem;
  }
}
.tv .tit-wrap .ico-tv {
  padding-left: 7rem;
  background: url("../img/icon/ico_youtube_color2.png") no-repeat left center;
  background-size: 5.6rem auto;
}
@media (max-width: 767px) {
  .tv .tit-wrap .ico-tv {
    padding-left: 3.5rem;
    background-size: 2.8rem auto;
  }
}
.tv .cont-wrap {
  display: flex;
  gap: 0 3%;
  position: relative;
}
.tv .cont-wrap .cont {
  width: 23%;
}
@media (max-width: 1023px) {
  .tv .cont-wrap .cont {
    display: none;
  }
}
.tv .cont-wrap .cont.big {
  width: 48%;
}
@media (max-width: 1023px) {
  .tv .cont-wrap .cont.big {
    display: block;
    width: 100%;
  }
}
.tv .cont-wrap .cont.big .txt {
  font-size: 3.2rem;
}
@media (max-width: 767px) {
  .tv .cont-wrap .cont.big .txt {
    font-size: 1.6rem;
  }
}
.tv .cont-wrap .cont .img {
  position: relative;
  width: 100%;
  padding-top: 56.5%;
  border-radius: 16px;
  overflow: hidden;
}
.tv .cont-wrap .cont .img img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: transform 0.3s ease-in-out;
}
.tv .cont-wrap .cont .txt {
  font-size: 2.2rem;
  line-height: 1.5;
  letter-spacing: -0.04em;
  color: #fff;
  margin-top: 2.8rem;
}
@media (max-width: 767px) {
  .tv .cont-wrap .cont .txt {
    margin-top: 1rem;
  }
}
.tv .cont-wrap .cont:hover img {
  transform: translate(-50%, -50%) scale(1.05);
}
.tv .character-area {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: calc(100% - 4rem);
  max-width: 160rem;
}
@media (max-width: 1800px) {
  .tv .character-area {
    max-width: 140rem;
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .tv .character-area {
    bottom: 0;
    width: calc(100% - 4rem);
  }
}
.tv .character-area .character {
  width: 24rem;
  height: 24rem;
}
@media (max-width: 767px) {
  .tv .character-area .character {
    width: 10.8rem;
    height: auto;
    margin-left: 15rem;
  }
}
.tv .character-area .txt-bubble {
  position: absolute;
  top: -5rem;
  right: 17rem;
}
@media (max-width: 1023px) {
  .tv .character-area .txt-bubble {
    top: 6rem;
    left: auto;
    right: 22rem;
  }
}
@media (max-width: 767px) {
  .tv .character-area .txt-bubble {
    width: 14.3rem;
    height: auto;
    left: auto;
    right: 10rem;
    top: 2rem;
  }
}

/* 동반성장 sns & 이벤트 */
/* sns */
.sns_event .main-inner {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .sns_event .main-inner {
    flex-direction: column;
    width: 100%;
    padding: 0;
    margin: 0;
  }
}
.sns_event .sns {
  width: 49%;
}
@media (max-width: 1023px) {
  .sns_event .sns {
    width: 100%;
    padding: 6rem 4rem;
    background-color: #F2F9FF;
  }
}
@media (max-width: 767px) {
  .sns_event .sns {
    width: 100%;
    padding: 5rem 2rem;
    background-color: #F2F9FF;
  }
}
.sns_event .sns .cont-wrap {
  padding: 3.6rem 3.2rem 5.7rem 3.2rem;
  position: relative;
  background-color: #F3F7FA;
  border-radius: 1.6rem;
}
@media (max-width: 1023px) {
  .sns_event .sns .cont-wrap {
    margin-top: 0;
    padding: 3.6rem 0 0 0;
  }
}
@media (max-width: 767px) {
  .sns_event .sns .cont-wrap {
    padding: 0;
  }
}
.sns_event .sns .cont-wrap .tit-wrap {
  align-items: flex-start;
}
@media (max-width: 1600px) {
  .sns_event .sns .cont-wrap .tit-wrap {
    flex-direction: column;
  }
}
.sns_event .sns .cont-wrap .tit-wrap .tit {
  font-size: 2.4rem;
  color: #1D1D1D;
  line-height: 1.4;
  letter-spacing: -0.04em;
  font-weight: 600;
}
@media (max-width: 1023px) {
  .sns_event .sns .cont-wrap .tit-wrap .tit {
    display: none;
  }
}
.sns_event .sns .cont-wrap .sns-link-wrap {
  display: flex;
  padding-left: 3.2rem;
  justify-content: space-between;
  gap: 0 1rem;
}
@media (max-width: 1023px) {
  .sns_event .sns .cont-wrap .sns-link-wrap {
    padding-left: 0;
    justify-content: center;
  }
}
.sns_event .sns .cont-wrap .sns-wrap {
  display: flex;
  gap: 2.4rem;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  flex: none;
  width: calc(100% - 13rem);
}
@media (max-width: 1600px) {
  .sns_event .sns .cont-wrap .sns-wrap {
    margin-top: 1.6rem;
  }
}
@media (max-width: 767px) {
  .sns_event .sns .cont-wrap .sns-wrap {
    width: 100%;
    gap: 1.2rem;
  }
}
@media (max-width: 1023px) {
  .sns_event .sns .cont-wrap .sns-wrap li {
    width: calc(33.33% - 1.6rem);
  }
}
@media (max-width: 767px) {
  .sns_event .sns .cont-wrap .sns-wrap li {
    width: calc(50% - 1.2rem);
  }
}
.sns_event .sns .cont-wrap .sns-wrap li .btn-sns {
  border-radius: 0;
  background: none;
  width: 100%;
  height: auto;
  display: block;
}
.sns_event .sns .cont-wrap .sns-wrap li .btn-sns img {
  max-width: 19.2rem;
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .sns_event .sns .cont-wrap .sns-wrap li .btn-sns img {
    max-width: 100%;
  }
}
.sns_event .sns .cont-wrap .post-wrap {
  display: flex;
  gap: 2rem;
  margin-left: auto;
  justify-content: flex-end;
  margin-top: 3.5rem;
  height: auto;
}
@media (max-width: 1023px) {
  .sns_event .sns .cont-wrap .post-wrap {
    justify-content: space-between;
    gap: 1.6rem;
  }
}
@media (max-width: 767px) {
  .sns_event .sns .cont-wrap .post-wrap {
    margin-top: 2rem;
  }
}
.sns_event .sns .cont-wrap .post-wrap .post {
  display: block;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.2);
  transition: transform 0.3s;
}
@media (max-width: 1023px) {
  .sns_event .sns .cont-wrap .post-wrap .post {
    flex: 1 0;
  }
}
.sns_event .sns .cont-wrap .post-wrap .post:hover {
  transform: translateY(-1rem);
}
@media (max-width: 1023px) {
  .sns_event .sns .cont-wrap .post-wrap .post img {
    width: 100%;
  }
}
.sns_event .sns .cont-wrap .character-area {
  width: 12.3rem;
  animation: updown 0.5s infinite alternate ease-in;
}
@media (max-width: 1023px) {
  .sns_event .sns .cont-wrap .character-area {
    display: none;
  }
}

/* 이벤트 */
.sns_event .event {
  width: 48%;
  margin-top: 0;
}
@media (max-width: 1023px) {
  .sns_event .event {
    width: 100%;
    padding: 6rem 4rem;
  }
}
@media (max-width: 767px) {
  .sns_event .event {
    width: 100%;
    padding: 5rem 2rem;
  }
}
.sns_event .event .event-lst {
  overflow: hidden;
  position: relative;
}
@media (max-width: 1023px) {
  .sns_event .event .event-lst {
    padding-bottom: 3rem;
  }
}
.sns_event .event .event-lst .swiper-slide {
  border-radius: 16px;
  overflow: hidden;
}
.sns_event .event .event-lst .swiper-slide a {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.5%;
  overflow: hidden;
  display: block;
}
.sns_event .event .event-lst .swiper-slide img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  height: 100%;
}
.sns_event .event .event-lst .swiper-pagination {
  position: absolute;
  left: 3.5rem;
  bottom: 2.4rem;
  z-index: 1;
  text-align: left;
}
@media (max-width: 1023px) {
  .sns_event .event .event-lst .swiper-pagination {
    bottom: 0;
    left: 0;
    text-align: center;
  }
}
.sns_event .event .event-lst .swiper-pagination .swiper-pagination-bullet {
  width: 1.2rem;
  height: 1.2rem;
  background-color: #fff;
  opacity: 1;
  margin: 0 0.8rem;
}
@media (max-width: 1023px) {
  .sns_event .event .event-lst .swiper-pagination .swiper-pagination-bullet {
    background-color: #DEDEDE;
  }
}
@media (max-width: 767px) {
  .sns_event .event .event-lst .swiper-pagination .swiper-pagination-bullet {
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 0.4rem;
  }
}
.sns_event .event .event-lst .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #144E8C;
}

/* 관련사이트 */
.family_site {
  background-color: #F8F8F8;
}
@media (max-width: 1023px) {
  .family_site {
    display: none !important;
  }
}
.family_site .inner {
  margin-top: 6rem;
}
.family_site .site-lst {
  display: flex;
  gap: 2.5rem;
  flex-wrap: wrap;
}
.family_site .site-lst a {
  width: calc(25% - 2rem);
}
@media (max-width: 1199px) {
  .family_site .site-lst a {
    width: calc(33.33% - 2rem);
  }
}
.family_site .site-lst a img {
  width: 100%;
  height: auto;
}

/* 풀페이지 */
@media (max-width: 1023px) {
  #fullpage .section {
    height: auto !important;
  }
  #fullpage .fp-tableCell {
    height: auto !important;
  }
}