.for_web { display: flex !important;}
.for_mob { display: none !important;}

.main_slide_wrap {}


.main_slide_inner {
  position: relative;
}

.main_slide_inner .mySwiper {
  overflow: hidden;
  height: 30rem;
  border-radius: 1rem;
}

.swiper-indicator {
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-indicator .swiper-pagination {
  position: relative;
  background-color: white;
  height: 3vh;
  width: auto;
  border-radius: 4rem;
  display: flex;
  align-items: center;
}

.common_content .mySwiper .swiper-wrapper {}

.common_content .mySwiper .swiper-slide {
  /*height: 511px;*/
}

.common_content .mySwiper .swiper-slide img {
  border-top-left-radius: 40px;
  border-bottom-right-radius: 40px;
}

.swiper-slide a, .swiper-slide a img {
  height: inherit;
}

.common_content .mySwiper .swiper-button-next:after,
.common_content .mySwiper .swiper-button-prev:after {
  content: none;
}

.common_content .mySwiper .swiper-button-prev,
.common_content .mySwiper .swiper-button-next {
  width: 24px;
  height: 45px;
}

.common_content .mySwiper .swiper-button-next {
  background-image: url("/images/pages/main/ico_main_slide_right.svg");
  right: -40px;
  background-size: inherit;
}
.common_content .mySwiper .swiper-button-prev {
  background-image: url("/images/pages/main/ico_main_slide_left.svg");
  left: -40px;
  background-size: inherit;
}

.main_slide_inner .swiper-pagination {
  bottom: 3rem;
  padding: 1rem;
}

.main_slide_inner .swiper-pagination .swiper-pagination-bullet {
  background: black;
  opacity: 0.6;
  width: 17px;
  height: 17px;
}

.main_slide_inner .swiper-pagination .swiper-pagination-bullet-active {
  background: #246BEB;
  width: 2rem !important;
  border-radius: 8rem;
  opacity: 1.0;
}

.swiper_pagination_third {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  position: relative;
}

.swiper-controller {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 0.8rem;
  bottom: 3rem;
  position: relative;
  height: 1vh;
  padding: 1rem;
  z-index: 1;
}

[class^='swiper-button-'] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  background-color: white;
  border-radius: 1rem;
}

[class^='swiper-button-']::after {
  content: "";
  display: inline-flex;
  width: 10px;
  height: 10px;
  background-color: black;
  opacity: 0.7;
  forced-color-adjust: none;
  font-size: 0 !important;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.swiper-button-stop::after {
  content:"";
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
  /*background-color: black;*/
  forced-color-adjust: none;
  font-size: 0 !important;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url('../../images/ico/ico_swiper_stop.svg');
  mask-image: url('../../images/ico/ico_swiper_stop.svg');
}

.swiper-button-play::after {
  content:"";
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
  /*background-color: black;*/
  forced-color-adjust: none;
  font-size: 0 !important;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url('../../images/ico/ico_swiper_play.svg');
  mask-image: url('../../images/ico/ico_swiper_play.svg');
}

.common_content .main_notice_wrap {
  margin: 72px 0 64px 0;
  display: flex;
  justify-content: space-between;
  gap: 32px;
}

.common_content .main_notice {
  width: 100%;
}

.common_content .main_notice_tab_menu {
  display: flex;
}

.common_content .main_notice_tab_item {
  position:relative;
  flex: 1;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E4E4E4;
  border-bottom: 1px solid #A8A8A8;
  border-right: 0;
}

.common_content .main_notice_tab_item button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #1b1b1b;
  font-size: 20px;
  letter-spacing: -0.025em;
}

.common_content .main_notice_tab_item.active {
  border-top: 1px solid #A8A8A8;
  border-right:1px solid #A8A8A8;
  border-left:1px solid #A8A8A8;
  border-bottom:0;
}

.common_content .main_notice_tab_item.active + .main_notice_tab_item {
  border-left:0;
}

.common_content .main_notice_tab_item:last-child {
  max-width:60px;
  border-right: 1px solid #E4E4E4;
}

.common_content .main_notice_tab_item.active:last-child {
  border-right: 1px solid #A8A8A8;
}

.common_content .main_notice_tab_item a {}

.common_content .main_notice_tab_item a img {}

.common_content .mid_banner_wrap_wrapper {
  width: 100%;
  min-width: 588px;
}

.common_content .list_box_wrap {
  padding-top: 20px;
}

.common_content .list_box {
  padding: 10px 16px;
}

.common_content .list_box a {
  display: flex;
  align-items: center;
  gap: 16px;
  color:#1b1b1b;
}

