﻿@media (min-width: 1500px) { #content > .container, #subgnb > .container { width: 1400px; } }


.document-readed_count{display:none;}

/*sub*/
#subtop{padding:115px 0 0;}

#content { padding:40px 0px; }
#content .third-menus { margin:10px 0 42px 0;text-align:center; }
#content .third-menus ul{ display:inline-block; }
#content .third-menus ul li { border: 1px solid #dedede; float:left; margin-left:-1px;}
#content .third-menus ul li a { color: #333;text-decoration: none;padding: 8px 17px;font-size: 12px;min-width: 160px;display: inline-block;text-align: center; }
#content .third-menus ul li.active a { color:#fff; }
#sub_title { font-size:40px; font-weight:600; margin:0px 0px 50px; border-bottom:4px solid #000; display:inline-block; padding-bottom:10px;}
#dimodePage { padding:30px 0px; border-top:1px solid #E5E5E5; }

.lnb { padding:0px 30px;}
.lnb_title { font-size:30px; border-bottom:1px solid #000; padding:40px 0px; font-weight:600; text-align:center; position:relative;}
.sub-left-triangle { position: absolute; right: 0px; top: 0; width: 0; height: 0; border-left: 30px solid transparent; border-top-width: 30px; border-top-style: solid; border-top-color: #6599CB; }
.sub_depth2 { margin-top:0px; padding-top:0px; }
.sub_depth2 li { padding: 20px 25px; border-bottom:1px solid #ddd; transition:all ease 0.3s; }
.sub_depth2 li.active, .sub_depth2 > li:hover { background:#d9d3f2; }
.sub_depth2 > li > a { color:#777; font-weight:600;  font-size:17px; text-decoration:none; }
.sub_depth2 li a { color:#777; font-weight:600;  font-size:16px; text-decoration:none; }
.sub_depth2 li i { position:relative; margin:3px 15px 0px 0px; cursor:pointer; float:right; font-size:16px;}
.sub_depth2 li i.fa-minus { display:none; }
.sub_depth2 li:last-child { border-color:#000; }
.sub_depth3 { padding:0px 15px; margin-top:15px; display:none; }
.sub_depth3.active { display:block; }
.sub_depth3 li { padding: 10px 20px; border-bottom:1px solid #999; background-color: #f4c9ff; }
.sub_depth3 li a  { color:#999; font-size:15px;  text-decoration:none;  transition:all ease 0.3s; }
.sub_depth3 li a:hover  { color:#739AB9; }
.sub_depth3.a_96 li a:hover { color:#4E5397; }
.sub_depth3.a_98 li a:hover { color:#E4C640; }
/*글자자르기*/
.dimode-theme  {word-break:keep-all;}

ul.timeline > li > span {
    display: block; width: 100%; 
    margin-bottom:5px;
}


.icircle{width:350px; padding:10px 0 30px ; border-radius: 0 0 50px 50px ;margin: 0 auto; color: #fff; font-size: 20px; }
.icircle1{background-color: #3877a0;}
.icircle2{background-color: #2b8b78;}
/*유트브*/
/*반응형
.detail-video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
#dimodeYoutube {
  position: absolute;
  width: 100%;
  height: 100%;
}
*/


/*서브메뉴*/
.d3-subgnb-menu {
    display:inline-block;    margin: 10px 0;
}
.d3-menulist {
   
    display:inline-block; padding:15px 15px;
    float:left;
}
.d3-menulist a{
    font-size:22px!important;
	color:#8F8F8F!important;
	font-weight:bold;
}
.d3-subgnb-menu div.active a {
    color:#325481!important;
    padding-bottom:10px;
    border-bottom:2px solid #B4CEF1;
	font-weight:700;
}
.d3-menulist a:hover{
	  color:#325481!important;
}
.subTitle{text-align:center;}
.root_daum_roughmap_landing{width:100%!important;}
@media (max-width:1499px) {
	.sub13 #component3259 #unit2272 > div > div{right:5%!important;}
	#component1720 #unit9399 .history_01 tbody tr td:nth-child(1){width:20%!important;}
	#component1720 #unit9399 .history_01 tbody tr td:nth-child(2){}
	#component2961 #unit9991 .wrap_map{height:577px!important;}
	#component7734 #unit5081 div span{width:90%;display:inline-block;}
	.sub27 #component7734 #unit5081 div span,
	.sub28 #component7734 #unit5081 div span{width:100%;}
	#component7232 #unit1262 .row > .col-sm-8{width:80%!important;}
	.sub30 #component9295 #unit9538 .col-sm-4{padding:0 15px!important;width:100%!important;}
	.sub30 #component7232 #unit1262 .row > .col-sm-2{width:30%!important;}
	.sub30 #component7232 #unit1262 .row > .col-sm-9{width:70%!important;}
}
@media (max-width:1199px) {
	.sub13 #component3259 #unit2272 > div{background-size: cover;background-position: left top;height: 285px!important;}
	.sub13 #component3259 #unit2272 > div > div{top:5%!important;}
	.sub12 #component3259 #unit2272 > div > div{right:5%!important;}
	#component8718 #unit1324 > div > div{transform: translate(0,-50%);top:80%!important;}
	#component4344 #unit6421 .col-xs-2{width:25%!important;}
	#component4344 #unit6421 .col-xs-10{width:75%!important;}
	#component8330 #unit9883{width:100%!important; text-align:center;}
	#component8330 #unit1671{width:100%!important;}
	#component4286 #unit5443{width:33%!important;}
	#component2961 #unit9991 .wrap_map{height:470px!important;}
	#component9905 #unit3644{width:100%!important;text-align:center;}
	#component9905 #unit5192{width:100%!important;}
	#component3259 #unit2272 > div{background-position: 85% 100%;}
	#component9295 #unit9538 > div:nth-child(2){padding:20px!important;}
	#component9295 #unit9538 .col-sm-2{width:25%!important;}
	#component9295 #unit9538 .col-sm-6 .col-sm-4{width:50%!important;}
	#component9295 #unit9538 .col-sm-6 .col-sm-8{width:50%!important;}
	#component7734 #unit5081 div span{width:85%;}
	.sub27 #component7734 #unit5081 div span,
	.sub27 #component7734 #unit5081 div span{width:100%;}
	#component7232 #unit1262 > div:nth-child(2){padding:20px!important;}
	#component3625{width:33%!important;}
}  
@media (max-width:992px) {
	#subtop {padding: 90px 0 0;}
	.sub13 #component3259 #unit2272 > div > div{width: 50%;}
	#component8718 #unit1324 > div{height: 395px!important; background-size: cover;}
	#component4344 #unit6421 .col-xs-2{width:30%!important;}
	#component4344 #unit6421 .col-xs-10{width:70%!important;padding: 20px!important;}
	#component1720 #unit9399 .history_01 tbody tr td:nth-child(1){width:25%!important;}
	#component4286 #unit5443{width:33%!important;}
	#component2961 #unit9991,
	#component2961 #unit4970{width:100%!important;}
	#component7232 #unit1262 > div:nth-child(2){padding:20px!important;}
	#component7232 #unit1262 .col-sm-2{width:25%!important;}
	#component7232 #unit1262 .col-sm-4{width:50%!important;}
	#component7232 #unit1262 .col-sm-8{width:50%!important;}
	#component3259 #unit2272 > div > div{left: 55%!important;width:100%;}
	#component7734 #unit5081 div span{width:100%!important;}
	.sub30 #component7734 #unit5081 div span{width:80%!important;}
	#component7232 #unit1262 .col-sm-6{width:100%!important;}
	#component7232 #unit1262 .col-sm-6:nth-child(1){padding-bottom:15px!important;}
	#component7232 #unit1262 .col-sm-2{width:50%!important;}
	#component7232 #unit1262 .row > .col-sm-8{width:100%!important;}
	#component9295 #unit9538 .row > .col-sm-6{width:100%!important;padding:0 15px!important;}
	#component9295 #unit9538 .row > .col-sm-6 div{padding:30px!important;}
	.sub30 #component7232 #unit1262 .row > .col-sm-2{width:50%!important;}
	.sub30 #component7232 #unit1262 .row > .col-sm-9{width:50%!important;}
	
}
@media (max-width:767px) {
	#subtop {padding: 64px 0 0;}
	.sub13 #component3259 #unit2272 > div{background-position: 175% 100%;}
	.sub13 #component3259 #unit2272 > div > div{width:65%;}
	.sub13 #component3259 #unit2272 div span:nth-child(1){font-size:20px!important;}
	.sub13 #component3259 #unit2272 div span:nth-child(3),
	.sub13 #component3259 #unit2272 div span:nth-child(3) > span{font-size:15px!important;}
	#component8718 #unit1324 > div{height: 255px!important;}
	#component8718 #unit1324 div span:nth-child(1){font-size:20px!important;}
	#component8718 #unit1324 div span:nth-child(3){font-size:15px!important;}
	#component4344 #unit6421 > div{padding:10px!important;}
	#component4344 #unit6421 .col-xs-2{display: inline-flex;align-items: center;justify-content: center;padding:0!important;}
	#component4344 #unit6421 .col-xs-10{display: inline-flex;align-items: center;justify-content: center;padding:10px!important;}
	#component4344 #unit6421 .col-xs-2 div{font-size:17px!important;}
	#component4344 #unit6421 .col-xs-10 div{font-size:15px!important;}
	#component8393 #unit6683 div{font-size:17px!important;}
	#component6181 #unit1111 table tbody tr td{font-size:15px!important;word-break:keep-all;}
	#component1720 #unit9399 .history_01 tbody tr td{font-size:15px!important;}
	#component1720 #unit9399 .history_01 tbody tr td:nth-child(1){width:50%!important;}
	#component8330 #unit1671 > div:nth-child(2){padding:20px!important;}
	#component8330 #unit1671 div p:nth-child(1){font-size:20px!important;}
	#component8330 #unit1671 div div:nth-child(2){font-size:17px!important;}
	#component4286 #unit5443{width:50%!important;display:inline-block;float: left;}
	#component4286 #unit5443 div:nth-child(3){font-size:15px!important}
	#component2961 #unit9991 .wrap_map{height:320px!important;}
	#component2298 #unit6336 p{font-size:20px!important;}
	.sub16 #component8393{margin:0!important;}
	.sub16 #component8393 #unit6683 div span{font-size:15px!important;display: inline-block;}
	#component9905 #unit5192 p{font-size:17px!important;}
	#component9905 #unit5192 div{font-size:15px!important;}
	#component7232{margin:0!important;}
	#component7232 #unit1262 .col-sm-6{width:100%!important;padding:0 0 15px 0!important;display:inline-block;}
	#component7232 #unit1262 .col-sm-4{width:100%!important;text-align:center;}
	#component7232 #unit1262 .col-sm-8{width:100%!important;text-align:center;}
	#component7232 #unit1262 .row > .col-sm-8{padding-bottom:15px;}
	#component7232 #unit1262 .col-sm-2{width:100%!important;padding:0 15px!important;font-size:17px!important;}
	#component7232 #unit1262 .col-sm-9{width:100%!important;margin-bottom:20px;text-align:center}
	.sub18 .row,
	.sub19 .row,
	.sub20 .row,
	.sub25 .row,
	.sub26 .row,
	.sub27 .row,
	.sub28 .row,
	.sub29 .row,
	.sub30 .row,
	.sub31 .row,
	.sub32 .row,
	.sub33 .row,
	.sub35 .row,
	.sub37 .row,
	.sub39 .row,
	.sub40 .row,
	.sub24 .row{margin-top:0!important;}
	#component7232 #unit1262 .col-sm-2 div span,
	#component7232 #unit1262 .col-sm-4 div span{font-size:17px!important;}
	#component7232 #unit1262 .col-sm-8 span,
	#component7232 #unit1262 .col-sm-9 span{margin-bottom:20px;font-size:15px!important;}
	#component3259 #unit2272 div span{font-size:20px!important;}
	#component3259 #unit2272 > div{background-size: cover;height:180px!important;}
	#component9295 #unit9538 div span{font-size:15px!important;}
	#component9295 #unit9538 p{font-size:17px!important;}
	#component9295 #unit9538 .new_01 li,
	#component9295 #unit9538 .new_01 li b{font-size:15px!important;}
	#component9295 #unit9538 .col-sm-6{padding:0!important;}
	#component9295 #unit9538 .col-sm-6 .col-sm-4{width:100%!important;}
	#component9295 #unit9538 .col-sm-6 .col-sm-8{width:100%!important;text-align:center;}
	#component9295 #unit9538 .col-sm-2{padding:0 15px!important;width:100%!important;}
	#component9295 #unit9538 .col-sm-8{width:100%!important;text-align:center;padding-bottom: 15px;}
	#component7734 #unit5081 p{font-size:20px!important;}
	#component7734 #unit5081 span{font-size:17px!important;}
	#component6656{padding:0!important;margin:0!important;}
	.sub28 #component6656,
	.sub29 #component6656,
	.sub30 #component6656{padding:0 0 15px!important;margin:0!important;}
	#component9295{margin:15px 0 0!important;}
	#component9295 #unit9538 > div{padding:15px 30px!important;}
	.sub28 #component9295,
	.sub29 #component9295,
	.sub30 #component9295{margin:0!important;}
	.sub28 #component9295 #unit9538 > div,
	.sub29 #component9295 #unit9538 > div,
	.sub30 #component9295 #unit9538 > div{padding:0!important;}
	#component9295 #unit9538 div ul li{margin:0!important;padding:0!important;font-size:15px!important;text-indent:0!important;}
	.sub26 #component7734 #unit5081 div span,
	.sub27 #component7734 #unit5081 div span{width:95%!important;}
	.sub30 #component7232 #unit1262 .row > .col-sm-2,
	.sub30 #component7232 #unit1262 .row > .col-sm-9{width:100%!important;}
	.sub35 #component7232 #unit1262 > div:nth-child(2) > div:last-child,
	.sub36 #component7232 #unit1262 > div:nth-child(2) > div:last-child,
	.sub37 #component7232 #unit1262 > div:nth-child(2) > div:last-child,
	.sub39 #component7232 #unit1262 > div:nth-child(2) > div:last-child,
	.sub40 #component7232 #unit1262 > div:nth-child(2) > div:last-child,
	.sub33 #component7232 #unit1262 > div:nth-child(2) > div:last-child,
	.sub32 #component7232 #unit1262 > div:nth-child(2) > div:last-child,
	.sub31 #component7232 #unit1262 > div:nth-child(2) > div:last-child{margin:0!important;font-size:17px!important;}
	#component3625{width:50%!important;float:left;}
	#component3625 #unit6414 div{font-size:17px!important;}
}
@media (max-width:320px) {
}






/*********************kjl추가*************************/

@media (max-width:767px) { 
   .page-content { font-size:15px; word-break:keep-all; }
}

/* Responsive adjustments for the supplied ichowon sub pages. */
@media (max-width: 1199px) {
    .sub52 #component1900 > .row.container {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
    }

    .sub54 #component6752,
    .sub55 #component6752 {
        display: flex;
        flex-wrap: wrap;
    }

    .sub54 #component6752 > .col-sm-2,
    .sub55 #component6752 > .col-sm-2 {
        width: 25% !important;
        flex: 0 0 25%;
        float: none;
        box-sizing: border-box;
    }

    .sub54 #component6752 > .col-sm-2 img,
    .sub55 #component6752 > .col-sm-2 img {
        display: block;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }
}

@media (max-width: 991px) {
    .sub49 #component7558 .col-sm-4 {
        width: 100%;
        padding: 0 !important;
        position: static !important;
        margin-bottom: 0.75rem;
    }

    .sub49 #component7558 .col-sm-8 {
        width: 100%;
        padding: 0 !important;
    }

    .sub49 #component7558 .row {
        margin: 0;
    }

    .sub54 #component6752 > .col-sm-2,
    .sub55 #component6752 > .col-sm-2 {
        width: 33.333% !important;
        flex-basis: 33.333%;
    }
}

@media (max-width: 767px) {
    #content .sub-left-triangle {
        display: none;
    }

    .sub48 .page-content,
    .sub49 .page-content,
    .sub51 .page-content,
    .sub52 .page-content,
    .sub53 .page-content,
    .sub54 .page-content,
    .sub55 .page-content {
        font-size: 1rem;
    }

    .sub48 #sub_title,
    .sub49 #sub_title,
    .sub51 #sub_title,
    .sub52 #sub_title,
    .sub53 #sub_title,
    .sub54 #sub_title,
    .sub55 #sub_title {
        font-size: 2rem;
        margin-bottom: 1.5rem;
    }

    .sub48 #component4104,
    .sub49 #component4104,
    .sub51 #component4104,
    .sub52 #component4104,
    .sub54 #component4104,
    .sub55 #component4104 {
        padding: 2rem 0 !important;
    }

    .sub48 #component9817,
    .sub48 #component4617 {
        width: 100%;
        float: none;
        padding: 0 !important;
    }

    .sub48 #component9817 img {
        max-width: 100%;
        height: auto;
    }

    .sub48 #component4617 {
        margin-top: 1.5rem !important;
    }

    .sub49 #component7558 #unit5733 > div {
        padding: 1rem !important;
    }

    .sub49 .history_01 {
        width: 100%;
        table-layout: fixed;
    }

    .sub49 .history_01 td {
        padding: 0.65rem 0.5rem !important;
        overflow-wrap: anywhere;
    }

    .sub49 #component2806 {
        margin-top: 2rem !important;
    }

    .sub51 #component6752 > .col-sm-6 {
        width: 100%;
        float: none;
        padding: 0 !important;
    }

    .sub51 #component6752 img {
        max-width: 100%;
        height: auto;
    }

    .sub51 .worship_01,
    .sub52 .worship_01 {
        width: 100%;
        table-layout: fixed;
    }

    .sub51 .worship_01 td,
    .sub52 .worship_01 td {
        padding: 0.55rem 0.35rem !important;
        font-size: 1rem;
        overflow-wrap: anywhere;
    }

    .sub52 .dimode-component-WIDE,
    .sub52 #component1900 {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .sub52 .dimode-component-WIDE {
        margin-left: 0;
    }

    .sub52 #component1900 {
        height: auto !important;
        min-height: 12rem;
        padding: 2rem 0 !important;
        background-size: cover;
        background-position: center;
    }

    .sub52 #component1900 .font-3xl {
        overflow-wrap: anywhere;
    }

    .sub53 #component4883 {
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .sub53 #component3253,
    .sub53 #component6016 {
        width: 100%;
        float: none;
        padding: 0 !important;
    }

    .sub53 #unit5091 > div {
        padding: 1.5rem !important;
    }

    .sub53 #unit5091 p[style*="margin-top:50px"] {
        margin-top: 1.5rem !important;
    }

    .sub53 #component6016 .root_daum_roughmap {
        width: 100% !important;
        max-width: 100%;
    }

    .sub53 #component6016 .wrap_map {
        height: 22rem !important;
    }

    .sub54 #component6752 > .col-sm-2,
    .sub55 #component6752 > .col-sm-2 {
        width: 50% !important;
        flex-basis: 50%;
    }
}

