@charset "UTF-8";

/* animation */
@keyframes modalFadeIn {
  0% {
    left: 100%;
    opacity: 0;
  }

  10% {
    left: 0;
    opacity: 0;
  }

  100% {
    left: 0;
    opacity: 1;
  }
}

@keyframes modalFadeOut {
  0% {
    left: 0;
    opacity: 1;
  }

  90% {
    left: 0;
    opacity: 0;
  }

  100% {
    left: 100%;
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  90% {
    opacity: 0;
  }

  100% {
    z-index: 0;
    visibility: hidden;
    display: none;
  }
}

@keyframes dropdownSlideUp {
  0% {
    transform: translate3d(
        calc(var(--center) * 1%),
        calc(var(--tailH) * 1px + 0%),
        0
      )
      rotateX(0deg);
    opacity: 1;
    visibility: visible;
  }

  90% {
    transform: translate3d(calc(var(--center) * 1%), 25%, 0) rotateX(0deg);
    opacity: 0;
    visibility: visible;
  }

  100% {
    transform: translate3d(calc(var(--center) * 1%), 25%, 0) rotateX(0deg);
    opacity: 0;
    visibility: hidden;
    display: none;
  }
}

@keyframes dropdownSlideDown {
  0% {
    transform: translate3d(calc(var(--center) * 1%), 25%, 0) rotateX(0deg);
    opacity: 0;
    visibility: hidden;
    display: flex;
  }

  10% {
    transform: translate3d(calc(var(--center) * 1%), 25%, 0) rotateX(0deg);
    opacity: 1;
    visibility: visible;
  }

  100% {
    transform: translate3d(
        calc(var(--center) * 1%),
        calc(var(--tailH) * 1px + 0%),
        0
      )
      rotateX(0deg);
    opacity: 1;
    visibility: visible;
  }
}

@keyframes dropdownFadeOff {
  0% {
    opacity: 1;
    visibility: visible;
  }

  90% {
    opacity: 0;
    visibility: visible;
  }

  100% {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
}

@keyframes dropdownFadeOn {
  0% {
    opacity: 0;
    visibility: hidden;
    display: flex;
  }

  10% {
    opacity: 1;
    visibility: visible;
  }

  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes moveRightToLeft {
  0% {
    left: 1582px;
    opacity: 1;
  }

  10% {
    left: 0;
    opacity: 1;
  }

  98% {
    left: -1582px;
    opacity: 1;
  }

  99% {
    left: -1582px;
    opacity: 0;
  }

  100% {
    left: 1582px;
    opacity: 0;
  }
}

@keyframes moveBgX {
  0% {
    background-position-x: 1582px;
  }

  100% {
    background-position-x: 0;
  }
}

@keyframes moveUpDown {
  0% {
    margin-up: 0;
    margin-bottom: 0;
  }

  50% {
    margin-top: 10rem;
    margin-bottom: -10rem;
  }

  100% {
    margin-up: 0;
    margin-bottom: 0;
  }
}

@keyframes rotate360 {
  100% {
    transform: rotate(360deg);
  }
}

/* //animation */

/* 교구소개 > 소개 start */
.page_wrap[data-parent='introduce']#introduce .top_area {
  display: flex;
  align-items: flex-end;
}

@media only screen and (max-width: 1350px) {
  .page_wrap[data-parent='introduce']#introduce .top_area {
    overflow: hidden;
  }
}

@media only screen and (max-width: 1024px) {
  .page_wrap[data-parent='introduce']#introduce .top_area {
    flex-direction: column-reverse;
    width: 100%;
  }
}

.page_wrap[data-parent='introduce']#introduce .left_area {
  flex: 1;
  align-self: flex-start;
  padding-bottom: 26px;
}

@media only screen and (max-width: 1024px) {
  .page_wrap[data-parent='introduce']#introduce .left_area {
    flex: unset;
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='introduce']#introduce .left_area {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='introduce']#introduce .left_area {
    padding-top: 10px;
  }
}

.page_wrap[data-parent='introduce']#introduce .right_area {
  flex: 0 0 515px;
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .page_wrap[data-parent='introduce']#introduce .right_area {
    flex: unset;
    width: auto;
    display: none;
  }
}

@media only screen and (max-width: 1350px) {
  .page_wrap[data-parent='introduce']#introduce .right_area {
    flex: 0 0 495px;
  }
}

@media only screen and (max-width: 1024px) {
  .page_wrap[data-parent='introduce']#introduce .right_area {
    flex: unset;
    width: auto;
    display: none;
  }
}

.page_wrap[data-parent='introduce']#introduce .right_area img {
  height: auto;
}

@media only screen and (max-width: 1350px) {
  .page_wrap[data-parent='introduce']#introduce .right_area img {
    margin-left: -20px;
  }
}

.page_wrap[data-parent='introduce']#introduce .sub_text {
  font-family: 'Noto Serif KR', sans-serif;
  font-size: 24px;
  letter-spacing: -1.92px;
  color: #d66f50;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='introduce']#introduce .sub_text {
    font-size: 22px;
  }
}

.page_wrap[data-parent='introduce']#introduce .main_text {
  font-family: 'Noto Serif KR', sans-serif;
  font-size: 40px;
  color: #d66f50;
  letter-spacing: -4px;
  font-weight: 600;
  line-height: 1.275;
  margin-top: 20px;
}

@media only screen and (max-width: 1024px) {
  .page_wrap[data-parent='introduce']#introduce .main_text {
    font-size: 38px;
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='introduce']#introduce .main_text {
    font-size: 32px;
    line-height: 1.3;
  }
}

.page_wrap[data-parent='introduce']#introduce .con_text {
  display: flex;
  flex-direction: column;
  gap: 47px;
  padding-top: 47px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='introduce']#introduce .con_text {
    gap: 25px;
    padding-top: 30px;
  }
}

.page_wrap[data-parent='introduce']#introduce .con_text p {
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: -0.8px;
  color: #666666;
}

.page_wrap[data-parent='introduce']#introduce .area_container {
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding-top: 30px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='introduce']#introduce .area_container {
    margin-left: -15px;
    width: calc(100% + 15px * 2);
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='introduce']#introduce .introduce_container {
    overflow-x: auto;
    padding: 0 15px;
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.4) transparent;
  }

  .page_wrap[data-parent='introduce']#introduce
    .introduce_container::-webkit-scrollbar {
    width: 0rem;
    background: transparent;
  }

  .page_wrap[data-parent='introduce']#introduce
    .introduce_container::-webkit-scrollbar-track-piece {
    background: transparent;
  }

  .page_wrap[data-parent='introduce']#introduce
    .introduce_container::-webkit-scrollbar-track {
    border-radius: 800rem;
    background-color: transparent;
  }

  .page_wrap[data-parent='introduce']#introduce
    .introduce_container::-webkit-scrollbar-thumb {
    border-radius: 800rem;
    background-color: transparent;
  }

  .page_wrap[data-parent='introduce']#introduce
    .introduce_container::-webkit-scrollbar {
    width: 8rem;
  }

  .page_wrap[data-parent='introduce']#introduce
    .introduce_container::-webkit-scrollbar-track {
    box-shadow: none;
  }

  .page_wrap[data-parent='introduce']#introduce
    .introduce_container::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.4);
  }
}
.page_wrap[data-parent='introduce']#introduce .introduce_container_tit {
  font-weight: 700;
  font-size: 20px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='introduce']#introduce
    .introduce_container:last-of-type
    .introduce_board {
    display: flex;
    flex-direction: column;
  }
  .page_wrap[data-parent='introduce']#introduce
    .introduce_container:last-of-type
    .introduce_board
    .introduce_board_cell {
    border-bottom: 0;
    border-left: 0;
  }
  .page_wrap[data-parent='introduce']#introduce
    .introduce_container:last-of-type
    .introduce_board
    .introduce_board_cell:first-of-type {
    border-bottom: 1px solid #e5e5e5;
  }
  .page_wrap[data-parent='introduce']#introduce
    .introduce_container:last-of-type
    .introduce_board
    .introduce_board_cell:last-of-type {
    border-top: 1px solid #e5e5e5;
  }
  .page_wrap[data-parent='introduce']#introduce
    .introduce_container:last-of-type
    .introduce_board
    .introduce_board_cell
    br {
    display: none;
  }
  .page_wrap[data-parent='introduce']#introduce
    .introduce_container:last-of-type
    .introduce_board
    .introduce_board_cell.head {
    padding-left: 14px;
    padding-top: 14px;
    padding-bottom: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='introduce']#introduce .introduce_container_tit {
    position: sticky;
    left: 0;
  }
}

.page_wrap[data-parent='introduce']#introduce .introduce_board {
  display: grid;
  grid-template-columns: 130px 1fr 130px 1fr;
  border-top: 1px solid #807980;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='introduce']#introduce .introduce_board {
    width: 100%;
  }
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .introduce_board_cell:nth-child(2n + 1) {
  border-left-color: transparent;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .introduce_board_cell:nth-last-child(2n + 1) {
  border-right-color: transparent;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .introduce_board_cell:nth-child(n + 2) {
  border-top-color: transparent;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .introduce_board_cell:last-child {
  font-family: 'Noto Serif KR', sans-serif;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='2']
  .introduce_board_cell:nth-child(2n + 1) {
  border-left-color: transparent;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='2']
  .introduce_board_cell:nth-last-child(2n + 1) {
  border-right-color: transparent;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='2']
  .introduce_board_cell:nth-child(n + 2) {
  border-top-color: transparent;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='3']
  .introduce_board_cell:nth-child(4n + 1) {
  border-left-color: transparent;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='3']
  .introduce_board_cell:nth-last-child(2n + 1) {
  border-right-color: transparent;
  padding-bottom: 17px;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='3']
  .introduce_board_cell:nth-child(n + 4) {
  border-top-color: transparent;
}

.page_wrap[data-parent='introduce']#introduce .introduce_board_cell {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  border: 1px solid #e5e5e5;
  font-size: 16px;
  color: #666666;
  letter-spacing: -0.8px;
  padding: 14px;
}

.page_wrap[data-parent='introduce']#introduce .introduce_board_cell.head {
  font-weight: 600;
  color: #231915;
  line-height: 1.25;
  padding: 13px 44px 17px;
  border-right-color: transparent;
}
@media only screen and (min-width: 767px) {
  .page_wrap[data-parent='introduce']#introduce
    .introduce_board_cell.head:first-of-type {
    border-top: 0;
  }
  .page_wrap[data-parent='introduce']#introduce
    .introduce_board[data-idx='3']
    .introduce_board_cell {
    border-top: 0;
  }
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.head
  + .introduce_board_cell {
  border-left-color: transparent;
}
@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='introduce']#introduce
    .introduce_board_cell:nth-of-type(1) {
    border-top: 0;
  }
  .page_wrap[data-parent='introduce']#introduce
    .introduce_board_cell:nth-of-type(2) {
    border-top: 0;
  }
}

.page_wrap[data-parent='introduce']#introduce .introduce_board_cell.col_3 {
  padding-top: 13px;
  padding-bottom: 17px;
}
@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='introduce']#introduce .introduce_board_cell.col_3 {
    padding-top: 14px;
    padding-bottom: 16px;
  }
}

.page_wrap[data-parent='introduce']#introduce .introduce_board_cell.col_1 {
  grid-column: span 1;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_1.start_1 {
  grid-column: 1/2;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_1.start_2 {
  grid-column: 2/3;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_1.start_3 {
  grid-column: 3/4;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_1.start_4 {
  grid-column: 4/5;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_1.start_5 {
  grid-column: 5/6;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_1.start_6 {
  grid-column: 6/7;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_1.start_7 {
  grid-column: 7/8;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_1.start_8 {
  grid-column: 8/9;
}

.page_wrap[data-parent='introduce']#introduce .introduce_board_cell.col_2 {
  grid-column: span 2;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_2.start_1 {
  grid-column: 1/3;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_2.start_2 {
  grid-column: 2/4;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_2.start_3 {
  grid-column: 3/5;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_2.start_4 {
  grid-column: 4/6;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_2.start_5 {
  grid-column: 5/7;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_2.start_6 {
  grid-column: 6/8;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_2.start_7 {
  grid-column: 7/9;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_2.start_8 {
  grid-column: 8/10;
}

.page_wrap[data-parent='introduce']#introduce .introduce_board_cell.col_3 {
  grid-column: span 3;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_3.start_1 {
  grid-column: 1/4;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_3.start_2 {
  grid-column: 2/5;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_3.start_3 {
  grid-column: 3/6;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_3.start_4 {
  grid-column: 4/7;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_3.start_5 {
  grid-column: 5/8;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_3.start_6 {
  grid-column: 6/9;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_3.start_7 {
  grid-column: 7/10;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_3.start_8 {
  grid-column: 8/11;
}

.page_wrap[data-parent='introduce']#introduce .introduce_board_cell.col_4 {
  grid-column: span 4;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_4.start_1 {
  grid-column: 1/5;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_4.start_2 {
  grid-column: 2/6;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_4.start_3 {
  grid-column: 3/7;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_4.start_4 {
  grid-column: 4/8;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_4.start_5 {
  grid-column: 5/9;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_4.start_6 {
  grid-column: 6/10;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_4.start_7 {
  grid-column: 7/11;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_cell.col_4.start_8 {
  grid-column: 8/12;
}

.page_wrap[data-parent='introduce']#introduce .introduce_board_cell.row_1 {
  grid-row: span 1;
}

.page_wrap[data-parent='introduce']#introduce .introduce_board_cell.row_2 {
  grid-row: span 2;
}

.page_wrap[data-parent='introduce']#introduce .introduce_board_cell.start_1 {
  grid-column-start: 1;
}

.page_wrap[data-parent='introduce']#introduce .introduce_board_cell.start_2 {
  grid-column-start: 2;
}

.page_wrap[data-parent='introduce']#introduce .introduce_board_cell.start_3 {
  grid-column-start: 3;
}

.page_wrap[data-parent='introduce']#introduce .introduce_board_cell.start_4 {
  grid-column-start: 4;
}

.page_wrap[data-parent='introduce']#introduce .introduce_board_cell p {
  line-height: 1.75;
}

.page_wrap[data-parent='introduce']#introduce .introduce_board_contact {
  display: flex;
  align-items: center;
  gap: 3px;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_contact.tel
  .icon {
  background: url('/assets/ccd01/image/department_icon_img01.svg') no-repeat
    center;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_contact.email
  .icon {
  background: url('/assets/ccd01/image/department_icon_img02.svg') no-repeat
    center;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_contact.fax
  .icon {
  background: url('/assets/ccd01/image/department_icon_img03.svg') no-repeat
    center;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_contact.instar
  .icon {
  background: url('/assets/ccd01/image/department_icon_img04.svg') no-repeat
    center;
}

.page_wrap[data-parent='introduce']#introduce .introduce_board_contact .icon {
  width: 30px;
  aspect-ratio: 1/1;
}

.page_wrap[data-parent='introduce']#introduce .introduce_board_contact .txt {
  font-family: 'Noto Serif KR', sans-serif;
  font-weight: 400;
}

.page_wrap[data-parent='introduce']#introduce .introduce_board_position {
  font-size: 13px;
}

.page_wrap[data-parent='introduce']#introduce .introduce_board_position_wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.page_wrap[data-parent='introduce']#introduce
  .introduce_board_position_wrap
  > dl {
  display: flex;
  align-items: flex-start;
  gap: 5px;
}

.page_wrap[data-parent='introduce']#introduce .introduce_board_position_tit {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 800px;
  border: 1px solid #807980;
  font-weight: 600;
  font-size: 10px;
  color: #807980;
  padding: 2px 8px 3px;
}
.page_wrap[data-parent='introduce']#introduce .introduce_board[data-idx='1'] {
}
.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .introduce_board_cell {
  gap: 0;
}
.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .introduce_board_cell:nth-of-type(1) {
}
.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .introduce_board_cell:nth-of-type(2) {
  grid-column: span 1;
}
.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .introduce_board_cell:nth-of-type(3) {
  background-color: orange;
  grid-row: 1 / 3;
  grid-column: 3 / 4;
}
.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .introduce_board_cell:nth-of-type(4) {
  grid-column: span 1;
}
.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .introduce_board_cell:nth-of-type(5) {
}
.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .introduce_board_cell:nth-of-type(6) {
  grid-column: span 1;
}
.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .introduce_board_cell:nth-of-type(7) {
}
.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .introduce_board_cell:nth-of-type(8) {
  grid-column: span 1;
}
.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .introduce_board_cell:nth-of-type(9) {
}
.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .introduce_board_cell:nth-of-type(10) {
  grid-column: span 1;
}
.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .introduce_board_cell:nth-of-type(11) {
}
.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .introduce_board_cell:nth-of-type(12) {
  grid-column: span 1;
}
.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .introduce_board_cell:nth-of-type(13) {
}
.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .introduce_board_cell:nth-of-type(14) {
  grid-column: span 1;
}
.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .introduce_board_cell:nth-of-type(15) {
}
.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .introduce_board_cell:nth-of-type(16) {
  grid-column: span 1;
}
.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .introduce_board_cell:nth-of-type(17) {
}
.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .introduce_board_cell:nth-of-type(18) {
  grid-column: span 1;
}
.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .introduce_board_cell:nth-of-type(19) {
}
.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .introduce_board_cell:nth-of-type(20) {
  grid-column: span 1;
}
.page_wrap[data-parent='introduce']#introduce
  .introduce_board[data-idx='1']
  .line {
  border-top: 1px solid #e5e5e5;
  line-height: 1.75;
  width: 100%;
  margin-top: 4px;
  padding-top: 4px;
}
.basic_introduce_scroll {
  overflow-x: auto;
}
.basic_introduce {
  min-width: 775px;
}
.basic_introduce td {
  border: 1px solid #e5e5e5;
  padding: 13px 13px 15px;
  font-size: 16px;
  color: #666666;
  line-height: 1.5;
}
.basic_introduce tr:first-of-type td {
  border-top: 1px solid #000;
}
.basic_introduce td.title {
  font-weight: 600;
  color: #231915;
  line-height: 1.25;
  text-align: center;
}
#introduce .dot_span {
  display: inline-block;
  padding-left: 4px;
  padding-right: 4px;
}

/* 교구소개 > 소개 end */

/* 교구소개 > 심볼 start */
.page_wrap[data-parent='introduce']#symbol {
  padding-top: 70px;
  padding-bottom: 130px;
}

@media only screen and (max-width: 1350px) {
  .page_wrap[data-parent='introduce']#symbol {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='introduce']#symbol {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='introduce']#symbol {
    padding-bottom: 0px;
  }
}

.page_wrap[data-parent='introduce']#symbol .top_area {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 400px;
  gap: 52px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='introduce']#symbol .top_area {
    gap: 30px;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='introduce']#symbol .top_area {
    width: 100%;
  }
}

.page_wrap[data-parent='introduce']#symbol .top_area .symbol {
  width: 100%;
  max-width: 336px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='introduce']#symbol .top_area .symbol {
    max-width: 260px;
  }
}

@media only screen and (max-width: 350px) {
  .page_wrap[data-parent='introduce']#symbol .top_area .symbol {
    max-width: 200px;
  }
}

.page_wrap[data-parent='introduce']#symbol .top_area .symbol > img {
  width: 100%;
}

.page_wrap[data-parent='introduce']#symbol .top_area .txt {
  width: 100%;
  max-width: 283px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='introduce']#symbol .top_area .txt {
    max-width: 218.9880952381px;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='introduce']#symbol .top_area .txt {
    max-width: 185.2976190476px;
  }
}

.page_wrap[data-parent='introduce']#symbol .top_area .txt > img {
  width: 100%;
}

.page_wrap[data-parent='introduce']#symbol .con_area {
  display: flex;
  flex-direction: column;
  gap: 47px;
  width: 415px;
  padding-top: 72px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='introduce']#symbol .con_area {
    padding-top: 50px;
    gap: 30px;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='introduce']#symbol .con_area {
    width: 100%;
  }
}

