@import url(common.css);



.main h2 {
  font-size: 7rem;
  line-height: 1.3;
  font-weight: 500;
}

.main_visual {
  height: 100vh;
  min-height: 100dvh;
  overflow: hidden;
}

.main_visual .inner {
  position: relative;
  height: 100%;
}
.main_visual .inner h2 {
  font-weight: 600;
  line-height: 1.2;
}
.main_visual .inner h2 strong {
  color: var(--color-primary);
  font-weight: 800;
}

.main_visual .inner .swiper .swiper-slide {
  position: relative;
  height: 100%;
}
.main_visual .inner .swiper, .main_visual .inner .swiper .swiper-slide .img_wrap, .main_visual .inner .swiper .swiper-slide .img_wrap img {width: 100%;height: 100%;display:block;object-fit:cover;}
.main_visual .inner .swiper .swiper-slide::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #E9E7DF;
  background: linear-gradient(90deg, rgba(233, 231, 223, 0.9) 20%, rgba(233, 231, 223, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
}

.main_visual .inner .main_text {
  max-width: var(--max-width);
  width: calc(100% - 4rem);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -28%);
  z-index: 99;
  display: flex;
  flex-direction: column;
  gap: 10rem;
}
.main_visual .inner .main_text .main_title {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.main_visual .inner .main_text .main_title p {
  font-size: 2.4rem;
  line-height: 1.5;
}
.main_visual .inner .main_text .main_btn {
  display: flex;
  gap: 3rem;
}
.main_visual .inner .main_text .main_btn li {}
.main_visual .inner .main_text .main_btn li a {
  font-size: 2rem;
  padding: 1.6rem 3.6rem;
  display: block;
  transition: 0.3s;
}
.main_visual .inner .main_text .main_btn li a.main_btn01 {
  background-color: var(--color-primary);
  color: var(--color-white);
  border-radius: 10rem;
}
.main_visual .inner .main_text .main_btn li a.main_btn02 {
  border: 1px solid var(--color-text);
  border-radius: 10rem;
}
.main_visual .swiper_control {
  max-width: var(--max-width);
  width: calc(100% - 4rem);
  position: absolute;
  top: 33%;
  left: 50%;
  z-index: 6;
  display: flex;
  align-items: center;
  gap: 1rem;
  transform: translateX(-50%);
}

.main_visual .swiper_fraction {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 150px;
}

.main_visual .fraction_current,
.main_visual .fraction_total {
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 500;
  color: var(--color-text);
}

.main_visual .fraction_line {
  position: relative;
  width: 15rem;
  height: 2px;
  background: rgba(0, 0, 0, 0.12);
  overflow: hidden;
}

.main_visual .fraction_progress {
  display: block;
  width: 0%;
  height: 100%;
  background: var(--color-text);
  transition: width 0.1s linear;
}

.main_visual .swiper-button-prev,
.main_visual .swiper-button-next,
.main_visual .swiper-button-play {
  position: static;
  width: 18px;
  height: 18px;
  margin: 0;
  background: none;
  border: 0;
  box-shadow: none;
  cursor: pointer;
}

.main_visual .swiper-button-prev::after,
.main_visual .swiper-button-next::after {
  font-size: 16px;
  font-weight: 800;
  color: var(--color-text);
}

.main_visual .swiper-button-play::before,
.main_visual .swiper-button-play::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 3px;
  height: 12px;
  background:var(--color-text);
  transform: translateY(-50%);
  transition: all 0.2s ease;
}

.main_visual .swiper-button-play {
  position: relative;
}

.main_visual .swiper-button-play::before {
  left: 4px;
}

.main_visual .swiper-button-play::after {
  right: 4px;
}

/* pause 상태일 때 삼각형 아이콘 */
.main_visual .swiper-button-play.is-paused::before {
  left: 6px;
  width: 0;
  height: 0;
  background: transparent;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 10px solid var(--color-text);
  transform: translateY(-50%);
}

