/*서브탑*/
#subtop {
    position: relative;
    height: 350px;
}
.subtop-1 #subgnb #subtop {
    background-position-x: 80% !important;
    background-position-y: center !important;
}
.subtop-2 #subgnb #subtop {
    background-position-x: 30% !important;
    background-position-y: center !important;
}
.subtop-5 #subgnb #subtop {
    background-position-x: right !important;
    background-position-y: center !important;
}
.subtop-6 #subgnb #subtop {
    background-position-x: 44% !important;
    background-position-y: center !important;
}
#subgnb { text-align: left; background:transparent; width:100%; margin-top: 100px; }
#subgnb > .container { background:#fff; padding:0 15px;  border-radius: 5px; z-index:10; }
#subgnb span, #subgnb a { font-size:18px; color:#777;font-weight:bold; position:relative; text-decoration:none; transform: skew(-0.05deg); }
#subgnb > div > div > div > img { float: left;  padding: 11px 15px 15px 5px; position: relative; top: 2px; max-width: 45px;}
#subgnb a.active { color:#f1592a; font-weight:bold; }
#subgnb .subgnb-home { float:left; margin-top:15px; margin-right:0; }

.sub-top-2{position:relative;margin: 50px 0px 30px 0px;}
.sub-top-2 .subtop-bottom{ background-color: rgba(255,255,255,1);position: relative;bottom: 0; padding: 2% 0 0%;width: 100%;}
.sub-top-2 .subtop-bottom .subtop-menu ul {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.sub-top-2 .subtop-bottom .subtop-menu ul li{display:inline-block;}
.sub-top-2 .subtop-bottom .subtop-menu ul li a{display: inline-block;padding: 52px 13px 25px;font-size: 17px;font-weight:700;text-decoration: none;color: #343434;position: relative;}
.sub-top-2 .subtop-bottom .subtop-menu ul li p{display: inline-block;padding: 52px 0px 25px;font-size: 17px;font-weight:700;text-decoration: none;color: #343434;position: relative;}
.sub-top-2 .subtop-bottom .subtop-menu ul li a .btn-plus{position: absolute;top: 40%;left: 45%;background:#475687;width: 6px;height: 6px;border-radius: 50%;
text-align: center;opacity: 0;transition: all .3s linear;}
.sub-top-2 .subtop-bottom .subtop-menu ul li a:hover .btn-plus,
.sub-top-2  .subtop-bottom .subtop-menu ul li.active a .btn-plus,
.sub-top-2  .subtop-bottom .subtop-menu ul li a:focus .btn-plus{opacity:1;}

.subtop-bottom2{background-color: rgba(255,255,255,1);height: 140px;position: relative;bottom: 0; left: 10px;width: 100%;}
.subtop-bottom2 .subtop-menu ul {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.subtop-bottom2 .subtop-menu ul li{display:inline-block;}
.subtop-bottom2 .subtop-menu ul li a{ display: inline-block; margin: 30px 0; width:420px; padding: 15px 70px; border: solid 1px #dfdfdf;font-size: 17px;font-weight:700;text-decoration: none;color: #343434;position: relative;}
.subtop-bottom2 .subtop-menu ul li p{display: inline-block;padding: 52px 0px 25px;font-size: 17px;font-weight:700;text-decoration: none;color: #343434;position: relative;}
.subtop-bottom2 .subtop-menu ul li a:hover, .subtop-bottom2 .subtop-menu ul li.active a, .subtop-bottom2 .subtop-menu ul li a:focus {
    border: solid 1px #123369;
    color: #123369;
}

.subTitle {
    position: relative;  text-align: center;
}
#sub_title {
    font-size: 40px;
    font-weight: 600;
    border-bottom: 4px solid black;
    display: inline-block;
    padding-bottom: 10px;
}

.container {
    width:1520px;
}

/**/
.board-title{margin-top: 30px;margin-bottom: 30px; position: relative; display: inline-block; transform: translateX(-50%);left: 50%; text-align: center; padding-bottom: 15px; text-align: center; border-bottom: 3px solid #000; font-size: 40px;}
.img-wrap{word-break:keep-all;text-align: center;}
.page-content{word-break:keep-all!important;}

/*버튼*/
.section6-more-btn {display:inline-block; position:relative; text-align: center; transition:0.3s all;border: 3px solid #000;color:#FC5D33; font-size:18px; text-decoration:none;  background:black;border: 3px solid #000;width: 180px;height: 60px;}
.section6-more-btn:hover{ text-decoration:none;color:#FC5D33; }
.section6-more-btn span{position: absolute;top: 50%;left: 50%;width: 100%;transform: translateX(-50%) translateY(-50%);}

/*탭 페이지 S*/
.sub-section1{  height: 620px; background-size: cover;position:relative; min-height:200px; background:url(/UserData/pcltvhp/Layouts/pcltvhp_Layout/Images/sub/four/1.2_titleimg.jpg);}
.sub-section2-back{  height: 620px; background-size: cover;position:relative; min-height:200px; background:url(/UserData/pcltvhp/Layouts/pcltvhp_Layout/Images/sub/outsideview/outsideview.jpg);}
.tab-content-right{transition:0.3s all; position: absolute; top: 0;left: auto; right: 0;height:100%;width:50%;background-size: cover!important; background-position: 50% 50%!important;background-repeat: no-repeat;}

.active-tab{display:block; opacity:1;  transition:150ms all;}
.tab-wrap{position:relative; background-color: #fdb723; width: 260px; padding: 40px 0; text-align: center; position: absolute; top: 140px; left: 50%; z-index: 10; -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);transform: translateX(-50%);}
.tab-top{display: none;padding: 35px 0 0 100px;color: #fdb723; margin: 0 0 30px;}
.tab-header{cursor:pointer;color: #fff;position: relative;-webkit-transition: color .2s ease-in-out;-moz-transition: color .2s ease-in-out;
            -o-transition: color .2s ease-in-out;  transition: color .2s ease-in-out; font-size: 24px; letter-spacing: .72px;}
.tab-header.active-tab, .tab-header:hover{color:#000;}
.tab-header.active-tab:before{content: '';position: absolute; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-right: 10px solid #fdb723;
    top: 50%; left: -10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.tab-content-wrap{min-height:700px; background:black; }
.tab-content-wrap:after{content: "";display: table; clear: both;}
.tab-content-left{word-break:keep-all;padding:75px;height:100%; width:50%;float: left;padding-top: 125px; padding-right: 170px; color:white;}

.each-tab {opacity:0; min-height: 700px;float: left;position: relative;top: 0;left: 0; width: 100%; height: 100%;}


.title{ font-weight:bold; margin-bottom:30px;}
.sub-title{font-size:23px;margin-bottom:30px;}
.content{font-size:20px;}

/*원서클*/
.section2-2-circle {width: 140px;height: 140px;position: relative;display: inline-block;border: 6px solid #fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.section2-2-circle p{font-size: 20px; color:white;position: absolute;left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
.circletime-wrap {width: 900px;}
/*탭 페이지 E*/

.slide-head-title {
    font-size: 35px;
    margin-bottom: 20px;
}
.slide-body-content{font-size:25px; line-height:1.5;margin-bottom:20px;} 
.slide-footer-add li{font-size:25px; line-height:1.5;}

.awana-wrap{position:absolute;left:0;top:0;height:100%;width:100%;display:table;}
.awana-wrap2{display:table-row;}
.awana-wrap3{display:table-cell;vertical-align:middle;}
.sub-slide-section1-back1{  height: 620px; background-size: cover;position:relative; min-height:200px; background:url(/UserData/pcltvhp/Layouts/pcltvhp_Layout/Images/sub//kids/kids_back.jpg);}
.sub-slide-section1-back2{  height: 620px; background-size: cover;position:relative; min-height:200px; background:url(/UserData/pcltvhp/Layouts/pcltvhp_Layout/Images/sub/awana/awana_back.jpg);}
.sub-slide-section1-back3{  height: 620px; background-size: cover;position:relative; min-height:200px; background:url(/UserData/pcltvhp/Layouts/pcltvhp_Layout/Images/sub/discipleship/discipleship_back.jpg);}

.sub-slide-section2{padding-top: 90px; padding-bottom: 90px;   background-color: #fdb723; text-align:center; font-size:25px; color:white;}
.sub-slide-section2 .inner-content p{margin:0px;}

#custom_carousel .item {color: #000; padding: 0px 0; }
#custom_carousel .controls {overflow-x: auto;overflow-y: hidden;padding: 30px 0px; margin: 0; white-space: normal; text-align: center; position: relative;  background: #000}
#custom_carousel .controls li {display: inline-block;}
#custom_carousel .controls li:before { content: '/'; position: absolute;  left: -4px; top: 15px; color: #fff; font-size: 20px; z-index: 999; }
#custom_carousel .controls li:first-child:before {display: none;}
#custom_carousel .controls li.active a {color: white;font-size: 20px; }
#custom_carousel .controls li a { overflow: hidden;display: block; font-size: 20px; margin-top: 5px; font-weight: bold; color: orange;}
/*슬라이드 페이 E*/

.text-clean li{counter-increment: chapter;    padding-left: 1em;  text-indent: -1.1em;}
.text-clean li:before{content: counter(chapter)". "; }
.center-padding p img{padding:0px 5px!important;}
.slide__content{padding-top:50px;}
.ul-secondary li{line-height:1.5;}
.margin-15px{margin:15px 0px;}

#footer {
    margin-top: 50px;
}

#sub-23705 #component2730 #unit8662 > div {
    background-position-x: 10% !important;
}

/*교회소개 > 오시는 길*/
.root_daum_roughmap_landing {
    margin:auto !important;
}

@media (max-width:1900px) {
}
@media(max-width:1700px){	
}
@media(max-width:1400px){
    .container {
        width:unset;
    }
}
@media(max-width:1300px){
}
@media(max-width:1199px){
    #sub-23710 #sub03 {
        font-size: 16px;
        white-space: nowrap;
    }

    #sub-23722 .page-content {
        font-size: 16px;
    }

    .board-num_23727 .page-content, .board-num_23728 .page-content,
    .board-num_23729 .page-content, .board-num_23730 .page-content {
        font-size: 16px !important;
    }
}
@media(max-width:991px) {
    #subtop {
        margin-top: 70px;
        height: 250px;
    }
    #subgnb {
        margin-top: 70px;
    }

    #sub-23705 #component2730 #unit8662 > div {
        background-position-x: 15% !important;
    }
    #sub-23705 #component2730 #unit8662 div div > p:nth-of-type(3) > span {
        font-size: 16px !important;
    }

    #sub-23706 #component2522 #unit6171 {
        margin-bottom: 30px !important;
    }
    #sub-23706 #component4104 {
        margin:0 !important;
    }
    #sub-23706 #component2522 {
        padding:0 !important;
    }

    #sub-23708 .t_fs_30 {
        font-size: 25px !important;
    }
    #sub-23708 .t_fs_20 {
        font-size: 16px !important;
    }

    #sub-23710 #sub03 {
        font-size: 14px;
    }
    #sub-23710 #sub03 .col-sm-5 > span {
        width:100% !important;
    }
    #sub-23710 #sub03 .col-sm-4 {
        text-align: left !important;
    }

    #sub-23722 .page-content {
        font-size: 15px;
    }

    .board-num_23727 .page-content, .board-num_23728 .page-content,
    .board-num_23729 .page-content, .board-num_23730 .page-content {
        font-size: 15px !important;
    }
    /*.board-num_23727*/ #component5492 #unit5377 .col-sm-3 {
        width: 33.33333333%;
    }
    /*.board-num_23727*/ #component5492 #unit5377 .col-sm-9 {
        width: 66.66666667%;
    }
}
@media(max-width:767px){
    #subtop {
        height: 180px !important;
        margin-top: 70px;
    }
    #subgnb #subtop {
        background-size: cover !important;
    }
    #sub_title {
        font-size: 32px;
    }
    .sub-top-2 {
        margin: 30px 0;
    }

    /*font-size 공통*/
    /*.t_fs_24 {
        font-size: 18px !important;
    }
    .t_fs_40 {
        font-size:30px !important;
    }
    .t_2 td {
        font-size: 12px !important;
    }*/
    #sub-23705 #component2730 #unit8662 div > div {
        transform: translate(-30%,-50%) !important;
    }
    #sub-23705 #component6039 #unit4618 p span span {
        font-size: 16px !important;
    }
    #sub-23706 #component2522 #unit3325 {
        padding: 10px !important;
    }

    #sub-23710 #sub03 {
        height:auto !important;
        white-space:unset;
        padding: 10px !important;
    }
    #sub-23710 #sub03 > div {
        height: auto !important;
        margin-bottom: 5px !important;
    }
    #sub-23710 #sub03 .col-sm-4 {
        text-align:center !important;
    }

    .root_daum_roughmap_landing {
        width:auto !important;
    }
    #sub-23709 #component2514 #unit8589 div img {
        width: 27px;
    }
    #sub-23709 #component2514 #unit8589 div span {
        font-size: 16px !important;
    }

    #sub-23722 .page-content {
        font-size: 14px;
    }
    #sub-23722 #component1674 #unit1950, #sub-23722 #component1674 #unit1746 {
        padding: 0 !important;
    }
    #sub-23722 #component1674 #unit1950 > div, #sub-23722 #component1674 #unit1746 > div  {
        padding: 0 !important;
    }
    #sub-23722 #component4104 {
        display:none;
    }
}
@media(max-width:440px) {
    #sub_title {
        font-size: 26px;
    }

    #sub-23706 .page-content {
        font-size: 13px !important;
    }
    #sub-23706 .t_fs_40 {
        font-size: 25px;
    }

    #sub-23705 #component2730 #unit8662 > div {
        background-position-x: 13% !important;
    }
    #sub-23705 #component2730 #unit8662 div > div {
        transform: translate(-10%,-50%) !important;
    }
    #sub-23705 #component2730 #unit8662 div div > p:nth-of-type(2) > span {
        font-size: 15px !important;
    }
    #sub-23705 #component2730 #unit8662 div div > p:nth-of-type(2) > span {
        font-size: 25px !important;
    }
    #sub-23705 #component2730 #unit8662 div div > p:nth-of-type(3) > span {
        font-size: 14px !important;
    }
    #sub-23705 #component6039 #unit4618 p span span {
        font-size: 13px !important;
    }

    #sub-23710 #component7882 #unit8737 > p {
        height:auto!important;
    }

    /*.board-num_23727*/ #component5492 {
        padding: 30px 0px !important;
    }
    /*.board-num_23727*/ #component5492 #unit5377 > div {
        padding: 20px 0 !important;
    }

    .board-num_23716 #component7933 #unit1493, .board-num_23716 #component7933 #unit5261 {
        padding: 0 !important;
    }
    .board-num_23716 #component7933 #unit5261 > p {
        font-size: 13px !important;
    }
    .board-num_23716 #component9721 #unit4569 > div {
        padding: 35px 25px !important;
    }
    .board-num_23716 .t_fs_24 {
        font-size: 18px;
    }
    

    .board-num_23717 #component7933 #unit1493, .board-num_23717 #component7933 #unit5261 {
        padding: 0 !important;
    }
    .board-num_23717 #component7933 #unit5261 > p {
        font-size: 13px !important;
    }
    .board-num_23717 #component9721 #unit4569 > div {
        padding: 35px 25px !important;
    }
    .board-num_23717 .t_fs_24 {
        font-size: 18px;
    }
}
#83 .recentInfo
{
	display:none;
}
.board-num_83 .recentInfo {
    display: none;
}
.board-num_84 .recentInfo {
    display: none;
}
.board-num_85 .recentInfo {
    display: none;
}