.page_wrap[data-parent='introduce']#symbol .con_area p {
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: -0.8px;
  color: #666666;
}

/* 교구소개 > 심볼 end */
/* 교구사 > 역사 start */
.page_wrap[data-parent='history']#history {
  padding-top: 60px;
  padding-bottom: 130px;
  overflow: hidden;
}

@media only screen and (max-width: 1350px) {
  .page_wrap[data-parent='history']#history {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#history {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='history']#history {
    padding-bottom: 0px;
  }
}

.page_wrap[data-parent='history']#history .top_area {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#history .top_area {
    border-radius: 15px;
  }
}

.page_wrap[data-parent='history']#history .top_area .bg {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#history .top_area .bg {
    height: 270px;
  }
}
@media only screen and (max-width: 460px) {
  .page_wrap[data-parent='history']#history .top_area .bg {
    display: none;
  }
}

.page_wrap[data-parent='history']#history .top_area .bg > img {
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#history .top_area .bg > img {
    height: 100%;
    margin-left: -95px;
  }
}

.page_wrap[data-parent='history']#history .top_area .txt {
  position: absolute;
  left: 90px;
  top: calc(50% - 50px);
  transform: translateY(-50%);
  display: block;
  width: 183px;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#history .top_area .txt {
    left: 10vw;
    top: calc(50% - 0px);
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='history']#history .top_area .txt {
    width: 150px;
    top: calc(50% - 20px);
  }
}

.page_wrap[data-parent='history']#history .top_area .txt > img {
  width: 100%;
}

.page_wrap[data-parent='history']#history .top_area .deco {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 89px;
  background: url('/assets/ccd01/image/history2_img03.svg') center;
  background-repeat: repeat-x;
  animation: moveBgX 27s linear infinite;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#history .top_area .deco {
    display: none;
    animation-play-state: paused;
  }
}

.page_wrap[data-parent='history']#history .top_area .deco img {
  width: auto;
}

.page_wrap[data-parent='history']#history .article_area {
  padding-bottom: 60px;
}

.page_wrap[data-parent='history']#history .article_area:first-child {
  padding-top: 60px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#history .article_area:first-child {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 460px) {
  .page_wrap[data-parent='history']#history .article_area:first-child {
    padding-top: 0;
  }
}

.page_wrap[data-parent='history']#history .article_area:last-child {
  padding-bottom: 0px;
}

.page_wrap[data-parent='history']#history
  .article_area:not(:last-child)::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 60px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23E5E5E5' stroke-width='1' stroke-dasharray='3%2c 3' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  background-repeat: repeat-x;
}

.page_wrap[data-parent='history']#history
  .article_area[data-tit='복음의 전래']
  .article_block:has(img) {
  padding-left: 50px;
}

@media only screen and (max-width: 1350px) {
  .page_wrap[data-parent='history']#history
    .article_area[data-tit='복음의 전래']
    .article_block:has(img) {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#history
    .article_area[data-tit='복음의 전래']
    .article_block.break {
    break-after: unset;
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#history
    .article_area[data-tit='복음의 전래']
    .article_block.break
    + .article_block {
    padding-top: 15px;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='history']#history
    .article_area[data-tit='복음의 전래']
    .article_block.break
    + .article_block {
    padding-top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#history
    .article_area[data-tit='복음의 전래']
    .article_block:last-child {
    transform: rotate(6deg);
    max-width: 400px;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='history']#history
    .article_area[data-tit='복음의 전래']
    .article_block:last-child {
    padding-top: 0;
    margin-top: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#history
    .article_area[data-tit='복음의 전래']
    .article_blocks {
    column-width: unset;
    -webkit-column-width: unset;
    -moz-column-width: unset;
    column-count: 1;
    column-gap: unset;
    -webkit-column-gap: unset;
    -moz-column-gap: unset;
  }
}

.page_wrap[data-parent='history']#history
  .article_area[data-tit='복음의 전래']
  img {
  margin-top: -34px;
}

@media only screen and (max-width: 1350px) {
  .page_wrap[data-parent='history']#history
    .article_area[data-tit='복음의 전래']
    img {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#history
    .article_area[data-tit='복음의 전래']
    img {
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#history
    .article_area[data-tit='본당의 설립과 확대']
    .article_block:has(img):first-child {
    transform: rotate(-1deg);
    margin-top: -5px;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='history']#history
    .article_area[data-tit='본당의 설립과 확대']
    .article_block:has(img):first-child {
    margin-top: -20px;
    margin-left: -15px;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='history']#history
    .article_area[data-tit='춘천지목구의 설정과 시련']
    .article_block:has(img):last-child {
    padding-top: 0;
    margin-top: 20px;
  }
}

.page_wrap[data-parent='history']#history
  .article_area[data-tit='새로운 도약']
  .article_block:has(img) {
  z-index: 0;
}

.page_wrap[data-parent='history']#history
  .article_area[data-tit='새로운 도약']
  .article_block:has(img):nth-child(2) {
  padding-top: 18px;
  margin-left: -32px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#history
    .article_area[data-tit='새로운 도약']
    .article_block:has(img):nth-child(2) {
    transform: rotate(7deg);
    padding: 0;
    margin-left: -25px;
    margin-top: -15px;
    margin-bottom: -40px;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='history']#history
    .article_area[data-tit='새로운 도약']
    .article_block:has(img):nth-child(2) {
    margin-top: -25px;
    margin-bottom: -10px;
  }
}

.page_wrap[data-parent='history']#history
  .article_area[data-tit='새로운 도약']
  .article_block:has(img):nth-child(2)
  + .article_block {
  padding-top: 27px;
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='history']#history
    .article_area[data-tit='새로운 도약']
    .article_block:has(img):nth-child(2)
    + .article_block {
    padding-top: 0px;
  }
}

.page_wrap[data-parent='history']#history
  .article_area[data-tit='새로운 도약']
  .article_block:has(img):last-child {
  padding-left: 25px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#history
    .article_area[data-tit='새로운 도약']
    .article_block:has(img):last-child {
    transform: rotate(-6deg);
    padding: 0;
    margin-top: 15px;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='history']#history
    .article_area[data-tit='새로운 도약']
    .article_block:has(img):last-child {
    margin-top: 5px;
  }
}

.page_wrap[data-parent='history']#history .article_area_tit {
  font-weight: bold;
  font-size: 24px;
  letter-spacing: -2.4px;
  color: #231915;
}

.page_wrap[data-parent='history']#history .article_block {
  position: relative;
  z-index: 1;
  font-size: 16px;
  letter-spacing: -0.8px;
  color: #666666;
  line-height: 1.75;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#history .article_block {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }
}

.page_wrap[data-parent='history']#history .article_block:not(:first-child) {
  padding-top: 50px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#history .article_block:not(:first-child) {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='history']#history .article_block:not(:first-child) {
    padding-top: 15px;
  }
}

.page_wrap[data-parent='history']#history .article_block.break {
  break-after: column;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#history .article_block.break {
    break-after: unset;
  }
}

.page_wrap[data-parent='history']#history
  .article_block.break
  + .article_block {
  padding-top: 0;
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='history']#history
    .article_block.break
    + .article_block {
    padding-top: 15px;
  }
}

.page_wrap[data-parent='history']#history .article_block > img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#history .article_block > img {
    max-width: 400px;
  }
}

.page_wrap[data-parent='history']#history .article_blocks {
  padding-top: 50px;
  column-width: 405px;
  -webkit-column-width: 405px;
  -moz-column-width: 405px;
  column-gap: 50px;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-fill: auto;
}

@media only screen and (max-width: 1350px) {
  .page_wrap[data-parent='history']#history .article_blocks {
    column-width: calc((100vw - 200px - 90px - (40px * 2)) / 2 - 50px);
    -webkit-column-width: calc((100vw - 200px - 90px - (40px * 2)) / 2 - 50px);
    -moz-column-width: calc((100vw - 200px - 90px - (40px * 2)) / 2 - 50px);
  }
}

@media only screen and (max-width: 1024px) {
  .page_wrap[data-parent='history']#history .article_blocks {
    column-width: calc((100vw - (40px * 2)) / 2 - 50px);
    -webkit-column-width: calc((100vw - (40px * 2)) / 2 - 50px);
    -moz-column-width: calc((100vw - (40px * 2)) / 2 - 50px);
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#history .article_blocks {
    padding-top: 20px;
    column-width: unset;
    -webkit-column-width: unset;
    -moz-column-width: unset;
    column-count: 1;
    column-gap: unset;
    -webkit-column-gap: unset;
    -moz-column-gap: unset;
  }
}

.page_wrap[data-parent='history']#history
  .article_blocks:has(.article_block:first-child:last-child) {
  column-width: unset;
  -webkit-column-width: unset;
  -moz-column-width: unset;
}

/* 교구사 > 역사 end */
/* 교구사 > 신앙의 증인 start */
.page_wrap[data-parent='history']#witness {
  padding-top: 60px;
}

@media only screen and (max-width: 1350px) {
  .page_wrap[data-parent='history']#witness {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#witness {
    padding-top: 40px;
  }
}

.page_wrap[data-parent='history']#witness .top_area {
  position: relative;
  overflow: hidden;
}

.page_wrap[data-parent='history']#witness .top_area .bg {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#witness .top_area .bg {
    height: 300px;
  }
}
@media only screen and (max-width: 460px) {
  .page_wrap[data-parent='history']#witness .top_area .bg {
    display: none;
  }
}
.page_wrap[data-parent='history']#witness .top_area .bg > img {
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#witness .top_area .bg > img {
    margin-left: -85px;
  }
}

@media only screen and (max-width: 425px) {
  .page_wrap[data-parent='history']#witness .top_area .bg > img {
    margin-left: -270px;
  }
}

.page_wrap[data-parent='history']#witness .top_area .txt {
  position: absolute;
  left: calc(50% - 21%);
  transform: translate(-50%, -50%);
  top: calc(50% - 10%);
  display: block;
  width: 212px;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#witness .top_area .txt {
    width: 153px;
  }
}

.page_wrap[data-parent='history']#witness .top_area .txt > img {
  width: 100%;
}

.page_wrap[data-parent='history']#witness .article_area {
  padding-bottom: 80px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#witness .article_area {
    padding-bottom: 0px;
  }
}

.page_wrap[data-parent='history']#witness
  .article_area:first-child
  .article_area_top {
  padding-top: 90px;
}
@media only screen and (max-width: 460px) {
  .page_wrap[data-parent='history']#witness
    .article_area:first-child
    .article_area_top {
    padding-top: 0px;
  }
}
.page_wrap[data-parent='history']#witness .article_area:last-child {
  padding-bottom: 0;
}

.page_wrap[data-parent='history']#witness .article_area_top {
  padding-top: 55px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#witness .article_area_top {
    padding-top: 60px;
  }
}

.page_wrap[data-parent='history']#witness .article_block {
  position: relative;
  display: flex;
  gap: 50px;
  padding: 60px 0;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#witness .article_block {
    gap: 30px;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='history']#witness .article_block {
    align-items: center;
    flex-direction: column;
  }
}

.page_wrap[data-parent='history']#witness .article_block:last-child {
  padding-bottom: 0;
}

.page_wrap[data-parent='history']#witness
  .article_block:not(:last-child)::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 60px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23E5E5E5' stroke-width='1' stroke-dasharray='3%2c 3' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  background-repeat: repeat-x;
}

.page_wrap[data-parent='history']#witness .box {
  position: relative;
}

.page_wrap[data-parent='history']#witness .box.border_deco {
  border: 2px solid #c1a463;
  padding: 38px 38px 42px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#witness .box.border_deco {
    padding-top: 40px;
    padding-bottom: 35px;
  }
}

@media only screen and (max-width: 460px) {
  .page_wrap[data-parent='history']#witness .box.border_deco {
    border: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 350px) {
  .page_wrap[data-parent='history']#witness .box.border_deco {
    padding-top: 55px;
  }
}

.page_wrap[data-parent='history']#witness .box_deco {
  position: absolute;
}

.page_wrap[data-parent='history']#witness .box_deco.left_top {
  left: 0;
  top: 0;
}

.page_wrap[data-parent='history']#witness .box_deco.left_top::before,
.page_wrap[data-parent='history']#witness .box_deco.left_top::after,
.page_wrap[data-parent='history']#witness .box_deco.left_top > img {
  left: -2px;
  top: -2px;
}

.page_wrap[data-parent='history']#witness .box_deco.left_bottom {
  left: 0;
  bottom: 0;
}

.page_wrap[data-parent='history']#witness .box_deco.left_bottom::before,
.page_wrap[data-parent='history']#witness .box_deco.left_bottom::after,
.page_wrap[data-parent='history']#witness .box_deco.left_bottom > img {
  left: -2px;
  bottom: -2px;
}

.page_wrap[data-parent='history']#witness .box_deco.right_top {
  right: 0;
  top: 0;
}

.page_wrap[data-parent='history']#witness .box_deco.right_top::before,
.page_wrap[data-parent='history']#witness .box_deco.right_top::after,
.page_wrap[data-parent='history']#witness .box_deco.right_top > img {
  right: -2px;
  top: -2px;
}

.page_wrap[data-parent='history']#witness .box_deco.right_bottom {
  right: 0;
  bottom: 0;
}

