@charset "utf-8";

/* ====================== ============== ====================== */
/* =========================메인슬라이드========================= */
/* ====================== ============== ====================== */

.main {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-top: 15rem;
}

/* ======================= 페이지네이션*/

.main > .inner {
  position: relative;
  bottom: 20rem;
}
.main__slider {
  height: 40rem;
}
.pager.main__pager {
  position: absolute;
  left: 11rem;
  top: 10rem;
  z-index: 9;
}
.swiper-pagination-bullet {
  width: auto;
  height: auto;
  padding: 0 1.2rem;
  background-color: transparent;

  font-weight: 700;
  font-size: 1.4rem;
  color: #fff;
  font-style: normal;

  cursor: pointer;

  opacity: 0.5;
  transition: opacity 0.4s;
}
.swiper-pagination-bullet i {
  font-style: normal;
}
.swiper-pagination-bullet::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0.5rem;
  margin: 0;
  border-radius: 1rem;
  background-color: #fff;

  vertical-align: middle;
  opacity: 0.5;
  transition: all 0.4s;
}
.swiper-pagination-bullet:hover,
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.swiper-pagination-bullet:hover:before,
.swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  width: 5rem;
  margin-right: 1.2rem;
  opacity: 1;
}
@media all and (max-width: 1400px) {
  .inner {
    padding: 0 1.8rem;
  }
}
@media all and (max-width: 1200px) {
  .main {
    margin-top: 6.4rem;
  }

  .main > .inner {
    bottom: 30rem;
  }
  .pager {
    display: none;
  }
  .main__slider {
    height: 47.3rem;
  }
}

/* =====================슬라이드 아이템 */
.main .slider__wrap {
  width: 100%;
  height: 40rem;
  overflow: hidden;
}

.main .slider__list {
  /* (100% * 슬라이드 갯수) + 200% */
  width: 700%;
  height: 100%;
  display: flex;
}
.main .slider__item {
  width: 100vw;
  height: 40rem;
  background: no-repeat center / cover;
  background-image: url(../images/임시메인비주얼.jpg);
}

.main .slider__item .inner {
  height: 100%;
  position: relative;
}

@media all and (max-width: 1200px) {
  .main .slider__wrap,
  .main .slider__item {
    height: 47.2rem;
  }

  .main .slider__item {
    background-image: url(../images/모바일_임시메인비주얼01.jpg);
  }
}
/* =================================슬라이드 타이틀 */
.main .slider__item .slide__title-box {
  position: absolute;
  top: 8rem;
  left: 12rem;

  font-size: 4rem;
  font-weight: 400;
  color: #fff;
  line-height: 1.4;
}
.main .slider__item .slide__title strong {
  font-size: 4.4rem;
}
.main .slider__item .slide__des {
  margin-top: 1rem;
  font-size: 1.8rem;
  line-height: 2.7rem;
}

@media all and (max-width: 1200px) {
  .main .slider__item .slide__title-box {
    top: 4rem;
    left: 1.8rem;
  }

  .main .slider__item .slide__title-box,
  .main .slider__item .slide__title strong {
    font-size: 3.3rem;
  }
  .main .slider__item .slide__des {
    font-size: 1.6rem;
  }
}
/* ======================메인 슬라이드 버튼 */
.prev__btn,
.next__btn {
  width: 5rem;
  height: 5rem;
  /* --color-title 40% */
  background: no-repeat center/3rem;
  border: 1px solid #94a3b3;
  font-size: 0;

  position: absolute;
}
.swiper-button-disabled {
  opacity: 0.3;
}
.main .prev__btn,
.main .next__btn {
  background-color: #21283640;
  top: -2.5rem;
  z-index: 8;
}
.main .prev__btn:hover,
.main .next__btn:hover {
  border-color: #fff;
  outline: 1px solid #fff;
}
.main .prev__btn {
  left: 0;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' %3E%3Cpath d='M20.6 4.4 9.9 15.1l10.7 10.7' style='fill:none;stroke:%23fff;stroke-width:2;stroke-linecap:round'/%3E%3C/svg%3E");
}
.main .next__btn {
  right: 0;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' %3E%3Cpath d='m9.4 4.4 10.7 10.7L9.4 25.7' style='fill:none;stroke:%23fff;stroke-width:2;stroke-linecap:round'/%3E%3C/svg%3E");
}
@media all and (max-width: 1200px) {
  .prev__btn,
  .next__btn {
    width: 4rem;
    height: 4rem;
    /* --color-title 40% */
    background-size: 2.5rem;
  }
  .main .prev__btn,
  .main .next__btn {
    top: 10rem;
  }
  .main .prev__btn:active,
  .main .next__btn:active {
    border-color: #fff;
    outline: 1px solid #fff;
  }
  .main .prev__btn {
    left: 1.8rem;
  }
  .main .next__btn {
    right: 1.8rem;
  }
}
/* =========================================== =======================*/
/* =========================================== =======================*/
/* ==================== 메인 section 영역 공통 ====================*/
/* =========================================== =======================*/
/* =========================================== =======================*/

.article-title {
  font-weight: 700;
  font-size: 4rem;
  color: var(--color-title);
  margin-bottom: 2rem;

  padding-top: 2rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 10'%3E%3Cg fill='%232e76ef'%3E%3Ccircle cx='5' cy='5' r='5' style='opacity:.3'/%3E%3Ccircle cx='25' cy='5' r='5' style='opacity:.6'/%3E%3Ccircle cx='45' cy='5' r='5'/%3E%3C/g%3E%3C/svg%3E")
    no-repeat top left/5rem;
}
.article-title b {
  color: var(--color-main);
}
.article-title i {
  font-weight: 300;
  font-style: normal;
}
.article-title__des {
  color: var(--color-table-top-line);
  font-weight: 300;
  font-size: 1.6rem;
}

@media all and (max-width: 1400px) {
  .article-title__des {
    display: block;
    margin-top: 1rem;
    font-size: 1.4rem;
  }
}
@media all and (max-width: 1200px) {
  .article-title {
    font-size: 2.4rem;
    margin-bottom: 1.4rem;
    background-size: 3rem;
    padding-top: 1.4rem;
  }
}
/* =========================================== =======================*/
/* =========================================== =======================*/
/* =============== 메인 / 계열 별 학과안내 영역 =======================*/
/* =========================================== =======================*/
/* =========================================== =======================*/
.main__course {
  position: relative;
}
.main__course::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--color-line);
  position: absolute;
  top: 6rem;
  left: 0;
}
@media all and (max-width: 1400px) {
  .main__course > .inner {
    padding: 0;
  }
}
@media all and (max-width: 1200px) {
  .main__course > .inner {
    padding: 0 1.8rem;
    padding-top: 8rem;
  }
  .main__course::after {
    display: none;
  }
}
/* ========================== 계열 버튼*/
.course__tab-btn-group {
  display: flex;
  height: 6rem;
}

.course__tab-btn-group button,
.course__tab-btn-group a {
  font-size: 1.8rem;
  font-weight: 300;

  position: relative;
}
.course__tab-btn-group button {
  width: 15.6%;
}
.course__tab-btn-group a {
  padding: 0 2rem;
  line-height: 6rem;
  flex-grow: 1;
  text-align: center;
}

