.kvWrap {
  position: relative;
  display: block;
  width: 100%;
  height: 100vh;
	margin-bottom: 50px;
}
.kvWrap .kvVideoWrap {
  display: block;
  width: 100%;
  height: 100%;
	position: relative;
}
.kvWrap .kvVideoWrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, #028637, #01C1A9);
  opacity: 0.75;
  z-index: 3;
}
.kvWrap .kvVideoWrap img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 2;
}

.kvWrap .titleDownWrap {
	position: absolute;
	bottom: 0;
	top: 0;
	left: 50%;
	padding: 60px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90%;
	box-sizing: border-box;
	z-index: 6;
	transform: translate(-50%, 0);;
}
@media only screen and (max-width: 1023px) {
  .kvWrap .titleDownWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 6.5104166667vw;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 6.5104166667vw 5.2083333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .kvWrap .titleDownWrap {
    gap: 10.6666666667vw;
    padding: 0 5.3333333333vw;
  }
}
.kvWrap .titleDownWrap .kvTitleWrap {
	position: absolute;
	bottom: 0;
	top: 0;
	left: 50%;
	padding: 60px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	z-index: 6;
	transform: translate(-50%, 0);
	flex-direction: column;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .kvWrap .titleDownWrap .kvTitleWrap {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .kvWrap .titleDownWrap .kvTitleWrap {
    gap: 2.6666666667vw;
    padding: 0;

  }
}
.kvWrap .titleDownWrap .kvTitleWrap .kvExText {
  margin-bottom: 1.953125vw;
  font-size: 2.734375vw;
  line-height: 1.4;
}
@media only screen and (min-width: 1280px) {
  .kvWrap .titleDownWrap .kvTitleWrap .kvExText {
    margin-bottom: min(1.4vw, 25px);
    font-size: min(2.3vw, 43px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .kvWrap .titleDownWrap .kvTitleWrap .kvExText {
    margin-bottom: 1.953125vw;
    font-size: 3.3854166667vw;
  }
}
@media only screen and (max-width: 767px) {
  .kvWrap .titleDownWrap .kvTitleWrap .kvExText {
    margin-bottom: 4vw;
    font-size: 6.4vw;
  }
}
.kvWrap .titleDownWrap .kvTitleWrap .kvExText img{
  width: 100%;
}

.kvWrap .titleDownWrap .kvTitleWrap .kvTitleSub {
	margin-bottom: 40px;
	background-image: linear-gradient(90deg, #FFD667, #FDFF7C);
	font-size: 44px;
	font-weight: 900;
	padding: 5px 15px;
	font-style: oblique 15deg;
	letter-spacing: 0;
}
.kvWrap .titleDownWrap .kvTitleWrap .kvTitleSub span{
	font-size: 40px;
}
@media only screen and (min-width: 1280px) {

}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .kvWrap .titleDownWrap .kvTitleWrap .kvTitleSub,
	.kvWrap .titleDownWrap .kvTitleWrap .kvTitleSub span{
    font-size: 2.8645833333vw;
  }
}
@media only screen and (max-width: 767px) {
  .kvWrap .titleDownWrap .kvTitleWrap .kvTitleSub,
  .kvWrap .titleDownWrap .kvTitleWrap .kvTitleSub span{
    font-size: 5.3333333333vw;
  }
}
.kvWrap .titleDownWrap .kvTitleWrap .kvTitle {
  font-size: 5.6640625vw;
  line-height: 1.3;
}
@media only screen and (min-width: 1280px) {
  .kvWrap .titleDownWrap .kvTitleWrap .kvTitle {
    font-size: min(5.3vw, 100px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .kvWrap .titleDownWrap .kvTitleWrap .kvTitle {
    font-size: 6.7708333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .kvWrap .titleDownWrap .kvTitleWrap .kvTitle {
    font-size: 11.2vw;
  }
}
.kvWrap .titleDownWrap .scrollDownWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
@media only screen and (min-width: 1280px) {
  .kvWrap .titleDownWrap .scrollDownWrap {
    gap: 20px;
  }
}
.kvWrap .titleDownWrap .scrollDownWrap .iconWrap {
  display: block;
  width: 10px;
  height: 19px;
}
@media only screen and (min-width: 1280px) {
  .kvWrap .titleDownWrap .scrollDownWrap .iconWrap {
    width: 13px;
    height: 24px;
  }
}
.kvWrap .titleDownWrap .scrollDownWrap .iconWrap img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.kvWrap .titleDownWrap .scrollDownWrap .scrollDownText {
  font-size: 1.2rem;
  letter-spacing: 0.15em;
  white-space: nowrap;
}
@media only screen and (min-width: 1280px) {
  .kvWrap .titleDownWrap .scrollDownWrap .scrollDownText {
    font-size: 13px;
    letter-spacing: 0.2em;
  }
}


  .infoSection {
    margin-top: -100px;
  }

.reportSection #report .sectionContentWrap {
  display: grid;
  gap: 20px;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .reportSection #report .sectionContentWrap .reportTableWrap {
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 767px) {
  .reportSection #report .sectionContentWrap .reportTableWrap {
    overflow-x: scroll;
  }
}
.reportSection #report .sectionContentWrap .reportTableWrap table {
  width: 100%;
  border-collapse: collapse;
}
.reportSection #report .sectionContentWrap .reportTableWrap table th,
.reportSection #report .sectionContentWrap .reportTableWrap table td {
  border: 2px solid #000;
  padding: 16px 10px;
  text-align: center;
  font-size: 15px;
  vertical-align: middle;
  min-width: 90px;
}
@media only screen and (max-width: 767px) {
  .reportSection #report .sectionContentWrap .reportTableWrap table th,
  .reportSection #report .sectionContentWrap .reportTableWrap table td {
    min-width: 26.6666666667vw;
  }
}
.reportSection #report .sectionContentWrap .reportTableWrap table th,
.reportSection #report .sectionContentWrap .reportTableWrap table .bgGreen {
  background-color: #9fd6be;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .reportSection #report .sectionContentWrap .reportTableWrap table .eventName {
    min-width: 53.3333333333vw;
  }
}
.reportSection #report .sectionContentWrap .reportTableWrap table td {
  background-color: #fff;
}
.reportSection #report .sectionContentWrap .tableNotes {
  font-size: 13px;
}