@media (max-width: 467px) {
    .sub49 .history_01 td {
        padding: 0.5rem 0.3rem !important;
    }

    .sub52 #component1900 .font-3xl {
        font-size: clamp(1rem, 4.4vw, 1.5rem);
    }

    .sub52 #component1900 .font-xl {
        font-size: 1rem;
    }

    .sub53 #component6016 .wrap_map {
        height: 19rem !important;
    }
}

/* sub87, sub88, sub89 and sub129 responsive */
@media (max-width: 1199px) {
    .sub87 #component1900 > .row.container {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
    }
}

@media (max-width: 991px) {
    .sub129 #unit6194 .row > .col-sm-6:nth-child(2) {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
}

@media (max-width: 767px) {
    .sub87 .page-content,
    .sub88 .page-content,
    .sub89 .page-content,
    .sub129 .page-content {
        font-size: 1rem;
    }

    .sub87 #sub_title,
    .sub88 #sub_title,
    .sub89 #sub_title,
    .sub129 #sub_title {
        font-size: 2rem;
        margin-bottom: 1.5rem;
    }

    .sub87 #component4104,
    .sub88 #component4104,
    .sub89 #component4104,
    .sub129 #component4104 {
        padding: 2rem 0 !important;
    }

    .sub87 .dimode-component-WIDE,
    .sub87 #component1900 {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .sub87 .dimode-component-WIDE {
        margin-left: 0;
    }

    .sub87 #component1900 {
        height: auto !important;
        min-height: 10rem;
        padding: 2rem 0 !important;
        background-size: cover;
        background-position: center;
    }

    .sub87 #unit2519 img {
        max-width: 100%;
        height: auto;
    }

    .sub87 .organ_02,
    .sub87 .organ_02 tbody {
        display: block;
        width: 100%;
    }

    .sub87 .organ_02 tr {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sub87 .organ_02 td {
        display: block;
        min-width: 0;
        padding: 0.6rem 0.4rem !important;
        overflow-wrap: anywhere;
    }

    .sub87 .organ_02 tr:first-child td:nth-child(n+3) {
        display: none;
    }

    .sub88 #component6752 > .col-sm-7,
    .sub89 #component6752 > .col-sm-7,
    .sub88 #component6752 > .col-sm-5,
    .sub89 #component6752 > .col-sm-5 {
        width: 100%;
        float: none;
        padding: 0 !important;
        margin: 0 0 1rem !important;
    }

    .sub88 #component6752 img,
    .sub89 #component6752 img {
        max-width: 100%;
        height: auto;
    }

    .sub88 #component2806,
    .sub89 #component2806 {
        margin-top: 2rem !important;
    }

    .sub88 #unit3226 > div,
    .sub89 #unit3226 > div {
        padding: 1rem !important;
    }

    .sub88 #unit3226 .row > .col-sm-6,
    .sub89 #unit3226 .row > .col-sm-6 {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        margin-bottom: 0.75rem;
    }

    .sub88 #unit3226 .row > .col-sm-6 > .col-sm-4,
    .sub89 #unit3226 .row > .col-sm-6 > .col-sm-4 {
        width: 6.5rem;
        flex: 0 0 6.5rem;
        padding: 0;
    }

    .sub88 #unit3226 .row > .col-sm-6 > .col-sm-8,
    .sub89 #unit3226 .row > .col-sm-6 > .col-sm-8 {
        width: auto;
        min-width: 0;
        flex: 1;
        padding: 0;
        margin-top: 0 !important;
    }

    .sub88 .mission_01,
    .sub89 .mission_01 {
        width: 100%;
        table-layout: fixed;
    }

    .sub88 .mission_01 td,
    .sub89 .mission_01 td {
        padding: 0.6rem 0.3rem !important;
        overflow-wrap: anywhere;
    }

    .sub129 #unit6194 > div {
        padding: 1rem !important;
    }

    .sub129 #unit6194 .row {
        margin: 0;
    }

    .sub129 #unit6194 .row > .col-sm-6 {
        width: 100%;
        float: none;
        padding: 0;
    }

    .sub129 #unit6194 .row > .col-sm-6:nth-child(2) {
        padding: 1rem 0 0 !important;
    }

    .sub129 #unit6194 img {
        display: block;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }
}

