﻿@media (min-width: 1500px) { #content > .container, #subgnb > .container { width: 1400px; } }



div#recent-sermon {
    padding: 0 15px;
}


.board-theme .theme-list .list-categories {
    margin-bottom: 30px !important;
}
.list-categories .btn-gray {
    background-color: #fff !important;
    border-color: #091f5b !important;
    border-radius: 60px !important;
	transition:0.2s all !important;
}
.list-categories .btn-gray:hover {
    color: #ffffff !important;
    background-color: #091f5b !important;
    border-color: #091f5b !important;
	transition:0.2s all;
}
.list-categories .btn {
    font-size: 16px !important;
    line-height: 21px !important;
    padding: 0.5rem 1.5rem !important;
    border-radius: 60px !important;
	transition:0.2s all;
}
.list-categories .btn-default:hover {
    color: #ffffff !important;
    background-color: #091f5b !important;
    border-color: #091f5b !important;
	transition:0.2s all;
}
.document-readed_count{display:none;}
/*글자자르기*/
.dimode-theme  {word-break:keep-all;}

ul.timeline > li > span {
    display: block; width: 100%; 
    margin-bottom:5px;
}
#gnb-wrap { background-color: #000;}
.icircle{width:350px; padding:10px 0 30px ; border-radius: 0 0 50px 50px ;margin: 0 auto; color: #fff; font-size: 20px; }
.icircle1{background-color: #3877a0;}
.icircle2{background-color: #2b8b78;}
/*유트브*/
/*반응형
.detail-video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
#dimodeYoutube {
  position: absolute;
  width: 100%;
  height: 100%;
}
*/


/*서브메뉴*/
.d3-subgnb-menu {
    display:inline-block;
}
.d3-menulist {
   
    display:inline-block; padding:15px 15px;
    float:left;
}
.d3-menulist a{
    font-size:22px!important;
	color:#8F8F8F!important;
	font-weight:bold;
}
.d3-subgnb-menu div.active a {
    color:#325481!important;
    padding-bottom:10px;
    border-bottom:2px solid #B4CEF1;
	font-weight:700;
}
.d3-menulist a:hover{
	  color:#325481!important;
}
.history-tab{display: inline-flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;width:100%;}
.history-tab li{text-align: center;display: inline-block;width: calc(100%/14);}
.history-tab li a{font-family: Noto Sans KR;color: #333333;font-size: 18px;padding: 10px;display: inline-block;text-decoration:none;}
.history-tab li:hover a{color: #3498db;transition:0.3s all ease;}


.sub13 strong{/* font-weight: normal!important; */}
#component9415{display: grid;width: 100%;grid-template-columns: 1fr 1fr 1fr 1fr;gap:30px;}
#component7279{display: grid;width: 100%;grid-template-columns: 1fr 1fr;gap:30px;}
#component2035{display: grid;width: 100%;grid-template-columns: 1fr 1fr 1fr;gap:30px;}
#component3207 .dimode-sort{display: grid;width: 100%;grid-template-columns: 1fr 1fr;gap:30px;}
#component3311 .dimode-sort{display: grid;width: 100%;grid-template-columns: 1fr 1fr 1fr 1fr;gap:30px;}
#component5540 .dimode-sort{display: grid;width: 100%;grid-template-columns: 1fr 1fr 1fr;gap:30px;}
#component2035 #component2021,
#component2035 #component2021 #unit2015{height:100%;}
#component3107 #unit2762 .site_button .b_box1 p{margin:0!important;}
#component4237 #component4226 #component1973,
#component4237 #component4226 #component1973 > div,
#component4237 #component4226 #component1973 #unit2829{height:100%!important;}
@media (max-width:1499px) {
	#component5145 #unit4725 > div > div{left: 55%!important;}
}

@media (max-width:1199px) {
	#component5145 #unit4725 > div{background-position: 20%, 0%!important;}
	#component1214 #unit1113 > div{background-position: right bottom!important;}
	#component6519 .dimode-sort{display: inline-flex;flex-direction: column;width:100%;margin: 0!important;}
	#component6519 #unit2716{width:100%!important;text-align: center;}
	#component6519 #unit8429{width:100%!important;}
	#component1351 > div{display: inline-flex;flex-direction: column;width: 100%;}
	#component1351 #unit4454{width:100%!important;}
	#component1351 #unit2580{width:100%!important;padding:25px 25% 0!important;}
	#component4237{grid-template-columns: 1fr 1fr 1fr!important;}
	#component4237 #component4226{margin:0!important;}
	#component4099 .dimode-sort{display:inline-flex;flex-direction: column;width: 100%;gap:20px;}
	#component4099 #unit8116{width:100%!important;}
	#component4099 #unit2543{width:100%!important;}
	.sub19 #component3row{padding:25px 0!important;}
	#component4127{padding:25px 0!important;}
}

@media (max-width:992px) {
    #unit7407 div > div:nth-child(2) img {width: 400px;}
	#component1214 #unit1113 > div{height: 350px!important;}
	#component8497 > .dimode-sort{display: inline-flex;flex-wrap: wrap;gap:20px;}
	#component8497 #unit3770{order:1;}
	#component8497 #unit3770 img{width:100%;}
	#component8497 #unit8976{order:2;width:100%!important;padding:0 15px!important;}
	#component5145 #unit4725 > div{background-position: 25%, 0%!important;}
	#component5145 #unit4725 > div > div{left: 60%!important;}
	#component5145 #unit4725 > div > div > div:nth-child(1){font-size:42px!important;padding-bottom: 20px!important;}
	#component5145 #unit4725 > div > div > div:nth-child(1) strong span{font-size:17px!important;}
	#component5145 #unit4725 > div > div > div:nth-child(2){font-size:24px!important;padding-bottom: 20px!important;}
	#component5145 #unit4725 > div > div > div:nth-child(3){font-size: 17px!important;}
	#component9415 {grid-template-columns: 1fr 1fr 1fr!important;}
	#component7279{grid-template-columns: 1fr!important; gap:15px!important;}
	#component2035 {grid-template-columns: 1fr;}
	#component6519{padding:25px!important;}
	#component6519 #unit8429{padding:0!important;}
	#component1351 #unit2580{width:100%!important;padding:25px 10% 0!important;}
	#component4237 {grid-template-columns: 1fr 1fr !important;gap:15px!important;}
	#component4237 #component4226{margin:0!important;}
	#component1351 #unit2580{width:100%!important;padding:25px 15% 0!important;}
	#component4237{grid-template-columns: 1fr 1fr 1fr!important;}
	#component3207 #unit6926 > div{padding:20px!important; height:100%!important;}
	#component3311 .dimode-sort{grid-template-columns: 1fr 1fr;}
	#component3311 div img{width:100%!important;}
	#component3107 .dimode-sort{display: grid;width: 100%;grid-template-columns: 1fr 1fr;gap:30px;}
	#component3107 .row:before{content:none;}
	#component3107 #unit2762{width:100%!important;}
	#component7735 #unit4616 div{font-size:17px!important;}
	#component7735 #unit4616 div strong{font-size:24px!important;}
	#component2496{padding: 10px 30px 0!important;}
	#component4127 #unit6295,
	#component4127 #unit3564{padding: 0 25px!important;}
	.sub19 #component3row .dimode-sort{grid-template-columns: 1fr!important;}
	.sub19 #component3row #unit27622{padding:0 0 20px!important;}
}

@media (max-width:767px) {
	div#dimodeBoard{padding:  0 15px;}
	
    .t_business td {padding: 5px !important;}
    #component1169 #unit1826 {padding: 0px 0px 25px !important;}
    #component1169 {padding-bottom: 0px !important;}
    .nxt_wrap {grid-template-columns: 1fr !important;}
    #component1981 {padding: 50px 0 !important;}
    #component3807 {padding: 50px 0 !important;}
    #component2748 {padding: 50px 0 !important;}
    #component9175 {padding: 50px 0 !important;}
    .font-8xl {font-size: 23px !important; }
    #component9125 {padding: 50px 0 !important;}
    #component7406 {padding: 50px 0 !important;}
    .font-7xl {font-size: 2rem !important;}
    #component1394 {padding: 50px 0 !important;}
    #component2587 {padding: 50px 0 !important;}
    #component6919 {padding: 50px 0 !important;}
    #component4814 {padding: 50px 0 !important;}
    #unit3465 .dream { font-size: 20px !important;}
    #unit7407 div > .newname {font-size: 18px !important; word-break: keep-all !important;}
    #unit7407 div > #next {font-size: 18px !important;}
    #unit7407 div > div:nth-child(2) img {width: 300px;}
    #unit6300 > div:nth-child(1) {font-size: 20px !important;}
    #unit6580 > div:nth-child(1) {font-size: 20px !important;}
    #unit6580 {padding: 15px !important;}
    #unit6300 {padding: 15px !important;}
    #unit7738 {padding: 15px !important;}
    #unit7738 > div:nth-child(1) {font-size: 20px !important;}
    #unit7407 div > div:nth-child(1) {font-size: 23px !important;}
    #unit7407 div > div:nth-child(2) {font-size: 20px !important;}
    #unit7407 div > div:nth-child(3) {font-size: 25px !important;}
    #unit7407 div > div:nth-child(4) {font-size: 16px !important;}
    #unit7407 {height: 400px !important;}
    #component1295 div div {padding: 0px !important;}
    #component1295 {height: 400px !important;}
    .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {font-size: 16px !important;}
    #component3294 {padding: 20px 0px 0px !important;}
    #unit4219 > div:nth-child(1) { font-size: 23px !important;}
    #unit4219 > div:nth-child(2) { font-size: 16px !important;}
    #unit4219 {padding: 35px 15px 0 !important;}
    #component6411 {padding: 0 15px !important;}
    #unit5123 .empty {display: none !important;}
    #unit2702 > div:nth-child(2) {font-size: 16px !important;}
    #unit5123 > div  .emtpy { padding-top: 0px !important; padding-bottom: 0px !important; position: absolute; left: 50%; transform: translateX(-50%);}
    #unit5123 > div > div:nth-child(4) br {height: 10px !important; display: none !important;}
    #unit5123 > div > div:nth-child(3) {padding-top: 0px !important; padding-bottom: 0px !important; font-size: 18px !important;}
    #unit5123 > div > div:nth-child(1) {padding-top: 10px !important; padding-bottom: 10px !important; }
    #unit5123 > div div:nth-child(1) {font-size: 20px !important;}
    #unit5123 > div > div:nth-child(4) {font-size: 15px !important; padding-bottom: 0px !important; line-height: 25px !important;}
    #unit5123 > div > div:nth-child(5) {font-size: 20px !important; padding: 10px 0 10px 0 !important;}
    #component2714 {height: auto !important;}
    #unit5123 div:nth-child(1) {font-size: 20px !important;}
    #unit5123 div:nth-child(2) {font-size: 16px !important; padding: 0px !important;}
    #unit5123 div:nth-child(3) {padding-top: 20px !important;}
    #unit5123 {padding: 20px 0px !important; font-size: 16px !important;}
    #sub_title {font-size: 25px; padding: 0px 0px 20px;}
    .sub-unit {       padding: 115px 15px 30px 15px !important; background-size: contain; background-position: top;}
	.row{margin:0!important;}
    .subgnb-home {padding: 0 0 20px 5px;}
	.map-content{height:300px!important;}
	#component5011{padding: 20px 0px!important;}
	#component5011 #unit5154 span{font-size: 17px!important;}
	#component5011 #unit5154 span strong{font-size: 20px!important;}
	#component1159{padding: 20px 0px!important;}
	#component6928{padding:0!important;margin: 0px 0px 20px!important;}
	#component8497{padding:0!important;}
	#component8497 #unit8976 span{font-size:15px!important;}
	#component8497 #unit8976 strong{font-size:17px!important;}
	#component7290 #unit7477 span{font-size:15px!important;}
	#component7290 #unit7477 strong{font-size:17px!important;}
	#component5145 #unit4725{padding:0!important;}
	#component5145 #unit4725 > div{background-position: top center!important;background-size: contain!important;height: inherit!important;padding-top: 135px;}
	#component5145 #unit4725 > div > div {left: 0% !important;transform: none!important;position:relative!important;display: inline-flex!important;flex-wrap: wrap;flex-direction: column;justify-content: flex-end;}
	#component5145 #unit4725 > div > div > div:nth-child(1){font-size:24px!important;padding-bottom: 0px!important;}
	#component5145 #unit4725 > div > div > div:nth-child(1) strong span{font-size:15px!important;}
	#component5145 #unit4725 > div > div > div:nth-child(2){font-size:17px!important;padding-bottom: 10px!important;}
	#component5145 #unit4725 > div > div > div:nth-child(3){font-size: 15px!important;}
	#component9337{padding:0!important;}
	#component9337 #unit3739 div,
	#component9337 #unit2690 div{font-size:15px!important;}
	#component9337 #unit3739 strong,
	#component9337 #unit2690 strong{font-size:17px!important;}
	#component9415 {grid-template-columns: 1fr 1fr!important;}
	#component4104 #unit4921{padding:15px 0!important;}
	#component3742 #unit7818{margin:0!important;}
	#component3742 #unit7818 strong{font-size:17px!important;}
	#component9415 {gap: 15px;}
	#component9415 #unit4010{padding:15px!important;}
	#component9415 #unit4010 > div:nth-child(2){margin:15px 0 0!important;}
	#component9415 #unit4010 > div:nth-child(2) span{font-size:15px!important;}
	#component9851{padding: 0px 0px 15px!important;}
	#component9851 #unit1497 div{padding:0!important;}
	#component9851 #unit1497 div strong{font-size:20px!important;}
	#component2606 #unit3636{padding: 15px!important;}
	#component2606 #unit3636 > div:nth-child(1){font-size:17px!important;}
	#component2606 #unit3636 > div:nth-child(1) span{font-size:15px!important;}
	#component2606 #unit3636 > div{font-size:15px!important;}
	#component4130 #unit4854 table tbody tr td{font-size:15px!important;}
	#component1214 #unit1113 > div {height: inherit!important;background-position:55% 100%!important;}
	#component1214 #unit1113 > div > div{position: relative!important;top: 0!important;left: 0!important;transform: none!important;padding:20px!important;}
	#component1214 #unit1113 > div > div > div{font-size:15px!important;padding-bottom:130px!important;}
	#component1752 #unit3409 div strong{font-size:20px!important;}
	#component1752 #unit3409 table tbody tr td span{font-size:15px!important;}
	#component2035 #component2021 #unit2015 div{font-size:15px!important;}
	#component3112{padding: 15px 0px 0px!important;}
	#component3112 #unit8109{margin:0 0 15px!important;}
	#component3112 #unit8109 div span{font-size:17px!important;}
	#component4537{padding:0!important;}
	#component4537 #unit6884 div span{font-size:15px!important;}
	#component4537 #unit6884 div strong{font-size:17px!important;width:100%;display:inline-block;}
	#component9828 #unit2727 table tbody tr td{font-size:15px!important;}
	#component6088{padding:0!important;}
	#component6088 #unit8735 p span{font-size:15px!important;}
	#component3107 .dimode-sort{grid-template-columns: 1fr!important;}
	#component6519 {padding: 15px!important;}
	#component6519 #unit8429 p{margin:0!important;}
	#component6519 #unit8429 p span{font-size:17px!important;}
	#component6519 #unit8429 p strong span{font-size:20px!important;}
	#component6519 #unit8429 p:last-child{line-height:3!important;}
	#component3107 #unit2762 .site_button .b_box1{padding:15px!important;}
	#component3107 #unit2762 .site_button .b_box1 p{font-size:15px!important;}
	#component3107 #unit2762 .site_button .b_box1 p span{font-size:17px!important;}
	#component8496{padding: 20px 0px!important;}
	#component8496 #unit6619 p strong span{font-size:20px!important;}
	#component8496 #unit6619 p span{font-size:15px!important;}
	#component4821 #unit9852{margin-top:20px!important;}
	#component4821 #unit9852 div{font-size:17px!important;}
	#component3107{padding:0!important;}
	#component3107 .dimode-sort{gap:15px!important;}
	#component3107 #unit2762 .site_button .b_box1 p span{font-size:15px!important;}
	#component1351{padding: 0px 15px 20px!important;}
	#component1351 #unit4454{margin:0!important;padding:0!important;}
	#component1351 #unit2580{width:100%!important;padding:15px 5% 0!important;}
	#component1351 #unit2580 div{font-size:15px!important;}
	#component1351 #unit2580 div:nth-child(1){padding-bottom:10px!important;}
	#component1351 #unit2580 div strong{font-size:20px!important;}
	#component7735 #unit4616 div{font-size:20px!important;}
	#component4104{padding:0!important;}
	#component2880 #unit5954 div{padding-bottom:15px!important;}
	#component2880 #unit5954 div strong{font-size:17px!important;}
	#component7420{padding-bottom:20px!important;}
	#component7420 #unit2581 div{font-size:15px!important;}
	#component7420 #unit2581 div strong{font-size:17px!important;}
	#component4237{grid-template-columns: 1fr!important;}
	#component4237 #component1973{padding:15px!important;}
	#component4237 #component1973 #unit2829 div{font-size:15px!important;}
	#component4237 #component1973 #unit2829 div strong{font-size:17px!important;}
	#component4099{padding:0!important;}
	.sub316 #component7420{padding:inherit!important;}
	.sub316 #component7420 #unit2581 table tbody tr td{font-size:15px!important;padding:5px!important;}
	#component3207 .dimode-sort {grid-template-columns: 1fr;}
	#component3207 #unit6926 div{font-size:17px!important;}
	#component3207 #unit6926 div span{font-size:15px!important;}
	#component3207 #unit6926 div span strong{font-size:15px!important;}
	#component5540 .dimode-sort,
	#component3311 .dimode-sort{grid-template-columns: 1fr;gap:15px;}
	#component3107 .dimode-sort{grid-template-columns: 1fr;}
	#component7735{padding: 0 0 15px!important;}
	#component7735 #unit4616 div{font-size:15px!important;}
	#component7735 #unit4616 div strong{font-size:17px!important;}
	#component3107 #unit2762 div{font-size:15px!important;}
	#component3107 #unit2762 div strong{font-size:17px!important;}
	#component7420 #unit2581 table tbody tr td{font-size:15px!important;}
	#component8465{padding:0 0 20px!important;}
	#component2496{padding: 10px 0 0!important;}
	#component2496 #unit8411 table tbody tr td{font-size:15px!important;}
	#component2496 #unit8411 div{font-size:15px!important;}
	#component2496 #unit8411 div strong{font-size:17px!important;}
	#component4127 #unit6295, 
	#component4127 #unit3564{padding:0 0 20px!important;}
	#component9587{padding:0 0 20px!important;}
	#component9587 #unit2623{padding:0 0 20px!important;margin:0!important;text-align:center!important;}
	#component9587 #unit1042{padding:0!important;margin:0!important;}
	#component9587 #unit1042 div{font-size:13px!important;}
	#component5011 #unit5154{padding:0!important;}
	#component5011 #unit5154 div{font-size:15px!important;}
	.sub19 #component5011:nth-child(1) #unit5154 div{font-size:17px!important;}
	.sub19 #component3row #unit27622 div{font-size:15px!important;}
    #unit5123 div:nth-child(3) {font-size: 16px !important;}
}

@media (max-width:320px) {
}





 

@media (max-width:767px) { 
   .page-content { font-size:15px !important; word-break:keep-all; overflow: visible; overflow-x: clip;}
}

/* sub responsive stabilization */
#content,
.subgnb,
.page-content,
.dimode-theme {
    max-width: 100%;
    /* overflow-x: hidden; */
}

#content > .container,
.subgnb > .container {
    /* width: 100%; */
    /* max-width: 1400px; */
    box-sizing: border-box;
}

.page-content img,
.dimode-theme img,
.board-theme img {
    max-width: 100%;
    height: auto;
}

.page-content table,
.dimode-theme table,
.board-theme table {
    max-width: 100%;
}

.d3-subgnb-menu {
    max-width: 100%;
}

.history-tab {
    gap: 6px;
}

.history-tab li {
    width: auto;
    flex: 1 1 70px;
}

@media (max-width: 991px) {
    #content > .container,
    .subgnb > .container {
        padding-left: 24px;
        padding-right: 24px;
    }

    .d3-subgnb-menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px 18px;
    }

    .d3-menulist {
        float: none;
        padding: 8px 0;
    }

    .d3-menulist a {
        font-size: 18px !important;
    }

    .history-tab li a {
        font-size: 16px;
        padding: 8px 6px;
    }
}

@media (max-width: 767px) {
    #content > .container,
    .subgnb > .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .page-content {
        padding-top: 30px;
        overflow-x: clip !important;
        overflow-y: visible;
        touch-action: pan-y;
    }

    .page-content table,
    .dimode-theme table,
    .board-theme table {
        display: block;
        width: 100% !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .history-tab {
        justify-content: flex-start;
    }

    .history-tab li {
        flex: 0 0 auto;
    }

    .history-tab li a {
        font-size: 15px;
    }

    #component9415,
    #component7279,
    #component2035,
    #component3207 .dimode-sort,
    #component3311 .dimode-sort,
    #component5540 .dimode-sort {
        gap: 15px !important;
    }
}

@media (max-width: 420px) {
    #content > .container,
    .subgnb > .container {
        padding-left: 14px;
        padding-right: 14px;
    }

    .d3-subgnb-menu {
        justify-content: flex-start;
    }
}

/* sub13 responsive */
@media (max-width: 1199px) {
    .sub13 #component6969,
    .sub13 #component4702,
    .sub13 #component4758,
    .sub13 #component4754,
    .sub13 #component8756 .container,
    .sub13 #component8972 .container {
        box-sizing: border-box;
        width: 100%;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .sub13 .hero_txt_box {
        height: 42vw;
        min-height: 17.5rem;
    }

    .sub13 .vision_icon_wrap {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1.5rem;
    }

    .sub13 .vision_icon_wrap:before,
    .sub13 .vision_icon_wrap:after {
        content: none;
        display: none;
    }

    .sub13 .vision_icon_wrap > .dimode-component {
        width: 100%;
        max-width: none;
        float: none;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .sub13 .vision_icon_box {
        min-height: 100%;
    }

    .sub13 .slogan_wrap_box {
        padding-bottom: 18rem;
    }
}

@media (max-width: 991px) {
    .sub13 #component6969 {
        display: flex;
        flex-direction: column;
        gap: 1.75rem;
    }

    .sub13 #component6969:before,
    .sub13 #component6969:after,
    .sub13 .slogan_wrap_box:before,
    .sub13 .slogan_wrap_box:after {
        content: none;
        display: none;
    }

    .sub13 #component6969 > .dimode-component,
    .sub13 .slogan_wrap_box > .dimode-component {
        width: 100%;
        max-width: none;
        float: none;
        margin: 0 !important;
    }

    .sub13 .vision_logos_L {
        padding-left: 1.4rem;
    }

    .sub13 .vision_logos_R {
        font-size: 1rem;
    }

    .sub13 .vision_cont_box .font-6xl {
        font-size: 2rem;
        line-height: 1.35;
    }

    .sub13 .vision_cont_box .font-2xl {
        font-size: 1.25rem;
        line-height: 1.45;
    }

    .sub13 .vision_icon_wrap {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.125rem;
    }

    .sub13 .slogan_wrap_box {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        padding-top: 4rem;
        padding-bottom: 8rem;
    }

    .sub13 .slogan_txt_box_L,
    .sub13 .slogan_txt_box_R {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .sub13 .page-content {
        overflow-x: hidden;
    }

    .sub13 #component8756,
    .sub13 #component8972 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .sub13 #component8756 .container,
    .sub13 #component8972 .container,
    .sub13 #component6969,
    .sub13 #component4702,
    .sub13 #component4758,
    .sub13 #component4754 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .sub13 .hero_txt_box {
        height: auto;
        min-height: 15rem;
        display: flex;
        align-items: flex-end;
        padding-bottom: 2.125rem;
    }

    .sub13 .hero_txt {
        position: static;
        transform: none;
    }

    .sub13 .hero_title {
        font-size: 2.45rem;
        line-height: 1.2;
    }

    .sub13 .hero_sub_title {
        font-size: 1.1rem;
        letter-spacing: 0.0625rem;
    }

    .sub13 #component6969 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 2.625rem !important;
        padding-bottom: 2.125rem !important;
    }

    .sub13 .vision_logos_L p:first-child {
        margin-bottom: 0.875rem;
    }

    .sub13 .vision_logos_L .font-4xl {
        font-size: 1.45rem;
        line-height: 1.45;
    }

    .sub13 .vision_logos_L .font-xl {
        font-size: 1rem;
    }

    .sub13 .vision_logos_R p {
        line-height: 1.75;
    }

    .sub13 #unit6862 {
        margin-bottom: 0 !important;
        padding-bottom: 2.125rem !important;
    }

    .sub13 #unit6862 img {
        min-height: 13.125rem;
        object-fit: cover;
    }

    .sub13 .vision_cont_box .p_bottom_3 {
        padding-bottom: 1.6rem;
    }

    .sub13 .vision_line {
        height: 4rem;
    }

    .sub13 .vision_icon_wrap {
        grid-template-columns: 1fr;
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .sub13 .vision_icon_box {
        padding: 1.8rem 1.25rem;
    }

    .sub13 .vision_icon {
        margin-bottom: 1rem;
    }

    .sub13 .vision_icon img {
        max-width: 4.625rem;
    }

    .sub13 .vision_title .font-2xl {
        font-size: 1.3rem;
    }

    .sub13 .vision_desc {
        line-height: 1.6;
        margin-bottom: 0;
    }

    .sub13 .slogan_wrap_box {
        padding-top: 3.5rem;
        padding-bottom: 4.5rem;
    }

    .sub13 .slogan_txt_box_L p:nth-child(2) .font-8xl {
        font-size: 2.1rem;
        line-height: 1.2;
    }

    .sub13 .slogan_txt_box_L .font-2xl {
        font-size: 1.25rem;
        line-height: 1.5;
    }

    .sub13 .sloan_R_desc {
        padding: 1.5rem;
        font-size: 1rem;
    }

    .sub13 .sloan_R_desc p {
        line-height: 1.75;
    }

    .sub13 .sloan_R_desc p:last-child {
        text-align: center;
    }

    .sub13 .sloan_R_desc img {
        max-width: 11.25rem;
        width: 65%;
        height: auto;
    }
}

@media (max-width: 420px) {
    .sub13 #component8756 .container,
    .sub13 #component8972 .container,
    .sub13 #component6969,
    .sub13 #component4702,
    .sub13 #component4758,
    .sub13 #component4754 {
        padding-left: 0.875rem !important;
        padding-right: 0.875rem !important;
    }

    .sub13 .hero_txt_box {
        min-height: 13.125rem;
    }

    .sub13 .hero_title {
        font-size: 2.1rem;
    }

    .sub13 .vision_cont_box .font-6xl {
        font-size: 1.65rem;
    }

    .sub13 .vision_cont_box .font-2xl,
    .sub13 .slogan_txt_box_L .font-2xl {
        font-size: 1.1rem;
    }

    .sub13 .slogan_txt_box_L p:nth-child(2) .font-8xl {
        font-size: 1.8rem;
    }
}

/* sub14-sub19 responsive */
@media (max-width: 1199px) {
    .sub14 #component8756 .container,
    .sub17 #component8756 .container,
    .sub18 #component7889 .container,
    .sub19 #component8756 .container,
    .sub15 #serveHero .container,
    .sub16 #component8756 .container {
        box-sizing: border-box;
        width: 100%;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .sub14 .hero_txt_box,
    .sub17 .hero_txt_box,
    .sub18 .hero_txt_box,
    .sub19 .hero_txt_box,
    .sub15 .hero_txt_box,
    .sub16 .hero_txt_box {
        height: 42vw;
        min-height: 17.5rem;
    }

    .sub14 #component9460,
    .sub17 #CellSec1,
    .sub18 #component8898 .container,
    .sub19 .map_grid_section,
    .sub19 .dawn_grid_section,
    .sub19 #component5708,
    .sub19 #component4104,
    .sub15 .serve_grid_4,
    .sub16 .min_grid_section,
    .sub16 #component3431 .container {
        box-sizing: border-box;
        width: 100%;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .sub14 .pastor_greeting_wrap,
    .sub16 .min_grid_section,
    .sub17 .cell_grid_section,
    .sub19 .map_grid_section,
    .sub19 .dawn_grid_section {
        gap: 3rem;
    }

    .sub15 .serve_grid_4 {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1.5rem;
    }

    .sub15 .serve_grid_4:before,
    .sub15 .serve_grid_4:after {
        content: none;
        display: none;
    }

    .sub15 .serve_grid_4 > .dimode-component {
        width: 100%;
        max-width: none;
        float: none;
        margin: 0 !important;
        padding: 0 !important;
    }

    .sub15 .serve_img_wrap {
        max-width: 100%;
    }

    .sub18 #component8898 img {
        width: 100%;
        height: auto;
    }

    .sub19 .root_daum_roughmap {
        width: 100% !important;
    }

    .sub19 .root_daum_roughmap .wrap_map {
        height: 26.25rem !important;
    }
}