.exhibitionAboutSection {
  position: relative;
}
.exhibitionAboutSection.scrollin::after {
  left: 0;
}
.exhibitionAboutSection::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -100%;
  display: block;
  width: 100%;
  height: 90%;
  -webkit-transform: rotate(4deg) skewX(4deg);
          transform: rotate(4deg) skewX(4deg);
  background-color: #f2f2f2;
  z-index: -1;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
@media only screen and (max-width: 767px) {
  .exhibitionAboutSection::after {
    height: 93%;
  }
}

.columnSection #column .sectionContentWrap .columnSlideListWrap .columnSlideList .columnSlideItem .columnSlideLink {
  display: grid;
  gap: 20px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .columnSection #column .sectionContentWrap .columnSlideListWrap .columnSlideList .columnSlideItem .columnSlideLink {
    gap: 2.6041666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .columnSection #column .sectionContentWrap .columnSlideListWrap .columnSlideList .columnSlideItem .columnSlideLink {
    gap: 5.3333333333vw;
  }
}
@media (hover: hover) {
  .columnSection #column .sectionContentWrap .columnSlideListWrap .columnSlideList .columnSlideItem .columnSlideLink:hover {
    opacity: 0.8;
  }
  .columnSection #column .sectionContentWrap .columnSlideListWrap .columnSlideList .columnSlideItem .columnSlideLink:hover .imgWrap img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
.columnSection #column .sectionContentWrap .columnSlideListWrap .columnSlideList .columnSlideItem .columnSlideLink .imgWrap {
  aspect-ratio: 3/2;
  border: 4px solid #000;
  overflow: hidden;
}
.columnSection #column .sectionContentWrap .columnSlideListWrap .columnSlideList .columnSlideItem .columnSlideLink .imgWrap img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
.columnSection #column .sectionContentWrap .columnSlideListWrap .pageNavWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  margin-top: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .columnSection #column .sectionContentWrap .columnSlideListWrap .pageNavWrap {
    margin-top: 3.90625vw;
    gap: 2.6041666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .columnSection #column .sectionContentWrap .columnSlideListWrap .pageNavWrap {
    margin-top: 8vw;
    gap: 5.3333333333vw;
  }
}
.columnSection #column .sectionContentWrap .columnSlideListWrap .pageNavWrap .swiper-button-prev,
.columnSection #column .sectionContentWrap .columnSlideListWrap .pageNavWrap .swiper-button-next {
  position: relative;
  top: initial !important;
  left: initial !important;
  right: initial !important;
  margin-top: initial !important;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: #fff;
  border: 1px solid var(--lineGrey);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