.board-num_74 #unit4531 .font-l {
    white-space: nowrap;
    display: flex;
    align-items: center;
}


/* ================================
   공통
================================ */
#sub-12 .pastor_con_box {
    display: grid;
    grid-template-columns: 5fr 7fr;
    align-items: start;
}

#sub-12 .pastor_img {
    overflow: hidden;
    margin: 0;
    min-width: 0;
}

#sub-12 .pastor_img img {
    display: block;
    width: 100%;
    height: auto;
}

#sub-12 .pastor_txt_box {
    position: relative;
    top: 10%;
    right: 5%;
    padding: 4vw;
    background: #475687;
    color: #fff;
    box-sizing: border-box;
    min-width: 0;
}

#sub-12 .pastor_list {
    line-height: 2;
    padding-left: 0;
    list-style: none;
}

#sub-12 .pastor_list li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

#sub-12 .pastor_list li::before {
    content: "-";
    flex-shrink: 0;
    margin-right: 0;
}

#sub-12 .pastor_list li span {
    flex-shrink: 0;
}

/* ================================
   태블릿 (769px ~ 1024px)
================================ */
@media screen and (max-width: 1024px) {

    #sub-12 .pastor_con_box {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    #sub-12 .pastor_txt_box {
        top: 0;
        right: 0;
        padding: 30px;
    }

    #sub-12 .pastor_list {
        line-height: 1.8;
        font-size: 14px;
    }

    #sub-12 #unit7701 {
        padding: 0 30px 40px !important;
    }

}

/* ================================
   모바일 (768px 이하)
================================ */
@media screen and (max-width: 768px) {

    #sub-12 .pastor_con_box {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
    }

    #sub-12 .pastor_img {
        width: 100%;
        margin: 0;
        text-align: center;
    }

    #sub-12 .pastor_img img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    #sub-12 .pastor_txt_box {
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        padding: 30px 25px;
        margin: 0;
    }

    #sub-12 .pastor_txt_box > .font-4xl {
        font-size: 26px;
        line-height: 1.4;
    }

    #sub-12 .pastor_txt_box > .font-xl {
        font-size: 19px;
        margin-top: 25px !important;
    }

    #sub-12 .pastor_list {
        font-size: 14px;
        line-height: 1.8;
    }

    #sub-12 .pastor_list li {
        display: block;
        padding-left: 15px;
        position: relative;
        overflow-wrap: break-word;
    }

    #sub-12 .pastor_list li::before {
        position: absolute;
        left: 0;
        top: 0;
    }

    #sub-12 .pastor_list li span {
        display: inline;
    }

    /* 기존 인라인 여백 덮어쓰기 */
    #sub-12 #unit7701 {
        padding: 0 15px 30px !important;
        margin: 0 !important;
    }

    #sub-12 #component1730 {
        margin-top: 30px !important;
    }

    #sub-12 #component7271 {
        padding: 30px 0 !important;
        margin-top: 20px !important;
    }

    #sub-12 #component7271 > .container {
        padding: 10px 15px !important;
    }

    #sub-12 #unit7292 {
        font-size: 15px;
        line-height: 1.8;
        overflow-wrap: break-word;
    }

    #sub-12 #unit7292 img {
        max-width: 100%;
        height: auto;
        vertical-align: middle;
    }

}

/* ================================
   작은 모바일 (480px 이하)
================================ */
@media screen and (max-width: 480px) {

    #sub-12 .pastor_txt_box {
        padding: 25px 18px;
    }

    #sub-12 .pastor_txt_box > .font-4xl {
        font-size: 23px;
    }

    #sub-12 .pastor_txt_box > .font-xl {
        font-size: 17px;
    }

    #sub-12 .pastor_list {
        font-size: 13px;
        line-height: 1.8;
    }

    #sub-12 #unit7701 {
        padding: 0 10px 25px !important;
    }

    #sub-12 #unit7292 {
        font-size: 14px;
    }

    #sub-12 #unit7292 .font-xl {
        font-size: 19px;
    }

}

/* -------------------------------------- */

/* =====================================
   국일교회 새가족 등록 안내 반응형
   적용 페이지 : #sub-13
===================================== */

/* =====================================
   태블릿 : 769px ~ 1200px
===================================== */
@media screen and (max-width: 1200px) {

    #sub-13 .welcome_01 {
        flex-wrap: wrap;
        gap: 20px;
    }

    #sub-13 .welcome_01 li {
        width: 230px;
        height: 230px;
        flex: 0 0 230px;
        padding: 20px;
    }

    #sub-13 .welcome_01 li + li {
        margin-left: 0;
    }

    #sub-13 .welcome_01 li img {
        max-width: 55px;
        max-height: 55px;
    }

    #sub-13 #component6253 {
        margin-top: 30px !important;
    }
}

/* =====================================
   모바일 : 768px 이하
===================================== */
@media screen and (max-width: 768px) {

    /* 상단 안내 문구 */
    #sub-13 #unit5040 .font-xl {
        font-size: 22px;
        line-height: 1.5;
        word-break: keep-all;
    }

    #sub-13 #unit5040 > div:last-child {
        font-size: 15px;
        line-height: 1.8 !important;
        word-break: keep-all;
    }

    /* 섹션 제목 */
    #sub-13 #component3112 {
        margin-top: 35px !important;
    }

    #sub-13 #unit8109 .font-2xl {
        font-size: 22px;
    }

    /* 등록 단계 원형 */
    #sub-13 #unit4214 > div {
        padding: 25px 15px !important;
    }

    #sub-13 .welcome_01 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-items: center;
        gap: 15px;
    }

    #sub-13 .welcome_01 li {
        width: 100%;
        max-width: 220px;
        height: auto;
        min-height: 0;
        aspect-ratio: 1 / 1;
        margin: 0 !important;
        padding: 15px 10px;
        font-size: 14px;
    }

    #sub-13 .welcome_01 li .font-l {
        font-size: 16px;
        margin: 0;
    }

    #sub-13 .welcome_01 li img {
        max-width: 50px;
        max-height: 50px;
        margin: 10px 0;
    }

    /* 등록 절차 상세 설명 */
    #sub-13 #component4104 {
        padding: 20px 0 !important;
        margin-top: 0 !important;
    }

    #sub-13 #component6057 {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 !important;
    }

    #sub-13 #component6057 > #component7332,
    #sub-13 #component6057 > #component6253 {
        float: none;
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 15px !important;
    }

    #sub-13 #component6057 > #component7332 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    #sub-13 #component6057 > #component6253 {
        margin-top: 0 !important;
        margin-bottom: 25px !important;
    }

    #sub-13 #component6057 #unit4902 img {
        max-width: 90px;
        height: auto;
    }

    #sub-13 #component6057 #unit4902 .font-l {
        font-size: 19px;
        margin-top: 12px !important;
    }

    #sub-13 #component6057 #unit7970 {
        text-align: center;
        font-size: 15px;
        line-height: 1.8;
        word-break: keep-all;
        overflow-wrap: break-word;
    }

    #sub-13 #component6057 #unit7970 br {
        display: none;
    }
}

/* =====================================
   작은 모바일 : 480px 이하
===================================== */
@media screen and (max-width: 480px) {

    #sub-13 #unit5040 .font-xl {
        font-size: 20px;
    }

    #sub-13 #unit5040 > div:last-child {
        font-size: 14px;
    }

    #sub-13 #unit8109 .font-2xl {
        font-size: 20px;
        padding: 0 12px !important;
    }

    #sub-13 #unit4214 > div {
        padding: 20px 10px !important;
    }

    #sub-13 .welcome_01 {
        gap: 10px;
    }

    #sub-13 .welcome_01 li {
        max-width: 180px;
        padding: 12px 8px;
        font-size: 12px;
        line-height: 1.4;
    }

    #sub-13 .welcome_01 li .font-l {
        font-size: 14px;
    }

    #sub-13 .welcome_01 li img {
        max-width: 40px;
        max-height: 40px;
        margin: 6px 0;
    }

    #sub-13 #component6057 #unit4902 img {
        max-width: 75px;
    }

    #sub-13 #component6057 #unit4902 .font-l {
        font-size: 17px;
    }

    #sub-13 #component6057 #unit7970 {
        font-size: 14px;
    }
}

/* ------------------------------- */



/* =========================================
   국일교회 오시는 길 반응형
   적용 페이지 : #sub-14
========================================= */


/* =====================================
   오시는 길 모바일 교통 안내 수정
===================================== */
@media screen and (max-width: 767px) {

    /* 지하철 / 버스 안내 박스 */
    #sub-14 #component5724 .metro_wrap {
        display: block;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    /* Flex 해제 - 배지 세로 늘어남 방지 */
    #sub-14 .metro_wrap li {
        display: block !important;
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 14px;
        line-height: 2.2;
        text-align: left;
        word-break: keep-all;
        overflow-wrap: break-word;
    }

    #sub-14 .metro_wrap li + li {
        margin-top: 18px !important;
    }

    /* 지하철 / 버스 노선 배지 */
    #sub-14 .metro_wrap li span {
        display: inline-block !important;
        width: auto !important;
        height: auto !important;
        padding: 4px 8px !important;
        margin: 0 3px 4px 0 !important;
        border-radius: 7px;
        font-size: 12px;
        line-height: 1.5 !important;
        vertical-align: middle;
        white-space: nowrap;
    }

    /* 역명 / 정류장명 */
    #sub-14 .metro_wrap li b {
        display: inline-block;
        font-size: 14px;
        margin-right: 5px;
        vertical-align: middle;
        white-space: nowrap;
    }

    /* 안내 박스 여백 */
    #sub-14 #unit6765 > div[style*="background-color"],
    #sub-14 #unit3053 > div[style*="background-color"] {
        padding: 20px 15px !important;
    }
}

/* 작은 모바일 */
@media screen and (max-width: 480px) {

    #sub-14 .metro_wrap li {
        font-size: 13px;
        line-height: 2.1;
    }

    #sub-14 .metro_wrap li span {
        font-size: 11px;
        padding: 3px 7px !important;
    }

    #sub-14 .metro_wrap li b {
        font-size: 13px;
    }
}

/* =========================================
   태블릿 : 1024px 이하
========================================= */
@media screen and (max-width: 1024px) {

    /* 주소 */
    #sub-14 #unit8566 .font-2xl {
        font-size: 24px;
    }

    /* 지도 */
    #sub-14 #component5699 {
        margin-top: 30px !important;
        padding-bottom: 40px !important;
    }

    #sub-14 .root_daum_roughmap .wrap_map {
        height: 350px !important;
    }

    /* 주차 및 교통 안내 */
    #sub-14 #component5724 {
        margin-top: 30px !important;
    }

    #sub-14 #component5724 > .col-sm-6 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #sub-14 #unit3053 > div[style*="background-color"] {
        padding: 25px !important;
    }

    #sub-14 .metro_wrap li {
        font-size: 14px;
    }
}

/* =========================================
   모바일 : 767px 이하
========================================= */
@media screen and (max-width: 767px) {

    /* 전체 여백 */
    #sub-14 #component9487 {
        padding: 0 10px !important;
    }

    /* 주소 */
    #sub-14 #unit8566 .font-2xl {
        font-size: 20px;
        line-height: 1.5;
        margin-bottom: 15px;
    }

    /* 전화번호 / 팩스 */
    #sub-14 #unit8566 > .row {
        margin-top: 15px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #sub-14 #unit8566 > .row > div {
        float: none;
        width: 100%;
        padding: 5px 0 !important;
        font-size: 14px;
        line-height: 1.8;
    }

    #sub-14 #unit8566 .row img {
        max-width: 22px;
        height: auto;
    }

    /* 카카오맵 */
    #sub-14 #component5699 {
        margin-top: 20px !important;
        padding: 0 0 30px !important;
    }

    #sub-14 #daumRoughmapContainer1780028664889 {
        width: 100% !important;
        max-width: 100% !important;
    }

    #sub-14 .root_daum_roughmap .wrap_map {
        height: 300px !important;
    }

    /* 자차 이용 제목 */
    #sub-14 #component3009 .font-2xl {
        font-size: 21px;
        line-height: 1.5;
    }

    #sub-14 #component3009 img {
        max-width: 30px;
        margin-top: 0 !important;
        vertical-align: middle;
    }

    /* 2열 레이아웃을 1열로 */
    #sub-14 #component5724 {
        display: flex;
        flex-direction: column;
        margin-top: 20px !important;
        padding: 0 !important;
    }

    #sub-14 #component5724 > .col-sm-6 {
        float: none;
        width: 100%;
        padding: 0 !important;
        margin: 0 0 20px !important;
    }

    /* 주차 안내 이미지 */
    #sub-14 #component5724 #unit6765 img {
        display: inline-block;
        max-width: 100%;
        height: auto;
    }

    /* 주차 안내 설명 박스 */
    #sub-14 #unit3053 > div[style*="background-color"] {
        padding: 20px !important;
    }

    #sub-14 #unit3053 .font-l {
        font-size: 18px;
        line-height: 1.5;
    }

    #sub-14 #unit3053 .font-l img {
        max-width: 25px;
        height: auto;
        vertical-align: middle;
    }

    #sub-14 #unit3053 p[style*="margin-top:50px"] {
        margin-top: 25px !important;
    }

    #sub-14 #unit3053 div[style*="line-height"] {
        font-size: 14px;
        line-height: 1.8 !important;
        word-break: keep-all;
    }

    #sub-14 #unit3053 br {
        display: none;
    }

    /* 지하철 / 버스 제목 */
    #sub-14 #unit6765 > .font-2xl,
    #sub-14 #unit3053 > .font-2xl {
        font-size: 20px;
        line-height: 1.5;
        margin-bottom: 15px !important;
    }

    #sub-14 #unit6765 > .font-2xl img,
    #sub-14 #unit3053 > .font-2xl img {
        max-width: 30px;
        margin-top: 0 !important;
        vertical-align: middle;
    }

    /* 지하철 / 버스 목록 */
    #sub-14 .metro_wrap {
        padding: 0;
        margin: 0;
    }

    #sub-14 .metro_wrap li {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 5px;
        font-size: 14px;
        line-height: 1.8;
    }

    #sub-14 .metro_wrap li + li {
        margin-top: 20px;
    }

    #sub-14 .metro_wrap span {
        font-size: 12px;
        padding: 4px 8px;
        border-radius: 6px;
        margin: 0 !important;
    }

    #sub-14 .metro_wrap b {
        font-size: 14px;
    }
}