.page_wrap[data-parent='history']#witness .box_deco.right_bottom::before,
.page_wrap[data-parent='history']#witness .box_deco.right_bottom::after,
.page_wrap[data-parent='history']#witness .box_deco.right_bottom > img {
  right: -2px;
  bottom: -2px;
}

.page_wrap[data-parent='history']#witness .box_deco::before,
.page_wrap[data-parent='history']#witness .box_deco::after {
  content: '';
  position: absolute;
  background-color: #fff;
  z-index: 0;
}

.page_wrap[data-parent='history']#witness .box_deco::before {
  width: 2px;
  height: 100%;
}

.page_wrap[data-parent='history']#witness .box_deco::after {
  width: 100%;
  height: 2px;
}

.page_wrap[data-parent='history']#witness .box_deco > img {
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 460px) {
  .page_wrap[data-parent='history']#witness .box_deco > img {
    display: none;
  }
}

.page_wrap[data-parent='history']#witness .box_tit {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 0;
  background-color: #fff;
  font-family: 'Noto Serif KR', sans-serif;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -2.4px;
  color: #c1a463;
  text-align: center;
  padding: 0 12px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#witness .box_tit {
    font-size: 22px;
    line-height: 1.2;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='history']#witness .box_tit {
    top: 10px;
    width: 80%;
  }
}
@media only screen and (max-width: 460px) {
  .page_wrap[data-parent='history']#witness .box_tit {
    width: 100%;
  }
}

.page_wrap[data-parent='history']#witness .box_cont {
  font-size: 16px;
  letter-spacing: -0.8px;
  line-height: 1.75;
  color: #666666;
}

.page_wrap[data-parent='history']#witness .witness_face {
  flex: 0 0 152px;
  object-fit: contain;
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='history']#witness .witness_face {
    flex: unset;
    max-width: 152px;
    width: 100%;
  }
}

.page_wrap[data-parent='history']#witness .witness_face img {
  width: 100%;
  height: auto;
}

.page_wrap[data-parent='history']#witness .witness_plate {
  color: #231915;
}

.page_wrap[data-parent='history']#witness .witness_day {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.8px;
  line-height: 1.25;
}

.page_wrap[data-parent='history']#witness .witness_days {
  font-family: 'Noto Serif KR', sans-serif;
  font-weight: 700;
  font-size: 17px;
  letter-spacing: 0.34px;
  line-height: 1.47;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#witness .witness_days {
    font-size: 16px;
  }
}

.page_wrap[data-parent='history']#witness .witness_name {
  font-family: 'Noto Serif KR', sans-serif;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.2px;
  line-height: 1.45;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#witness .witness_name {
    font-size: 18px;
  }
}

.page_wrap[data-parent='history']#witness .witness_cont {
  color: #666666;
  letter-spacing: 0;
  line-height: 1.6875;
  padding-top: 30px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='history']#witness .witness_cont {
    padding-top: 10px;
  }
}

.page_wrap[data-parent='history']#witness .witness_group {
  font-weight: 600;
  font-size: 17px;
  letter-spacing: -0.85px;
  padding-bottom: 10px;
}

.page_wrap[data-parent='history']#witness .witness_action {
  font-size: 16px;
  letter-spacing: -0.8px;
  color: #666666;
}

/* 교구사 > 신앙의 증인 end */

/* 교구장 > 제8대교구장 start */
.page_wrap[data-parent='bishop']#current {
  padding-top: 60px;
}

@media only screen and (max-width: 1350px) {
  .page_wrap[data-parent='bishop']#current {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='bishop']#current {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='bishop']#current {
    padding-bottom: 0px;
  }
}

.page_wrap[data-parent='bishop']#current .font_semibold {
  font-weight: 600;
}

.page_wrap[data-parent='bishop']#current .top_area {
  position: relative;
}

.page_wrap[data-parent='bishop']#current .top_area::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 60px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23E5E5E5' stroke-width='1' stroke-dasharray='3%2c 3' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  background-repeat: repeat-x;
}

.page_wrap[data-parent='bishop']#current .area_container {
  padding-top: 60px;
}

.page_wrap[data-parent='bishop']#current .bishop_container {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  gap: 60px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='bishop']#current .bishop_container {
    gap: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='bishop']#current .bishop_container.bishop_intro {
    flex-direction: column;
  }
}

.page_wrap[data-parent='bishop']#current
  .bishop_container.bishop_intro::before {
  content: '';
  position: absolute;
  left: 115px;
  bottom: -70px;
  display: block;
  width: calc(100% - 115px);
  height: 310px;
  background: #f9f5f2 url('/assets/ccd01/image/current_img02.svg') no-repeat
    bottom right;
  border-radius: 20px;
  z-index: 0;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='bishop']#current
    .bishop_container.bishop_intro::before {
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 380px;
    border-radius: 0 0 15px 15px;
  }
}

.page_wrap[data-parent='bishop']#current .bishop_container.bishop_life {
  padding-top: 130px;
  padding-left: 115px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='bishop']#current .bishop_container.bishop_life {
    padding-left: 0px;
  }
}

.page_wrap[data-parent='bishop']#current .bishop_face {
  width: 300px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 10px 20px 30px #00000029;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='bishop']#current .bishop_face {
    width: 100%;
    max-width: 380px;
    border-radius: 15px 15px 0 0;
    box-shadow: 0 0 0 transparent;
  }
}

.page_wrap[data-parent='bishop']#current .bishop_face > img {
  width: 100%;
}

.page_wrap[data-parent='bishop']#current .bishop_introduce {
  display: flex;
  flex-direction: column;
  gap: 105px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='bishop']#current .bishop_introduce {
    gap: 30px;
  }
}

.page_wrap[data-parent='bishop']#current .bishop_name {
  position: relative;
  display: flex;
  align-items: center;
  font-family: 'Noto Serif KR', sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -1.8px;
  line-height: 1.889;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='bishop']#current .bishop_name {
    justify-content: center;
  }
}

.page_wrap[data-parent='bishop']#current .bishop_name .name {
  font-size: 30px;
  letter-spacing: -0.3px;
  line-height: 1.467;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='bishop']#current .bishop_name .name {
    font-size: 24px;
    line-height: 1.4;
  }
}

.page_wrap[data-parent='bishop']#current .bishop_name .christian {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  border-radius: 800px;
  background-color: #d66f50;
  font-weight: 600;
  color: #fff;
  line-height: 1.611;
  margin-left: 8px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='bishop']#current .bishop_name .christian {
    width: 53px;
    font-size: 16px;
    line-height: 1.6;
  }
}

.page_wrap[data-parent='bishop']#current .bishop_name .position {
  margin-left: 5px;
}

.page_wrap[data-parent='bishop']#current .bishop_position {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
}

.page_wrap[data-parent='bishop']#current .bishop_position:not(:first-of-type) {
  margin-top: 17px;
}

.page_wrap[data-parent='bishop']#current .bishop_position::before {
  content: '';
  position: relative;
  display: block;
  width: 14px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 1px solid #231915;
}

@media only screen and (max-width: 425px) {
  .page_wrap[data-parent='bishop']#current .bishop_position::before {
    width: 12px;
  }
}

@media only screen and (max-width: 350px) {
  .page_wrap[data-parent='bishop']#current .bishop_position::before {
    display: none;
  }
}

.page_wrap[data-parent='bishop']#current .bishop_position::after {
  content: '';
  position: absolute;
  left: 8px;
  /* 바깥원너비 / 2 + 바깥원굵기 */
  top: 8px;
  transform: translate(-50%, -50%);
  display: block;
  width: 2px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #231915;
}

@media only screen and (max-width: 425px) {
  .page_wrap[data-parent='bishop']#current .bishop_position::after {
    left: 7px;
    /* 바깥원너비 / 2 + 바깥원굵기 */
    top: 7px;
  }
}

@media only screen and (max-width: 350px) {
  .page_wrap[data-parent='bishop']#current .bishop_position::after {
    display: none;
  }
}

.page_wrap[data-parent='bishop']#current .bishop_incident:not(:first-of-type) {
  margin-top: 14px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='bishop']#current
    .bishop_incident:not(:first-of-type) {
    margin-top: 22px;
  }
}

.page_wrap[data-parent='bishop']#current .bishop_incident_list {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='bishop']#current .bishop_incident_list {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}

.page_wrap[data-parent='bishop']#current .bishop_incident_day {
  width: 195px;
  font-size: 16px;
}

.page_wrap[data-parent='bishop']#current .bishop_incident_cont {
  line-height: 1.75;
  color: #666666;
  font-size: 16px;
}

.page_wrap[data-parent='bishop']#current .slogan_flag {
  display: flex;
  justify-content: center;
  align-items: center;
}

.page_wrap[data-parent='bishop']#current .slogan_img {
  width: 303px;
}

.page_wrap[data-parent='bishop']#current .slogan_article {
  padding-top: 50px;
  column-width: 430px;
  -webkit-column-width: 430px;
  -moz-column-width: 430px;
  column-gap: 50px;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-fill: auto;
}

@media only screen and (max-width: 1024px) {
  .page_wrap[data-parent='bishop']#current .slogan_article {
    column-width: calc((100vw - 50px - (40px * 2)) / 2);
    -webkit-column-width: calc((100vw - 50px - (40px * 2)) / 2);
    -moz-column-width: calc((100vw - 50px - (40px * 2)) / 2);
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='bishop']#current .slogan_article {
    column-width: calc((100vw - 30px - (15px * 2)) / 2);
    -webkit-column-width: calc((100vw - 30px - (15px * 2)) / 2);
    -moz-column-width: calc((100vw - 30px - (15px * 2)) / 2);
    column-gap: 30px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='bishop']#current .slogan_article {
    column-width: unset;
    -webkit-column-width: unset;
    -moz-column-width: unset;
    column-count: 1;
    column-gap: unset;
    -webkit-column-gap: unset;
    -moz-column-gap: unset;
  }
}

.page_wrap[data-parent='bishop']#current
  .slogan_article:has(.article_block:first-child:last-child) {
  column-width: unset;
  -webkit-column-width: unset;
  -moz-column-width: unset;
}

.page_wrap[data-parent='bishop']#current .slogan_article_area.break {
  break-after: column;
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='bishop']#current .slogan_article_area.break {
    break-after: unset;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='bishop']#current
    .slogan_article_area:not(:first-child) {
    padding-top: 47px;
  }
}

.page_wrap[data-parent='bishop']#current .slogan_article_tit {
  font-weight: 600;
  font-size: 17px;
  letter-spacing: -0.85px;
  color: #d66f50;
  padding-bottom: 20px;
}

.page_wrap[data-parent='bishop']#current .slogan_article_subtit {
  font-weight: 600;
  padding-bottom: 10px;
  font-size: 16px;
}

.page_wrap[data-parent='bishop']#current
  .slogan_article_plate:not(:first-of-type) {
  padding-top: 47px;
}

.page_wrap[data-parent='bishop']#current
  .slogan_article_plate
  .slogan_article_blocks {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.page_wrap[data-parent='bishop']#current .slogan_article_block {
  line-height: 1.75;
  color: #666666;
  font-size: 16px;
}

.page_wrap[data-parent='bishop']#current .slogan_article_blocks {
  display: flex;
  flex-direction: column;
  gap: 47px;
}

/* 교구장 > 제8대교구장 end */

/* 교구장 > 역대교구장 start */
:where(html, body):has(.page_wrap[data-parent='bishop']#successive).seal {
  overflow: hidden;
  overscroll-behavior: contain;
}
@media screen and (max-width: 767px) {
  .page_wrap[data-parent='bishop']#successive {
    padding-top: 35px;
  }
}
.page_wrap[data-parent='bishop']#successive .modal {
  position: relative;
  background: #fff;
  z-index: 102;
  pointer-events: all;
  width: 458px;
  max-height: calc(var(--vh, 1vh) * 100 - 100px * 2);
  border-radius: 20px;
  background-color: #f9f5f2;
}
@media only screen and (max-height: 800px) {
  .page_wrap[data-parent='bishop']#successive .modal {
    max-height: calc(var(--vh, 1vh) * 100 - 40px * 2);
  }
}
@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='bishop']#successive .modal {
    width: calc(100% - 30px);
    max-width: 458px;
  }
}

.page_wrap[data-parent='bishop']#successive .modal .modal_close {
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='bishop']#successive .modal .modal_close {
    right: 6px;
    top: 6px;
  }
}

.page_wrap[data-parent='bishop']#successive .modal .modal_close > img {
  width: 100%;
  height: 100%;
  max-width: 50px;
  aspect-ratio: 1/1;
}

.page_wrap[data-parent='bishop']#successive .modal_wrap {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  z-index: 101;
  transition: all 0.3s;
}
@media only screen and (max-height: 800px) {
  .page_wrap[data-parent='bishop']#successive .modal_wrap {
    margin-top: 35px;
  }
}

.page_wrap[data-parent='bishop']#successive .modal_wrap::before {
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: #000000b3;
  transition: all 0.3s;
  pointer-events: none;
}

.page_wrap[data-parent='bishop']#successive .modal_wrap.move_to_up {
  left: 0;
  top: calc(var(--vh, 1vh) * 100);
}

.page_wrap[data-parent='bishop']#successive .modal_wrap.move_to_up.active {
  top: 0;
}

.page_wrap[data-parent='bishop']#successive .modal_wrap.move_to_right {
  left: -100vw;
  top: 0;
}

.page_wrap[data-parent='bishop']#successive .modal_wrap.move_to_right.active {
  left: 0;
}

.page_wrap[data-parent='bishop']#successive .modal_wrap.active {
  pointer-events: all;
}

.page_wrap[data-parent='bishop']#successive .modal_wrap.active::before {
  opacity: 1;
}

.page_wrap[data-parent='bishop']#successive .modal_main {
  padding: 30px;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='bishop']#successive .modal_main {
    padding: 30px 20px;
  }
}

.page_wrap[data-parent='bishop']#successive .modal_bottom {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  border-radius: 0 0 20px 20px;
  pointer-events: none;
}

.page_wrap[data-parent='bishop']#successive .modal_bottom_img {
  position: relative;
  max-width: 173px;
}
@media only screen and (max-height: 800px) {
  .page_wrap[data-parent='bishop']#successive .modal_bottom_img {
    display: none;
  }
}

.page_wrap[data-parent='bishop']#successive .modal_bishop_plate {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  margin-top: -100px;
}

.page_wrap[data-parent='bishop']#successive .modal_bishop_face {
  position: relative;
  border-radius: 50%;
  width: 140px;
  aspect-ratio: 1/1;
  overflow: hidden;
}

.page_wrap[data-parent='bishop']#successive .modal_bishop_face_img {
  width: 100%;
}

.page_wrap[data-parent='bishop']#successive .modal_bishop_generation {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 800px;
  background-color: #d66f50;
  font-size: 13px;
  color: #fff;
  padding: 7px 18px 8px;
}

.page_wrap[data-parent='bishop']#successive .modal_bishop_generations {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.page_wrap[data-parent='bishop']#successive .modal_bishop_name {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -1.8px;
  line-height: 1.2;
  margin-top: 5px;
}

.page_wrap[data-parent='bishop']#successive .modal_bishop_names {
  text-align: center;
  padding-top: 10px;
}

.page_wrap[data-parent='bishop']#successive .modal_bishop_fullname {
  font-family: 'Noto Serif KR', sans-serif;
  font-size: 12px;
  color: #6a646a;
  letter-spacing: 1px;
  line-height: 1.42;
}

.page_wrap[data-parent='bishop']#successive .modal_bishop_history {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  padding: 25px 30px 28px;
  overflow-y: auto;
}
@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='bishop']#successive .modal_bishop_history {
    padding: 15px 15px 28px;
  }
}

@media only screen and (min-width: 767px) {
  .page_wrap[data-parent='bishop']#successive
    .modal_bishop_history::-webkit-scrollbar {
    width: 0rem;
    background: transparent;
  }

  .page_wrap[data-parent='bishop']#successive
    .modal_bishop_history::-webkit-scrollbar-track-piece {
    background: transparent;
  }

  .page_wrap[data-parent='bishop']#successive
    .modal_bishop_history::-webkit-scrollbar-track {
    border-radius: 800rem;
    background-color: transparent;
  }

  .page_wrap[data-parent='bishop']#successive
    .modal_bishop_history::-webkit-scrollbar-thumb {
    border-radius: 800rem;
    background-color: transparent;
  }

  .page_wrap[data-parent='bishop']#successive
    .modal_bishop_history::-webkit-scrollbar {
    width: 4px;
  }

  .page_wrap[data-parent='bishop']#successive
    .modal_bishop_history::-webkit-scrollbar-track {
    box-shadow: none;
  }

  .page_wrap[data-parent='bishop']#successive
    .modal_bishop_history::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.4);
  }
}

