@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;
}
header {position:relative; background: #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) {
    #component1088 .sum_box {padding: 15px !important;}
    .welcome_bg:before {height: 50% !important;}
	#component5145 #unit4725 > div > div{left: 55%!important;}
}

@media (max-width:1199px) {
     .value_wrap {display:flex !important; flex-direction:column !important;}
    #component1088 .sum_box {padding: 15px !important; grid-gap: 20px !important; flex-direction: column !important; display: flex !important;}
    .welcome_bg:before {height: 30%!important;}
	#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) {
    .value_wrap {display:flex !important; flex-direction:column !important;}
    #component1088 .sum_box {padding: 15px !important; grid-gap: 20px !important; flex-direction: column !important; display: flex !important;}
    #component3424 {  height: 300px;}
    #component4317 {overflow:hidden;}
    .greeting_box { padding: 15px !important;}
	#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) {
    .dimode-component-WIDE {width: 100% !important; margin-left: 0px !important;}
    #component5008 {padding: 20px !important;}
    #component2376 {padding: 15px !important;}
    #component9641 {padding: 15px !important;}
    .notice_wrap {flex-direction: column !important;}
    .notice_wrap>div:first-child, .notice_wrap>div:nth-child(2) {border-right: none !important;}
    .notice_wrap>div {width: 100% !important;}
    .soccer_info {padding: 15px !important;}
    #unit8947 {padding: 15px !important;}
    #unit4831 {padding: 15px !important;}
    #component9643 {padding: 15px !important;}
    .ministry_info_wrap {display:flex !important; flex-direction:column !important; grid-gap: 20px !important;}
    #component2330 {padding: 30px 15px !important;}
   .nxt_wrap2  {display:flex !important; flex-direction:column-reverse !important; grid-gap: 20px !important;}
    .value_wrap {display:flex !important; flex-direction:column !important;}
    #component4427 {padding: 30px 15px !important;}
    .nxt_time_wrap {display: flex !important;}
    .nxt_wrap {display:flex !important; flex-direction: column !important; grid-gap: 10px !important;}
    .bible_txt>p:nth-child(3) {margin-top: 15px !important;}
    #component5890 {padding: 15px !important;}
    .bible_intro {padding: 15px 0 !important;}
    .top_title1 {margin-bottom: 15px !important;}
    #unit3302 {padding: 25px 15px !important;}
    #component3row {padding: 20px !important;}
    .book_box {padding: 15px !important;}
    #component1088 .sum_box {padding: 15px !important; grid-gap: 20px !important; display: grid !important;}
    .font-4xl {font-size: 25px !important;}
    #component3424 .dimode-unit {padding: 40px 25px 30px !important;}
    .top_title_bg {height: auto !important; }
    #component3424 {  background-position: top !important; background-repeat: no-repeat !important; height: 300px;}
    .page-content { font-size: 15px !important; line-height: 160% !important; }
    .panel-body>.vision_cont {padding: 10px !important;}
    .font-2xl {font-size: 17px !important;}
    .font-3xl {font-size: 17px !important;}
    .pastor_img img {width: 300px; }
    .font-6xl {font-size: 25px !important;}
    .vision_title {margin-bottom: 30px !important; }
    #component8801 {padding:35px 0px !important; }
    .greeting_box>p {font-size: 16px !important;}
    .welcome_bg:before { transform:translateX(0%) !important; background-position-x: 0% !important; background-size: contain !important;}
    .greeting_box {padding: 15px !important;}
    .sub-unit { background-size: auto; background-position: center;}
    #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-position: right; background-size: contain;}
	.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:550px) {
    #component1088 .sum_box { display: inline-block !important;}
        .sub-unit {padding: 85px 0px 30px 0px !important; background-size: contain;}

}

@media (max-width:430px) {
     #component4427 .box {height: 240px !important;}
    .sub-unit {
        padding: 150px 0px 30px 0px !important;
        background-size: contain;
    }
	.welcome_bg {padding: 160px 0;}
	.welcome_bg:before { content: none !important;}

}




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

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