.header {
  position: relative;
  z-index: 2;
}


/* 메인 헤더 ######################### */
.heading-block {
    margin-bottom: 20px;
    margin-top: 10px;
}
.heading-block h2 {
    font-size: 30px;
	font-weight:700;
	text-align:center;
}
.heading-block::after {
    content: '';
    display: block;
    margin-top: 20px;
    width: 40px;
    border-top: 2px solid #444;
}
.center .heading-block::after, .text-center .heading-block::after, .heading-block.center::after, .heading-block.text-center::after {
    margin: 30px auto 0;
}


.heading-block.center > span, .heading-block.text-center > span, .center .heading-block > span, .text-center .heading-block > span {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.heading-block > span:not(.before-heading) {
    display: block;
    margin-top: 10px;
    font-weight: 300;
    color: #777;
	text-align:center;
}

	@media (max-width: 600px) {
		 .heading-block  {margin-top:-10px !important}
		 .heading-block h2 { font-size: 22px; }
		 .heading-block span { font-size: 14px;margin-top:5px }
		 .marginT30 {margin-top:10px !important}
		 .marginB30 {margin-bottom:10px !important}
		 .heading-block::after {
			content: '';
			display: block;
			margin-top: 10px !important;
			width: 40px;
			border-top: 2px solid #444;
		 }
		    .nmMY {margin-top:0px !important}
	}



/* 메인 헤더 ######################### */


/*slick slider */

#block_mainimgWrap {
      position: relative;
	  max-width:1280px;
	  max-height:853px;
	  overflow:hidden;
  }

  .image-overlay {
      position: relative;
      display: inline-block;
      width: 100%;
  }

.image-overlay img {
      display: block;
      width: 100%;
      height: auto;
  }

  .image-overlay .gradient {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
      pointer-events: none; /* 클릭 이벤트를 방해하지 않음 */
  }