@media (max-width: 991px) {
    .sub14 .pastor_greeting_wrap,
    .sub16 .min_grid_section,
    .sub17 .cell_grid_section,
    .sub19 .map_grid_section,
    .sub19 .dawn_grid_section {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .sub14 .pastor_greeting_wrap:before,
    .sub14 .pastor_greeting_wrap:after,
    .sub16 .min_grid_section:before,
    .sub16 .min_grid_section:after,
    .sub17 .cell_grid_section:before,
    .sub17 .cell_grid_section:after,
    .sub19 .map_grid_section:before,
    .sub19 .map_grid_section:after,
    .sub19 .dawn_grid_section:before,
    .sub19 .dawn_grid_section:after,
    .sub15 .serve_grid_4:before,
    .sub15 .serve_grid_4:after {
        content: none;
        display: none;
    }

    .sub14 .pastor_greeting_wrap > .dimode-unit,
    .sub16 .min_grid_section > .dimode-component,
    .sub17 .cell_grid_section > .dimode-component,
    .sub19 .map_grid_section > .dimode-component,
    .sub19 .dawn_grid_section > .dimode-component {
        width: 100%;
        max-width: none;
        float: none;
        margin: 0 !important;
    }

    .sub14 .pastor_img_main img {
        width: min(100%, 28rem);
        margin: 0 auto;
    }

    .sub14 .pastor_txt_box .font-6xl,
    .sub16 .min_title,
    .sub17 .cell_title {
        font-size: 2.2rem;
        line-height: 1.3;
    }

    .sub15 .serve_grid_4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.25rem;
    }

    .sub16 .min_order_img,
    .sub17 .cell_order_img {
        order: 1;
    }

    .sub16 .min_order_txt,
    .sub17 .cell_order_txt {
        order: 2;
    }

    .sub16 .min_txt_box,
    .sub17 .cell_txt_box {
        padding-left: 0;
        padding-right: 0;
    }

    .sub19 .loc_info_wrap {
        padding-left: 1.5rem;
    }

    .sub19 .loc_title {
        margin-bottom: 2rem;
    }

    .sub19 .dawn_driver_grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .sub14 #component8756,
    .sub17 #component8756,
    .sub18 #component7889,
    .sub19 #component8756,
    .sub15 #serveHero,
    .sub16 #component8756 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .sub14 #component8756 .container,
    .sub17 #component8756 .container,
    .sub18 #component7889 .container,
    .sub19 #component8756 .container,
    .sub15 #serveHero .container,
    .sub16 #component8756 .container,
    .sub14 #component9460,
    .sub17 #CellSec1,
    .sub18 #component8898 .container,
    .sub19 .map_grid_section,
    .sub19 .dawn_grid_section,
    .sub19 #component5708,
    .sub19 #component4104,
    .sub15 .serve_grid_4,
    .sub16 .min_grid_section,
    .sub16 #component3431 .container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .sub14 .hero_txt_box,
    .sub17 .hero_txt_box,
    .sub18 .hero_txt_box,
    .sub19 .hero_txt_box,
    .sub15 .hero_txt_box,
    .sub16 .hero_txt_box {
        height: auto;
        min-height: 15rem;
        display: flex;
        align-items: flex-end;
        padding-bottom: 2.125rem;
    }

    .sub14 .hero_txt,
    .sub17 .hero_txt,
    .sub18 .hero_txt,
    .sub19 .hero_txt,
    .sub15 .hero_txt,
    .sub16 .hero_txt {
        position: static;
        transform: none;
    }

    .sub14 .hero_title,
    .sub17 .hero_title,
    .sub18 .hero_title,
    .sub19 .hero_title,
    .sub15 .hero_title,
    .sub16 .hero_title {
        font-size: 2.25rem;
        line-height: 1.2;
    }

    .sub14 .hero_sub_title,
    .sub17 .hero_sub_title,
    .sub18 .hero_sub_title,
    .sub19 .hero_sub_title,
    .sub15 .hero_sub_title,
    .sub16 .hero_sub_title {
        font-size: 1.05rem;
        letter-spacing: 0.0625rem;
    }

    .sub14 #component9460,
    .sub17 #CellSec1,
    .sub16 .min_grid_section,
    .sub19 .map_grid_section,
    .sub19 .dawn_grid_section {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .sub14 .pastor_txt_box {
        line-height: 1.75;
        font-size: 1rem;
    }

    .sub14 .pastor_txt_box p {
        margin-bottom: 1.4rem;
    }

    .sub14 .pastor_name {
        justify-content: center;
        margin-top: 1.5rem;
    }

    .sub14 .pastor_name img {
        max-width: 10rem;
    }

    .sub15 .serve_grid_4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
        padding-top: 2rem !important;
        /* padding-bottom: 0 !important; */
    }

    .sub15 .serve_card {
        padding: 1.5rem 1.25rem;
    }

    .sub15 .serve_img_wrap {
        width: min(100%, 14rem);
        margin: 0 auto;
    }

    .sub15 .serve_name {
        font-size: 1.35rem;
    }

    .sub16 .min_img,
    .sub17 .cell_img_main {
        min-height: 13.5rem;
        object-fit: cover;
    }

    .sub16 .min_quote_box {
        margin-bottom: 1.75rem;
        padding-left: 1rem;
    }

    .sub16 .min_quote_txt,
    .sub16 .min_desc,
    .sub17 .cell_desc {
        font-size: 1rem;
        line-height: 1.7;
    }

    .sub18 #component8898 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .sub18 #component8898 .container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .sub18 #component8898 p {
        margin-bottom: 0;
    }

    .sub19 .loc_info_wrap {
        padding-left: 1rem;
    }

    .sub19 .loc_item {
        gap: 0.75rem;
    }

    .sub19 .root_daum_roughmap .wrap_map {
        height: 20rem !important;
    }

    .sub19 #component5708 {
        padding-top: 2rem !important;
        padding-bottom: 1rem !important;
    }

    .sub19 #component5708 > .dimode-unit {
        margin-top: 0 !important;
    }

    .sub19 .dawn_box {
        padding: 1.5rem;
    }

    .sub19 .dawn_bus_name {
        align-items: flex-start;
    }

    .sub19 .dawn_timeline_wrapper {
        margin-left: 0;
        padding-left: 0.75rem;
    }

    .sub19 .dawn_td_timeline {
        padding: 1rem 0 1rem 2rem !important;
    }
}