/* =========================================
   작은 모바일 : 480px 이하
========================================= */
@media screen and (max-width: 480px) {

    #sub-14 #unit8566 .font-2xl {
        font-size: 18px;
    }

    #sub-14 #unit8566 > .row > div {
        font-size: 13px;
    }

    #sub-14 .root_daum_roughmap .wrap_map {
        height: 260px !important;
    }

    #sub-14 #component3009 .font-2xl,
    #sub-14 #unit6765 > .font-2xl,
    #sub-14 #unit3053 > .font-2xl {
        font-size: 18px;
    }

    #sub-14 #unit3053 > div[style*="background-color"] {
        padding: 15px !important;
    }

    #sub-14 .metro_wrap li {
        font-size: 13px;
        gap: 5px;
    }

    #sub-14 .metro_wrap span {
        font-size: 11px;
        padding: 3px 6px;
    }

    #sub-14 .metro_wrap b {
        font-size: 13px;
    }
}



/* =========================================
   국일교회 사명선언문 / 목회비전 반응형
   적용 페이지 : #sub-15
========================================= */

/* =========================================
   태블릿 : 1200px 이하
========================================= */
@media screen and (max-width: 1200px) {

    #sub-15 .vision_01 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }

    #sub-15 .vision_01 li {
        width: 220px;
        height: 220px;
        flex: 0 0 220px;
        margin: 0 !important;
    }

    #sub-15 .vision_01 li div {
        font-size: 15px;
    }

    #sub-15 #component7271 {
        padding: 40px 0 !important;
    }
}

/* =========================================
   모바일 : 768px 이하
========================================= */
@media screen and (max-width: 768px) {

    /* 상단 제목 */
    #sub-15 #unit5040 .font-l {
        font-size: 14px;
        letter-spacing: 2px !important;
    }

    #sub-15 #unit5040 .font-xl {
        font-size: 23px;
        line-height: 1.5;
    }

    /* 사명선언문 배경 */
    #sub-15 #component8156 {
        height: auto !important;
        min-height: 280px;
        margin-top: 30px !important;
        padding: 40px 20px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        background-position: center !important;
    }

    #sub-15 #component7031 {
        float: none;
        width: 100%;
        margin: 0 !important;
        padding: 0 10px !important;
    }

    #sub-15 #unit6542 .font-2xl {
        font-size: 20px;
        line-height: 1.8 !important;
        word-break: keep-all;
        overflow-wrap: break-word;
    }

    /* 목회비전 전체 영역 */
    #sub-15 #component7271 {
        margin-top: 20px !important;
        padding: 35px 0 !important;
    }

    #sub-15 #component7271 > .container {
        padding: 0 15px !important;
    }

    #sub-15 #component3035 {
        padding: 0 !important;
    }

    #sub-15 #unit7292 .font-xl {
        font-size: 23px;
    }

    #sub-15 #unit7292 > div > .font-2xl {
        font-size: 17px;
        line-height: 1.7;
        margin-top: 25px !important;
        word-break: keep-all;
    }

    /* 원형 2열 배치 */
    #sub-15 .vision_01 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-items: center;
        gap: 15px;
        margin-top: 30px;
        padding: 0;
    }

    #sub-15 .vision_01 li {
        width: 100%;
        max-width: 220px;
        height: auto;
        min-height: 0;
        aspect-ratio: 1 / 1;
        margin: 0 !important;
        padding: 15px 10px;
        border-radius: 50%;
    }

    #sub-15 .vision_01 li .font-l {
        font-size: 18px;
    }

    #sub-15 .vision_01 li div {
        font-size: 14px;
        line-height: 1.6;
    }

    /* 마지막 원형 중앙 배치 */
    #sub-15 .vision_01 li:last-child {
        grid-column: 1 / -1;
        width: calc((100% - 15px) / 2);
        max-width: 220px;
    }
}

/* =========================================
   작은 모바일 : 480px 이하
========================================= */
@media screen and (max-width: 480px) {

    #sub-15 #unit5040 .font-xl {
        font-size: 21px;
    }

    #sub-15 #component8156 {
        min-height: 260px;
        padding: 30px 15px !important;
    }

    #sub-15 #unit6542 .font-2xl {
        font-size: 17px;
        line-height: 1.8 !important;
    }

    #sub-15 #unit7292 .font-xl {
        font-size: 21px;
    }

    #sub-15 #unit7292 > div > .font-2xl {
        font-size: 15px;
    }

    #sub-15 .vision_01 {
        gap: 10px;
        margin-top: 25px;
    }

    #sub-15 .vision_01 li {
        padding: 10px 7px;
    }

    #sub-15 .vision_01 li .font-l {
        font-size: 16px;
    }

    #sub-15 .vision_01 li div {
        font-size: 12px;
        line-height: 1.5;
    }

    #sub-15 .vision_01 li:last-child {
        width: calc((100% - 10px) / 2);
    }
}


/* =========================================
   국일교회 예배안내 반응형
   적용 페이지 : #sub-19
========================================= */

/* =========================================
   sub-19 태블릿 / 모바일 너비 오류 수정
========================================= */

/* 주중예배 및 모임의 고정 너비 제거 */
#sub-19 #component7271 > .row.container {
    width: 100% !important;
    max-width: 1370px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box;
}

/* 내부 콘텐츠 너비 제한 */
#sub-19 #component7271 #component3035,
#sub-19 #component7271 #unit7292,
#sub-19 #component7271 #unit7292 > div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    box-sizing: border-box;
}

/* 이미지 크기 제한 */
#sub-19 #component7271 #unit7292 img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain;
}

/* 모든 예배 테이블 너비 제한 */
#sub-19 .worship_01 {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed;
}

/* =========================================
   태블릿 1200px 이하
========================================= */
@media screen and (max-width: 1200px) {

    #sub-19 #component7271 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 35px 0 !important;
        margin: 30px 0 !important;
    }

    #sub-19 #component7271 > .row.container {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 15px !important;
    }

    /* Bootstrap row 음수 마진 제거 */
    #sub-19 #component7271 > .row.container {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #sub-19 #component7271 #component3035 {
        float: none;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 이미지 및 테이블 동일한 너비 */
    #sub-19 #component7271 #unit7292 img,
    #sub-19 #component7271 .worship_01 {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* =========================================
   모바일 768px 이하
========================================= */
@media screen and (max-width: 768px) {

    #sub-19 #component7271 {
        padding: 25px 0 !important;
        margin: 20px 0 !important;
    }

    #sub-19 #component7271 > .row.container {
        padding: 0 10px !important;
    }

    #sub-19 #component7271 #component3035 {
        padding: 0 !important;
    }

    #sub-19 .worship_01 td {
        padding: 10px 5px !important;
        font-size: 12px;
        line-height: 1.5;
    }
}

/* =========================================
   태블릿 : 1024px 이하
========================================= */
@media screen and (max-width: 1024px) {

    #sub-19 #component7271 {
        padding: 35px 0 !important;
        margin: 35px 0 !important;
    }

    #sub-19 #component7271 > .container {
        padding: 0 20px !important;
    }

    #sub-19 .worship_01 td {
        padding: 12px 10px !important;
        font-size: 15px;
    }

    #sub-19 #unit7292 img {
        max-width: 100%;
        height: auto;
    }
}

/* =========================================
   모바일 : 768px 이하
========================================= */
@media screen and (max-width: 768px) {

    /* 상단 제목 */
    #sub-19 #unit5040 .font-l,
    #sub-19 #unit7292 .font-l {
        font-size: 13px;
        letter-spacing: 2px !important;
        margin-bottom: 12px !important;
    }

    #sub-19 #unit5040 .font-xl,
    #sub-19 #unit7292 .font-xl {
        font-size: 22px;
        line-height: 1.5;
    }

    /* 주일 / 교육부 예배 이미지 */
    #sub-19 #component8414 {
        margin-top: 20px !important;
        padding: 0 !important;
    }

    #sub-19 #component8414 img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }

    /* 예배 시간표 영역 */
    #sub-19 #component6189 {
        margin: 0 0 20px !important;
        padding: 0 !important;
    }

    #sub-19 #component1351 {
        padding: 0 !important;
        margin: 0 !important;
    }

    #sub-19 #unit1865 {
        width: 100%;
        max-width: 100%;
    }

    /* 표 너비 */
    #sub-19 .worship_01 {
        width: 100% !important;
        max-width: 100%;
        margin: 0;
        table-layout: fixed;
    }

    /* 표 열 비율 */
    #sub-19 .worship_01 col:nth-child(1) {
        width: 36% !important;
    }

    #sub-19 .worship_01 col:nth-child(2) {
        width: 32% !important;
    }

    #sub-19 .worship_01 col:nth-child(3) {
        width: 32% !important;
    }

    /* 셀 스타일 */
    #sub-19 .worship_01 td {
        padding: 12px 5px !important;
        font-size: 13px;
        line-height: 1.5;
        vertical-align: middle;
        word-break: keep-all;
        overflow-wrap: anywhere;
    }

    #sub-19 .worship_01 tr:first-child td {
        padding: 12px 5px !important;
        font-size: 14px;
    }

    /* 장소 rowspan 유지 */
    #sub-19 .worship_01 td[rowspan] {
        vertical-align: middle;
    }

    /* 주중예배 / 모임 섹션 */
    #sub-19 #component7271 {
        padding: 25px 0 !important;
        margin: 25px 0 !important;
    }

    #sub-19 #component7271 > .container {
        width: 100% !important;
        max-width: 100%;
        padding: 0 12px !important;
        margin: 0 auto !important;
    }

    #sub-19 #component3035 {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
    }

    #sub-19 #unit7292 > div > div[style*="margin-top"] {
        margin-top: 20px !important;
    }

    #sub-19 #unit7292 img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    /* 전체 가로 넘침 방지 */
    #sub-19 #dimodePage,
    #sub-19 .page-content {
        max-width: 100%;
        min-width: 0;
    }
}

/* =========================================
   작은 모바일 : 480px 이하
========================================= */
@media screen and (max-width: 480px) {

    #sub-19 #unit5040 .font-xl,
    #sub-19 #unit7292 .font-xl {
        font-size: 20px;
    }

    #sub-19 #component7271 > .container {
        padding: 0 10px !important;
    }

    #sub-19 .worship_01 td {
        padding: 10px 4px !important;
        font-size: 12px;
        line-height: 1.5;
    }

    #sub-19 .worship_01 tr:first-child td {
        font-size: 13px;
    }

    #sub-19 .worship_01 col:nth-child(1) {
        width: 36% !important;
    }

    #sub-19 .worship_01 col:nth-child(2) {
        width: 30% !important;
    }

    #sub-19 .worship_01 col:nth-child(3) {
        width: 34% !important;
    }

    #sub-19 #component7271 {
        padding: 20px 0 !important;
        margin: 20px 0 !important;
    }
}


/* =========================================
   국일교회 교역자 소개 반응형
   적용 페이지 : #sub-110
========================================= */


/* =========================================
   태블릿 : 1200px 이하
========================================= */
@media screen and (max-width: 1200px) {

    #sub-110 .person.person_3row > .dimode-component {
        width: 33.3333% !important;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
        padding: 10px;
    }

    #sub-110 .person_box {
        padding: 12px !important;
    }

    #sub-110 .person_txt .font-l {
        font-size: 17px;
    }

    #sub-110 .person_txt .font-m {
        font-size: 14px;
    }
}

/* =========================================
   모바일 : 768px 이하
========================================= */
@media screen and (max-width: 768px) {

    /* 제목 */
    #sub-110 #component3009 {
        margin: 25px 0 10px !important;
        padding: 0 10px !important;
    }

    #sub-110 #component3009:first-child {
        margin-top: 0 !important;
    }

    #sub-110 #component3009 .font-2xl {
        font-size: 21px;
        gap: 8px;
    }

    #sub-110 #component3009 img {
        max-width: 28px;
        margin-top: 0 !important;
    }

    /* 카드 목록 */
    #sub-110 .person.person_3row {
        padding: 5px 0 15px !important;
        margin: 0 !important;
        gap: 0;
    }

    /* 2열 배치 */
    #sub-110 .person.person_3row > .dimode-component {
        width: 50% !important;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 7px;
        margin: 0 !important;
    }

    /* 카드 */
    #sub-110 .person_box {
        padding: 10px !important;
        height: 100%;
    }

    /* 이미지 */
    #sub-110 .person_img img {
        width: 100% !important;
        height: auto !important;
    }

    /* 텍스트 */
    #sub-110 .person_txt {
        margin-top: 12px !important;
    }

    #sub-110 .person_txt .font-l {
        font-size: 15px;
        line-height: 1.5;
    }

    #sub-110 .person_txt .font-m {
        font-size: 13px;
        line-height: 1.6;
    }

    #sub-110 .person_txt hr {
        margin: 10px auto !important;
    }
}

/* =========================================
   작은 모바일 : 480px 이하
========================================= */
@media screen and (max-width: 480px) {

    #sub-110 #component3009 .font-2xl {
        font-size: 19px;
    }

    #sub-110 #component3009 img {
        max-width: 25px;
    }

    #sub-110 .person.person_3row > .dimode-component {
        padding: 5px;
    }

    #sub-110 .person_box {
        padding: 8px !important;
    }

    #sub-110 .person_txt {
        margin-top: 10px !important;
    }

    #sub-110 .person_txt .font-l {
        font-size: 14px;
    }

    #sub-110 .person_txt .font-m {
        font-size: 12px;
        line-height: 1.6;
    }

    #sub-110 .person_txt hr {
        margin: 10px auto !important;
    }
}



/* =========================================
   국일교회 장로 소개 반응형
   적용 페이지 : #sub-111
========================================= */

/* =========================================
   태블릿 : 1200px 이하
========================================= */
@media screen and (max-width: 1200px) {

    #sub-111 .person.person_3row > .dimode-component {
        width: 33.3333% !important;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
        padding: 10px !important;
    }

    #sub-111 .person_box {
        padding: 12px !important;
    }

    #sub-111 .person_txt .font-l,
    #sub-111 .person_txt p {
        font-size: 17px;
    }
}

/* =========================================
   모바일 : 768px 이하
========================================= */
@media screen and (max-width: 768px) {

    /* 제목 */
    #sub-111 #component3009 {
        margin: 25px 0 10px !important;
        padding: 0 10px !important;
    }

    #sub-111 #component3009:first-child {
        margin-top: 0 !important;
    }

    #sub-111 #component3009 .font-2xl {
        font-size: 21px;
        gap: 8px;
    }

    #sub-111 #component3009 img {
        max-width: 28px;
        margin-top: 0 !important;
    }

    /* 카드 목록 */
    #sub-111 .person.person_3row {
        padding: 5px 0 15px !important;
        margin: 0 !important;
        gap: 0;
    }

    /* 2열 배치 */
    #sub-111 .person.person_3row > .dimode-component {
        width: 50% !important;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 7px !important;
        margin: 0 !important;
    }

    /* 카드 */
    #sub-111 .person_box {
        padding: 10px !important;
        height: 100%;
    }

    /* 이미지 */
    #sub-111 .person_img img {
        width: 100% !important;
        height: auto !important;
    }

    /* 이름 */
    #sub-111 .person_txt {
        margin-top: 12px !important;
    }

    #sub-111 .person_txt .font-l,
    #sub-111 .person_txt p {
        font-size: 15px;
        line-height: 1.5;
    }
}