.page_wrap[data-parent='bishop']#successive .modal_bishop_history_wrap {
  position: relative;
  width: 100%;
  height: 208px;
  background-color: #fff;
  border-radius: 10px;
  padding-right: 5px;
  pointer-events: all;
}
@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='bishop']#successive .modal_bishop_history_wrap {
    padding-right: 0;
  }
}

.page_wrap[data-parent='bishop']#successive .modal_bishop_story {
  display: flex;
  align-items: flex-start;
}

.page_wrap[data-parent='bishop']#successive .modal_bishop_story_list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media only screen and (max-width: 480px) {
  .page_wrap[data-parent='bishop']#successive .modal_bishop_story_list {
    font-size: 14px;
  }
}

.page_wrap[data-parent='bishop']#successive .modal_bishop_date {
  flex: 1;
  font-family: 'Noto Serif KR', sans-serif;
  font-weight: 600;
  line-height: 1.3;
}

.page_wrap[data-parent='bishop']#successive .modal_bishop_cont {
  flex: 1;
  color: #666666;
  line-height: 1.3;
}

.page_wrap[data-parent='bishop']#successive .color_peach {
  color: #d66f50;
}

.page_wrap[data-parent='bishop']#successive .font_medium {
  font-weight: 500;
}

.page_wrap[data-parent='bishop']#successive .font_semibold {
  font-weight: 600;
}

.page_wrap[data-parent='bishop']#successive .area_container {
  position: relative;
}

.page_wrap[data-parent='bishop']#successive .dropdown {
  /* dropdown, 클릭시 내려보이는 창 */
  --center: 50;
  --tailH: 10;
  position: absolute;
  transform: translate3d(calc(var(--center) * 1%), 25%, 0) rotateX(0deg);
  display: block;
  width: 400px;
  border: 1px solid #231915;
  background-color: #fff;
  padding: 2rem 2rem 2.2rem;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 3px 5px #0000001a;
  z-index: 59;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='bishop']#successive .dropdown {
    padding: 1.2rem 1.2rem 1.3rem;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='bishop']#successive .dropdown {
    width: calc(100vw - 40px * 2);
    transform: translate3d(0, 15px, 0) rotateX(0deg);
  }
}

.page_wrap[data-parent='bishop']#successive .dropdown::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  display: block;
  border-top: 4.5px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 4.5px solid transparent;
  border-left: 7px solid transparent;
  border-bottom-width: 9px;
  border-top-width: 9px;
  border-top-color: #231915;
}

.page_wrap[data-parent='bishop']#successive .dropdown::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  display: block;
  border-top: 4.25px solid transparent;
  border-right: 6.5px solid transparent;
  border-bottom: 4.25px solid transparent;
  border-left: 6.5px solid transparent;
  border-bottom-width: 8.5px;
  border-top-width: 8.5px;
  border-top-color: #fff;
}

.page_wrap[data-parent='bishop']#successive .dropdown.pos_left {
  right: calc(50% + 120px + 20px);
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='bishop']#successive .dropdown.pos_left {
    right: calc(50% + 120px + 10px);
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='bishop']#successive .dropdown.pos_left {
    right: -15px;
  }
}

.page_wrap[data-parent='bishop']#successive .dropdown.pos_left::before {
  left: calc(100% - 60px);
}

.page_wrap[data-parent='bishop']#successive .dropdown.pos_left::after {
  left: calc(100% - 60px);
}

.page_wrap[data-parent='bishop']#successive .dropdown.pos_center {
  right: 50%;
}

.page_wrap[data-parent='bishop']#successive .dropdown.pos_top {
  bottom: calc(100% + var(--tailH) * 2px + 4px);
}

.page_wrap[data-parent='bishop']#successive .dropdown.pos_bottom {
  top: calc(100% + var(--tailH) * 1px);
}

.page_wrap[data-parent='bishop']#successive .dropdown.pos_bottom::before {
  top: unset;
  bottom: calc(100% + var(--tailH) * 2px);
  bottom: 100%;
  border-top: 4.5px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 4.5px solid transparent;
  border-left: 7px solid transparent;
  border-top-width: 9px;
  border-bottom-width: 9px;
  border-bottom-color: #231915;
}

.page_wrap[data-parent='bishop']#successive .dropdown.pos_bottom::after {
  top: unset;
  bottom: calc(100% + var(--tailH) * 2px);
  bottom: 100%;
  border-top: 4.25px solid transparent;
  border-right: 6.5px solid transparent;
  border-bottom: 4.25px solid transparent;
  border-left: 6.5px solid transparent;
  border-top-width: 8.5px;
  border-bottom-width: 8.5px;
  border-bottom-color: #fff;
}

.page_wrap[data-parent='bishop']#successive .dropdown.active {
  animation: dropdownSlideDown 0.3s ease both;
  -webkit-animation: dropdownSlideDown 0.3s ease both;
  -moz-animation: dropdownSlideDown 0.3s ease;
  animation-play-state: running;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='bishop']#successive .dropdown.active {
    animation: dropdownFadeOn 0.3s ease both;
    -webkit-animation: dropdownFadeOn 0.3s ease both;
    -moz-animation: dropdownFadeOn 0.3s ease;
    animation-play-state: running;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
  }
}

.page_wrap[data-parent='bishop']#successive .dropdown.close {
  animation: dropdownSlideUp 0.3s ease both;
  -webkit-animation: dropdownSlideUp 0.3s ease both;
  -moz-animation: dropdownSlideUp 0.3s ease;
  animation-play-state: running;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='bishop']#successive .dropdown.close {
    animation: dropdownFadeOff 0.3s ease both;
    -webkit-animation: dropdownFadeOff 0.3s ease both;
    -moz-animation: dropdownFadeOff 0.3s ease;
    animation-play-state: running;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
  }
}

.page_wrap[data-parent='bishop']#successive .dropdown_wrap {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
}

.page_wrap[data-parent='bishop']#successive .dropdown_btn_close {
  position: absolute;
  right: 6px;
  top: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  padding: 5px;
  z-index: 9;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='bishop']#successive .dropdown_btn_close {
    right: 0;
    top: 0;
  }
}

.page_wrap[data-parent='bishop']#successive .dropdown_btn_close .icon {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}

.page_wrap[data-parent='bishop']#successive .dropdown_btn_close .icon img {
  width: 100%;
  height: 100%;
}

.page_wrap[data-parent='bishop']#successive .successive_list {
  display: flex;
  gap: 11px;
}

.page_wrap[data-parent='bishop']#successive .swiper_successive {
  padding: 00px 0px 120px;
  overflow: visible;
}

@media only screen and (max-width: 1024px) {
  .page_wrap[data-parent='bishop']#successive .swiper_successive {
    padding: 00px 40px 0px;
    margin-left: -40px;
    width: calc(100% + 80px);
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='bishop']#successive .swiper_successive {
    padding: 00px 15px 0px;
    margin-left: -15px;
    width: calc(100% + 30px);
  }
}

.page_wrap[data-parent='bishop']#successive .swiper_successive .swiper-slide {
  width: auto;
  z-index: 1;
}

.page_wrap[data-parent='bishop']#successive
  .swiper_successive
  .swiper-slide:has(.bishop_symbol:hover),
.page_wrap[data-parent='bishop']#successive
  .swiper_successive
  .swiper-slide:has(.dropdown.active) {
  z-index: 9;
}

.page_wrap[data-parent='bishop']#successive .bishop {
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 120px;
  height: 670px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='bishop']#successive .bishop {
    height: 570px;
  }
}

.page_wrap[data-parent='bishop']#successive .bishop:hover .bishop_generation {
  background-color: #d66f50;
}

.page_wrap[data-parent='bishop']#successive .bishop:hover .bishop_vertical {
  background: linear-gradient(to top, #f9f5f2 114px, #f6eae0, #eacab1);
}

.page_wrap[data-parent='bishop']#successive .bishop_face {
  flex: 0 0 120px;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

.page_wrap[data-parent='bishop']#successive .bishop_face_img {
  width: 100%;
}

.page_wrap[data-parent='bishop']#successive .bishop_generation {
  flex: 0 0 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1/0.25;
  font-size: 13px;
  color: #fff;
  background-color: #605560;
  transition: background 0.3s;
}

.page_wrap[data-parent='bishop']#successive .bishop_vertical {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0 0 10px 10px;
  background: linear-gradient(270deg, #f9f5f2, #f9f5f2, #f9f5f2);
  padding: 26px 0;
  transition: background 0.3s;
}

.page_wrap[data-parent='bishop']#successive .bishop_name {
  font-weight: 700;
  font-size: 30px;
  letter-spacing: -3px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='bishop']#successive .bishop_name {
    font-size: 24px;
    letter-spacing: -6.5px;
    word-spacing: 12px;
  }
}

.page_wrap[data-parent='bishop']#successive .bishop_names {
  display: flex;
  flex-direction: column;
  gap: 5px;
  writing-mode: vertical-rl;
}

.page_wrap[data-parent='bishop']#successive .bishop_fullname {
  text-orientation: sideways;
  font-size: 12px;
  letter-spacing: 0.6px;
  color: #6a646a;
  padding-top: 7px;
}

.page_wrap[data-parent='bishop']#successive .bishop_symbol {
  width: 74px;
  margin-top: auto;
}

.page_wrap[data-parent='bishop']#successive .bishop_symbol_img {
  width: 100%;
}

.page_wrap[data-parent='bishop']#successive .bishop_symbol_content {
  font-size: 15px;
  color: #666;
  line-height: 1.4;
  max-height: calc(100vh - 250px);
  overflow-y: auto;
  /* scrollbar-color: transparent transparent;
	scrollbar-width: thin;
	scrollbar-color: rgba(0, 0, 0, 0.4) transparent; */
  pointer-events: all;
}

/* .page_wrap[data-parent=bishop]#successive .bishop_symbol_content::-webkit-scrollbar {
	width: 0rem;
	background: transparent;
}

.page_wrap[data-parent=bishop]#successive .bishop_symbol_content::-webkit-scrollbar-track-piece {
	background: transparent;
}

.page_wrap[data-parent=bishop]#successive .bishop_symbol_content::-webkit-scrollbar-track {
	border-radius: 800rem;
	background-color: transparent;
}

.page_wrap[data-parent=bishop]#successive .bishop_symbol_content::-webkit-scrollbar-thumb {
	border-radius: 800rem;
	background-color: transparent;
}

.page_wrap[data-parent=bishop]#successive .bishop_symbol_content::-webkit-scrollbar {
	width: 8rem;
}

.page_wrap[data-parent=bishop]#successive .bishop_symbol_content::-webkit-scrollbar-track {
	box-shadow: none;
}

.page_wrap[data-parent=bishop]#successive .bishop_symbol_content::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.4);
} */

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='bishop']#successive .bishop_symbol_content {
    max-height: 300px;
  }
}

.page_wrap[data-parent='bishop']#successive .bishop_symbol_content_tit {
  font-weight: 600;
  padding-bottom: 5px;
}

/* 교구장 > 역대교구장 end */

/* 교구 > 교구소개 > 연혁 start */
.page_wrap[data-parent='introduce']#history {
  padding-top: 0;
}

.page_wrap[data-parent='introduce']#history .year_line_wrap {
  position: sticky;
  top: 100px;
  background-color: #fff;
}

.page_wrap[data-parent='introduce']#history .year_line {
  position: relative;
}

.page_wrap[data-parent='introduce']#history .year_line::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 27px;
  height: calc(100% - 2px);
  background: transparent linear-gradient(270deg, #ffffff00 0%, #ffffff 100%) 0%
    0% no-repeat padding-box;
  z-index: 1;
  pointer-events: none;
}

.page_wrap[data-parent='introduce']#history .year_line::after {
  content: '';
  position: absolute;
  top: 2px;
  right: 0;
  width: 27px;
  height: calc(100% - 2px);
  background: transparent linear-gradient(90deg, #ffffff00 0%, #ffffff 100%) 0%
    0% no-repeat padding-box;
  z-index: 1;
  pointer-events: none;
}

.page_wrap[data-parent='introduce']#history .year_line ul {
  display: flex;
  gap: 50px;
  overflow: auto;
  border-bottom: 2px solid #d66f50;
  scrollbar-width: none;
  /* Firefox에서 스크롤바 숨기기 */
  -ms-overflow-style: none;
  /* IE 10+ 스크롤바 숨기기 */
  padding: 0 20px;
  transition: 0.3s;
}

.page_wrap[data-parent='introduce']#history .year_line ul::-webkit-scrollbar {
  display: none;
}

.page_wrap[data-parent='introduce']#history .year_line ul li {
  letter-spacing: 0px;
  color: #231915;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  padding-top: 14px;
  padding-bottom: 17px;
}

.page_wrap[data-parent='introduce']#history .year_line ul li .btn {
  font-weight: 700;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Noto Serif KR EN NUM';
}

.page_wrap[data-parent='introduce']#history .year_line ul li.active .btn {
  color: #d66f50;
}

.page_wrap[data-parent='introduce']#history .year_line ul li.active::before {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #d47d63;
}

.page_wrap[data-parent='introduce']#history .year_contents {
}

.page_wrap[data-parent='introduce']#history .year_contents .box {
  display: flex;
  padding-top: 60px;
  padding-bottom: 60px;
  border-bottom: 1px dashed #e5e5e5;
  line-height: 1.5;
}

.page_wrap[data-parent='introduce']#history .year_contents .box:last-of-type {
  border-bottom: 0;
}

.page_wrap[data-parent='introduce']#history .year_contents .box .left_a {
  letter-spacing: 0px;
  color: #c1a463;
  font-size: 30px;
  font-weight: 700;
  width: 150px;
}

.page_wrap[data-parent='introduce']#history .year_contents .box .right_a {
  width: calc(100% - 150px);
  padding-top: 8px;
}

.page_wrap[data-parent='introduce']#history .year_contents .box .right_a ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.page_wrap[data-parent='introduce']#history .year_contents .box .right_a ul li {
  display: flex;
}

.page_wrap[data-parent='introduce']#history
  .year_contents
  .box
  .right_a
  ul
  li.mb_add {
  margin-bottom: 20px;
}

.page_wrap[data-parent='introduce']#history
  .year_contents
  .box
  .right_a
  ul
  li
  .tit {
  width: 115px;
  letter-spacing: 0px;
  color: #231915;
  font-size: 16px;
  font-weight: 600;
}

.page_wrap[data-parent='introduce']#history
  .year_contents
  .box
  .right_a
  ul
  li
  .con {
  width: calc(100% - 115px);
  letter-spacing: -0.8px;
  color: #666666;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .page_wrap[data-parent='introduce']#history .year_line_wrap {
    top: 50px;
    will-change: transform, top;
  }

  .page_wrap[data-parent='introduce']#history .year_line ul {
    gap: 25px;
    padding: 0 0;
    padding-right: 20px;
    width: calc(100% + 30px);
    margin-left: -15px;
    padding-left: 15px;
  }

  .page_wrap[data-parent='introduce']#history .year_line ul li .btn {
    font-size: 15px;
  }

  .page_wrap[data-parent='introduce']#history .year_contents .box {
    padding-top: 30px;
    padding-bottom: 30px;
    flex-direction: column;
  }

  .page_wrap[data-parent='introduce']#history .year_contents .box .left_a {
    font-size: 24px;
    width: 100%;
  }

  .page_wrap[data-parent='introduce']#history .year_contents .box .right_a {
    width: 100%;
    padding-top: 0px;
    margin-top: 30px;
  }

  .page_wrap[data-parent='introduce']#history
    .year_contents
    .box
    .right_a
    ul
    li
    .tit {
    font-size: 15px;
    width: 100px;
  }

  .page_wrap[data-parent='introduce']#history
    .year_contents
    .box
    .right_a
    ul
    li
    .con {
    font-size: 15px;
    width: calc(100% - 100px);
  }

  .page_wrap[data-parent='introduce']#history .year_line::before {
    display: none;
  }

  .page_wrap[data-parent='introduce']#history .year_line::after {
    display: none;
  }
}

/* 교구 > 교구소개 > 연혁 end */

/* 교구청 > 오시는길 start */
.page_wrap[data-parent='parish']#way {
  padding-top: 60px;
}

@media only screen and (max-width: 1350px) {
  .page_wrap[data-parent='parish']#way {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#way {
    padding-top: 30px;
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='parish']#way {
    padding-bottom: 0px;
  }
}

.page_wrap[data-parent='parish']#way .font_semibold {
  font-weight: 600;
}

.page_wrap[data-parent='parish']#way .top_area {
  position: relative;
}

.page_wrap[data-parent='parish']#way .root_daum_roughmap {
  width: 100%;
  aspect-ratio: 910/605;
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='parish']#way .root_daum_roughmap {
    aspect-ratio: 500/300;
  }
}

