﻿@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%;
}
*/
@media (max-width:1499px) {
    #component6829 .container, #component1982 .container, #component1029 .container, #component5339 .container, #component4417 .container, #component5476 .container, #component3812 .container{width:100%!important;}
    .ministry_wrap{gap: 1rem 4rem!important;}
    .committee_wrap2{grid-template-columns: 1fr 1fr!important;}
    #component9914 .container,
    #component4357 .container{width:100%!important;}
    .worship_wrap{grid-template-columns: 1fr 2fr!important;}
    .location_wrap{grid-template-columns: 1fr!important;gap:3rem!important;}
    #component1029 #component2474{width: 70%!important;}
    #component7891 #component5092 #unit8953 .font-8xl{font-size: 3rem!important;}
    .sub100 .course_wrap,
    .sub101 .course_wrap,
    .sub102 .course_wrap{grid-template-columns: 1fr!important;gap:3rem!important;}
    .sub100 .course_wrap #unit8953,
    .sub101 .course_wrap #unit8953,
    .sub102 .course_wrap #unit8953{order:2!important;}
    .sub100 .course_wrap #unit7701,
    .sub101 .course_wrap #unit7701,
    .sub102 .course_wrap #unit7701{order:1!important;}
    .shema_school_process{grid-template-columns: 4fr 1fr 4fr 1fr 4fr 1fr 4fr 1fr!important;}
    .service_program_box_wrap{grid-template-columns: 1fr 1fr!important;gap:2rem!important;}
    #component5476 > div{padding:2rem!important;}
}
@media (max-width:1199px) {
    .ministry_wrap{grid-template-columns: 1fr 1fr 1fr!important;}
    .worship_wrap,
    .worship_wrap2{grid-template-columns: 1fr!important;}
    .worship_wrap2 #unit9258{order:2!important;}
    .worship_wrap2 #unit4178{order:1!important;}
    .shema_info_wrap{grid-template-columns: 1fr!important;}
    .shema_info_wrap #unit9303{text-align:center;}
    .shema_school_process{grid-template-columns: 4fr 1fr 4fr 1fr 4fr 1fr!important;}
    .online_box_wrap{gap:1rem!important;}
    .online_box_wrap #component4281{padding:0!important;}
}
@media (max-width:992px) {
    .c_vision_box{padding:0!important;}
    .church_mission_wrap{grid-template-columns: 1fr!important;}
    .church_mission_wrap #component4362{border:none!important;}
    .statement_wrap{grid-template-columns: 1fr 1fr!important;}
    .location_wrap{gap:0!important;}
    #component1029{padding:3rem!important;}
    #component1029 #component2474{width:100%!important;}
    .way_wrap{gap:0!important;}
    #component4417{padding:2vw!important;}
    .course_wrap{grid-template-columns:1fr!important;}
    .course_wrap #unit8953{order:2!important;}
    .course_wrap #unit7701{order:1!important;}
    .sub100 #component7891 #component5092 #unit8953 .font-8xl,
    .sub101 #component7891 #component5092 #unit8953 .font-8xl,
    .sub102 #component7891 #component5092 #unit8953 .font-8xl {font-size: 2.6rem !important;}
    #component7891{padding:3vw!important;}
    .service_wrap_bg{padding:2rem!important;}
    .service_program_box_wrap{grid-template-columns: 1fr!important;}
    #component3812{padding: 5rem 0!important;}
    #component5476{padding:0!important;}
    .mission_wrap,
    .mission_wrap2{grid-template-columns: 1fr!important;gap: 2rem!important;}
    .mission_wrap #unit2793,
    .mission_wrap2 #unit2793{order:2;}
    .mission_wrap #unit4964,
    .mission_wrap2 #unit4964{order:1;}
    #component4357{padding:30px!important;}
    .nxt_top_wrap{grid-template-columns: 1fr!important;gap:1rem!important;}
    #component2544{display:grid;grid-template-columns: 1fr;}
    #component2544 #component1879,
    #component2544 #component5332{width:100%!important;}
    .online_box_wrap{grid-template-columns: 1fr!important;}
}
@media (max-width:767px) {
    .row{margin:0!important;}
    .font-xl {font-size: 1.1rem!important;}
    .font-2xl {font-size: 1.25rem!important;}
    .font-3xl {font-size: 1.5rem!important;}
    .font-4xl {font-size: 1.5rem!important;}
    .font-6xl {font-size: 1.9rem!important;}
    .font-7xl {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;}
    .c_vision p:first-child{margin-bottom:0!important;}
    .c_vision {padding: 2rem 0 20rem!important;}
    #component3702{padding-top: 2rem!important;padding-bottom:1rem!important;}
    .statement_wrap{grid-template-columns: 1fr!important;}
    .vision_box_title {padding-top: 1.5rem!important;}
    .statement_wrap {padding: 1rem 1rem 2rem!important;}
    .ministry_wrap {grid-template-columns: 1fr 1fr!important;gap: 1rem 2rem!important;}
    .committee_wrap2{grid-template-columns: 1fr!important;}
    .committee_wrap2 .committee_box{padding:1rem!important;}
    #component3203 #component7596{padding:0!important;}
    #component9914{padding: 5vw!important;}
    .worship_box{gap:1vw!important;}
    .worship_wrap, .worship_wrap2{gap:1vw!important;}
    .root_daum_roughmap .wrap_map{height:300px!important;}
    #component6044{padding-bottom: 2rem!important;}
    #component1029 {padding: 1rem !important;}
    .way_wrap {gap: 1rem !important;}
    #component9540{padding-top: 2rem!important;}
    #component9540 #component6335{padding:0!important;margin:0!important;}
    #component9030 #unit3969{padding-top: 2rem!important;}
    #component3593{padding-bottom: 2rem!important;}
    #component5339 #component6296 #unit3969{padding-top: 2rem!important;}
    #component5339 .padding_bottom_4{padding-bottom: 2rem!important;}
    #component7891{padding:1vw!important;}
    #component7891 #component5092 #unit8953 .font-8xl{font-size:2rem!important;}
    .course_top p:first-child {margin-bottom: 1rem!important;}
    .course_top p:nth-child(2) {margin-bottom: .5rem!important;}
    .nurture_main_img {padding: 1rem 0!important;}
    .course_wrap {grid-template-columns: 1fr !important;margin-top: 2rem!important;gap: 1rem!important;}
    .process_info_wrap{gap:3vw!important;margin-top:3vw!important;}
    .sub100 #component7891 #component5092 #unit8953 .font-8xl,
    .sub101 #component7891 #component5092 #unit8953 .font-8xl,
    .sub102 #component7891 #component5092 #unit8953 .font-8xl {font-size: 2rem !important;}
    .process_info_wrapbox{grid-template-columns: 1fr!important;gap: 3vw!important;}
    .sub100 .course_wrap,
    .sub101 .course_wrap,
    .sub102 .course_wrap{gap: 1rem !important;}
    .shema_school_process{grid-template-columns: 4fr!important;}
    .shema_info_wrap{padding:0!important;}
    #component4104{padding:2rem 0!important;}
    .shema_box{padding:1rem!important;}
    .sub103 .font-5xl {font-size: 2rem!important;}
    .service_wrap_bg{padding:0!important;}
    .service_top_box p:nth-child(2){margin:0!important;}
    .service_top_box_img{padding: 1rem 0!important;}
    .service_program_title {margin-top: 1rem!important;}
    .service_cont_box3 {padding-top: 2rem!important;}
    #component3812 {padding: 1rem 0 !important;}
    #component5476 > div {padding: 1rem !important;}
    .mission_txt_box p:first-child .font-4xl{font-size:1.5rem!important;}
    .mission_wrap, .mission_wrap2{gap:0!important;}
    #component4357{padding:0!important;}
    .goal_box{grid-template-columns: 6fr 10fr!important;}
    .goal_wrap2{grid-template-columns: 1fr!important;}
    .nxt_title_box p:first-child{margin-bottom:15px!important;}
    .nxt_top_wrap #component4348 #unit1826 .slidesub{padding:0!important;}
    #component2206{padding:30px!important;}
    #component1606{padding-top: 3rem!important;}
    .mission_txt_wrap{gap:2rem!important;}
    #component5461{padding-top: 2rem!important;}
} 
@media (max-width:320px) {
}






/*********************kjl추가*************************/

@media (max-width:767px) { 
   .page-content { font-size:15px; word-break:keep-all; }
}