.main_visual .swiper-button-play.is-paused::after {
  display: none;
}

/* 기본 swiper 기본 화살표 위치 해제 */
.main_visual .swiper-button-prev,
.main_visual .swiper-button-next {
  transform: none;
  left: auto;
  right: auto;
  margin-top: 0 !important;
  color: var(--color-text);
}
.main_visual .inner .main_text .main_title.mob_main_title {display:none;}




.intro {}
.intro .inner {
  max-width: var(--max-width);
  width: calc(100% - 4rem);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 15rem;
  padding: 20rem 0;
}
.intro .inner h2 {
  text-align: center;
  line-height: 1.5;
}
.intro .inner .underline {position: relative;}
.intro .inner .underline::after {
  content: '';
  display: block;
  width: 100%;
  height: 1.3rem;
  border-radius: 1rem;
  background-color: var(--color-primary);
  position: absolute;
  bottom: .5rem;
  left: 0;
  z-index: -1;
  animation: show .5s linear 1 alternate;
}
@keyframes show {
  0% {
    width:0;
  }
  100% {
    width:100%;
  }
}
.intro .inner .intro_icon {
  display: flex;
  gap: 15rem;
  justify-content: center;
}
.intro .inner .intro_icon li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}
.intro .inner .intro_icon li img {
  width: 15rem;
  height: 15rem;
  object-fit: cover;
  display: block;
}
.intro .inner .intro_icon li span {
  font-size: 3rem;
}
.intro .inner .intro_icon li img,
.intro .inner .intro_icon li span {
  transition: transform 0.3s;
}

.mission {}
.mission .inner {
  width: 100vw;
  height: 100vh;
  position: relative;
  background: url(../image/mission_bg.png) center center / cover no-repeat;
  z-index: -1;
}
.mission .inner::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.mission .inner .mission_title {
  max-width: var(--max-width);
  width: calc(100% - 4rem);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  gap: 15rem;
  z-index: 9;
}
.mission .inner .mission_title h2 {
  color: var(--color-white);
}
.mission .inner .mission_title p {
  font-size: 2.6rem;
  color: var(--color-white);
  line-height: 1.5;
}