.common_content .list_box_title {
  position:relative;
  flex:1;
  padding-left: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.common_content .list_box_title:after {
  position:absolute;
  content:"";
  left: 0;
  top: 7px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background:#A8A8A8;
}

.common_content .list_box_date {
  color : #757575;
}

.mid_banner_text {
  padding: 13px 4px 24px;
  font-size: 32px;
  line-height: 23px;
  font-weight: 500;
}

.mid_banner_wrap {
  width: 100%;
  position: relative;
  aspect-ratio: 588 / 200;
  height: 200px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.mid_banner_wrap .mySwiper_third  {
  overflow: hidden;
  height: 100%;
}

.swiper_pagination_third .swiper-pagination-bullet {
  opacity: 0.6;
  width: 17px;
  height: 17px;
}

.swiper_pagination_third .swiper-pagination-bullet-active {
  width: 2rem;
  border-radius: 8rem;
  opacity: 1.0;
}

.mid_banner_wrap a {
  display: block;
  /*width: 588px;*/
  /*height: 260px;*/
  width: 100%;
  height: 100%;
}

.mid_banner_wrap img {
  width: 100%;
  height: 100%;
  /*object-fit: cover;*/
  object-fit: fill;
  border-top-left-radius: 40px;
  border-bottom-right-radius: 40px;
}

.mid_banner_wrap .swiper-pagination-third {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  bottom: 20px;
}


.mid_banner_wrap .swiper-pagination-third .swiper-pagination-bullet {
  background: #7B7070;
}

.mid_banner_wrap .swiper-pagination-third .swiper-pagination-bullet-active {
  background: #073775;
}

.main_sns_wrap {
  background:#F2F6F9;
}

.main_sns_inner {
  padding: 40px 0 48px 0;
  display: flex;
  gap: 32px;
}

.main_sns_left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  padding: 32px 0;
  width: 280px;
}

.sns_text_wrap {
  color: #1b1b1b;
}

.sns_text_wrap h2 {
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  /*margin-bottom: 40px;*/
}

.sns_text_wrap .sns_sub_text {
  line-height: 24px;
}

.sns_icon_wrap {
  display: flex;
  gap: 60px;
  align-items: center;
}

.sns_icon_wrap .sns_icon_item {
  width: 82px;
  height: 82px;
}

.sns_icon_wrap .sns_icon_item a {
  width: 100%;
  height: 100%;
  background-size: cover;
  display: block;
}

.sns_icon_wrap .sns_icon_item.youtube a {
  background: url("/images/ico/ico_youtube.png") 100% center no-repeat;
}
.sns_icon_wrap .sns_icon_item.insta a {
  background: url("/images/ico/ico_instagram.png") 100% center no-repeat;
}
.sns_icon_wrap .sns_icon_item.blog a {
  background: url("/images/ico/ico_blog.png") 100% center no-repeat;
}
.sns_icon_wrap .sns_icon_item.youtube02 a {
  background: url("/images/ico/ico_youtube02.png") 100% center/contain no-repeat;
}

.main_sns_card {}

.main_sns_card_list {
  display: flex;
  gap: 24px;
}

.main_sns_card_item {
  width: 280px;
  /*height: 320px;*/
}

.main_sns_card_item a {
  display: block;
}

.main_sns_card_item img {
  width: 100%;
  object-fit: fill;
  border-top-left-radius: 40px;
  border-bottom-right-radius: 40px;
  height: 280px;
}

.main_sns_card_item .sns_card_text {
  margin-top: 24px;
  color:#1b1b1b;
}

.main_sns_card_item .sns_card_title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.main_sns_card_item .sns_card_date {
  display: inline-block;
  font-size: 14px;
  margin-top: 16px;
}

.main_link_cover {}

.main_link_wrap {
  padding: 70px 0 100px 0;
}

.main_link_wrap .main_link_text {
  font-size: 32px;
  font-weight: 700;
}

.main_link_wrap .main_link_list {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(8,1fr);
  gap: 16px;
}

.main_link_wrap .main_link_item {
  display: flex;
  align-items: center;
  justify-content: center;
}

.main_link_wrap .main_link_item a {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}

.main_link_wrap .main_link_img_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  background:#F2F6F9;
  width: 100%;
  height: 100%;
  padding: 28px;
  border-top-left-radius: 40px;
  border-bottom-right-radius: 40px;
}

.main_link_wrap .main_link_img_wrap:hover {
  border: 1px solid #073775;
  background: #fff;
}

.main_link_wrap .main_link_img_wrap img {}

.main_link_wrap .main_link_title {
  color: #1B1B1B;
}

.mo_main_slide_wrap {
  display: none;
}

@media screen and (max-width:1300px) {
  .common_content .mySwiper .swiper-button-prev,
  .common_content .mySwiper .swiper-button-next {
    display: none;
  }

  .common_content .main_notice_wrap {
    flex-direction: column;
  }

  .mid_banner_wrap {
    aspect-ratio: 588 / 200;
    height: unset;
  }

  .mid_banner_wrap a {
    width: 100%;
  }

  .main_sns_inner {
    flex-direction: column;
  }

  .sns_text_wrap h2 {
    /*margin-bottom: 20px;*/
  }

  .main_sns_left {
    gap: 60px;
    padding-bottom: 16px;
    flex-direction: row;
    width: 100%;
  }

  .main_sns_card_list {
    width: 100%;
  }

  .main_sns_card_item {
    width: 100%;
    height: auto;
  }

  .main_sns_card_item img {
    max-width: unset;
    width: 100%;
    height: 360px;
    object-fit: fill !important;
  }

  .main_link_wrap .main_link_list {
    grid-template-columns: repeat(4,1fr);
  }

  .main_link_wrap .main_link_img_wrap {
    max-width:136px;
    max-height: 136px;
  }
  
  .layer_popup_mobile {
	position: absolute;
	width: auto;
	height: auto;
	display: none;
	left: 20px;
	top: 200px;
  }
}