/* =========================================
   작은 모바일 : 480px 이하
========================================= */
@media screen and (max-width: 480px) {

    #sub-111 #component3009 .font-2xl {
        font-size: 19px;
    }

    #sub-111 #component3009 img {
        max-width: 25px;
    }

    #sub-111 .person.person_3row > .dimode-component {
        padding: 5px !important;
    }

    #sub-111 .person_box {
        padding: 8px !important;
    }

    #sub-111 .person_txt {
        margin-top: 10px !important;
    }

    #sub-111 .person_txt .font-l,
    #sub-111 .person_txt p {
        font-size: 14px;
    }
}


/* =========================================
   국일교회 직원 소개 반응형
   적용 페이지 : #sub-112
========================================= */

/* =========================================
   태블릿 : 1200px 이하
========================================= */
@media screen and (max-width: 1200px) {

    #sub-112 .person.person_3row > .dimode-component {
        width: 33.3333% !important;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
        padding: 10px !important;
    }

    #sub-112 .person_box {
        padding: 12px !important;
    }

    #sub-112 .person_txt .font-l {
        font-size: 17px;
    }

    #sub-112 .person_txt .font-m {
        font-size: 14px;
    }
}

/* =========================================
   모바일 : 768px 이하
========================================= */
@media screen and (max-width: 768px) {

    /* 제목 */
    #sub-112 #component3009 {
        margin: 25px 0 10px !important;
        padding: 0 10px !important;
    }

    #sub-112 #component3009 .font-2xl {
        font-size: 21px;
        gap: 8px;
    }

    #sub-112 #component3009 img {
        max-width: 28px;
        margin-top: 0 !important;
    }

    /* 카드 목록 */
    #sub-112 .person.person_3row {
        padding: 5px 0 15px !important;
        margin: 0 !important;
        gap: 0;
    }

    /* 2열 배치 */
    #sub-112 .person.person_3row > .dimode-component {
        width: 50% !important;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 7px !important;
        margin: 0 !important;
    }

    /* 카드 */
    #sub-112 .person_box {
        padding: 10px !important;
        height: 100%;
    }

    /* 이미지 */
    #sub-112 .person_img img {
        width: 100% !important;
        height: auto !important;
    }

    /* 텍스트 */
    #sub-112 .person_txt {
        margin-top: 12px !important;
    }

    #sub-112 .person_txt .font-l {
        font-size: 15px;
        line-height: 1.5;
    }

    #sub-112 .person_txt .font-m {
        font-size: 13px;
        line-height: 1.6;
    }

    #sub-112 .person_txt hr {
        margin: 10px auto !important;
    }
}

/* =========================================
   작은 모바일 : 480px 이하
========================================= */
@media screen and (max-width: 480px) {

    #sub-112 #component3009 .font-2xl {
        font-size: 19px;
    }

    #sub-112 #component3009 img {
        max-width: 25px;
    }

    #sub-112 .person.person_3row > .dimode-component {
        padding: 5px !important;
    }

    #sub-112 .person_box {
        padding: 8px !important;
    }

    #sub-112 .person_txt {
        margin-top: 10px !important;
    }

    #sub-112 .person_txt .font-l {
        font-size: 14px;
    }

    #sub-112 .person_txt .font-m {
        font-size: 12px;
        line-height: 1.6;
    }

    #sub-112 .person_txt hr {
        margin: 10px auto !important;
    }
}



/* =========================================
   국일교회 연혁 페이지
   적용 페이지 : #sub-16
========================================= */

/* =========================================
   태블릿 : 1200px 이하
========================================= */
@media screen and (max-width: 1200px) {

    #sub-16 #component5875 > #component5029 {
        padding: 0 20px 0 0 !important;
    }

    #sub-16 #component5875 > #component6346 {
        padding: 0 0 0 20px !important;
    }

    #sub-16 .history_01 td {
        padding: 15px 18px !important;
        font-size: 15px;
    }
}

/* =========================================
   모바일 : 768px 이하
========================================= */
@media screen and (max-width: 768px) {

    /* 전체 */
    #sub-16 .page-content {
        padding: 0 10px;
    }

    /* 상단 제목 */
    #sub-16 #component4801 {
        width: 100%;
        margin: 0 !important;
    }

    #sub-16 #component8956 {
        padding: 0 !important;
    }

    #sub-16 #component4801 .font-l {
        font-size: 14px;
        letter-spacing: 2px !important;
        margin-bottom: 12px !important;
    }

    #sub-16 #component4801 .font-xl {
        font-size: 22px;
        line-height: 1.5;
        word-break: keep-all;
    }

    /* 연대별 영역 세로 배치 */
    #sub-16 #component5875 {
        display: flex !important;
        flex-direction: column;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        gap: 15px;
    }

    /* 연대 제목 */
    #sub-16 #component5875 > #component5029 {
        width: 100% !important;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 !important;
        margin: 0 !important;
        position: static !important;
        top: auto !important;
    }

    /* 연대 제목 박스 */
    #sub-16 #component5029 .dimode-unit > div {
        padding: 14px 20px !important;
        border-radius: 8px !important;
        text-align: left !important;
    }

    #sub-16 #component5029 .font-xl {
        font-size: 20px;
    }

    /* 연혁 테이블 영역 */
    #sub-16 #component5875 > #component6346 {
        width: 100% !important;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 !important;
        margin: 0 !important;
        min-width: 0;
    }

    /* 테이블 */
    #sub-16 .history_01 {
        width: 100% !important;
        table-layout: fixed;
        margin: 0 !important;
        border-top: 2px solid #333;
        border-bottom: 2px solid #333;
    }

    #sub-16 .history_01 colgroup {
        display: none;
    }

    /* 각 연혁을 카드처럼 세로 배치 */
    #sub-16 .history_01 tbody,
    #sub-16 .history_01 tr {
        display: block;
        width: 100%;
    }

    #sub-16 .history_01 tr {
        border-bottom: 1px solid #ddd;
    }

    #sub-16 .history_01 tr:last-child {
        border-bottom: none;
    }

    /* 날짜 */
    #sub-16 .history_01 td:nth-child(1) {
        display: block;
        width: 100% !important;
        padding: 13px 15px 8px !important;
        border: none !important;
        background: #f5f5f5;
        color: #5671a9;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.5;
    }

    /* 연혁 내용 */
    #sub-16 .history_01 td:nth-child(2) {
        display: block;
        width: 100% !important;
        padding: 10px 15px 15px !important;
        border: none !important;
        font-size: 14px;
        line-height: 1.8;
        background: #fff;
        word-break: keep-all;
        overflow-wrap: anywhere;
    }

    /* 연대 구분선 */
    #sub-16 #component4104 {
        padding: 30px 0 !important;
        margin: 0 !important;
    }
}

/* =========================================
   작은 모바일 : 480px 이하
========================================= */
@media screen and (max-width: 480px) {

    #sub-16 .page-content {
        padding: 0 5px;
    }

    #sub-16 #component4801 .font-xl {
        font-size: 19px;
    }

    #sub-16 #component5029 .font-xl {
        font-size: 18px;
    }

    #sub-16 #component5029 .dimode-unit > div {
        padding: 12px 15px !important;
    }

    #sub-16 .history_01 td:nth-child(1) {
        font-size: 14px;
        padding: 12px 12px 7px !important;
    }

    #sub-16 .history_01 td:nth-child(2) {
        font-size: 13px;
        padding: 9px 12px 13px !important;
        line-height: 1.8;
    }

    #sub-16 #component4104 {
        padding: 25px 0 !important;
    }
}



/* =========================================
   국일교회 교회조직 반응형
   적용 페이지 : #sub-17
========================================= */
 
/* =========================================
   태블릿 : 1200px 이하
========================================= */
@media screen and (max-width: 1200px) {

    /* 조직도 영역 여백 */
    #sub-17 #component7271 {
        padding: 35px 0 !important;
        margin: 15px 0 0 !important;
    }

    #sub-17 #component7271 > .row.container {
        width: 100% !important;
        padding: 0 20px !important;
    }

    #sub-17 #component3035 {
        padding: 0 !important;
    }

    /* 이미지 */
    #sub-17 #unit7292 img {
        width: 100% !important;
        max-width: 100%;
        height: auto !important;
    }

    /* 위원회 테이블 */
    #sub-17 .organ_01 td {
        padding: 12px 10px !important;
        font-size: 15px;
    }

    #sub-17 .organ_01 col:first-child {
        width: 25% !important;
    }
}

/* =========================================
   모바일 : 768px 이하
========================================= */
@media screen and (max-width: 768px) {

    /* 상단 제목 */
    #sub-17 #component4801 {
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }

    #sub-17 #component8956 {
        padding: 0 10px !important;
    }

    #sub-17 #unit5040 .font-l {
        font-size: 14px;
        letter-spacing: 2px !important;
        line-height: 1.5;
    }

    /* 조직도 이미지 영역 */
    #sub-17 #component7271 {
        padding: 20px 0 !important;
        margin: 10px 0 0 !important;
    }

    #sub-17 #component7271 > .row.container {
        width: 100% !important;
        max-width: 100%;
        padding: 0 10px !important;
        margin: 0 auto !important;
    }

    #sub-17 #component3035 {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        float: none !important;
    }

    #sub-17 #unit7292 {
        width: 100%;
        max-width: 100%;
    }

    #sub-17 #unit7292 img {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain;
    }

    /* 위원회 영역 */
    #sub-17 #component8079 {
        margin: 10px auto !important;
        padding: 0 10px !important;
    }

    #sub-17 #component1688 {
        margin: 20px 0 0 !important;
        padding: 0 !important;
    }

    /* 위원회 제목 */
    #sub-17 #unit2088 > .font-xl {
        font-size: 22px;
        gap: 8px;
    }

    #sub-17 #unit2088 > .font-xl img {
        max-width: 28px;
    }

    #sub-17 #unit2088 > div {
        margin-top: 20px !important;
    }

    /* 테이블 */
    #sub-17 .organ_01 {
        width: 100% !important;
        max-width: 100%;
        table-layout: fixed;
        border-top: 3px solid #333;
        border-bottom: 3px solid #333;
    }

    /* 위원회명 35%, 부서명 65% */
    #sub-17 .organ_01 col:first-child {
        width: 35% !important;
    }

    #sub-17 .organ_01 td {
        padding: 12px 6px !important;
        font-size: 13px;
        line-height: 1.5;
        word-break: keep-all;
        overflow-wrap: break-word;
    }

    /* 위원회명 */
    #sub-17 .organ_01 td[rowspan] {
        font-size: 13px;
        padding: 10px 5px !important;
        vertical-align: middle;
    }

    /* 위원회별 구분선 */
    #sub-17 .organ_01 tr[style*="border-bottom"] {
        border-bottom: 2px solid #333 !important;
    }
}

/* =========================================
   작은 모바일 : 480px 이하
========================================= */
@media screen and (max-width: 480px) {

    #sub-17 #unit5040 .font-l {
        font-size: 13px;
    }

    #sub-17 #component7271 {
        padding: 15px 0 !important;
    }

    #sub-17 #component7271 > .row.container {
        padding: 0 5px !important;
    }

    #sub-17 #component8079 {
        padding: 0 5px !important;
    }

    #sub-17 #unit2088 > .font-xl {
        font-size: 20px;
    }

    #sub-17 #unit2088 > .font-xl img {
        max-width: 25px;
    }

    #sub-17 .organ_01 col:first-child {
        width: 38% !important;
    }

    #sub-17 .organ_01 td {
        padding: 10px 4px !important;
        font-size: 12px;
        line-height: 1.5;
    }

    #sub-17 .organ_01 td[rowspan] {
        font-size: 12px;
        padding: 8px 4px !important;
    }
}


/* -------------------------------- */

/* 태블릿 */
@media screen and (max-width: 1200px) {
    #sub-18 #component6259 {
        padding: 0 10px 0 0 !important;
    }

    #sub-18 #component5342 {
        padding: 0 0 0 10px !important;
    }

    #sub-18 #unit6309 > div,
    #sub-18 #unit7306 > div {
        padding: 20px !important;
    }

    #sub-18 .organ_02 {
        width: 100%;
        table-layout: fixed;
    }

    #sub-18 .organ_02 td {
        padding: 12px 8px !important;
        font-size: 14px;
        overflow-wrap: break-word;
    }
}

/* 모바일 */
@media screen and (max-width: 768px) {
    #sub-18 #component2029 {
        display: flex !important;
        flex-direction: column;
        width: 100%;
        margin: 20px 0 0 !important;
        padding: 0 10px !important;
        gap: 30px;
    }

    #sub-18 #component6259,
    #sub-18 #component5342 {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100%;
        padding: 0 !important;
        margin: 0 !important;
    }

    #sub-18 #unit6309 > div,
    #sub-18 #unit7306 > div {
        padding: 20px !important;
        margin-top: 20px !important;
    }

    #sub-18 #unit6309 > .font-xl,
    #sub-18 #unit7306 > .font-xl {
        font-size: 22px;
    }

    #sub-18 #unit6309 > div > .row,
    #sub-18 #unit7306 > div > .row {
        margin: 0 !important;
    }

    #sub-18 #unit6309 .col-sm-4,
    #sub-18 #unit7306 .col-sm-4,
    #sub-18 #unit6309 .col-sm-8,
    #sub-18 #unit7306 .col-sm-8 {
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
        text-align: center;
    }

    #sub-18 #unit6309 .col-sm-8,
    #sub-18 #unit7306 .col-sm-8 {
        margin-top: 12px !important;
    }

    #sub-18 .organ_02 {
        width: 100% !important;
        height: auto !important;
        margin-top: 20px !important;
        table-layout: fixed;
    }

    #sub-18 .organ_02 col:first-child {
        width: 30% !important;
    }

    #sub-18 .organ_02 td {
        padding: 12px 6px !important;
        font-size: 14px;
        line-height: 1.5;
        overflow-wrap: break-word;
    }
}

/* 작은 모바일 */
@media screen and (max-width: 480px) {
    #sub-18 #component2029 {
        padding: 0 5px !important;
        gap: 25px;
    }

    #sub-18 #unit6309 > div,
    #sub-18 #unit7306 > div {
        padding: 15px !important;
    }

    #sub-18 #unit6309 > .font-xl,
    #sub-18 #unit7306 > .font-xl {
        font-size: 20px;
    }

    #sub-18 .organ_02 td {
        padding: 10px 5px !important;
        font-size: 13px;
    }

    #sub-18 .organ_02 td[rowspan] {
        font-size: 14px;
    }
}