.page_wrap[data-parent='parish']#way .root_daum_roughmap .wrap_map {
  height: 100%;
}

.page_wrap[data-parent='parish']#way .area_container {
  padding-top: 60px;
}
@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#way .area_container {
    padding-top: 30px;
  }
}

.page_wrap[data-parent='parish']#way .article_area:not(:first-child) {
  padding-top: 50px;
}
@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#way .article_area:not(:first-child) {
    padding-top: 30px;
  }
}

.page_wrap[data-parent='parish']#way .article_area_tit {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.2;
}

.page_wrap[data-parent='parish']#way .article_board {
  border-top: 1px solid #807980;
}

.page_wrap[data-parent='parish']#way .article_board > li {
  border-bottom: 1px solid #e5e5e5;
  padding: 17px 0 15px;
}

.page_wrap[data-parent='parish']#way .article_board_wrap {
  padding-top: 20px;
}

.page_wrap[data-parent='parish']#way .article_block {
  display: flex;
  align-items: center;
  font-size: 16px;
}

.page_wrap[data-parent='parish']#way .article_block_tit {
  flex: 0 0 127px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  line-height: 1.2;
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='parish']#way .article_block_tit {
    flex: 0 0 102px;
  }
}

.page_wrap[data-parent='parish']#way .article_block_cont {
  line-height: 1.4375;
  color: #666;
}

@media only screen and (max-width: 1024px) {
  .page_wrap[data-parent='parish']#way .article_block_cont {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
}

.page_wrap[data-parent='parish']#way .article_block_cont .en {
  font-size: 13px;
}

@media only screen and (max-width: 1024px) {
  .page_wrap[data-parent='parish']#way .article_block_cont .bar {
    display: none;
  }
}

/* 교구청 > 오시는길 end */

/* 교구청 > 조직도 start */
.page_wrap[data-parent='parish']#organization {
  padding-top: 60px;
}

@media only screen and (max-width: 1350px) {
  .page_wrap[data-parent='parish']#organization {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#organization {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='parish']#organization {
    padding-bottom: 0px;
  }
}

.page_wrap[data-parent='parish']#organization .font_semibold {
  font-weight: 600;
}

.page_wrap[data-parent='parish']#organization .area_container {
  padding-top: 0px;
}

.page_wrap[data-parent='parish']#organization .tree_floor {
  position: relative;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#organization .tree_floor {
    flex-direction: column-reverse;
    align-items: center;
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#organization
    .tree_floor:has(.tree_line_vertical:first-child:last-child) {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#organization
    .tree_floor:has(.tree_line_horizontal:first-child:last-child) {
    display: none;
  }
}

.page_wrap[data-parent='parish']#organization .tree_group {
  display: flex;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#organization .tree_group {
    flex-direction: column;
  }
}

.page_wrap[data-parent='parish']#organization .tree_group.leader.tree_center {
  flex-direction: column;
}

.page_wrap[data-parent='parish']#organization
  .tree_group.leader.tree_center
  > .tree_line {
  margin: 0 auto;
}

.page_wrap[data-parent='parish']#organization .tree_group.leader.meeting {
  flex-direction: column;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#organization .tree_group.leader.meeting {
    flex-direction: column-reverse;
  }
}

.page_wrap[data-parent='parish']#organization
  .tree_group.leader.meeting.tree_left
  > .tree_line {
  margin-left: 90px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#organization
    .tree_group.leader.meeting.tree_left
    > .tree_line {
    margin: 0 auto;
  }
}

.page_wrap[data-parent='parish']#organization
  .tree_group.leader.meeting.tree_right {
  align-items: flex-end;
}

.page_wrap[data-parent='parish']#organization
  .tree_group.leader.meeting.tree_right
  > .tree_line {
  margin-right: 90px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#organization
    .tree_group.leader.meeting.tree_right
    > .tree_line {
    margin: 0 auto;
  }
}

.page_wrap[data-parent='parish']#organization
  .tree_group.leader.meeting.tree_right
  .tree_boxes {
  align-self: flex-end;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#organization
    .tree_group.leader.meeting.color_darkgreen:nth-child(2):not(
      :has(.tree_line)
    ) {
    flex-direction: column;
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#organization
    .tree_group.leader.meeting.color_darkgreen:nth-child(2):not(
      :has(.tree_line)
    )
    .tree_boxes
    ~ .tree_boxes {
    margin-top: 20px;
    margin-bottom: 0px;
  }
}

.page_wrap[data-parent='parish']#organization
  .tree_group.leader.meeting
  .tree_box {
  border: unset;
}

.page_wrap[data-parent='parish']#organization
  .tree_group.leader.meeting
  .tree_boxes {
  padding: 0;
  gap: 0px;
}

.page_wrap[data-parent='parish']#organization
  .tree_group.leader.meeting
  .tree_boxes
  ~ .tree_boxes {
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#organization
    .tree_group.leader.meeting
    .tree_boxes
    ~ .tree_boxes {
    margin-top: 0;
    margin-bottom: 20px;
  }
}

.page_wrap[data-parent='parish']#organization
  .tree_group.leader.meeting
  .tree_box_wrap {
  width: calc(100% - 20px * 2);
  margin: 0 auto;
}

.page_wrap[data-parent='parish']#organization
  .tree_group.leader.meeting
  .tree_box_wrap:has(.tree_box_top) {
  width: 100%;
}

.page_wrap[data-parent='parish']#organization
  .tree_group.leader.meeting
  .tree_box_top {
  border-width: 1px;
  border-style: solid;
  margin-top: -1px;
  margin-left: -1px;
  width: calc(100% + 2px);
}

.page_wrap[data-parent='parish']#organization .tree_group.leader .tree_box {
  border-width: 1px;
  border-style: solid;
}

.page_wrap[data-parent='parish']#organization .tree_group.leader .tree_boxes {
  gap: 10px;
}

.page_wrap[data-parent='parish']#organization .tree_group.meeting .tree_boxes {
  padding: 4px 20px;
}

.page_wrap[data-parent='parish']#organization
  .tree_group.color_orange
  .tree_boxes {
  border-color: #d66f50;
  background-color: #fbf0ed;
  color: #d66f50;
}

.page_wrap[data-parent='parish']#organization
  .tree_group.color_orange
  .tree_box_top {
  border-color: #d66f50;
  background-color: #fbf0ed;
  color: #d66f50;
  border-width: 0;
}

.page_wrap[data-parent='parish']#organization
  .tree_group.color_blue
  .tree_boxes {
  border-color: #23357d;
  background-color: #e8eaf2;
  color: #23357d;
}

.page_wrap[data-parent='parish']#organization
  .tree_group.color_blue
  .tree_box_top {
  border-color: #23357d;
  background-color: #e8eaf2;
  color: #23357d;
  border-width: 0;
}

.page_wrap[data-parent='parish']#organization
  .tree_group.color_green
  .tree_boxes {
  border-width: 0;
}

.page_wrap[data-parent='parish']#organization
  .tree_group.color_green
  .tree_box_top {
  border-color: #8d8b54;
  background-color: #f3f3ed;
  color: #8d8b54;
}

.page_wrap[data-parent='parish']#organization
  .tree_group.color_darkgreen
  .tree_boxes:has(.tree_box_wrap:first-child:last-child) {
  border-width: 0;
}

.page_wrap[data-parent='parish']#organization
  .tree_group.color_darkgreen
  .tree_box_top {
  border-color: #184b44;
  background-color: #e7ecec;
  color: #184b44;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#organization
    .tree_group:not(:has(.tree_line)) {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#organization
    .tree_group:not(:has(.tree_line)):last-child {
    margin-top: 0;
  }
}

.page_wrap[data-parent='parish']#organization .tree_line {
  background-color: #e5e5e5;
}

.page_wrap[data-parent='parish']#organization
  .tree_line:first-child:last-child {
  margin: 0 auto;
}

.page_wrap[data-parent='parish']#organization .tree_lines {
  position: relative;
  display: flex;
  flex-direction: column;
}

.page_wrap[data-parent='parish']#organization .tree_lines .tree_line {
  margin: 0 auto;
}

.page_wrap[data-parent='parish']#organization .tree_lines .tree_line_vertical {
  flex: 0 0 40px;
  height: 0;
}

.page_wrap[data-parent='parish']#organization
  .tree_lines
  .tree_line_horizontal {
  flex: unset;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#organization
    .tree_lines
    .tree_line_horizontal {
    display: none;
  }
}

.page_wrap[data-parent='parish']#organization .tree_line_vertical {
  height: 40px;
  width: 1px;
}

.page_wrap[data-parent='parish']#organization .tree_line_horizontal {
  flex: 1;
  width: 0%;
  height: 1px;
  margin-top: 40px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#organization .tree_line_horizontal {
    flex: 0 0 40px;
    width: 1px;
    margin: 0 auto;
  }
}

.page_wrap[data-parent='parish']#organization
  .tree_line_horizontal:first-child:last-child {
  margin: 0 90px;
}

.page_wrap[data-parent='parish']#organization .tree_box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  border-radius: 5px;
  padding-bottom: 4px;
}
@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#organization .tree_box {
    padding-bottom: 0.5px;
  }
}
.page_wrap[data-parent='parish']#organization .tree_boxes {
  align-self: flex-start;
  display: flex;
  width: 180px;
  flex-direction: column;
  border-radius: 5px;
  border: 1px solid #e5e5e5;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#organization .tree_boxes {
    width: 360px;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='parish']#organization .tree_boxes {
    width: 100%;
    max-width: 360px;
  }
}

.page_wrap[data-parent='parish']#organization .tree_box_wrap {
  position: relative;
  width: 100%;
}

.page_wrap[data-parent='parish']#organization
  .tree_box_wrap:not(:has(.tree_box_top)):not(:last-child)::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23E5E5E5' stroke-width='1' stroke-dasharray='3%2c 3' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  background-repeat: repeat-x;
}

.page_wrap[data-parent='parish']#organization .tree_box_top .tree_box_position {
  font-size: 17px;
}

.page_wrap[data-parent='parish']#organization .tree_box_position {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -1.6px;
}

.page_wrap[data-parent='parish']#organization .tree_left:has(+ .tree_center) {
  width: calc((100% - 180px) / 2);
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#organization .tree_left:has(+ .tree_center) {
    width: 100%;
    max-width: 360px;
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#organization
    .tree_left:has(+ .tree_group.leader) {
    flex-direction: column-reverse;
  }
}

.page_wrap[data-parent='parish']#organization
  .tree_left:has(+ .tree_group.leader)
  .tree_line_horizontal {
  margin-top: 25px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#organization
    .tree_left:has(+ .tree_group.leader)
    .tree_line_horizontal {
    margin-top: 0;
  }
}

.page_wrap[data-parent='parish']#organization
  .tree_right:nth-child(3):last-child {
  width: calc((100% - 180px) / 2);
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#organization
    .tree_right:nth-child(3):last-child {
    width: 360px;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='parish']#organization
    .tree_right:nth-child(3):last-child {
    width: 100%;
    max-width: 360px;
  }
}

.page_wrap[data-parent='parish']#organization .tree_center {
  align-items: center;
  width: 180px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#organization .tree_center {
    width: 360px;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='parish']#organization .tree_center {
    width: 100%;
    max-width: 360px;
  }
}

.page_wrap[data-parent='parish']#organization
  .tree_center:first-child:last-child {
  margin: 0 auto;
}

.page_wrap[data-parent='parish']#organization
  .tree_center
  .tree_line_vertical:last-child {
  flex: 1;
  height: 0;
}

/* 교구청 > 조직도 end */

/* 교구청 > 부서소개 start */
:where(html, body):has(.page_wrap[data-parent='parish']#department).seal {
  overflow: hidden;
  overscroll-behavior: contain;
}

.page_wrap[data-parent='parish']#department {
  padding-top: 60px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#department {
    width: calc(100% + 30px);
    padding-top: 30px;
    margin-left: -15px;
  }
}

.page_wrap[data-parent='parish']#department .color_peach {
  color: #d66f50;
}

.page_wrap[data-parent='parish']#department .font_medium {
  font-weight: 500;
}

.page_wrap[data-parent='parish']#department .font_semibold {
  font-weight: 600;
}

.page_wrap[data-parent='parish']#department .top_container {
  display: flex;
  align-items: flex-start;
  border-radius: 20px;
  border: 1px solid #e5e5e5;
  width: calc(100% - 40px);
  transition: all 0.3s;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#department .top_container {
    width: 100%;
    border-radius: 0px;
    border: unset;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }
}

.page_wrap[data-parent='parish']#department .top_area {
  position: sticky;
  display: flex;
  justify-content: flex-end;
  top: 99px;
  padding-top: 40px;
  background-color: #fff;
  z-index: 5;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#department .top_area {
    top: 50px;
    padding-top: 0px;
  }
}

.page_wrap[data-parent='parish']#department .top_area.stuck {
  /* sticky 조건 달성 class명 == stuck */
  padding-top: 0;
}

.page_wrap[data-parent='parish']#department .top_area.stuck .top_container {
  width: 100%;
  border-radius: 0px;
  border: unset;
  border-bottom: 1px solid #e5e5e5;
}

@media only screen and (max-width: 1024px) {
  .page_wrap[data-parent='parish']#department .top_area.stuck .top_container {
    border-top-color: transparent;
  }
}

.page_wrap[data-parent='parish']#department .top_area.stuck .top_tit_wrap {
  position: absolute;
  height: 0;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
}

.page_wrap[data-parent='parish']#department .top_area.stuck .top_li:last-child {
  padding-right: 24px;
}

.page_wrap[data-parent='parish']#department .top_area.stuck .top_links {
  display: flex;
  gap: 0 44px;
}

.page_wrap[data-parent='parish']#department .top_area.stuck .top_links_wrap {
  padding: 20px 34px;
  overflow-x: auto;
  scrollbar-color: transparent transparent;
  scrollbar-width: none;
}

.page_wrap[data-parent='parish']#department
  .top_area.stuck
  .top_links_wrap::-webkit-scrollbar {
  display: none;
}

.page_wrap[data-parent='parish']#department .top_tit {
  font-family: 'Noto Serif KR', sans-serif;
  font-size: 28px;
  letter-spacing: -2.8px;
  color: #fff;
}

.page_wrap[data-parent='parish']#department .top_tit_wrap {
  flex: 0 0 180px;
  position: relative;
  border-radius: 0 20px 0 20px;
  background-color: #d66f50;
  border: 1px solid #ae593f;
  box-shadow: 5px 5px 10px #eacab1;
  padding: 23px 30px 38px;
  margin-top: -40px;
  margin-left: -40px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#department .top_tit_wrap {
    display: none;
  }
}

.page_wrap[data-parent='parish']#department .top_li.col_1 {
  grid-column: span 1;
}

.page_wrap[data-parent='parish']#department .top_li.col_2 {
  grid-column: span 2;
}

.page_wrap[data-parent='parish']#department .top_li.col_3 {
  grid-column: span 3;
}

.page_wrap[data-parent='parish']#department .top_li.col_4 {
  grid-column: span 4;
}

.page_wrap[data-parent='parish']#department .top_li.col_5 {
  grid-column: span 5;
}

.page_wrap[data-parent='parish']#department .top_li.col_6 {
  grid-column: span 6;
}

.page_wrap[data-parent='parish']#department .top_li.active::before {
  background-color: #d66f50;
}

.page_wrap[data-parent='parish']#department .top_li.active .top_link {
  color: #d66f50;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#department .top_li:last-child {
    padding-right: 24px;
  }
}

.page_wrap[data-parent='parish']#department .top_li::before {
  transition: background 0.3s;
}

.page_wrap[data-parent='parish']#department .top_link {
  font-size: 16px;
  white-space: nowrap;
  transition: color 0.3s;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#department .top_link {
    font-size: 15px;
    line-height: 1.4;
  }
}

.page_wrap[data-parent='parish']#department .top_links {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px 0;
}

.page_wrap[data-parent='parish']#department .top_links > li {
  position: relative;
}

.page_wrap[data-parent='parish']#department .top_links > li::before {
  content: '';
  position: absolute;
  left: -8px;
  top: 12.7px;
  transform: translateY(-50%);
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #000;
}

@media only screen and (max-width: 1024px) {
  .page_wrap[data-parent='parish']#department .top_links {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#department .top_links {
    display: flex;
    gap: 0 44px;
  }
}