.course__tab-btn-group * ~ * {
  border-left: 1px solid var(--color-line);
}
.course__tab-btn-group button:hover,
.course__tab-btn-group button.active,
.course__tab-btn-group a:hover,
.course__tab-btn-group a.active {
  font-weight: 700;
  color: #fff;
  background: var(--color-main)
    linear-gradient(348deg, #ffffff00 0%, #ffffff10 50%, #ffffff00 50%);
}

@media all and (max-width: 1200px) {
  .course__tab-btn-group {
    height: auto;
    flex-wrap: wrap;
    gap: 1rem;
  }

  .course__tab-btn-group button,
  .course__tab-btn-group a {
    width: calc(50% - 0.5rem);
    height: 5.6rem;

    font-size: 1.4rem;

    border: 1px solid var(--color-line);
  }
  .course__tab-btn-group a {
    text-align: center;
  }
}
/* ============================계열별 학과 */
.main__course .article-title {
  display: inline-block;
  background: none;
  font-size: 2.6rem;

  position: relative;
}
.main__course .article-title::after {
  content: "";
  display: block;
  width: 500%;
  height: 1px;
  background-color: var(--color-main);
  position: absolute;
  right: 0;
  bottom: -1rem;
}
.main__course .article-title b {
  color: var(--color-main);
}

@media all and (max-width: 1200px) {
  .main__course .article-title {
    font-size: 2.2rem;
    margin-top: 2.6rem;
    padding-top: 0;
    position: absolute;
    top: 0;
  }
}
.main__course .course__slider-wrapper {
  width: 100%;
  margin-top: 3.2rem;
  position: relative;
}
.main__course .course__slider {
  width: calc(100% - 19rem);
  margin: 0 auto;
  overflow: hidden;

  display: none;
}
.course__slider.active {
  display: block;
}
/* ============코스 슬라이드 버튼 */
.course__slider .next__btn,
.course__slider .prev__btn {
  top: calc(50% - 2.5rem);
  background-color: #fff;
  z-index: 29;
}
.course__slider .prev__btn {
  left: -9.4rem;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' %3E%3Cpath d='M20.6 4.4 9.9 15.1l10.7 10.7' style='fill:none;stroke:%239DA4AD;stroke-width:2;stroke-linecap:round'/%3E%3C/svg%3E");
}
.course__slider .next__btn {
  right: -9.4rem;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' %3E%3Cpath d='m9.4 4.4 10.7 10.7L9.4 25.7' style='fill:none;stroke:%239DA4AD;stroke-width:2;stroke-linecap:round'/%3E%3C/svg%3E");
}
.course__slider .prev__btn:hover {
  border-color: var(--color-main);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' %3E%3Cpath d='M20.6 4.4 9.9 15.1l10.7 10.7' style='fill:none;stroke:%232E76EF;stroke-width:2;stroke-linecap:round'/%3E%3C/svg%3E");
}
.course__slider .next__btn:hover {
  border-color: var(--color-main);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' %3E%3Cpath d='m9.4 4.4 10.7 10.7L9.4 25.7' style='fill:none;stroke:%232E76EF;stroke-width:2;stroke-linecap:round'/%3E%3C/svg%3E");
}
/* ==============콘텐츠 리스트 */

.course__content {
  display: flex;
  width: 500%;
}

.course__content-item {
  background: no-repeat center/cover;
  width: 21.4rem;
  height: 21.4rem;
  border-radius: 0.8rem;
  margin: 0.6rem;
  text-align: center;
  color: #fff;
  overflow: hidden;
}

.course__content-item .course__content-item--link {
  margin-top: 10.7rem;
  height: 50%;
  padding: 1.6rem 0;
  overflow: hidden;
  background-color: #00000080;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
}
.course__content-item--link > * {
  display: block;
}
/* =============과정분류 */
.course__content-item--link .course-badge {
  padding: 0.4rem 1.6rem;
  border-radius: 5rem;
  border: 1px solid #fff;
  font-size: 1.5rem;
}
/* ======과정명 */
.course__content-item--link .course-name {
  font-weight: 700;
  font-size: 1.8rem;
  margin-top: 0.6rem;
}

/* ===========주야간 구분 / 계열정보 */
.course__content-item--link .course-info {
  height: 0;
  margin-top: 0;
  padding-top: 0;
  overflow: hidden;
  border-top: 1px solid transparent;

  transition: all 0.2s;
}

.course__content-item--link .course-info i {
  font-style: normal;
}
.course__content-item--link .course-info .info__category {
  padding-left: 1.5rem;
  position: relative;
}
.course__content-item--link .course-info .info__category::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 1.5px;
  background-color: #fff;

  position: absolute;
  top: 50%;
  left: 0.4rem;
}

@media all and (min-width: 1201px) {
  .course__content-item:hover {
    outline: 0.6rem solid var(--color-main);
  }
  .course__content-item:hover .course__content-item--link {
    height: 100%;
    margin-top: 0%;
    background-color: #00000095;
  }
  .course__content-item:hover .course-badge {
    background-color: var(--color-main);
    border-color: var(--color-main);
    font-size: 1.6rem;
  }
  .course__content-item:hover .course__content-item--link .course-name {
    font-size: 2rem;
  }
  .course__content-item:hover .course-info {
    display: block;
    margin-top: 1.1rem;
    padding-top: 1.1rem;
    height: 3.5rem;
    border-color: #ffffff60;
  }
}
@media all and (max-width: 1200px) {
  .course__slider .next__btn,
  .course__slider .prev__btn {
    display: none;
  }
  .main__course .course__slider-wrapper {
    margin-top: 2rem;
  }
  .main__course .course__slider {
    margin: 0;
    width: auto;
  }
  .course__content {
  }
  .course__content-item {
    flex-basis: 13.6rem;
    height: 13.6rem;
  }
  .course__content-item .course__content-item--link {
    margin-top: 5.4rem;
    height: 8.2rem;
    padding: 1.6rem 0;
  }
  /* =============과정분류 */
  .course__content-item--link .course-badge {
    padding: 0.4rem 2rem;
    font-size: 1.2rem;
  }

  /* ======과정명 */
  .course__content-item:hover {
    outline: none;
  }
  .course__content-item--link .course-name {
    font-size: 1.3rem;
    margin-top: 0.6rem;
  }

  /* ===========주야간 구분 / 계열정보 */
  .course__content-item--link .course-info,
  .course__content-item:hover .course-info {
    display: none;
  }
}
/* -============================================과정별 배경이미지 */

.course__slider li.common_img {
  background-image: url(../images/img_common-course.png);
}

