﻿ 


.document-readed_count{display:none;}

/*sub*/
#subtop{padding:115px 0 0;}

#content { padding:40px 0px; }
#content .third-menus { margin:10px 0 42px 0;text-align:center; }
#content .third-menus ul{ display:inline-block; }
#content .third-menus ul li { border: 1px solid #dedede; float:left; margin-left:-1px;}
#content .third-menus ul li a { color: #333;text-decoration: none;padding: 8px 17px;font-size: 12px;min-width: 160px;display: inline-block;text-align: center; }
#content .third-menus ul li.active a { color:#fff; }
/* #sub_title { font-size:40px; font-weight:600; margin:0px 0px 50px; border-bottom:4px solid #000; display:inline-block; padding-bottom:10px;} */
#dimodePage { padding:30px 0px; }

.lnb { padding:0px 30px;}
.lnb_title { font-size:30px; border-bottom:1px solid #000; padding:40px 0px; font-weight:600; text-align:center; position:relative;}
/* .sub-left-triangle { position: absolute; right: 0px; top: 0; width: 0; height: 0; border-left: 30px solid transparent; border-top-width: 30px; border-top-style: solid; border-top-color: #6599CB; } */
.sub_depth2 { margin-top:0px; padding-top:0px; }
.sub_depth2 li { padding: 20px 25px; border-bottom:1px solid #ddd; transition:all ease 0.3s; }
.sub_depth2 li.active, .sub_depth2 > li:hover { background:#d9d3f2; }
.sub_depth2 > li > a { color:#777; font-weight:600;  font-size:17px; text-decoration:none; }
.sub_depth2 li a { color:#777; font-weight:600;  font-size:16px; text-decoration:none; }
.sub_depth2 li i { position:relative; margin:3px 15px 0px 0px; cursor:pointer; float:right; font-size:16px;}
.sub_depth2 li i.fa-minus { display:none; }
.sub_depth2 li:last-child { border-color:#000; }
.sub_depth3 { padding:0px 15px; margin-top:15px; display:none; }
.sub_depth3.active { display:block; }
.sub_depth3 li { padding: 10px 20px; border-bottom:1px solid #999; background-color: #f4c9ff; }
.sub_depth3 li a  { color:#999; font-size:15px;  text-decoration:none;  transition:all ease 0.3s; }
.sub_depth3 li a:hover  { color:#739AB9; }
.sub_depth3.a_96 li a:hover { color:#4E5397; }
.sub_depth3.a_98 li a:hover { color:#E4C640; }
/*글자자르기*/
.dimode-theme  {word-break:keep-all;}

ul.timeline > li > span {
    display: block; width: 100%; 
    margin-bottom:5px;
}


.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;
}
.subTitle{text-align:left;}

.sub19 .page-content .root_daum_roughmap .map {
        width: 100% !important;
        max-width: 100% !important;
                height: auto !important;
        aspect-ratio: 13 / 10;
    }
div#daumRoughmapContainer1779954190676 {
    width: 100% !important;
}

.sub19 .wrap_map {
    height: auto !important;
}

@media (max-width:767px) { 
   .page-content { font-size:15px; word-break:keep-all; }
}

/* sub13 responsive */
@media (max-width: 1199px) {
    .sub13 .page-content .greeting_wrap {
        gap: 2.5rem;
    }

    .sub13 .page-content .greeting_text {
        padding: 2.25rem !important;
    }

    .sub13 .page-content .greeting_pastor_name {
        padding: 1.5rem 1.25rem !important;
        max-width: 12rem !important;
    }
}

@media (max-width: 991px) {
    .sub13 .page-content .greeting_wrap {
        grid-template-columns: 1fr !important;
        gap: 2rem;
    }

    .sub13 .page-content .greeting_wrap > .dimode-component {
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .sub13 .page-content .greeting_pastor {
        max-width: 26rem;
        margin: 0 auto;
        padding-bottom: 2rem;
    }

    .sub13 .page-content .greeting_pastor_img {
        aspect-ratio: 3 / 4 !important;
    }

    .sub13 .page-content .greeting_text {
        padding: 2rem !important;
    }
}

@media (max-width: 767px) {
    .sub13 #dimodePage {
        padding: 1.5rem 0;
    }

    .sub13 .page-content .greeting_wrap {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 1.5rem;
        margin: 0 auto !important;
    }

    .sub13 .page-content .greeting_wrap > .dimode-component {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .sub13 .page-content .greeting_pastor {
        max-width: 100%;
        padding-bottom: 1.25rem;
    }

    .sub13 .page-content .greeting_pastor_img {
        aspect-ratio: 3 / 4 !important;
    }

    .sub13 .page-content .greeting_pastor_name {
        right: 0;
        bottom: -0.4rem;
        max-width: 10.5rem !important;
        padding: 1rem 1.1rem !important;
    }

    .sub13 .page-content .greeting_pastor_name p {
        font-size: 1.1rem;
    }

    .sub13 .page-content .greeting_pastor_name span {
        font-size: .75rem;
        letter-spacing: .14em;
    }

    .sub13 .page-content .greeting_text {
        padding: 1.5rem 1.25rem !important;
    }

    .sub13 .page-content .greeting_head {
        margin-bottom: 1.25rem;
    }

    .sub13 .page-content .greeting_head h2 {
        font-size: 1.45rem;
        line-height: 1.45;
    }

    .sub13 .page-content .greeting_text p {
        margin-bottom: 1.15rem;
        line-height: 1.7;
    }

    .sub13 .page-content .greeting_sign {
        padding-top: .5rem;
    }

    .sub13 .page-content .greeting_sign img {
        max-width: 7rem;
        height: auto;
    }
}

@media (max-width: 420px) {
    .sub13 .page-content .greeting_text {
        padding: 1.25rem 1rem !important;
    }

    .sub13 .page-content .greeting_pastor_name {
        max-width: 9.5rem !important;
        padding: .9rem 1rem !important;
    }

    .sub13 .page-content .greeting_head h2 {
        font-size: 1.3rem;
    }
}

/* sub14-sub19 responsive */
@media (max-width: 1199px) {
    .sub14 .page-content .vision_cards_wrap,
    .sub14 .page-content .vision_projects_grid {
        gap: 1.5rem;
    }

    .sub14 .page-content .vision_card_body {
        padding: 1.6rem !important;
    }

    .sub16 .page-content .facilities_grid {
        gap: 2rem;
    }

    .sub17 .page-content .senior_pastor_wrap {
        gap: 2rem;
    }

    .sub18 .page-content .worship_text_box {
        padding: 3.5rem 2rem 10rem !important;
    }

    .sub19 .page-content #component2990 .col-sm-6 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .sub19 .page-content .root_daum_roughmap {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 991px) {
    .sub14 .page-content .vision_cards_wrap {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .sub14 .page-content .vision_tasks_grid {
        grid-template-columns: 1fr !important;
    }

    .sub14 .page-content .vision_projects_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .sub14 .page-content .vision_project_item {
        border-right: 0 !important;
        border-bottom: 1px solid #e5e2e1;
        padding-bottom: 2rem !important;
    }

    .sub14 .page-content .vision_project_item:nth-child(3),
    .sub14 .page-content .vision_project_item:nth-child(4) {
        border-bottom: 0;
    }

    .sub15 .page-content .history_tabmenu {
        margin: 3rem 0 2rem !important;
        gap: .45rem !important;
    }

    .sub15 .page-content .history_tabmenu li a {
        padding: .5rem 1rem !important;
    }

    .sub15 .page-content .history_col_date {
        width: 8.5rem !important;
    }

    .sub15 .page-content .history_table th,
    .sub15 .page-content .history_table td {
        padding: 1.15rem .75rem !important;
    }

    .sub16 .page-content .facilities_grid {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .sub16 .page-content .facilities_grid_reverse .slidesub {
        order: -1;
    }

    .sub16 .page-content .facilities_grid .slidesub img {
        width: 100%;
        aspect-ratio: 4 / 3 !important;
        object-fit: cover !important;
    }
	
	.sub16 .facilities_grid_reverse div#unit7922,.sub16 .facilities_grid_reverse div#unit3941 {
		order: 2;
	}
	
	
	
	
	

    .sub17 .page-content .senior_pastor_wrap {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }

    .sub17 .page-content .people_senior_img img {
        max-width: 18rem;
        width: 100%;
    }

    .sub17 .page-content .person_box_horizontal {
        padding: 1.25rem !important;
    }

    .sub17 .page-content .person_box_horizontal .person_img_horizontal {
        width: 7.5rem !important;
    }

    .sub17 .page-content .person_box_horizontal .person_txt_wrap_horizontal {
        padding: 1rem !important;
    }

    .sub18 .page-content .worship_text_box {
        padding: 3rem 1.5rem 7rem !important;
    }

    .sub18 .page-content .t_worship {
        table-layout: fixed;
    }

    .sub18 .page-content .t_worship td {
        padding: 1rem .75rem !important;
        word-break: keep-all;
    }

    .sub19 .page-content #component2990 .col-sm-6 {
        width: 100% !important;
        float: none !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .sub19 .page-content .root_daum_roughmap,
    .sub19 .page-content .root_daum_roughmap .wrap_map {
        width: 100% !important;
        max-width: 100% !important;
    }

    .sub19 .page-content .root_daum_roughmap .wrap_map {
        /* height: 420px !important; */
    }

    .sub19 .page-content .location_subway_grid {
        grid-template-columns: 1fr !important;
    }

    .sub19 .page-content .location_bus_top {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}

@media (max-width: 767px) {
    .sub14 #dimodePage,
    .sub15 #dimodePage,
    .sub16 #dimodePage,
    .sub17 #dimodePage,
    .sub18 #dimodePage,
    .sub19 #dimodePage {
        padding: 1.5rem 0;
    }

    .sub14 .page-content .section_head,
    .sub15 .page-content .section_head,
    .sub16 .page-content .section_head,
    .sub17 .page-content .section_head,
    .sub18 .page-content .section_head,
    .sub19 .page-content .section_head {
        padding-left: 15px;
        padding-right: 15px;
    }

    .sub14 .page-content .vision_cards_wrap,
    .sub14 .page-content .vision_tasks_grid,
    .sub14 .page-content .vision_projects_grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
	.sub14 .page-content .vision_cards_wrap{
		/* padding		: 0px !important; */
				
	}
	
	

    .sub14 .page-content .vision_card_body {
        padding: 1.25rem !important;
        gap: 1rem !important;
    }

    .sub14 .page-content .vision_card_img {
        aspect-ratio: 16 / 10 !important;
    }

    .sub14 .page-content .vision_tasks_head {
        margin-bottom: 2rem !important;
        padding: 0 15px;
    }

    .sub14 .page-content .vision_task_item {
        padding: 1.5rem 1.25rem !important;
    }

    .sub14 .page-content .vision_project_item,
    .sub14 .page-content .vision_project_item:nth-child(3),
    .sub14 .page-content .vision_project_item:nth-child(4) {
        border-bottom: 1px solid #e5e2e1;
        padding: 1.25rem 0 !important;
    }

    .sub14 .page-content .vision_project_item:last-child {
        border-bottom: 0;
    }

    .sub15 .page-content .history_tabmenu {
        margin: 2rem 15px 1.5rem !important;
        padding-bottom: 1rem !important;
    }

    .sub15 .page-content .history_tabmenu li a {
        padding: .45rem .8rem !important;
        font-size: .9rem;
    }

    .sub15 .page-content .history_tabcontent {
        padding: 0 15px;
    }

    .sub15 .page-content .history_year_title {
        margin-bottom: 1.25rem !important;
    }

    .sub15 .page-content .history_table,
    .sub15 .page-content .history_table tbody,
    .sub15 .page-content .history_table tr,
    .sub15 .page-content .history_table th,
    .sub15 .page-content .history_table td {
        display: block;
        width: 100% !important;
    }

    .sub15 .page-content .history_table tr {
        padding: 1rem 0;
    }

    .sub15 .page-content .history_table th {
        padding: 0 0 .4rem !important;
    }

    .sub15 .page-content .history_table td {
        padding: 0 !important;
        line-height: 1.65;
    }

    .sub16 .page-content .facilities_section_head {
        padding: 0 15px;
        gap: .75rem !important;
        margin-bottom: 1.25rem !important;
    }

    .sub16 .page-content .facilities_floor_badge {
        padding: .55rem .8rem !important;
    }

    .sub16 .page-content .facilities_grid {
        gap: 1.5rem !important;
    }

    .sub16 .page-content .facilities_text_list {
        gap: 1.25rem !important;
        padding: 0 !important;
    }
	
	/* .sub16 .page-content .facilities_grid { */
		 /* padding: 0 !important; */
		
	/* } */

    .sub17 .page-content .senior_pastor_wrap,
    .sub17 .page-content .people_row_grid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .sub17 .page-content .people_senior_info {
        padding-top: 1rem !important;
    }

    .sub17 .page-content .people_senior_name {
        font-size: 2rem !important;
    }

    .sub17 .page-content .person_box_horizontal {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center;
        gap: 1rem !important;
        padding: 1.25rem !important;
    }

    .sub17 .page-content .person_box_horizontal .person_img_horizontal {
        width: 100% !important;
        max-width: 12rem;
    }

    .sub17 .page-content .person_box_horizontal .person_img_horizontal img {
        width: 100%;
        height: auto !important;
    }

    .sub17 .page-content .person_box_horizontal .person_txt_wrap_horizontal {
        padding: 0 !important;
    }

    .sub17 .page-content .person_meta_row {
        justify-content: center;
        text-align: left;
    }

    .sub18 .page-content .sec-title-overlay {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .sub18 .page-content .worship_text_box {
        padding: 2rem 1.25rem 5rem !important;
    }

    .sub18 .page-content .worship_title {
        font-size: 1.7rem !important;
    }

    .sub18 .page-content .t_worship,
    .sub18 .page-content .t_worship tbody,
    .sub18 .page-content .t_worship tr,
    .sub18 .page-content .t_worship td {
        display: block;
        width: 100% !important;
    }

    .sub18 .page-content .t_worship tr {
        border-bottom: 1px solid rgba(0, 0, 0, .12);
    }

    .sub18 .page-content .t_worship td {
        padding: .8rem 1rem !important;
    }

    .sub19 .page-content #component2990 .col-sm-6, 
    .sub19 .page-content .location_bus_box {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
	
	.sub19 .page-content .location_subway_grid{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
	

    .sub19 .page-content .root_daum_roughmap .wrap_map {
        height: 320px !important;
    }

    .sub19 .page-content .location_subway_card,
    .sub19 .page-content .location_bus_box {
        padding: 1.25rem !important;
    }

    .sub19 .page-content .location_bus_path {
        flex-wrap: wrap;
        gap: .5rem !important;
    }

    .sub19 .page-content .location_bus_numbers {
        gap: .5rem !important;
    }
}

@media (max-width: 420px) {
    .sub14 .page-content .vision_card_body,
    .sub14 .page-content .vision_task_item {
        padding: 1.1rem !important;
    }

    .sub15 .page-content .history_tabmenu li a {
        padding: .4rem .65rem !important;
        font-size: .85rem;
    }

    .sub16 .page-content .facilities_section_title {
        font-size: 1.5rem !important;
    }

    .sub17 .page-content .people_senior_name {
        font-size: 1.75rem !important;
    }

    .sub18 .page-content .worship_text_box {
        padding: 1.6rem 1rem 4rem !important;
    }

    .sub19 .page-content .root_daum_roughmap .wrap_map {
        height: 280px !important;
    }

    .sub19 .page-content .location_subway_top {
        flex-wrap: wrap;
    }
}

/* sub30-sub35, sub343 responsive */
@media (max-width: 1199px) {
    .sub30 .page-content .nxt_dept_wrap,
    .sub31 .page-content .nxt_dept_wrap,
    .sub32 .page-content .nxt_dept_wrap,
    .sub33 .page-content .nxt_dept_wrap,
    .sub34 .page-content .nxt_dept_wrap,
    .sub35 .page-content .nxt_dept_wrap {
        gap: 2rem;
        padding: 2.25rem 1.75rem !important;
    }

    .sub30 .page-content .people_leaders_grid,
    .sub31 .page-content .people_leaders_grid,
    .sub32 .page-content .people_leaders_grid,
    .sub33 .page-content .people_leaders_grid,
    .sub34 .page-content .people_leaders_grid,
    .sub35 .page-content .people_leaders_grid,
    .sub343 .page-content .cell_grid {
        gap: 1.5rem !important;
    }

    .sub30 .page-content .people_leader_card,
    .sub31 .page-content .people_leader_card,
    .sub32 .page-content .people_leader_card,
    .sub33 .page-content .people_leader_card,
    .sub34 .page-content .people_leader_card,
    .sub35 .page-content .people_leader_card {
        padding: 1.6rem !important;
    }

    .sub343 .page-content .cell_card_body {
        padding: 1.75rem !important;
    }
}

@media (max-width: 991px) {
    .sub30 .page-content .nxt_dept_wrap,
    .sub31 .page-content .nxt_dept_wrap,
    .sub32 .page-content .nxt_dept_wrap,
    .sub33 .page-content .nxt_dept_wrap,
    .sub34 .page-content .nxt_dept_wrap,
    .sub35 .page-content .nxt_dept_wrap {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
        padding: 2rem 1.5rem !important;
    }

    .sub30 .page-content .nxt_dept_title,
    .sub31 .page-content .nxt_dept_title,
    .sub32 .page-content .nxt_dept_title,
    .sub33 .page-content .nxt_dept_title,
    .sub34 .page-content .nxt_dept_title,
    .sub35 .page-content .nxt_dept_title {
        padding-right: 0 !important;
        padding-bottom: 1.25rem !important;
        border-bottom: 1px solid rgba(255, 255, 255, .35);
    }

    .sub30 .page-content .nxt_dept_info,
    .sub31 .page-content .nxt_dept_info,
    .sub32 .page-content .nxt_dept_info,
    .sub33 .page-content .nxt_dept_info,
    .sub34 .page-content .nxt_dept_info,
    .sub35 .page-content .nxt_dept_info {
        padding-left: 0 !important;
        border-left: 0 !important;
    }

    .sub30 .page-content .people_leaders_grid,
    .sub31 .page-content .people_leaders_grid,
    .sub32 .page-content .people_leaders_grid,
    .sub33 .page-content .people_leaders_grid,
    .sub34 .page-content .people_leaders_grid,
    .sub35 .page-content .people_leaders_grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 1rem !important;
    }

    .sub30 .page-content .people_leader_card,
    .sub31 .page-content .people_leader_card,
    .sub32 .page-content .people_leader_card,
    .sub33 .page-content .people_leader_card,
    .sub34 .page-content .people_leader_card,
    .sub35 .page-content .people_leader_card {
        min-width: 0;
        padding: 1.25rem !important;
    }

    .sub30 .page-content .people_leader_name_ko,
    .sub31 .page-content .people_leader_name_ko,
    .sub32 .page-content .people_leader_name_ko,
    .sub33 .page-content .people_leader_name_ko,
    .sub34 .page-content .people_leader_name_ko,
    .sub35 .page-content .people_leader_name_ko {
        font-size: 1.3rem !important;
        line-height: 1.35;
    }

    .sub34 .page-content .people_staff_list2 {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: .75rem;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .sub34 .page-content .people_staff_item {
        display: flex;
        flex-direction: column;
        gap: .35rem;
        min-width: 0;
    }

    .sub343 .page-content .cell_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 1.25rem !important;
    }
}

@media (max-width: 767px) {
    .sub30 #dimodePage,
    .sub31 #dimodePage,
    .sub32 #dimodePage,
    .sub33 #dimodePage,
    .sub34 #dimodePage,
    .sub35 #dimodePage,
    .sub343 #dimodePage {
        padding: 1.5rem 0;
    }

    .sub30 .page-content .section_head,
    .sub31 .page-content .section_head,
    .sub32 .page-content .section_head,
    .sub33 .page-content .section_head,
    .sub34 .page-content .section_head,
    .sub35 .page-content .section_head,
    .sub343 .page-content .section_head {
        padding-left: 15px;
        padding-right: 15px;
    }

    .sub30 .page-content .nxt_hero_img img,
    .sub31 .page-content .nxt_hero_img img,
    .sub32 .page-content .nxt_hero_img img,
    .sub33 .page-content .nxt_hero_img img,
    .sub34 .page-content .nxt_hero_img img,
    .sub35 .page-content .nxt_hero_img img {
        width: 100% !important;
        aspect-ratio: 16 / 9 !important;
        object-fit: cover !important;
    }

    .sub30 .page-content .nxt_dept_wrap,
    .sub31 .page-content .nxt_dept_wrap,
    .sub32 .page-content .nxt_dept_wrap,
    .sub33 .page-content .nxt_dept_wrap,
    .sub34 .page-content .nxt_dept_wrap,
    .sub35 .page-content .nxt_dept_wrap {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 1.5rem 15px !important;
        gap: 1.2rem !important;
    }

    .sub30 .page-content .nxt_dept_ko,
    .sub31 .page-content .nxt_dept_ko,
    .sub32 .page-content .nxt_dept_ko,
    .sub33 .page-content .nxt_dept_ko,
    .sub34 .page-content .nxt_dept_ko,
    .sub35 .page-content .nxt_dept_ko {
        font-size: 2rem !important;
    }

    .sub30 .page-content .nxt_dept_en,
    .sub31 .page-content .nxt_dept_en,
    .sub32 .page-content .nxt_dept_en,
    .sub33 .page-content .nxt_dept_en,
    .sub34 .page-content .nxt_dept_en,
    .sub35 .page-content .nxt_dept_en {
        letter-spacing: .16em;
    }

    .sub30 .page-content .nxt_info_row,
    .sub31 .page-content .nxt_info_row,
    .sub32 .page-content .nxt_info_row,
    .sub33 .page-content .nxt_info_row,
    .sub34 .page-content .nxt_info_row,
    .sub35 .page-content .nxt_info_row {
        align-items: flex-start;
        gap: .75rem !important;
    }

    .sub30 .page-content .nxt_info_body,
    .sub31 .page-content .nxt_info_body,
    .sub32 .page-content .nxt_info_body,
    .sub33 .page-content .nxt_info_body,
    .sub34 .page-content .nxt_info_body,
    .sub35 .page-content .nxt_info_body {
        display: block !important;
    }

    .sub30 .page-content .nxt_info_label,
    .sub31 .page-content .nxt_info_label,
    .sub32 .page-content .nxt_info_label,
    .sub33 .page-content .nxt_info_label,
    .sub34 .page-content .nxt_info_label,
    .sub35 .page-content .nxt_info_label {
        display: block;
        width: 100% !important;
        min-width: 0 !important;
        margin-bottom: .25rem;
    }

    .sub30 .page-content .nxt_info_text,
    .sub31 .page-content .nxt_info_text,
    .sub32 .page-content .nxt_info_text,
    .sub33 .page-content .nxt_info_text,
    .sub34 .page-content .nxt_info_text,
    .sub35 .page-content .nxt_info_text {
        font-size: 1.05rem !important;
        line-height: 1.55;
    }

    .sub30 .page-content .people_leaders_grid,
    .sub31 .page-content .people_leaders_grid,
    .sub32 .page-content .people_leaders_grid,
    .sub33 .page-content .people_leaders_grid,
    .sub34 .page-content .people_leaders_grid,
    .sub35 .page-content .people_leaders_grid {
        grid-template-columns: 1fr !important;
        gap: .9rem !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 1.5rem !important;
    }

    .sub30 .page-content .people_leader_card,
    .sub31 .page-content .people_leader_card,
    .sub32 .page-content .people_leader_card,
    .sub33 .page-content .people_leader_card,
    .sub34 .page-content .people_leader_card,
    .sub35 .page-content .people_leader_card {
        padding: 1.2rem !important;
    }

    .sub30 .page-content .people_staff_wrap,
    .sub31 .page-content .people_staff_wrap,
    .sub32 .page-content .people_staff_wrap,
    .sub33 .page-content .people_staff_wrap,
    .sub34 .page-content .people_staff_wrap,
    .sub35 .page-content .people_staff_wrap,
    .sub30 .page-content .people_teachers_wrap,
    .sub31 .page-content .people_teachers_wrap,
    .sub32 .page-content .people_teachers_wrap,
    .sub33 .page-content .people_teachers_wrap,
    .sub34 .page-content .people_teachers_wrap,
    .sub35 .page-content .people_teachers_wrap {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .sub34 .page-content .people_staff_list2 {
        grid-template-columns: 1fr;
        gap: .6rem;
    }

    .sub34 .page-content .people_staff_item {
        flex-direction: row;
        align-items: baseline;
        gap: .75rem;
    }

    .sub32 .page-content .people_teachers_list,
    .sub33 .page-content .people_teachers_list,
    .sub34 .page-content .people_teachers_list {
        line-height: 1.75;
        word-break: keep-all;
    }

    .sub343 .page-content .cell_grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 1.5rem !important;
    }

    .sub343 .page-content .cell_card_img img {
        aspect-ratio: 16 / 9 !important;
        object-fit: cover !important;
    }

    .sub343 .page-content .cell_card_body {
        padding: 1.25rem !important;
        gap: 1rem !important;
    }
}

@media (max-width: 420px) {
	#recent-sermon-cont .recentInfo-title{font-size: 1.5rem!important;}
	
	
	
	
	
	
	
	
	
	
    .sub30 .page-content .nxt_dept_wrap,
    .sub31 .page-content .nxt_dept_wrap,
    .sub32 .page-content .nxt_dept_wrap,
    .sub33 .page-content .nxt_dept_wrap,
    .sub34 .page-content .nxt_dept_wrap,
    .sub35 .page-content .nxt_dept_wrap {
        padding: 1.25rem 15px !important;
    }

    .sub30 .page-content .nxt_dept_ko,
    .sub31 .page-content .nxt_dept_ko,
    .sub32 .page-content .nxt_dept_ko,
    .sub33 .page-content .nxt_dept_ko,
    .sub34 .page-content .nxt_dept_ko,
    .sub35 .page-content .nxt_dept_ko {
        font-size: 1.75rem !important;
    }

    .sub30 .page-content .people_leader_card,
    .sub31 .page-content .people_leader_card,
    .sub32 .page-content .people_leader_card,
    .sub33 .page-content .people_leader_card,
    .sub34 .page-content .people_leader_card,
    .sub35 .page-content .people_leader_card,
    .sub343 .page-content .cell_card_body {
        padding: 1rem !important;
    }

    .sub34 .page-content .people_staff_item {
        flex-direction: column;
        gap: .25rem;
    }
}

/* sub36-sub37 responsive */
@media (max-width: 1199px) {
    .sub36 .page-content .newfamily_study_wrap,
    .sub37 .page-content .disciple_top_wrap {
        gap: 3rem !important;
    }

    .sub36 .page-content .newfamily_schedule_box,
    .sub37 .page-content .disciple_top_box {
        padding: 2rem !important;
    }

    .sub36 .page-content .curriculum_card,
    .sub37 .page-content .disciple_card {
        padding: 1.75rem 1.25rem !important;
    }

    .sub36 .page-content .newfamily_step_desc {
        max-width: 13rem;
    }
}

@media (max-width: 991px) {
    .sub36 .page-content .newfamily_study_wrap,
    .sub37 .page-content .disciple_top_wrap {
        grid-template-columns: 1fr !important;
        gap: 3rem !important;
    }

    .sub36 .page-content .newfamily_study_visual,
    .sub37 .page-content .disciple_top_visual {
        max-width: 28rem;
        margin: 0 auto;
    }

    .sub36 .page-content .newfamily_schedule_box,
    .sub37 .page-content .disciple_top_box {
        right: 1rem !important;
        bottom: -1.5rem !important;
    }

    .sub36 .page-content .curriculum_grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 1rem !important;
    }

    .sub36 .page-content .newfamily_steps_line {
        display: none !important;
    }

    .sub36 .page-content .newfamily_steps_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 2.5rem 1rem !important;
    }

    .sub37 .page-content .disciple_grid {
        grid-template-columns: 1fr !important;
        gap: 1.25rem !important;
    }
}

@media (max-width: 767px) {
    .sub36 #dimodePage,
    .sub37 #dimodePage {
        padding: 1.5rem 0;
    }

    .sub36 .page-content .section_head,
    .sub37 .page-content .section_head {
        padding-left: 15px;
        padding-right: 15px;
    }

    .sub36 .page-content .newfamily_study_wrap,
    .sub37 .page-content .disciple_top_wrap {
        gap: 1.5rem !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .sub36 .page-content .newfamily_study_wrap > .dimode-component,
    .sub37 .page-content .disciple_top_wrap > .dimode-component {
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .sub36 .page-content .newfamily_study_visual,
    .sub37 .page-content .disciple_top_visual {
        max-width: 100%;
        padding-bottom: 0 !important;
    }

    .sub36 .page-content .newfamily_study_img,
    .sub37 .page-content .disciple_top_img {
        aspect-ratio: 4 / 3 !important;
    }

    .sub36 .page-content .newfamily_study_img img,
    .sub37 .page-content .disciple_top_img img {
        width: 100%;
        height: 100%;
        object-fit: cover !important;
    }

    .sub36 .page-content .newfamily_schedule_box,
    .sub37 .page-content .disciple_top_box {
        position: static !important;
        margin-top: 1rem;
        padding: 1.4rem !important;
        text-align: center;
    }

    .sub36 .page-content .newfamily_intro_wrap,
    .sub37 .page-content .disciple_intro_wrap {
        margin-bottom: 0;
    }

    .sub36 .page-content .newfamily_intro_text,
    .sub37 .page-content .disciple_intro_text {
        font-size: 1rem !important;
        line-height: 1.75;
    }

    .sub36 .page-content .curriculum_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: .75rem !important;
    }

    .sub36 .page-content .curriculum_card {
        padding: 1.25rem .75rem !important;
        min-width: 0;
    }

    .sub36 .page-content .curriculum_step {
        letter-spacing: .12em;
    }

    .sub36 .page-content .curriculum_subject {
        font-size: 1rem !important;
        line-height: 1.45;
    }

    .sub36 .page-content .newfamily_steps_wrap,
    .sub37 .page-content .disciple_grid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .sub36 .page-content .newfamily_steps_grid {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }

    .sub36 .page-content .newfamily_step {
        padding: 0 !important;
    }

    .sub36 .page-content .newfamily_step_circle {
        width: 5rem !important;
        height: 5rem !important;
        margin-bottom: 1rem !important;
    }

    .sub36 .page-content .newfamily_step_desc {
        max-width: 22rem;
        margin-left: auto;
        margin-right: auto;
    }

    .sub37 .page-content .disciple_card {
        padding: 1.5rem 1.2rem !important;
    }

    .sub37 .page-content .disciple_card_head {
        margin-bottom: 1.25rem !important;
    }

    .sub37 .page-content .disciple_card_title {
        font-size: 1.35rem !important;
        margin-bottom: 1.25rem !important;
        line-height: 1.35;
    }

    .sub37 .page-content .disciple_lesson_item {
        gap: .45rem !important;
    }

    .sub37 .page-content .disciple_lesson_text {
        line-height: 1.55;
    }
}

@media (max-width: 420px) {
    .sub36 .page-content .newfamily_schedule_box,
    .sub37 .page-content .disciple_top_box,
    .sub37 .page-content .disciple_card {
        padding: 1.1rem !important;
    }

    .sub36 .page-content .curriculum_grid {
        grid-template-columns: 1fr !important;
    }

    .sub36 .page-content .newfamily_step_circle {
        width: 4.5rem !important;
        height: 4.5rem !important;
    }

    .sub37 .page-content .disciple_lesson_item {
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: start;
    }
	
	#subgnb .dropdown-menu > li > a{
		font-size:1rem;
		padding: 0.5rem 1rem;
	}
	
	
	
	
}

/* sub18/sub19 responsive correction */
@media (max-width: 991px) {
    .sub19 .page-content #component2990 > .dimode-sort {
        display: flex;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px;
    }

    .sub19 .page-content #component2990 .col-sm-6 {
        width: 50% !important;
        float: none !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .sub19 .page-content #unit6273 > img {
        width: 100% !important;
        height: auto !important;
        display: block;
    }

    .sub19 .page-content .root_daum_roughmap {
        width: 100% !important;
        max-width: 100% !important;
    }

    .sub19 .page-content .root_daum_roughmap .wrap_map,
    

    .sub19 .page-content .root_daum_roughmap img {
        max-width: none !important;
        max-height: none !important;
        min-width: 0 !important;
        min-height: 0 !important;
    }
}

@media (max-width: 767px) {
    .sub18 .page-content #unit5180 {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .sub18 .page-content .t_worship,
    .sub18 .page-content .t_worship tbody,
    .sub18 .page-content .t_worship tr {
        display: revert !important;
        width: auto !important;
    }

    .sub18 .page-content .t_worship {
        display: table !important;
        width: 100% !important;
        min-width: 42rem;
        table-layout: auto !important;
        border-collapse: collapse;
    }

    .sub18 .page-content .t_worship tbody {
        display: table-row-group !important;
    }

    .sub18 .page-content .t_worship tr {
        display: table-row !important;
        border-bottom: 0;
    }

    .sub18 .page-content .t_worship td {
        display: table-cell !important;
        width: auto !important;
        padding: .85rem .7rem !important;
        white-space: nowrap;
        vertical-align: middle;
    }

    .sub19 .page-content #component2990 > .dimode-sort {
        display: block;
        margin-left: 0;
        margin-right: 0;
    }

    .sub19 .page-content #component2990 .col-sm-6 {
        width: 100% !important;
        float: none !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .sub19 .page-content .root_daum_roughmap .wrap_map,
    .sub19 .page-content .root_daum_roughmap .map {
        height: 340px !important;
    }
}

@media (max-width: 420px) {
    .sub18 .page-content .t_worship {
        min-width: 38rem;
    }

    .sub19 .page-content .root_daum_roughmap .wrap_map,
    .sub19 .page-content .root_daum_roughmap .map {
        height: 300px !important;
    }
}