.page_wrap[data-parent='parish']#department .top_links_wrap {
  flex: 1;
  padding: 32px 40px 36px 48px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#department .top_links_wrap {
    padding: 15px 34px;
    overflow-x: auto;
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.4) transparent;
  }

  .page_wrap[data-parent='parish']#department
    .top_links_wrap::-webkit-scrollbar {
    width: 0rem;
    background: transparent;
  }

  .page_wrap[data-parent='parish']#department
    .top_links_wrap::-webkit-scrollbar-track-piece {
    background: transparent;
  }

  .page_wrap[data-parent='parish']#department
    .top_links_wrap::-webkit-scrollbar-track {
    border-radius: 800rem;
    background-color: transparent;
  }

  .page_wrap[data-parent='parish']#department
    .top_links_wrap::-webkit-scrollbar-thumb {
    border-radius: 800rem;
    background-color: transparent;
  }

  .page_wrap[data-parent='parish']#department
    .top_links_wrap::-webkit-scrollbar {
    width: 8rem;
  }

  .page_wrap[data-parent='parish']#department
    .top_links_wrap::-webkit-scrollbar-track {
    box-shadow: none;
  }

  .page_wrap[data-parent='parish']#department
    .top_links_wrap::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.4);
  }
}

.page_wrap[data-parent='parish']#department .area_container {
  position: relative;
  padding-top: 60px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#department .department_content {
    width: calc(100% + 80px);
    overflow: auto;
    overflow-y: hidden;
    margin-left: -40px;
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.4) transparent;
  }

  .page_wrap[data-parent='parish']#department
    .department_content::-webkit-scrollbar {
    width: 0rem;
    background: transparent;
  }

  .page_wrap[data-parent='parish']#department
    .department_content::-webkit-scrollbar-track-piece {
    background: transparent;
  }

  .page_wrap[data-parent='parish']#department
    .department_content::-webkit-scrollbar-track {
    border-radius: 800rem;
    background-color: transparent;
  }

  .page_wrap[data-parent='parish']#department
    .department_content::-webkit-scrollbar-thumb {
    border-radius: 800rem;
    background-color: transparent;
  }

  .page_wrap[data-parent='parish']#department
    .department_content::-webkit-scrollbar {
    width: 8rem;
  }

  .page_wrap[data-parent='parish']#department
    .department_content::-webkit-scrollbar-track {
    box-shadow: none;
  }

  .page_wrap[data-parent='parish']#department
    .department_content::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.4);
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='parish']#department .department_content {
    width: calc(100% + 30px);
    margin-left: -15px;
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#department .department_li {
    padding: 0 15px;
  }
}

.page_wrap[data-parent='parish']#department .department_list {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#department .department_list {
    gap: 30px;
  }
}

.page_wrap[data-parent='parish']#department .department_plate {
  border-radius: 20px;
  border: 1px solid #e5e5e5;
  background: url('/assets/ccd01/image/parish_img01.jpg') no-repeat top center;
  padding: 30px 40px 50px;
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='parish']#department .department_plate {
    padding: 30px 15px 50px;
  }
}
.page_wrap[data-parent=parish]#department .department_plate[data-tit].transparent-border-top .department_board_cell {
  border-top-color: transparent;
}
.page_wrap[data-parent=parish]#department .department_tit {
  font-family: "Noto Serif KR", sans-serif;
  font-weight: 600;
  font-size: 40px;
  color: #D66F50;
  letter-spacing: -4px;
  line-height: 1.425;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#department .department_tit {
    font-size: 30px;
    letter-spacing: -3px;
  }
}

.page_wrap[data-parent='parish']#department .department_tit_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 8px;
}

.page_wrap[data-parent='parish']#department .department_intro {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - 40px * 2);
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#department .department_intro {
    width: 100%;
    font-size: 15px;
  }
}

.page_wrap[data-parent='parish']#department .department_board {
  position: relative;
  display: grid;
  grid-template-columns: 120px 170px 1fr 1fr;
  border-top: 1px solid #807980;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#department .department_board {
    width: 847px;
    margin: 0 40px;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='parish']#department .department_board {
    margin: 0 15px;
  }
}

.page_wrap[data-parent='parish']#department .department_board_cell {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  border: 1px solid #e5e5e5;
  font-size: 16px;
  color: #666666;
  letter-spacing: -0.8px;
  line-height: 1.3;
  padding: 13px 14px 14px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#department .department_board_cell {
    font-size: 15px;
    letter-spacing: -0.75px;
  }
}

.page_wrap[data-parent='parish']#department .department_board_cell.head {
  font-weight: 600;
  color: #231915;
  line-height: 1.25;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#department .department_board_cell.head {
    position: sticky;
    left: 0px;
    background-color: #fff;
    z-index: 4;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='parish']#department .department_board_cell.head {
    left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent='parish']#department
    .department_board_cell.head::before {
    position: absolute;
    right: 100%;
    top: -2px;
    display: block;
    width: 40px;
    height: calc(100% + 2px);
    border: 1px solid #fff;
    background-color: #fff;
  }
}

@media only screen and (max-width: 500px) {
  .page_wrap[data-parent='parish']#department
    .department_board_cell.head::before {
    width: 15px;
  }
}

.page_wrap[data-parent='parish']#department .department_board_cell.col_1 {
  grid-column: span 1;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_1.start_1 {
  grid-column: 1/2;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_1.start_2 {
  grid-column: 2/3;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_1.start_3 {
  grid-column: 3/4;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_1.start_4 {
  grid-column: 4/5;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_1.start_5 {
  grid-column: 5/6;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_1.start_6 {
  grid-column: 6/7;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_1.start_7 {
  grid-column: 7/8;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_1.start_8 {
  grid-column: 8/9;
}

.page_wrap[data-parent='parish']#department .department_board_cell.col_2 {
  grid-column: span 2;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_2.start_1 {
  grid-column: 1/3;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_2.start_2 {
  grid-column: 2/4;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_2.start_3 {
  grid-column: 3/5;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_2.start_4 {
  grid-column: 4/6;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_2.start_5 {
  grid-column: 5/7;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_2.start_6 {
  grid-column: 6/8;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_2.start_7 {
  grid-column: 7/9;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_2.start_8 {
  grid-column: 8/10;
}

.page_wrap[data-parent='parish']#department .department_board_cell.col_3 {
  grid-column: span 3;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_3.start_1 {
  grid-column: 1/4;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_3.start_2 {
  grid-column: 2/5;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_3.start_3 {
  grid-column: 3/6;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_3.start_4 {
  grid-column: 4/7;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_3.start_5 {
  grid-column: 5/8;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_3.start_6 {
  grid-column: 6/9;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_3.start_7 {
  grid-column: 7/10;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_3.start_8 {
  grid-column: 8/11;
}

.page_wrap[data-parent='parish']#department .department_board_cell.col_4 {
  grid-column: span 4;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_4.start_1 {
  grid-column: 1/5;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_4.start_2 {
  grid-column: 2/6;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_4.start_3 {
  grid-column: 3/7;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_4.start_4 {
  grid-column: 4/8;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_4.start_5 {
  grid-column: 5/9;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_4.start_6 {
  grid-column: 6/10;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_4.start_7 {
  grid-column: 7/11;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_4.start_8 {
  grid-column: 8/12;
}

.page_wrap[data-parent='parish']#department .department_board_cell.col_5 {
  grid-column: span 5;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_5.start_1 {
  grid-column: 1/6;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_5.start_2 {
  grid-column: 2/7;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_5.start_3 {
  grid-column: 3/8;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_5.start_4 {
  grid-column: 4/9;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_5.start_5 {
  grid-column: 5/10;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_5.start_6 {
  grid-column: 6/11;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_5.start_7 {
  grid-column: 7/12;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_5.start_8 {
  grid-column: 8/13;
}

.page_wrap[data-parent='parish']#department .department_board_cell.col_6 {
  grid-column: span 6;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_6.start_1 {
  grid-column: 1/7;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_6.start_2 {
  grid-column: 2/8;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_6.start_3 {
  grid-column: 3/9;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_6.start_4 {
  grid-column: 4/10;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_6.start_5 {
  grid-column: 5/11;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_6.start_6 {
  grid-column: 6/12;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_6.start_7 {
  grid-column: 7/13;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell.col_6.start_8 {
  grid-column: 8/14;
}
.page_wrap[data-parent=parish]#department .department_board_cell.col_7 {
  grid-column: span 7;
}
.page_wrap[data-parent=parish]#department .department_board_cell.col_7.start_1 {
  grid-column: 1/8;
}
.page_wrap[data-parent=parish]#department .department_board_cell.col_7.start_2 {
  grid-column: 2/9;
}
.page_wrap[data-parent=parish]#department .department_board_cell.col_7.start_3 {
  grid-column: 3/10;
}
.page_wrap[data-parent=parish]#department .department_board_cell.col_7.start_4 {
  grid-column: 4/11;
}
.page_wrap[data-parent=parish]#department .department_board_cell.col_7.start_5 {
  grid-column: 5/12;
}
.page_wrap[data-parent=parish]#department .department_board_cell.col_7.start_6 {
  grid-column: 6/13;
}
.page_wrap[data-parent=parish]#department .department_board_cell.col_7.start_7 {
  grid-column: 7/14;
}
.page_wrap[data-parent=parish]#department .department_board_cell.col_7.start_8 {
  grid-column: 8/15;
}
.page_wrap[data-parent=parish]#department .department_board_cell.col_8 {
  grid-column: span 8;
}
.page_wrap[data-parent=parish]#department .department_board_cell.col_8.start_1 {
  grid-column: 1/9;
}
.page_wrap[data-parent=parish]#department .department_board_cell.col_8.start_2 {
  grid-column: 2/10;
}
.page_wrap[data-parent=parish]#department .department_board_cell.col_8.start_3 {
  grid-column: 3/11;
}
.page_wrap[data-parent=parish]#department .department_board_cell.col_8.start_4 {
  grid-column: 4/12;
}
.page_wrap[data-parent=parish]#department .department_board_cell.col_8.start_5 {
  grid-column: 5/13;
}
.page_wrap[data-parent=parish]#department .department_board_cell.col_8.start_6 {
  grid-column: 6/14;
}
.page_wrap[data-parent=parish]#department .department_board_cell.col_8.start_7 {
  grid-column: 7/15;
}
.page_wrap[data-parent=parish]#department .department_board_cell.col_8.start_8 {
  grid-column: 8/16;
}
.page_wrap[data-parent=parish]#department .department_board_cell.row_1 {
  grid-row: span 1;
}
.page_wrap[data-parent=parish]#department .department_board_cell.row_2 {
  grid-row: span 2;
}
.page_wrap[data-parent=parish]#department .department_board_cell.row_3 {
  grid-row: span 3;
}
.page_wrap[data-parent=parish]#department .department_board_cell.row_4 {
  grid-row: span 4;
}
.page_wrap[data-parent=parish]#department .department_board_cell.row_5 {
  grid-row: span 5;
}
.page_wrap[data-parent=parish]#department .department_board_cell.row_6 {
  grid-row: span 6;
}
.page_wrap[data-parent=parish]#department .department_board_cell.row_7 {
  grid-row: span 7;
}
.page_wrap[data-parent=parish]#department .department_board_cell.row_8 {
  grid-row: span 8;
}
.page_wrap[data-parent=parish]#department .department_board_cell.row_9 {
  grid-row: span 9;
}
.page_wrap[data-parent=parish]#department .department_board_cell.start_1 {
  grid-column-start: 1;
}
.page_wrap[data-parent=parish]#department .department_board_cell.start_2 {
  grid-column-start: 2;
}
.page_wrap[data-parent=parish]#department .department_board_cell.start_3 {
  grid-column-start: 3;
}
.page_wrap[data-parent=parish]#department .department_board_cell.start_4 {
  grid-column-start: 4;
}
.page_wrap[data-parent=parish]#department .department_board_cell.start_5 {
  grid-column-start: 5;
}
.page_wrap[data-parent=parish]#department .department_board_cell.start_6 {
  grid-column-start: 6;
}
.page_wrap[data-parent=parish]#department .department_board_cell.start_7 {
  grid-column-start: 7;
}
.page_wrap[data-parent=parish]#department .department_board_cell.start_8 {
  grid-column-start: 8;
}

.page_wrap[data-parent='parish']#department
  .department_board_cell:has(.department_board_position_wrap),
.page_wrap[data-parent='parish']#department
  .department_board_cell:has(.department_board_contact) {
  gap: 0;
}
.page_wrap[data-parent=parish]#department .department_board_cell.transparent-border-top {
  border-top-color: transparent;
}
.page_wrap[data-parent=parish]#department .department_board_cell.normal-border-top {
  border-top-color: #E5E5E5;
}
.page_wrap[data-parent=parish]#department .department_board_cell.black-border-top {
  border-top-color: #807980;
}
.page_wrap[data-parent=parish]#department .department_board_cell.transparent-border-right {
  border-right-color: transparent;
}
.page_wrap[data-parent=parish]#department .department_board_cell.normal-border-right {
  border-right-color: #E5E5E5;
}
.page_wrap[data-parent=parish]#department .department_board_cell.black-border-right {
  border-right-color: #807980;
}
.page_wrap[data-parent=parish]#department .department_board_cell.transparent-border-bottom {
  border-bottom-color: transparent;
}
.page_wrap[data-parent=parish]#department .department_board_cell.normal-border-bottom {
  border-bottom-color: #E5E5E5;
}
.page_wrap[data-parent=parish]#department .department_board_cell.black-border-bottom {
  border-bottom-color: #807980;
}
.page_wrap[data-parent=parish]#department .department_board_cell.transparent-border-left {
  border-left-color: transparent;
}
.page_wrap[data-parent=parish]#department .department_board_cell.normal-border-left {
  border-left-color: #E5E5E5;
}
.page_wrap[data-parent=parish]#department .department_board_cell.black-border-left {
  border-left-color: #807980;
}
.page_wrap[data-parent=parish]#department .department_board_cell.transparent-border-vertical {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.page_wrap[data-parent=parish]#department .department_board_cell.normal-border-vertical {
  border-top-color: #E5E5E5;
  border-bottom-color: #E5E5E5;
}
.page_wrap[data-parent=parish]#department .department_board_cell.black-border-vertical {
  border-top-color: #807980;
  border-bottom-color: #807980;
}
.page_wrap[data-parent=parish]#department .department_board_cell.transparent-border-horizontal {
  border-left-color: transparent;
  border-right-color: transparent;
}
.page_wrap[data-parent=parish]#department .department_board_cell.normal-border-horizontal {
  border-left-color: #E5E5E5;
  border-right-color: #E5E5E5;
}
.page_wrap[data-parent=parish]#department .department_board_cell.black-border-horizontal {
  border-left-color: #807980;
  border-right-color: #807980;
}
.page_wrap[data-parent=parish]#department .department_board_cell p {
  padding-top: 0px;
  line-height: 1.3;
}