/* ================가정계열 */
.course__slider-family li:nth-child(1) {
  /* background-image: url(../images/img_course1-1.jpg); */
}
.course__slider-family li:nth-child(2) {
  background-image: url(../images/img_course1-2.jpg);
}
.course__slider-family li:nth-child(3) {
  background-image: url(../images/img_course1-3.jpg);
}
.course__slider-family li:nth-child(4) {
  background-image: url(../images/img_course1-4.jpg);
}
.course__slider-family li:nth-child(5) {
  background-image: url(../images/img_course1-5.jpg);
}
/* ================건축디자인계열 */
.course__slider-architecture li:nth-child(1) {
  background-image: url(../images/img_course1-1.jpg);
}
.course__slider-architecture li:nth-child(2) {
  background-image: url(../images/img_course1-2.jpg);
}
.course__slider-architecture li:nth-child(3) {
  background-image: url(../images/img_course1-3.jpg);
}
.course__slider-architecture li:nth-child(4) {
  background-image: url(../images/img_course1-4.jpg);
}
.course__slider-architecture li:nth-child(5) {
  background-image: url(../images/img_course1-5.jpg);
}
/* ================기계계열 */
.course__slider-mechanic li:nth-child(1) {
  background-image: url(../images/img_course1-1.jpg);
}
.course__slider-mechanic li:nth-child(2) {
  background-image: url(../images/img_course1-2.jpg);
}
.course__slider-mechanic li:nth-child(3) {
  background-image: url(../images/img_course1-3.jpg);
}
.course__slider-mechanic li:nth-child(4) {
  background-image: url(../images/img_course1-4.jpg);
}
.course__slider-mechanic li:nth-child(5) {
  background-image: url(../images/img_course1-5.jpg);
}
/* ================산업설비계열 */
.course__slider-industry li:nth-child(1) {
  background-image: url(../images/img_course1-1.jpg);
}
.course__slider-industry li:nth-child(2) {
  background-image: url(../images/img_course1-2.jpg);
}
.course__slider-industry li:nth-child(3) {
  background-image: url(../images/img_course1-3.jpg);
}
.course__slider-industry li:nth-child(4) {
  background-image: url(../images/img_course1-4.jpg);
}
.course__slider-industry li:nth-child(5) {
  background-image: url(../images/img_course1-5.jpg);
}
/* ================IT디자인계열 */
.course__slider-design li:nth-child(1) {
  background-image: url(../images/img_course1-1.jpg);
}
.course__slider-design li:nth-child(2) {
  background-image: url(../images/img_course1-2.jpg);
}
.course__slider-design li:nth-child(3) {
  background-image: url(../images/img_course1-3.jpg);
}
.course__slider-design li:nth-child(4) {
  background-image: url(../images/img_course1-4.jpg);
}
.course__slider-design li:nth-child(5) {
  background-image: url(../images/img_course1-5.jpg);
}

/* =========================================== =======================*/
/* =========================================== =======================*/
/* ==================== 메인 / 게시판 영역 ============================*/
/* =========================================== =======================*/
/* =========================================== =======================*/

.main__community {
  background-color: #f9fafc;
  padding: 10rem 0;
  margin-top: 8rem;
}
.main__community .inner {
  display: flex;
  gap: 4rem;
}
/* ===============왼쪽 게시글 목록 */
.community__recently-posts {
  flex-basis: 65%;
  overflow: hidden;
}
.recently-posts__box {
  padding: 1.6rem 2.7rem;
  border-radius: 0.8rem;
  /* var(--color-line) 50% */
  border: 1px solid #c6ced750;
  background-color: #fff;

  position: relative;
}
.recently-posts__box .more-post__line-btn {
  display: none;
  width: 2.8rem;
  height: 2.8rem;
  padding: 0;
  background-color: var(--color-main);

  font-size: 0;

  position: absolute;
  top: 3.3rem;
  right: 2.4rem;
}
.recently-posts__box .more-post__line-btn::before,
.recently-posts__box .more-post__line-btn::after {
  content: "";
  display: block;
  width: 1.2rem;
  height: 0.2rem;
  border-radius: 0.1rem;
  background-color: #fff;

  position: absolute;
  top: calc(50% - 0.1rem);
  left: calc(50% - 0.6rem);
  font-size: 0;
}
.recently-posts__box .more-post__line-btn::after {
  transform-origin: center;
  transform: rotate(90deg);
}
/* =========게시글 탭버튼 그룹 */
.recently-posts__tab-group {
  display: flex;
  position: relative;
}
/* =========게시글 탭버튼 아래 장식 선 */
.recently-posts__tab-group::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--color-main);
  position: absolute;
  bottom: 0;
  z-index: 21;
}
/* =========게시글 탭버튼 */
.community__tab-btn {
  padding: 1.2rem 2rem 2.2rem;
  border: 1px solid transparent;
  border-bottom: none;

  text-align: center;
  font-size: 1.8rem;

  position: relative;
  z-index: 22;
}
.community__tab-btn:hover,
.community__tab-btn.active {
  color: var(--color-sub);

  font-weight: 700;
}
.community__tab-btn.active {
  background-color: #fff;
  border-color: var(--color-main);
}

/* =========게시글 탭버튼 사이 선 */
.community__tab-btn ~ .community__tab-btn:before {
  content: "";
  display: block;
  width: 1px;
  height: 1.6rem;
  background-color: var(--color-line);

  position: absolute;
  top: 2rem;
  left: -1px;
}
.community__tab-btn.active + .community__tab-btn::before,
.community__tab-btn.active::before {
  display: none;
}

/* =========게시글 탭버튼 삼각형 */
.community__tab-btn::after {
  content: "";
  display: none;
  border: 0.5rem solid transparent;
  border-top-color: var(--color-main);

  position: absolute;
  bottom: 0.8rem;
  left: calc(50% - 0.5rem);
}

.community__tab-btn:hover::after,
.community__tab-btn.active::after {
  display: block;
}

/* ===========공지 및 소식 슬라이드 버튼 */

@media all and (max-width: 1400px) {
  .community__recently-posts {
    width: 60%;
  }
}
@media all and (max-width: 1200px) {
  .main__community {
    padding: 3.8rem 0 4.6rem;
    margin-top: 6.3rem;
  }
  .main__community .inner {
    display: block;
  }
  /* ===============왼쪽 게시글 목록 */
  .community__recently-posts {
    width: 100%;
  }
  .recently-posts__box {
    padding: 2rem 1.6rem;
  }
  .recently-posts__box .more-post__line-btn {
    display: block;

    width: 9rem;
    height: auto;
    margin: 4rem auto 1rem;
    position: relative;
    top: 0;
    left: 0;
    background-color: transparent;
    font-size: 1.4rem;
    padding: 1.2rem 0;
    padding-right: 2rem;
  }
  .recently-posts__box .more-post__line-btn::before,
  .recently-posts__box .more-post__line-btn::after {
    left: 6rem;
    background-color: var(--color-main);
  }

  /* =========게시글 탭버튼 */
  .community__tab-btn {
    padding: 1rem 1rem 1.8rem;

    font-size: 1.3rem;
  }

  /* =========게시글 탭버튼 사이 선 */
  .community__tab-btn ~ .community__tab-btn:before {
    top: 1.4rem;
  }

  /* =========게시글 탭버튼 삼각형 */
  .community__tab-btn::after {
    bottom: 0.4rem;
  }
}
/* ==============================게시글 목록 */
.recently-posts__content--wrap {
  margin-top: 2.4rem;
}
.post__content {
  overflow: hidden;
  padding: 1px;

  display: none;
}
.post__content > .swiper-notification {
  display: inline;
}
.post__content.active {
  display: block;
}

.post__content .content__list {
  padding: 0.1rem;
  overflow-x: hidden;
  display: flex;
}

.post__content .board-slide__btn-group {
  position: absolute;

  top: 2.8rem;
  right: 2.4rem;
}

.post__content .board-slide__btn-group .prev__btn,
.post__content .board-slide__btn-group .next__btn {
  width: 2.4rem;
  height: 2.4rem;
  display: inline-block;
  border-radius: 0.4rem;
  border: 1px solid var(--color-title-sub);

  position: initial;
  background: no-repeat center / 1.2rem;
}
.post__content .board-slide__btn-group .prev__btn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M7.911 1.5 3.5 5.911l4.411 4.411' fill='none' stroke='%23334155' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E");
}
.post__content .board-slide__btn-group .next__btn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M4.089 1.5 8.5 5.911l-4.411 4.411' fill='none' stroke='%23334155' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E");
}