@media (hover: hover) {
  .columnSection #column .sectionContentWrap .columnSlideListWrap .pageNavWrap .swiper-button-prev:hover,
  .columnSection #column .sectionContentWrap .columnSlideListWrap .pageNavWrap .swiper-button-next:hover {
    background-color: #f2f2f2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .columnSection #column .sectionContentWrap .columnSlideListWrap .pageNavWrap .swiper-button-prev,
  .columnSection #column .sectionContentWrap .columnSlideListWrap .pageNavWrap .swiper-button-next {
    width: 5.2083333333vw;
    height: 5.2083333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .columnSection #column .sectionContentWrap .columnSlideListWrap .pageNavWrap .swiper-button-prev,
  .columnSection #column .sectionContentWrap .columnSlideListWrap .pageNavWrap .swiper-button-next {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
  }
}
.columnSection #column .sectionContentWrap .columnSlideListWrap .pageNavWrap .swiper-button-prev::after,
.columnSection #column .sectionContentWrap .columnSlideListWrap .pageNavWrap .swiper-button-next::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .columnSection #column .sectionContentWrap .columnSlideListWrap .pageNavWrap .swiper-button-prev::after,
  .columnSection #column .sectionContentWrap .columnSlideListWrap .pageNavWrap .swiper-button-next::after {
    width: 1.0416666667vw;
    height: 1.0416666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .columnSection #column .sectionContentWrap .columnSlideListWrap .pageNavWrap .swiper-button-prev::after,
  .columnSection #column .sectionContentWrap .columnSlideListWrap .pageNavWrap .swiper-button-next::after {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
  }
}
.columnSection #column .sectionContentWrap .columnSlideListWrap .pageNavWrap .swiper-button-prev::after {
  margin-left: 2px;
  -webkit-transform: translate(-50%, -50%) rotate(-225deg);
          transform: translate(-50%, -50%) rotate(-225deg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .columnSection #column .sectionContentWrap .columnSlideListWrap .pageNavWrap .swiper-button-prev::after {
    margin-left: 0.2604166667vw;
  }
}
@media only screen and (max-width: 767px) {
  .columnSection #column .sectionContentWrap .columnSlideListWrap .pageNavWrap .swiper-button-prev::after {
    margin-left: 0.5333333333vw;
  }
}
.columnSection #column .sectionContentWrap .columnSlideListWrap .pageNavWrap .swiper-button-next::after {
  margin-left: -2px;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .columnSection #column .sectionContentWrap .columnSlideListWrap .pageNavWrap .swiper-button-next::after {
    margin-left: -0.2604166667vw;
  }
}
@media only screen and (max-width: 767px) {
  .columnSection #column .sectionContentWrap .columnSlideListWrap .pageNavWrap .swiper-button-next::after {
    margin-left: -0.5333333333vw;
  }
}
.columnSection #column .sectionContentWrap .columnSlideListWrap .pageNavWrap .swiper-pagination {
  position: relative;
  top: initial !important;
  bottom: initial !important;
  left: initial !important;
  right: initial !important;
  margin-top: initial !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.columnSection #column .sectionContentWrap .columnSlideListWrap .pageNavWrap .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #000;
}
.columnSection #column .sectionContentWrap .btnWrap {
  margin-top: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .columnSection #column .sectionContentWrap .btnWrap {
    margin-top: 5.2083333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .columnSection #column .sectionContentWrap .btnWrap {
    margin-top: 10.6666666667vw;
  }
}
.columnSection #column .sectionContentWrap .btnWrap .btn {
  margin: 0 auto;
  min-width: 300px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .columnSection #column .sectionContentWrap .btnWrap .btn {
    min-width: 39.0625vw;
  }
}
@media only screen and (max-width: 767px) {
  .columnSection #column .sectionContentWrap .btnWrap .btn {
    min-width: 80vw;
  }
}