.page_wrap[data-parent='parish']#department .department_board_name {
  padding-top: 2px;
}
.page_wrap[data-parent=parish]#department .department_board_contact {
  display: flex;
  align-items: center;
  gap: 3px;
}
.page_wrap[data-parent=parish]#department .department_board_contact.tel + .department_board_contact.tel {
  margin-top: -7.8px;
}
.page_wrap[data-parent=parish]#department .department_board_contact.tel .icon {
  background: url("/assets/ccd01/image/department_icon_img01.svg") no-repeat center;
}
.page_wrap[data-parent=parish]#department .department_board_contact.email + .department_board_contact.email {
  margin-top: -7.8px;
}
.page_wrap[data-parent=parish]#department .department_board_contact.email .icon {
  background: url("/assets/ccd01/image/department_icon_img02.svg") no-repeat center;
}
.page_wrap[data-parent=parish]#department .department_board_contact.fax + .department_board_contact.fax {
  margin-top: -7.8px;
}
.page_wrap[data-parent=parish]#department .department_board_contact.fax .icon {
  background: url("/assets/ccd01/image/department_icon_img03.svg") no-repeat center;
}
.page_wrap[data-parent=parish]#department .department_board_contact.instar + .department_board_contact.instar {
  margin-top: -7.8px;
}
.page_wrap[data-parent=parish]#department .department_board_contact.instar .icon {
  background: url("/assets/ccd01/image/department_icon_img04.svg") no-repeat center;
}
.page_wrap[data-parent=parish]#department .department_board_contact.address + .department_board_contact.address {
  margin-top: -7.8px;
}
.page_wrap[data-parent=parish]#department .department_board_contact.address .icon {
  background: url("/assets/ccd01/image/department_icon_img05.svg") no-repeat center;
}
.page_wrap[data-parent=parish]#department .department_board_contact.homepage + .department_board_contact.homepage {
  margin-top: -7.8px;
}
.page_wrap[data-parent=parish]#department .department_board_contact.homepage .icon {
  background: url("/assets/ccd01/image/department_icon_img06.svg") no-repeat center;
}
.page_wrap[data-parent=parish]#department .department_board_contact.youtube + .department_board_contact.youtube {
  margin-top: -7.8px;
}
.page_wrap[data-parent=parish]#department .department_board_contact.youtube .icon {
  background: url("/assets/ccd01/image/department_icon_img07.svg") no-repeat center;
}
.page_wrap[data-parent=parish]#department .department_board_contact .icon {
  width: 30px;
  aspect-ratio: 1/1;
}
.page_wrap[data-parent=parish]#department .department_board_contact .icon.empty {
  background: transparent;
}
.page_wrap[data-parent=parish]#department .department_board_contact .txt {
  text-decoration: none !important;
  color: inherit;
  font-family: "Noto Serif KR", sans-serif;
  font-weight: 400;
  line-height: 1.25;
}
.page_wrap[data-parent=parish]#department .department_board_contact .txt:link, .page_wrap[data-parent=parish]#department .department_board_contact .txt:visited, .page_wrap[data-parent=parish]#department .department_board_contact .txt:hover, .page_wrap[data-parent=parish]#department .department_board_contact .txt:active {
  text-decoration: none;
  color: inherit;
}
.page_wrap[data-parent=parish]#department .department_board_position {
  font-size: 13px;
}
.page_wrap[data-parent=parish]#department .department_board_position_wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.page_wrap[data-parent=parish]#department .department_board_position_wrap > dl {
  display: flex;
  align-items: center;
  gap: 5px;
}
.page_wrap[data-parent=parish]#department .department_board_position_tit {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 34px;
  border-radius: 800px;
  border: 1px solid #807980;
  font-weight: 600;
  font-size: 10px;
  color: #807980;
  line-height: 1.2;
  padding: 2px 8px 3px;
}
.page_wrap[data-parent=parish]#department .department_board_info {
  display: flex;
  align-items: flex-start;
  gap: 3px;
  color: #666666;
}
.page_wrap[data-parent=parish]#department .department_board_info.tel .icon {
  background: url("/assets/ccd01/image/department_icon_img01.svg") no-repeat center;
}
.page_wrap[data-parent=parish]#department .department_board_info.email .icon {
  background: url("/assets/ccd01/image/department_icon_img02.svg") no-repeat center;
}
.page_wrap[data-parent=parish]#department .department_board_info.fax .icon {
  background: url("/assets/ccd01/image/department_icon_img03.svg") no-repeat center;
}
.page_wrap[data-parent=parish]#department .department_board_info.instar .icon {
  background: url("/assets/ccd01/image/department_icon_img04.svg") no-repeat center;
}
.page_wrap[data-parent=parish]#department .department_board_info.address .icon {
  background: url("/assets/ccd01/image/department_icon_img05.svg") no-repeat center;
}
.page_wrap[data-parent=parish]#department .department_board_info.homepage .icon {
  background: url("/assets/ccd01/image/department_icon_img06.svg") no-repeat center;
}
.page_wrap[data-parent=parish]#department .department_board_info.kakao .icon {
  background: url("/assets/ccd01/image/department_icon_img07.svg") no-repeat center;
}
.page_wrap[data-parent=parish]#department .department_board_info.youtube .icon {
  background: url("/assets/ccd01/image/department_icon_img08.svg") no-repeat center;
}
.page_wrap[data-parent=parish]#department .department_board_info .icon {
  width: 30px;
  aspect-ratio: 1/1;
  margin-top: -5px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent=parish]#department .department_board_info .icon {
    min-width: 30px;
    margin-top: -5.625px;
  }
}
.page_wrap[data-parent=parish]#department .department_board_info .txt {
  font-family: "Noto Serif KR", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.25;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent=parish]#department .department_board_info .txt {
    font-size: 15px;
  }
}
.page_wrap[data-parent=parish]#department .department_board_infos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px 20px;
  flex-wrap: wrap;
  padding-top: 32px;
  padding-bottom: 25px;
}

@media only screen and (max-width: 767px) {
  .page_wrap[data-parent=parish]#department .department_board_infos {
    position: sticky;
    left: 0;
    padding: 15px;
  }
}
.page_wrap[data-parent=parish]#department .department_board_infos:empty {
  padding-bottom: 0;
}
.page_wrap[data-parent=parish]#department .department_list_line {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.page_wrap[data-parent=parish]#department .department_list_line > li {
  position: relative;
  padding-left: 9px;
  padding-top: 0px;
  line-height: 1.3;
}
.page_wrap[data-parent=parish]#department .department_list_line > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10.4px;
  transform: translateY(-50%);
  display: block;
  width: 5px;
  height: 1px;
  background-color: #666666;
}
.page_wrap[data-parent='parish']#department
  .department_board_cell.head
  .sub_title_div {
  font-size: 13px;
  color: #666666;
  margin-top: -8px;
  font-weight: 400;
}

/* 교구청 > 부서소개 end */

/* 회원관련 start */
.member_style .item_outer {
  font-size: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.member_style .item_outer.email {
  flex-direction: row;
  gap: 3px;
}

.member_style .item_outer.email i.icon {
  display: flex;
  align-items: center;
  width: 15px;
  min-width: 15px;
  font-size: 15px;
}

.member_style .item_wrap {
  position: relative;
  height: 50px;
  border: 1px solid transparent;
  border-radius: 10px;
  background-color: #fff;
}

.member_style .item_wrap.border {
  border: 1px solid #6a646a;
}

.member_style .item_wrap.file {
  margin-bottom: 8px;
}

.member_style .item_wrap button.confirm {
  position: absolute;
  top: 50%;
  right: 6px;
  background-color: gray;
  letter-spacing: -0.56px;
  color: #ffffff;
  font-size: 14px;
  padding: 8px 12px 10px;
  transform: translateY(-50%);
  border-radius: 6px;
}

.member_style .item_wrap button.confirm.active {
  background-color: #d66f50;
}

.member_style .item_wrap select {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
  padding: 0 15px;
  background: url(/assets/ccd01/image/icon_arrow_black_bottom.svg) no-repeat
    right 15px center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 15px;
}

.member_style .item_wrap.email_select {
  margin-top: 15px;
}
.member_style .item_wrap input {
  width: 100%;
  height: 100%;
  border: 0;
  background-color: transparent;
  padding: 13px 15px 17px;
  font-size: 15px;
}

.member_style .item_wrap input:focus {
  border: 1px solid transparent;
  outline: 1px solid #6a646a;
  border-radius: 10px;
}

.member_style .button_type {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  border-radius: 10px;
  background-color: #d66f50;
  letter-spacing: -0.64px;
  color: #ffffff;
  font-size: 16px;
  padding-bottom: 4px;
  font-weight: 600;
}

.member_style .button_type.gray {
  background-color: #807980;
}

.member_style .chkbox_st_label {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

.member_style .chkbox_st_label input {
}

.member_style .chkbox_st_label input + .box {
  position: relative;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #6a646a;
}

.member_style .chkbox_st_label input:checked + .box {
  background: #d66f50;
  border: 1px solid #ae593f;
}

.member_style .chkbox_st_label input + .box::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 7px;
  background: url(/assets/ccd01/image/icon_chkbox_arrow_black.svg) center center
    no-repeat;
  background-size: contain;
}

.member_style .chkbox_st_label input:checked + .box::before {
  background: url(/assets/ccd01/image/icon_chkbox_arrow_white.svg) center center
    no-repeat;
  background-size: contain;
}

.member_style .chkbox_st_label input + .box + .text {
  letter-spacing: -0.64px;
  font-size: 15px;
}

.member_style .radio_st_label {
  display: flex;
  align-items: center;
  gap: 6px;
}

.member_style .radio_st_label input {
}

.member_style .radio_st_label input + .box {
  position: relative;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #fff;
}

.member_style .radio_st_label input:checked + .box {
  background: #d66f50;
}

.member_style .radio_st_label input + .box::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 38%;
  height: 38%;
  background-color: #fff;
  border-radius: 50%;
}

.member_style .radio_st_label input:checked + .box::before {
}

.member_style .radio_st_label input + .box + .text {
  letter-spacing: -0.64px;
  font-size: 15px;
}

.member_style .radio_st_label_wrap {
  display: flex;
  flex-direction: column;
}

.member_style .radio_st_label_wrap.mt {
  margin-top: 15px;
}

.member_style .radio_st_label_wrap.mb {
  margin-bottom: 15px;
}

.member_style .radio_st_label_wrap.row {
  flex-direction: row;
}

.member_style .radio_st_label_wrap.row button {
  background-color: gray;
  letter-spacing: -0.56px;
  color: #ffffff;
  font-size: 14px;
  padding: 7px 12px 11px;
  border-radius: 6px;
}

#btn_gender {
  box-sizing: border-box;
  border: 1px solid transparent;
}

#btn_gender.active {
  background-color: #d66f50;
}

.member_style .radio_st_label_wrap.row .radio_st_label {
  width: 50%;
}

.member_style .button_type_wrap {
  display: flex;
  gap: 10px;
  margin-top: 37px;
}

.member_style .button_type_wrap li {
  flex: 1;
}

.member_style .top_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
}

.member_style .top_area ul.join_step {
  display: flex;
  gap: 0 20px;
  position: relative;
}

.member_style .top_area ul.join_step::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  background-color: #f9f5f2;
  z-index: -1;
}

.member_style .top_area ul.join_step li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background-color: #f9f5f2;
  letter-spacing: -0.75px;
  color: #00000033;
  font-size: 15px;
  padding-bottom: 3px;
}

.member_style .top_area ul.join_step li.active {
  background-color: #d66f50;
  color: #fff;
}

.member_style {
  max-width: 480px;
  margin: 0 auto;
}

.member_style .in {
  background-color: #f9f5f2;
  border-radius: 20px;
  padding: 50px;
}

.member_style .in .button_wrap {
  margin-top: 40px;
}

.member_style .chkbox_st_label input + .box + .text {
  font-size: 16px;
}

.member_style .in .all {
  border-bottom: 1px solid #6a646a;
  padding-bottom: 15px;
}

.member_style .in .agree_ul {
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.member_style .in .agree_ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.member_style .in .agree_ul li .left {
  display: flex;
  align-items: center;
  gap: 6px;
}

.member_style .in .agree_ul li .left .title {
  font-size: 16px;
}

.member_style .in .agree_ul li .left .title span:not(.xxx) {
  letter-spacing: -0.64px;
  color: #d66f50;
  font-weight: 600;
}

.member_style .in .agree_ul li .left .cont {
  font-size: 16px;
  margin-top: 10px;
  height: 300px;
  overflow: auto;
  display: none;
}

.member_style .in .agree_ul li .left.active .cont {
  display: flex;
  align-items: safe center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000bd;
  z-index: 110;
  margin-top: 0;
}

.member_style .in .agree_ul li .left.active .cont .in {
  position: relative;
  max-width: 60%;
  height: 80%;
  padding: 25px 40px;
  padding-bottom: 40px;
  background-color: #fff;
  border-radius: 20px;
}
.member_style .in .agree_ul li .left.active .cont .in {
  line-height: 1.5;
}
.member_style .in .agree_ul li .left.active .cont .in .top_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  letter-spacing: -1.44px;
  color: #000000;
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 23px;
  margin-bottom: 0;
  height: 75px;
}
.member_style .in .agree_ul li .left.active .cont .in .top_area .close_btn {
  transform: translateX(40px);
  width: 100px;
}
.member_style .in .agree_ul li .left.active .cont .in .top_area .close_btn img {
  width: 100%;
  height: 100%;
}
.member_style .in .agree_ul li .left.active .cont .in > .wrap {
  overflow: auto;
  height: calc(100% - 75px);
}
.member_style .in .agree_ul li .left.active .cont .in > .wrap .agree_title_02 {
  margin-bottom: 4px;
  width: 100%;
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 18px;
}
.member_style .in .agree_ul li .left.active .cont .in > .wrap .agree_title_03 {
  font-size: 16px;
}
.member_style
  .in
  .agree_ul
  li
  .left.active
  .cont
  .in
  > .wrap
  .agree_title_03
  + ul {
  font-size: 15px;
  margin-top: 10px;
}
.member_style .in .agree_ul li .left.active .cont .in ul {
}
.member_style .in .agree_ul li .left.active .cont .in ul li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.member_style .in .agree_ul li .left.active .cont .in ul li > .wrap {
}
.member_style .in .agree_ul li .left.active .cont .in ul li > .wrap > ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.member_style .in .agree_ul li .chkbox_st_label {
  justify-content: flex-end;
}

.member_style .in .agree_ul li .right {
}

.member_style .in .agree_ul li .right .btn {
  display: flex;
  align-items: center;
  letter-spacing: -0.56px;
  color: #d66f50;
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-position: under;
}

.member_style .in .agree_ul li .right .btn i {
  display: inline-block;
  margin-left: 3px;
}

.member_style .confirm_full {
  width: 100%;
  height: 36px;
  background-color: gray;
  letter-spacing: -0.56px;
  color: #ffffff;
  font-size: 14px;
  padding: 7px 12px 11px;
  border-radius: 8px;
  margin-top: 15px;
}

.member_style .confirm_full.active {
  background-color: #d66f50;
}

.member_style.st02 .in {
  padding-top: 20px;
  padding-bottom: 60px;
}

.member_style.st02 .deco_img {
  width: 200px;
  margin: 0 auto;
}

.member_style.st02 .deco_img img {
  width: 100%;
  height: 100%;
}

.member_style.st02 p.text {
  text-align: center;
  letter-spacing: -0.88px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  margin-top: 40px;
}

.member_style.st02 p.text span {
  font-weight: 700;
  color: #d66f50;
}

.member_style.st02 p.sub_text {
  letter-spacing: -0.64px;
  color: #231915;
  line-height: 1.4;
  font-size: 16px;
  margin-top: 15px;
  text-align: center;
}

.member_style.st02 .info_area {
  margin-top: 30px;
  padding-top: 22px;
  border-top: 1px solid #6a646a;
}

.member_style.st02 .info_area ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.member_style.st02 .info_area ul li {
}

.member_style.st02 .info_area ul.gap_st02 {
  gap: 10px;
}

.member_style.st02 .info_area ul li.st01_li {
  display: flex;
  align-items: center;
}

.member_style.st02 .info_area ul li.st01_li.row {
  flex-direction: row;
  align-items: center;
}

.member_style.st02 .info_area ul li.st01_li.row .tit {
  min-width: 40px;
  margin-bottom: 0;
  letter-spacing: -0.64px;
  color: #231915;
  position: relative;
  display: flex;
  justify-content: space-between;
}

.member_style.st02 .info_area ul li.st01_li.row .tit span.full {
  flex: 1;
}

.member_style.st02 .info_area ul li .tit {
  letter-spacing: -0.56px;
  color: #231915;
  font-size: 14px;
  margin-right: 6px;
}

.member_style.st02 .info_area ul li .con {
  letter-spacing: 0px;
  color: #231915;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0px;
  color: #231915;
}

.member_style.st02 .info_area ul li .con span {
  display: inline-block;
  padding-bottom: 1px;
}

.member_style.st02 .info_area ul li.st02_li {
  padding-bottom: 10px;
}

.member_style.st02 .info_area ul li.st02_li.mt {
  margin-top: 20px;
  padding-bottom: 0;
}

.member_style.st02 .info_area ul li.st02_li .tit {
}

.member_style.st02
  .info_area
  ul
  li.st02_li
  input[type='password']::placeholder {
  letter-spacing: -0.64px;
  color: #231915;
  font-size: 16px;
  opacity: 0.4;
}

.member_style .emphatic_text {
  letter-spacing: -0.56px;
  color: #d66f50;
  font-size: 14px;
  text-align: left;
  margin-top: 30px;
  line-height: 1.3;
  position: relative;
  display: flex;
  align-items: flex-start;
}

.member_style .emphatic_text::before {
  content: '';
  background: url(/assets/ccd01/image/icon_sign_peach.svg) center center
    no-repeat;
  background-size: contain;
  position: relative;
  width: 15px;
  display: inline-block;
  aspect-ratio: 1/1;
  transform: translateY(2px);
  margin-right: 3px;
}

.member_style .top_area .title {
  letter-spacing: -1.44px;
  color: #000000;
  font-size: 24px;
  font-weight: 700;
}