@media (max-width: 420px) {
    .sub14 #component8756 .container,
    .sub17 #component8756 .container,
    .sub18 #component7889 .container,
    .sub19 #component8756 .container,
    .sub15 #serveHero .container,
    .sub16 #component8756 .container, 
    .sub17 #CellSec1,
    .sub18 #component8898 .container,
    .sub19 .map_grid_section,
    .sub19 .dawn_grid_section,
    .sub19 #component5708,
    .sub19 #component4104,
    .sub15 .serve_grid_4, 
    .sub16 .min_grid_section,
    .sub16 #component3431 .container {
        padding-left: 0.875rem !important;
        padding-right: 0.875rem !important;
    }
	
	.sub14 #component9460{
		padding-left: 1.875rem  !important;
        padding-right: 1.875rem  !important;
	}

    .sub14 .hero_txt_box,
    .sub17 .hero_txt_box,
    .sub18 .hero_txt_box,
    .sub19 .hero_txt_box,
    .sub15 .hero_txt_box,
    .sub16 .hero_txt_box {
        min-height: 13.125rem;
    }

    .sub14 .hero_title,
    .sub17 .hero_title,
    .sub18 .hero_title,
    .sub19 .hero_title,
    .sub15 .hero_title,
    .sub16 .hero_title {
        font-size: 2rem;
    }

    .sub14 .pastor_txt_box .font-6xl,
    .sub16 .min_title,
    .sub17 .cell_title {
        font-size: 1.8rem;
    }

    .sub19 .root_daum_roughmap .wrap_map {
        height: 17.5rem !important;
    }
}

