@charset "UTF-8";
/* bar */
.bar {
  height: 1rem;
  background-color: #f9f9f9;
}

/*버튼*/

.btn_more {
  background: var(--primary);
  border-radius: 50%;
  width: 4.4rem;
}
.btn_more:hover {
  background: #16428d;
}

.btn_more2 {
  background: var(--primary);
  border-radius: 50px;
  min-width: 7rem;
  height: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0rem;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #fff;
  border: none;
}

.btn_more2 img {
  margin-left: 0.5rem;
  width: 1.2rem;
  height: 1.2rem;
}

/* 호버 효과 */
.btn_more2:hover {
  background: #8c9cb6;
}

/* 반응형 대응 */
@media (max-width: 991.98px) {
  .btn_more2 {
    min-width: 7rem;
    height: 3.5rem;
    padding: 0 1rem;
  }
  
  .btn_more2 img {
    width: 1rem;
    height: 1rem;
  }
}

.go_top2 {
  width: 6rem;
  height: 6rem;
  background: url(../img/go_top2.png) no-repeat center;
  background-color: var(--primary);
  background-size: 2.4rem auto;
  z-index: 1000;
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.go_top2.show {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.flex-1 {
  flex: 1;
}
.keep-all {
  word-break: keep-all !important;
}
.over-x {
  overflow-x: hidden;
}

/*PC 모바일 헤더 공통*/
.logo {
  display: flex;
  align-items: center;
}
.log_txt {
  font-size: 1.8rem;
  display: flex;
  padding-left: 1rem;
}
.log_txt span {
  display: inline-block;
  padding: 0 1rem;
  border-right: 1px solid var(--border);
}
.log_txt span:last-child {
  border-right: 0;
}

/*PC헤더 스타일*/
.logo img {
  height: 100%;
  width: auto;
}
.hd_pc {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
  background: #fff;
  border-bottom: 1px solid var(--border);
  z-index: 999;
}
.hd_pc .logo img {
  height: 4rem;
}
.hd_pc .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--hd_height);
  max-width: 1236px;
}
.hd_pc .nav_ul {
  display: flex;
  font-size: 2rem;
  font-weight: 600;
  margin-right: 2rem;
}
.hd_pc .nav_ul .nav_li {
  position: relative;
}
.hd_pc .nav_ul .nav_li.active > a,
.hd_pc .nav_ul .nav_li:hover > a {
  color: var(--secondary);
}
.hd_pc .nav_ul .nav_li.active:after {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--secondary);
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
}
.hd_pc .nav_ul .nav_li > a {
  padding: 0 2rem;
  display: flex;
  height: var(--hd_height);
  align-items: center;
  font-family: "TheJamsil3Regular";
}
.hd_pc .nav_ul .nav_li:hover > a {
  color: ##16428d;
}
.hd_pc .nav_ul .nav_li:hover .dropdown-menu {
  display: block;
}

.hd_r_btn {
  display: flex;
}
.hd_r_btn button,
.hd_r_btn .name {
  padding: 0 1rem;
  border-right: 1px solid #e3e3e3;
}
.hd_r_btn button:last-child,
.hd_r_btn .name:last-child {
  border-right: 0;
}