/* ================게시글박스 */
.post__content .content__item {
  position: relative;
  width: 25.7rem;
  margin-right: 2.7rem;
}
.post__content .content__item:last-child {
  margin: 0;
}
.post__content .content__item .content__item--link {
  width: 100%;
  height: 30rem;
  border: 1px solid var(--color-main);
  border-radius: 0.8rem;
  padding: 2rem 1.4rem;

  display: flex;
  flex-direction: column;

  position: relative;
}
.post__content .content__item--link:hover {
  outline: 1px solid var(--color-main);
}
.post__content .content__item .category-badge {
  padding: 0.4rem 1.2rem;
  min-width: 8.4rem;
  text-align: center;
  border-radius: 0.4rem;
  background: linear-gradient(
    348deg,
    #ffffff00 0%,
    #ffffff10 50%,
    #ffffff00 50%
  );

  font-weight: 500;
  font-size: 1.4rem;
  color: #fff;
}
.post__content .content__item.notice .category-badge {
  background-color: var(--color-main);
}
.post__content .content__item.news .category-badge {
  background-color: #0fd9d3;
}

.post__content .content__item.bidding .category-badge {
  background-color: #fca12e;
}

.post__content .content__item .new-badge {
  margin-left: 1rem;

  position: absolute;
  top: 2.2rem;
  right: 1.4rem;
}
.post__content .content__item .content-title,
.post__content .content__item .content-text {
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.post__content .content__item .content-title {
  width: 100%;
  margin-top: 2rem;
  line-height: 2.7rem;

  -webkit-line-clamp: 2;
  max-height: 5.4rem;

  letter-spacing: -0.4px;
  font-size: 1.8rem;
}
.post__content .content__item .content-text {
  margin-top: 1rem;
  line-height: 2.2rem;

  -webkit-line-clamp: 4;
  max-height: 8.8rem;

  font-size: 1.5rem;
  font-weight: 300;
}
.post__content .content__item .post-time {
  display: flex;
  align-items: flex-end;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 300;
  color: var(--color-act);

  position: relative;
  flex-grow: 1;
}
@media all and (max-width: 1400px) {
  .post__content .content__list {
    width: 200%;
  }
  .post__content .content__item {
    width: 23rem;
    margin-right: 1.6rem;
  }
  .post__content .content__item .content__item--link {
    height: 27rem;
  }
}
@media all and (max-width: 1200px) {
  .post__content {
    margin-top: 0;
    width: auto;
    width: 100%;
  }

  .post__content .content__list {
    width: 100%;
    height: 25rem;
    overflow-y: auto;
    display: block;
  }

  /* ===========공지 및 소식 슬라이드 버튼 */
  .post__content .board-slide__btn-group {
    display: none;
  }
  .post__content .content__item {
    margin-right: 0;
    width: 100%;
  }
  .post__content .content__item .content__item--link {
    width: 100%;
    height: auto;

    border: none;
    padding: 0;
    margin-left: 0;
    padding-top: 1.8rem;

    flex-direction: row;
  }
  .post__content .content__item ~ .content__item {
    margin-top: 1.8rem;
    border-top: 1px dashed var(--color-line);
  }
  .post__content .content__item:hover {
    outline: 1px solid var(--color-main);
  }
  .post__content .content__item .top {
    text-align: center;
  }
  .post__content .content__item .category-badge {
    display: block;
    height: 2.7rem;
    width: 7.6rem;
    white-space: nowrap;
    font-size: 1.2rem;
  }

  .post__content .content__item .new-badge {
    margin-left: 0;
    position: inherit;
    font-size: 1.2rem;
    line-height: 1;
  }

  .post__content .content__item .new-badge + .content-title {
    line-height: 2.1rem;
  }
  .post__content .content__item .content-title {
    width: auto;
    margin-top: 0;
    margin-left: 1rem;

    letter-spacing: 0;
    font-size: 1.4rem;
    font-weight: 500;
  }
  .post__content .content__item .content-text {
    display: none;
  }
  .post__content .content__item .post-time {
    display: none;
  }
}
/* =========================================== =======================*/
/* =========================================== =======================*/
/* ======================== 오늘의 식단 ==========================*/
/* =========================================== =======================*/
/* =========================================== =======================*/

.today-meal__top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.community__today-meal {
  flex-basis: 35%;
}
.community__today-meal .article-title {
  margin-bottom: 0;
}
.community__today-meal .today-meal__more-btn {
  width: 5rem;
  height: 5rem;
  border: 1px solid #94a3b3;
  margin-bottom: 1rem;

  font-size: 0;
  background: no-repeat center/2.2rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.668' height='24.669'%3E%3Cg fill='none' stroke='%2394a3b3' stroke-linecap='round' stroke-width='2'%3E%3Cpath d='M1.003 12.334h22.669M12.334 1v22.669'/%3E%3C/g%3E%3C/svg%3E");
}

.today-meal__content {
  padding: 1.6rem 1.4rem;
  background-color: var(--color-main);
  border-radius: 0.8rem;
  width: auto;
  height: calc(100% - 9.8rem);
}
/* ============오늘의 날짜 */
.today-meal__content .now-date {
  margin-left: 0.8rem;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 300;
  padding: 0;
}
.today-meal__content .now-date b {
  font-size: 2.4rem;
}
.today-meal__content .today-meal__list {
  height: calc(100% - 4.9rem);
  padding: 4.2rem 1.4rem;
  border-radius: 0.8rem;
  background-color: #fff;
  margin-top: 1.4rem;

  position: relative;
}
.today-meal__item {
  padding-left: 5.4rem;
  position: relative;
}
.today-meal__item::before {
  content: "";
  display: block;
  width: 4rem;
  height: 4rem;
  border: 1px solid var(--color-line);
  border-radius: 0.8rem;
  background: #fff no-repeat center;
  box-shadow: 2px 2px 6px #00000010;
  position: absolute;
  left: 0;
}
/* =============오늘의 식단 아이콘 */

.today-meal__item.lunch::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='%23fd9f13'%3E%3Cpath d='M11.3 13.9c0 .1.2.2.3.1 0 0 .1 0 .1-.1l1.8-2c.1-.1.1-.2 0-.3h-.1l-3.1-1c-.1 0-.2 0-.3.1v.1l1.3 3.1zm7.9-4.5h2.7c.1 0 .2-.1.2-.2v-.1l-1.3-3c-.1-.1-.2-.1-.3-.1l-.1.1-1.3 3c-.1.1-.1.3.1.3-.1 0 0 0 0 0zM10.4 21c0-.1 0-.1 0 0v-2.8c0-.1-.1-.2-.2-.2h-.1l-3 1.3c-.1.1-.1.2-.1.3l.1.1 3 1.3c.1.1.3.1.3 0zm18.9-7c.1.1.2.1.3 0l.1-.1 1.3-3c.1-.1 0-.2-.1-.3h-.2l-3.1 1c-.1 0-.2.1-.1.2v.1l1.8 2.1zm-7.4 15.8h-2.7c-.1 0-.2.1-.2.2v.1l1.3 3c0 .1.2.2.3.1l.1-.1 1.3-3c.1-.1.1-.2-.1-.3.1 0 0 0 0 0zm7.8-4.5c0-.1-.2-.2-.3-.1 0 0-.1 0-.1.1l-1.8 2c-.1.1-.1.2 0 .3h.1l3.1 1c.1 0 .2 0 .3-.1v-.1l-1.3-3.1zm4.3-5.9-.1-.1-3-1.3c-.1 0-.2 0-.3.1v2.8c0 .1.1.2.2.2h.1l3-1.4c.1 0 .1-.2.1-.3z'/%3E%3Ccircle transform='rotate(-45.001 20.47 19.617)' cx='20.5' cy='19.6' r='8.1'/%3E%3Cpath d='M11.7 25.2c-.1-.1-.2-.1-.3 0l-.1.1-1.3 3c-.1.1 0 .2.1.3h.2l3.1-1c.1 0 .2-.1.1-.2v-.1l-1.8-2.1z'/%3E%3C/g%3E%3C/svg%3E");
}
.today-meal__item.dinner::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='%230fd9d3'%3E%3Cpath d='M20.8 11.3c.1.1.1.2.1.3l-.4 1.2v.1h.1l1-.8c.1-.1.2-.1.3 0l1 .7h.1v-.1l-.4-1.2c0-.1 0-.2.1-.3l1-.8v-.1h-1.4c-.1 0-.2-.1-.2-.2l-.4-1.2s-.1-.1-.1 0l-.4 1.2c0 .1-.1.2-.2.2h-1.3s-.1 0-.1.1v.1l1.2.8zm-.6 8.1c.1.1.1.2.1.3l-.4 1.2v.1h.1l1-.8c.1-.1.2-.1.3 0l1 .7h.1v-.1l-.4-1.2c0-.1 0-.2.1-.3l1-.8v-.1h-1.4c-.1 0-.2-.1-.2-.2l-.4-1.2s-.1-.1-.1 0l-.4 1.2c0 .1-.1.2-.2.2h-1.3s-.1 0-.1.1v.1l1.2.8zm10.1 1.4zm0 .1v-.1h-1.4c-.1 0-.2-.1-.2-.2l-.4-1.2s-.1-.1-.1 0l-.4 1.2c0 .1-.1.2-.2.2h-1.3s-.1 0-.1.1v.1l1 .7c.1.1.1.2.1.3l-.4 1.2v.1h.1l1-.8c.1-.1.2-.1.3 0l1 .7h.1v-.1l-.2-1.1c0-.1 0-.2.1-.3l1-.8z'/%3E%3Cpath d='M28.1 26.3c-.4.1-.9.2-1.3.2-5.8.6-11.1-3.6-11.7-9.4-.3-2.8.5-5.6 2.3-7.8v-.2h-.1C11.6 11 8.7 17 10.6 22.5s7.9 8.5 13.5 6.6c1.6-.5 3-1.4 4.2-2.6.1-.1.1-.2 0-.2h-.2zm0 0z'/%3E%3C/g%3E%3C/svg%3E");
}