#mainSliderDesc					{ width:94%;border:0px solid yellow;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); padding: 10px; text-align: center;z-index:2  !important}
.mainSliderDesc_button	{ padding:10px 0;margin:0 auto;font-size:27px;font-weight:500;color:#FFF;text-align:center;width:90%}
.mainSliderDesc_sosok	{ padding:10px 0;margin:0 auto;font-size:27px;font-weight:500;color:#FFF;text-align:center;width:90%}
.mainSliderDesc_eng		{ color:#f8eb94;padding:10px 0;margin:0 auto;font-size:32px;font-weight:300;text-align:center;width:90%}
.mainSliderDesc_name	{ color:#FFF;padding:15px 0;margin:0 auto;font-size:56px;font-weight:900;text-align:center;width:90% }
.mainSliderDesc_desc		{color:#FFF;padding:40px 0;margin:0 auto;font-size:28px;font-weight:700;text-align:center;width:90%  }
.mainSliderDesc_desc2	{color:#FFF;padding:40px 0;margin:0 auto;font-size:20px;font-weight:500;text-align:center;width:80%;white-space: normal;word-break:keep-all  }


	@media (max-width: 1400px) {
			#block_mainimgContainer {margin-top:0 !important}
			.header {height:50px}
	}


	@media (max-width: 900px) {
			.mainSliderDesc_sosok	{ padding:5px 0;margin:0 auto;font-size:22px;font-weight:500;color:#FFF;text-align:center;width:90%}
			.mainSliderDesc_eng		{ color:#f8eb94;padding:5px 0;margin:0 auto;font-size:24px;font-weight:300;text-align:center;width:90%}
			.mainSliderDesc_name	{ color:#FFF;padding:10px 0;margin:0 auto;font-size:46px;font-weight:900;text-align:center;width:90% }
			.mainSliderDesc_desc		{color:#FFF;padding:20px 0;margin:0 auto;font-size:22px;font-weight:700;text-align:center;width:90%  }
			.mainSliderDesc_desc2	{color:#FFF;padding:20px 0;margin:0 auto;font-size:16px;font-weight:500;text-align:center;width:80%;white-space: normal;word-break:keep-all   }	
			#block_mainimgContainer {margin-top:0 !important}
			.header {height:50px}
	}

	@media (max-width: 600px) {
			#mainSliderDesc					{ margin-top:-15px;border:0px solid red !important;width:98%;border:0px solid yellow;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); padding: 0; text-align: center;z-index:2  !important}
			.mainSliderDesc_button	{ padding:4px 0;margin:0 auto;font-size:14px;font-weight:500;color:#FFF;text-align:center;width:96%}		
			.mainSliderDesc_sosok	{ padding:3px 0;margin:0 auto;font-size:12px;font-weight:500;color:#FFF;text-align:center;width:96%}
			.mainSliderDesc_eng		{ color:#f8eb94;padding:3px 0;margin:0 auto;font-size:13px;font-weight:300;text-align:center;width:96%;line-height:140%}
			.mainSliderDesc_name	{ color:#FFF;padding:3px 0;margin:0 auto;font-size:18px;font-weight:900;text-align:center;width:96% }
			.mainSliderDesc_desc		{color:#FFF;padding:3px 0;margin:0 auto;font-size:13px;font-weight:700;text-align:center;width:96%;line-height:130%  }
			.mainSliderDesc_desc2	{color:#FFF;padding:3px 0;margin:0 auto;font-size:10px;font-weight:500;text-align:center;width:96%;line-height:140% !important;white-space: normal;word-break:keep-all   }	
			#block_mainimgContainer {margin-top:0 !important}
			.header {height:50px}
	}


/*main_recentArticle box + etc*/
.recentArticleBoxWrap  {border:1px solid #DDD;padding:15px;border-radius:20px;width:100%}
.indexTitle2 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 3px solid #01408f;
    width: 100%;
    text-align: center;
    padding: 10px 0;
}

.moreInfo {
    font-weight: bold !important;
}

.moreInfo2 {
    font-weight: bold !important;text-align:center;padding:20px 0;
}

.recentSubject { vertical-align:middle }
.recentRegdate { vertical-align:middle }
.moreInfoWrap { margin-top:10px;padding:10px 0;text-align:center}

  @media (max-width: 600px) {
		  .indexRecentTR {height:38px}
			#indexRecent .recentRegdate {
			  display: none; /* 두 번째 td 숨기기 */
			}
			#indexRecent .recentSubject {
			  width: 100% !important; /* 첫 번째 td의 너비를 100%로 설정 */
			}
			#indexRecent2 .recentRegdate {
			  display: none; /* 두 번째 td 숨기기 */
			}
			#indexRecent2 .recentSubject {
			  width: 100% !important; /* 첫 번째 td의 너비를 100%로 설정 */
			}
			.moreInfoWrap { margin-top:5px;padding:5px 0;text-align:center}
			.moreInfo2, .moreInfo {
				font-weight: bold !important;text-align:center;padding:10px 0;
			}
  }


.photoContainer { display:flex;gap:15px;flex-wrap:wrap;width:100%;justify-content:center }
.photoItem {width:19%}
.photoSubject {width:100%;display:inline-block;margin:4px 0 8px 0;text-align:center}

  @media (max-width: 600px) {
		.photoItem  {width:30%}
		.photoSubject {width:100%;display:inline-block;margin:4px 0 8px 0;text-align:center;font-size:13px !important}
	}


.kakaoBox {width:100%;background-color:#333;padding:40px;display:flex;justify-content: center;align-items:center;border-radius:8px }
.zoomBox {width:100%;background-color:#F5F5F5;padding:40px;display:flex;justify-content: center;align-items:center;border-radius:8px }
.kakaoBoxLeft { text-align:left;width:50%;border:0px solid red}
.kakaoBoxLeft ul { display:flex }
.kakaoBoxLeft ul li:nth-child(2){ padding-left:15px }
.kakaoBoxLeft  .kakaoName { display:inline-block;font-size:24px;font-weight:500;width:100%;color:#FFF}
.kakaoBoxLeft  .kakaoDesc { display:inline-block;font-size:14px;font-weight:300;color:#FFF }
.kakaoBoxLeft  .zoomName { display:inline-block;font-size:24px;font-weight:500;width:100%;color:#000 }
.kakaoBoxLeft  .zoomDesc { display:inline-block;font-size:14px;font-weight:300;color:#000 }
.kakaoBoxRight { text-align:right;width:50%;border:0px solid red}

  @media (max-width: 600px) {
		.kakaoBox {width:100%;background-color:#333;padding:20px;display:flex;justify-content: center;align-items:center;border-radius:8px ;}
		.zoomBox {width:100%;background-color:#F5F5F5;padding:20px;display:flex;justify-content: center;align-items:center;border-radius:8px }
		.kakaoBoxLeft { text-align:left;width:80%;border:0px solid red}

		.kakaoBoxLeft  .kakaoName { display:inline-block;font-size:16px;font-weight:500;width:100%;color:#FFF}
		.kakaoBoxLeft  .kakaoDesc { display:inline-block;font-size:14px;font-weight:300;color:#FFF;white-space: normal;word-break:keep-all ;line-height:145%}

		.kakaoBoxLeft  .zoomName { display:inline-block;font-size:16px;font-weight:500;width:100%;color:#000 }
		.kakaoBoxLeft  .zoomDesc { display:inline-block;font-size:14px;font-weight:300;color:#000 ;white-space: normal;word-break:keep-all ;line-height:145%}
  }



/* 예배안내 */
.worshipBox {width:100%;background-color:#FFF;padding:25px;display:flex;justify-content: center;align-items:center;border-radius:8px;border:1px solid #CCC }
.worshipBoxLeft { text-align:left;width:50%;border:0px solid red}
.worshipBoxLeft ul { display:flex }
.worshipBoxLeft ul li:nth-child(2){ padding-left:15px }
.worshipBoxLeft  .worshipName { display:inline-block;font-size:28px;font-weight:500;width:100%;color:#000}
.worshipBoxLeft  .worshipDesc { display:inline-block;font-size:16px;font-weight:300;color:#000 }
.worshipBoxRight { text-align:right;width:50%;border:0px solid red;font-size:18px;font-weight:700}

  @media (max-width: 600px) {
		.worshipBox {width:100%;background-color:#FFF;padding:15px;display:flex;justify-content: center;align-items:center;border-radius:4px;border:1px solid #CCC }
		.worshipBoxLeft { text-align:left;width:70%;border:0px solid red}
		.worshipBoxLeft  .worshipName { display:inline-block;font-size:18px;font-weight:500;width:100%;color:#000}
		.worshipBoxLeft  .worshipDesc { display:inline-block;font-size:14px;font-weight:300;color:#000 }
		.worshipBoxRight { text-align:right;width:50%;border:0px solid red;font-size:14px;font-weight:700}
  }

.locationDescWrap { display:flex;margin-top:20px;flex-wrap:wrap }
.locationDescItem { padding:20px 20px 40px 20px;line-height:180%;width:50% !important }
.locationSubject {color:#000000;font-size:20px;font-weight:700 }
.locationTXT {color:#000000;margin-top:10px;font-size:16px}

  @media (max-width: 600px) {
		.locationDescItem{  padding:10px 10px 20px 10px;line-height:150%;width:100% !important  }
		.locationSubject {color:#000000;font-size:18px;font-weight:700 }
		.locationTXT {color:#000000;margin-top:10px;font-size:14px}
		.locationWrap {width:100% !important}
  }




/* main */
.index_main {
  width: 100%;
  /*height: calc(100vh - 145px);*/
  position: relative;
}
.mo_back {
  display: none;
}
.index_main .main_swiper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.index_main .swiper-pagination {
  z-index: 1;
}
.index_main .swiper-horizontal > .swiper-pagination-bullets,
.index_main .swiper-pagination-bullets.swiper-pagination-horizontal,
.index_main .swiper-pagination-custom,
.index_main .swiper-pagination-fraction {
  width: initial;
  left: 16.5%;
  bottom: 9rem;
}
.index_main .swiper-pagination-bullet {
  background-color: #ebebeb;
  opacity: 1;
}
.index_main .swiper-pagination-bullet-active {
  width: 5rem;
  height: 1rem;
  border-radius: 5px;
  background-color: var(--main-color);
}
.main_txt {
  width: 100%;
  color: var(--white);
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
}
.main_txt .top,
.main_txt .mo_top {
  margin-bottom: 3.2rem;
  font-size: 3rem;
  font-weight: 500;
  position: relative;
}
.main_txt .top::after {
  content: "";
  width: 71rem;
  height: 2.9rem;
  border-radius: 14.5px;
  background-color: #afc56e;
  position: absolute;
  bottom: -14px;
  left: -10px;
  z-index: -1;
}
.main_txt .mo_top {
  display: none;
}
.main_txt .mo_top span {
  display: inline-block;
  margin-bottom: 1rem;
  position: relative;
}
.main_txt .mo_top span::after {
  content: "";
  width: 105%;
  height: 1.5rem;
  border-radius: 14.5px;
  background-color: #afc56e;
  position: absolute;
  bottom: -4px;
  left: -4px;
  z-index: -1;
}
.main_txt .bottom {
  font-size: 4.2rem;
  line-height: 1.2;
}
.quick_menu {
  width: 100%;
  position: absolute;
  bottom: -45.5px;
  z-index: 1;
}
.quick_menu .c_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6.5rem;
  width: calc(100% - 10.4rem);
  padding: 1.6rem 9rem;
  border: 1px solid var(--main-color);
  border-radius: 48px;
  background-color: #f1faf7;
  font-size: 1.4rem;
  z-index: 1;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16);
}
.quick_menu .go_menu {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.1rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--main-color);
}
.quick_menu ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 85%;
  font-size: 1.4rem;
  position: relative;
}
.quick_menu ul::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: var(--main-color);
  position: absolute;
  left: -47px;
}
.quick_menu ul li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.quick_menu .mo_no {
  display: none;
  cursor: pointer;
}
.quick_menu .mo_view {
  display: none;
  width: 100%;
}
.quick_menu .quick_swiper .swiper-slide a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.quick_menu .quick_swiper .swiper-slide a img {
  width: 33px;
  height: 33px;
}

/* section01 */
.section01 {
  margin-top: 14.5rem;
  padding: 3.9rem 0;
  background-color: #f6f6f6;
}
.notice_sec .top {
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #cccccc;
}
.notice_sec .top .tab_tits {
  display: flex;
  justify-content: space-between;
}
.notice_sec .top .tab_tits .tab_btn {
  width: 32rem;
  height: 4.5rem;
  border-radius: 22.5px;
  color: #898989;
}
.notice_sec .top .tab_tits .tab_btn.active {
  background-color: var(--main-color);
  color: var(--white);
}
.notice_sec .top .tab_tits .tab_btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1.8rem;
  word-break: keep-all;
  text-align: center;
}
.notice_sec .tab_contents {
  display: none;
  padding-top: 3rem;
}
.notice_sec .tab_contents.active {
  display: block;
}
.notice_sec .tab_contents .more_view {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  margin-bottom: 1.4rem;
  font-size: 1.4rem;
  color: var(--main-color);
}
.notice_sec .tab_contents ul {
  display: flex;
  gap: 2rem;
}
.notice_sec .tab_contents ul li {
  width: calc(100% - 6rem);
  padding: 1.8rem 2.3rem;
  background-color: var(--white);
}
.notice_sec .tab_contents ul li a {
  width: 100%;
}
.notice_sec .notice_date {
  margin-bottom: 2.2rem;
  font-size: 1.3rem;
  font-weight: 400;
  color: #acacac;
}
.notice_sec .notice_tit {
  margin-bottom: 2.4rem;
  line-height: 1.5;
  color: #000000;
  word-break: keep-all;
}
.notice_sec .notice_txt {
  display: -webkit-box;
  margin-bottom: 2.2rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #777;
  line-height: 1.6;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.notice_sec .tab_contents ul li .plus_btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f6f6f6;
  position: relative;
}
.notice_sec .tab_contents ul li .plus_btn p {
  width: 20px;
  height: 2px;
  background-color: #acacac;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.notice_sec .tab_contents ul li .plus_btn p:last-child {
  transform: translate(-50%, -50%) rotate(90deg);
}
.notice_sec .tab_swiper {
  display: none;
}
.notice_sec .tab_swiper a {
  display: block;
  width: 90%;
  margin: 0 auto;
  padding: 1.8rem 2.3rem;
  background-color: var(--white);
}
.notice_sec .swiper-button-next,
.notice_sec .swiper-button-prev {
  width: 12px;
  height: 20px;
}
.notice_sec .swiper-button-next {
  background: url(/img/swiper-next.png) no-repeat;
  right: 0;
}
.notice_sec .swiper-button-prev {
  background: url(/img/swiper-prev.png) no-repeat;
  left: 0;
}
.notice_sec .swiper-button-next::after,
.notice_sec .swiper-button-prev::after {
  display: none;
}
/* section02 */
.section02 {
  padding-top: 8rem;
}
.section02 .c_container ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 1.5rem;
}
.section02 .c_container ul .paper {
  width: 24.5rem;
  padding: 3.4rem 2.2rem;
  border-radius: 20px;
  background-color: #f1faf7;
}
.section02 .c_container ul .paper .top_icon {
  display: flex;
  justify-content: center;
  height: 17.9rem;
  padding-top: 1.1rem;
  border-bottom: 1px solid #afc3bc;
}
.section02 .c_container ul .paper .bottom_txt {
  padding-top: 1.2rem;
}
.section02 .c_container ul .paper .bottom_txt p {
  font-size: 1.8rem;
  line-height: 1.4;
}
.section02 .c_container ul .paper .bottom_txt p strong {
  color: #1590ab;
}
.section02 .c_container ul .event_swiper {
  width: 461px;
  border-radius: 20px;
}
.section02 .swiper_bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.2rem;
  height: 6rem;
  background-color: #f6f6f6;
}
.section02 .swiper-pagination-bullet-active {
  background-color: #1cb59d;
}
.section02 .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}
.section02 .swiper-horizontal > .swiper-pagination-bullets,
.section02 .swiper-pagination-bullets.swiper-pagination-horizontal,
.section02 .swiper-pagination-custom,
.section02 .swiper-pagination-fraction {
  width: initial;
  margin-bottom: 3px;
}
.section02 .swiper_bottom .swiper-button-play {
  display: none;
  border-bottom: 7px solid transparent;
  border-top: 7px solid transparent;
  border-left: 10px solid #ccc;
  border-right: 10px solid transparent;
  cursor: pointer;
}
.section02 .swiper_bottom .swiper-button-pause span {
  display: inline-block;
  width: 3px;
  height: 14px;
  margin-right: 3px;
  background-color: #ccc;
  cursor: pointer;
}

/* section03 */
.section03 {
  padding-top: 7rem;
}
.section03 .section_tit {
  margin-bottom: 2.8rem;
  font-size: 3rem;
  text-align: center;
  color: #555555;
}
.section03 .more_view {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1.1rem;
  color: var(--main-color);
}
.section03 .more_view span {
  margin-left: 4px;
}
.section03 .swiper-slide {
  overflow: hidden;
  border: 1px solid var(--white);
  border-radius: 0 0 20px 20px;
  transition: 0.3s;
}
.section03 .swiper-slide:hover {
  border: 1px solid var(--main-color);
}
.section03 .swiper-slide img {
  width: 100%;
  height: 206px;
}
.section03 .swiper-slide .bottom_txt {
  padding: 1.8rem 1.6rem 2.1rem;
  background-color: #f6f6f6;
  transition: 0.3s;
}
.section03 .swiper-slide:hover .bottom_txt {
  background-color: var(--white);
}
.section03 .swiper-slide .bottom_txt .gallery_tit {
  width: 100%;
  margin-bottom: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.section03 .swiper-slide .bottom_txt .gallery_date {
  font-size: 1.4rem;
  font-weight: 400;
  color: #acacac;
}
.section03 .swiper-button-next,
.section03 .swiper-button-prev {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.section03 .swiper-button-prev {
  left: 0;
}
.section03 .swiper-button-next {
  right: 0;
}
.section03 .swiper-button-prev::before,
.section03 .swiper-button-prev::after,
.section03 .swiper-button-next::before,
.section03 .swiper-button-next::after {
  content: "";
  width: 2px;
  height: 12px;
  border-radius: 3px;
  background-color: var(--white);
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.section03 .swiper-button-prev::before,
.section03 .swiper-button-prev::after {
  transform: translate(-50%, -50%) rotate(45deg);
}
.section03 .swiper-button-prev::after {
  transform: translate(-50%, -68%) rotate(135deg);
  top: 68%;
}
.section03 .swiper-button-next::after {
  transform: translate(-50%, -68%) rotate(45deg);
  top: 68%;
}

/* bottome_banner */
.bottom_banner {
  width: 100%;
  padding-top: 10rem;
  padding-bottom: 9.3rem;
}
.bottom_banner .banner_list a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 64px;
  border: 1px solid #707070;
  overflow: hidden;
}
.bottom_banner .banner_list .back a {
  background-color: #394a86;
  color: var(--white);
}
.bottom_banner .banner_list .blac a {
  background-color: #000;
}

@media screen and (max-width: 1400px) {
  .index_main {
    height: initial;
  }
  .index_main .main_swiper {
    position: initial;
  }
  .index_main .swiper-horizontal > .swiper-pagination-bullets,
  .index_main .swiper-pagination-bullets.swiper-pagination-horizontal,
  .index_main .swiper-pagination-custom,
  .index_main .swiper-pagination-fraction {
    left: 3rem;
    bottom: 7rem;
  }
  .main_txt {
    top: 25rem;
  }
  .bottom_banner .banner_list a {
    width: 186px;
    height: 55px;
  }
}
@media screen and (max-width: 1250px) {
  .main_txt .top {
    font-size: 2rem;
  }
  .main_txt .top::after {
    width: 48rem;
    height: 1.9rem;
    bottom: -9px;
  }
  .main_txt .bottom {
    font-size: 3rem;
  }
  .quick_menu .c_container {
    padding: 1.6rem 4rem;
  }
  .quick_menu .go_menu {
    display: none;
  }
  .quick_menu ul {
    width: 100%;
    font-size: 1.2rem;
  }
  .quick_menu ul::before {
    display: none;
  }
  .section02 .c_container ul li:last-child {
    width: 100%;
  }
  .section02 .c_container ul .paper {
    padding: 2.8rem 2.2rem;
  }
  .section02 .c_container ul .paper .top_icon {
    height: inherit;
    border-bottom: 0;
  }
  .section02 .c_container ul .paper .bottom_txt {
    text-align: center;
  }
  .section02 .c_container ul .paper .bottom_txt p:last-child {
    display: none;
  }
}
@media screen and (max-width: 850px) {
  .main_txt {
    top: 18rem;
    transform: initial;
  }
  .notice_sec .tab_contents ul {
    display: none;
  }
  .notice_sec .tab_swiper {
    display: block;
  }
  .section02 .c_container ul .paper {
    width: 100%;
  }
  .section02 .c_container ul .event_swiper {
    width: 100%;
  }
  .section02 .c_container ul .event_swiper img {
    width: 100%;
  }
}
@media screen and (max-width: 700px) {
  .quick_menu .mo_no {
    display: block;
  }
  .quick_menu .c_container {
    width: calc(100% - 4rem);
    padding: 1.2rem 2rem;
    gap: 2rem;
  }
  .quick_menu .quick {
    display: none;
  }
  .quick_menu .mo_view {
    display: block;
    overflow: hidden;
  }
  .section01 {
    margin-top: 8rem;
  }
  .notice_sec .top .tab_tits .tab_btn {
    width: 14.5rem;
  }
  .notice_sec .top .tab_tits .tab_btn a {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .section03 .section_tit {
    font-size: 2rem;
  }
}
@media screen and (max-width: 650px) {
  .pc_back {
    display: none;
  }
  .mo_back {
    display: block;
  }
  .index_main .swiper-horizontal > .swiper-pagination-bullets,
  .index_main .swiper-pagination-bullets.swiper-pagination-horizontal,
  .index_main .swiper-pagination-custom,
  .index_main .swiper-pagination-fraction {
    bottom: 6rem;
  }
  .main_txt {
    top: 13rem;
  }
  .main_txt .top {
    display: none;
  }
  .main_txt .top::after {
    display: none;
  }
  .main_txt .mo_top {
    display: block;
    margin-bottom: 1rem;
    font-size: 2rem;
  }
  .main_txt .bottom {
    font-size: 2.8rem;
  }
  .notice_sec .top .tab_tits .tab_btn {
    width: 9.5rem;
  }
  .bottom_banner .banner_list a {
    width: 130px;
  }
}




/*custom */
/* 메인 타이틀 */
.headingBlock{
	border:0px solid red;
	width:100%;
	margin-bottom:30px;
}

.indexTitle {
	color:#000;
	display:inline-block;
	width:100%;
	padding:10px 0;
    font-size : 32px; 
    box-sizing : border-box; 
    font-weight : 700; 
	text-align:center;
	border:0px solid yellow;
	 letter-spacing: -1.2px;	
	 transform:rotate(-0.03deg);
	 margin-top:30px;
}

.indexTitleDesc {
	display:inline-block;
	width:100%;
	padding:10px 0;
    font-size : 18px; 
    box-sizing : border-box; 
    font-weight : 300; 
	text-align:center;
	border:0px solid blue;
	 margin-bottom:15px;
	 transform:rotate(-0.03deg);
}

.indexTitleline {width:10%;height:2px;background-color: var(--main-color);margin:0 auto }


/*KIFA 새소식 */
/*사각강좌 - 뉴스 - 자료 4개짜리 */
.forceWhite {background-color:#FFF !important}
.tapWrap {width:auto;text-align:center;margin:30px 0 20px 0}
.kifaNewsTap {	
	background-color:#FFF;
	color:#000;
	font-weight:300;
	padding:12px 28px;
	border:0;
	font-size:18px;
	margin-right:8px;
	border:1px solid #DDD;
	border-radius:24px;
	}
.kifaNewsTapOn {	
	background-color:var(--main-color);
	color:#FFF;
	font-weight:700;
	padding:12px 28px;
	border:0;
	font-size:18px;
	margin-right:8px;
	border-radius:24px;
	}
.tapWrap button:last-child {margin-right:0}

.kifanewsWrap {padding:20px 0;border:0px solid red !important;background-color:#f6f6f6;width:100%;margin-top:30px;background-image:url('/img/newsbackground.jpg');background-size:cover; }

.kifanews {display:flex;flex-wrap:wrap;border:0px solid red}
.kifanewsitem{width:33.3%;padding:10px;box-sizing:border-box}
.kifanewsitemInner{padding:10px 10px 20px 10px;border:1px solid #DDDDDD;width:100%;background-color:#FFF}
.programitemDate {border:0px solid red;font-size:14px;color:#a8a8a8;width:100%;box-sizing:border-box;padding:15px 15px 0 15px;line-height:180%;letter-spacing:0px}
.programitemHeader {
	width:calc(100%-10px);
	box-sizing:border-box;
	padding:10px 15px 15px 15px;
	font-size:18px;
	font-weight:500;
	letter-spacing:0px;
	border:0px solid red !important;
	  overflow:hidden !important;
      text-overflow:ellipsis;
      white-space:nowrap;
	}


.programitemDesc {
		display: -webkit-box;
		display: -ms-flexbox;
		display: box;
		line-height:170% !important;
		box-sizing:border-box;
		border:1px solid #FFF !important;
		width:100%;
		padding:0 15px 15px 15px;
		font-weight:300 !important;
		margin-top:1px;
		height:85px !important;
		max-height:85px !important;
		overflow:hidden !important;
		text-overflow: ellipsis;
		word-break:break-all;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:3;
		border:0px solid red !important;
	}


.moreViewWrap {padding:20px 0;border:0px solid red !important;width:100%;margin-top:30px;background-image:url('/images/newsbackground.png');background-size:100%; }
.ctaMovie {display:flex;flex-wrap:wrap;justifiy-content;space-between;align-items: stretch;border:0px solid red}
.ctaMovieItem{width:33.3%;border:0px solid blue;box-sizing:border-box;position:relative;padding:10px;}


	@media (max-width: 1200px) {
			.kifanewsitem {width:33.3%;padding:5px;border:0px solid blue}
			.ctaMovieItem {width:33.3%;padding:5px;border:0px solid blue}
	}

	@media (max-width: 850px) {
			.kifanewsitem {width:50%;padding:5px;border:0px solid blue}
			.ctaMovieItem {width:50%;padding:5px;border:0px solid blue}
			.programitemDesc {border:0px solid blue !important;height:80px !important;	max-height:80px !important;
	}

	@media (max-width: 540px) {
			.kifanewsitem {width:100%;padding:5px}
			.ctaMovieItem {width:100%;padding:5px}
			.programitemDesc {border:0px solid blue !important;height:80px !important;	max-height:80px !important;
	}


.certWrap{
	width:100%;background-image:url('/img/certbg.png');height:160px;margin-top:20px;
}
.certContent{
	height:100%;display:flex;gap:6rem;border:0px solid red !important;align-items:center;justify-content: center;
}