/* -------------------------------- */

/* 태블릿 */
@media screen and (max-width: 1200px) {
    #sub-113 #component8156 {
        background-position: center !important;
        background-size: cover !important;
    }

    #sub-113 #component7031 {
        margin-top: 70px !important;
        padding: 0 25px !important;
    }

    #sub-113 #component7271 > .row.container {
        width: 100% !important;
        padding: 0 20px !important;
    }

    #sub-113 #unit7292 > .row {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #sub-113 #unit7292 > .row > .col-sm-6 {
        float: none !important;
        width: calc(50% - 10px) !important;
        margin-left: 0 !important;
        padding: 25px !important;
        min-width: 0;
    }
}

/* 모바일 */
@media screen and (max-width: 768px) {
    #sub-113 #component4801 {
        margin: 0 !important;
        padding: 0 !important;
    }

    #sub-113 #component8956 {
        padding: 0 10px !important;
    }

    #sub-113 #unit5040 .font-l,
    #sub-113 #unit7292 > div:first-child .font-l {
        font-size: 14px;
        letter-spacing: 2px !important;
    }

    #sub-113 #unit5040 .font-xl,
    #sub-113 #unit7292 > div:first-child .font-xl {
        font-size: 22px;
        line-height: 1.5;
    }

    /* 온라인 헌금 안내 */
    #sub-113 #component8156 {
        display: flex !important;
        align-items: center;
        justify-content: center;
        height: auto !important;
        min-height: 330px;
        margin: 30px 0 0 !important;
        padding: 35px 15px !important;
        background-size: cover !important;
        background-position: center !important;
    }

    #sub-113 #component7031 {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #sub-113 #unit6542 .font-xl {
        font-size: 18px;
        line-height: 1.7 !important;
        word-break: keep-all;
    }

    #sub-113 #unit6542 .font-d {
        font-size: 14px;
        line-height: 1.6;
    }

    #sub-113 #unit6542 > div > div:last-child {
        margin-top: 20px !important;
        font-size: 14px;
        line-height: 1.9 !important;
        overflow-wrap: anywhere;
        word-break: keep-all;
    }

    #sub-113 #unit6542 .font-l {
        font-size: 15px;
    }

    /* 사랑회 후원 안내 */
    #sub-113 #component7271 {
        margin: 20px 0 0 !important;
        padding: 30px 0 !important;
    }

    #sub-113 #component7271 > .row.container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 10px !important;
        margin: 0 auto !important;
    }

    #sub-113 #component3035 {
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #sub-113 #unit7292 > div:first-child p:last-child {
        margin-top: 25px !important;
        font-size: 14px;
        line-height: 1.8 !important;
        word-break: keep-all;
    }

    /* 후원 안내 카드 세로 배치 */
    #sub-113 #unit7292 > .row {
        display: flex !important;
        flex-direction: column;
        gap: 20px;
        margin: 30px 0 0 !important;
    }

    #sub-113 #unit7292 > .row > .col-sm-6 {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 25px 20px !important;
    }

    #sub-113 #unit7292 > .row > .col-sm-6 > .font-l {
        font-size: 18px;
        margin-bottom: 20px !important;
    }

    /* 후원 목록 */
    #sub-113 .offering_01 {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #sub-113 .offering_01 li {
        font-size: 14px;
        line-height: 1.8;
        text-indent: -20px;
        padding-left: 20px;
        word-break: keep-all;
        overflow-wrap: break-word;
    }

    #sub-113 .offering_01 li + li {
        margin-top: 15px;
    }

    #sub-113 .offering_01 li img {
        max-width: 18px;
        height: auto;
        margin-right: 5px !important;
    }
}

/* 작은 모바일 */
@media screen and (max-width: 480px) {
    #sub-113 #unit5040 .font-xl,
    #sub-113 #unit7292 > div:first-child .font-xl {
        font-size: 20px;
    }

    #sub-113 #component8156 {
        min-height: 300px;
        padding: 30px 12px !important;
    }

    #sub-113 #unit6542 .font-xl {
        font-size: 16px;
    }

    #sub-113 #unit6542 .font-d {
        font-size: 13px;
    }

    #sub-113 #unit6542 > div > div:last-child {
        font-size: 12px;
        line-height: 1.8 !important;
    }

    #sub-113 #unit6542 .font-l {
        font-size: 13px;
    }

    #sub-113 #component7271 > .row.container {
        padding: 0 5px !important;
    }

    #sub-113 #unit7292 > .row > .col-sm-6 {
        padding: 20px 15px !important;
    }

    #sub-113 #unit7292 > .row > .col-sm-6 > .font-l {
        font-size: 17px;
    }

    #sub-113 .offering_01 li {
        font-size: 13px;
        line-height: 1.7;
    }

    #sub-113 .offering_01 li + li {
        margin-top: 12px;
    }
}


/* ------------------------------------ */


/* 태블릿 */
@media screen and (max-width: 1200px) {
    #sub-114 #component9816 {
        margin-top: 35px !important;
    }

    #sub-114 #component8156 {
        padding: 30px !important;
    }

    #sub-114 #unit4871 img,
    #sub-114 #unit6542 img {
        max-width: 100% !important;
        height: auto !important;
    }

    #sub-114 #component5875 {
        margin: 15px 0 !important;
        padding: 0 !important;
    }
}

/* 모바일 */
@media screen and (max-width: 768px) {
    /* 상단 제목 */
    #sub-114 #component4801 {
        margin: 0 !important;
        padding: 0 !important;
    }

    #sub-114 #component8956 {
        padding: 0 10px !important;
    }

    #sub-114 #unit5040 .font-l {
        font-size: 14px;
        letter-spacing: 2px !important;
        margin-bottom: 12px !important;
    }

    #sub-114 #unit5040 .font-xl {
        font-size: 21px;
        line-height: 1.5;
        word-break: keep-all;
    }

    /* 전체 공간 안내 이미지 */
    #sub-114 #component9816 {
        width: 100%;
        margin: 25px 0 0 !important;
        padding: 0 10px !important;
    }

    #sub-114 #component7112 {
        width: 100% !important;
        padding: 0 !important;
    }

    #sub-114 #unit4871 img {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto;
        object-fit: contain;
    }

    /* 본관 / 교육관 / 별관 제목 */
    #sub-114 #component3112 {
        margin: 30px 0 0 !important;
        padding: 0 10px !important;
    }

    #sub-114 #unit8109 {
        margin-bottom: 20px !important;
    }

    #sub-114 #unit8109 .font-2xl {
        font-size: 22px;
        padding: 0 15px !important;
    }

    /* 층별 안내 이미지 영역 */
    #sub-114 #component8156 {
        width: 100%;
        margin: 0 !important;
        padding: 20px 10px !important;
    }

    #sub-114 #component7031 {
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #sub-114 #unit6542 {
        width: 100%;
        max-width: 100%;
    }

    #sub-114 #unit6542 img {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto;
        object-fit: contain;
    }

    /* 이미지 사이 빈 영역 축소 */
    #sub-114 #component5875 {
        display: none !important;
    }
}

/* 작은 모바일 */
@media screen and (max-width: 480px) {
    #sub-114 #unit5040 .font-l {
        font-size: 13px;
    }

    #sub-114 #unit5040 .font-xl {
        font-size: 19px;
    }

    #sub-114 #component9816 {
        margin-top: 20px !important;
        padding: 0 5px !important;
    }

    #sub-114 #component3112 {
        margin-top: 25px !important;
    }

    #sub-114 #unit8109 .font-2xl {
        font-size: 20px;
    }

    #sub-114 #component8156 {
        padding: 15px 5px !important;
    }
}
/* ------------------------------------------- */

/* 태블릿 */
@media screen and (max-width: 1200px) {
    #sub-55 #component4121 {
        height: auto !important;
        padding: 50px 20px !important;
        background-size: cover !important;
        background-position: center !important;
    }

    #sub-55 #component4121 > .row.container {
        width: 100% !important;
        padding: 0 15px !important;
    }

    #sub-55 #unit3084 > .row {
        margin: 0 -10px !important;
    }

    #sub-55 #unit3084 .col-sm-4 {
        padding: 0 10px !important;
    }

    #sub-55 #unit3084 .col-sm-4 > div {
        padding: 25px 15px !important;
    }

    #sub-55 #component1169 {
        margin-bottom: 40px !important;
    }

    #sub-55 #unit4531 {
        margin-top: 30px !important;
    }
}

/* 모바일 */
@media screen and (max-width: 768px) {
    /* 상단 제목 */
    #sub-55 #component4801 {
        margin: 0 !important;
        padding: 0 !important;
    }

    #sub-55 #component8956 {
        padding: 0 10px !important;
    }

    #sub-55 #unit5040 .font-l {
        font-size: 14px;
        letter-spacing: 2px !important;
        margin-bottom: 12px !important;
    }

    #sub-55 #unit5040 .font-xl {
        font-size: 21px;
        line-height: 1.6;
        word-break: keep-all;
    }

    /* 예배 정보 영역 */
    #sub-55 #component4121 {
        height: auto !important;
        min-height: 0 !important;
        margin: 30px 0 !important;
        padding: 30px 15px !important;
        background-size: cover !important;
        background-position: center !important;
    }

    #sub-55 #component4121 > .row.container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 auto !important;
    }

    #sub-55 #component4924 {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 예배시간 / 장소 / 대상 세로 배치 */
    #sub-55 #unit3084 > .row {
        display: flex !important;
        flex-direction: column;
        gap: 15px;
        margin: 0 !important;
    }

    #sub-55 #unit3084 .col-sm-4 {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #sub-55 #unit3084 .col-sm-4 > div {
        padding: 20px !important;
        border-radius: 5px;
    }

    #sub-55 #unit3084 .font-l {
        font-size: 17px;
        margin-bottom: 12px !important;
    }

    #sub-55 #unit3084 .font-l img {
        max-width: 25px;
        height: auto;
        margin-right: 8px !important;
    }

    /* 슬라이드 + 소개 영역 */
    #sub-55 #component1169 {
        margin: 0 0 30px !important;
        padding: 0 10px !important;
    }

    #sub-55 #component1169 > .row {
        display: flex !important;
        flex-direction: column;
        margin: 0 !important;
    }

    #sub-55 #unit1826,
    #sub-55 #unit4531 {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 슬라이드 */
    #sub-55 #unit1826 {
        padding: 0 !important;
        margin: 0 !important;
    }

    #sub-55 .slidesub {
        padding: 0 !important;
    }

    #sub-55 #unit5730,
    #sub-55 #unit5730 .carousel,
    #sub-55 #unit5730 .carousel-inner {
        width: 100%;
        max-width: 100%;
    }

    #sub-55 #unit5730 .carousel-inner .item img {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto;
    }

    /* 소개 내용 */
    #sub-55 #unit4531 {
        margin: 25px 0 0 !important;
        padding: 0 !important;
    }

    #sub-55 #unit4531 > p {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 20px !important;
        word-break: keep-all;
    }

    #sub-55 .next_01 {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #sub-55 .next_01 li {
        font-size: 14px;
        line-height: 1.8;
        text-indent: -35px;
        padding-left: 35px;
        word-break: keep-all;
        overflow-wrap: break-word;
    }

    #sub-55 .next_01 li + li {
        margin-top: 15px;
    }

    #sub-55 .next_01 li .font-l {
        font-size: 17px;
    }
}

/* 작은 모바일 */
@media screen and (max-width: 480px) {
    #sub-55 #unit5040 .font-l {
        font-size: 13px;
    }

    #sub-55 #unit5040 .font-xl {
        font-size: 19px;
    }

    #sub-55 #component4121 {
        margin: 25px 0 !important;
        padding: 20px 10px !important;
    }

    #sub-55 #unit3084 > .row {
        gap: 12px;
    }

    #sub-55 #unit3084 .col-sm-4 > div {
        padding: 18px 15px !important;
    }

    #sub-55 #unit3084 .font-l {
        font-size: 16px;
    }

    #sub-55 #component1169 {
        padding: 0 5px !important;
    }

    #sub-55 #unit4531 > p {
        font-size: 17px;
    }

    #sub-55 .next_01 li {
        font-size: 13px;
        line-height: 1.7;
        text-indent: -30px;
        padding-left: 30px;
    }

    #sub-55 .next_01 li .font-l {
        font-size: 16px;
    }

    #sub-55 .next_01 li + li {
        margin-top: 12px;
    }
}

/* ------------------------------------------- */

/* 태블릿 */
@media screen and (max-width: 1200px) {
    #sub-56 #component4121 {
        height: auto !important;
        padding: 50px 20px !important;
        background-size: cover !important;
        background-position: center !important;
    }

    #sub-56 #component4121 > .row.container {
        width: 100% !important;
        padding: 0 15px !important;
    }

    #sub-56 #unit3084 > .row {
        margin: 0 -10px !important;
    }

    #sub-56 #unit3084 .col-sm-4 {
        padding: 0 10px !important;
    }

    #sub-56 #unit3084 .col-sm-4 > div {
        padding: 25px 15px !important;
    }

    #sub-56 #component1169 {
        margin-bottom: 40px !important;
    }

    #sub-56 #unit4531 {
        margin-top: 20px !important;
    }
}

/* 모바일 */
@media screen and (max-width: 768px) {
    /* 상단 제목 */
    #sub-56 #component4801 {
        margin: 0 !important;
        padding: 0 !important;
    }

    #sub-56 #component8956 {
        padding: 0 10px !important;
    }

    #sub-56 #unit5040 .font-l {
        font-size: 14px;
        letter-spacing: 2px !important;
        margin-bottom: 12px !important;
    }

    #sub-56 #unit5040 .font-xl {
        font-size: 21px;
        line-height: 1.6;
        word-break: keep-all;
    }

    /* 예배 정보 영역 */
    #sub-56 #component4121 {
        height: auto !important;
        min-height: 0 !important;
        margin: 30px 0 !important;
        padding: 30px 15px !important;
        background-size: cover !important;
        background-position: center !important;
    }

    #sub-56 #component4121 > .row.container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 auto !important;
    }

    #sub-56 #component4924 {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 예배시간 / 장소 / 대상 세로 배치 */
    #sub-56 #unit3084 > .row {
        display: flex !important;
        flex-direction: column;
        gap: 15px;
        margin: 0 !important;
    }

    #sub-56 #unit3084 .col-sm-4 {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #sub-56 #unit3084 .col-sm-4 > div {
        padding: 20px !important;
        border-radius: 5px;
    }

    #sub-56 #unit3084 .font-l {
        font-size: 17px;
        margin-bottom: 12px !important;
    }

    #sub-56 #unit3084 .font-l img {
        max-width: 25px;
        height: auto;
        margin-right: 8px !important;
    }

    /* 슬라이드 + 소개 영역 */
    #sub-56 #component1169 {
        margin: 0 0 30px !important;
        padding: 0 10px !important;
    }

    #sub-56 #component1169 > .row {
        display: flex !important;
        flex-direction: column;
        margin: 0 !important;
    }

    #sub-56 #unit1826,
    #sub-56 #unit4531 {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 슬라이드 */
    #sub-56 #unit1826 {
        padding: 0 !important;
        margin: 0 !important;
    }

    #sub-56 .slidesub {
        padding: 0 !important;
    }

    #sub-56 #unit5730,
    #sub-56 #unit5730 .carousel,
    #sub-56 #unit5730 .carousel-inner {
        width: 100%;
        max-width: 100%;
    }

    #sub-56 #unit5730 .carousel-inner .item img {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto;
    }

    /* 유소년부 소개 */
    #sub-56 #unit4531 {
        margin: 25px 0 0 !important;
        padding: 0 !important;
    }

    #sub-56 #unit4531 > div {
        font-size: 14px;
        line-height: 1.9 !important;
        word-break: keep-all;
        overflow-wrap: break-word;
    }

    #sub-56 #unit4531 b {
        font-size: 16px;
        letter-spacing: 1px !important;
    }

    /* 모바일에서 긴 문장 줄바꿈 자연스럽게 */
    #sub-56 #unit4531 br {
        display: none;
    }
}