/*투명헤더*/
.hd_transparent {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.18), transparent);
  border-color: rgba(255, 255, 255, 0.3);
}
.hd_transparent .logo,
.hd_transparent .hd_menu_btn {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.hd_transparent .nav_ul .nav_li > a,
.hd_transparent .nav_ul .nav_li:hover > a,
.hd_transparent .nav_ul .nav_li:focus > a,
.hd_transparent .nav_ul .nav_li:visited > a,
.hd_transparent .hd_r_btn,
.hd_transparent .hd_r_btn button.btn {
  color: #fff;
}
.hd_r_btn button.btn {
  transition: none !important;
}

.nav_menu {
  margin-left: 20rem;
}
.hd_pc .nav_ul2 {
  display: none;
  min-width: 12rem;
  font-size: 1.5rem;
  z-index: 1010;
  position: relative;
}
.hd_pc .nav_li:hover .nav_ul2 {
  display: block;
  position: absolute;
  background: var(--bg);
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid var(--border);
  z-index: 9999;
}
.hd_pc .nav_ul2 a {
  display: block;
  padding: 1.4rem 2rem;
  white-space: nowrap;
  border-bottom: 1px solid var(--border);
  background: #fff;
  color: var(--text-muted);
}
.hd_pc .nav_ul2 a:hover {
  color: var(--primary);
  background: var(--light);
}
.hd_pc .nav_ul2 li:last-child a {
  border-bottom: 0;
}
.hd_pc .nav_ul2 a span {
  display: none;
}
.hd_pc .nav_a img {
  display: none;
}

/* 헴버거메뉴 */
.menu_on {
  overflow: hidden;
}
.hd_menu_btn {
  background: url(../img/ic_menu.png) no-repeat center;
  background-size: 4rem auto;
  cursor: pointer;
  width: 4rem;
  height: 4rem;
  touch-action: manipulation; /* 모바일에서 터치 반응성 개선 */
}

.hd_menu_btn a {
  display: block;
}
.m_menu_wr {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  right: -200%;
  width: 92%;
  max-width: 30rem;
  height: 100%;
  z-index: 1010;
  transition: all 0.5s ease-in-out;
  display: flex;
  justify-content: start;
}
.m_nav .nav_a img {
  width: 2rem;
}
.m_nav .nav_ul2 {
  /*display: none;*/
}

/* x버튼 */
.menu_hd {
  display: none;
  opacity: 0;
  height: 10rem;
  background: var(--primary);
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.menu_hd .logo {
  width: 6.8rem;
}
.menu_on .menu_hd {
  opacity: 1;
}
.close_btn,
.m_nav .menu_hd span {
  width: 4.4rem;
  flex-shrink: 0;
}

/* 메뉴 열렸을때 외부 */
.menu_on .m_menu_wr {
  visibility: visible;
  opacity: 1;
  right: -1px;
}
.m_nav {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: #fff;
  max-width: 0;
  transform: translateX(0%);
  visibility: hidden;
  opacity: 0;
}
.menu_on .m_nav {
  transform: translateX(0%);
  visibility: visible;
  opacity: 1;
  max-width: 100%;
  overflow-y: auto;
}
.m_nav .nav_ul.row {
  margin-right: -1.25rem;
  margin-left: -1.25rem;
}
.m_nav .nav_ul .col {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
.m_nav .nav_ul .nav_li {
  border-bottom: 1px solid var(--border);
  padding: 3rem 0;
}
.m_nav .nav_ul .nav_a {
  position: relative;
  display: flex;
  justify-content: space-between;
  font-size: 2rem;
  font-family: "TheJamsil4Medium";
  align-items: center;
}
.m_nav .nav_ul .nav_a:after {
  content: "";
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  background: url(../img/menu_more.png) no-repeat center / cover;
}
.m_nav .nav_ul .nav_li:hover .nav_a,
.m_nav .nav_ul .nav_li:focus .nav_a {
}
.m_nav .nav_ul .nav_ul2 {
  padding: 2rem 0 0;
}
.m_nav .nav_ul .nav_ul2 a {
  color: var(--text);
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.7rem 0;
  color: #95a1aa;
}
.m_nav .nav_ul .nav_ul2 li:last-child a {
  padding-bottom: 0;
}
.m_nav .nav_ul .nav_ul2 a:hover {
  color: #000;
}
.m_nav .nav_ul .nav_ul2 a:before {
  content: "";
  display: block;
  width: 0.3rem;
  height: 0.3rem;
  background: #95a1aa;
  margin-right: 0.6rem;
}
.menu_on .nav_log .btn-link {
  color: var(--gray);
  padding-bottom: 2rem;
}
.menu_bg {
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  transition: all 0.4s ease-in-out;
  width: 100%;
  height: 100%;
  z-index: 99998;
  visibility: hidden;
  opacity: 0;
}
.menu_on .menu_bg {
  visibility: visible;
  opacity: 1;
}
.m_nav .logo {
  display: inline-block;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.menu_body {
  height: calc(100vh - 10rem);
}
.menu_body .h-100 {
  overflow: auto;
}
.menu_body_left {
  width: 100%;
  margin: 0;
}
.menu_body_left {
  border: unset;
  padding-top: 2.2rem;
}
.menu_body_left .nav-link {
  color: var(--light_text);
  padding: 1.5rem 0;
  text-align: center;
  font-size: 1.8rem;
  text-align: center;
  font-family: "TheJamsil3Regular";
}
.menu_body_left .nav-link.active,
.nav_tab_text .nav-item.show .nav-link {
  color: #000;
  font-family: "TheJamsil4Medium";
}

/* 헤더 */
.hd_m {
  display: none;
  align-items: center;
  justify-content: space-between;
  height: 5.6rem !important;
  width: 100%;
  background: #fff;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 1.6rem;
  border-bottom: 1px solid var(--border);
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.03);
  z-index: 1000;
}
.hd_m.sdw_none {
  border-bottom: 0;
  box-shadow: none;
}
.hd_m .logo img {
  width: 9.6rem;
  display: flex;
}
.hd_m .log_txt {
  font-size: 1.4rem;
  padding-left: 0.5rem;
}
.hd_m .log_txt span {
  padding: 0 0.5rem;
}
.hd_m button {
  border: 0;
  background: transparent;
  width: 3rem;
}

.hd_m .page_tit {
}
.hd_m .hd_btn {
  min-width: 7rem;
  display: flex;
  align-items: center;
}

.hd_m.hd_trs {
  background: transparent;
}
.hd_m.hd_trs .page_tit {
  display: none;
}
.hd_m.hd_trs.fix {
  background: #fff;
}
.hd_m.hd_trs.fix .page_tit {
  display: -webkit-box;
}

/*검색*/
.sch_ip {
  display: flex;
  border: 1px solid var(--border);
  background: #fff;
  padding: 0 1.5rem 0 1.5rem;
  border-radius: 0;
}
.sch_ip .form-control {
  padding: 0.5rem 0;
  color: #0b1931;
}
.sch_ip .form-control:focus {
  background-color: transparent;
}
.sch_ip .form-control::placeholder {
  color: #95a1aa;
  opacity: 1;
}
.sch_ip button {
  width: 2rem;
  height: 2rem;
  border: 0;
  background: transparent;
}

/*회색 검색*/
.sch_gray.sch_ip {
  background: #f5f8fb;
  border: 0;
}

.ul_list {
}
.ol_list {
  padding-left: 2rem;
}
.ol_list li {
  margin-bottom: 0.5rem;
  line-height: 140%;
}

/*노데이터*/
.no_data {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.item_opt_counter {
  position: relative;
  width: 8.7rem;
  height: 2.8rem;
  line-height: 2.8rem;
  border-radius: 3.6rem;
  border: 1px solid #e3e3e3;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.item_opt_counter_btn {
  width: 26%;
  height: 3rem;
  vertical-align: top;
  padding: 0;
}

.item_opt_counter_btn.disabled,
.item_opt_counter_btn:disabled {
  opacity: 0.3;
  background: transparent;
  border: transparent;
}
.item_opt_counter .quantity {
  width: 48%;
  height: 100%;
  vertical-align: top;
  color: #333333;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 4.4rem;
  text-align: center;
  border: unset;
}

.item_opt_counter.time_counter {
  width: 15rem;
  height: 4.7rem;
  line-height: 4.7rem;
  border-radius: 3.6rem;
  border: 1px solid #e3e3e3;
}
.item_opt_counter.time_counter .quantity {
  color: #000;
  font-size: 1.8rem;
}

.item_opt_counter.disabled .quantity {
  color: #999;
}
.item_opt_counter.disabled .item_opt_counter_btn {
  opacity: 0.3;
}

.collapse_cate {
  position: relative;
}
.collapse_cate .btn-group-toggle .btn,
.collapse_cate .btn-group .btn {
  margin-right: 0.6rem;
  margin-bottom: 0.6rem;
}

/*.form-row*/
.ip_wr_row {
  margin-left: -1rem;
  margin-right: -1rem;
}
.ip_wr_row > .col,
.ip_wr_row > [class*="col-"] {
  padding-left: 1rem;
  padding-right: 1rem;
}

/*메인*/
.main_visual {
  display: flex;
  flex-direction: column-reverse;
}
.main_visual .banner_tit_wr {
  width: 100%;
  max-width: 100%;
  background: var(--primary);
  padding: 0 6rem;
  position: relative;
  height: auto;
}
.main_visual .banner_tit {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  padding-left: 1.8rem;
}
.main_visual .banner_tit .swiper-wrapper {
  display: flex;
  flex-direction: row;
}
.main_visual .banner_tit .swiper-slide {
  height: 6rem !important;
  padding: 0;
  display: flex;
  align-items: center;
  max-width: 19.4rem;
  width: auto;
  border-bottom: 0;
}
.main_visual .banner_tit p {
  color: #fff;
  opacity: 0.6;
  line-height: 130%;
}
.main_visual .banner_tit .swiper-slide.swiper-slide-thumb-active p {
  opacity: 1;
}

.main_visual .swiper_btn_wr {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.main_visual .swiper-button-prev,
.main_visual .swiper-button-next {
  position: static;
  width: 6rem;
  height: 6rem;
  border: 0;
  margin: 0;
}
.main_visual .swiper-button-prev:after,
.main_visual .swiper-button-next:after {
  content: "";
  display: block;
  background-size: 2.4rem;
  background-repeat: no-repeat;
  background-position: center;
  height: 6rem;
  width: 6rem;
}
.main_visual .swiper-button-prev:after {
  background-image: url(../img/bn_prev.png);
}
.main_visual .swiper-button-next:after {
  background-image: url(../img/bn_next.png);
}
.main_visual .swiper-button-prev:after,
.main_visual .swiper-button-next:after {
  display: block;
  background-size: 2.4rem;
  background-repeat: no-repeat;
  background-position: center;
  height: 6rem;
  width: 6rem;
}

.main_visual .main_banner {
  width: 100%;
  max-width: 100%;
}
.main_visual .main_banner .swiper-slide {
  position: relative;
}
.main_visual .main_banner .banner_text {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  padding: 0rem 6rem 2rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.main_visual .main_banner .banner_text .bn_tit {
  font-size: 5.8vmin;
  margin-bottom: 1.5rem;
  color: #fff;
  font-family: "TheJamsil4Medium";
  line-height: 135%;
  word-break: keep-all;
}
.main_visual .main_banner .banner_text .bn_sub {
  font-size: 2.5vmin;
  color: #fff;
  opacity: 0.6;
  white-space: pre-line;
  line-height: 145%;
}
.btn.btn_banner {
  width: fit-content;
  color: #fff;
  border-radius: 4rem;
  margin-top: 2rem;
  padding: 0 3rem;
  border: 2px solid #fff;
}

.pc_banner {
  display: block;
  height: 66rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.pc_banner {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.mo_banner:after {
  content: "";
  display: block;
  padding-bottom: 118.935%;
}
.mo_banner img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*메인콘츠 슬라이더*/
.swiper_wrap {
  position: relative;
}
.swiper_btn_default {
  display: flex;
}
.swiper_btn_default .swiper-button-prev,
.swiper_btn_default .swiper-button-next {
  width: 4.4rem;
  height: 4.4rem;
  border: 1px solid var(--border);
  border-radius: 50%;
  background: #fff;
  position: static;
  margin-top: 0;
}
.swiper_btn_default .swiper-button-prev {
}
.swiper_btn_default .swiper-button-next {
}
.swiper_btn_default .swiper-button-prev:after {
  content: "";
  background-image: url(../img/slide_prev.png);
}
.swiper_btn_default .swiper-button-next:after {
  content: "";
  background-image: url(../img/slide_next.png);
}
.swiper_btn_default .swiper-button-prev:after,
.swiper_btn_default .swiper-button-next:after {
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  width: 100%;
}
.swiper_btn_default .swiper-button-prev:hover,
.swiper_btn_default .swiper-button-next:hover {
  border-color: #c4cbcf;
}

/*메인타이틀*/
.sec_tit {
  margin-bottom: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.sec_tit .logo {
  width: 7.2rem;
}
.sub_text {
  font-size: 1.8rem;
}

/*리스트 스타일*/
.item .tit {
  height: 4.6rem;
  margin-bottom: 1.4rem;
  line-height: 130%;
  font-size: 1.8rem;
  font-weight: 700;
}
.item .info {
  color: #68747d;
  line-height: 130%;
}
.item .btn_more {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 50%;
  padding: 0;
  width: 4.4rem;
  height: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  z-index: 10;
}
.item .thum {
  margin-top: 2rem;
  position: relative;
}
.item .thum img {
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
}
.item .thum .badge {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
li:hover .thum img {
  transform: translate(-50%, -50%) scale(1.1);
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
}

/* 기존 스타일은 유지하고 호버 효과가 없는 새로운 클래스 추가 */
.item .thum.no_hover img {
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}

li:hover .thum.no_hover img {
  transform: translate(-50%, -50%);
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  scale: 1;
}

.item_link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.content_list {
  padding: 1px;
}
.content_list .row {
  margin-left: 0;
  margin-right: 0;
}
.content_list .col {
  padding-left: 0;
  padding-right: 0;
}
.content_list li {
  position: relative;
}
.content_list .item {
  display: block;
  padding: 3rem 2rem 2rem;
  height: calc(100% + 1px);
  border: 1px solid var(--border);
  margin-top: -1px;
  margin-left: -1px;
}
.content_list li:hover .item {
  color: #16428d;
}
.content_list li:hover .btn_more {
  border-color: #c4cbcf;
}

.cursor_move_mouse {
  position: fixed;
  width: 6.4rem;
  height: 6.4rem;
  top: 500px;
  left: 0;
  padding: 0;
  background: var(--secondary) url(../img/cursor_move.png) no-repeat;
  border-radius: 50%;
  box-shadow: 0 0.5rem 1.5rem rgba(71, 158, 229, 0.5);
  background-size: 100%;
  opacity: 0;
  background-position: center;
  pointer-events: none;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  color: white;
  z-index: 1050;
  transition: opacity 0.2s ease-in-out;
}

.media_list li {
  position: relative;
}
.media_list .item .tit {
  height: auto;
  margin-bottom: 0.8rem;
  line-height: 130%;
  font-size: 2rem;
}
.media_list .item.media {
  padding-bottom: 2.4rem;
  margin-bottom: 2.4rem;
  border-bottom: 1px solid var(--border);
  align-items: center;
}
.media_list .item.media .thum {
  width: 16rem;
  margin-top: 0;
  margin-right: 2rem;
  flex-shrink: 0;
}
.media_list li:hover .item {
  color: #16428d;
}

.main_report {
  max-height: 40rem;
}

.sec04 .col_left {
  max-width: 25%;
  width: 100%;
  padding-left: 1.6rem;
  padding-right: 0;
}
.sec04 .col_right {
  width: 100%;
  max-width: 75%;
  padding-left: 0.8rem;
  padding-right: 1.6rem;
}
.swiper04_btn {
  position: absolute;
  left: 0;
  bottom: 0;
}

.sec05 {
  background: url(../img/sec05_bg.jpg) no-repeat center;
  background-size: cover;
  padding: 6rem 0;
}
.sec05_box_wr {
  border-left: 1px solid var(--border);
  border-top: 1px solid var(--border);
  background: #fff;
}
.sec05_box_wr .row {
  margin-left: 0;
  margin-right: 0;
}
.sec05_box_wr [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}
.sec05_box {
  display: block;
  border-right: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  height: 100%;
  background-size: 6rem auto;
  background-position: right 2rem bottom 2rem;
  background-repeat: no-repeat;
}
.sec05_box p {
  word-break: keep-all;
}
.sec05_box.sec05_box01 {
  background-image: url(../img/sec05_ic01.png);
}
.sec05_box.sec05_box02 {
  background-image: url(../img/sec05_ic02.png);
}
.sec05_box.sec05_box03 {
  background-image: url(../img/sec05_ic03.png);
}

.sec05_top .sec05_box {
  min-height: 20.5rem;
  padding: 3rem 2rem 2rem;
}
.sec05_bottom.sec05_box {
  padding: 1.3rem 2rem;
}

.main_notice li {
  display: flex;
  align-items: center;
  font-size: 1.7rem;
}

/*서브 공통*/
.sub_pd_top {
  padding-top: 5rem;
}
.sub_tit {
  flex-wrap: wrap;
  border-bottom: 1px solid var(--border);
  padding-bottom: 3rem;
}
.sub_tit .sch_ip {
  max-width: 37rem;
  width: 50%;
}
.sub_tit .tit_h1 {
  flex: 1 1 auto;
}
.sub_tit .navi_bar {
  margin-left: auto;
  padding: 0.2rem 0;
}

.navi_bar ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #68747d;
}
.navi_bar img {
  width: 1.8rem;
}
.navi_bar .arrow {
}

.cont_sm {
  max-width: 39rem;
}
.cont_md {
  max-width: 80rem;
}

/*설교*/
.sermon_r {
  border-right: 1px solid var(--border);
  height: 100%;
}
.sermon_l {
  z-index: 0;
}
.sermon_info01 {
  display: flex;
  align-items: start;
  justify-content: space-between;
  padding: 3.7rem 0 3rem;
}
.sermon_info02 li {
  margin-bottom: 2rem;
}
.sermon_list li {
  border: 1px solid var(--border);
  margin-top: -1px;
}
.sermon_list li > button,
.sermon_list li > a {
  padding: 2rem 1.5rem;
  border: 0;
  background: #fff;
  text-align: left;
  display: block;
  width: 100%;
}
.sermon_list li > button.active,
.sermon_list li > a.active {
  background: #f5f8fb;
  padding: 1.6rem 1.5rem 2rem;
}
.sermon_list li .tit {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.sermon_list li .info {
  color: #68747d;
}

.mo_sermon_list > button,
.mo_sermon_list a {
  padding: 2rem 1.6rem;
  border: 0;
  text-align: left;
  display: block;
  width: 100%;
  background-color: #f5f8fb;
  background-image: url(../img/ic_select.png);
  background-size: 2rem auto;
  background-position: center right 1.6rem;
  background-repeat: no-repeat;
}
.mo_sermon_list .tit {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #000;
}
.mo_sermon_list .info {
  color: #68747d;
}

/*설교자 리스트*/
.preacher_list .row {
  margin-left: -1rem;
  margin-right: -1rem;
}
.preacher_list .col {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 3rem;
}
.preacher_list .item_link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.preacher_list .thum {
  position: relative;
  margin-top: 0 !important;
}
.preacher_list .item_body .name {
  font-size: 1.7rem;
  margin-bottom: 0.4rem;
  font-weight: 700;
  line-height: 130%;
}
.preacher_list .item_body .info {
  font-size: 1.5rem;
  color: #95a1aa;
}
.preacher_list .item .thum .rect3 {
  border: 1px solid #dfe6eb;
}

.btn-reset {
  background: #fff;
}

/*테이블 게시판형 리스트*/
.bo_list {
  border-top: 2px solid #000;
}
.bo_list a {
  color: #68747d;
}
.bo_list .bo_list_hd {
  font-weight: 700;
  background: #f5f8fb;
  color: #000;
  font-size: 1.6rem;
}
.bo_list li {
  border-bottom: 1px solid var(--border);
  font-weight: 400;
}
.bo_list li .media-body {
  padding: 2.15rem 0;
}
.bo_list li div,
.bo_list li .media-body {
  overflow: hidden;
  align-items: center;
}
.bo_list li .line_text {
  display: block;
}

/*게시판 보기페이지*/
.vdo_tit {
  padding: 4rem 0;
  text-align: center;
}
.bo_tit {
  padding: 3rem 0;
  border-bottom: 1px solid var(--border);
}
.bo_tit .cate {
  border-right: 1px solid var(--border);
  padding-right: 1rem;
  margin-right: 1rem;
}
.bo_body {
  padding: 4rem 0;
}

/*댓글*/
.comment_text {
  border: 1px solid var(--border);
  /* border-radius: 0.8rem; */
  padding: 2rem;
  display: flex;
  background: #f5f8fb;
}
.comment_text textarea {
  border: 0;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  background: #f5f8fb;
}
.comment_text textarea:focus,
.comment_text textarea:focus-visible {
  outline-offset: 0px;
  border: 0;
  outline: none;
}
.comment_text .btn {
  width: 12rem;
  height: auto;
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

.comment_list li {
}
.comment_item {
  padding: 2rem 0;
  border-bottom: 1px solid var(--border);
}
.comment_item.reply_item {
  padding-left: 2.8rem;
  background: url(../img/comment_arrow.png) no-repeat top 1.8rem left 0rem;
  background-size: 2.2rem;
}
.comment_list li:last-child .comment_item:last-child {
  border-bottom: 0;
}
.comment_list li .comment_item .comment_item {
  padding-left: 3rem;
  padding-top: 2rem;
}

.report_radio li {
  margin-bottom: 1rem;
}
.report_radio li:last-child {
  margin-bottom: 0;
}

/*로그인*/
.log_btn a {
  display: inline-block;
  font-weight: 400;
  color: #666;
  padding: 0 0.5rem;
  border-right: 1px solid #e3e3e3;
}
.log_btn a:last-child {
  border-right: 0;
}

/*회원가입*/
.sign_box {
  background: #f5f8fb;
  height: 36rem;
  overflow: auto;
}
.sign_box th {
  background: #e9eef2;
  border-color: #d5dade;
}

/*미디어선교*/
.media_l {
  height: 100%;
  background: url(../img/media_l.jpg) no-repeat center / cover;
  min-height: 16rem;
}
.media_r {
  padding: 8rem 5rem;
  height: 54rem;
}

/*회사소개*/
.company_top {
  position: relative;
}
.company_img {
  height: 47rem;
  width: 100%;
  background: url(../img/company_img.jpg) no-repeat center / cover;
}
.company_txt {
  position: relative;
  top: -18rem;
}
.company_txt .in_box {
  padding: 6rem 6rem 0 6rem;
  background: #fff;
}
.company_top .company_txt .in_box02{margin-top:18rem;padding: 6rem 0rem 0 0rem;}
.company_bottom .tit_h2:before {
  content: "";
  display: block;
  width: 6.5rem;
  height: 0.3rem;
  background: var(--secondary);
  margin-bottom: 2.5rem;
}

/*지도*/
.rect_map {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.rect_map:after {
  content: "";
  display: block;
  padding-bottom: 39.037%;
}
.rect_map .map_area {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.rect_map .map_area .wrap_map {
  height: calc(100% - 32px);
}

.my_pass {
  border: 1px solid var(--border);
}

/*j얼럿*/
.jconfirm.jconfirm-white .jconfirm-box,
.jconfirm.jconfirm-light .jconfirm-box {
  border-radius: 0;
}
.jconfirm .jconfirm-box {
  padding: 2rem 1.6rem 0;
}
.jconfirm .jconfirm-box .jconfirm-buttons {
  padding-bottom: 2rem;
}
.jconfirm .jconfirm-box .jconfirm-buttons button {
  padding: 0.6rem 1.8rem;
  border-radius: 0;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
  background-color: var(--primary);
  color: #fff !important;
}
.jconfirm.jconfirm-light
  .jconfirm-box
  .jconfirm-buttons
  button.btn-default:hover {
  background-color: var(--primary-hover);
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-cancle {
  background-color: #fff;
  color: #333 !important;
  border: 1px solid #e3e3e3;
}
.jconfirm.jconfirm-light
  .jconfirm-box
  .jconfirm-buttons
  button.btn-cancle:hover {
  background-color: #f5f5f5;
  color: #333 !important;
  border: 1px solid #e3e3e3;
}

.jconfirm.jconfirm-white .jconfirm-bg,
.jconfirm.jconfirm-light .jconfirm-bg {
  background-color: #000;
  opacity: 0.6;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
  line-height: 150%;
}

/*에디터스타일*/
.edit_style {
  color: #68747d;
}
.edit_style .h1,
.edit_style h1 {
  font-weight: 800;
  font-size: 3.5rem;
}
.edit_style .h2,
.edit_style h2 {
  font-weight: 800;
  font-size: 2.5rem;
}
.edit_style .h3,
.edit_style h3 {
  font-weight: 800;
  font-size: 1.8rem;
}
.edit_style .h4,
.edit_style h4 {
  font-weight: 700;
  font-size: 1.5rem;
}
.edit_style img {
  max-width: 100%;
  width: auto;
  margin: 0 auto;
  display: inline-block;
}
.edit_style p {
  line-height: 160%;
}

/*푸터*/
.ft {
  padding: 4rem 0;
}
.ft .fnb a {
  display: inline-block;
  font-weight: 600;
  color: #68747d;
  padding: 0 1.5rem;
  border-right: 1px solid #dfe6eb;
}
.ft .fnb a:last-child {
  border-right: 0;
}
.ft span.line {
  margin: 0 2rem;
}
.ft span {
  display: inline-block;
}

.term_cont .dot_list li {
  margin-bottom: 0.2rem;
}

/* 초기 상태에서는 화살표 아래 아이콘을 보여줌 */
.collapse_ex .btn[aria-expanded="false"] img {
  transform: rotate(0deg);
}
/* 펼쳐진 상태에서는 화살표 위 아이콘을 보여줌 */
.collapse_ex .btn[aria-expanded="true"] img {
  transform: rotate(180deg);
}

/*반응형 max 1400 xl*/
@media (max-width: 1400px) {
}

/*반응형 max 1200 xl*/
@media (max-width: 1199.98px) {
.nav_menu {
    margin-left: 3rem;
  }

  /*메인*/
  .main_visual {
    flex-direction: column-reverse;
  }
  .main_visual .banner_tit_wr {
    padding: 0 6rem;
    max-width: 100%;
    height: auto;
  }
  .main_visual .banner_tit {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    padding-left: 1.8rem;
  }
  .main_visual .banner_tit .swiper-wrapper {
  }
  .main_visual .banner_tit .swiper-slide {
    height: 6rem !important;
    padding: 0;
    display: flex;
    align-items: center;
    max-width: 19.4rem;
    width: auto;
  border-bottom: 0;
}
  .main_visual .swiper_btn_wr {
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .main_visual .swiper-button-prev,
  .main_visual .swiper-button-next {
    position: static;
    width: 6rem;
    height: 6rem;
    border: 0;
    margin: 0;
  }
  .main_visual .swiper-button-prev:after,
  .main_visual .swiper-button-next:after {
    content: "";
    display: block;
    background-size: 2.4rem;
    background-repeat: no-repeat;
    background-position: center;
    height: 6rem;
    width: 6rem;
  }
  .main_visual .swiper-button-prev:after {
    background-image: url(../img/bn_prev.png);
  }
  .main_visual .swiper-button-next:after {
    background-image: url(../img/bn_next.png);
  }
  .main_visual .swiper-button-prev:after,
  .main_visual .swiper-button-next:after {
    display: block;
    background-size: 2.4rem;
    background-repeat: no-repeat;
    background-position: center;
    height: 6rem;
    width: 6rem;
  }

  .main_visual .main_banner {
    max-width: 100%;
  }
}

/*반응형 max 992px lg*/
@media (max-width: 991.98px) {
  /*버튼*/
  .btn_more {
    width: 3.5rem;
  }

  /*헤더*/
  .hd_m {
    display: flex;
  }
  .hd_pc {
    height: var(--hd_height_m);
  }
  .hd_pc .logo img {
    height: 2.5rem;
  }

  .m_nav .logo {
    width: 6rem;
  }
  .menu_hd {
  }
  .m_menu_wr {
  }
  .menu_on .m_menu_wr {
    justify-content: center;
  }
  .m_nav {
  }
  .menu_on .m_nav {
  }

  .close_btn,
  .m_nav .menu_hd span {
    width: 4rem;
  }
  .m_nav_menu {
  font-size: 1.5rem;
  }
  .menu_body_left .nav-link {
    font-size: 1.6rem;
  }
  .m_nav .nav_ul .nav_a:after {
    width: 2rem;
    height: 2rem;
  }
  .m_nav .nav_ul .nav_li {
    padding: 2rem 0;
  }
  .m_nav .nav_ul .nav_a {
    font-size: 1.6rem;
  }
  .m_nav .nav_ul .nav_ul2 {
    padding: 1rem 0 0;
  }
  .m_nav .nav_ul .nav_ul2 a {
    padding: 0.5rem 0;
  }

  .go_top2 {
    width: 4.4rem;
    height: 4.4rem;
    background-size: 2.4rem auto;
  }

  /*메인*/
  .main_visual .main_banner .banner_text {
    padding: 7rem 1.6rem;
  }
  .main_visual .main_banner .banner_text .bn_tit {
    margin-bottom: 1rem;
  }
  .main_visual .main_banner .banner_text .bn_sub {
    white-space: normal;
    font-size: 3.2vmin;
  }

  /*메인콘텐츠 슬라이더*/
  .swiper_btn_default .swiper-button-prev,
  .swiper_btn_default .swiper-button-next {
    width: 3.5rem;
    height: 3.5rem;
  }

  /*메인타이틀*/
  .sec_tit {
    margin-bottom: 1.5rem;
  }
  .sec_tit .logo {
    width: 5rem;
  }
  .sub_text {
    font-size: 1.4rem;
  }

  /*리스트 스타일*/
  .item .btn_more {
    width: 3.5rem;
    height: 3.5rem;
  }
  .item .thum {
    margin-top: 1.5rem;
  }

  .main_report {
    max-height: 36.6rem;
  }
  .media_list .item.media .thum {
    width: 13rem;
  }

  .sec04 .col_left {
    max-width: 100%;
    width: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
  .sec04 .col_left nav.mb_20 {
    margin-bottom: 1.5rem;
  }
  .sec04 .nav_tab_text {
    width: calc(100% - 11.5rem);
  }
  .sec04 .col_right {
    width: 100%;
    max-width: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
  .swiper04_btn {
  position: absolute;
    left: unset;
    bottom: unset;
    right: 0;
    top: -0;
  }

  .sec05_top .sec05_box {
    min-height: auto;
    padding: 2rem 2rem 2rem;
    padding-right: 9rem;
  }
  .sec05_box {
    background-position: center right 2rem;
  }
  .sec05_box .fs_20 {
    font-size: 1.7rem;
  }

  .main_notice li {
    font-size: 1.5rem;
  }

  /*서브*/
  .sub_pd_top {
    padding-top: 3rem;
  }
  .sub_tit {
  border-bottom: 0;
    padding-bottom: 1.5rem;
  }
  .sub_tit .sch_ip {
    max-width: 100%;
    width: 100%;
    margin-top: 1.2rem;
  }

  /*설교*/
  .sermon_r {
    border-right: 0;
  }
  .sermon_info01 {
    padding: 2rem 0 1.5rem;
    align-items: center;
  }

  .btn-reset {
    height: 4.6rem;
    width: 4.6rem;
  }

  /*설교자 리스트*/
  .preacher_list .row {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .preacher_list .col {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .preacher_list .item_body .name {
    font-size: 1.5rem;
  }
  .preacher_list .item_body .info {
    font-size: 1.3rem;
  }

  .vdo_tit {
    padding: 3rem 0;
    border-top: 1px solid var(--border);
  }
  .bo_tit {
    padding: 2rem 0;
    border-top: 1px solid var(--border);
  }
  .bo_body {
    padding: 2rem 0;
  }

  .comment_text .btn {
    width: 8rem;
  }

  /*미디어선교*/
  .media_r {
    padding: 3rem 0;
    height: auto;
  }
  .media_r .fs_18 {
    font-size: 1.4rem;
  }

  /*회사소개*/
  .company_txt .fs_20,
  .company_bottom .fs_20 {
    font-size: 1.6rem;
  }
  .company_img {
    height: 25rem;
  }
  .company_txt {
  position: relative;
    top: 0;
  }
  .company_txt .in_box {
    padding: 3rem 0 !important;
  }
  .company_bottom .tit_h2:before {
    width: 3rem;
    height: 0.2rem;
    margin-bottom: 1.8rem;
  }
  
	.company_top .company_txt .in_box02{margin-top:0rem;}

  /*지도*/
  .map_cont .fs_22 {
    font-size: 1.8rem;
  }
  .map_cont .fs_18 {
    font-size: 1.5rem;
  }

  .rect_map:after {
    content: "";
  display: block;
    padding-bottom: 60%;
  }

  /*테이블 게시판형 리스트*/

  .bo_list li .text_mo_left {
    text-align: left;
  }
  .bo_list li .tit {
    margin: 0.2rem 0 0.5rem;
    font-size: 1.6rem;
    color: #000;
    font-weight: 600;
  }
  .bo_list li .cate {
    text-align: left;
  }
  .bo_list li .row {
    margin-right: -0.4rem;
    margin-left: -0.4rem;
  }
  .bo_list li .row > [class*="col-"],
  .bo_list li .row > .col {
    padding-right: 0.4rem;
    padding-left: 0.4rem;
  }

  /*에디터스타일*/
  .edit_style .h1,
  .edit_style h1 {
    font-size: 2.5rem;
  }
  .edit_style .h2,
  .edit_style h2 {
    font-size: 2rem;
  }
  .edit_style .h3,
  .edit_style h3 {
    font-size: 1.6rem;
  }
  .edit_style .h4,
  .edit_style h4 {
    font-size: 1.4rem;
  }

  /*로그인,회원가입*/
  .login_tit .logo {
    width: 7rem;
    margin-top: 2rem;
    margin-bottom: 2.5rem;
  }

  /*푸터*/
  .ft {
    padding: 4rem 0;
    margin: 0 auto;
  }
  .ft .logo {
    width: 6.6rem;
    margin: 0 auto;
    margin-bottom: 2rem;
  display: block;
  }
  .ft .fs_17 {
    font-size: 1.5rem;
  }
  .ft .m_border-top {
    padding-top: 3rem;
    border-top: 1px solid var(--border);
    margin-top: 3rem;
  }
}

/*반응형 max 767px md*/
@media (max-width: 767.98px) {
  .my_pass {
    border: 0;
  }
}

/*반응형 max 576px sm*/
@media (max-width: 575.98px) {
  .go_top2 {
    transform: translateX(0);
  }

  /*메인*/
  .main_visual .banner_tit_wr {
    padding: 0 4rem;
  }
  .main_visual .banner_tit .swiper-slide {
    height: 5rem !important;
  }
  .main_visual .swiper-button-prev,
  .main_visual .swiper-button-next {
    width: 4rem;
    height: 5rem;
  }
  .main_visual .swiper-button-prev:after,
  .main_visual .swiper-button-next:after {
    height: 5rem;
    width: 4rem;
    background-size: 1.8rem;
  }

  .main_visual .main_banner .banner_text {
    padding: 3rem 1.6rem;
  }
  .main_visual .main_banner .banner_text .bn_tit {
    margin-bottom: 0.4rem;
  }
  .main_visual .main_banner .banner_text .bn_sub {
    white-space: normal;
    font-size: 3.8vmin;
  }
  .main_visual .main_banner .banner_text .bn_sub br {
  display: none;
  }

  /*회사소개*/
  .company_img {
    height: 16rem;
  }

  /*리스트 스타일*/
  .item .tit {
    height: 3.8rem;
    margin-bottom: 0.8rem;
  font-size: 1.5rem;
  }
  .content_list .item {
    padding: 2rem 1.6rem 2rem;
  }

  .media_list .item .tit {
    margin-bottom: 0.4rem;
    font-size: 1.5rem;
  }
}

@media (max-width: 375px) {
  /*메인*/
}

.preacher_list ul {
    gap: 0rem;
}

.preacher_list ul > li {
    width: 100%;
}

@media (max-width: 1000px) {
    .preacher_list ul {
        grid-template-columns: repeat(6, 1fr) !important;
    }
}

@media (max-width: 767.98px) {
  .preacher_list ul {
      grid-template-columns: repeat(4, 1fr) !important;
  }
}

.initial-search-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0px;
  justify-content: flex-start;
}

.initial-search-group .btn {
  min-width: 50px;
  height: 50px;
  padding: 0.25rem 0.5rem;
  font-size: 1.6rem;
  border-radius: 4px;
  border: 1px solid #dfe6eb;
  color: #95a1aa;
  background-color: #f5f8fb;
  transition: background-color 0.2s ease-in-out, 
              color 0.2s ease-in-out, 
              border-color 0.2s ease-in-out;
}

.initial-search-group .btn:hover {
  background-color: #0b1931 !important;
  color: #ffffff !important;
  border-color: #0b1931 !important;
}

.initial-search-group .btn:active,
.initial-search-group .btn.active {
  background-color: #0056b3 !important;
  color: #ffffff !important;
  border-color: #0056b3 !important;
}

.initial-search-group .btn.selected {  /* 선택된 버튼 스타일 */
  background-color: #0b1931 !important;
  color: #ffffff !important;
  border-color: #0b1931 !important;
}

/* 모바일 화면에서의 스타일 추가 */
@media (max-width: 767.98px) {
  .initial-search-group {
    display: grid;
    grid-template-columns: 40px repeat(7, 1fr);
    grid-template-rows: repeat(2, 40px);
    gap: 0;         /* 모든 간격을 0으로 설정 */
    row-gap: 0;     /* 행 간격을 0으로 설정 */
    column-gap: 0;  /* 열 간격을 0으로 설정 */
  }

  .initial-search-group .btn {
    min-width: 40px;
    height: 40px;
    font-size: 1.4rem;
    padding: 0rem 0rem;
    border-radius: 0;  /* 버튼 모서리를 각지게 설정 */
    margin: 0;         /* 버튼 마진 제거 */
    transition: none;
  }

  .initial-search-group .btn.btn-all {
    grid-row: 1 / -1;
    grid-column: 1;
    height: 100%;
    min-width: 40px;
    font-size: 1.4rem;
    padding: 0rem 0rem;
    border: 1px solid #dfe6eb;
    color: #95a1aa;
    background-color: #f5f8fb;
    transition: background-color 0.2s ease-in-out, 
    color 0.2s ease-in-out, 
    border-color 0.2s ease-in-out; /* height 제외 */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;  /* 버튼 모서리를 각지게 설정 */
    margin: 0;         /* 버튼 마진 제거 */
    transition: none;
  }
}

@media (max-width: 1000px) {
  .initial-search-group {
    display: grid;
    grid-template-columns: 50px repeat(7, 1fr);
    grid-template-rows: repeat(2, 50px);
    gap: 0;
  }

  .initial-search-group .btn {
    min-width: 50px;
    height: 50px;
    font-size: 1.6rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0;
    margin: 0;
  }

  .initial-search-group .btn.btn-all {
    grid-row: 1 / -1;
    grid-column: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    margin: 0;
  }
}

/* 기존 모바일 스타일 유지 */
@media (max-width: 767.98px) {
  .initial-search-group {
    grid-template-columns: 40px repeat(7, 1fr);
    grid-template-rows: repeat(2, 40px);
  }

  .initial-search-group .btn {
    min-width: 40px;
    height: 40px;
    font-size: 1.4rem;
  }

  .initial-search-group .btn.btn-all {
    min-width: 40px;
    font-size: 1.4rem;
  }
}

/* 더 작은 모바일 화면에서의 스타일 */
@media (max-width: 575.98px) {
  .initial-search-group {
    grid-template-columns: 35px repeat(7, 1fr);
    grid-template-rows: repeat(2, 35px);
  }

  .initial-search-group .btn-all {
    min-width: 35px;
    font-size: 1.3rem;
    padding: 0rem 0rem;
  }

  .initial-search-group .btn {
    min-width: 35px;
    height: 35px;
    font-size: 1.3rem;
    padding: 0rem 0rem;
  }
}

.preacher_list_2 {
  width: 100%;
}

.preacher_list_2 .row {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2rem;
  width: 100%;
}

.preacher_list_2 .col {
  border: 1px solid #dfe6eb;
  border-radius: 0.8rem;
  padding: 2rem;
  background-color: #fff;
}

.preacher_list_2 .preacher-column {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.preacher_list_2 .preacher-item {
  width: 100%;
}

.preacher_list_2 .day-title {
  font-size: 1.8rem;
  font-weight: 600;
  color: #0b1931;
  text-align: center;
  padding: 1rem;
  background-color: #f5f8fb;
  border-radius: 0.4rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #dfe6eb;
}

.preacher_list_2 .item_link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.preacher_list_2 .item_link:hover {
    text-decoration: none;
    color: inherit;
}

.preacher-item .name a {
  color: inherit;
  text-decoration: none;
}

.preacher-item .name a:hover {
  text-decoration: underline;
}

.preacher-item .thum a {
  display: block;
}

/* 반응형 스타일 수정 */
@media (max-width: 1000px) {
  .preacher_list_2 .row {
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 1.5rem;
  }
}

@media (max-width: 767.98px) {
  .preacher_list_2 .row {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1rem;
  }
  
  .preacher_list_2 .col {
    padding: 1.5rem;
  }
}

@media (max-width: 575.98px) {
  .preacher_list_2 .row {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1rem;
  }
  
  .preacher_list_2 .col {
    padding: 1rem;
  }
}

/* 설교 목록 테이블 스타일 */
.sermon-table {
  width: 100%;
  border-collapse: collapse;
}

.sermon-table th {
  background-color: #4B69B9;
  color: white;
  padding: 12px;
  text-align: center;
}

.sermon-table td {
  padding: 12px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

.sermon-table tbody tr {
  cursor: pointer;
}

.sermon-table tr:hover {
  background-color: #f5f5f5;
}

.sermon-table tr.active {
  background-color: #f0f4ff;
}

/* 공통 CSS 수정 */
.sermon-table th.title-cell {
  text-align: center !important;
  /* 헤더 가운데 정렬 */
}

.sermon-table td.title-cell {
  text-align: left !important;
  /* 내용 왼쪽 정렬 */
  white-space: normal !important;
  word-break: break-all;
  min-width: 200px;
}

.sermon-table .nowrap {
  white-space: nowrap !important;
  /* !important 추가 */
  overflow: visible !important;
  /* 내용이 잘리지 않도록 */
}

/* 모바일 반응형 스타일 */
@media (max-width: 767.98px) {
  .sermon-table th:first-child,
  .sermon-table td:first-child {
    font-size: 14px;
    width: 50px;
    min-width: 50px;
    white-space: nowrap;
  }

  .sermon-table th,
  .sermon-table td {
    padding: 10px 5px;
    font-size: 14px;
  }
}

.badge-secondary {
  background-color: #6c757d;
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  margin-right: 8px;
}