#subtop { position:relative; height:350px; background-position-x:center;  background-size:auto 100%; }

#subgnb { border-bottom:1px solid #ddd; padding:10px 0px; text-align:left; }
#subgnb span { font-family:'NanumBarunGothic'; }
#subgnb span,
#subgnb a { font-size:14px; color:#999; position:relative; top:1px; }
#subgnb img { position:relative; width:22px; top:-1px;}
#subgnb span.active { color:#000; }
#subgnb .dropdown { display:inline-block;}
#subgnb .dropdown .btn { padding:5px 8px; font-size:16px; font-weight:bold; border:0px; }
#subgnb .dropdown-menu>li>a { padding:5px 20px; transition:0.3s all ease; font-size:16px;}
#subgnb .dropdown .caret { position:relative; left:0px; font-size:14px; margin-left:5px; }

#sub_menu_title  { color:#fff; font-size:46px; position:absolute; text-align:center; bottom:100px; left:0px; width:100%; letter-spacing:10px;   }

#content_title { font-size:28px; text-align:center; padding-top:50px; margin-bottom:50px;  }
.content { padding-bottom:50px; }

/*서브페이지*/

/*연혁*/
#history_tab { width:100%; text-align:center; margin-bottom:30px; }
#history_tab li { display:inline-block; width:15%; margin:0px -2px; cursor:pointer; font-size:18px; padding:15px 0px; border:1px solid #ddd; transition:all 0.3s ease; }
#history_tab li.active { color:#fff; background:#147BD3; }
#history_title { font-size:32px; text-align:center; margin-top:50px; font-weight:400; }
table.history { width:95%; margin:0 auto; border:0px; border-top:3px solid #147BD3; display:none; }
table.history td { vertical-align:top; font-size:16px; padding:10px 12px;  word-break:keep-all; border-bottom:1px solid #ddd; font-family:'nanumbarungothic'; }
table.history td p { margin:0px; }
table.history td:first-child { white-space:nowrap; background:#efefef; width:210px; }

/*섬기는 사람들*/
#people_tab { width:100%; text-align:center; margin-bottom:30px; }
#people_tab li { display:inline-block; width:25%; margin:0px -2px; cursor:pointer; font-size:18px; padding:15px 0px; border:1px solid #ddd; transition:all 0.3s ease; }
#people_tab li.active { color:#fff; background:#147BD3; }


.people_panel { display:none; }

.people1 { overflow:hidden; }
.people1 > div, .people1 > img { float:left; }
.people1_title { color:#fff; font-size:20px; background:#136db3; height:148px; padding:60px 20px 0px; }
.people1_text { border:1px solid #ddd; height:148px; padding:15px; width:230px;  }
.people1_text p { font-size:20px; font-weight:600; margin-bottom:20px; }
.people1_text a { font-size:13px; color:#fff; padding:6px 10px; background:#136db3; border-radius:25px; text-decoration:none; }

.people2 { border:1px solid #ddd; overflow:hidden; margin-bottom:30px; }
.people2 > div, .people2 > img { float:left; }
.people2 img { width:111px; }
.people2_text { padding:15px;   }
.people2_text p:first-child { font-size:18px; font-weight:600; }
.people2_text p:last-child { font-size:14px; color:#777; }

.row[name='people3'] .col-xs-6 { text-align:center; }
.people3 { text-align:center; margin-bottom: 30px; display: inline-block; border: 1px solid #ddd; }
.people3 p { margin-top:10px; font-size:18px; }


.people_header { 
    position: relative;
    z-index: 2;
    margin: 70px auto 30px;
    text-align: center;
    line-height: 160%;
    color: rgb(0, 127, 123);
    font-size: 18px;
}
.people_header:after {
	  content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top: solid 1px #ddd;
    z-index: -1;
}
.people_header span { 
    background: #136db3;
    color: #fff;
    font-size: 24px;
    text-align: center;
    margin: 0;
    padding-top:50px;
    /*padding: 50px 15px;*/
    width: 130px;
    height:130px;
  display: inline-block; }
.people_header[name='line2'] span { padding-top:40px; }

.people_popup { display:none; }
.people_popup_content { overflow:hidden;  }
.people_popup_content .col-sm-4 { text-align:center; }
.people_popup_pic { display:inline-block; }
.people_name { text-align:center; font-size:20px; }
.people_history_title { font-size:18px; font-weight:600; color:#136db3; }
.people_history_title i { margin-right:5px; }
.people_history_content { font-size:15px; color:#555; line-height:170%; margin-bottom:20px; }
.people_history_content li a { color:#555; text-decoration:none; }
.people_history_content li a i { color:#136db3; font-size:24px; position:relative; top:4px; }

.people_popup_btn a { 
		font-size: 14px;
		background: #397DBC;
    color: #fff;
    display: inline-block;
    border-radius: 25px;
    padding: 6px 12px;
    transition: all ease 0.2s;
    cursor: pointer;
    text-decoration:none;
    margin-top:-10px;
    margin-bottom:0px;
}


/*예배시간*/
.worship-box-header { position:relative; }
.worship-box-header-text { position:absolute; padding-top:70px; text-align:center; top:0px; left:0px; width:100%; height:100%; color:#fff; font-size:32px; font-weight:600; margin;0px; background:rgba(0,0,0,0.5); }
.worship-box-content { border:1px solid #ddd; padding:15px; height:330px; }
.worship-box-content table { border:0px; width:100%; table-layout:fixed; }
.worship-box-content table td { vertical-align:top; font-family:'nanumbarungothic'; }
.worship-box-content table td p:first-child { font-size:16px; margin-bottom:5px; line-height:120%; font-weight:600; color:#136db3; }
.worship-box-content table td p:first-child span { font-size:12px; color:#777; font-weight:600; }
.worship-box-content table td p:last-child { font-size:13px; }


/*오시는 길*/
.map_box { text-align:center; }
.map_box img { width:120px; }
.map_box p:nth-child(2) { font-size:20px; color:#0085d6; font-weight:600; }
.map_box p:nth-child(3) { text-align:left; font-size:16px; color:#666; display:inline-block; line-height:170%; }

#bus_header { font-size:32px; font-weight:600; margin-top:70px; text-align:center; margin-bottom:30px; }

#bus_tab { width:100%; text-align:center; margin-bottom:30px; }
#bus_tab li { display:inline-block; width:25%; margin:0px -2px; cursor:pointer; font-size:18px; padding:15px 0px; border:1px solid #ddd; transition:all 0.3s ease; }
#bus_tab li.active { color:#fff; background:#147BD3; }

.bus_panel { display:none; }

.bus_title { text-align:center; font-size:24px; font-weight:600; margin-bottom:30px;  color:#0085d6; }
.bus_title span { font-size:20px; color:#777; font-weight:400; }

.bus1 { width:100%; margin-bottom:30px; border:0px; border-top:2px solid #0085d6;  }
.bus1 th { text-align:center; padding:10px 5px; color:#0085d6; background:#ddeffb; }
.bus1 th p:first-child { font-size:18px;  margin-bottom:5px; line-height:100%;  }
.bus1 th p:first-child span { font-weight:400; font-size:14px; }
.bus1 th p:last-child { font-size:16px; margin-bottom:0px; }
.bus1 td { border:1px solid #ddd; padding:8px; font-size:13px; text-align:center; word-break:keep-all; font-family:'nanumbarungothic'; }
.bus1 td:first-child { border-left:0px; text-align:left; }
.bus1 td:last-child { border-right:0px; }
.bus1 tr[name='header'] td { background:#f7f7f7; font-weight:600; text-align:center; }

.bus2 { width:100%; margin-bottom:30px; border:0px; border-top:2px solid #0085d6;   } 
.bus2 th { text-align:center; padding:10px 5px; color:#0085d6; background:#ddeffb; font-size:16px; }
.bus2 td { border:1px solid #ddd; padding:8px; font-size:15px; text-align:center; word-break:keep-all; font-family:'nanumbarungothic'; }
.bus2 td:first-child { border-left:0px; text-align:left; }
.bus2 td:last-child { border-right:0px; width:80px; }


/*교구*/
#unit1403 { text-align:center; font-size:20px; color:#555; }


.range_table { margin-bottom:30px; border:0px; }
.range_table th { font-size:20px; border-left:0px !important; border-right:0px  !important; }
.range_table th span { color:#777; font-size:16px; font-weight:400; }
.range_table td { font-size:16px; color:#555; }
.range_table td:first-child { border-left:0px; text-align:center; width:120px; font-weight:600; }
.range_table td:nth-child(2) { text-align:center; width:180px; font-weight:600; }
.range_table td:last-child { border-right:0px; }
.range_table:first-child { border-top:2px solid #F5DCA8; }
.range_table:first-child th  { color:#d8a63f; background:#fffaf1; }

.range_table:nth-child(2) { border-top:2px solid #E8B8B8; }
.range_table:nth-child(2) th  { color:#e49090; background:#fff3ef; }

.range_table:nth-child(3) { border-top:2px solid #E9BBDB; }
.range_table:nth-child(3) th  { color:#f385d1; background:#ffeefa; }


/*남선교회/여전도회*/
.g_title { font-size:24px; text-align:center; font-weight:600; }
.g_title span { font-size:16px; color:#777; font-weight:400; }
.g_line { width:50px; margin:25px auto; border:2px solid #147BD3; }
.g_text { color:#666; text-align:center; font-size:16px; }
.gtable { margin:30px auto 80px; table-layout:fixed; max-width:700px; border-top:3px solid #147BD3; border-bottom:1px solid #147BD3;  }
.gtable td,
.gtable th { text-align:center; font-size:16px; }
.gtable th { background:#edf5fb; }
.gtable tr:last-child td { border-bottom:1px solid #147BD3; }

/*쉐마아기학교*/
#unit1529 { text-align:center; font-size:30px; color:#50abf3; margin-bottom:30px; }
#she1 { font-size:24px; text-align:center; margin-top:30px; }
#she2 { text-align:center; font-size:20px; color:#777; margin-top:30px;  }


/*교회학교*/
#school_tab { width:100%; text-align:center; margin-bottom:50px; }
#school_tab li { display:inline-block; width:25%; margin:0px -2px; cursor:pointer; font-size:18px; padding:15px 0px; border:1px solid #ddd; transition:all 0.3s ease; }
#school_tab li:nth-child(1),
#school_tab li:nth-child(2),
#school_tab li:nth-child(3), 
#school_tab li:nth-child(4) { border-bottom:0px; }
#school_tab li.active { color:#fff; background:#147BD3; }
/*.school { text-align:center; display:none; }
.school_line { width:30px; margin:25px auto; border:1px solid #147BD3; }

.school_header { font-size:36px; font-weight:600; color:#555; }
.school_slogan { font-size:24px; margin-bottom:30px; color: #66ade8; font-family: 'nanumbarungothic'; }
.school_text { margin-top:50px; font-size:20px; color:#777; }
.school_text .highlight { font-weight:600; }
.school_text p span { font-weight:600; }
*/

.school { padding:25px 0px; border-bottom:1px solid #ddd; }
.school_header { font-size:24px; font-weight:600; color:#2385d8; }
.school_line { width:30px; margin:10px 0px; border:1px solid #777; }
.school_slogan { margin-top:15px; font-size:20px; margin-bottom:15px; color: #66ade8;  text-align:center; font-weight:600; }
.school_text { font-size:15px; color:#777; text-align:center; }
.school_text .highlight { font-weight:600; }
.school_text p span { font-weight:600; }

/*청년*/ 
#young_slogan { text-align:center; margin-bottom:40px; }
#young_slogan p:first-child { font-size:26px; margin:0px; color:#2586ec; }
#young_slogan p:first-child span { font-size:16px; color:#999; }
#young_slogan p:last-child { font-size:18px; color:#777; margin:0px; }

.young_vision_title { font-size:22px; font-weight:600; margin-top:40px; text-align:center; }
#young_vision { max-width:600px; margin:0 auto; }
#young_vision > .row { margin-bottom:10px; }
.young_vision1 { font-size:18px; text-align:left; color:#fff; background:#efefef; border-radius:25px; padding:10px 20px; }
.young_vision2 { font-size:18px; padding-top:8px; }

#young_vision .row:nth-child(1) .young_vision1 { background:#3FBCD3; } 
#young_vision .row:nth-child(2) .young_vision1 { background:#6DD374; } 
#young_vision .row:nth-child(3) .young_vision1 { background:#688CD4; } 
#young_vision .row:nth-child(4) .young_vision1 { background:#F74F88; } 
#young_vision .row:nth-child(5) .young_vision1 { background:#EF8951; } 
.young_line { width:30px; margin:25px auto 40px; border:1px solid #147BD3; }

#young_goal { text-align:center; margin:50px auto 70px; }
#young_goal p {  color:#777; font-size:20px; padding:20px 15px;  display:inline-block; text-align:left; line-height:160%; border-top: 1px solid #147BD3; border-bottom: 1px solid #147BD3; }

#young_table { margin:0px auto 50px; border-top:3px solid #147BD3; border-bottom:1px solid #147BD3;  }
#young_table th, #young_table td { font-size:18px; padding:8px 10px; text-align:center; border:1px solid #ddd; }
#young_table th { background:#edf5fb; }

/*네팔*/
.nepal { overflow:hidden; }
.nepal_box { margin-bottom:50px; }
.nepal_title { font-size:18px; font-weight:600; color:#147BD3; }
.text-header { font-weight:600; color:#333; margin-top:15px !important; }
.nepal_text { font-size:15px; word-break:keep-all; color:#777; padding-left:10px; line-height:170%; }
.text_kor p { margin:0px; }
.text_eng { margin-top:10px; margin-bottom:15px; }
.nepal_text ul { list-style:circle; padding-left:20px; margin-bottom:10px; }

#nepal_tab { width:100%; text-align:center; margin-bottom:50px; }
#nepal_tab li { display:inline-block; width:25%; margin:0px -2px; cursor:pointer; font-size:18px; padding:15px 0px; border:1px solid #ddd; transition:all 0.3s ease; }
#nepal_tab li.active { color:#fff; background:#147BD3; }
.nepal_panel { display:none; }


/*유치원*/
#kinder1 { font-size:18px; color:#777; text-align:center;  margin-bottom:70px; }

#unit7721 { text-align:center; margin-bottom:70px; }
#kinder2 { display:inline-block; border:1px solid #ddd; padding:30px 50px; border-radius:25px;  }
#kinder2 p:first-child { font-size:32px; font-weight:600; color:#147BD3; }
#kinder2 p:first-child span { border-bottom:2px solid #147BD3; padding-bottom:5px; }
#kinder2 p:last-child { font-size:28px; margin-top:20px; }

#kinder3 { margin-bottom:70px; }
#kinder3_title, #kinder4_title { font-size:28px; font-weight:600; text-align:center; }
.kinder_line { width:30px; margin:25px auto 40px; border:1px solid #147BD3;  }
#kinder3 table { border:0px; table-layout:fixed;  width:100%; }
#kinder3 table td { background:#004b8c; text-align:center; font-family:'nanumsquare'; }
#kinder3 .row > div { padding:0px; }
.kinder3_box { color:#fff; display:inline-block; }
.kinder3_box_title { text-align:center; font-size:24px; font-weight:600; margin-bottom:20px; }
.kinder3_box_cont { font-size:16px; text-align:left; }

#kinder4 { margin-bottom:70px; }
.kinder4_box { border:1px solid #ddd; padding:20px 15px; background:#f9f9f9; min-height:310px; }
.kinder4_box_title { font-size:18px; font-weight:600; text-align:center; color:#147BD3; border-bottom:1px solid #ddd; padding-bottom:10px; }
.kinder4_box[name='small'] .kinder4_box_title { font-size:16px; }
.kinder4_box_content { font-size:16px; word-break:keep-all; text-align:center; color:#555;  }

.kinder5_title { margin-top:30px; }
.kinder5_title p { color:#147BD3; font-size:28px; line-height:100%; }
.kinder5_title p span { color:#777; font-size:18px; }
.kinder5_box p { text-align:center; font-size:18px; margin-top:10px; }

/*새가족*/
.new_line { width:30px; margin:25px auto 40px; border:1px solid #147BD3; }
.new1 { text-align:center; font-size:24px; font-weight:600; }
#new2 { text-align:center; font-size:18px; color:#333; line-height:160%; }
#new3 { text-align:center; font-size:16px; color:#777; margin-bottom:60px; }
.new_table { margin:0px auto 50px; border-top:3px solid #147BD3; border-bottom:1px solid #147BD3;  width:700px; max-width:700px; }
.new_table th, .new_table td { font-size:18px; padding:8px 10px; text-align:center; border:1px solid #ddd; }
.new_table td { font-size:16px; }
.new_table td:first-child { width:50px; }
.new_table th { background:#edf5fb; }


 
#third_tab { width:100%; text-align:center; margin-bottom:30px; }
#third_tab li { display:inline-block; width:33%; margin:-1px -2px 0px -2px; cursor:pointer; font-size:18px; padding:15px 0px; border:1px solid #ddd; transition:all 0.3s ease; }

#third_tab li a { text-decoration:none; }
#third_tab li.active { background:#147BD3; }
#third_tab li.active a { color:#fff; }

.choir { text-align:center; margin-bottom:30px;  }
.choir_header {     overflow: hidden;
    position: relative;
    padding: 35px 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin:0 auto 30px; 
}
.choir_header::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 30px;
    border-left: 5px solid #8dcbff;
    border-right: 5px solid #8dcbff;
    -webkit-box-sizing: border-box;
    border-top: 5px solid #8dcbff;
    box-sizing: border-box;
}
.choir_header::after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: '';
    width: 100%;
    height: 30px;
    border-left: 5px solid #8dcbff;
    border-right: 5px solid #8dcbff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 5px solid #8dcbff;
}
.choir_header p { margin:0px; font-size: 35px;
    text-align: center;
    color: #4a8fca;
    line-height: 110%; }
.choir_header p span { font-size: 24px; color:#777; } 

.choir_text { max-width:700px; margin:0 auto; padding:30px; border:1px solid #ddd; border-radius:10px; background:#efefef; }

.choir_text p { font-size:16px; color:#666; text-align:left; word-break:keep-all; line-height:160%; }
.choir_text p:last-child { margin:0px; }

.board-theme .theme-list table th, .board-theme .theme-list table td,
.board-theme .theme-detail .detail-top, .detail-upper, .detail-content  { font-size:16px !important; font-family:'nanumsquare' !important; }

.schedule .content { display:none !important; }

.show-file { display:none !important; }

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-control-text span, .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS !important;
    font-weight: normal !important;
    font-style: normal !important;
}
 
.document-readed_count { display:none !important; }

.fa-save { display:none !important; }
@media(max-width:1200px)
{
	.worship-box { margin-bottom:30px;  }
	.bus1 td,
    .bus2 td { font-size:14px; padding:5px 1px;  }
}


@media(max-width:768px)
{   
    #content_title { padding-top:30px; margin-bottom:30px; }
    #subtop { height:170px; background-size:auto 100% !important; background-position-x:center !important; }
    #sub_menu_title { bottom:50px; font-size:38px; }
    #third_tab li { font-size:13px; padding:8px 0px; }
    
    #subgnb .container { padding:5px; }
    #subgnb .dropdown .btn { font-size:14px; padding:2px 0px; }
    
    
    #unit2402 p { word-break:keep-all; line-height:170%; }
    
    
    #history_tab li { width:33%; font-size:15px; padding:8px 0px; }
    table.history td { font-size:14px; }
    table.history td:first-child { width:110px !important; word-break:inherit; white-space:inherit; }
    
    .people1 { width:224px; margin:0px auto 30px; }
    .people1_text { width:223px; }
    
    .worship-box { margin-bottom:30px;  }
    .worship-box-content { height:inherit; }
    
    #bus_tab li { width:33%; font-size:14px; }
    .bus1 td,
    .bus2 td { font-size:12px; padding:5px 1px;  }
    
 	  #unit1403 { word-break:keep-all; font-size:16px; }   
 	  
 	  .range_table td { font-size:14px; width:inherit !important; }
 	  
 	  .school_image { margin-bottom:15px; }
 	  .school_text p { text-align:left; }
 	  .school { padding:35px 0px; }
 	  
 	  .school_slogan { font-size:18px; word-break:keep-all; }
 	  
 	  #young_slogan p:first-child { font-size:18px; }
 	  #young_slogan p:last-child { font-size:16px; }
 	  
 	  .young_vision2 { padding-left:15px; margin-bottom:15px; }
 	  
 	  #young_goal p { font-size:18px; }
 	  
 	  #young_goal { margin-bottom:50px; }
 	  #young_table th, #young_table td { font-size:14px; }
 	  
 	  
 	  #nepal_tab li { width:45%; }
 	  .nepal img { margin-bottom:15px; }
 	  
 	  #kinder2 { padding:15px; }
 	  .kinder3_box_cont  { font-size:12px; }
 	  .kinder4_box  { height:inherit; min-height:inherit;  margin-bottom:15px; }
 	  .kinder5_title p span { font-size:14px; }
 	  .gtable td, .gtable th P { font-size:13px; padding:5px 3px !important; }
 	  #unit8582 * { font-size:14px !important; }
 	  
}
@media(max-width:400px)
{
		.board-theme .theme-detail .detail-video .video-js .vjs-tech { height:inherit !important; }
}