.faqSection {
  background: linear-gradient(93deg, #028537 0%, #00c1ab 100%);
}
.faqSection #faq .sectionContentWrap .faqTabWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .faqSection #faq .sectionContentWrap .faqTabWrap {
    gap: 5.2083333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .faqSection #faq .sectionContentWrap .faqTabWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8vw;
  }
}
.faqSection #faq .sectionContentWrap .faqTabWrap .faqTabBtnWrap {
  display: grid;
  gap: 15px;
  width: 25%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .faqSection #faq .sectionContentWrap .faqTabWrap .faqTabBtnWrap {
    gap: 1.953125vw;
  }
}
@media only screen and (max-width: 767px) {
  .faqSection #faq .sectionContentWrap .faqTabWrap .faqTabBtnWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4vw;
    width: 100%;
  }
}
.faqSection #faq .sectionContentWrap .faqTabWrap .faqTabBtnWrap .faqTabBtn {
  cursor: pointer;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100px;
  border: 1px solid #fff;
}
@media only screen and (max-width: 767px) {
  .faqSection #faq .sectionContentWrap .faqTabWrap .faqTabBtnWrap .faqTabBtn {
    width: 100%;
    height: 60px;
  }
}
.faqSection #faq .sectionContentWrap .faqTabWrap .faqTabBtnWrap .faqTabBtn.active {
  background-color: #fff;
}
.faqSection #faq .sectionContentWrap .faqTabWrap .faqTabBtnWrap .faqTabBtn.active::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 10px;
  height: 20px;
  background-color: #fff;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .faqSection #faq .sectionContentWrap .faqTabWrap .faqTabBtnWrap .faqTabBtn.active::after {
    right: -1.3020833333vw;
    width: 1.3020833333vw;
    height: 2.6041666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .faqSection #faq .sectionContentWrap .faqTabWrap .faqTabBtnWrap .faqTabBtn.active::after {
    top: auto;
    right: auto;
    left: 50%;
    bottom: -2.6666666667vw;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 5.3333333333vw;
    height: 2.6666666667vw;
    -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
            clip-path: polygon(0 0, 50% 100%, 100% 0);
  }
}
.faqSection #faq .sectionContentWrap .faqTabWrap .faqTabBtnWrap .faqTabBtn.active .btnText {
  color: #25b154;
}
.faqSection #faq .sectionContentWrap .faqTabWrap .faqTabBtnWrap .faqTabBtn .btnText {
  color: #fff;
}
.faqSection #faq .sectionContentWrap .faqTabWrap .faqTabContentWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media only screen and (max-width: 767px) {
  .faqSection #faq .sectionContentWrap .faqTabWrap .faqTabContentWrap {
    width: 100%;
  }
}
.faqSection #faq .sectionContentWrap .faqTabWrap .faqTabContentWrap .faqTabContent {
  display: block;
  width: 100%;
}

.interviewSection #interview .sectionContentWrap .interviewListWrap .interviewList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .interviewSection #interview .sectionContentWrap .interviewListWrap .interviewList {
    gap: 2.6041666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .interviewSection #interview .sectionContentWrap .interviewListWrap .interviewList {
    grid-template-columns: 1fr;
    gap: 5.3333333333vw;
  }
}
.interviewSection #interview .sectionContentWrap .interviewListWrap .interviewList .interviewItem {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
}
.interviewSection #interview .sectionContentWrap .interviewListWrap .interviewList .interviewItem iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.interviewSection #interview .sectionContentWrap .youtubeLinkWrap {
  margin-top: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .interviewSection #interview .sectionContentWrap .youtubeLinkWrap {
    margin-top: 10.4166666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .interviewSection #interview .sectionContentWrap .youtubeLinkWrap {
    margin-top: 21.3333333333vw;
  }
}
.interviewSection #interview .sectionContentWrap .youtubeLinkWrap .titleTextWrap {
  display: grid;
  gap: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .interviewSection #interview .sectionContentWrap .youtubeLinkWrap .titleTextWrap {
    gap: 1.953125vw;
  }
}
@media only screen and (max-width: 767px) {
  .interviewSection #interview .sectionContentWrap .youtubeLinkWrap .titleTextWrap {
    gap: 4vw;
  }
}
.interviewSection #interview .sectionContentWrap .youtubeLinkWrap .youtubeLinkListWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 20px;
  height: 100%;
  margin-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .interviewSection #interview .sectionContentWrap .youtubeLinkWrap .youtubeLinkListWrap {
    margin-top: 5.2083333333vw;
    gap: 2.6041666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .interviewSection #interview .sectionContentWrap .youtubeLinkWrap .youtubeLinkListWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 8vw;
    gap: 4vw;
  }
}
.interviewSection #interview .sectionContentWrap .youtubeLinkWrap .youtubeLinkListWrap .btnWrap {
  width: 100%;
  height: auto;
}
.interviewSection #interview .sectionContentWrap .youtubeLinkWrap .youtubeLinkListWrap .btnWrap .btn {
  display: grid;
  place-content: center;
  width: 100%;
  height: 100%;
}