.today-meal__item .meal-time {
  font-size: 1.8rem;
  color: var(--color-main);
  font-weight: 700;
}
.today-meal__item .meal-menu {
  margin-top: 0.9rem;
  font-size: 1.7rem;
  line-height: 2.2rem;
  min-height: 4.4rem;
  word-break: keep-all;
}
.today-meal__list .today-meal__item ~ .today-meal__item {
  margin-top: 3.8rem;
  border-top: 1px dotted var(--color-line);
  padding-top: 3.3rem;
}
@media all and (max-width: 1200px) {
  .today-meal__top {
    margin: 3.2rem 0 1.4rem;
  }
  .community__today-meal .today-meal__more-btn {
    width: 2.6rem;
    height: 2.6rem;
    background-size: 1.6rem;
  }

  /* ============오늘의 날짜 */
  .today-meal__content .now-date {
    margin-left: 1rem;
    font-size: 1.4rem;
  }
  .today-meal__content .now-date strong {
    font-size: 2rem;
  }
  .today-meal__content .today-meal__list {
    padding: 2rem 1.2rem;
    margin-top: 0.8rem;
  }
  .today-meal__item .meal-menu {
    margin-top: 0.6rem;
    font-size: 1.5rem;
  }
  .today-meal__list .today-meal__item ~ .today-meal__item {
    padding-top: 2rem;
    margin-top: 1.4rem;
  }
}
@media all and (max-width: 1400px) {
  .today-meal__content {
    height: calc(100% - 12.8rem);
  }
}
/* =========================================== =======================*/
/* =========================================== =======================*/
/* ======================== 메인 / 일정안내 ==========================*/
/* =========================================== =======================*/
/* =========================================== =======================*/
.main__calendar {
  padding: 11rem 0 18rem;
}
.main__calendar .calendar__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 2rem;
}
.main__calendar .article-title {
  margin-bottom: 0;
}
.main__calendar .calendar__more-btn {
  width: 5rem;
  height: 5rem;
  border: 1px solid #94a3b3;
  margin-bottom: 1rem;

  font-size: 0;

  position: relative;
}

.main__calendar .calendar__more-btn::before,
.main__calendar .calendar__more-btn::after {
  content: "";
  display: block;
  width: 2.2rem;
  height: 0.2rem;
  border-radius: 0.1rem;
  background-color: #94a3b3;

  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 1.1rem);
}
.main__calendar .calendar__more-btn::after {
  transform-origin: center;
  transform: rotate(90deg);
}

.main__calendar .calendar__header {
  border: 1px solid var(--color-line);
  border-left: none;
  border-right: none;
  background-color: #f4f5f850;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.main__calendar .year-btn__group {
  text-align: center;
  flex-grow: 1;
  min-width: 17rem;

  display: flex;
  align-items: center;
  justify-content: center;
}

.main__calendar .year-btn__group .now-year {
  width: 6rem;
  border: none;
  height: auto;
  padding: 0;
  display: inline-block;
  margin: 0 3.3rem;
  font-size: 2.4rem;
  color: var(--color-main);
  font-weight: 700;
  background-color: transparent;
}
/* ================== 이전년도/다음년도 버튼 */
.main__calendar .year-btn__group .prev-year-btn,
.main__calendar .year-btn__group .next-year-btn {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.4rem;
  border: 1px solid var(--color-title);
  font-size: 0;

  background: no-repeat center;
  background-repeat: no-repeat;
  background-position: center;
}
/* ===============이전년도 버튼 */
.main__calendar .year-btn__group .prev-year-btn {
  /* stroke==334155 */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M7.911 1.5 3.5 5.911l4.411 4.411' fill='none' stroke='%23334155' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E");
}
.main__calendar .year-btn__group .prev-year-btn:hover {
  /* stroke==2E76EF  */
  border-color: var(--color-main);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M7.911 1.5 3.5 5.911l4.411 4.411' fill='none' stroke='%232E76EF' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E");
}

/* ===============다음년도 버튼 */
.main__calendar .year-btn__group .next-year-btn {
  /* stroke==334155 */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M4.089 1.5 8.5 5.911l-4.411 4.411' fill='none' stroke='%23334155' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E");
}

.main__calendar .year-btn__group .next-year-btn:hover {
  /* stroke==2E76EF  */
  border-color: var(--color-main);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M4.089 1.5 8.5 5.911l-4.411 4.411' fill='none' stroke='%232E76EF' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E");
}