/* sub20-sub28 responsive */
@media (max-width: 1199px) {
    .sub20 #component8756 .container,
    .sub21 #component8756 .container,
    .sub22 #component8756 .container,
    .sub23 #component8756 .container,
    .sub27 #babyHero .container,
    .sub28 #component9630 .container,
    .sub20 #component8717,
    .sub21 .min_grid_section,
    .sub22 .min_grid_section,
    .sub23 .min_grid_section,
    .sub27 .nurture_grid_section,
    .sub28 #component3096,
    .sub28 .custom-directory-section {
        box-sizing: border-box;
        width: 100%;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .sub20 .hero_txt_box,
    .sub21 .hero_txt_box,
    .sub22 .hero_txt_box,
    .sub23 .hero_txt_box,
    .sub27 .hero_txt_box,
    .sub28 .hero_txt_box {
        height: 42vw;
        min-height: 17.5rem;
    }

    .sub21 .min_grid_section,
    .sub22 .min_grid_section,
    .sub23 .min_grid_section,
    .sub27 .nurture_grid_section {
        gap: 3rem;
    }

    .sub28 .custom-directory-section .custom-dir-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .sub21 .min_grid_section,
    .sub22 .min_grid_section,
    .sub23 .min_grid_section,
    .sub27 .nurture_grid_section {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .sub21 .min_grid_section:before,
    .sub21 .min_grid_section:after,
    .sub22 .min_grid_section:before,
    .sub22 .min_grid_section:after,
    .sub23 .min_grid_section:before,
    .sub23 .min_grid_section:after,
    .sub27 .nurture_grid_section:before,
    .sub27 .nurture_grid_section:after {
        content: none;
        display: none;
    }

    .sub21 .min_grid_section > .dimode-component,
    .sub22 .min_grid_section > .dimode-component,
    .sub23 .min_grid_section > .dimode-component,
    .sub27 .nurture_grid_section > .dimode-component,
    .sub27 .nurture_grid_section > .col-sm-6 {
        width: 100%;
        max-width: none;
        float: none;
        margin: 0 !important;
    }

    .sub21 .wosrhip_title .font-6xl,
    .sub22 .wosrhip_title .font-6xl,
    .sub23 .wosrhip_title .font-6xl,
    .sub27 .nurture_title .font-6xl {
        font-size: 2.2rem;
        line-height: 1.3;
    }

    .sub27 .nurture_title .font-5xl {
        font-size: 1.8rem;
        line-height: 1.35;
    }

    .sub27 .nurture_txt_box {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .sub20 #component8756,
    .sub21 #component8756,
    .sub22 #component8756,
    .sub23 #component8756,
    .sub27 #babyHero,
    .sub28 #component9630 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .sub20 #component8756 .container,
    .sub21 #component8756 .container,
    .sub22 #component8756 .container,
    .sub23 #component8756 .container,
    .sub27 #babyHero .container,
    .sub28 #component9630 .container,
    .sub20 #component8717,
    .sub21 .min_grid_section,
    .sub22 .min_grid_section,
    .sub23 .min_grid_section,
    .sub27 .nurture_grid_section,
    .sub28 #component3096,
    .sub28 .custom-directory-section {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .sub20 .hero_txt_box,
    .sub21 .hero_txt_box,
    .sub22 .hero_txt_box,
    .sub23 .hero_txt_box,
    .sub27 .hero_txt_box,
    .sub28 .hero_txt_box {
        height: auto;
        min-height: 15rem;
        display: flex;
        align-items: flex-end;
        padding-bottom: 2.125rem;
    }

    .sub20 .hero_txt,
    .sub21 .hero_txt,
    .sub22 .hero_txt,
    .sub23 .hero_txt,
    .sub27 .hero_txt,
    .sub28 .hero_txt {
        position: static;
        transform: none;
    }

    .sub20 .hero_title,
    .sub21 .hero_title,
    .sub22 .hero_title,
    .sub23 .hero_title,
    .sub27 .hero_title,
    .sub28 .hero_title {
        font-size: 2.25rem;
        line-height: 1.2;
    }

    .sub20 .hero_sub_title,
    .sub21 .hero_sub_title,
    .sub22 .hero_sub_title,
    .sub23 .hero_sub_title,
    .sub27 .hero_sub_title,
    .sub28 .hero_sub_title {
        font-size: 1.05rem;
        letter-spacing: 0.0625rem;
    }

    .sub20 #component8717,
    .sub21 .min_grid_section,
    .sub22 .min_grid_section,
    .sub23 .min_grid_section,
    .sub27 .nurture_grid_section {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .sub20 #component2206 {
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 2rem !important;
    }

    .sub20 .worship_title {
        margin-bottom: 1.25rem;
        font-size: 1.45rem;
        line-height: 1.35;
    }

    .sub20 .t_worship {
        display: block;
        width: 100%;
        font-size: 1rem;
        text-align: left;
    }

    .sub20 .t_worship tbody,
    .sub20 .t_worship tr,
    .sub20 .t_worship td {
        display: block;
        width: 100%;
    }

    .sub20 .t_worship tr {
        border-top: 0;
        border-bottom: 1px solid #d9dde4;
        padding: 1rem 0;
    }

    .sub20 .t_worship tr:first-child {
        border-top: 3px solid #091f5b;
    }

    .sub20 .t_worship td {
        border-bottom: 0;
        padding: 0.35rem 0.75rem;
    }

    .sub20 .t_worship td:first-child,
    .sub20 .t_worship td:nth-child(2),
    .sub20 .t_worship td:nth-child(3) {
        width: 100%;
    }

    .sub20 .t_worship td:first-child {
        padding-top: 0.75rem;
        background: #eff5fd;
    }

    .sub20 .t_worship td:nth-child(3) {
        padding-bottom: 0.75rem;
        background: transparent;
        color: #555;
    }

    .sub21 .min_img,
    .sub22 .min_img,
    .sub23 .min_img,
    .sub27 .carousel-inner .item img {
        width: 100%;
        min-height: 13.5rem;
        object-fit: cover;
    }

    .sub23 .min_img {
        max-height: 28rem;
        object-fit: contain;
        background: #f5f6f8;
    }

    .sub21 .worship_txt_box,
    .sub22 .worship_txt_box,
    .sub23 .worship_txt_box {
        padding-left: 0;
        padding-right: 0;
    }

    .sub21 .wosrhip_title,
    .sub22 .wosrhip_title,
    .sub23 .wosrhip_title {
        margin-bottom: 1.25rem;
    }

    .sub21 .wosrhip_title .font-6xl,
    .sub22 .wosrhip_title .font-6xl,
    .sub23 .wosrhip_title .font-6xl,
    .sub27 .nurture_title .font-6xl {
        font-size: 2rem;
    }

    .sub21 .wosrhip_desc .font-xl,
    .sub22 .wosrhip_desc .font-xl,
    .sub23 .wosrhip_desc .font-xl,
    .sub27 .nurture_desc {
        font-size: 1rem;
        line-height: 1.7;
    }

    .sub21 .wosrhip_info_wrap,
    .sub22 .wosrhip_info_wrap,
    .sub23 .wosrhip_info_wrap {
        padding: 1.25rem;
    }

    .sub21 .wosrhip_info_item,
    .sub22 .wosrhip_info_item,
    .sub23 .wosrhip_info_item {
        align-items: flex-start;
        gap: 0.75rem;
    }

    .sub21 .wosrhip_info_item .info_icon,
    .sub22 .wosrhip_info_item .info_icon,
    .sub23 .wosrhip_info_item .info_icon {
        flex: 0 0 auto;
        margin-top: 0.1rem;
    }

    .sub27 .slidesub {
        padding-bottom: 0 !important;
    }

    .sub27 .carousel-control {
        width: 12%;
    }

    .sub27 .carousel-indicators {
        bottom: 0.5rem;
    }

    .sub27 .nurture_title {
        margin-bottom: 1.25rem;
    }

    .sub27 .nurture_title .font-5xl {
        display: block;
        margin-top: 0.35rem;
        font-size: 1.35rem;
    }

    .sub28 #component3096 {
        padding-top: 2rem !important;
        padding-bottom: 1rem !important;
    }

    .sub28 .custom-modern-tabs .nav-tabs {
        flex-wrap: nowrap;
        gap: 0.5rem;
        overflow-x: auto;
        padding: 0 0 0.75rem !important;
        margin-bottom: 1.25rem;
        -webkit-overflow-scrolling: touch;
    }

    .sub28 .custom-modern-tabs .nav-tabs > li {
        flex: 0 0 auto;
    }

    .sub28 .custom-modern-tabs .nav-tabs > li > a {
        padding: 0.55rem 1rem !important;
        white-space: nowrap;
        font-size: 0.95rem;
    }

    .sub28 .dimode-tabcontent {
        padding-top: 1rem !important;
        padding-bottom: 1.5rem !important;
    }

    .sub28 .custom-directory-section {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 1rem !important;
        padding-bottom: 1.5rem !important;
    }

    .sub28 .custom-directory-section .custom-dir-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .sub28 .custom-directory-section .custom-dir-card {
        padding: 1.5rem;
    }

    .sub28 .custom-directory-section .custom-dir-card-top {
        margin-bottom: 1.25rem;
    }

    .sub28 .custom-directory-section .custom-dir-title {
        font-size: 1.25rem;
        margin-bottom: 0.5rem;
    }

    .sub28 .custom-directory-section .custom-dir-contact {
        align-items: flex-start;
        line-height: 1.5;
        word-break: break-word;
    }
}

@media (max-width: 420px) {
    .sub20 #component8756 .container,
    .sub21 #component8756 .container,
    .sub22 #component8756 .container,
    .sub23 #component8756 .container,
    .sub27 #babyHero .container,
    .sub28 #component9630 .container,
    .sub20 #component8717,
    .sub21 .min_grid_section,
    .sub22 .min_grid_section,
    .sub23 .min_grid_section,
    .sub27 .nurture_grid_section,
    .sub28 #component3096,
    .sub28 .custom-directory-section {
        padding-left: 0.875rem !important;
        padding-right: 0.875rem !important;
    }

    .sub20 .hero_txt_box,
    .sub21 .hero_txt_box,
    .sub22 .hero_txt_box,
    .sub23 .hero_txt_box,
    .sub27 .hero_txt_box,
    .sub28 .hero_txt_box {
        min-height: 13.125rem;
    }

    .sub20 .hero_title,
    .sub21 .hero_title,
    .sub22 .hero_title,
    .sub23 .hero_title,
    .sub27 .hero_title,
    .sub28 .hero_title {
        font-size: 2rem;
    }

    .sub21 .wosrhip_title .font-6xl,
    .sub22 .wosrhip_title .font-6xl,
    .sub23 .wosrhip_title .font-6xl,
    .sub27 .nurture_title .font-6xl {
        font-size: 1.8rem;
    }

    .sub28 .custom-directory-section .custom-dir-card {
        padding: 1.25rem;
    }
}

/* sub29-sub33 responsive */
@media (max-width: 1199px) {
    .sub29 #missionHero .container,
    .sub30 #missionHero .container,
    .sub31 #missionHero .container,
    .sub32 #missionHero .container,
    .sub33 #missionHero .container,
    .sub29 .mission_grid_section,
    .sub30 .mission_grid_section,
    .sub31 .mission_grid_section,
    .sub32 .mission_grid_section,
    .sub33 .mission_grid_section,
    .sub29 .mission_gallery_section,
    .sub30 .mission_gallery_section,
    .sub31 .mission_gallery_section,
    .sub33 .mission_gallery_section {
        box-sizing: border-box;
        width: 100%;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .sub29 .hero_txt_box,
    .sub30 .hero_txt_box,
    .sub31 .hero_txt_box,
    .sub32 .hero_txt_box,
    .sub33 .hero_txt_box {
        height: 42vw;
        min-height: 17.5rem;
    }

    .sub29 .mission_grid_section,
    .sub30 .mission_grid_section,
    .sub31 .mission_grid_section,
    .sub32 .mission_grid_section,
    .sub33 .mission_grid_section {
        gap: 3rem;
    }

    .sub29 .mission_gallery_section,
    .sub30 .mission_gallery_section,
    .sub31 .mission_gallery_section,
    .sub33 .mission_gallery_section {
        gap: 1.25rem;
    }

    .sub29 .mission_gallery_section > .dimode-component,
    .sub30 .mission_gallery_section > .dimode-component,
    .sub31 .mission_gallery_section > .dimode-component,
    .sub33 .mission_gallery_section > .dimode-component {
        margin: 0 !important;
        padding: 0 !important;
    }
}

@media (max-width: 991px) {
    .sub29 .mission_grid_section,
    .sub30 .mission_grid_section,
    .sub31 .mission_grid_section,
    .sub32 .mission_grid_section,
    .sub33 .mission_grid_section {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .sub29 .mission_grid_section:before,
    .sub29 .mission_grid_section:after,
    .sub30 .mission_grid_section:before,
    .sub30 .mission_grid_section:after,
    .sub31 .mission_grid_section:before,
    .sub31 .mission_grid_section:after,
    .sub32 .mission_grid_section:before,
    .sub32 .mission_grid_section:after,
    .sub33 .mission_grid_section:before,
    .sub33 .mission_grid_section:after,
    .sub29 .mission_gallery_section:before,
    .sub29 .mission_gallery_section:after,
    .sub30 .mission_gallery_section:before,
    .sub30 .mission_gallery_section:after,
    .sub31 .mission_gallery_section:before,
    .sub31 .mission_gallery_section:after,
    .sub33 .mission_gallery_section:before,
    .sub33 .mission_gallery_section:after {
        content: none;
        display: none;
    }

    .sub29 .mission_grid_section > .dimode-component,
    .sub30 .mission_grid_section > .dimode-component,
    .sub31 .mission_grid_section > .dimode-component,
    .sub32 .mission_grid_section > .dimode-component,
    .sub33 .mission_grid_section > .dimode-component {
        width: 100%;
        max-width: none;
        float: none;
        margin: 0 !important;
    }

    .sub29 .mission_gallery_section,
    .sub30 .mission_gallery_section,
    .sub31 .mission_gallery_section,
    .sub33 .mission_gallery_section {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sub29 .mission_title,
    .sub30 .mission_title,
    .sub31 .mission_title,
    .sub32 .mission_title,
    .sub33 .mission_title {
        font-size: 2.2rem;
        line-height: 1.3;
    }
}

@media (max-width: 767px) {
    .sub29 #missionHero,
    .sub30 #missionHero,
    .sub31 #missionHero,
    .sub32 #missionHero,
    .sub33 #missionHero {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .sub29 #missionHero .container,
    .sub30 #missionHero .container,
    .sub31 #missionHero .container,
    .sub32 #missionHero .container,
    .sub33 #missionHero .container,
    .sub29 .mission_grid_section,
    .sub30 .mission_grid_section,
    .sub31 .mission_grid_section,
    .sub32 .mission_grid_section,
    .sub33 .mission_grid_section,
    .sub29 .mission_gallery_section,
    .sub30 .mission_gallery_section,
    .sub31 .mission_gallery_section,
    .sub33 .mission_gallery_section {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .sub29 .hero_txt_box,
    .sub30 .hero_txt_box,
    .sub31 .hero_txt_box,
    .sub32 .hero_txt_box,
    .sub33 .hero_txt_box {
        height: auto;
        min-height: 15rem;
        display: flex;
        align-items: flex-end;
        padding-bottom: 2.125rem;
    }

    .sub29 .hero_txt,
    .sub30 .hero_txt,
    .sub31 .hero_txt,
    .sub32 .hero_txt,
    .sub33 .hero_txt {
        position: static;
        transform: none;
    }

    .sub29 .hero_title,
    .sub30 .hero_title,
    .sub31 .hero_title,
    .sub32 .hero_title,
    .sub33 .hero_title {
        font-size: 2.25rem;
        line-height: 1.2;
    }

    .sub29 .hero_sub_title,
    .sub30 .hero_sub_title,
    .sub31 .hero_sub_title,
    .sub32 .hero_sub_title,
    .sub33 .hero_sub_title {
        font-size: 1.05rem;
        letter-spacing: 0.0625rem;
    }

    .sub29 .mission_grid_section,
    .sub30 .mission_grid_section,
    .sub31 .mission_grid_section,
    .sub32 .mission_grid_section,
    .sub33 .mission_grid_section {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 2.5rem !important;
        padding-bottom: 2rem !important;
    }

    .sub29 .mission_gallery_section,
    .sub30 .mission_gallery_section,
    .sub31 .mission_gallery_section,
    .sub33 .mission_gallery_section {
        grid-template-columns: 1fr;
        gap: 1rem;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 2.5rem !important;
    }

    .sub29 .mission_img_main,
    .sub30 .mission_img_main,
    .sub31 .mission_img_main,
    .sub32 .mission_img_main,
    .sub33 .mission_img_main,
    .sub29 .mission_img_sub,
    .sub30 .mission_img_sub,
    .sub31 .mission_img_sub,
    .sub33 .mission_img_sub {
        width: 100%;
        min-height: 13.5rem;
        object-fit: cover;
    }

    .sub29 .mission_txt_box,
    .sub30 .mission_txt_box,
    .sub31 .mission_txt_box,
    .sub32 .mission_txt_box,
    .sub33 .mission_txt_box {
        padding: 0;
    }

    .sub29 .mission_title,
    .sub30 .mission_title,
    .sub31 .mission_title,
    .sub32 .mission_title,
    .sub33 .mission_title {
        margin-bottom: 1rem;
        font-size: 2rem;
        line-height: 1.35;
    }

    .sub29 .mission_desc,
    .sub30 .mission_desc,
    .sub31 .mission_desc,
    .sub32 .mission_desc,
    .sub33 .mission_desc {
        margin-bottom: 1.5rem;
        font-size: 1rem;
        line-height: 1.7;
    }

    .sub29 .mission_badge_wrap,
    .sub30 .mission_badge_wrap,
    .sub31 .mission_badge_wrap,
    .sub32 .mission_badge_wrap,
    .sub33 .mission_badge_wrap {
        gap: 0.5rem;
    }

    .sub29 .mission_badge,
    .sub30 .mission_badge,
    .sub31 .mission_badge,
    .sub32 .mission_badge,
    .sub33 .mission_badge {
        padding: 0.5rem 1rem;
        font-size: 0.95rem;
        line-height: 1.35;
    }

    .sub32 .mission_badge.badge2 {
        display: inline-flex;
        align-items: center;
        max-width: 100%;
    }

    .sub32 .mission_badge.badge2 img {
        width: 1.1rem;
        height: 1.1rem;
        object-fit: contain;
    }
}

@media (max-width: 420px) {
    .sub29 #missionHero .container,
    .sub30 #missionHero .container,
    .sub31 #missionHero .container,
    .sub32 #missionHero .container,
    .sub33 #missionHero .container,
    .sub29 .mission_grid_section,
    .sub30 .mission_grid_section,
    .sub31 .mission_grid_section,
    .sub32 .mission_grid_section,
    .sub33 .mission_grid_section,
    .sub29 .mission_gallery_section,
    .sub30 .mission_gallery_section,
    .sub31 .mission_gallery_section,
    .sub33 .mission_gallery_section {
        padding-left: 0.875rem !important;
        padding-right: 0.875rem !important;
    }

    .sub29 .hero_txt_box,
    .sub30 .hero_txt_box,
    .sub31 .hero_txt_box,
    .sub32 .hero_txt_box,
    .sub33 .hero_txt_box {
        min-height: 13.125rem;
    }

    .sub29 .hero_title,
    .sub30 .hero_title,
    .sub31 .hero_title,
    .sub32 .hero_title,
    .sub33 .hero_title {
        font-size: 2rem;
    }

    .sub29 .mission_title,
    .sub30 .mission_title,
    .sub31 .mission_title,
    .sub32 .mission_title,
    .sub33 .mission_title {
        font-size: 1.8rem;
    }
}

/* sub34-sub40 responsive */
@media (max-width: 1199px) {
    .sub34 #component9630 .container,
    .sub35 #component4725 .container,
    .sub36 #component7632 .container,
    .sub37 #component7681 .container,
    .sub38 #component1132 .container,
    .sub39 #component5734 .container,
    .sub40 #component7889 .container,
    .sub34 .dept_grid_section,
    .sub35 .dept_grid_section,
    .sub36 .dept_grid_section,
    .sub37 .dept_grid_section,
    .sub38 .dept_grid_section,
    .sub39 .dept_grid_section,
    .sub40 .dept_grid_section {
        box-sizing: border-box;
        width: 100%;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .sub34 .hero_txt_box,
    .sub35 .hero_txt_box,
    .sub36 .hero_txt_box,
    .sub37 .hero_txt_box,
    .sub38 .hero_txt_box,
    .sub39 .hero_txt_box,
    .sub40 .hero_txt_box {
        height: 42vw;
        min-height: 17.5rem;
    }

    .sub34 .dept_grid_section,
    .sub35 .dept_grid_section,
    .sub36 .dept_grid_section,
    .sub37 .dept_grid_section,
    .sub38 .dept_grid_section,
    .sub39 .dept_grid_section,
    .sub40 .dept_grid_section {
        gap: 3rem;
    }
}

@media (max-width: 991px) {
    .sub34 .dept_grid_section,
    .sub35 .dept_grid_section,
    .sub36 .dept_grid_section,
    .sub37 .dept_grid_section,
    .sub38 .dept_grid_section,
    .sub39 .dept_grid_section,
    .sub40 .dept_grid_section {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .sub34 .dept_grid_section:before,
    .sub34 .dept_grid_section:after,
    .sub35 .dept_grid_section:before,
    .sub35 .dept_grid_section:after,
    .sub36 .dept_grid_section:before,
    .sub36 .dept_grid_section:after,
    .sub37 .dept_grid_section:before,
    .sub37 .dept_grid_section:after,
    .sub38 .dept_grid_section:before,
    .sub38 .dept_grid_section:after,
    .sub39 .dept_grid_section:before,
    .sub39 .dept_grid_section:after,
    .sub40 .dept_grid_section:before,
    .sub40 .dept_grid_section:after {
        content: none;
        display: none;
    }

    .sub34 .dept_grid_section > .dimode-component,
    .sub35 .dept_grid_section > .dimode-component,
    .sub36 .dept_grid_section > .dimode-component,
    .sub37 .dept_grid_section > .dimode-component,
    .sub38 .dept_grid_section > .dimode-component,
    .sub39 .dept_grid_section > .dimode-component,
    .sub40 .dept_grid_section > .dimode-component {
        width: 100%;
        max-width: none;
        float: none;
        margin: 0 !important;
    }

    .sub34 .dept_order_img,
    .sub35 .dept_order_img,
    .sub36 .dept_order_img,
    .sub37 .dept_order_img,
    .sub38 .dept_order_img,
    .sub39 .dept_order_img,
    .sub40 .dept_order_img {
        order: 1;
    }

    .sub34 .dept_order_txt,
    .sub35 .dept_order_txt,
    .sub36 .dept_order_txt,
    .sub37 .dept_order_txt,
    .sub38 .dept_order_txt,
    .sub39 .dept_order_txt,
    .sub40 .dept_order_txt {
        order: 2;
    }

    .sub34 .dept_title,
    .sub35 .dept_title,
    .sub36 .dept_title,
    .sub37 .dept_title,
    .sub38 .dept_title,
    .sub39 .dept_title,
    .sub40 .dept_title {
        font-size: 2.2rem;
        line-height: 1.3;
    }
}

@media (max-width: 767px) {
    .sub34 #component9630,
    .sub35 #component4725,
    .sub36 #component7632,
    .sub37 #component7681,
    .sub38 #component1132,
    .sub39 #component5734,
    .sub40 #component7889 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .sub34 #component9630 .container,
    .sub35 #component4725 .container,
    .sub36 #component7632 .container,
    .sub37 #component7681 .container,
    .sub38 #component1132 .container,
    .sub39 #component5734 .container,
    .sub40 #component7889 .container,
    .sub34 .dept_grid_section,
    .sub35 .dept_grid_section,
    .sub36 .dept_grid_section,
    .sub37 .dept_grid_section,
    .sub38 .dept_grid_section,
    .sub39 .dept_grid_section,
    .sub40 .dept_grid_section {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .sub34 .hero_txt_box,
    .sub35 .hero_txt_box,
    .sub36 .hero_txt_box,
    .sub37 .hero_txt_box,
    .sub38 .hero_txt_box,
    .sub39 .hero_txt_box,
    .sub40 .hero_txt_box {
        height: auto;
        min-height: 15rem;
        display: flex;
        align-items: flex-end;
        padding-bottom: 2.125rem;
    }

    .sub34 .hero_txt,
    .sub35 .hero_txt,
    .sub36 .hero_txt,
    .sub37 .hero_txt,
    .sub38 .hero_txt,
    .sub39 .hero_txt,
    .sub40 .hero_txt {
        position: static;
        transform: none;
    }

    .sub34 .hero_title,
    .sub35 .hero_title,
    .sub36 .hero_title,
    .sub37 .hero_title,
    .sub38 .hero_title,
    .sub39 .hero_title,
    .sub40 .hero_title {
        font-size: 2.25rem;
        line-height: 1.2;
    }

    .sub34 .hero_sub_title,
    .sub35 .hero_sub_title,
    .sub36 .hero_sub_title,
    .sub37 .hero_sub_title,
    .sub38 .hero_sub_title,
    .sub39 .hero_sub_title,
    .sub40 .hero_sub_title {
        font-size: 1.05rem;
        letter-spacing: 0.0625rem;
    }

    .sub34 .dept_grid_section,
    .sub35 .dept_grid_section,
    .sub36 .dept_grid_section,
    .sub37 .dept_grid_section,
    .sub38 .dept_grid_section,
    .sub39 .dept_grid_section,
    .sub40 .dept_grid_section {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .sub34 .dept_grid_section + .dept_grid_section,
    .sub35 .dept_grid_section + .dept_grid_section,
    .sub36 .dept_grid_section + .dept_grid_section,
    .sub37 .dept_grid_section + .dept_grid_section,
    .sub38 .dept_grid_section + .dept_grid_section,
    .sub39 .dept_grid_section + .dept_grid_section,
    .sub40 .dept_grid_section + .dept_grid_section {
        padding-top: 0 !important;
    }

    .sub34 .dept_txt_box,
    .sub35 .dept_txt_box,
    .sub36 .dept_txt_box,
    .sub37 .dept_txt_box,
    .sub38 .dept_txt_box,
    .sub39 .dept_txt_box,
    .sub40 .dept_txt_box {
        padding-left: 0;
    }

    .sub34 .dept_title,
    .sub35 .dept_title,
    .sub36 .dept_title,
    .sub37 .dept_title,
    .sub38 .dept_title,
    .sub39 .dept_title,
    .sub40 .dept_title {
        font-size: 2rem;
        line-height: 1.35;
    }

    .sub34 .dept_desc,
    .sub35 .dept_desc,
    .sub36 .dept_desc,
    .sub37 .dept_desc,
    .sub38 .dept_desc,
    .sub39 .dept_desc,
    .sub40 .dept_desc {
        font-size: 1rem;
        line-height: 1.7;
    }

    .sub34 .dept_img_main,
    .sub35 .dept_img_main,
    .sub36 .dept_img_main,
    .sub37 .dept_img_main,
    .sub38 .dept_img_main,
    .sub39 .dept_img_main,
    .sub40 .dept_img_main {
        width: 100%;
        min-height: 13.5rem;
        object-fit: cover;
    }

    .sub34 .nxt_poin_img,
    .sub35 .nxt_poin_img,
    .sub36 .nxt_poin_img,
    .sub37 .nxt_poin_img,
    .sub38 .nxt_poin_img,
    .sub39 .nxt_poin_img,
    .sub40 .nxt_poin_img {
        width: 6rem;
        top: -1.25rem;
        right: -3rem;
    }

    .sub34 .dept_info_wrap,
    .sub38 .dept_info_wrap {
        margin-top: 1.5rem;
        padding: 1.25rem;
    }

    .sub34 .dept_info_item,
    .sub38 .dept_info_item {
        align-items: flex-start;
        gap: 0.75rem;
    }

    .sub34 .dept_info_item .info_icon,
    .sub38 .dept_info_item .info_icon {
        flex: 0 0 auto;
        margin-top: 0.1rem;
    }

    .sub38 .bt_box {
        margin-top: 1.25rem;
    }

    .sub38 .insta_bt {
        display: inline-flex;
        align-items: center;
        max-width: 100%;
        gap: 0.45rem;
        line-height: 1.35;
    }

    .sub38 .insta_bt img {
        width: 1.1rem;
        height: 1.1rem;
        object-fit: contain;
    }
}

@media (max-width: 420px) {
    .sub34 #component9630 .container,
    .sub35 #component4725 .container,
    .sub36 #component7632 .container,
    .sub37 #component7681 .container,
    .sub38 #component1132 .container,
    .sub39 #component5734 .container,
    .sub40 #component7889 .container,
    .sub34 .dept_grid_section,
    .sub35 .dept_grid_section,
    .sub36 .dept_grid_section,
    .sub37 .dept_grid_section,
    .sub38 .dept_grid_section,
    .sub39 .dept_grid_section,
    .sub40 .dept_grid_section {
        padding-left: 0.875rem !important;
        padding-right: 0.875rem !important;
    }

    .sub34 .hero_txt_box,
    .sub35 .hero_txt_box,
    .sub36 .hero_txt_box,
    .sub37 .hero_txt_box,
    .sub38 .hero_txt_box,
    .sub39 .hero_txt_box,
    .sub40 .hero_txt_box {
        min-height: 13.125rem;
    }

    .sub34 .hero_title,
    .sub35 .hero_title,
    .sub36 .hero_title,
    .sub37 .hero_title,
    .sub38 .hero_title,
    .sub39 .hero_title,
    .sub40 .hero_title {
        font-size: 2rem;
    }

    .sub34 .dept_title,
    .sub35 .dept_title,
    .sub36 .dept_title,
    .sub37 .dept_title,
    .sub38 .dept_title,
    .sub39 .dept_title,
    .sub40 .dept_title {
        font-size: 1.8rem;
    }

    .sub34 .nxt_poin_img,
    .sub35 .nxt_poin_img,
    .sub36 .nxt_poin_img,
    .sub37 .nxt_poin_img,
    .sub38 .nxt_poin_img,
    .sub39 .nxt_poin_img,
    .sub40 .nxt_poin_img {
        width: 5rem;
        top: -1rem;
    }
}

/* sub42-sub46 responsive */
@media (max-width: 1199px) {
    .sub42 #babyHero .container,
    .sub43 #babyHero .container,
    .sub44 #babyHero .container,
    .sub45 #babyHero .container,
    .sub46 #babyHero .container,
    .sub42 .nurture_grid_section,
    .sub43 .nurture_grid_section,
    .sub44 .nurture_grid_section,
    .sub45 .nurture_grid_section,
    .sub46 .nurture_grid_section,
    .sub46 .nurture_grid_section2 {
        box-sizing: border-box;
        width: 100%;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .sub42 .hero_txt_box,
    .sub43 .hero_txt_box,
    .sub44 .hero_txt_box,
    .sub45 .hero_txt_box,
    .sub46 .hero_txt_box {
        height: 42vw;
        min-height: 17.5rem;
    }

    .sub42 .nurture_grid_section,
    .sub43 .nurture_grid_section,
    .sub44 .nurture_grid_section,
    .sub45 .nurture_grid_section,
    .sub46 .nurture_grid_section,
    .sub46 .nurture_grid_section2 {
        gap: 3rem;
    }
}

@media (max-width: 991px) {
    .sub42 .nurture_grid_section,
    .sub43 .nurture_grid_section,
    .sub44 .nurture_grid_section,
    .sub45 .nurture_grid_section,
    .sub46 .nurture_grid_section,
    .sub46 .nurture_grid_section2 {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .sub42 .nurture_grid_section:before,
    .sub42 .nurture_grid_section:after,
    .sub43 .nurture_grid_section:before,
    .sub43 .nurture_grid_section:after,
    .sub44 .nurture_grid_section:before,
    .sub44 .nurture_grid_section:after,
    .sub45 .nurture_grid_section:before,
    .sub45 .nurture_grid_section:after,
    .sub46 .nurture_grid_section:before,
    .sub46 .nurture_grid_section:after,
    .sub46 .nurture_grid_section2:before,
    .sub46 .nurture_grid_section2:after {
        content: none;
        display: none;
    }

    .sub42 .nurture_grid_section > .dimode-component,
    .sub42 .nurture_grid_section > .dimode-unit,
    .sub42 .nurture_grid_section > .col-sm-6,
    .sub43 .nurture_grid_section > .dimode-component,
    .sub43 .nurture_grid_section > .dimode-unit,
    .sub44 .nurture_grid_section > .dimode-component,
    .sub44 .nurture_grid_section > .dimode-unit,
    .sub45 .nurture_grid_section > .dimode-component,
    .sub45 .nurture_grid_section > .dimode-unit,
    .sub46 .nurture_grid_section > .dimode-component,
    .sub46 .nurture_grid_section > .dimode-unit,
    .sub46 .nurture_grid_section2 > .dimode-component,
    .sub46 .nurture_grid_section2 > .dimode-unit {
        width: 100%;
        max-width: none;
        float: none;
        margin: 0 !important;
    }

    .sub42 .nurture_title,
    .sub43 .nurture_title,
    .sub44 .nurture_title,
    .sub45 .nurture_title,
    .sub46 .min_title {
        font-size: 2.2rem;
        line-height: 1.3;
    }

    .sub46 .m_order_1 {
        order: 1;
    }

    .sub46 .m_order_2 {
        order: 2;
    }
}

@media (max-width: 767px) {
    .sub42 #babyHero,
    .sub43 #babyHero,
    .sub44 #babyHero,
    .sub45 #babyHero,
    .sub46 #babyHero {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .sub42 #babyHero .container,
    .sub43 #babyHero .container,
    .sub44 #babyHero .container,
    .sub45 #babyHero .container,
    .sub46 #babyHero .container,
    .sub42 .nurture_grid_section,
    .sub43 .nurture_grid_section,
    .sub44 .nurture_grid_section,
    .sub45 .nurture_grid_section,
    .sub46 .nurture_grid_section,
    .sub46 .nurture_grid_section2 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .sub42 .hero_txt_box,
    .sub43 .hero_txt_box,
    .sub44 .hero_txt_box,
    .sub45 .hero_txt_box,
    .sub46 .hero_txt_box {
        height: auto;
        min-height: 15rem;
        display: flex;
        align-items: flex-end;
        padding-bottom: 2.125rem;
    }

    .sub42 .hero_txt,
    .sub43 .hero_txt,
    .sub44 .hero_txt,
    .sub45 .hero_txt,
    .sub46 .hero_txt {
        position: static;
        transform: none;
    }

    .sub42 .hero_title,
    .sub43 .hero_title,
    .sub44 .hero_title,
    .sub45 .hero_title,
    .sub46 .hero_title {
        font-size: 2.25rem;
        line-height: 1.2;
    }

    .sub42 .hero_sub_title,
    .sub43 .hero_sub_title,
    .sub44 .hero_sub_title,
    .sub45 .hero_sub_title,
    .sub46 .hero_sub_title {
        font-size: 1.05rem;
        letter-spacing: 0.0625rem;
    }

    .sub42 .nurture_grid_section,
    .sub43 .nurture_grid_section,
    .sub44 .nurture_grid_section,
    .sub45 .nurture_grid_section,
    .sub46 .nurture_grid_section,
    .sub46 .nurture_grid_section2 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .sub46 .nurture_grid_section2 {
        padding-top: 0 !important;
    }

    .sub42 .nurture_txt_box,
    .sub43 .nurture_txt_box,
    .sub44 .nurture_txt_box,
    .sub45 .nurture_txt_box,
    .sub46 .min_txt_box {
        padding-left: 0;
        padding-right: 0;
    }

    .sub42 .nurture_title,
    .sub43 .nurture_title,
    .sub44 .nurture_title,
    .sub45 .nurture_title,
    .sub46 .min_title {
        font-size: 2rem;
        line-height: 1.35;
        margin-bottom: 1.25rem;
    }

    .sub42 .nurture_desc,
    .sub43 .nurture_desc,
    .sub44 .nurture_desc,
    .sub45 .nurture_desc,
    .sub46 .min_desc {
        font-size: 1rem;
        line-height: 1.7;
    }

    .sub42 .slidesub {
        padding-bottom: 0 !important;
    }

    .sub42 .carousel-inner .item img,
    .sub43 .nurture_img img,
    .sub44 .nurture_img img,
    .sub45 .nurture_img img,
    .sub46 .nurture_img img {
        width: 100%;
        min-height: 13.5rem;
        object-fit: cover;
    }

    .sub42 .carousel-control {
        width: 12%;
    }

    .sub42 .carousel-indicators {
        bottom: 0.5rem;
    }

    .sub46 .min_quote_box {
        margin-bottom: 1.5rem;
        padding-left: 1rem;
    }

    .sub46 .min_quote_txt {
        font-size: 1.25rem;
        line-height: 1.55;
    }
}

@media (max-width: 420px) {
    .sub42 #babyHero .container,
    .sub43 #babyHero .container,
    .sub44 #babyHero .container,
    .sub45 #babyHero .container,
    .sub46 #babyHero .container,
    .sub42 .nurture_grid_section,
    .sub43 .nurture_grid_section,
    .sub44 .nurture_grid_section,
    .sub45 .nurture_grid_section,
    .sub46 .nurture_grid_section,
    .sub46 .nurture_grid_section2 {
        padding-left: 0.875rem !important;
        padding-right: 0.875rem !important;
    }

    .sub42 .hero_txt_box,
    .sub43 .hero_txt_box,
    .sub44 .hero_txt_box,
    .sub45 .hero_txt_box,
    .sub46 .hero_txt_box {
        min-height: 13.125rem;
    }

    .sub42 .hero_title,
    .sub43 .hero_title,
    .sub44 .hero_title,
    .sub45 .hero_title,
    .sub46 .hero_title {
        font-size: 2rem;
    }

    .sub42 .nurture_title,
    .sub43 .nurture_title,
    .sub44 .nurture_title,
    .sub45 .nurture_title,
    .sub46 .min_title {
        font-size: 1.8rem;
    }
}

/* sub19 responsive correction */
@media (max-width: 1199px) {
    .sub19 .map_grid_section,
    .sub19 .dawn_grid_section {
        display: grid !important;
        box-sizing: border-box;
        max-width: 100%;
    }

    .sub19 .map_grid_section > [class*="col-"],
    .sub19 .dawn_grid_section > [class*="col-"] {
        min-width: 0;
        box-sizing: border-box;
    }

    .sub19 .root_daum_roughmap {
        width: 100% !important;
        max-width: 100%;
        overflow: hidden;
    }

    .sub19 .root_daum_roughmap .wrap_map,
    .sub19 .root_daum_roughmap .wrap_controllers,
    .sub19 .root_daum_roughmap .cont {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
    }
}

@media (max-width: 991px) {
    .sub19 .map_grid_section,
    .sub19 .dawn_grid_section {
        grid-template-columns: 1fr !important;
        gap: 2rem;
    }

    .sub19 .map_grid_section > [class*="col-"],
    .sub19 .dawn_grid_section > [class*="col-"],
    .sub19 .map_grid_section > .dimode-component,
    .sub19 .dawn_grid_section > .dimode-component {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .sub19 .root_daum_roughmap .wrap_map {
        height: 22rem !important;
    }
}

@media (max-width: 767px) {
    .sub19 .map_grid_section,
    .sub19 .dawn_grid_section {
        gap: 1.5rem;
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .sub19 .loc_info_wrap {
        border-left-width: 3px;
        padding-left: 1rem;
    }

    .sub19 .loc_title {
        margin-bottom: 1.25rem;
        font-size: 1.6rem;
        line-height: 1.35;
    }

    .sub19 .loc_item {
        gap: 0.75rem;
    }

    .sub19 .loc_mt_phone {
        margin-top: 1.25rem;
    }

    .sub19 .loc_text,
    .sub19 .loc_text_title {
        font-size: 1rem;
        line-height: 1.65;
    }

    .sub19 .root_daum_roughmap .wrap_map {
        height: 18rem !important;
    }

    .sub19 .root_daum_roughmap .wrap_btn_zoom {
        transform: scale(0.86);
        transform-origin: right top;
    }

    .sub19 #component5708 {
        padding-top: 1.5rem !important;
        padding-bottom: 0.75rem !important;
    }

    .sub19 #component5708 > .dimode-unit {
        margin-top: 0 !important;
    }

    .sub19 .dawn_title {
        line-height: 1.4;
    }

    .sub19 .dawn_box {
        padding: 1.25rem;
    }

    .sub19 .dawn_bus_name {
        align-items: flex-start;
        gap: 0.65rem;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }

    .sub19 .dawn_driver_grid {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .sub19 .dawn_timeline_wrapper {
        margin-left: 0;
        padding-left: 0;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .sub19 .dawn_td_timeline {
        padding: 0.85rem 0 0.85rem 1.75rem !important;
    }

    .sub19 .dawn_svg_dot_main {
        left: -0.38rem !important;
    }

    .sub19 .dawn_svg_dot_sub {
        left: -0.32rem !important;
    }

    .sub19 .dawn_text_main,
    .sub19 .dawn_text_sub {
        display: block;
        line-height: 1.55;
        word-break: keep-all;
    }
	
	.sub42 .nurture_highlight,
	.sub43 .nurture_highlight,
    .sub44 .nurture_highlight,
    .sub45 .nurture_highlight,
    .sub46 .nurture_highlight {
        animation: none;
        background-size: 100% 100%;
    }
	
	
}

@media (max-width: 420px) {
    .sub19 .root_daum_roughmap .wrap_map {
        height: 15.5rem !important;
    }

    .sub19 .dawn_box {
        padding: 1rem;
    }

    .sub19 .dawn_td_timeline {
        padding: 0.75rem 0 0.75rem 1.5rem !important;
    }
}

/* mobile touch-scroll correction */
@media (max-width: 480px) {
    .sub15 .page-content,
    .sub20 .page-content,
    .sub29 .page-content,
    .sub30 .page-content,
    .sub31 .page-content,
    .sub33 .page-content {
        overflow: visible;
        overflow-x: clip !important;
        touch-action: pan-y;
    }

    .sub15 .dimode-theme,
    .sub20 .dimode-theme,
    .sub29 .dimode-theme,
    .sub30 .dimode-theme,
    .sub31 .dimode-theme,
    .sub33 .dimode-theme,
    .sub15 .dimode-component-WIDE,
    .sub20 .dimode-component-WIDE,
    .sub29 .dimode-component-WIDE,
    .sub30 .dimode-component-WIDE,
    .sub31 .dimode-component-WIDE,
    .sub33 .dimode-component-WIDE {
        max-width: 100%;
        overflow-x: clip;
        touch-action: pan-y;
    }

    .sub15 [data-aos],
    .sub20 [data-aos],
    .sub29 [data-aos],
    .sub30 [data-aos],
    .sub31 [data-aos],
    .sub33 [data-aos] {
        max-width: 100%;
        touch-action: pan-y;
    }
}