.interviewSection #interview .sectionContentWrap .btnWrap {
  margin-top: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .interviewSection #interview .sectionContentWrap .btnWrap {
    margin-top: 5.2083333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .interviewSection #interview .sectionContentWrap .btnWrap {
    margin-top: 10.6666666667vw;
  }
}

.interviewSection #interview .sectionContentWrap .btnWrap .btn {
  margin: 0 auto;
  min-width: 300px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .interviewSection #interview .sectionContentWrap .btnWrap .btn {
    min-width: 39.0625vw;
  }
}
@media only screen and (max-width: 767px) {
  .interviewSection #interview .sectionContentWrap .btnWrap .btn {
    min-width: 80vw;
  }
}

.outlineSection{
	transform: translateY(-60%);
	z-index: 6;
	position: relative;
}
@media only screen and (max-width: 767px) {
	.outlineSection{
		transform: translateY(-20%);
	}
}
.outlineSection > ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.outlineSection > ul > li {
	width: calc(33.3% - 20px);
}
@media only screen and (max-width: 767px) {
	.outlineSection > ul > li {
		width: 100%;
		margin-bottom: 50px;
	}
}
.outlineSection > ul > li a{
	display: block;
	background: #fff;
	border-radius: 10px;
	border: solid #1AA008 4px;
	position: relative;
	box-sizing: border-box;
}

.outlineSection > ul > li a:hover > ul li,
.outlineSection > ul > li a:hover > figure,
.outlineSection > ul > li a:hover > p{
	opacity: .6
}
.outlineSection > ul > li h3{
	position: absolute;
	width: 80%;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: bold;
	font-size: 28px;
	border-radius: 5px;
	padding: 10px;
	background: #1AA008;
	text-align: center;
	color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.outlineSection > ul > li h3{
		font-size: 22px;
	}

}
@media only screen and (max-width: 767px) {
	.outlineSection > ul > li h3{
		font-size: 20px;
	}
}
.outlineSection > ul > li ul{
	padding: 50px 15px 1em;
}
.outlineSection > ul > li ul li{
	display: flex;
	align-items: flex-start;
}
.outlineSection > ul > li ul li:not(:last-child){
	margin-bottom: 15px;
}

.outlineSection > ul > li ul li > b{
	background: #1AA008;
	color: #fff;
	padding: 5px;
	font-size: 1.6rem;
	margin-right: 10px;
	display: block;
}

.outlineSection > ul > li ul li > p{
	font-weight: bold;
	flex: 1;
	font-size: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.outlineSection > ul > li ul li > b{
		font-size: 14px;
	}
	.outlineSection > ul > li ul li > p{
		font-size: 1.8rem;
	}
}
.outlineSection > ul > li ul li > p span{
	font-size: 1.8rem;
}
.outlineSection > ul > li figure img{
	width: 100%;
}
.outlineSection > ul > li a > p{
	text-align: center;
	background: #1AA008;
	color: #fff;
	position: relative;
	font-size: 1.8rem;
	padding: 10px;
}

.outlineSection > ul > li a > p::before,
.outlineSection > ul > li a > p::after{
	position: absolute;
	content: "";
}

.outlineSection > ul > li a > p::before{
	top: 50%;
	right: 10px;
	background: #fff;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	transform: translateY(calc(-50% + 2px));
}
.outlineSection > ul > li a > p::after {
	width: 7px;
	height: 7px;
	border-top: solid 2px #1AA008;
	border-right: solid 2px #1AA008;
	right: 20px;
	top: 50%;
	transform: translateY(calc(-50% + 2px)) rotate(45deg);
}


.outlineSection > ul > li:nth-child(2) a{
	border: solid #DF7700 4px;
}
.outlineSection > ul > li:nth-child(2) h3,
.outlineSection > ul > li:nth-child(2) a > p,
.outlineSection > ul > li:nth-child(2) ul li > b{
	background: #DF7700;
}

.outlineSection > ul > li:nth-child(2) a > p::after{
	border-top: solid 2px #DF7700;
	border-right: solid 2px #DF7700;
}
.outlineSection > ul > li:nth-child(3) a{
	border: solid #034DC4 4px;
}
.outlineSection > ul > li:nth-child(3) h3,
.outlineSection > ul > li:nth-child(3) a > p,
.outlineSection > ul > li:nth-child(3) ul li > b{
	background: #034DC4;
}

.outlineSection > ul > li:nth-child(3) a > p::after{
	border-top: solid 2px #034DC4;
	border-right: solid 2px #034DC4;
}