/* 작은 모바일 */
@media screen and (max-width: 480px) {
    #sub-56 #unit5040 .font-l {
        font-size: 13px;
    }

    #sub-56 #unit5040 .font-xl {
        font-size: 19px;
    }

    #sub-56 #component4121 {
        margin: 25px 0 !important;
        padding: 20px 10px !important;
    }

    #sub-56 #unit3084 > .row {
        gap: 12px;
    }

    #sub-56 #unit3084 .col-sm-4 > div {
        padding: 18px 15px !important;
    }

    #sub-56 #unit3084 .font-l {
        font-size: 16px;
    }

    #sub-56 #component1169 {
        padding: 0 5px !important;
    }

    #sub-56 #unit4531 > div {
        font-size: 13px;
        line-height: 1.8 !important;
    }

    #sub-56 #unit4531 b {
        font-size: 15px;
    }
}

/* ------------------------------------------- */
/* 태블릿 */
@media screen and (max-width: 1200px) {
    #sub-57 #component4121 {
        height: auto !important;
        padding: 50px 20px !important;
        background-size: cover !important;
        background-position: center !important;
    }

    #sub-57 #component4121 > .row.container {
        width: 100% !important;
        padding: 0 15px !important;
    }

    #sub-57 #unit3084 > .row {
        margin: 0 -10px !important;
    }

    #sub-57 #unit3084 .col-sm-4 {
        padding: 0 10px !important;
    }

    #sub-57 #unit3084 .col-sm-4 > div {
        padding: 25px 15px !important;
    }

    #sub-57 #component1169 {
        margin-bottom: 40px !important;
    }

    #sub-57 #unit4531 {
        margin-top: 20px !important;
    }
}

/* 모바일 */
@media screen and (max-width: 768px) {
    /* 상단 제목 */
    #sub-57 #component4801 {
        margin: 0 !important;
        padding: 0 !important;
    }

    #sub-57 #component8956 {
        padding: 0 10px !important;
    }

    #sub-57 #unit5040 .font-l {
        font-size: 14px;
        letter-spacing: 2px !important;
        margin-bottom: 12px !important;
    }

    #sub-57 #unit5040 .font-xl {
        font-size: 21px;
        line-height: 1.6;
        word-break: keep-all;
    }

    /* 예배 정보 영역 */
    #sub-57 #component4121 {
        height: auto !important;
        min-height: 0 !important;
        margin: 30px 0 !important;
        padding: 30px 15px !important;
        background-size: cover !important;
        background-position: center !important;
    }

    #sub-57 #component4121 > .row.container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 auto !important;
    }

    #sub-57 #component4924 {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 예배시간 / 장소 / 대상 세로 배치 */
    #sub-57 #unit3084 > .row {
        display: flex !important;
        flex-direction: column;
        gap: 15px;
        margin: 0 !important;
    }

    #sub-57 #unit3084 .col-sm-4 {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #sub-57 #unit3084 .col-sm-4 > div {
        padding: 20px !important;
        border-radius: 5px;
    }

    #sub-57 #unit3084 .font-l {
        font-size: 17px;
        margin-bottom: 12px !important;
    }

    #sub-57 #unit3084 .font-l img {
        max-width: 25px;
        height: auto;
        margin-right: 8px !important;
    }

    /* 슬라이드 + 소개 영역 */
    #sub-57 #component1169 {
        margin: 0 0 30px !important;
        padding: 0 10px !important;
    }

    #sub-57 #component1169 > .row {
        display: flex !important;
        flex-direction: column;
        margin: 0 !important;
    }

    #sub-57 #unit1826,
    #sub-57 #unit4531 {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 슬라이드 */
    #sub-57 #unit1826 {
        padding: 0 !important;
        margin: 0 !important;
    }

    #sub-57 .slidesub {
        padding: 0 !important;
    }

    #sub-57 #unit5730,
    #sub-57 #unit5730 .carousel,
    #sub-57 #unit5730 .carousel-inner {
        width: 100%;
        max-width: 100%;
    }

    #sub-57 #unit5730 .carousel-inner .item img {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto;
    }

    /* 청소년부 소개 */
    #sub-57 #unit4531 {
        margin: 25px 0 0 !important;
        padding: 0 !important;
    }

    #sub-57 #unit4531 > div {
        font-size: 14px;
        line-height: 1.9 !important;
        word-break: keep-all;
        overflow-wrap: break-word;
    }

    #sub-57 #unit4531 b {
        font-size: 16px;
        letter-spacing: 1px !important;
    }

    /* 모바일에서 긴 문장 줄바꿈 자연스럽게 */
    #sub-57 #unit4531 br {
        display: none;
    }
}

/* 작은 모바일 */
@media screen and (max-width: 480px) {
    #sub-57 #unit5040 .font-l {
        font-size: 13px;
    }

    #sub-57 #unit5040 .font-xl {
        font-size: 19px;
    }

    #sub-57 #component4121 {
        margin: 25px 0 !important;
        padding: 20px 10px !important;
    }

    #sub-57 #unit3084 > .row {
        gap: 12px;
    }

    #sub-57 #unit3084 .col-sm-4 > div {
        padding: 18px 15px !important;
    }

    #sub-57 #unit3084 .font-l {
        font-size: 16px;
    }

    #sub-57 #component1169 {
        padding: 0 5px !important;
    }

    #sub-57 #unit4531 > div {
        font-size: 13px;
        line-height: 1.8 !important;
    }

    #sub-57 #unit4531 b {
        font-size: 15px;
    }
}
/* ------------------------------------------- */
/* 태블릿 */
@media screen and (max-width: 1200px) {
    #sub-58 #component4121 {
        height: auto !important;
        padding: 50px 20px !important;
        background-size: cover !important;
        background-position: center !important;
    }

    #sub-58 #component4121 > .row.container {
        width: 100% !important;
        padding: 0 15px !important;
    }

    #sub-58 #unit3084 > .row {
        margin: 0 -10px !important;
    }

    #sub-58 #unit3084 .col-sm-4 {
        padding: 0 10px !important;
    }

    #sub-58 #unit3084 .col-sm-4 > div {
        padding: 25px 15px !important;
    }

    #sub-58 #unit4531 {
        margin-top: 30px !important;
    }

    #sub-58 #component6857 {
        padding-top: 20px !important;
    }

    #sub-58 #unit9447 > div,
    #sub-58 #unit7567 > div,
    #sub-58 #unit6719 > div {
        padding: 25px !important;
    }
}

/* 모바일 */
@media screen and (max-width: 768px) {
    /* 상단 제목 */
    #sub-58 #component4801 {
        margin: 0 !important;
        padding: 0 !important;
    }

    #sub-58 #component8956 {
        padding: 0 10px !important;
    }

    #sub-58 #unit5040 .font-l {
        font-size: 14px;
        letter-spacing: 2px !important;
        margin-bottom: 12px !important;
    }

    #sub-58 #unit5040 .font-xl {
        font-size: 21px;
        line-height: 1.6;
        word-break: keep-all;
    }

    /* 예배 정보 영역 */
    #sub-58 #component4121 {
        height: auto !important;
        min-height: 0 !important;
        margin: 30px 0 !important;
        padding: 30px 15px !important;
        background-size: cover !important;
        background-position: center !important;
    }

    #sub-58 #component4121 > .row.container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 auto !important;
    }

    #sub-58 #component4924 {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #sub-58 #unit3084 > .row {
        display: flex !important;
        flex-direction: column;
        gap: 15px;
        margin: 0 !important;
    }

    #sub-58 #unit3084 .col-sm-4 {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #sub-58 #unit3084 .col-sm-4 > div {
        padding: 20px !important;
        border-radius: 5px;
    }

    #sub-58 #unit3084 .font-l {
        font-size: 17px;
        margin-bottom: 12px !important;
    }

    #sub-58 #unit3084 .font-l img {
        max-width: 25px;
        height: auto;
        margin-right: 8px !important;
    }

    /* 슬라이드 및 청년부 소개 */
    #sub-58 #component1169 {
        margin: 0 0 25px !important;
        padding: 0 10px !important;
    }

    #sub-58 #component1169 > .row {
        display: flex !important;
        flex-direction: column;
        margin: 0 !important;
    }

    #sub-58 #unit1826,
    #sub-58 #unit4531 {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    #sub-58 #unit1826 {
        padding: 0 !important;
        margin: 0 !important;
    }

    #sub-58 .slidesub {
        padding: 0 !important;
    }

    #sub-58 #unit5730,
    #sub-58 #unit5730 .carousel,
    #sub-58 #unit5730 .carousel-inner {
        width: 100%;
        max-width: 100%;
    }

    #sub-58 #unit5730 .carousel-inner .item img {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto;
    }

    #sub-58 #unit4531 {
        margin: 25px 0 0 !important;
        padding: 0 !important;
    }

    #sub-58 #unit4531 > div {
        font-size: 14px;
        line-height: 1.9 !important;
        word-break: keep-all;
        overflow-wrap: break-word;
    }

    #sub-58 #unit4531 b {
        font-size: 16px;
        letter-spacing: 1px !important;
    }

    #sub-58 #unit4531 br {
        display: none;
    }

    /* 더원모임 / 토기모임 세로 배치 */
    #sub-58 #component6857 {
        display: flex !important;
        flex-direction: column;
        margin: 20px 0 0 !important;
        padding: 10px 0 0 !important;
    }

    #sub-58 #component7515,
    #sub-58 #component9406 {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 0 25px !important;
    }

    #sub-58 #unit9447 .tit,
    #sub-58 #unit7567 .tit,
    #sub-58 #unit6719 .tit {
        font-size: 20px;
        line-height: 1.5;
        word-break: keep-all;
    }

    #sub-58 #unit9447 .tit img,
    #sub-58 #unit7567 .tit img,
    #sub-58 #unit6719 .tit img {
        max-width: 25px;
        height: auto;
        margin-right: 8px !important;
    }

    #sub-58 #unit9447 > div,
    #sub-58 #unit7567 > div {
        margin-top: 12px !important;
        padding: 20px !important;
    }

    /* 모임 시간 / 장소 */
    #sub-58 #unit9447 > div .row,
    #sub-58 #unit7567 > div .row {
        display: flex !important;
        flex-wrap: wrap;
        margin-left: 0 !important;
        margin-right: 0 !important;
        gap: 5px 0;
    }

    #sub-58 #unit9447 > div .col-sm-3,
    #sub-58 #unit7567 > div .col-sm-3 {
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
    }

    #sub-58 #unit9447 > div .col-sm-9,
    #sub-58 #unit7567 > div .col-sm-9 {
        float: none !important;
        width: 100% !important;
        padding: 0 0 0 30px !important;
        word-break: keep-all;
    }

    #sub-58 #unit9447 > div .row + .row,
    #sub-58 #unit7567 > div .row + .row {
        margin-top: 15px !important;
    }

    /* 청년부 소그룹 모임 */
    #sub-58 #component8074 {
        margin: 0 0 30px !important;
        padding: 0 !important;
    }

    #sub-58 #component9057 {
        width: 100% !important;
        padding: 0 !important;
    }

    #sub-58 #unit6719 > div {
        margin-top: 12px !important;
        padding: 20px !important;
    }

    #sub-58 #unit6719 > div .row {
        display: flex !important;
        flex-direction: column;
        gap: 8px;
        margin-left: 0 !important;
        margin
	}
}


/* ------------------------------------------- */

/* 남선교회 월례회 표 모바일 최적화 */
@media screen and (max-width: 768px) {
    #sub-68 .mission_01 {
        width: 100% !important;
        table-layout: auto !important;
    }

    #sub-68 .mission_01 colgroup {
        display: none !important;
    }

    #sub-68 .mission_01 td {
        padding: 12px 5px !important;
        font-size: 12px !important;
        line-height: 1.5 !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
        vertical-align: middle !important;
    }

    #sub-68 .mission_01 td:nth-child(1) {
        width: 32% !important;
    }

    #sub-68 .mission_01 td:nth-child(2) {
        width: 38% !important;
    }

    #sub-68 .mission_01 td:nth-child(3) {
        width: 30% !important;
    }
}
/* ------------------------------------------- */
/* 태블릿 */
@media screen and (max-width: 1200px) {
    #sub-69 #component1169 {
        margin-top: 35px !important;
    }

    #sub-69 #unit4531 {
        padding: 0 15px !important;
    }

    #sub-69 #unit4531 > div {
        font-size: 14px;
        line-height: 1.8 !important;
        word-break: keep-all;
    }

    #sub-69 #unit2088 > div {
        padding: 25px !important;
    }

    #sub-69 .mission_01 td {
        padding: 12px 10px !important;
    }
}

/* 모바일 */
@media screen and (max-width: 768px) {
    /* 상단 제목 */
    #sub-69 #component4801 {
        margin: 0 !important;
        padding: 0 !important;
    }

    #sub-69 #component8956 {
        padding: 0 10px !important;
    }

    #sub-69 #unit5040 .font-l {
        font-size: 14px;
        letter-spacing: 2px !important;
        margin-bottom: 12px !important;
    }

    #sub-69 #unit5040 .font-xl {
        font-size: 21px;
        line-height: 1.6;
        word-break: keep-all;
    }

    /* 슬라이드 + 여전도회 소개 */
    #sub-69 #component1169 {
        margin: 30px 0 0 !important;
        padding: 0 10px !important;
    }

    #sub-69 #component1169 > .row {
        display: flex !important;
        flex-direction: column;
        margin: 0 !important;
    }

    #sub-69 #unit1826,
    #sub-69 #unit4531 {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    #sub-69 #unit1826 {
        padding: 0 !important;
        margin: 0 !important;
    }

    #sub-69 .slidesub {
        padding: 0 !important;
    }

    #sub-69 #unit5730,
    #sub-69 #unit5730 .carousel,
    #sub-69 #unit5730 .carousel-inner {
        width: 100%;
        max-width: 100%;
    }

    #sub-69 #unit5730 .carousel-inner .item img {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto;
    }

    #sub-69 #unit4531 {
        margin: 25px 0 0 !important;
        padding: 0 !important;
    }

    #sub-69 #unit4531 > div {
        font-size: 14px;
        line-height: 1.9 !important;
        word-break: keep-all;
        overflow-wrap: break-word;
    }

    #sub-69 #unit4531 b {
        font-size: 16px;
        letter-spacing: 1px !important;
    }

    #sub-69 #unit4531 br {
        display: none;
    }

    /* 여전도회 구분 */
    #sub-69 #component8079 {
        margin: 20px 0 !important;
        padding: 0 !important;
    }

    #sub-69 #component1688 {
        width: 100% !important

	}
}

