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


.document-readed_count{display:none;}
/*글자자르기*/
.dimode-theme  {word-break:keep-all;}

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


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


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

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

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

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

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






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

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



/*----------------leh 추가-----------------*/
/* ==========================================
   교회소개(sub15) 모바일 보정만
========================================== */

@media (max-width: 768px) {

    /* HERO 높이 줄이기 */
    .sub15 .yd_hero {
        min-height: 0 !important;
        height: 320px !important;
        padding: 0 !important;

        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .sub15 .yd_hero > .container {
        width: 100% !important;
        padding: 0 !important;
    }

    .sub15 .yd_hero .col-sm-12 {
        padding: 0 25px !important;
    }

    .sub15 .yd_hero_inner {
        width: 100% !important;
        max-width: 330px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        text-align: center !important;
    }

    /* WELCOME */
    .sub15 .yd_hero_eyebrow {
        display: block !important;
        margin-bottom: 15px !important;
        font-size: 11px !important;
        letter-spacing: 4px !important;
    }

    /* 메인 제목 */
    .sub15 .yd_hero_title {
        margin: 0 !important;
        font-size: 25px !important;
        line-height: 1.4 !important;
        letter-spacing: -1px !important;
        word-break: keep-all !important;
    }

    /* PC용 강제 줄바꿈 제거 */
    .sub15 .yd_hero_title br {
        display: none !important;
    }

    /* 하단 설명 */
    .sub15 .yd_hero_desc {
        margin: 20px auto 0 !important;
        font-size: 13px !important;
        line-height: 1.6 !important;
        word-break: keep-all !important;
    }
}
@media (max-width: 768px) {

    /* HERO 높이 줄이기 */
    .sub15 .yd_hero {
        min-height: 0 !important;
        height: 275px !important;
        padding: 0 !important;

        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .sub15 .yd_hero > .container {
        width: 100% !important;
        padding: 0 !important;
    }

    .sub15 .yd_hero .col-sm-12 {
        padding: 0 25px !important;
    }

    .sub15 .yd_hero_inner {
        width: 100% !important;
        max-width: 330px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        text-align: center !important;
    }

    /* WELCOME */
    .sub15 .yd_hero_eyebrow {
        display: block !important;
        margin-bottom: 15px !important;
        font-size: 11px !important;
        letter-spacing: 4px !important;
    }

    /* 메인 제목 */
    .sub15 .yd_hero_title {
        margin: 0 !important;
        font-size: 25px !important;
        line-height: 1.4 !important;
        letter-spacing: -1px !important;
        word-break: keep-all !important;
    }

    /* PC용 강제 줄바꿈 제거 */
    .sub15 .yd_hero_title br {
        display: none !important;
    }

    /* 하단 설명 */
    .sub15 .yd_hero_desc {
        margin: 20px auto 0 !important;
        font-size: 13px !important;
        line-height: 1.6 !important;
        word-break: keep-all !important;
    }
}

@media screen and (max-width: 768px) {

    /* HERO 글자 크기만 조절 */
    #content.sub15 .yd_hero_title {
        font-size: 25px !important;
        line-height: 1.35 !important;
        word-break: keep-all;
    }

    #content.sub15 .yd_hero_desc {
        font-size: 16px !important;
        line-height: 1.7 !important;
        word-break: keep-all;
    }

    /* 본문 제목 */
    #content.sub15 .yd_greeting_title {
        font-size: 27px !important;
        line-height: 1.4 !important;
        word-break: keep-all;
    }

    /* 본문 */
    #content.sub15 .yd_body {
        font-size: 15px !important;
        line-height: 1.8 !important;
        word-break: keep-all;
    }

    /* 이미지 넘침 방지만 */
    #content.sub15 .yd_greeting_img img,
    #content.sub15 .yd_value_img img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* 모바일에서 fixed 배경만 해제 */
    #content.sub15 .yd_closing_b {
        background-attachment: scroll !important;
    }
}

/*******새가족안내******/
@media (max-width: 768px) {

    /* 새가족 안내 페이지 상단 영역 */
    .sub18 .subTop,
    .sub18 .sub-visual,
    .sub18 .sub-title-wrap,
    .sub18 .page-title-wrap {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    /* 현재 위치 */
    .sub18 .location,
    .sub18 .breadcrumb,
    .sub18 .sub-location {
        font-size: 13px !important;
        line-height: 1.4 !important;
        margin-bottom: 10px !important;
    }

    /* 상단 새가족 안내 제목 */
    .sub18 .sub-title,
    .sub18 .page-title {
        font-size: 27px !important;
        line-height: 1.2 !important;
        margin-top: 8px !important;
        margin-bottom: 0 !important;
    }

    /* 새가족 안내 배너 */
    .sub18 .section-title,
    .sub18 .visual-title,
    .sub18 .hero-title {
        font-size: 25px !important;
        line-height: 1.3 !important;
    }

    /* 배너 설명 */
    .sub18 .section-desc,
    .sub18 .visual-desc,
    .sub18 .hero-desc {
        font-size: 14px !important;
        line-height: 1.7 !important;
        word-break: keep-all;
    }
}

@media (max-width: 768px) {

    /* 상단 새가족 안내 영역 */
    .sub18 .subTop {
        padding: 25px 30px 30px !important;
        min-height: auto !important;
        height: auto !important;
    }

    /* 아래 컨텐츠와 간격 */
    .sub18 .subTop + * {
        margin-top: 25px !important;
    }
}


/* 썸네일 영역은 항상 16:9 */
.sermon-box .titleIMG {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #f5f5f5;
}

/* 실제 썸네일 */
.sermon-box .titleIMG > .title-image[src*="dimode.common.loading.gif"] {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center;
}

/* 로딩 GIF일 때만 확대 방지 */
.sermon-box .titleIMG > .title-image[src*="dimode.common.loading.gif"] {
    width: 60px !important;
    height: 60px !important;
    object-fit: contain !important;

    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* 재생 버튼 */
.sermon-box .sermon-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
    z-index: 2;
}

.sermon-box .sermon-icon {
    width: auto !important;
    height: auto !important;
}

.sermon-box .titleIMG {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #f5f5f5;
}

.sermon-box .title-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* 아직 썸네일을 못 가져온 로딩 GIF */
.sermon-box .title-image[src*="dimode.common.loading.gif"] {
    width: 60px !important;
    height: 60px !important;
    object-fit: contain !important;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}