@media screen and (max-width:750px) {
  .for_web { display: none !important;}
  .for_mob { display: flex !important;}

  .main_slide_cover .common_inner {
    padding: 0;
  }

  .common_content .mySwiper .swiper-slide {
    height: 480px;
  }

  .common_content .mySwiper .swiper-slide img {
    border-radius: 0;
  }

  .main_slide_wrap {
    display: none;
  }

  .mo_main_slide_wrap {
    display: block;
  }

  .mo_main_slide_inner {
    position: relative;
  }

  .mo_main_slide_inner .mySwiper_second {
    overflow: hidden;
  }

  .mo_main_slide_inner .swiper-slide img {
    aspect-ratio: 1 / 1;
    object-fit: fill !important;
  }

  .common_content .mySwiper_second .swiper-wrapper {}

  /*.common_content .mySwiper_second .swiper-slide {
    height: 456px;
  }*/

  .mo_main_slide_inner .swiper-pagination-second {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    bottom: 32px;
  }

  .mo_main_slide_inner .swiper-pagination-second .swiper-pagination-bullet {
    background: #7B7070;
    width: 24px;
    height: 24px;
  }
  
  .mid_banner_wrap .mo-common-slide-paginagtion .swiper-pagination-bullet {
    width: 24px;
    height: 24px;
  }

  .mo_main_slide_inner .swiper-pagination-second .swiper-pagination-bullet-active {
    background: #073775;
  }

  .common_content .main_notice_wrap {
    margin: 72px 0 48px 0;
    gap: calc(80px + 8px + 24px);
    padding: 0 16px;
  }

  .common_content .main_notice {
    position: relative;
  }

  .common_content .main_notice_tab_menu {
    border-bottom: 1px solid #ababab;
    gap: 8px;
  }

  .common_content .main_notice_tab_item {
    height: 44px;
    border: 0;
  }

  .common_content .main_notice_tab_item button {
    font-size: 16px;
    letter-spacing : inherit;
    font-weight: 700;
  }

  .common_content .main_notice_tab_item.active {
    border: 0;
    color: #073775;
    border-bottom: 1px solid #073775;
  }

  .common_content .main_notice_tab_item:last-child {
    position: absolute;
    right: 0;
    bottom: calc(-8px + -24px);
    max-width: unset;
    height: 24px;
    border-right: 0;
  }

  .common_content .main_notice_tab_item:last-child a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #545454;
  }

  .common_content .main_notice_tab_item.active:last-child {
    border-right :0;
  }

  .mid_banner_wrap {
    aspect-ratio: 588 / 155;
    height: 155px;
  }

  .common_content .list_box_wrap {
    padding-top: 12px;
  }

  .common_content .list_box {
    padding: 14px 0;
  }

  .main_sns_inner {
    padding: 72px 12px 64px 12px;
  }

  .main_sns_left {
    padding: 0;
    gap:0;
    width: unset;
    max-width: 280px;
  }

  .sns_text_wrap h2 {
    font-weight: 500;
    /*margin-bottom: 16px;*/
  }

  .sns_text_wrap .sns_sub_text {}

  .snsSwiper .swiper-slide {
    background: transparent;
  }

  .main_sns_card .main_sns_card_item.swiper-slide {
    display: block;
  }

  .main_sns_card .main_sns_card_item.swiper-slide img {
    height: 239px;
  }

  .main_sns_card_item .sns_card_text {
    text-align: left;
  }

  .main_sns_card_item .sns_card_title {
    font-size: 16px;
  }

  .sns_icon_wrap {
    height: 68px;
    justify-content: center;
    background: #E2E6EB;
    gap: 32px;
  }

  .sns_icon_wrap .sns_icon_item {
    width: 40px;
    height: 40px;
  }

  .sns_icon_wrap .sns_icon_item.youtube a,
  .sns_icon_wrap .sns_icon_item.insta a,
  .sns_icon_wrap .sns_icon_item.blog a,
  .sns_icon_wrap .sns_icon_item.youtube02 a {
    background-size: cover;
  }

  .main_link_wrap {
    padding: 80px 12px;
  }

  .main_link_wrap .main_link_text {
    font-weight: 500;
  }

  .main_link_wrap .main_link_list {
    margin-top: 24px;
    grid-template-columns: repeat(3,1fr);
  }

  .main_link_wrap .main_link_img_wrap {
    padding: 10px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    max-width:100px;
    max-height: 100px;
  }

  .main_link_wrap .main_link_title {
    min-height:36px;
  }
  .main_link_wrap .main_link_item a {
    gap: 16px;
  }

  .main_link_wrap .main_link_img_wrap img {
    width: 100%;
  }

  .common_content .mid_banner_wrap_wrapper {
    min-width: 100%;
  }
  
   .layer_popup_mobile {
    max-width: 90vw;
    height: 290px;
  }

}