/* style s */
/* style e */

.depth4 { text-align:right; }
.depth4 li { display:inline-block; padding:5px 10px; margin:0px 15px; }
.depth4 li a  { text-decoration:none; font-size:16px; color:#000; font-family:NanumBarunGothic; }
.depth4 li.active { border-bottom:3px solid; }
.depth4 li.active a { font-weight:500; }


#tabs_96 li.active a { background: #4E5397; border-color: #4E5397; }
#tabs_97 li.active a { background: #7796B5; border-color: #7796B5; }
#tabs_98 li.active a { background: #E4C640; border-color: #E4C640; }
#tabs_99 li.active a { background: #65ADC6; border-color: #65ADC6; }

#tabs2_96 li.active, #tabs2_96 li.active a  { color:#4E5397; border-color: #4E5397; }
#tabs2_97 li.active, #tabs2_97 li.active a  { color:#7796B5; border-color: #7796B5; }
#tabs2_98 li.active, #tabs2_98 li.active a  { color:#E4C640; border-color: #E4C640; }
#tabs2_99 li.active, #tabs2_99 li.active a  { color:#65ADC6; border-color: #65ADC6; }


.video-container { position: relative; height: 0; padding-top: 30px; padding-bottom: 53.6%; overflow: hidden;  }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0px; }
#sermon_main { text-align:center; font-size:24px; font-family:'NanumBarunGothic'; color:#333; margin:30px auto; border-bottom:1px solid #ddd; padding-bottom:30px; }
#sm-date { position:relative; margin-right:30px; font-family:'NanumBarunGothic'; }


#worship-banner { margin-bottom: 50px; }
#sermon-wrap .row { display:flex; margin-bottom:30px; }
.sermon { border:1px solid #ddd; padding:20px; margin-bottom:30px; height:100% }
.sermon table { width:100%; border:0px; }
.sermon table td { padding:5px 3px 3px; color:#777;  border-bottom:1px solid #ddd; padding-bottom:10px; }
.sermon table td.bTitle { font-size:18px; padding-top:10px; line-height:170%; padding-left:10px;  }
.sermon table td.bTitle a { color:#777; text-decoration:none; font-weight:600; transition:all ease 0.3s; }
p.bDate { font-size:14px; margin-bottom:0px; }
.sermon table td.bDate img { border:1px solid #ddd; }
.sermon table td.bDate, .sermon table td.bMeta { }
.sermon table td.bMeta { }
.sermon table td .bBible { float:left; }
.sermon table td .bSpeaker { float:right; }
.sermon table td .bBible, .sermon table td .bSpeaker { font-size:13px; font-weight:400; }
.sermonboardtitle { color:#555; font-family:NanumBarunGothic; text-align:center; font-size:26px; line-height:100%; }
.sermonboardtitle a { color:#555; text-decoration:none; }
.sermonboardtitle span { font-size:16px; }
.sermon table { margin-top:30px; }
.sermon table tr:last-child td { border-bottom:0px; }
.sermon table td.bTitle a:hover { color:#7796b5; }

.worship-wrap { display:flex; margin-bottom:30px; }
.worship { border:1px solid #ddd; padding:20px 15px; height:100%; }
.worship table { width:100%; border:0px; }
.worship table td { padding:10px 3px; color:#777; }
.worship table td.bTitle { font-size:13px; padding-top:10px;}
.worship table td.bTitle a { color:#777; text-decoration:none; }
.worship table td.bTitle span { float:right; font-size:12px;}

.worship table td.bDate { width:70px; }
.worship table td.bDate, .worship table td.bTitle { border-bottom:1px solid #ddd; }
.worship table td .bBible { float:left; }
.worship table td .bSpeaker { float:right; }

.gallery-wrap { margin-bottom:50px;}
.gallery-title { font-size:24px; font-weight:600; border-bottom:1px solid #ddd; padding-bottom:10px; }
.gallery-title a {float:right; font-size:14px; margin-top:15px; color:#aaa;  text-decoration:none;}
.gallery-thumb-wrap { overflow:hidden; }
.gallery-thumb-wrap > div { position:relative; }
.gallery-thumb { text-align:center; height:100%; cursor:pointer; margin-bottom:15px; }
.thumbimage { overflow:hidden; border:1px solid #ddd; height: 170px !important }
.gallery-thumb img {  max-width:inherit !important; }
.gallery-doc-title { font-size:16px; font-weight:600; margin-top:10px;     overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }


#school-wrap { min-height:600px; background:#ddd; }


#unit7897 {
    display: none;
    overflow:hidden;
}
#mongole_video { width:100%; }

.sermonboardtitle { border-bottom: 1px solid #dfdfdf; padding-bottom:15px; }

.edubox { border:1px solid #ddd; padding:20px 15px; border-right:0px; border-bottom:0px; }
.edubox:nth-child(4), .edubox:nth-child(6),.edubox:nth-child(8) { border-bottom:1px solid #ddd; }
.edubox:nth-child(3n) { border-right:1px solid #ddd; }
.edubox:nth-child(7) { border:0px; }
.edubox:last-child { border-right:1px solid #ddd; }

.edubox p { text-align:center; margin-top:15px; margin-bottom:0px; }
.edubox p a { color:#333; font-size:16px; text-decoration:none; font-weight:600; }
.eduthumb { height:200px; overflow:hidden;   }
.eduthumb img { height:100%; width:inherit; max-width:inherit; transition:all 0.3s ease; }
.eduthumb img:hover { opacity:0.8; }

@media(max-width:768px)
{
    #header .header-box { display:none;}
    .widget-login { padding:10px 0px;}
    
    #content { padding-top:15px; }
    #sub_title { font-size:20px; margin-bottom:30px; border-bottom:1px solid #ddd; padding-bottom:10px; }
    #subgnb { padding:5px 0px 8px;}
    #subgnb img { width:20px; }
    #subgnb span { font-size:12px; top:2px; }
    #subtop img { max-width:inherit; width:inherit; height:120px;     /*left: 50%;*/ position: relative; }
     #gnb-wrap { padding:8px 0px;  }
    #gnb-wrap img { margin-top:5px; }
    .header-mobile-gnb { padding-top:4px; }
    #sitemap-wrap { display:none; }
    #subtop { overflow:hidden; }
    #content .container { padding:0px; }
    #content .third-menus { display:none; }

    #subgnb span, #subgnb a { font-size:12px; letter-spacing:-1px; }
    #sermon_main { padding:10px; font-size:16px;}
    #sermon-wrap .row { display:block; }
    .worship-wrap { display:block;}
    .depth4 { margin-bottom:10px;}
    .depth4 li { padding:3px; margin:3px;}
    .depth4 li a { font-size:14px; }
    
		.eduthumb { height:100px; }
		.edubox:nth-child(7) { display:none; }
		.edubox:nth-child(odd) { border-right:0px; }
		.edubox:nth-child(even) { border-right:1px solid #ddd; }
		
		.edubox:nth-child(4) { border-bottom:0px; }
		
		
		#component4381, #component5364 { width:50%; float:left;   }
		#component5364  .col-sm-6:last-child { height:100px; }
		#component5364  .col-sm-6:last-child > div:first-child { font-size:18px !important; text-align:center; }
		#component5364  .col-sm-6:last-child > div:nth-child(2) { display:none; }
		#component5364  .col-sm-6:last-child > div:last-child { text-align:center; font-size:14px !important; }
		
		
}