.member_style .gap_st02 .item_wrap {
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .member_style {
    margin-top: 20px;
  }

  .member_style .button_type {
    height: 45px;
    font-size: 16px;
    padding-bottom: 0;
  }

  .member_style .in {
    padding: 20px;
    padding-bottom: 35px;
    border-radius: 10px;
  }

  .member_style .in .agree_ul li .left.active .cont .in {
    max-width: 85%;
    height: 75%;
    padding-bottom: 25px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .member_style.st02 p.text {
    margin-top: 25px;
    font-size: 19px;
  }

  .member_style.st02.no_img p.text {
    margin-top: 10px;
  }

  .member_style .emphatic_text::before {
    width: 15px;
    min-width: 15px;
    transform: translateY(2px);
  }

  .member_style .item_wrap {
    height: 45px;
  }

  .member_style .confirm_full {
    /* height: 45px; */
    margin-top: 10px;
    padding: 9px 12px;
  }

  .member_style.st02 .deco_img {
    width: 150px;
  }

  .member_style .item_outer {
    gap: 10px;
  }

  .member_style .chkbox_st_label input + .box {
    width: 20px;
    height: 20px;
  }

  .member_style .chkbox_st_label input + .box + .text {
    font-size: 15px;
  }

  .member_style .top_area .title {
    font-size: 20px;
  }

  .member_style .top_area ul.join_step {
    gap: 0 7px;
  }

  .member_style .top_area ul.join_step li {
    width: 22px;
    font-size: 12px;
    padding-bottom: 1px;
  }

  .member_style .in .agree_ul li .left.active .cont .in .top_area {
    align-items: flex-start;
    height: auto;
    padding-bottom: 18px;
  }

  .member_style .in .agree_ul li .left.active .cont .in .top_area .close_btn {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 4px;
    right: 0;
    transform: translateX(0);
  }

  .member_style
    .in
    .agree_ul
    li
    .left.active
    .cont
    .in
    .top_area
    .close_btn
    img {
    width: 100%;
    height: 100%;
  }

  .member_style .in .agree_ul li .left.active .cont .in .wrap {
    height: calc(100% - 47px);
  }

  .member_style .item_wrap button.confirm {
    right: 4px;
    padding-bottom: 9px;
  }

  .member_style .item_wrap select {
    font-size: 15px;
    padding: 0 15px;
  }

  .member_style .item_wrap.email_select {
    margin-top: 10px;
  }

  .member_style.st02 .info_area {
    margin-top: 20px;
  }

  .member_style.st02 .in {
    padding-bottom: 40px;
  }

  .member_style .radio_st_label_wrap.row button {
    padding: 9px 12px;
  }

  .member_style .item_wrap input {
    padding: 15px;
  }
  .member_style
    .in
    .agree_ul
    li
    .left.active
    .cont
    .in
    > .wrap
    .agree_title_02 {
    font-size: 16px;
  }
  .member_style .in .agree_ul li .left .cont {
    font-size: 15px;
  }
}

@media screen and (max-width: 425px) {
}

/* 회원관련 end*/

/* 로그인 start */
#login_pg {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

#login_pg .login_page {
  position: relative;
  border-radius: 20px;
  background-color: #f9f5f2;
  padding: 50px;
  max-width: 480px;
  width: 480px;
}

#login_pg .login_page .title {
  display: flex;
  justify-content: center;
  padding-bottom: 30px;
}

#login_pg .login_page .title .logo {
  width: 180px;
}

#login_pg .login_page .title .logo img {
  width: 100%;
  height: 100%;
}

#login_pg .login_page .move_link {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

#login_pg .login_page .move_link .left {
  letter-spacing: -0.6px;
  font-size: 15px;
}

#login_pg .login_page .move_link .right {
  color: #d66f50;
  text-decoration: underline;
  text-decoration-color: #d66f50;
  text-underline-position: under;
}

#login_pg .login_page .chk_area {
  margin-top: 15px;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  #login_pg {
    padding-top: 0px;
  }

  #login_pg .login_page {
    padding: 20px;
  }

  #login_pg .login_page .title .logo {
    width: 130px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 425px) {
}

/* 로그인 end */

/* 아이디 비번 찾기 start */
#find_id_pw {
  width: 100%;
  display: flex;
  justify-content: center;
}

#find_id_pw .member_style {
  max-width: 480px;
  width: 100%;
}

#find_id_pw .box {
  margin-top: 60px;
  background: #f9f5f2;
  padding: 50px 50px 60px 50px;
  border-radius: 20px;
}

#find_id_pw .box:first-of-type {
  margin-top: 0;
}

#find_id_pw .box h3 {
  letter-spacing: -1.2px;
  color: #231915;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
}

#find_id_pw .box ul.list_wrap {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

#find_id_pw .box ul.list_wrap li {
}

#find_id_pw .box ul.list_wrap li .title {
}

#find_id_pw .box ul.list_wrap li .title p {
  letter-spacing: -0.56px;
  color: #231915;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}

#find_id_pw .item_wrap {
}

#find_id_pw .box .button_type {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  #login_pg {
    padding-top: 0px;
  }

  #login_pg .login_page {
    padding: 20px;
    padding-bottom: 35px;
    border-radius: 10px;
  }

  #find_id_pw .box {
    padding: 20px;
    padding-bottom: 35px;
    margin-top: 15px;
    border-radius: 10px;
  }

  #find_id_pw .box h3 {
    font-size: 20px;
  }

  #find_id_pw .member_style {
    padding-top: 0;
  }
}

@media screen and (max-width: 425px) {
}

/* 아이디 비번 찾기 end */

/* 회원가입 start */
#page_agree {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#page_agree .member_style {
  max-width: 480px;
  width: 100%;
}

/* 회원가입 end */

/* 회원가입 폼 start */
#page_regist {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#page_regist .member_style h3.title {
  letter-spacing: -1.44px;
  color: #000000;
  font-size: 24px;
  font-weight: 700;
}

#page_regist .member_style {
  max-width: 480px;
  width: 100%;
}

#page_regist .member_style .in {
  background-color: #f9f5f2;
  border-radius: 20px;
  padding: 50px;
}

#page_regist .member_style .area_tit h6 {
  letter-spacing: -0.56px;
  color: #231915;
  font-size: 14px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

#page_regist .member_style .wrap_ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

#page_regist .member_style .group_wrap {
  margin-bottom: 30px;
}

#page_regist .member_style .group_wrap .cert_li {
  margin-top: 27px;
}

#page_regist .area_tit + .target_val {
  font-weight: 600;
}

#page_regist .member_style .add_text {
  font-size: 13px;
  letter-spacing: -0.52px;
  color: #605560;
  margin-top: 10px;
  display: inline-block;
}

#page_regist .member_style .top_info_text {
  margin-top: 10px;
  line-height: 1.2;
}

#page_regist .member_style .add_text.no_mt {
  margin-top: 0;
  line-height: 1.4;
}

#page_regist .member_style .radio_st_label input + .box + .text {
  font-size: 16px;
}

#page_regist .member_style .email_divide {
  display: flex;
  align-items: center;
}

#page_regist .member_style .email_divide span.icon {
  display: flex;
  align-items: center;
  min-width: 25px;
  justify-content: center;
  font-family: sans-serif !important;
}

#page_regist .member_style .email_divide .item_wrap:nth-of-type(1) {
}

#page_regist .member_style .email_divide .item_wrap:nth-of-type(1) {
}

#page_regist .member_style .file_wrap_label .btn {
  position: absolute;
  top: 50%;
  right: 10px;
  background-color: gray;
  letter-spacing: -0.56px;
  color: #ffffff;
  font-size: 14px;
  padding: 8px 12px 10px;
  transform: translateY(-50%);
  border-radius: 5px;
}

#page_regist .member_style .tel_wrap {
  display: flex;
  align-items: center;
}

#page_regist .member_style .tel_wrap .icon {
  min-width: 15px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  #page_regist .member_style .in {
    padding: 20px;
    padding-bottom: 35px;
    border-radius: 10px;
  }

  #page_regist .member_style h3.title {
    font-size: 20px;
  }

  #page_regist .member_style .radio_st_label input + .box + .text {
    font-size: 15px;
  }

  #page_regist .member_style .add_text.no_mt {
    line-height: 1.2;
  }
}

@media screen and (max-width: 425px) {
}

/* 회원가입 폼 end */

/* 버튼 스타일 공통 start */
.bottom_btn_wrap_st {
  display: flex;
  justify-content: center;
  gap: 21px;
  margin-top: 60px;
}

.bottom_btn_wrap_st .btn {
  font-size: 15px;
  letter-spacing: -0.6px;
  color: #231915;
  position: relative;
}

.bottom_btn_wrap_st .btn.color {
  color: #d66f50;
  text-decoration: underline;
  text-underline-position: under;
}

.bottom_btn_wrap_st .btn:nth-of-type(2)::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -11px;
  width: 1px;
  height: 80%;
  transform: translateY(-50%);
  background-color: #e5e5e5;
}

@media screen and (max-width: 767px) {
  .bottom_btn_wrap_st {
    margin-top: 35px;
  }
}

/* 버튼 스타일 공통 end */

/* 회원탈퇴 start */
.page_wrap#leave {
}

/* 회원탈퇴 end */

/* 회원탈퇴 완료 start */
.page_wrap#result_leave {
}

.page_wrap#result_leave .button_type {
  margin-top: 40px;
}

/* 회원탈퇴 완료 end */

/* 회원정보 start */
#info {
}

#info .in {
}

#info .in .top_area {
  letter-spacing: -1px;
  color: #231915;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 20px;
  border-bottom: 1px solid #807980;
}

#info .in .bottom_area {
}

#info .in .bottom_area ul {
  display: flex;
  flex-wrap: wrap;
}

#info .in .bottom_area ul li {
  display: flex;
  width: 50%;
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 38px;
  font-size: 16px;
}

#info .in .bottom_area ul li .tit {
  width: 110px;
}

#info .in .bottom_area ul li .tit h4 {
  letter-spacing: -0.8px;
  color: #231915;
  font-weight: 600;
}

#info .in .bottom_area ul li .con {
  width: calc(100% - 110px);
}

#info .in .bottom_area ul li .con span {
  word-break: break-all;
}

@media screen and (max-width: 1024px) {
  #info .in .bottom_area ul {
    flex-direction: column;
  }

  #info .in .bottom_area ul li {
    width: 100%;
    padding: 15px 20px;
  }
}

@media screen and (max-width: 767px) {
  #info .in .top_area {
    padding-top: 0px;
  }

  #info .in .bottom_area ul li {
    padding: 15px 15px;
  }
}

/* 회원정보 end */

/*  새신자 안내 */
#intro_welcome {
}
#intro_welcome .noRouteWrap {
  padding-top: 0;
}

/* 춘천교구 조직위원회 start */
#wydorgan {
}
#wydorgan .cont_wrap {
}
#wydorgan .cont_wrap .title {
  margin-top: 60px;
  letter-spacing: -2.4px;
  color: #231915;
  font-size: 24px;
  font-weight: 700;
  font-family: 'Noto Serif KR';
}
#wydorgan .cont_wrap .box {
  padding-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
}
#wydorgan .cont_wrap .box .content {
  color: #666666;
  font-size: 16px;
  line-height: 1.5;
}
#wydorgan .cont_wrap img {
  width: 100%;
  margin-top: 50px;
}
#wydorgan .organization {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  margin-top: 65px;
}
#wydorgan .organization .box {
  width: calc(50% - 13px);
}
#wydorgan .organization .box .title {
  color: #666666;
  font-size: 19px;
  line-height: 1.5;
  margin-bottom: 12px;
}
#wydorgan .organization .box ul {
  color: #666666;
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 767px) {
  #wydorgan .organization {
    margin-top: 40px;
  }
  #wydorgan .organization .box {
    width: 100%;
  }
}
/* 춘천교구 조직위원회 end */

/* 2027 서울 WYD start */
/* =========================================
   교구소개 > 소개
========================================= */

/* 기본 스타일 */
#wydintro .top_area {
  display: flex;
  align-items: flex-start;
}

#wydintro .left_area {
  flex: 1;
  align-self: flex-start;
  padding-bottom: 26px;
}

#wydintro .right_area {
  flex: 0 0 515px;
  width: 100%;
}

#wydintro .right_area img {
  width: 100%;
  height: auto;
}

#wydintro .sub_text {
  font-family: 'Noto Serif KR', sans-serif;
  font-size: 24px;
  letter-spacing: -1.92px;
  color: #d66f50;
}

#wydintro .main_text {
  font-family: 'Noto Serif KR', sans-serif;
  font-size: 40px;
  color: #d66f50;
  letter-spacing: -4px;
  font-weight: 600;
  line-height: 1.275;
  margin-top: 20px;
}

#wydintro .con_text {
  display: flex;
  flex-direction: column;
  gap: 47px;
  padding-top: 47px;
}

#wydintro .con_text p {
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: -0.8px;
  color: #231915;
}

#wydintro .area_container {
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding-top: 30px;
}

#wydintro .introduce_container_tit {
  font-weight: 700;
  font-size: 20px;
  padding-bottom: 20px;
}

#introduce .dot_span {
  display: inline-block;
  padding-left: 4px;
  padding-right: 4px;
}
#wydintro .pick_p {
  width: calc(100% + 430px);
}
#wydintro .top_area {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
#wydintro .right_area {
  flex: 0 0 330px;
  width: 100%;
  margin-left: 100px;
}
#wydintro .endless {
  width: 100%;
  overflow: hidden;
  height: 87px; /* 이미지 높이에 맞춤 */
  position: relative;
  transform: translateY(130px);
}

#wydintro .scroll-track {
  display: flex;
  height: 100%;
  gap: 50px; /* 이미지 사이 간격 */
  width: max-content;
  animation: scroll-left 40s linear infinite;
}

#wydintro .scroll-item img {
  display: block;
  height: 100%;
}

/* 자연스러운 무한 스크롤 */
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-50% - 20.5px)); /* gap 절반 포함 이동 */
  }
}
#wydintro .endless::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 27px;
  height: calc(100% - 2px);
  background: transparent linear-gradient(270deg, #ffffff00 0%, #ffffff 100%) 0%
    0% no-repeat padding-box;
  z-index: 1;
  pointer-events: none;
}
#wydintro .endless::after {
  content: '';
  position: absolute;
  top: 2px;
  right: 0;
  width: 27px;
  height: calc(100% - 2px);
  background: transparent linear-gradient(90deg, #ffffff00 0%, #ffffff 100%) 0%
    0% no-repeat padding-box;
  z-index: 1;
  pointer-events: none;
}

@keyframes moveBgX {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}

/* 1350px 이하 */
@media only screen and (max-width: 1350px) {
  #wydintro .top_area {
    overflow: hidden;
  }

  #wydintro .right_area {
    flex: 0 0 350px;
  }

  #wydintro .right_area img {
    margin-left: -20px;
  }
}

/* 1024px 이하 */
@media only screen and (max-width: 1024px) {
  #wydintro .top_area {
    flex-direction: column;
    flex-direction: column-reverse;
    width: 100%;
  }

  #wydintro .left_area {
    flex: unset;
  }

  #wydintro .right_area {
    flex: unset;
    width: auto;
    margin-left: 0;
    width: 100%;
    /* display: none; */
  }
  #wydintro .right_area img {
    margin-left: 0;
    width: 50%;
    margin: 0 auto;
    max-width: 323px;
  }

  #wydintro .main_text {
    font-size: 38px;
  }
  #wydintro .pick_p {
    width: auto;
  }
  #wydintro .introduce_container_tit {
    display: flex;
    justify-content: center;
  }
  #wydintro .sub_text {
    text-align: center;
  }
  #wydintro .area_container {
    padding-top: 0;
  }
  #wydintro .introduce_container_tit {
    padding-bottom: 0;
  }
}

/* 767px 이하 */
@media only screen and (max-width: 767px) {
  #wydintro .left_area {
    padding-top: 30px;
  }

  #wydintro .sub_text {
    font-size: 22px;
  }

  #wydintro .main_text {
    font-size: 32px;
    line-height: 1.3;
  }

  #wydintro .con_text {
    gap: 25px;
    padding-top: 30px;
  }

  #wydintro .area_container {
    margin-left: -15px;
    width: calc(100% + 15px * 2);
  }

  #wydintro .introduce_container {
    overflow-x: auto;
    padding: 0 15px;
    scrollbar-color: rgba(0, 0, 0, 0.4) transparent;
    scrollbar-width: thin;
  }

  #wydintro .introduce_container_tit {
    position: sticky;
    left: 0;
  }

  #wydintro .endless {
    height: 60px;
    transform: translateY(60px);
  }
}

.tab_list.WYD {
  margin-bottom: 30px;
}

/* 2027 서울 WYD end */
/* scss없이 수정 */
.page_wrap[data-parent='bishop']#successive .modal_bishop_history_wrap{
      height: auto;
      max-height:450px;
      overflow: auto;
}
@media only screen and (max-width: 767px){
  .page_wrap[data-parent='bishop']#successive .swiper_successive{
      overflow:auto;
  }
}