/* sub196 and board sub120-sub123 responsive */
@media (max-width: 1199px) {
    .sub196 #component4133 > .row.container,
    .sub120 #component1900 > .row.container,
    .sub121 #component1900 > .row.container,
    .sub122 #component1900 > .row.container,
    .sub123 #component1900 > .row.container {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
    }
}

@media (max-width: 991px) {
    .sub122 .welcome_01 {
        flex-wrap: wrap;
        gap: 1rem;
        padding: 0;
    }

    .sub122 .welcome_01 li {
        width: min(100%, 14rem);
        height: auto;
        aspect-ratio: 1;
        margin-left: 0;
        padding: 1rem;
        box-sizing: border-box;
    }
}

@media (max-width: 767px) {
    .sub196 .page-content,
    .sub120 .page-content,
    .sub121 .page-content,
    .sub122 .page-content,
    .sub123 .page-content {
        font-size: 1rem;
    }

    .sub196 #sub_title,
    .sub120 #sub_title,
    .sub121 #sub_title,
    .sub122 #sub_title,
    .sub123 #sub_title {
        font-size: 2rem;
        margin-bottom: 1.5rem;
    }

    .sub196 .dimode-component-WIDE,
    .sub120 .dimode-component-WIDE,
    .sub121 .dimode-component-WIDE,
    .sub122 .dimode-component-WIDE,
    .sub123 .dimode-component-WIDE {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        box-sizing: border-box;
    }

    .sub196 .dimode-component-WIDE {
        background-color: transparent !important;
    }

    .sub196 #component4133,
    .sub120 #component1900,
    .sub121 #component1900,
    .sub122 #component1900,
    .sub123 #component1900 {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .sub196 #component4133 {
        padding: 0 !important;
        margin: 1rem 0 !important;
    }

    .sub196 #component4133 > .row.container {
        display: flex;
        flex-direction: column-reverse;
    }

    .sub196 #component1007 > .col-sm-6,
    .sub196 #component4133 > .row.container > .col-sm-6 {
        width: 100%;
        float: none;
        padding: 0 !important;
    }

    .sub196 #component1007 > .col-sm-6:first-child,
    .sub196 #component4133 > .row.container > .col-sm-6:last-child {
        margin-bottom: 1rem;
    }

    .sub196 #unit5934 img,
    .sub196 #unit5203 img {
        max-width: 100%;
        height: auto;
    }

    .sub196 #unit6958 > div,
    .sub196 #unit6345 > div {
        padding: 1.25rem !important;
    }

    .sub196 #unit6958 > div > .row,
    .sub196 #unit6345 > div > .row {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        margin: 0.75rem 0 0 !important;
    }

    .sub196 #unit6958 > div > .row > .col-sm-3,
    .sub196 #unit6345 > div > .row > .col-sm-3 {
        width: 6rem;
        flex: 0 0 6rem;
        padding: 0;
    }

    .sub196 #unit6958 > div > .row > .col-sm-9,
    .sub196 #unit6345 > div > .row > .col-sm-9 {
        width: auto;
        min-width: 0;
        flex: 1;
        padding: 0;
    }

    .sub196 #unit6958 > div > .row > .col-sm-3 img,
    .sub196 #unit6345 > div > .row > .col-sm-3 img {
        width: 1.5rem;
        height: 1.5rem;
        object-fit: contain;
        vertical-align: middle;
        margin-top: 0 !important;
        margin-right: 0.4rem !important;
    }

    .sub120 #component1900,
    .sub121 #component1900,
    .sub122 #component1900,
    .sub123 #component1900 {
        height: auto !important;
        min-height: 11rem;
        padding: 2rem 0 !important;
        background-size: cover;
        background-position: center;
    }

    .sub120 .dimode-component-WIDE + #component3236,
    .sub121 .dimode-component-WIDE + #component3236,
    .sub122 .dimode-component-WIDE + #component3236,
    .sub123 .dimode-component-WIDE + #component3236 {
        margin: 2rem 0 !important;
    }

    .sub120 #component4104,
    .sub121 #component4104,
    .sub122 #component4104,
    .sub123 #component4104 {
        padding: 2rem 0 0 !important;
    }

    .sub120 #component1295 #unit1555 > div,
    .sub121 #component1295 #unit1555 > div,
    .sub122 #component1295 #unit1555 > div,
    .sub122 #component9856 #unit2655 > div {
        padding: 1rem !important;
    }
}