.edu {}
.edu .inner {
  max-width: var(--max-width);
  width: calc(100% - 4rem);
  height: 60rem;
  margin: 30rem auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.edu .inner .edu_cont {
  width: 34%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2rem 0;
}
.edu .inner .edu_cont .edu_header {
  width: 85%;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.edu .inner .edu_cont .edu_header h2 {}
.edu .inner .edu_cont .edu_header p {
  font-size: 2rem;
  line-height: 1.5;
}
.edu .inner .edu_cont .edu_list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.edu .inner .edu_cont .edu_list li {}
.edu .inner .edu_cont .edu_list li a {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.edu .inner .edu_cont .edu_list li a span {
  font-size: 3rem;
}
/*.edu .inner .edu_cont .edu_list li:hover a span,*/
.edu .inner .edu_cont .edu_list li.is_active a span {
  font-weight: 600;
  color: var(--color-primary);
}
.edu .inner .edu_cont .edu_list li a .icon_wrap {}
.edu .inner .edu_cont .edu_list li a .icon_wrap img {
  width: 4.8rem;
  height: 4.8rem;
  object-fit: cover;
  display: block;
}
.edu .inner .edu_cont .edu_list li:hover a .icon_wrap img.default,
.edu .inner .edu_cont .edu_list li.is_active a .icon_wrap img.default {
  display: none;
}
.edu .inner .edu_cont .edu_list li a .icon_wrap img.hover {
  display: none;
}
.edu .inner .edu_cont .edu_list li:hover a .icon_wrap img.hover,
.edu .inner .edu_cont .edu_list li.is_active a .icon_wrap img.hover {
  display: block;
}
.edu .inner .edu_visual {
  width: 66%;
  height: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  position: relative;
}
.edu .inner .edu_visual .swiper-wrapper {
  width: 100%;
  height: 100%;
  display: block;
}

.edu .inner .edu_visual .swiper-slide {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}

.edu .inner .edu_visual .swiper-slide.is_active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.edu .inner .edu_visual .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.edu_pc {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}

.edu_mobile {
  display: none;
}

@media (max-width: 1024px) {
  .edu .inner {
    display: block;
    height: auto;
    margin: 20rem auto;
  }

  .edu_pc {
    display: none;
  }

  .edu_mobile {
    display: block;
	overflow:visible;
  }

  .edu_mobile .edu_header {
    margin-bottom: 3rem;
    text-align: center;
  }

  .edu_mobile .edu_header h2 {
    margin-bottom: 1.6rem;
  }

  .edu_mobile .edu_header p {
    font-size: 1.8rem;
    line-height: 1.6;
    word-break: keep-all;
  }

  .swiper.eduCardSwiper {
    overflow: visible;
    padding: 0 4rem;
  }
	.eduCardSwiper .swiper-wrapper {overflow:visible;}
  .eduCardSwiper .swiper-slide {
    width: 100%;
    height: auto;
  }

  .edu_card {
    display: block;
    height: 100%;
    background: #fff;
    border-radius: 2rem;
    overflow: hidden;
    padding: 3rem;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.08);
  }

  .edu_card .thumb {
    border-radius: 2rem;
    overflow: hidden;
    margin-bottom: 2rem;
    aspect-ratio: 4 / 2.5;
  }

  .edu_card .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .edu_card .text_box strong {
    display: block;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 1.2rem;
    color: var(--color-text);
  }

  .edu_card .text_box p {
    font-size: 1.7rem;
    line-height: 1.7;
    color: #666;
    word-break: keep-all;
  }
}

@media (max-width: 768px) {
  .edu .inner {
    margin: 15rem auto;
  }

  .edu_mobile .edu_header p {
    font-size: 1.6rem;
  }

  .eduCardSwiper {
    padding: 0 1.6rem;
  }

  .eduCardSwiper .swiper-slide {
    width: 100%;
  }

  .edu_card {
    border-radius: 2.4rem;
    padding: 1.6rem;
  }

  .edu_card .thumb {
    border-radius: 1.6rem;
    margin-bottom: 1.6rem;
  }

  .edu_card .text_box strong {
    font-size: 2rem;
  }

  .edu_card .text_box p {
    font-size: 1.5rem;
  }
}

@media (max-width: 500px) {
  .edu .inner {
    margin: 8rem auto;
  }

  .edu_mobile .edu_header {
    margin-bottom: 2.4rem;
  }

  .edu_mobile .edu_header p {
    font-size: 1.5rem;
  }
  .swiper.eduCardSwiper {padding:0;}
  .eduCardSwiper .swiper-slide {
    width: 100%;
  }

  .edu_card {
    padding: 1.4rem;
    border-radius: 2rem;
  }

  .edu_card .thumb {
    margin-bottom: 1.4rem;
  }

  .edu_card .text_box strong {
    font-size: 1.8rem;
    margin-bottom: .8rem;
  }

  .edu_card .text_box p {
    font-size: 1.4rem;
    line-height: 1.6;
  }
}


.support {}
.support h3 {
  font-size: 5rem;
  font-weight: 600;
}
.support .inner {
  max-width: var(--max-width);
  width: calc(100% - 4rem);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.support .inner .support_left {
  width: 55%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.support .inner .support_left .notice_wrap {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.support .inner .support_left .notice_wrap .notice_header {
  display: flex;
  justify-content: space-between;
  padding:0 1rem;
}
.support .inner .support_left .notice_wrap .notice_header h4 {
  font-size: 2.6rem;
  font-weight: 600;
  color: var(--color-primary);
}
.support .inner .support_left .notice_wrap .notice_header a {
  display: flex;
  align-items: center;
  gap: 1rem;
  transition:transform 0.3s;
}
.support .inner .support_left .notice_wrap .notice_header a span {
  font-size: 1.8rem;
}
.support .inner .support_left .notice_wrap .notice_header a img {
  width: 1.8rem;
  object-fit: cover;
  display: block;
  filter: invert(1);
  transform: rotate(90deg);
}
.support .inner .support_left .notice_wrap .notice_list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.support .inner .support_left .notice_wrap .notice_list .notice_item {
  display: flex;
  justify-content: space-between;
  padding: 3.2rem 2.4rem;
  border-radius: .8rem;
  background-color: #f6f6f6;
  border-radius: 2rem;
  transition:transform 0.3s;
}
.support .inner .support_left .notice_wrap .notice_list .notice_item p {
  font-size: 2rem;
}
.support .inner .support_left .notice_wrap .notice_list .notice_item span {
  font-size: 1.8rem;
  color:#777;
}
.support .inner .support_left .notice_wrap .notice_list p.notice_empty {
  font-size:1.8rem;
  padding:3.2rem 2.4rem;
  background-color: #f6f6f6;
  border-radius: 2rem;
  transition:transform 0.3s
}
.support .inner .support_right {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap:6rem;
}
.support .inner .support_right .inquiry_box {
  width: 100%;
  padding: 4rem 7rem;
  background-color: #f6f6f6;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  border-radius: 2rem;
  transition:transform 0.3s;
}
.support .inner .support_right .inquiry_box p {
  font-size: 3.6rem;
}
.support .inner .support_right .inquiry_box strong {
  font-size: 5.6rem;
  font-weight: 500;
  color: var(--color-primary);
}
.support .inner .support_right .inquiry_box .time {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.support .inner .support_right .inquiry_box .time li {
  font-size: 2rem;
}


.contact {}
.contact .inner {
  max-width: var(--max-width);
  width: calc(100% - 4rem);
  margin: 30rem auto;
  display: flex;
  justify-content: space-between;
}
.contact .inner .contact_header {
  display: flex;
  flex-direction: column;
}
.contact .inner .contact_header p {
  font-size: 2rem;
  line-height: 1.5;
  margin:5rem 0 1rem;
}
.contact .inner .contact_header span {
  color:#777;
}
.contact .inner .contact_form {
  width: 48%;
}
.contact .inner .contact_form .form_wrap {
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  gap: 2rem;
}
.contact .inner .contact_form .form_wrap .form_item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.contact .inner .contact_form .form_wrap .form_item label {
  font-size: 2rem;
}
.contact .inner .contact_form .form_wrap .form_item label span {
  color: var(--color-primary);
}
.contact .inner .contact_form .form_wrap .form_item input {
  width: 100%;
  background-color: #f6f6f6;
  border-radius: 1rem;
  padding: 2rem;
}
.contact .inner .contact_form .form_wrap .form_item input[type="text"] {}
.contact .inner .contact_form .form_wrap .form_item textarea {
  width: 100%;
  background-color: #f6f6f6;
  border-radius: 1rem;
  padding: 2rem;
  resize: none;
}
.contact .inner .contact_form .form_wrap .form_agree {
  display: flex;
  gap: 1rem;
}
.contact .inner .contact_form .form_wrap .form_agree label {
  font-size: 2rem;
}
.contact .inner .contact_form .form_wrap .form_agree input[type="checkbox"] {accent-color:var(--color-primary);width:1.6rem;}
.contact .inner .contact_form .form_wrap .contact_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
}
.contact .inner .contact_form .form_wrap .contact_btn button {
  display: inline-block;
  font-size: 2.4rem;
  padding: 1.4rem 5rem;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  border-radius: 10rem;
  font-weight: 600;
  transition: background-color 0.3s;
}
.mob_br {display:none;}

@media (hover: hover) and (pointer: fine) {
	.edu .inner .edu_cont .edu_list li:hover a span {
	  font-weight: 600;
	  color: var(--color-primary);
	}

	.edu .inner .edu_cont .edu_list li:hover a .icon_wrap img.default {
	  display: none;
	}
	.edu .inner .edu_cont .edu_list li a .icon_wrap img.hover {
	  display: none;
	}
	.edu .inner .edu_cont .edu_list li:hover a .icon_wrap img.hover,
	.edu .inner .edu_cont .edu_list li.is_active a .icon_wrap img.hover {
	  display: block;
	}
	.contact .inner .contact_form .form_wrap .contact_btn button:hover {
	  background-color: var(--color-primary);
	  color: var(--color-white);
	}
	.main_visual .inner .main_text .main_btn li a.main_btn01:hover {background-color: var(--color-primary-dark);transition:0.3s;transform:translateY(-.4rem);}
	.main_visual .inner .main_text .main_btn li a.main_btn02:hover {background-color: var(--color-text);color: var(--color-white);transition:0.3s;transform:translateY(-.4rem);}
	.intro .inner .intro_icon li:hover img, .intro .inner .intro_icon li:hover span {transform:translateY(-1rem);}
	.support .inner .support_left .notice_wrap .notice_list .notice_item:hover, .support .inner .support_right .inquiry_box:hover {transform:translateY(-.3rem);}
	.support .inner .support_left .notice_wrap .notice_header a:hover {transform:translateX(1rem);}
}



@media (max-width: 1440px) {
	.main h2 {font-size:6rem;}
	.main_visual .inner .main_text .main_title p {font-size:2.2rem;}
	.main_visual .inner .main_text .main_btn li a, .support .inner .support_left .notice_wrap .notice_list .notice_item p {font-size:1.8rem;}
	.mission .inner .mission_title p, .edu .inner .edu_cont .edu_list li a span, .support .inner .support_left .notice_wrap .notice_header h4 {font-size:2.4rem;}
	.edu .inner .edu_cont .edu_list li a, .edu .inner .edu_cont .edu_list {gap:.5rem;}
	.edu .inner .edu_cont .edu_list li a .icon_wrap img {width:4rem;height:4rem;}
	.edu .inner {height:50rem;}
	.support .inner .support_left .notice_wrap .notice_list .notice_item {padding:2.4rem;border-radius:1.5rem;}
	.support .inner .support_left .notice_wrap .notice_list .notice_item span {font-size:1.6rem;}
	.support .inner .support_left .notice_wrap .notice_list p.notice_empty {padding:2.4rem;border-radius:1.5rem;font-size:1.6rem;}
	.support .inner .support_right .inquiry_box p {font-size:3rem;}
	.support .inner .support_right .inquiry_box strong {font-size:5rem;}
	.support .inner .support_right .inquiry_box {padding:4rem 5rem;}
	.contact .inner {margin:30rem auto 20rem;}
}

@media (max-width: 1024px) {
	.mob_no {display:none;}
	.main_visual .swiper_control {top:30%;}
	.main_visual .inner .main_text .main_title p, .support .inner .support_left .notice_wrap .notice_header h4 {font-size:2rem;}
	.main h2 {font-size:5rem;}
	.intro .inner h2 {line-height:1.3;}
	.intro .inner .intro_icon li img {width:12rem;height:12rem;}
	.intro .inner .intro_icon {gap:10rem;}
	.intro .inner .intro_icon li span {font-size:2.4rem;}
	.mission .inner .mission_title {gap:12rem;}
	.edu .inner {flex-direction:column;height:fit-content;margin:20rem auto;}
	.edu .inner .edu_cont {width:100%;gap:2rem;padding:0;}
	.edu .inner .edu_cont .edu_list {flex-direction:row;margin-bottom:1rem;justify-content:center;}
	.edu .inner .edu_cont .edu_header, .support .inner .support_left .notice_wrap .notice_list {gap:1rem;}
	.edu .inner .edu_cont .edu_list li a .icon_wrap img {display:none;}
	.contact .inner .contact_header p, .edu .inner .edu_cont .edu_list li a span {font-size:1.8rem;}
	.edu .inner .edu_visual {width:100%;border-radius:var(--radius-sm);}
	.support .inner .support_left .notice_wrap .notice_header a span {font-size:1.6rem;}
	.support .inner .support_right .inquiry_box {padding:3rem;gap:2rem;}
	.support .inner .support_right .inquiry_box .time li {font-size:1.6rem;}
	.support .inner .support_right .inquiry_box strong {font-size:3rem;}
	.contact .inner .contact_header p {margin:2rem 0 1rem;}
	.contact .inner {flex-direction:column;gap:2rem;margin:20rem auto 15rem;}
	.contact .inner .contact_form {width:100%;}
	.contact .inner .contact_form .form_wrap .form_agree label {font-size:1.6rem;}
	.contact .inner .contact_form .form_wrap .contact_btn button {font-size:2rem;}
	.edu .inner .edu_cont .edu_list li a {pointer-events:none;padding:1rem 3rem;}
	.edu .inner .edu_cont .edu_list li.is_active {background-color:var(--color-primary);border-radius:10rem;}
	.edu .inner .edu_cont .edu_list li.is_active a span {color:var(--color-white);}
	.edu .inner .edu_cont .edu_list {gap:0;}
	.edu .inner .edu_cont .edu_list li a .icon_wrap img, .edu .inner .edu_cont .edu_list li.is_active a .icon_wrap img.hover {display:none;}
	.edu .inner .edu_visual.swiper {
		width: 100%;
		border-radius: var(--radius-sm);
		overflow: hidden;
	  }

	  .edu .inner .edu_visual.swiper .swiper-wrapper {
		display: flex;
	  }

	  .edu .inner .edu_visual.swiper .swiper-slide {
		position: relative;
		inset: auto;
		flex-shrink: 0;
		width: 100%;
		height: 100%;
		opacity: 1;
		visibility: visible;
	  }

	  .edu .inner .edu_visual.swiper img {
		display: block !important;
		width: 100%;
		height: 100%;
		object-fit: cover;
	  }

	  .edu .inner .edu_visual .swiper-pagination {
		bottom: 1.6rem;
	  }
}


@media (max-width: 768px) {
	.main_visual .inner .main_text {transform:translate(-50%, -40%);}
	.main_visual .inner .main_text .main_btn li a {font-size:1.6rem;padding:1rem 3rem;}
	.intro .inner {gap:10rem;}
	.intro .inner .intro_icon {gap:7rem;}
	.intro .inner .intro_icon li span {font-size:2rem;}
	.intro .inner .underline::after {height:1rem;}
	.mission .inner .mission_title br {display:none;}
	.mission .inner .mission_title p {font-size:1.8rem;}
	.support .inner {flex-direction:column;gap:8rem;}
	.support .inner .support_left, .edu .inner .edu_cont .edu_header, .support .inner .support_right {width:100%;}
	.support .inner .support_right {gap:2rem;border-radius:1.5rem;}
	/*.support .inner .support_right {display:none;}*/
	.edu .inner .edu_cont .edu_list li a span {font-size:1.6rem;}
	.edu .inner .edu_cont .edu_list li a {padding:1rem 2rem;}
	.edu .inner {margin:15rem auto;}
	.contact .inner {margin:15rem auto 10rem;}
	.main_visual .swiper_control {top:auto;bottom:2rem;justify-content:flex-end;gap:2rem;padding:0 1rem;}
	.main_visual .swiper_fraction {margin-right:1rem;width:100%;}
	.main_visual .fraction_line {width:100%;}
	.main_visual {height:calc(100svh - 6rem);min-height:calc(100svh - 10rem);}
}

@media (max-width: 500px) {
	.main h2, .support h3 {font-size:3rem;font-weight:600;}
	.intro .inner h2 {line-height:1.5;}

	.intro .inner {gap:5rem;padding:8rem 0;}
	.main_visual .inner .main_text {gap:2rem;}
	.main_visual .inner .main_text .main_title p {font-size:1.5rem;}
	.support .inner .support_left .notice_wrap .notice_list .notice_item p {font-size:1.6rem;}
	.main_visual .inner .main_text .main_title {gap:1rem;}
	.main_visual .inner .main_text .main_btn {gap:1rem;align-items:flex-start;}
	.intro .inner .intro_icon {flex-direction:column;gap:3rem;}
	.intro .inner .intro_icon li {gap:1rem;}
	.mission .inner .mission_title {gap:5rem;}
	.mission .inner {height:80vh;}
	.edu .inner, .contact .inner {margin:8rem auto;}
	.edu .inner .edu_cont .edu_header p, .contact .inner .contact_header p, .contact .inner .contact_form .form_wrap .form_item label {font-size:1.6rem;}
	.edu .inner .edu_cont .edu_list {flex-direction:column;}
	/*.edu .inner .edu_cont .edu_list li a .icon_wrap img.default {display:block;}
	.edu .inner .edu_cont .edu_list li.is_active a .icon_wrap img.default {display:none;}
	.edu .inner .edu_cont .edu_list li.is_active a .icon_wrap img.hover {display:block;}*/
	.support .inner .support_left .notice_wrap .notice_header h4 {font-size:1.8rem;font-weight:500;}
	.edu .inner .edu_cont .edu_list li a {pointer-events:auto;padding:0;width:fit-content;}
	.edu .inner .edu_cont .edu_list li.is_active {background-color:transparent;border-radius:1rem;}
	.edu .inner .edu_cont .edu_list li.is_active a span {color:var(--color-primary);}
	.support .inner .support_left .notice_wrap .notice_list .notice_item {padding:1.6rem;border-radius:1rem;}
	.support .inner .support_left .notice_wrap .notice_list p.notice_empty {padding:1.6rem;border-radius:1rem;}
	.contact .inner .contact_form .form_wrap .form_item input {padding:1rem;}
	.contact .inner .contact_form .form_wrap .contact_btn button {padding:1rem 4rem;font-size:1.8rem;background-color:var(--color-primary);color:var(--color-white);}
	.support .inner .support_left .notice_wrap .notice_header a img {display:none;}
	.support .inner .support_left .notice_wrap .notice_header {padding:0;}
	.edu .inner .edu_cont .edu_list li a span {font-size:1.8rem;display:flex;}
	.edu .inner .edu_cont .edu_list {margin:0;}
	.mob_no {display:block;}
	.main_visual .inner .main_text .main_btn li a {text-align:center;padding:1rem 3rem;font-size:1.5rem;}
	.intro .inner .underline::after {height:.6rem;}
	.main_visual .inner .swiper .swiper-slide::after {background:linear-gradient(0deg, rgba(233, 231, 223, 0.9) 20%, rgba(233, 231, 223, 0) 100%);}
	.contact .inner .contact_form .form_wrap .contact_btn {margin:0;}
	.main_visual .inner .main_text br.mob_br {display:block;}
	.main_visual .inner .main_text .main_title {display:none;}
	.main_visual .inner .main_text .main_title.mob_main_title {display:flex;}
	.main_visual .inner .main_text .main_title.mob_main_title h2 {font-size:3.6rem;line-height: 1.3;letter-spacing: -0.02em;}
	.main_visual .inner .main_text .main_title.mob_main_title p {line-height: 1.5;opacity: 0.9;}
	.main_visual .fraction_line {width:100%;}
	.main_visual .swiper_fraction {width:100%;}
	.main_visual .swiper_control {gap:0;bottom:2rem;z-index:9999;padding:0 1rem;}
	.main_visual .swiper-button-prev, .main_visual .swiper-button-next {display:none;}
	.main_visual .inner .main_text .main_btn li a.main_btn02 {display:none;}
	.main_visual .inner .main_text {top:auto;bottom:7rem;transform:translate(-50%, 0);z-index:99;}
	.contact .inner .contact_header {gap:1rem;}
	.support .inner {gap:5rem;}
}

@media (max-width: 400px) {
	.mob{display:none;}
}