﻿/* 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; }

.lnb-title{display:none;}
.lnb-submenus {text-align:center; margin:60px 0;}
.lnb-submenus .each-menu.active { font-size:24px; font-weight:bold; display:block;}
.lnb-submenus > .each-menu.active > a:first-child {display:none;}
.lnb-submenus > .each-menu {  display:none; font-size:20px; margin:0 20px;}
.lnb-submenus > .each-menu > .each-menu{  display:inline-block; font-size:20px; margin:0 20px;}
.lnb-submenus .each-menu a {color:#000; text-decoration:none;}


@media (min-width:768px) and (max-width:992px){
	#unit9995 img {width;100%;}
	.container{width:100%;}
	.row {width:100%; margin-left:0;}
	#unit3931 {width:100%!important; padding:0!important;}
	#unit6262 {width:100%!important; padding:0 20px!important;}
	#unit3633 img {width:40%;}
	
}
@media (max-width:767px)
{
    #header .header-box { display:none;}
    #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:100px;     left: 50%; position: relative; }
     #gnb-wrap { padding:8px 0px;  }
    #gnb-wrap img { margin-top:5px; }
    .header-mobile-gnb { padding-top:0px; }
    #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; }
  	
  	/*전체*/
  	#dimodePage .dimode-sort {width:100%; margin:0!important;}
  	#dimodeBoard {margin-top:40px;}
  	
    /*교회소개*/
    #unit6105{padding-top:0px!important;}
    #unit6105 img {width:80%!important;}
    #unit1167 p span span span {font-size:32px!important;}
    #component8359 {padding-bottom:0!important;}
    #component7154 {padding-bottom:20px!important;}
    
    /*환영인사*/
    #unit1042 p span span {font-size:26px!important; padding:0 15px;}
    #component1772 {padding-bottom:0!important;}
    #unit3931 {padding-top:20px!important; width:100%!important;}
    #component6239 {padding:15px!important;}
    #unit6262 {width:100%!important; padding:0 20px!important;}
    #unit7351 {padding:0 15px!important;}
    
    /*섬기는분들*/
    #component1212 .dimode-sort {width:100%; margin:0!important; padding:0 10px!important;}
    #component1212 .dimode-sort > div {padding:0 5px!important;}
    #component1212 .dimode-sort > div > div {height:55vh!important;}
    #unit2499 > div,#unit3904 > div {text-align:center;}
    #unit9872,#unit1905,#unit8862,#unit3202,#unit3286,#unit8196,#unit2506,#unit7894
    ,#unit7824,#unit7390 {padding:0 5px!important;}
    
    #unit9872 > div > span,#unit1905 > div > span,#unit8862 > div > span,#unit3202 > div > span
    ,#unit3286 > div > span,#unit8196 > div > span,#unit2506 > div > span,#unit7894 > div > span
    ,#unit7824 > div > span,#unit7390 > div > span {font-size:20px!important;}
    
    #component1212 .dimode-sort > #component1430 > div {height: 45vh!important; margin-bottom:10px;}
    #component1212 .dimode-sort > #component2338 > div {height: 45vh!important; margin-bottom:10px;}
    #component1212 .dimode-sort > #component5410 > div {height: 45vh!important; margin-bottom:10px;}
    #component1212 .dimode-sort > #component5631 > div {height: 45vh!important; margin-bottom:10px;}
    
    /*예배 안내*/
    #component1713 {padding:0 15px;}
    #component3095,#component4922 {padding:0 20px!important;}
    
    /*오시는 길*/
    .map-content{height:260px!important;}
    #unit1433 {padding:0 15px!important;}
    #component9086 {padding:0 15px 30px!important;}
    #unit2491 > div font {font-size:22px!important;}
    #component1194,#component6898 {padding:0 15px 20px!important;}
    .table-responsive {border:none!important;}
    
    /*남선교회*/
    #unit1167 p font span {font-size:22px!important;}
    #component7762,#unit7963 {padding:0 15px!important;}
    #unit7963 {margin-top:20px!important;}
    #unit7963 div span strong span {word-break:keep-all;}
    #unit7963 div:nth-child(2) {display:none!important;}
    #component4393 {padding:0 15px!important;}
    #component4393 table tbody tr td span span span {font-size:16px!important;}
    #component4393 table tbody tr td span span {font-size:14px!important;}
    
    /*여선교회*/
    #component2996 {padding:0 15px!important;}
    
    /*다음세대*/
    #unit1167,#component8587 {padding:0 15px!important;word-break:keep-all;}
    #unit2033 {margin:10px 0;}
    #unit1780 p span span{font-size:22px!important;}
    #unit1780 {padding:0 15px!important;}
    #component8160 {padding-bottom:30px!important;}
    #component63366 #unit4057 {height:225px!important;}
    
    
    
}