@media all and (max-width: 1200px) {
  .main__calendar {
    padding: 4rem 0;
  }
  .main__calendar .article-title {
    margin-bottom: 0;
  }

  .main__calendar .calendar__more-btn {
    width: 2.6rem;
    height: 2.6rem;
    margin-bottom: 4rem;
  }
  .main__calendar .calendar__more-btn::before,
  .main__calendar .calendar__more-btn::after {
    width: 1.6rem;
    left: calc(50% - 0.8rem);
  }

  .main__calendar .calendar__header {
    border: none;
    display: block;
  }

  .main__calendar .year-btn__group {
    min-width: auto;
    width: 100%;
    padding: 2rem 0 1.6rem;
  }

  .main__calendar .year-btn__group .now-year {
    margin: 0 3rem;
    font-size: 2.2rem;
  }
}

/* ====================월별 버튼 */
.main__calendar .month-btn__group {
  display: flex;
  gap: 0.4rem;
  border-right: 1px solid var(--color-line);
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
  max-width: 91.5rem;
}
.main__calendar .month-btn__group div {
  display: flex;
  width: 50%;
}

.main__calendar .month-btn__group .month-btn {
  font-size: 1.8rem;
  width: 16.6666%;
  height: 6.4rem;
  /* var(--color-line); 15% */
  background-color: #c6ced715;
  border-left: 1px solid var(--color-line);
}
.main__calendar .month-btn__group .month-btn:hover,
.main__calendar .month-btn__group .month-btn.active {
  background-color: var(--color-main);
  border: none;
  border-radius: 0.8rem;

  font-weight: 700;
  color: #fff;
  transform: scaleX(1.1) scaleY(1.2);
}
.main__calendar .month-btn__group .month-btn.active:after {
  display: inline;
  content: "월";
  font-size: 1.8rem;
}

@media all and (max-width: 1200px) {
  .main__calendar .month-btn__group {
    margin: 0 auto;
    border-right: none;

    padding: 0.8rem;
  }

  .main__calendar .month-btn__group div {
    width: 100%;
    gap: 0.4rem;
  }
  .main__calendar .month-btn__group .month-btn {
    font-size: 1.6rem;
    height: 4.8rem;
    border: 1px solid var(--color-line);
  }
}
@media all and (max-width: 768px) {
  .main__calendar .month-btn__group {
    flex-wrap: wrap;
  }
  .main__calendar .month-btn__group .group__bottom {
    margin-top: 0.6rem;
  }

  .main__calendar .month-btn__group .month-btn:hover,
  .main__calendar .month-btn__group .month-btn.active {
    transform: scale(1.1);
  }

  .main__calendar .month-btn__group .month-btn.active:after {
    font-size: 1.4rem;
  }
}
/* ===========================캘린더보기 버튼 */
.calendar__header .calendar__line-btn {
  margin: 0 1rem 0 1.6rem;
  padding: 1.2rem 1.8rem;
  padding-right: 5.6rem;
  width: auto;
  white-space: nowrap;

  background: #2e76ef10 no-repeat calc(100% - 1.4rem) / 2.7rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.5 29.5' %3E%3Cpath fill='%23e6eefb' d='M1.6 26.5c0 .8.6 1.4 1.4 1.4h21.5c.7 0 1.2-.5 1.2-1.2V11.1H1.6v15.4z' /%3E%3Cg fill='%232e76ef'%3E%3Cpath d='M25.4 3.3h-3.9V1c0-.6-.5-1.1-1.1-1-.6 0-1.1.5-1 1.1v2.2H7.7V1c0-.6-.5-1.1-1.1-1C6 0 5.5.5 5.5 1.1v2.2H2.1c-1.2 0-2.1.9-2.1 2v22.1c0 1.2.9 2.1 2.1 2.1h23.3c1.2 0 2.1-.9 2.1-2.1V5.3c0-1.1-1-2-2.1-2zm.4 23.5c0 .7-.5 1.2-1.2 1.2H3.1c-.8 0-1.4-.6-1.4-1.4V11.1h24.2v15.7z' /%3E%3Cpath d='M5.3 16.2h2.1c.3 0 .6-.3.6-.6v-2.1c0-.3-.3-.6-.6-.6H5.3c-.3 0-.6.3-.6.6v2.1c0 .3.3.6.6.6zm4.9 0h2.1c.3 0 .6-.3.6-.6v-2.1c0-.3-.3-.6-.6-.6h-2.1c-.3 0-.6.3-.6.6v2.1c0 .3.3.6.6.6zm4.9 0h2.1c.3 0 .6-.3.6-.6v-2.1c0-.3-.3-.6-.6-.6h-2.1c-.3 0-.6.3-.6.6v2.1c0 .3.3.6.6.6zm5 0h2.1c.3 0 .6-.3.6-.6v-2.1c0-.3-.3-.6-.6-.6h-2.1c-.3 0-.6.3-.6.6v2.1c0 .3.2.6.6.6zM5.3 21.1h2.1c.3 0 .6-.3.6-.6v-2.1c0-.3-.3-.6-.6-.6H5.3c-.3 0-.6.3-.6.6v2.1c0 .3.3.6.6.6zm9.8 0h2.1c.3 0 .6-.3.6-.6v-2.1c0-.3-.3-.6-.6-.6h-2.1c-.3 0-.6.3-.6.6v2.1c0 .3.3.6.6.6zm5 0h2.1c.3 0 .6-.3.6-.6v-2.1c0-.3-.3-.6-.6-.6h-2.1c-.3 0-.6.3-.6.6v2.1c0 .3.2.6.6.6zM5.3 26.2h2.1c.3 0 .6-.3.6-.6v-2.1c0-.3-.3-.6-.6-.6H5.3c-.3 0-.6.3-.6.6v2.1c0 .3.3.6.6.6zm4.9 0h2.1c.3 0 .6-.3.6-.6v-2.1c0-.3-.3-.6-.6-.6h-2.1c-.3 0-.6.3-.6.6v2.1c0 .3.3.6.6.6zm4.9 0h2.1c.3 0 .6-.3.6-.6v-2.1c0-.3-.3-.6-.6-.6h-2.1c-.3 0-.6.3-.6.6v2.1c0 .3.3.6.6.6zm-4.9-5.1h2.1c.3 0 .6-.3.6-.6v-2.1c0-.3-.3-.6-.6-.6h-2.1c-.3 0-.6.3-.6.6v2.1c0 .3.3.6.6.6z' /%3E%3C/g%3E%3C/svg%3E");
}
.calendar__header .calendar__line-btn svg {
  margin-left: 0.8rem;
}
.calendar__header .calendar__line-btn:hover {
  background-color: #2e76ef50;
  color: var(--color-main);
}

@media all and (max-width: 1300px) {
  .calendar__header .calendar__line-btn {
    font-size: 0;
    height: 4.4rem;
    padding: 0;
    width: 6.4rem;
    background-position: center;
  }
  .calendar__header .calendar__line-btn svg {
    margin-left: 0;
  }
}

@media all and (max-width: 1200px) {
  .calendar__header .calendar__line-btn {
    display: none;
  }
}