/* ------------------------------------------- */

/* ========================================
   국일교회 이웃섬김 반응형 CSS
   적용 페이지: #sub-70
======================================== */


/* ========================================
   태블릿: 768px ~ 991px
======================================== */
@media (min-width: 768px) and (max-width: 991px) {

    #sub-70 #unit5040 .font-xl {
        font-size: 27px;
    }

    #sub-70 #unit4531 {
        padding-left: 20px !important;
        font-size: 15px;
        line-height: 1.8;
    }

    #sub-70 #component8079:not(.hide) #unit2088 .col-sm-2 {
        width: 25%;
    }

    #sub-70 #component8079:not(.hide) #unit2088 .col-sm-10 {
        width: 75%;
    }
}


/* ========================================
   모바일: 767px 이하
======================================== */
@media (max-width: 767px) {

    /* 전체 여백 */
    #sub-70 #dimodePage .page-content {
        width: 100%;
    }

    /* 상단 타이틀 */
    #sub-70 #component4801 #component8956 {
        padding: 0 10px !important;
    }

    #sub-70 #unit5040 .font-l {
        font-size: 13px;
        letter-spacing: 2px !important;
        margin-bottom: 12px !important;
    }

    #sub-70 #unit5040 .font-xl {
        font-size: 23px;
        line-height: 1.5;
    }

    /* 이미지 + 소개 세로 정렬 */
    #sub-70 #component1169 {
        margin-top: 35px !important;
    }

    #sub-70 #component1169 > .row {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    #sub-70 #unit1826,
    #sub-70 #unit4531 {
        width: 100%;
        max-width: 100%;
        float: none;
    }

    #sub-70 #unit1826 {
        padding: 0 !important;
    }

    /* 슬라이드 */
    #sub-70 .slidesub {
        padding: 0 !important;
    }

    #sub-70 .slidesub .carousel-inner img {
        width: 100%;
        height: auto;
    }

    /* 슬라이드 좌우 버튼 */
    #sub-70 .slidesub .carousel-control {
        width: 12%;
    }

    #sub-70 .slidesub .carousel-control .glyphicon {
        font-size: 18px;
    }

    /* 소개 문구 */
    #sub-70 #unit4531 {
        margin: 25px 0 0 !important;
        padding: 0 5px !important;
        font-size: 15px;
        line-height: 1.9;
        text-align: left;
        word-break: keep-all;
    }

    /* 이웃섬김 안내 */
    #sub-70 #component8079:not(.hide) {
        margin-top: 45px !important;
    }

    #sub-70 #component8079:not(.hide) #component1688 {
        padding: 0 !important;
    }

    #sub-70 #component8079:not(.hide) #unit2088 > p {
        font-size: 22px;
        margin-bottom: 18px !important;
    }

    #sub-70 #component8079:not(.hide) #unit2088 > p img {
        max-width: 28px;
        height: auto;
        vertical-align: middle;
    }

    /* 안내 박스 */
    #sub-70 #component8079:not(.hide) #unit2088 > div {
        padding: 25px 20px !important;
    }

    /* 안내 항목 세로 배치 */
    #sub-70 #component8079:not(.hide) #unit2088 .row {
        display: flex;
        flex-direction: column;
        gap: 7px;
        margin-left: 0;
        margin-right: 0;
    }

    #sub-70 #component8079:not(.hide) #unit2088 .row + .row {
        margin-top: 22px !important;
    }

    #sub-70 #component8079:not(.hide) #unit2088 .col-sm-2,
    #sub-70 #component8079:not(.hide) #unit2088 .col-sm-10 {
        width: 100%;
        padding: 0;
        float: none;
    }

    /* 항목 제목 */
    #sub-70 #component8079:not(.hide) #unit2088 .col-sm-2 {
        font-size: 16px;
        line-height: 1.6;
    }

    #sub-70 #component8079:not(.hide) #unit2088 .col-sm-2 img {
        max-width: 20px;
        height: auto;
        vertical-align: middle;
    }

    /* 항목 설명 */
    #sub-70 #component8079:not(.hide) #unit2088 .col-sm-10 {
        font-size: 14px;
        line-height: 1.8;
        padding-left: 30px;
        white-space: normal;
    }
}


/* ========================================
   작은 모바일: 480px 이하
======================================== */
@media (max-width: 480px) {

    #sub-70 #unit5040 .font-xl {
        font-size: 20px;
    }

    #sub-70 #unit4531 {
        font-size: 14px;
    }

    #sub-70 #component8079:not(.hide) #unit2088 > p {
        font-size: 20px;
    }

    #sub-70 #component8079:not(.hide) #unit2088 > div {
        padding: 22px 15px !important;
    }

    #sub-70 #component8079:not(.hide) #unit2088 .col-sm-2 {
        font-size: 15px;
    }

    #sub-70 #component8079:not(.hide) #unit2088 .col-sm-10 {
        font-size: 13px;
    }
}

/* ------------------------------------------- */

/* ====================================
   태블릿 (991px 이하)
==================================== */
@media (max-width: 991px) {

    /* 운영 및 모임 안내 */
    #sub-71 #component4121 {
        height: auto !important;
        padding: 50px 0 !important;
        margin: 40px 0 !important;
        background-size: cover;
        background-position: center;
    }

    #sub-71 #component4121 .col-sm-4 > div {
        padding: 20px !important;
        height: 100%;
    }

    #sub-71 #component4121 .col-sm-4 {
        margin-bottom: 15px;
    }

    /* 이미지 + 소개 */
    #sub-71 #component1169 > .row {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    #sub-71 #unit4531 {
        margin: 0 !important;
        line-height: 1.8;
        word-break: keep-all;
    }

    #sub-71 #unit1826 img {
        max-width: 100%;
        height: auto;
    }

    /* 전도대 사명 */
    #sub-71 #component8079:not(.hide) .col-sm-2 {
        width: 25%;
    }

    #sub-71 #component8079:not(.hide) .col-sm-10 {
        width: 75%;
        line-height: 1.8;
        word-break: keep-all;
    }
}


/* ====================================
   모바일 (767px 이하)
==================================== */
@media (max-width: 767px) {

    /* 상단 타이틀 */
    #sub-71 #unit5040 .font-l {
        font-size: 14px;
        margin-bottom: 12px !important;
        letter-spacing: 2px !important;
    }

    #sub-71 #unit5040 .font-xl {
        font-size: 23px;
        line-height: 1.5;
        word-break: keep-all;
    }

    #sub-71 #unit5040 .font-d {
        margin-top: 20px !important;
        font-size: 14px;
        line-height: 1.8 !important;
        word-break: keep-all;
    }

    /* 운영 및 모임 안내 */
    #sub-71 #component4121 {
        height: auto !important;
        padding: 40px 0 !important;
        margin: 35px 0 !important;
        background-size: cover;
        background-position: center;
    }

    #sub-71 #component4121 > .container {
        width: 100%;
        padding: 0 15px !important;
        margin: 0 !important;
    }

    #sub-71 #unit3084 > .font-xl {
        font-size: 22px;
        margin-bottom: 15px !important;
    }

    #sub-71 #unit3084 > .font-l {
        font-size: 14px;
        line-height: 1.8;
        word-break: keep-all;
    }

    /* 운영 안내 카드 */
    #sub-71 #unit3084 > .row {
        margin-top: 25px !important;
    }

    #sub-71 #unit3084 > .row > .col-sm-4 {
        width: 100%;
        margin-bottom: 12px;
    }

    #sub-71 #unit3084 > .row > .col-sm-4:last-child {
        margin-bottom: 0;
    }

    #sub-71 #unit3084 > .row > .col-sm-4 > div {
        padding: 22px 20px !important;
        height: auto;
    }

    #sub-71 #unit3084 .col-sm-4 p {
        font-size: 16px;
        margin-bottom: 12px !important;
    }

    #sub-71 #unit3084 .col-sm-4 p img {
        max-width: 25px;
        height: auto;
        vertical-align: middle;
    }

    #sub-71 #unit3084 .col-sm-4 p + div {
        font-size: 14px;
        line-height: 1.7;
        word-break: keep-all;
    }

    /* 이미지 + 소개 세로 배치 */
    #sub-71 #component1169 > .row {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    #sub-71 #unit1826,
    #sub-71 #unit4531 {
        width: 100%;
        max-width: 100%;
        float: none;
    }

    #sub-71 #unit1826 {
        padding: 0 !important;
    }

    #sub-71 .slidesub {
        padding: 0 !important;
    }

    #sub-71 .slidesub .carousel-inner img {
        display: block;
        width: 100%;
        height: auto;
    }

    /* 전도대 소개 문구 */
    #sub-71 #unit4531 {
        margin: 25px 0 0 !important;
        padding: 0 5px !important;
        font-size: 14px;
        line-height: 1.9;
        word-break: keep-all;
    }

    /* PC용 줄바꿈 제거 */
    #sub-71 #unit4531 br {
        display: none;
    }

    #sub-71 #unit4531 br + br {
        display: block;
        content: "";
        margin-top: 15px;
    }

    /* 전도대 사명 */
    #sub-71 #component8079:not(.hide) {
        margin: 40px 0 0 !important;
    }

    #sub-71 #component8079:not(.hide) #component1688 {
        margin: 0 !important;
        padding: 0 !important;
    }

    #sub-71 #component8079:not(.hide) #unit2088 > p {
        font-size: 21px;
        line-height: 1.5;
        margin-bottom: 15px !important;
    }

    #sub-71 #component8079:not(.hide) #unit2088 > p img {
        max-width: 28px;
        height: auto;
        vertical-align: middle;
    }

    /* 사명 안내 박스 */
    #sub-71 #component8079:not(.hide) #unit2088 > div {
        padding: 25px 20px !important;
    }

    #sub-71 #component8079:not(.hide) #unit2088 .row {
        display: flex;
        flex-direction: column;
        margin-left: 0;
        margin-right: 0;
    }

    #sub-71 #component8079:not(.hide) #unit2088 .row + .row {
        margin-top: 22px !important;
    }

    #sub-71 #component8079:not(.hide) #unit2088 .col-sm-2,
    #sub-71 #component8079:not(.hide) #unit2088 .col-sm-10 {
        width: 100%;
        float: none;
        padding: 0;
    }

    #sub-71 #component8079:not(.hide) #unit2088 .col-sm-2 {
        font-size: 16px;
        margin-bottom: 7px;
    }

    #sub-71 #component8079:not(.hide) #unit2088 .col-sm-2 img {
        max-width: 20px;
        height: auto;
        vertical-align: middle;
    }

    #sub-71 #component8079:not(.hide) #unit2088 .col-sm-10 {
        padding-left: 30px;
        font-size: 14px;
        line-height: 1.8;
        word-break: keep-all;
    }
}


/* ====================================
   작은 모바일 (480px 이하)
==================================== */
@media (max-width: 480px) {

    #sub-71 #unit5040 .font-xl {
        font-size: 20px;
    }

    #sub-71 #unit5040 .font-d {
        font-size: 13px;
    }

    #sub-71 #unit3084 > .font-xl {
        font-size: 20px;
    }

    #sub-71 #unit3084 > .row > .col-sm-4 > div {
        padding: 20px 15px !important;
    }

    #sub-71 #unit4531 {
        font-size: 13px;
    }

    #sub-71 #component8079:not(.hide) #unit2088 > p {
        font-size: 19px;
    }

    #sub-71 #component8079:not(.hide) #unit2088 > div {
        padding: 22px 15px !important;
    }

    #sub-71 #component8079:not(.hide) #unit2088 .col-sm-10 {
        font-size: 13px;
    }
}


/* ------------------------------------------- */

/* ====================================
   태블릿 (991px 이하)
==================================== */
@media (max-width: 991px) {

    /* 모임 안내 영역 */
    #sub-73 #component4121 {
        height: auto !important;
        padding: 50px 0 !important;
        margin: 40px 0 !important;
        background-size: cover;
        background-position: center;
    }

    #sub-73 #component4121 .col-sm-6 > div {
        padding: 25px !important;
    }

    /* 이미지 + 소개 영역 */
    #sub-73 #component1169 > .row {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    #sub-73 #unit4531 {
        margin: 0 !important;
        line-height: 1.8;
        word-break: keep-all;
    }

    #sub-73 #unit1826 img {
        max-width: 100%;
        height: auto;
    }

    /* 비전 및 핵심 활동 */
    #sub-73 #component8079 .col-sm-2 {
        width: 30% !important;
    }

    #sub-73 #component8079 .col-sm-10 {
        width: 70% !important;
        line-height: 1.8;
        word-break: keep-all;
    }
}


