@media (min-width: 1500px) { #content > .container, #subgnb > .container { width: 1400px; } }

.board-theme .theme-list .list-categories {
    margin-bottom: 30px !important;
}
.list-categories .btn-gray {
    background-color: #fff !important;
    border-color: #091f5b !important;
    border-radius: 60px !important;
	transition:0.2s all !important;
}
.list-categories .btn-gray:hover {
    color: #ffffff !important;
    background-color: #091f5b !important;
    border-color: #091f5b !important;
	transition:0.2s all;
}
.list-categories .btn {
    font-size: 16px !important;
    line-height: 21px !important;
    padding: 0.5rem 1.5rem !important;
    border-radius: 60px !important;
	transition:0.2s all;
}
.list-categories .btn-default:hover {
    color: #ffffff !important;
    background-color: #091f5b !important;
    border-color: #091f5b !important;
	transition:0.2s all;
}
.document-readed_count{display:none;}
/*글자자르기*/
.dimode-theme  {word-break:keep-all;}

ul.timeline > li > span {
    display: block; width: 100%; 
    margin-bottom:5px;
}
#gnb-wrap { background-color: #000;}
.icircle{width:350px; padding:10px 0 30px ; border-radius: 0 0 50px 50px ;margin: 0 auto; color: #fff; font-size: 20px; }
.icircle1{background-color: #3877a0;}
.icircle2{background-color: #2b8b78;}
/*유트브*/
/*반응형
.detail-video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
#dimodeYoutube {
  position: absolute;
  width: 100%;
  height: 100%;
}
*/


/*서브메뉴*/
.d3-subgnb-menu {
    display:inline-block;
}
.d3-menulist {
   
    display:inline-block; padding:15px 15px;
    float:left;
}
.d3-menulist a{
    font-size:22px!important;
	color:#8F8F8F!important;
	font-weight:bold;
}
.d3-subgnb-menu div.active a {
    color:#325481!important;
    padding-bottom:10px;
    border-bottom:2px solid #B4CEF1;
	font-weight:700;
}
.d3-menulist a:hover{
	  color:#325481!important;
}
.history-tab{display: inline-flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;width:100%;}
.history-tab li{text-align: center;display: inline-block;width: calc(100%/14);}
.history-tab li a{font-family: Noto Sans KR;color: #333333;font-size: 18px;padding: 10px;display: inline-block;text-decoration:none;}
.history-tab li:hover a{color: #3498db;transition:0.3s all ease;}


.sub13 strong{/* font-weight: normal!important; */}
#component9415{display: grid;width: 100%;grid-template-columns: 1fr 1fr 1fr 1fr;gap:30px;}
#component7279{display: grid;width: 100%;grid-template-columns: 1fr 1fr;gap:30px;}
#component2035{display: grid;width: 100%;grid-template-columns: 1fr 1fr 1fr;gap:30px;}
#component3207 .dimode-sort{display: grid;width: 100%;grid-template-columns: 1fr 1fr;gap:30px;}
#component3311 .dimode-sort{display: grid;width: 100%;grid-template-columns: 1fr 1fr 1fr 1fr;gap:30px;}
#component5540 .dimode-sort{display: grid;width: 100%;grid-template-columns: 1fr 1fr 1fr;gap:30px;}
#component2035 #component2021,
#component2035 #component2021 #unit2015{height:100%;}
#component3107 #unit2762 .site_button .b_box1 p{margin:0!important;}
#component4237 #component4226 #component1973,
#component4237 #component4226 #component1973 > div,
#component4237 #component4226 #component1973 #unit2829{height:100%!important;}
@media (max-width:1499px) {
	#component5145 #unit4725 > div > div{left: 55%!important;}
}

@media (max-width:1199px) {
	#component5145 #unit4725 > div{background-position: 20%, 0%!important;}
	#component1214 #unit1113 > div{background-position: right bottom!important;}
	#component6519 .dimode-sort{display: inline-flex;flex-direction: column;width:100%;margin: 0!important;}
	#component6519 #unit2716{width:100%!important;text-align: center;}
	#component6519 #unit8429{width:100%!important;}
	#component1351 > div{display: inline-flex;flex-direction: column;width: 100%;}
	#component1351 #unit4454{width:100%!important;}
	#component1351 #unit2580{width:100%!important;padding:25px 25% 0!important;}
	#component4237{grid-template-columns: 1fr 1fr 1fr!important;}
	#component4237 #component4226{margin:0!important;}
	#component4099 .dimode-sort{display:inline-flex;flex-direction: column;width: 100%;gap:20px;}
	#component4099 #unit8116{width:100%!important;}
	#component4099 #unit2543{width:100%!important;}
	.sub19 #component3row{padding:25px 0!important;}
	#component4127{padding:25px 0!important;}
}

@media (max-width:992px) {
    #unit7407 div > div:nth-child(2) img {width: 400px;}
	#component1214 #unit1113 > div{height: 350px!important;}
	#component8497 > .dimode-sort{display: inline-flex;flex-wrap: wrap;gap:20px;}
	#component8497 #unit3770{order:1;}
	#component8497 #unit3770 img{width:100%;}
	#component8497 #unit8976{order:2;width:100%!important;padding:0 15px!important;}
	#component5145 #unit4725 > div{background-position: 25%, 0%!important;}
	#component5145 #unit4725 > div > div{left: 60%!important;}
	#component5145 #unit4725 > div > div > div:nth-child(1){font-size:42px!important;padding-bottom: 20px!important;}
	#component5145 #unit4725 > div > div > div:nth-child(1) strong span{font-size:17px!important;}
	#component5145 #unit4725 > div > div > div:nth-child(2){font-size:24px!important;padding-bottom: 20px!important;}
	#component5145 #unit4725 > div > div > div:nth-child(3){font-size: 17px!important;}
	#component9415 {grid-template-columns: 1fr 1fr 1fr!important;}
	#component7279{grid-template-columns: 1fr!important; gap:15px!important;}
	#component2035 {grid-template-columns: 1fr;}
	#component6519{padding:25px!important;}
	#component6519 #unit8429{padding:0!important;}
	#component1351 #unit2580{width:100%!important;padding:25px 10% 0!important;}
	#component4237 {grid-template-columns: 1fr 1fr !important;gap:15px!important;}
	#component4237 #component4226{margin:0!important;}
	#component1351 #unit2580{width:100%!important;padding:25px 15% 0!important;}
	#component4237{grid-template-columns: 1fr 1fr 1fr!important;}
	#component3207 #unit6926 > div{padding:20px!important; height:100%!important;}
	#component3311 .dimode-sort{grid-template-columns: 1fr 1fr;}
	#component3311 div img{width:100%!important;}
	#component3107 .dimode-sort{display: grid;width: 100%;grid-template-columns: 1fr 1fr;gap:30px;}
	#component3107 .row:before{content:none;}
	#component3107 #unit2762{width:100%!important;}
	#component7735 #unit4616 div{font-size:17px!important;}
	#component7735 #unit4616 div strong{font-size:24px!important;}
	#component2496{padding: 10px 30px 0!important;}
	#component4127 #unit6295,
	#component4127 #unit3564{padding: 0 25px!important;}
	.sub19 #component3row .dimode-sort{grid-template-columns: 1fr!important;}
	.sub19 #component3row #unit27622{padding:0 0 20px!important;}
}

@media (max-width:767px) {
    .t_business td {padding: 5px !important;}
    #component1169 #unit1826 {padding: 0px 0px 25px !important;}
    #component1169 {padding-bottom: 0px !important;}
    .nxt_wrap {grid-template-columns: 1fr !important;}
    #component1981 {padding: 50px 0 !important;}
    #component3807 {padding: 50px 0 !important;}
    #component2748 {padding: 50px 0 !important;}
    #component9175 {padding: 50px 0 !important;}
    .font-8xl {font-size: 23px !important; }
    #component9125 {padding: 50px 0 !important;}
    #component7406 {padding: 50px 0 !important;}
    .font-7xl {font-size: 2rem !important;}
    #component1394 {padding: 50px 0 !important;}
    #component2587 {padding: 50px 0 !important;}
    #component6919 {padding: 50px 0 !important;}
    #component4814 {padding: 50px 0 !important;}
    #unit3465 .dream { font-size: 20px !important;}
    #unit7407 div > .newname {font-size: 18px !important; word-break: keep-all !important;}
    #unit7407 div > #next {font-size: 18px !important;}
    #unit7407 div > div:nth-child(2) img {width: 300px;}
    #unit6300 > div:nth-child(1) {font-size: 20px !important;}
    #unit6580 > div:nth-child(1) {font-size: 20px !important;}
    #unit6580 {padding: 15px !important;}
    #unit6300 {padding: 15px !important;}
    #unit7738 {padding: 15px !important;}
    #unit7738 > div:nth-child(1) {font-size: 20px !important;}
    #unit7407 div > div:nth-child(1) {font-size: 23px !important;}
    #unit7407 div > div:nth-child(2) {font-size: 20px !important;}
    #unit7407 div > div:nth-child(3) {font-size: 25px !important;}
    #unit7407 div > div:nth-child(4) {font-size: 16px !important;}
    #unit7407 {height: 400px !important;}
    #component1295 div div {padding: 0px !important;}
    #component1295 {height: 400px !important;}
    .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {font-size: 16px !important;}
    #component3294 {padding: 20px 0px 0px !important;}
    #unit4219 > div:nth-child(1) { font-size: 23px !important;}
    #unit4219 > div:nth-child(2) { font-size: 16px !important;}
    #unit4219 {padding: 35px 15px 0 !important;}
    #component6411 {padding: 0 15px !important;}
    #unit5123 .empty {display: none !important;}
    #unit2702 > div:nth-child(2) {font-size: 16px !important;}
    #unit5123 > div  .emtpy { padding-top: 0px !important; padding-bottom: 0px !important; position: absolute; left: 50%; transform: translateX(-50%);}
    #unit5123 > div > div:nth-child(4) br {height: 10px !important; display: none !important;}
    #unit5123 > div > div:nth-child(3) {padding-top: 0px !important; padding-bottom: 0px !important; font-size: 18px !important;}
    #unit5123 > div > div:nth-child(1) {padding-top: 10px !important; padding-bottom: 10px !important; }
    #unit5123 > div div:nth-child(1) {font-size: 20px !important;}
    #unit5123 > div > div:nth-child(4) {font-size: 15px !important; padding-bottom: 0px !important; line-height: 25px !important;}
    #unit5123 > div > div:nth-child(5) {font-size: 20px !important; padding: 10px 0 10px 0 !important;}
    #component2714 {height: auto !important;}
    #unit5123 div:nth-child(1) {font-size: 20px !important;}
    #unit5123 div:nth-child(2) {font-size: 16px !important; padding: 0px !important;}
    #unit5123 div:nth-child(3) {padding-top: 20px !important;}
    #unit5123 {padding: 20px 0px !important; font-size: 16px !important;}
    #sub_title {font-size: 25px; padding: 0px 0px 20px;}
    .sub-unit {padding: 115px 0px 30px 0px !important; background-size: contain; background-position: top;}
	.row{margin:0!important;}
    .subgnb-home {padding: 0 0 20px 5px;}
	.map-content{height:300px!important;}
	#component5011{padding: 20px 0px!important;}
	#component5011 #unit5154 span{font-size: 17px!important;}
	#component5011 #unit5154 span strong{font-size: 20px!important;}
	#component1159{padding: 20px 0px!important;}
	#component6928{padding:0!important;margin: 0px 0px 20px!important;}
	#component8497{padding:0!important;}
	#component8497 #unit8976 span{font-size:15px!important;}
	#component8497 #unit8976 strong{font-size:17px!important;}
	#component7290 #unit7477 span{font-size:15px!important;}
	#component7290 #unit7477 strong{font-size:17px!important;}
	#component5145 #unit4725{padding:0!important;}
	#component5145 #unit4725 > div{background-position: top center!important;background-size: contain!important;height: inherit!important;padding-top: 135px;}
	#component5145 #unit4725 > div > div {left: 0% !important;transform: none!important;position:relative!important;display: inline-flex!important;flex-wrap: wrap;flex-direction: column;justify-content: flex-end;}
	#component5145 #unit4725 > div > div > div:nth-child(1){font-size:24px!important;padding-bottom: 0px!important;}
	#component5145 #unit4725 > div > div > div:nth-child(1) strong span{font-size:15px!important;}
	#component5145 #unit4725 > div > div > div:nth-child(2){font-size:17px!important;padding-bottom: 10px!important;}
	#component5145 #unit4725 > div > div > div:nth-child(3){font-size: 15px!important;}
	#component9337{padding:0!important;}
	#component9337 #unit3739 div,
	#component9337 #unit2690 div{font-size:15px!important;}
	#component9337 #unit3739 strong,
	#component9337 #unit2690 strong{font-size:17px!important;}
	#component9415 {grid-template-columns: 1fr 1fr!important;}
	#component4104 #unit4921{padding:15px 0!important;}
	#component3742 #unit7818{margin:0!important;}
	#component3742 #unit7818 strong{font-size:17px!important;}
	#component9415 {gap: 15px;}
	#component9415 #unit4010{padding:15px!important;}
	#component9415 #unit4010 > div:nth-child(2){margin:15px 0 0!important;}
	#component9415 #unit4010 > div:nth-child(2) span{font-size:15px!important;}
	#component9851{padding: 0px 0px 15px!important;}
	#component9851 #unit1497 div{padding:0!important;}
	#component9851 #unit1497 div strong{font-size:20px!important;}
	#component2606 #unit3636{padding: 15px!important;}
	#component2606 #unit3636 > div:nth-child(1){font-size:17px!important;}
	#component2606 #unit3636 > div:nth-child(1) span{font-size:15px!important;}
	#component2606 #unit3636 > div{font-size:15px!important;}
	#component4130 #unit4854 table tbody tr td{font-size:15px!important;}
	#component1214 #unit1113 > div {height: inherit!important;background-position:55% 100%!important;}
	#component1214 #unit1113 > div > div{position: relative!important;top: 0!important;left: 0!important;transform: none!important;padding:20px!important;}
	#component1214 #unit1113 > div > div > div{font-size:15px!important;padding-bottom:130px!important;}
	#component1752 #unit3409 div strong{font-size:20px!important;}
	#component1752 #unit3409 table tbody tr td span{font-size:15px!important;}
	#component2035 #component2021 #unit2015 div{font-size:15px!important;}
	#component3112{padding: 15px 0px 0px!important;}
	#component3112 #unit8109{margin:0 0 15px!important;}
	#component3112 #unit8109 div span{font-size:17px!important;}
	#component4537{padding:0!important;}
	#component4537 #unit6884 div span{font-size:15px!important;}
	#component4537 #unit6884 div strong{font-size:17px!important;width:100%;display:inline-block;}
	#component9828 #unit2727 table tbody tr td{font-size:15px!important;}
	#component6088{padding:0!important;}
	#component6088 #unit8735 p span{font-size:15px!important;}
	#component3107 .dimode-sort{grid-template-columns: 1fr!important;}
	#component6519 {padding: 15px!important;}
	#component6519 #unit8429 p{margin:0!important;}
	#component6519 #unit8429 p span{font-size:17px!important;}
	#component6519 #unit8429 p strong span{font-size:20px!important;}
	#component6519 #unit8429 p:last-child{line-height:3!important;}
	#component3107 #unit2762 .site_button .b_box1{padding:15px!important;}
	#component3107 #unit2762 .site_button .b_box1 p{font-size:15px!important;}
	#component3107 #unit2762 .site_button .b_box1 p span{font-size:17px!important;}
	#component8496{padding: 20px 0px!important;}
	#component8496 #unit6619 p strong span{font-size:20px!important;}
	#component8496 #unit6619 p span{font-size:15px!important;}
	#component4821 #unit9852{margin-top:20px!important;}
	#component4821 #unit9852 div{font-size:17px!important;}
	#component3107{padding:0!important;}
	#component3107 .dimode-sort{gap:15px!important;}
	#component3107 #unit2762 .site_button .b_box1 p span{font-size:15px!important;}
	#component1351{padding: 0px 15px 20px!important;}
	#component1351 #unit4454{margin:0!important;padding:0!important;}
	#component1351 #unit2580{width:100%!important;padding:15px 5% 0!important;}
	#component1351 #unit2580 div{font-size:15px!important;}
	#component1351 #unit2580 div:nth-child(1){padding-bottom:10px!important;}
	#component1351 #unit2580 div strong{font-size:20px!important;}
	#component7735 #unit4616 div{font-size:20px!important;}
	#component4104{padding:0!important;}
	#component2880 #unit5954 div{padding-bottom:15px!important;}
	#component2880 #unit5954 div strong{font-size:17px!important;}
	#component7420{padding-bottom:20px!important;}
	#component7420 #unit2581 div{font-size:15px!important;}
	#component7420 #unit2581 div strong{font-size:17px!important;}
	#component4237{grid-template-columns: 1fr!important;}
	#component4237 #component1973{padding:15px!important;}
	#component4237 #component1973 #unit2829 div{font-size:15px!important;}
	#component4237 #component1973 #unit2829 div strong{font-size:17px!important;}
	#component4099{padding:0!important;}
	.sub316 #component7420{padding:inherit!important;}
	.sub316 #component7420 #unit2581 table tbody tr td{font-size:15px!important;padding:5px!important;}
	#component3207 .dimode-sort {grid-template-columns: 1fr;}
	#component3207 #unit6926 div{font-size:17px!important;}
	#component3207 #unit6926 div span{font-size:15px!important;}
	#component3207 #unit6926 div span strong{font-size:15px!important;}
	#component5540 .dimode-sort,
	#component3311 .dimode-sort{grid-template-columns: 1fr;gap:15px;}
	#component3107 .dimode-sort{grid-template-columns: 1fr;}
	#component7735{padding: 0 0 15px!important;}
	#component7735 #unit4616 div{font-size:15px!important;}
	#component7735 #unit4616 div strong{font-size:17px!important;}
	#component3107 #unit2762 div{font-size:15px!important;}
	#component3107 #unit2762 div strong{font-size:17px!important;}
	#component7420 #unit2581 table tbody tr td{font-size:15px!important;}
	#component8465{padding:0 0 20px!important;}
	#component2496{padding: 10px 0 0!important;}
	#component2496 #unit8411 table tbody tr td{font-size:15px!important;}
	#component2496 #unit8411 div{font-size:15px!important;}
	#component2496 #unit8411 div strong{font-size:17px!important;}
	#component4127 #unit6295, 
	#component4127 #unit3564{padding:0 0 20px!important;}
	#component9587{padding:0 0 20px!important;}
	#component9587 #unit2623{padding:0 0 20px!important;margin:0!important;text-align:center!important;}
	#component9587 #unit1042{padding:0!important;margin:0!important;}
	#component9587 #unit1042 div{font-size:13px!important;}
	#component5011 #unit5154{padding:0!important;}
	#component5011 #unit5154 div{font-size:15px!important;}
	.sub19 #component5011:nth-child(1) #unit5154 div{font-size:17px!important;}
	.sub19 #component3row #unit27622 div{font-size:15px!important;}
    #unit5123 div:nth-child(3) {font-size: 16px !important;}
}

@media (max-width:320px) {
}






/*********************kjl추가*************************/

@media (max-width:767px) { 
   .page-content { font-size:15px !important; word-break:keep-all; overflow: scroll;}
}

/* ==========================================================================
   sub76 ~ sub82 : 모바일 여백 / 높이 보정
   PC 기본값과 layout.sub.d.css는 유지한다.
   !important는 CMS 인라인 여백/크기 및 기존 !important 보정에만 사용한다.
   ========================================================================== */
@media (max-width:1023px) {
  /* 고정 헤더 아래에 제목이 오도록 배너 위쪽 공간을 확보한다. */
  .sub76 .vision_hero,
  .sub77 .vision_hero,
  .sub78 .vision_hero,
  .sub79 .vision_hero,
  .sub80 .vision_hero,
  .sub81 .vision_hero,
  .sub82 .vision_hero {
    min-height:20rem;
    padding:calc(75px + 2rem) 0 3rem !important;
  }

  .sub76 .p_bar_2,
  .sub77 .p_bar_2,
  .sub78 .p_bar_2,
  .sub79 .p_bar_2,
  .sub80 .p_bar_2,
  .sub81 .p_bar_2,
  .sub82 .p_bar_2 {padding:1rem 0; margin:0 auto !important;}

  /* 배경 섹션의 인라인 padding:108px 0을 축소한다. */
  .sub78 .dimode-component-WIDE > .p_top_6:not(.vision_hero),
  .sub79 .dimode-component-WIDE > .p_top_6:not(.vision_hero),
  .sub80 .dimode-component-WIDE > .p_top_6:not(.vision_hero) {
    padding-top:3rem !important;
    padding-bottom:3rem !important;
  }

  /* 오시는 길: 두 지도 모두 인라인 width:1005px를 해제한다. */
  .sub80 .root_daum_roughmap {width:100% !important; max-width:100%; box-sizing:border-box;}
}

@media (max-width:767px) {
  /* 기존 본문 overflow:scroll을 해제해 WIDE 배경과 세로 스크롤을 보존한다. */
  .sub76 .page-content,
  .sub77 .page-content,
  .sub78 .page-content,
  .sub79 .page-content,
  .sub80 .page-content,
  .sub81 .page-content,
  .sub82 .page-content {overflow:visible;}

  .sub76 .vision_hero,
  .sub77 .vision_hero,
  .sub78 .vision_hero,
  .sub79 .vision_hero,
  .sub80 .vision_hero,
  .sub81 .vision_hero,
  .sub82 .vision_hero {
    min-height:0;
    padding:calc(65px + 1.5rem) 0 2rem !important;
  }

  /* 배너 안쪽의 인라인 padding:10px 30px로 인한 불필요한 줄바꿈을 줄인다. */
  .sub76 .vision_hero > .container,
  .sub77 .vision_hero > .container,
  .sub78 .vision_hero > .container,
  .sub79 .vision_hero > .container,
  .sub80 .vision_hero > .container,
  .sub81 .vision_hero > .container,
  .sub82 .vision_hero > .container {padding:0 1rem !important;}

  .sub76 .p_bar_2,
  .sub77 .p_bar_2,
  .sub78 .p_bar_2,
  .sub79 .p_bar_2,
  .sub80 .p_bar_2,
  .sub81 .p_bar_2,
  .sub82 .p_bar_2 {padding:0.75rem 0;}

  .sub78 .dimode-component-WIDE > .p_top_6:not(.vision_hero),
  .sub79 .dimode-component-WIDE > .p_top_6:not(.vision_hero),
  .sub80 .dimode-component-WIDE > .p_top_6:not(.vision_hero) {
    padding-top:2rem !important;
    padding-bottom:2rem !important;
  }

  .sub78 .sec_head,
  .sub79 .sec_head,
  .sub80 .sec_head,
  .sub82 .sec_head {padding-bottom:0.5rem; margin-bottom:1rem;}

  /* sub76 교회비전: 소개 문구와 핵심가치 사이의 여백 */
  .sub76 .vision_hero .txt_body {padding-top:1.5rem; margin-bottom:0; line-height:1.75;}
  .sub76 #component7377 {margin-bottom:1.5rem !important;}
  /* PC용 문장 줄바꿈을 공백으로 전환: <br> 양옆에 공백이 없어도 단어를 보존한다. */
  .sub76 .sec_title br,
  .sub76 .vision_hero .txt_body br {display:contents;}
  .sub76 .sec_title br::after,
  .sub76 .vision_hero .txt_body br::after {content:" "; white-space:normal;}
  .sub76 .mission_item {padding-top:0.875rem; padding-bottom:0.875rem;}
  .sub76 #component6735 {padding-top:2.5rem; padding-bottom:1.5rem;}
  .sub76 #component6735 > .p_top_3 {padding-top:1.5rem;}
  .sub76 .dimode-component-WIDE > .p_top_2.p_bottom_2 {padding-top:1rem; padding-bottom:1rem;}

  /* sub77 연혁: 탭과 연대 소개, 반복되는 연혁 행 간격 */
  .sub77 .tab_history {padding:0.5rem 0 1.5rem !important;}
  .sub77 .tab_history .nav-tabs {margin-bottom:0.75rem;}
  .sub77 .tab_history .tab-content {padding:0.75rem 0 !important;}
  .sub77 .era_box {margin:0.75rem 0 1.25rem; padding:1rem;}
  .sub77 .hist_table td:first-child {padding-top:0.875rem;}
  .sub77 .hist_table td:last-child {padding-bottom:0.875rem; line-height:1.75;}

  /* sub78 섬기는 분들: 기존 2열과 사진 비율은 유지 */
  .sub78 .people_grid {gap:1.5rem 0.875rem;}
  .sub78 .people_card {padding-top:0.625rem;}
  .sub78 .people_card p {margin-top:0.375rem;}

  /* sub79 예배시간: 이미지 아래 제목과 예배 목록 간격 */
  .sub79 .worship_title {margin-top:1rem;}
  .sub79 .wor_table tr {padding:1rem 0;}
  .sub79 .wor_table td:last-child {margin-top:0.375rem;}

  /* sub80 오시는 길: 주소 아래 여백 및 인라인 지도 높이 */
  .sub80 .addr_info {padding-top:0; padding-bottom:1.25rem;}
  .sub80 .addr_info p {margin-top:0.5rem;}
  .sub80 .addr_info .people_name br {display:contents;}
  .sub80 .addr_info .people_name br::after {content:" "; white-space:normal;}
  .sub80 .root_daum_roughmap .wrap_map {height:18rem !important;}
  .sub80 #component5040 > .container {padding:0 1rem !important;}

  /* sub81 시설안내: 층별 설명, 도면, 사진 사이의 누적 여백 */
  .sub81 #component6020 {margin:0 !important;}
  .sub81 .bld_head {gap:0.75rem; padding-bottom:0.75rem;}
  .sub81 .txt_body.p_top_2 {padding-top:0.75rem; margin-bottom:1rem;}
  .sub81 .plan_box {padding:0.75rem;}
  .sub81 .row.p_top_3 {padding-top:1.25rem;}
  .sub81 .facility_info_img {padding-bottom:1rem !important;}

  /* sub82 온라인헌금: 계좌 안내 박스와 버튼 위쪽 공간 */
  .sub82 .acc_box {padding:1.25rem;}
  .sub82 .acc_box .sub_title {margin-bottom:0.625rem;}
  .sub82 .acc_util {margin-top:1rem; gap:0.5rem;}
}

/* ==========================================================================
   sub83 / sub84 / sub408~412 / sub89~93 / sub415 / sub163
   모바일 여백·높이·문장 줄바꿈 보정. PC 및 디자이너 CSS는 유지한다.
   ========================================================================== */
@media (max-width:1023px) {
  .sub83 .vision_hero,
  .sub84 .vision_hero,
  .sub408 .vision_hero,
  .sub409 .vision_hero,
  .sub410 .vision_hero,
  .sub411 .vision_hero,
  .sub412 .vision_hero,
  .sub89 .vision_hero,
  .sub90 .vision_hero,
  .sub92 .vision_hero,
  .sub93 .vision_hero,
  .sub163 .vision_hero {
    min-height:20rem;
    padding:calc(75px + 2rem) 0 3rem !important;
  }

  /* sub415는 배너 앞에 공통 sub-unit이 있어 헤더 여백을 중복하지 않는다. */
  .sub415 .vision_hero {min-height:18rem; padding:3rem 0 !important;}

  .sub83 .p_bar_2,
  .sub84 .p_bar_2,
  .sub408 .p_bar_2,
  .sub409 .p_bar_2,
  .sub410 .p_bar_2,
  .sub411 .p_bar_2,
  .sub412 .p_bar_2,
  .sub89 .p_bar_2,
  .sub90 .p_bar_2,
  .sub92 .p_bar_2,
  .sub93 .p_bar_2,
  .sub415 .p_bar_2,
  .sub163 .p_bar_2 {padding:1rem 0; margin:0 auto !important;}

  /* CMS에 저장된 배경 섹션의 72px / 108px 인라인 여백 */
  .sub83 #component8040,
  .sub89 #component9230,
  .sub90 #component9230,
  .sub92 #component9230,
  .sub415 #component9430 {padding-top:3rem !important; padding-bottom:3rem !important;}
  .sub163 #component9530 {padding-top:3rem; padding-bottom:3rem;}

  /* 학생부: 바깥 섹션과 내부 칼럼의 최소 높이가 누적되지 않도록 한다. */
  .sub91 .teen_sec {min-height:26rem; padding:3rem 0 !important;}
  .sub91 .teen_sec_hero {padding-top:calc(75px + 2rem) !important;}
  .sub91 .teen_col,
  .sub91 .teen_sec_hero .teen_col {min-height:20rem; gap:2rem;}
}

@media (max-width:767px) {
  .sub83 .page-content,
  .sub84 .page-content,
  .sub408 .page-content,
  .sub409 .page-content,
  .sub410 .page-content,
  .sub411 .page-content,
  .sub412 .page-content,
  .sub89 .page-content,
  .sub90 .page-content,
  .sub91 .page-content,
  .sub92 .page-content,
  .sub93 .page-content,
  .sub415 .page-content,
  .sub163 .page-content {overflow:visible;}

  .sub83 .vision_hero,
  .sub84 .vision_hero,
  .sub408 .vision_hero,
  .sub409 .vision_hero,
  .sub410 .vision_hero,
  .sub411 .vision_hero,
  .sub412 .vision_hero,
  .sub89 .vision_hero,
  .sub90 .vision_hero,
  .sub92 .vision_hero,
  .sub93 .vision_hero,
  .sub163 .vision_hero {
    min-height:0;
    padding:calc(65px + 1.5rem) 0 2rem !important;
  }
  .sub415 .vision_hero {min-height:0; padding:2rem 0 !important;}

  .sub83 .vision_hero > .container,
  .sub84 .vision_hero > .container,
  .sub408 .vision_hero > .container,
  .sub409 .vision_hero > .container,
  .sub410 .vision_hero > .container,
  .sub411 .vision_hero > .container,
  .sub412 .vision_hero > .container,
  .sub89 .vision_hero > .container,
  .sub90 .vision_hero > .container,
  .sub92 .vision_hero > .container,
  .sub93 .vision_hero > .container,
  .sub415 .vision_hero > .container,
  .sub163 .vision_hero > .container,
  .sub91 .teen_sec > .container {padding:0 1rem !important;}

  .sub83 .p_bar_2,
  .sub84 .p_bar_2,
  .sub408 .p_bar_2,
  .sub409 .p_bar_2,
  .sub410 .p_bar_2,
  .sub411 .p_bar_2,
  .sub412 .p_bar_2,
  .sub89 .p_bar_2,
  .sub90 .p_bar_2,
  .sub92 .p_bar_2,
  .sub93 .p_bar_2,
  .sub415 .p_bar_2,
  .sub163 .p_bar_2 {padding:0.75rem 0;}

  .sub83 #component8040,
  .sub89 #component9230,
  .sub90 #component9230,
  .sub92 #component9230,
  .sub415 #component9430 {padding-top:2rem !important; padding-bottom:2rem !important;}
  .sub163 #component9530 {padding-top:2rem; padding-bottom:2rem;}

  .sub83 .sec_head,
  .sub84 .sec_head,
  .sub408 .sec_head,
  .sub409 .sec_head,
  .sub410 .sec_head,
  .sub411 .sec_head,
  .sub412 .sec_head,
  .sub93 .sec_head,
  .sub415 .sec_head,
  .sub163 .sec_head {padding-bottom:0.5rem; margin-bottom:1rem;}

  /* 새가족 등록안내 / 찬양팀 */
  .sub83 .step_item:not(.step_item_last) {padding-bottom:1.25rem;}
  .sub83 .step_body .wor_name {margin-bottom:0.5rem;}
  .sub83 .step_body p.txt_body {line-height:1.75;}
  .sub83 #component8040 > .container {padding:0 1rem !important;}
  .sub83 #component7469 {padding-top:1.5rem; padding-bottom:1rem;}
  .sub83 #component4594 {padding-top:1rem;}
  .sub83 .people_card {padding-top:0.625rem;}
  .sub84 .day_card {height:auto; padding:1.25rem;}
  .sub84 .team_row {padding:0.625rem 0;}

  /* 찬양대 5개 페이지: 사진 아래 소개, 담당자와 일정표 간격 */
  .sub408 #unit9123 .txt_body,
  .sub409 #unit9123 .txt_body,
  .sub410 #unit9123 .txt_body,
  .sub411 #unit9123 .txt_body,
  .sub412 #unit9123 .txt_body {padding-top:1.5rem; line-height:1.75;}

  .sub408 .day_card_flat,
  .sub409 .day_card_flat,
  .sub410 .day_card_flat,
  .sub411 .day_card_flat,
  .sub412 .day_card_flat {padding:0.25rem 1rem;}
  .sub408 .role_col,
  .sub409 .role_col,
  .sub410 .role_col,
  .sub411 .role_col,
  .sub412 .role_col {padding:1rem 0;}
  .sub408 .sch_table_box,
  .sub409 .sch_table_box,
  .sub410 .sch_table_box,
  .sub411 .sch_table_box,
  .sub412 .sch_table_box {padding:1rem;}
  .sub408 .sch_table .sch_key,
  .sub409 .sch_table .sch_key,
  .sub410 .sch_table .sch_key,
  .sub411 .sch_table .sch_key,
  .sub412 .sch_table .sch_key {padding:0.875rem 0 0.375rem;}
  .sub408 .sch_table .sch_val,
  .sub409 .sch_table .sch_val,
  .sub410 .sch_table .sch_val,
  .sub411 .sch_table .sch_val,
  .sub412 .sch_table .sch_val {padding:0 0 0.875rem;}

  /* 다음세대 / 양육 / 맥체인 / 선교: 기존 그리드의 열 수는 유지 */
  .sub89 .split_grid,
  .sub90 .split_grid,
  .sub92 .split_grid,
  .sub93 .split_grid,
  .sub415 .split_grid,
  .sub163 .split_grid {gap:1.5rem;}
  .sub89 .feat_list,
  .sub90 .feat_list,
  .sub92 .feat_list {gap:1.25rem;}
  .sub89 .feat_list > p.txt_body,
  .sub90 .feat_list > p.txt_body,
  .sub92 .feat_list > p.txt_body {margin-top:-0.5rem;}
  .sub89 .notice_box,
  .sub90 .notice_box {margin-top:1.25rem; padding-top:1rem;}
  .sub89 #component9230 > .container,
  .sub90 #component9230 > .container,
  .sub92 #component9230 > .container,
  .sub415 #component9430 > .container,
  .sub163 #component9530 > .container {padding:0 1rem !important;}
  .sub92 .check_list {margin-top:1rem; gap:0.5rem;}
  .sub92 .txt_body.p_top_3 {padding-top:1.25rem;}
  .sub92 .txt_body.p_top_2 {padding-top:1rem;}

  /* 학생부: 배경 이미지를 유지하면서 내용에 따라 높이가 늘어나게 한다. */
  .sub91 .teen_sec {min-height:22rem; padding:2.5rem 0 !important;}
  .sub91 .teen_sec_hero {min-height:0; padding-top:calc(65px + 1.5rem) !important;}
  .sub91 .teen_col,
  .sub91 .teen_sec_hero .teen_col {min-height:0; gap:2rem;}
  .sub91 .teen_col_end {min-height:17rem;}
  .sub91 .teen_txt p.txt_body {line-height:1.75;}

  .sub93 .t_cont_box {padding:1.25rem;}
  .sub93 .sch_table .sch_key {padding-top:0.875rem; padding-bottom:0.375rem;}
  .sub93 .sch_table .sch_val {padding-bottom:0.875rem;}
  .sub415 .num_row {margin-top:1rem; gap:0.75rem;}
  .sub415 .num_box {padding:1rem 1.25rem;}
  .sub163 .stat_row {margin:1.25rem 0 1.5rem;}
  .sub163 .stat_box {padding:0.875rem 1rem;}
  .sub163 .map_wrap {margin-bottom:1.5rem;}
  /* 모바일 지도에는 원래 좌표의 핀만 표시하고, 이름은 아래 나라별 안내에서 확인한다. */
  .sub163 .map_pin > .map_label {display:none;}
  .sub163 .day_card_sm {padding:1rem;}
  .sub163 .mis_table td:not(.mis_gap) {padding-top:0.875rem; padding-bottom:0.875rem;}

  /* 문장 중간의 PC용 <br>만 공백으로 전환한다.
     hidden-xs는 기존 모바일 숨김을 유지하고, 선교사 명단의 <br>은 제외한다. */
  .sub83 #unit8022 .txt_body br:not(.hidden-xs),
  .sub408 #unit9123 .txt_body br:not(.hidden-xs),
  .sub409 #unit9123 .txt_body br:not(.hidden-xs),
  .sub410 #unit9123 .txt_body br:not(.hidden-xs),
  .sub411 #unit9123 .txt_body br:not(.hidden-xs),
  .sub412 #unit9123 .txt_body br:not(.hidden-xs),
  .sub89 .feat_list > .sec_title br:not(.hidden-xs),
  .sub90 .feat_list > .sec_title br:not(.hidden-xs),
  .sub91 .teen_txt .txt_body br:not(.hidden-xs),
  .sub92 .txt_body br:not(.hidden-xs),
  .sub415 #unit9433 .txt_body br:not(.hidden-xs) {display:contents;}
  .sub83 #unit8022 .txt_body br:not(.hidden-xs)::after,
  .sub408 #unit9123 .txt_body br:not(.hidden-xs)::after,
  .sub409 #unit9123 .txt_body br:not(.hidden-xs)::after,
  .sub410 #unit9123 .txt_body br:not(.hidden-xs)::after,
  .sub411 #unit9123 .txt_body br:not(.hidden-xs)::after,
  .sub412 #unit9123 .txt_body br:not(.hidden-xs)::after,
  .sub89 .feat_list > .sec_title br:not(.hidden-xs)::after,
  .sub90 .feat_list > .sec_title br:not(.hidden-xs)::after,
  .sub91 .teen_txt .txt_body br:not(.hidden-xs)::after,
  .sub92 .txt_body br:not(.hidden-xs)::after,
  .sub415 #unit9433 .txt_body br:not(.hidden-xs)::after {content:" "; white-space:normal;}
}

/* 모바일에서는 서브페이지 본문의 AOS 스크롤 등장 효과 없이 바로 표시한다.
   #content로 AOS의 duration/delay 및 aos-animate 선택자보다 우선 적용한다. */
@media (max-width:767px) {
  .sub37#content [data-aos],
  .sub76#content [data-aos],
  .sub77#content [data-aos],
  .sub78#content [data-aos],
  .sub79#content [data-aos],
  .sub80#content [data-aos],
  .sub81#content [data-aos],
  .sub82#content [data-aos],
  .sub83#content [data-aos],
  .sub84#content [data-aos],
  .sub408#content [data-aos],
  .sub409#content [data-aos],
  .sub410#content [data-aos],
  .sub411#content [data-aos],
  .sub412#content [data-aos],
  .sub89#content [data-aos],
  .sub90#content [data-aos],
  .sub91#content [data-aos],
  .sub92#content [data-aos],
  .sub93#content [data-aos],
  .sub415#content [data-aos],
  .sub163#content [data-aos] {
    opacity:1;
    transform:none;
    transition:none;
  }
}