/* =====================캘린더 내용 */
.main__calendar .calendar__bottom--wrap {
  margin-top: 2.8rem;
  display: flex;
  gap: 2.7rem;
}
/* ================달력 */
.main__calendar .calendar__content {
  display: none;
}
.main__calendar.active .calendar__content {
  display: block;
}
.main__calendar .calendar__content {
  border: 1px solid var(--color-line);
}
.main__calendar .calendar__content .calendar__title {
  height: 6.8rem;
  padding: 1.6rem 7.5rem;
  background-color: #f7f8f9;
  border-bottom: 1px solid var(--color-line);

  font-weight: 700;
  font-size: 2.4rem;
}
.main__calendar .calendar__content .calendar__title span {
  font-size: 1.6rem;
  font-weight: 400;
  margin-left: 0.8rem;
}

.main__calendar .calendar-table__wrap {
  padding: 1.6rem 7.6rem 2.6rem;
}
.main__calendar .calendar-table {
  width: 40rem;
  text-align: center;
}
.main__calendar .calendar-table th,
.main__calendar .calendar-table td {
  width: 5.7rem;
  height: 5.7rem;
  padding: 0.8rem 1rem;
  position: relative;
}
.main__calendar .calendar-table tbody tr ~ tr {
  border-top: 1px dashed var(--color-line);
}
.main__calendar .calendar-table th.sun {
  color: var(--color-red);
}
.main__calendar .calendar-table th.sat {
  color: var(--color-main);
}
td.next-preview {
  color: var(--color-line);
}

.main__calendar td.holiday {
  color: var(--color-red);
  font-weight: 700;
}

.main__calendar td[class] {
  cursor: pointer;
}

.main__calendar td[class] button {
  width: 4rem;
  height: 4rem;
  border-radius: 3rem;
  background-color: #497bdb20;
  position: absolute;
  top: calc(50% - 2rem);
  left: calc(50% - 2rem);
  z-index: -1;
}
.main__calendar td.on {
  color: #fff;
  font-weight: 700;
}

.main__calendar td.on button {
  background-color: var(--color-main);
}
@media all and (max-width: 1200px) {
  .main__calendar .calendar__content {
    display: block;
  }
  .main__calendar .calendar__content .calendar__title {
    height: 5.8rem;
    padding: 1.2rem 3.2rem;
    font-size: 2.2rem;
  }

  .main__calendar .calendar-table__wrap {
    padding: 1.6rem;
  }
  .main__calendar .calendar-table {
    width: auto;
    margin: 0 auto;
    text-align: center;
  }
  .main__calendar .calendar-table th,
  .main__calendar .calendar-table td {
    width: 3.2rem;
    height: 3.2rem;
    padding: 0.6rem;
  }

  .main__calendar td[class] button {
    width: 3.2rem;
    height: 3.2rem;
    top: calc(50% - 1.6rem);
    left: calc(50% - 1.6rem);
  }
}
@media all and (max-width: 768px) {
  /* ======캘린더 내용 */
  .main__calendar .calendar__bottom--wrap {
    margin-top: 1rem;
    display: block;
  }
}
/* ==============================학사일정 */

.main__calendar .calendar__schedule {
  border: 1px solid var(--color-main);
  background-color: #c6ced710;
  flex-grow: 1;
}
/* =======캘린더 보기 off */
.main__calendar .calendar__schedule .calendar__title {
  display: none;
}
/* =======캘린더 보기 on */
.main__calendar.active .calendar__schedule .calendar__title {
  display: flex;
}
.main__calendar .calendar__schedule .calendar__title {
  height: 6.8rem;
  color: #fff;
  background-color: var(--color-sub);
  font-weight: 700;
  font-size: 2.4rem;
  padding: 1.6rem 4.2rem;

  align-items: center;
}
.main__calendar .calendar__title svg {
  margin-right: 1.6rem;
  width: 3rem;
  height: 3rem;
}

@media all and (max-width: 1200px) {
  .main__calendar .calendar__schedule .calendar__title {
    display: block;
  }
}
/* ==================학사일정 >>일정목록 */
.calendar__schedule--list {
  min-height: 18rem;
  height: auto;
  padding: 3.2rem 4.2rem;
  display: grid;
  grid: auto/1fr 1fr 1fr;
  gap: 2rem 0;
}