/* ====================================
   모바일 (767px 이하)
==================================== */
@media (max-width: 767px) {

    /* 상단 타이틀 */
    #sub-73 #unit5040 .font-l {
        font-size: 14px;
        margin-bottom: 12px !important;
        letter-spacing: 2px !important;
    }

    #sub-73 #unit5040 .font-xl {
        font-size: 23px;
        line-height: 1.5;
        word-break: keep-all;
    }

    #sub-73 #unit5040 .font-d {
        margin-top: 20px !important;
        font-size: 14px;
        line-height: 1.8 !important;
        word-break: keep-all;
    }

    /* 모임 안내 */
    #sub-73 #component4121 {
        height: auto !important;
        padding: 40px 0 !important;
        margin: 35px 0 !important;
    }

    #sub-73 #component4121 > .container {
        width: 100%;
        padding: 0 15px !important;
        margin: 0 !important;
    }

    #sub-73 #unit3084 > .font-xl {
        font-size: 22px;
        margin-bottom: 15px !important;
    }

    #sub-73 #unit3084 > .font-l {
        font-size: 14px;
        line-height: 1.8;
        word-break: keep-all;
    }

    /* 모임 안내 카드 */
    #sub-73 #unit3084 > .row {
        margin-top: 25px !important;
    }

    #sub-73 #unit3084 > .row > .col-sm-6 {
        width: 100%;
        margin-bottom: 12px;
    }

    #sub-73 #unit3084 > .row > .col-sm-6:last-child {
        margin-bottom: 0;
    }

    #sub-73 #unit3084 > .row > .col-sm-6 > div {
        padding: 22px 20px !important;
    }

    #sub-73 #unit3084 .col-sm-6 p {
        font-size: 16px;
        margin-bottom: 12px !important;
    }

    #sub-73 #unit3084 .col-sm-6 p img {
        max-width: 25px;
        height: auto;
        vertical-align: middle;
    }

    #sub-73 #unit3084 .col-sm-6 p + div {
        font-size: 14px;
        line-height: 1.7;
    }

    /* 이미지 + 소개 세로 배치 */
    #sub-73 #component1169 > .row {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    #sub-73 #unit1826,
    #sub-73 #unit4531 {
        width: 100%;
        max-width: 100%;
        float: none;
    }

    #sub-73 #unit1826 {
        padding: 0 !important;
    }

    #sub-73 .slidesub {
        padding: 0 !important;
    }

    #sub-73 .slidesub .carousel-inner img {
        display: block;
        width: 100%;
        height: auto;
    }

    /* 청장년부 소개 */
    #sub-73 #unit4531 {
        margin: 25px 0 0 !important;
        padding: 0 5px !important;
        font-size: 14px;
        line-height: 1.9;
        word-break: keep-all;
    }

    /* 공동체 비전 및 핵심 활동 */
    #sub-73 #component8079 {
        margin: 40px 0 0 !important;
    }

    #sub-73 #component8079 #component1688 {
        margin: 0 !important;
        padding: 0 !important;
    }

    #sub-73 #component8079 #unit2088 > p {
        font-size: 21px;
        line-height: 1.5;
        margin-bottom: 15px !important;
    }

    #sub-73 #component8079 #unit2088 > p img {
        max-width: 28px;
        height: auto;
        vertical-align: middle;
    }

    /* 안내 박스 */
    #sub-73 #component8079 #unit2088 > div {
        padding: 25px 20px !important;
    }

    #sub-73 #component8079 #unit2088 .row {
        display: flex;
        flex-direction: column;
        margin-left: 0;
        margin-right: 0;
    }

    #sub-73 #component8079 #unit2088 .row + .row {
        margin-top: 22px !important;
    }

    #sub-73 #component8079 #unit2088 .col-sm-2,
    #sub-73 #component8079 #unit2088 .col-sm-10 {
        width: 100% !important;
        float: none;
        padding: 0;
    }

    /* 항목 제목 */
    #sub-73 #component8079 #unit2088 .col-sm-2 {
        font-size: 16px;
        margin-bottom: 7px;
    }

    #sub-73 #component8079 #unit2088 .col-sm-2 img {
        max-width: 20px;
        height: auto;
        vertical-align: middle;
    }

    /* 항목 설명 */
    #sub-73 #component8079 #unit2088 .col-sm-10 {
        padding-left: 30px;
        font-size: 14px;
        line-height: 1.8;
        word-break: keep-all;
    }
}


/* ====================================
   작은 모바일 (480px 이하)
==================================== */
@media (max-width: 480px) {

    #sub-73 #unit5040 .font-xl {
        font-size: 20px;
    }

    #sub-73 #unit5040 .font-d {
        font-size: 13px;
    }

    #sub-73 #unit3084 > .font-xl {
        font-size: 20px;
    }

    #sub-73 #unit3084 > .row > .col-sm-6 > div {
        padding: 20px 15px !important;
    }

    #sub-73 #unit4531 {
        font-size: 13px;
    }

    #sub-73 #component8079 #unit2088 > p {
        font-size: 19px;
    }

    #sub-73 #component8079 #unit2088 > div {
        padding: 22px 15px !important;
    }

    #sub-73 #component8079 #unit2088 .col-sm-10 {
        font-size: 13px;
    }
}


/* ------------------------------------------- */


/* ====================================
   태블릿 (991px 이하)
==================================== */
@media (max-width: 991px) {

    /* 운영 안내 */
    #sub-74 #component4121 {
        height: auto !important;
        padding: 50px 0 !important;
        margin: 40px 0 !important;
        background-size: cover;
        background-position: center;
    }

    #sub-74 #unit3084 .col-sm-4 > div {
        padding: 20px !important;
    }

    #sub-74 #unit3084 .col-sm-4 {
        margin-bottom: 15px;
    }

    /* 이미지 + 소개 */
    #sub-74 #component1169 > .row {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    #sub-74 #unit4531 {
        margin: 0 !important;
        word-break: keep-all;
    }

    #sub-74 #unit1826 img {
        max-width: 100%;
        height: auto;
    }

    /* 문의 및 안내 */
    #sub-74 #unit4531 > .row .col-sm-3 {
        width: 100% !important;
        margin-bottom: 8px;
    }

    #sub-74 #unit4531 > .row .col-sm-8 {
        width: 100%;
    }

    /* 주요 프로그램 */
    #sub-74 #component8079 .col-sm-2 {
        width: 30% !important;
    }

    #sub-74 #component8079 .col-sm-10 {
        width: 70% !important;
        line-height: 1.8;
        word-break: keep-all;
    }
}


/* ====================================
   모바일 (767px 이하)
==================================== */
@media (max-width: 767px) {

    /* 상단 타이틀 */
    #sub-74 #unit5040 .font-l {
        font-size: 14px;
        margin-bottom: 12px !important;
        letter-spacing: 2px !important;
    }

    #sub-74 #unit5040 .font-xl {
        font-size: 23px;
        line-height: 1.5;
        word-break: keep-all;
    }

    #sub-74 #unit5040 > div:last-child {
        margin-top: 20px !important;
        font-size: 14px;
        line-height: 1.8 !important;
        word-break: keep-all;
    }

    /* 운영 안내 */
    #sub-74 #component4121 {
        height: auto !important;
        padding: 40px 0 !important;
        margin: 35px 0 !important;
    }

    #sub-74 #component4121 > .container {
        width: 100%;
        padding: 0 15px !important;
        margin: 0 !important;
    }

    /* 운영 안내 카드 */
    #sub-74 #unit3084 > .row {
        margin: 0;
    }

    #sub-74 #unit3084 > .row > .col-sm-4 {
        width: 100%;
        padding: 0;
        margin-bottom: 12px;
    }

    #sub-74 #unit3084 > .row > .col-sm-4:last-child {
        margin-bottom: 0;
    }

    #sub-74 #unit3084 > .row > .col-sm-4 > div {
        padding: 22px 20px !important;
    }

    #sub-74 #unit3084 .col-sm-4 p {
        font-size: 16px;
        margin-bottom: 12px !important;
    }

    #sub-74 #unit3084 .col-sm-4 p img {
        max-width: 25px;
        height: auto;
        vertical-align: middle;
    }

    #sub-74 #unit3084 .col-sm-4 p + div {
        font-size: 14px;
        line-height: 1.8 !important;
        word-break: keep-all;
    }

    /* 이미지 + 소개 세로 배치 */
    #sub-74 #component1169 > .row {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    #sub-74 #unit1826,
    #sub-74 #unit4531 {
        width: 100%;
        max-width: 100%;
        float: none;
    }

    #sub-74 #unit1826 {
        padding: 0 !important;
    }

    #sub-74 .slidesub {
        padding: 0 !important;
    }

    #sub-74 .slidesub .carousel-inner img {
        display: block;
        width: 100%;
        height: auto;
    }

    /* 경로대학 소개 */
    #sub-74 #unit4531 {
        margin: 25px 0 0 !important;
        padding: 0 5px !important;
        font-size: 14px;
        line-height: 1.9;
        word-break: keep-all;
    }

    /* 문의 및 안내 */
    #sub-74 #unit4531 > .row {
        display: flex;
        flex-direction: column;
        margin: 20px 0 0 !important;
    }

    #sub-74 #unit4531 > .row .col-sm-3,
    #sub-74 #unit4531 > .row .col-sm-8 {
        width: 100% !important;
        float: none;
        padding: 0 !important;
    }

    #sub-74 #unit4531 > .row .col-sm-3 {
        font-size: 16px;
        margin-bottom: 8px;
    }

    #sub-74 #unit4531 > .row .col-sm-3 img {
        max-width: 22px;
        height: auto;
        vertical-align: middle;
    }

    #sub-74 #unit4531 > .row .col-sm-8 {
        font-size: 15px;
        padding-left: 32px !important;
    }

    /* 주요 프로그램 */
    #sub-74 #component8079 {
        margin: 40px 0 0 !important;
    }

    #sub-74 #component8079 #component1688 {
        margin: 0 !important;
        padding: 0 !important;
    }

    #sub-74 #component8079 #unit2088 > p {
        font-size: 21px;
        line-height: 1.5;
        margin-bottom: 15px !important;
    }

    #sub-74 #component8079 #unit2088 > p img {
        max-width: 28px;
        height: auto;
        vertical-align: middle;
    }

    /* 주요 프로그램 박스 */
    #sub-74 #component8079 #unit2088 > div {
        padding: 25px 20px !important;
    }

    #sub-74 #component8079 #unit2088 .row {
        display: flex;
        flex-direction: column;
        margin-left: 0;
        margin-right: 0;
    }

    #sub-74 #component8079 #unit2088 .row + .row {
        margin-top: 22px !important;
    }

    #sub-74 #component8079 #unit2088 .col-sm-2,
    #sub-74 #component8079 #unit2088 .col-sm-10 {
        width: 100% !important;
        float: none;
        padding: 0;
    }

    #sub-74 #component8079 #unit2088 .col-sm-2 {
        font-size: 16px;
        margin-bottom: 7px;
    }

    #sub-74 #component8079 #unit2088 .col-sm-2 img {
        max-width: 20px;
        height: auto;
        vertical-align: middle;
    }

    #sub-74 #component8079 #unit2088 .col-sm-10 {
        padding-left: 30px;
        font-size: 14px;
        line-height: 1.8;
        word-break: keep-all;
    }

    /* 하단 게시판 */
    #sub-74 #dimodeBoard .theme-list {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #sub-74 #dimodeBoard .theme-list table {
        min-width: 600px;
    }

    #sub-74 #dimodeBoard .board-actions-left {
        width: 100%;
    }
}


/* ====================================
   작은 모바일 (480px 이하)
==================================== */
@media (max-width: 480px) {

    #sub-74 #unit5040 .font-xl {
        font-size: 20px;
    }

    #sub-74 #unit5040 > div:last-child {
        font-size: 13px;
    }

    #sub-74 #unit3084 > .row > .col-sm-4 > div {
        padding: 20px 15px !important;
    }

    #sub-74 #unit4531 {
        font-size: 13px;
    }

    #sub-74 #component8079 #unit2088 > p {
        font-size: 19px;
    }

    #sub-74 #component8079 #unit2088 > div {
        padding: 22px 15px !important;
    }

    #sub-74 #component8079 #unit2088 .col-sm-10 {
        font-size: 13px;
    }
}

/* ------------------------------------------- */

/* ====================================
   태블릿 (991px 이하)
==================================== */
@media (max-width: 991px) {

    /* 기도 요청 안내 제목 */
    #sub-32 #component3009 {
        margin-top: 40px !important;
    }

    #sub-32 #unit2589 .font-2xl {
        font-size: 26px;
        line-height: 1.5;
        word-break: keep-all;
    }

    /* 안내 내용 박스 */
    #sub-32 #unit7030 > div {
        padding: 30px !important;
        line-height: 1.9;
        word-break: keep-all;
    }

    #sub-32 #unit7030 .font-xl {
        font-size: 21px;
    }
}


/* ====================================
   모바일 (767px 이하)
==================================== */
@media (max-width: 767px) {

    /* 상단 페이지 제목 */
    #sub-32 #unit5040 .font-l {
        font-size: 14px;
        margin-bottom: 12px !important;
        letter-spacing: 2px !important;
    }

    #sub-32 #unit5040 .font-xl {
        font-size: 22px;
        line-height: 1.5;
        word-break: keep-all;
    }

    /* 일반기도 / 긴급기도 / 기도응답 제목 */
    #sub-32 #component3009 {
        margin-top: 35px !important;
    }

    #sub-32 #unit2589 {
        display: block !important;
    }

    #sub-32 #unit2589 .font-2xl {
        font-size: 21px;
        line-height: 1.5;
        word-break: keep-all;
    }

    #sub-32 #unit2589 .font-2xl img {
        max-width: 28px;
        height: auto;
        margin-top: -4px !important;
        margin-right: 8px !important;
        vertical-align: middle;
    }

    /* 안내 영역 여백 */
    #sub-32 #component6442 {
        margin: 15px 0 30px !important;
        padding: 0 !important;
    }

    #sub-32 #component1430 {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 회색 안내 박스 */
    #sub-32 #unit7030 > div {
        padding: 25px 20px !important;
        font-size: 14px;
        line-height: 1.9 !important;
        word-break: keep-all;
        overflow-wrap: break-word;
    }

    /* 기도카드 / 교회홈페이지 / 기타 제목 */
    #sub-32 #unit7030 .font-xl {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 15px !important;
        word-break: keep-all;
    }

    #sub-32 #unit7030 .font-xl img {
        max-width: 20px;
        height: auto;
        margin-top: -4px !important;
        margin-right: 8px !important;
        vertical-align: middle;
    }

    /* 안내 항목 간격 */
    #sub-32 #unit7030 .font-xl[style*="margin-top"] {
        margin-top: 30px !important;
    }

    /* 기타 항목 부가 설명 */
    #sub-32 #unit7030 .font-xl .font-d {
        font-size: 14px;
        line-height: 1.6;
    }

    /* 안내 문장 */
    #sub-32 #unit7030 > div > div,
    #sub-32 #unit7030 > div > div p {
        font-size: 14px;
        line-height: 1.9;
        word-break: keep-all;
    }

    #sub-32 #unit7030 > div > div p {
        margin-bottom: 10px;
    }

    /* 하단 게시판 */
    #sub-32 #dimodeBoard .theme-list {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #sub-32 #dimodeBoard .theme-list table {
        min-width: 600px;
    }

    #sub-32 #dimodeBoard .board-actions-left {
        width: 100%;
    }
}


/* ====================================
   작은 모바일 (480px 이하)
==================================== */
@media (max-width: 480px) {

    #sub-32 #unit5040 .font-xl {
        font-size: 20px;
    }

    #sub-32 #unit2589 .font-2xl {
        font-size: 19px;
    }

    #sub-32 #unit2589 .font-2xl img {
        max-width: 24px;
    }

    #sub-32 #unit7030 > div {
        padding: 20px 15px !important;
        font-size: 13px;
    }

    #sub-32 #unit7030 .font-xl {
        font-size: 17px;
    }

    #sub-32 #unit7030 > div > div,
    #sub-32 #unit7030 > div > div p {
        font-size: 13px;
    }

    #sub-32 #unit7030 .font-xl .font-d {
        font-size: 13px;
    }
}

/* ------------------------------------------- */

#sub-83 .board-theme.gallery .theme-list > .each-document > a.title-image {
	height: auto !important;	
    aspect-ratio: 16 / 9;
}

#sub-28 .board-theme.gallery .theme-list > .each-document > a.title-image {
    width: 188px !important;	
    height: 268px !important;	
}