﻿@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: rgba(0, 0, 0, .3) !important;}
.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;}
#daumRoughmapContainer1763959681488{width:100%!important;}
/*유트브*/
/*반응형
.detail-video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
#dimodeYoutube {
  position: absolute;
  width: 100%;
  height: 100%;
}
*/

#component4429{display:grid;grid-template-columns: repeat(2, 1fr);}
#component4429:after,
#component4429:before{content:none!important;}
#component4429 #component2436{width:100%!important;}
@media (max-width:1499px) {
    #component4240 #component9737,
    #component4240 #component6200,
    #component4240 #component8593{width:100%!important;}
    #component4240 #component9737 #unit3060,
    #component4240 #component6200 #unit4421,
    #component4240 #component8593 #unit3284{height:100%!important;}
    #component4240 #component9737 #unit3060 .box_01{height:inherit!important;}
    #component4240 #component6200 #unit4421 .box_01{height:inherit!important;}
    #component4240 #component8593 #unit3284 .box_01{height:inherit!important;}
    #component4240 .row{display:grid;grid-template-columns: repeat(2, 1fr);}
    #component4240 .row:after,
    #component4240 .row:before{content:none!important;}
    #component5177 .row:after,
    #component5177 .row:before{content:none!important;}
    #component1613 .row:after,
    #component1613 .row:before{content:none!important;}
    #component1004 .row,
    #component4743 .row{display:grid;grid-template-columns: repeat(3, 1fr);}
    #component5177 .row{display:grid;grid-template-columns: repeat(3, 1fr);}
    #component1613 .row{display:grid;grid-template-columns: repeat(3, 1fr);}
    #component4454 .row{display:grid;grid-template-columns: repeat(2, 1fr);}
    #component1004 .row:after,
    #component1004 .row:before,
    #component4743 .row:after,
    #component4743 .row:before{content:none!important;}
    #component5177 .row:after,
    #component5177 .row:before{content:none!important;}
    #component1613 .row:after,
    #component1613 .row:before{content:none!important;}
    #component4454 .row:after,
    #component4454 .row:before{content:none!important;}
    #component1004 #component4411{width:100%!important;}
    #component4743 #component5712{width:100%!important;}
    #component5177 #component4191{width:100%!important;}
    #component1613 #component1075{width:100%!important;}
    #component4454 #component1989{width:100%!important;}
    #component4454 #component1588{width:100%!important;}
    #component1004 #component4411 #unit7739{padding:0!important;}
    #component4743 #component5712 #unit4616{padding:0!important;}
    #component5177 #component4191 #unit2104{padding:0!important;}
    #component1613 #component1075 #unit5598{padding:0!important;}
    #component4454 #component1989 #unit3414{padding:0!important;}
    #component4454 #component1588 #unit5034{padding:0!important;}
    #component1004 #component4411 #unit7739 img{width:100%!important;}
    #component4743 #component5712 #unit4616 img{width:100%!important;}
    #component5177 #component4191 #unit2104 img{width:100%!important;}
    #component1613 #component1075 #unit5598 img{width:100%!important;}
    #component4454 #component1989 #unit3414 img{width:100%!important;}
    #component4454 #component1588 #unit5034 img{width:100%!important;}
    #worship{display:grid!important;grid-template-columns: repeat(2, 1fr);gap:30px!important;margin:0!important;}
    #worship .d1,
    #worship .d2{width:100%!important;margin:0!important;}
    #worship2{display:grid!important;grid-template-columns: repeat(3, 1fr);gap:30px!important;}
    #worship2 .d3{width:100%!important;margin:0!important;}
    #component3682 .row{display:grid;grid-template-columns: repeat(1, 1fr);}
    #component3682 #unit3618,
    #component3682 #unit5752{width:100%!important;}
    #component3682 #unit5752 #info{display:inline-flex;}
    #component3682 #unit5752 #info .d1,
    #component3682 #unit5752 #info .d3,
    #component3682 #unit5752 #info .d5,
    #component3682 #unit5752 #info .d7{width:20%!important;}
    #component3682 #unit5752 #info .d2,
    #component3682 #unit5752 #info .d4,
    #component3682 #unit5752 #info .d6,
    #component3682 #unit5752 #info .d8{width:80%!important;}
}
@media (max-width:1199px) {
    #component6357{display:grid;}
    #component5031{display:grid;}
    #component6357 #component6659{order:2;width:100%!important;}
    #component5031 #component9066{order:2;width:100%!important;}
    #component6357 #component5837{order:1;width:100%!important;}
    #component5031 #component5184{order:1;width:100%!important;}
    #component6357 #component5837 #unit5054{text-align:center!important;}
    #component5031 #component5184 #unit2839{text-align:center!important;}
    #component5940 #component4066 #unit6337 .box_01{padding:20px!important;}
    .tabmenu .tabbtn li a{width:inherit!important;}
    #component1004 .container{width:100%!important;}
    #component4411 #unit7739 .title_02,
    #component4411 #unit7739 .textbox_01,
    #component4411 #unit7739 .text,
    #component5712 #unit4616 .title_02,
    #component5712 #unit4616 .textbox_01,
    #component5712 #unit4616 .text,
    #component4191 #unit2104 .title_02,
    #component4191 #unit2104 .textbox_01,
    #component4191 #unit2104 .text{width:inherit!important;}
    #component1075 #unit5598 .title_02,
    #component1075 #unit5598 .textbox_01,
    #component1075 #unit5598 .text{width:inherit!important;}
    #component1989 #unit3414 .title_02,
    #component1989 #unit3414 .textbox_01,
    #component1989 #unit3414 .text{width:inherit!important;}
    #component1588 #unit5034 .title_02,
    #component1588 #unit5034 .textbox_01,
    #component1588 #unit5034 .text{width:inherit!important;}
    #worship{grid-template-columns: repeat(1, 1fr);}
    #component8833 #component1730 #unit1267 .box_01{display:grid;grid-template-columns: repeat(1, 1fr);gap:20px!important;padding:20px!important;}
    #component8833 #component1730 #unit1267 .box_01 .text{width:100%!important;}
    #component3379 #component6395 #unit9591,
    #component2858 #unit4870{display:grid!important;grid-template-columns: repeat(1, 1fr);gap:20px;}
    #component3379 #component6395 #unit9591 > div,
    #component2858 #unit4870 > div{width:100%!important;}
    #component6316 #component3912 .box_01,
    #component8519 #unit1335 .box_01{padding:25px!important;}
    #component4992 .row,
    #component5694 .row{display:grid;grid-template-columns: repeat(2, 1fr);gap:20px;}
    #component4992 .row:after,
    #component4992 .row:before,
    #component5694 .row:after,
    #component5694 .row:before{content:none!important;}
    #component4992 #component7861,
    #component5694 #component5205{width:100%!important;padding:0!important;}
}
@media (max-width:992px) {
    .box_01{padding:40px!important;}
    #component3616 > div{padding:0!important;}
    .tabmenu .tabbtn li a{font-size:17px!important;}
    #component4240 .row{display:grid;grid-template-columns: repeat(1, 1fr);}
    #component4240 #component9737 #unit3060 .box_01,
    #component4240 #component6200 #unit4421 .box_01,
    #component4240 #component8593 #unit3284 .box_01{padding:20px!important;}
    #component5755 .row{display:grid;grid-template-columns: repeat(1, 1fr);}
    #component5755 #component5033{width:100%!important;}
    #component5755 #component7898{width:100%!important;}
    #worship2 .d3{padding:20px!important;}
    #component4429 #component2436 #unit5775{height:100%;}
    #component4429 #component2436 #unit5775 .box_01{padding:30px!important;height:100%;}
    #component3682 #unit5752 #info{flex-direction: column;}
    #component3682 #unit5752 #info .d1,
    #component3682 #unit5752 #info .d3,
    #component3682 #unit5752 #info .d5,
    #component3682 #unit5752 #info .d7{width:100%!important;}
    #component3682 #unit5752 #info .d2,
    #component3682 #unit5752 #info .d4,
    #component3682 #unit5752 #info .d6,
    #component3682 #unit5752 #info .d8{width:100%!important;height:inherit!important;padding:15px!important;}
    #component4658{display:grid;grid-template-columns: repeat(1, 1fr);}
    #component4658:before,
    #component4658:after{content:none!important;}
    #component4658 #component4273,
    #component4658 #component6837{width:100%!important;}
    #component8227{display:grid;grid-template-columns: repeat(1, 1fr);}
    #component8227 #component4802,
    #component8227 #component2612,
    #component8227 #component9678{width:100%!important;}
    #component7167 #component4224{padding:0!important;}
}
@media (max-width:767px) {
    .row{margin:0!important;}
    .font-xl {font-size: 1.1rem!important;}
    .font-2xl {font-size: 1.25rem!important;}
    .s_tit_01 {font-size: 1.25rem!important;}
    .text_w {font-size: 1.3rem!important;}
    .font-3xl {font-size: 1.5rem!important;}
    .font-4xl {font-size: 1.5rem!important;}
    .title_36w {font-size: 1.8rem!important;}
    .font-6xl {font-size: 1.9rem!important;}
    .title_02 {font-size: 1.9rem!important;}
    .font-7xl {font-size: 2rem!important;}
    .title_01 {font-size: 2rem!important;}
    .font-8xl {font-size: 2.3rem!important;}
    .font-9xl {font-size: 2.5rem!important;}
    .font-10xl {font-size: 2.8rem!important;}
    .title_42 {font-size: 2rem!important;}
    .title_42w {font-size: 2rem!important;}


    .box_01{padding:20px!important;}
    #component2098 #unit7132 #textbox .box_01 .text{font-size:1.1rem!important;}
    #component2098 #unit7132 #textbox .box_01 .text span{font-size:1.3rem!important;}
    #component4267 .row{padding:0!important;}
    #component4267 #component7296 #unit7367 .title_42{padding:0!important;}
    #component6659 #unit9976 > div:nth-child(1) > span{font-size:1.7rem!important;}
    #component9066 #unit7881 > div:nth-child(1) > span{font-size:1.7rem!important;}
    #component6659 #unit9976 > div:nth-child(1) > span > span{font-size:1.5rem!important;}
    #component9066 #unit7881 > div:nth-child(1) > span > span{font-size:1.5rem!important;}
    #component6659 #unit9976 .text{font-size:1.2rem!important;}
    #component9066 #unit7881 .text{font-size:1.2rem!important;}
    #component9504{padding: 20px 0px 0px!important;}
    #component9504 #component6884 #unit2883 > div:nth-child(1) > span > span:nth-child(1){font-size:2rem!important;}
    #component3864{padding:0 0 40px!important;}
    .tabmenu .tabbtn{display:grid!important;grid-template-columns: repeat(2, 1fr);gap: 3vw;}
    .tabmenu .tabbtn li{margin:0!important;}
    .year_title{padding: 20px 0px 5px 0px!important;}
    #component4621 #component6769{padding:0!important;margin:0!important;}
    #component4240 .row{gap:3vw;}
    #component4240 #component9737,
    #component4240 #component6200,
    #component4240 #component8593{padding:0!important;margin:0!important;}
    #component4240 #component9737 #unit3060 .box_01 .text, 
    #component4240 #component6200 #unit4421 .box_01 .text, 
    #component4240 #component8593 #unit3284 .box_01 .text{font-size:1.1rem!important;}
    .s_tit_02{font-size:1.2rem!important;}
    #component6769 #unit6942 .title_02{display: flex;flex-direction: column;text-align:center!important;}
    #component5755{padding:20px 0!important;}
    #component5755 #component5033,
    #component5755 #component7898{margin:0!important;padding:0!important;}
    #component5755 #component7898 #unit2297 .title_02{text-align:center!important;}
    #component1004 .row,
    #component4743 .row,
    #component5177 .row,
    #component1613 .row,
    #component4454 .row{display:grid;grid-template-columns: repeat(1, 1fr);}
    #worship .d1,
    #worship .d2{padding:20px!important;}
    #component3616{padding: 20px 0!important}
    #component3616 #component2098 #unit7132 .title_36w{padding: 0 0 20px!important;}
    #worship2{grid-template-columns: repeat(2, 1fr);gap: 20px !important;}
    #component4429{display:grid;grid-template-columns: repeat(1, 1fr);}
    #component4429 #component2436 #unit5775 .box_01{padding:20px!important;}
    #component4007 #component5859 #unit2104{padding:0!important;}
    #component4007 #component5859 #unit2104 .text{font-size:1.2rem!important;}
    #component3682{padding:0!important;}
    #component3682 #unit3618{padding:20px 0 0!important;}
    #component3682 #unit5752{padding:0!important;}
    #component3868 #component9525 #unit9321 iframe{height:300px!important;}
    .sub45 .text{font-size:1.1rem!important;}
    #component6183 #unit6432 table:nth-child(1) tbody tr td span{font-size:1.3rem!important;}
    #component6940 #component9323 #unit5192 .title_01{font-size: 1.4rem!important;}
    #component6940 #component9323 #unit5192 .text{font-size: 1.2rem!important;}
    #component4992 .row,
    #component5694 .row{grid-template-columns: repeat(1, 1fr);}
    #component3379 #component6395:nth-child(1) #unit9591 > div:nth-child(2){font-size: 1.4rem!important;}
    #component3379 #component2858:nth-child(1) #unit4870 > div:nth-child(2){font-size: 1.4rem!important;}
    #component1922{padding:0!important;}
    #component1922 #component9878 unit7544{height:250px!important;}
    #component6791{padding:0!important;}
    #component6791 #unit9291{padding:0!important;}
    .sub71 .title_01{font-size:1.6rem!important;}
    #component2179 #component8218,
    #component2179 #component8218 #unit1704{padding:0!important;}
    #component4658 #component4273 table tbody tr td,
    #component4658 #component6837 table tbody tr td,
    #component8227 #component4802 table tbody tr td,
    #component8227 #component2612 table tbody tr td,
    #component8227 #component9678 table tbody tr td,
    #component7167 #component4224 table tbody tr td{font-size:1.1rem!important;}
    #component4267 #component7296 #unit7367 .title_42w{padding:0!important;}
    #component4267 #component7296 #unit7367 .text_w{padding: 25px 0!important;}
} 
@media (max-width:320px) {
}






/*********************kjl추가*************************/

@media (max-width:767px) { 
   .page-content { font-size:15px; word-break:keep-all; }
}