li.calendar__schedule--item {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.calendar__date-badge {
  width: 10rem;
  height: 10rem;
  background-color: var(--color-line);
  background-image: linear-gradient(-45deg, #ffffff30 50%, #ffffff00 50%);
  padding: 1.3rem 0;
  border-radius: 0.8rem;

  text-align: center;
  color: #fff;

  display: flex;
  flex-direction: column;
  justify-content: center;
}
li.calendar__schedule--item.on .calendar__date-badge,
li.calendar__schedule--item:hover .calendar__date-badge {
  background-color: var(--color-main);
}
.calendar__date-badge span {
  line-height: 1;
}
.calendar__date-badge .month {
  font-size: 3.2rem;
  font-weight: 700;
}
.calendar__date-badge .month-date {
  font-size: 1.8rem;
  margin-top: 1rem;
  font-weight: 500;
}
.calendar__schedule--name {
  font-size: 1.8rem;
}
.calendar__schedule--name .full-date {
  display: block;
  font-weight: 500;
  font-style: normal;
}
.calendar__schedule--name .name-text {
  display: block;
  font-weight: 300;
}
/* =================캘린더 열림 */

.main__calendar.active .calendar__schedule--list {
  display: block;
  height: 37.6rem;
  overflow-y: auto;
  padding: 2.8rem 4.2rem;
}
.main__calendar.active .calendar__schedule--list li ~ li {
  margin-top: 3rem;
}
.calendar__schedule--list .calendar__schedule--item {
  gap: 4.8rem;
}
.main__calendar.active .calendar__date-badge {
  width: 8.4rem;
  height: 8.4rem;
}

.main__calendar.active .calendar__date-badge .month {
  font-size: 2.6rem;
}
.main__calendar.active .calendar__date-badge .month-date {
  font-size: 1.6rem;
  margin-top: 1rem;
}

@media all and (max-width: 1200px) {
  /* ==================학사일정 >>일정목록 */
  .calendar__schedule--list {
    padding: 1.8rem;
    display: block;
    height: 28.6rem;
    overflow: scroll;
  }
  .main__calendar .calendar__schedule--list li ~ li {
    margin-top: 1.8rem;
  }

  li.calendar__schedule--item {
    gap: 2rem;
  }
  .calendar__date-badge {
    width: 7.1rem;
    min-width: 7.1rem;
    height: 7.1rem;
    padding: 1.8rem 0;

    text-align: center;
    background-color: var(--color-main);
  }

  .calendar__date-badge span {
    line-height: 1;
  }
  .calendar__date-badge .month {
    font-size: 2.2rem;
  }
  .calendar__date-badge .month-date {
    font-size: 1.3rem;
  }
  .calendar__schedule--name {
    font-size: 1.6rem;
  }
}

@media all and (max-width: 768px) {
  .calendar__schedule {
    margin-top: 2rem;
  }
}
/* ====================== ============== ====================== */
/* ==========================취업성공기========================= */
/* ====================== ============== ====================== */
.main__job-story {
  padding: 11rem 0;
  background-color: #eef0f3;
  overflow: hidden;

  position: relative;
}

.main__job-story .inner {
  position: relative;
}

.job-story__top {
  margin-bottom: 4rem;
}

@media all and (max-width: 1200px) {
  .main__job-story {
    padding: 4.8rem 0 3.6rem;
  }

  .job-story__top {
    margin-bottom: 1.6rem;
  }
}
/* ====================취업성공기 슬라이드 */
.job-story__slide--wrap {
  width: 100%;
}

/* ====================취업성공기 슬라이드버튼 */
.job-story__silde-btn--group {
  position: absolute;
  top: 1rem;
  right: 0;
  display: flex;
  gap: 1.4rem;
}
.job-story__silde-btn--group button {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  border: 1px solid var(--color-line);
  background: no-repeat center/2.4rem;

  font-size: 0;
  position: initial;
}
.job-story__more-btn {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  background-color: var(--color-main);
  margin-left: 0.2rem;

  font-size: 0;
  position: relative;
}
.job-story__more-btn:hover::before,
.job-story__more-btn:hover::after {
  outline: 1px solid #fff;
}
.job-story__more-btn::before,
.job-story__more-btn::after {
  content: "";
  display: block;
  width: 2.2rem;
  height: 0.2rem;
  border-radius: 0.1rem;
  background-color: #fff;
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 1.1rem);
}
.job-story__more-btn::after {
  transform-origin: center;
  transform: rotate(90deg);
}
/* ===============이전 버튼 */
.job-story__silde-btn--group .prev__btn {
  /* stroke==#5C6777 */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m13.532 2.5-7.2 7.2 7.2 7.2' fill='none' stroke='%23C6CED7' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E");
}
.job-story__silde-btn--group .prev__btn:hover {
  /* stroke==#334155  */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m13.532 2.5-7.2 7.2 7.2 7.2' fill='none' stroke='%23334155' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E");
  border-color: var(--color-title-sub);
}

/* ===============다음 버튼 */
.job-story__silde-btn--group .next__btn {
  right: 0;
  /* stroke==#5C6777 */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m6.579 2.5 7.2 7.2-7.2 7.2' fill='none' stroke='%23C6CED7' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E");
}

.job-story__silde-btn--group .next__btn:hover {
  /* stroke==#334155  */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m6.579 2.5 7.2 7.2-7.2 7.2' fill='none' stroke='%23334155' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E");
  border-color: var(--color-title-sub);
}

.job-story__slide {
  width: 2925px;
  display: flex;
  /* gap: 5rem; */
}

.job-story__slide--item {
  width: 37.5rem;
  min-width: 37.5rem;
  max-width: 37.5rem;
  align-items: center;
  background-color: #fff;
  padding: 3rem 3.4rem;
  border-radius: 2rem;
  box-shadow: 0 0.6rem 2rem #00000014;

  position: relative;
}

.job-story__slide--img {
  height: 19.2rem;
  border-radius: 0.8rem;
  overflow: hidden;
}
.job-story__slide--img img {
  width: 100%;
}

/* ===============슬라이드 텍스트 */
.slide--item__box {
}
.slide--item__box .silde__title {
  font-size: 2.2rem;
  font-weight: 700;
  margin-top: 1.8rem;
  word-break: keep-all;
}
.slide--item__box .student-name {
  margin-top: 1rem;
  font-size: 1.8rem;
}

.slide--item__box .student-info {
  font-weight: 300;
}
.slide--item__box .post-date {
  font-size: 1.4rem;
  font-weight: 300;
  color: #94a3b3;
  margin-top: 1.6rem;
}

@media all and (max-width: 1200px) {
  .job-story__slide--wrap {
    overflow: hidden;
  }

  /* ====================취업성공기 슬라이드버튼 */
  .job-story__silde-btn--group {
    top: 2rem;
    right: 1.8rem;
    gap: 0.8rem;
  }
  .job-story__silde-btn--group button {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 0;
    background-size: 1.6rem;
    border: 1px solid #9da4ad;
    position: relative;
    bottom: 0;
  }

  .job-story__more-btn {
    width: 2.6rem;
    height: 2.6rem;
  }

  .job-story__more-btn::before,
  .job-story__more-btn::after {
    width: 1.6rem;
    left: calc(50% - 0.8rem);
  }

  /* ===============이전 버튼 */
  .job-story__silde-btn--group .prev__btn {
    /* stroke==#9da4ad */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m13.532 2.5-7.2 7.2 7.2 7.2' fill='none' stroke='%239da4ad' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E");
  }
  /* ===============다음 버튼 */
  .job-story__silde-btn--group .next__btn {
    /* stroke==#9da4ad */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m6.579 2.5 7.2 7.2-7.2 7.2' fill='none' stroke='%239da4ad' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E");
  }
  .job-story__slide {
    width: 2925px;
    gap: 0;
  }
  .job-story__slide--item {
    width: 32.4rem;
    min-width: 32.4rem;
    max-width: 32.4rem;
    margin: 0;
    padding: 1.2rem 1.2rem 2.6rem;
    border-radius: 0;

    position: relative;
  }

  .job-story__slide--img {
    box-shadow: none;
  }

  /* ===============슬라이드 텍스트 */

  .slide--item__box .silde__title {
    font-size: 1.8rem;
    margin-top: 1.6rem;
  }
  .slide--item__box .student-name {
    display: none;
  }

  .slide--item__box .student-info {
    font-weight: 300;
    font-size: 1.6rem;
    margin-top: 0.8rem;
  }
  .slide--item__box .post-date {
    display: none;
  }
}
/* ====================== ============== ====================== */
/* ======================메인 / 유관기업====================== */
/* ====================== ============== ====================== */

.main__partners {
  padding: 7rem 0;
}
.main__partners .inner {
  position: relative;
  height: 8rem;
  padding: 0 7.6rem;
}
.main__partners .prev__btn,
.main__partners .next__btn {
  top: calc(50% - 2.5rem);
}
.main__partners .prev__btn {
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' %3E%3Cpath d='M20.6 4.4 9.9 15.1l10.7 10.7' style='fill:none;stroke:%239DA4AD;stroke-width:2;stroke-linecap:round'/%3E%3C/svg%3E");
}
.main__partners .next__btn {
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' %3E%3Cpath d='m9.4 4.4 10.7 10.7L9.4 25.7' style='fill:none;stroke:%239DA4AD;stroke-width:2;stroke-linecap:round'/%3E%3C/svg%3E");
}
.partners__content {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.partners__content-list {
  height: 100%;
  display: flex;
  width: calc(21rem * 12);
}

.partners__content-item {
  width: 19rem;
  min-width: 19rem;
  max-width: 19rem;
  height: 8rem;

  display: flex;
  align-items: center;
  justify-content: center;
  /* outline: 1px solid red; */
}
.partners__content-item img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

@media all and (max-width: 1200px) {
  .main__partners {
    padding: 3.6rem 0;
  }
  .main__partners .inner {
    padding: 0 5.4rem;
    height: 5.3rem;
  }
  .main__partners .prev__btn,
  .main__partners .next__btn {
    width: 2.6rem;
    height: 2.6rem;
    background-size: 1.6rem;
    top: calc(50% - 1.3rem);
  }
  .main__partners .prev__btn {
    left: 1.8rem;
  }
  .main__partners .next__btn {
    right: 1.8rem;
  }

  .partners__content-list {
    width: calc(13.7rem * 12);
  }

  .partners__content-item {
    width: 12.7rem;
    min-width: 12.7rem;
    max-width: 12.7rem;
    height: 5.3rem;
  }
}