@import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

@font-face {
 font-family: 'NanumBarunpen';
 src: url(webfont/NanumBarunpen/NanumBarunpenR.eot);
 src: url(webfont/NanumBarunpen/NanumBarunpenR.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumBarunpen/NanumBarunpenR.woff) format('woff'),
      url(webfont/NanumBarunpen/NanumBarunpenR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumBarunGothic';
 src: url(webfont/NanumBarunGothic/NanumBarunGothicWeb.eot);
 src: url(webfont/NanumBarunGothic/NanumBarunGothicWeb.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumBarunGothic/NanumBarunGothicWeb.woff) format('woff'),
      url(webfont/NanumBarunGothic/NanumBarunGothicWeb.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumBareunGothicUltraLight';
 src: url(webfont/NanumBarunGothicL/NanumBarunGothicWebUltraLight.eot);
 src: url(webfont/NanumBarunGothicL/NanumBarunGothicWebUltraLight.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumBarunGothicL/NanumBarunGothicWebUltraLight.woff) format('woff'),
      url(webfont/NanumBarunGothicL/NanumBarunGothicWebUltraLight.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumGothicEco';
 src: url(webfont/NanumEco/NanumGothicEco/NanumGothicEco.eot);
 src: url(webfont/NanumEco/NanumGothicEco/NanumGothicEco.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumEco/NanumGothicEco/NanumGothicEco.woff) format('woff'),
      url(webfont/NanumEco/NanumGothicEco/NanumGothicEco.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumBrush';
 src: url(webfont/NanumBrush/NanumBrush.eot);
 src: url(webfont/NanumBrush/NanumBrush.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumBrush/NanumBrush.woff) format('woff'),
      url(webfont/NanumBrush/NanumBrush.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumPen';
 src: url(webfont/NanumBrush/NanumPen.eot);
 src: url(webfont/NanumBrush/NanumPen.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumBrush/NanumPen.woff) format('woff'),
      url(webfont/NanumBrush/NanumPen.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquare';
 src: url(webfont/NanumSquare/NanumSquareR.eot);
 src: url(webfont/NanumSquare/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumSquare/NanumSquareR.woff) format('woff'),
      url(webfont/NanumSquare/NanumSquareR.ttf) format('truetype');
}

/* font select */
body * {
    font-family:'NanumBarunGothic';
}

/* header */
#header { background:#1977bd; }
#header a { color:#fff; text-decoration:none;}
#header .header-box-left { float: left; font-size: 13px; }
#header .header-box-right { float: right; font-size: 13px; }
#header .header-box-left li, #header .header-box-right li { display:inline-block; padding:10px 15px;}
#header .header-box-left li:hover, #header .header-box-right li:hover { background-color: #01479d; transition:0.2s;}

/* 상단바 메뉴 gnb */

#gnb-wrap img { float:left; margin: 10px 0px;}
#gnb { float: right; margin-top:25px; }
#gnb > li  { float:left; padding:0px 50px; position:relative;}
#gnb > li > a { font-size:20px; color:#333; text-decoration:none; transition:all ease 0.2s; }
#gnb > li > a:hover {  color:#259fe8; border-bottom:2px solid #259fe8; padding-bottom:3px; transition:all ease 0.2s; font-weight:bold; }
#gnb > li > a.active { color:#259fe8; border-bottom:2px solid #259fe8; padding-bottom:3px; transition:all ease 0.2s; font-weight:bold; }
#gnb > li > ul { display:none; }
.point { position:absolute; bottom:-47px; left:46%; margin-left:-9px; display:none; opacity:0.8;}

/* 상단바 서브탑 누르면 나오는 것들 */

.gnb2 {background: #259fe8; width:100%; height:0px; position:absolute;left:0px; z-index:9999;}
.gnb2 .container { padding-top:13px; }
.subtext-wrap { float:left;  padding-top:50px; display:none; width:220px; }
.subtext { display:inline-block; }
.subtext p { color:#333333; text-align:left;}
.subtext p:first-child { font-size:14px; margin-bottom:0px; display:none; }
.subtext p:nth-child(2) { font-size:36px; font-family:NanumBarunGothic; }
.subtext img { display:block; position:relative; float:none !important; margin:0 auto; }
.subul { text-align:center; }
.subul > li { display:inline-block; padding:0px 15px; vertical-align:top;}
.subul > li:last-child { margin-right:0px; }
.subul > li > a { font-size:18px; font-weight:600;}
.subul > li > a > i { float:right; position:relative; top:3px; }
.subul > li > ul { margin-top:25px; }
.subul > li > ul > li { font-size:13px; transition:all ease 0.3s;height: 29px;margin-top:1px; }
.subul > li > ul > li:hover { }
.subul > li > ul > li > a { padding: 5px 7px;border-bottom: 1px solid #fff;display: inline-block;overflow: hidden; width: 100%;text-overflow: ellipsis; white-space: nowrap; }
.subul > li > ul > li > a > i { margin-right:5px; position:relative; }
.subul li a { color: #fff; text-decoration:none; }
.sub-left-triangle { position: absolute; right: 0px; top: 0; width: 0; height: 0; border-left: 30px solid transparent; border-top-width: 30px; border-top-style: solid; border-top-color: #259fe8; }


/* subtop */

#subtop img { width:100%; }
#subgnb { border-bottom:1px solid #ddd; padding:17px 0px; text-align: right;}
#subgnb span,
#subgnb a { font-size:14px; color:#777; position:relative; top:3px; }
#subgnb span.active { color:#000; }
#content { padding-top:30px; min-height:600px; padding-bottom:50px;}
#content .third-menus { margin:10px 0 42px 0;text-align:center; }
#content .third-menus ul{ display:inline-block; }
#content .third-menus ul li { border: 1px solid #dedede; float:left; margin-left:-1px;}
#content .third-menus ul li a { color: #333;text-decoration: none;padding: 8px 17px;font-size: 12px;min-width: 160px;display: inline-block;text-align: center; }
#content .third-menus ul li.active a { color:#fff; }
#sub_title { font-size:40px; font-weight:600; margin-bottom:30px; margin-top:30px; }

/* sitemap */

#sitemap-wrap { background-color:#6b6b6b ; }
#sitemap-wrap img { float:right; position:absolute; bottom:0px; right:0px; }
#sitemap { padding:50px 0px; text-align:center; border-bottom : 1px solid gray}
#sitemap a { text-decoration:none; }
#sitemap > li { display:inline-block; vertical-align:top; padding: 0px 50px; text-align:left; color : #aeaeae }
#sitemap > li > a { color:#aeaeae; font-size:16px; font-weight:600;}
#sitemap > li > ul { margin-top:10px;}
#sitemap > li > ul > li { padding:4px 0px;}
#sitemap > li > ul > li > a { color:#aeaeae; font-size:15px; font-weight : bold}
#sitemap > li > ul > li > a:hover { color:#777; transition:all ease 0.3s; }
#sitemap > li > ul > li > ul > li { padding-left:10px; }
#sitemap > li > ul > li > ul > li > a { color:#777; font-size:14px;}

/* footer */

#footer { background:#6B6B6B; padding:30px 0px; position:relative;}
#footer img { float:left; margin-right: 30px;}
#footer p { color:#aaa; font-size:18px; margin-top:13px;}
#footer p img { float:none; margin-right:5px;}

/* sitemap all s */

.gnb-all { display: none; position: fixed; z-index: 99999; background: rgba(0, 0, 0, 0.7); top: 0; left: 0; width: 100%; height: 100%; }
.gnb-all .all-wrapper { width: 1170px; margin: 0px auto; }
.gnb-all .all-wrapper .all-top { color: white; font-size: 24px; font-weight: 600; }
.gnb-all .all-wrapper .junce { text-align: center; margin: 48px 0 27px 0; }
.gnb-all .all-wrapper .all-close { color: #fff; position: fixed; right: 14px; top: -9px; cursor: pointer; font-weight: 600; font-size: 5em; }
.gnb-all .all-wrapper > ul > li { display: inline-block; vertical-align: top; margin-right: 105px; }
.gnb-all .all-wrapper > ul > li > a { margin-bottom: 12px; font-size: 20px; font-weight: 600; }
.gnb-all .all-wrapper > ul > li:first-child { display: none; }
.gnb-all .all-wrapper > ul > li:last-child { display: none; }
.gnb-all .all-wrapper > ul > li > ul > li > a { color: #fff; display: block; margin-bottom: 9px; height: 21px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:14px; }
.gnb-all .all-wrapper > ul > li > ul > li > ul > li > a { color: #fff; display: block; margin-bottom: 9px; height: 19px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 1px; }
.gnb-all .all-wrapper a { display: block; color: #fff; }


.lnb { padding-right:40px;}
.lnb_title { font-size:30px; border-bottom:1px solid #000; padding-bottom:25px; font-weight:600; font-family:NanumBarunGothic; margin-bottom:0px; text-align:center;}
.sub_depth2 { margin-top:0px; padding-top:0px; }
.sub_depth2 > li { padding: 15px; border-bottom:1px solid #ddd; transition:all ease 0.3s; }
.sub_depth2 > li.active,
.sub_depth2 > li:hover { background:#f0f0f0; }
.sub_depth2 > li > a { color:#777; font-weight:600;  font-size:14px; text-decoration:none; }
.sub_depth2 > li > i { position:relative; margin-right:10px; cursor:pointer; }
.sub_depth2 > li > i.fa-minus { display:none; }
.sub_depth2 > li:last-child { border-color:#000; }
.sub_depth3 { padding-left:20px; margin-top:10px; display:none; }
.sub_depth3.active { display:block; }
.sub_depth3 li { padding:3px 0px; }
.sub_depth3 li a  { color:#999; font-size:15px;  text-decoration:none;  transition:all ease 0.3s; }
.sub_depth3 li a:hover  { color:#739AB9; }
.sub_depth3.a_96 li a:hover { color:#4E5397; }
.sub_depth3.a_98 li a:hover { color:#E4C640; }


.navbar-header .navbar-brand {display:none!important;}
.header-mobile-gnb .toggle {color:#333333!important;}
.mm-vertical .mm-panel{ background-color:#259fe8 !important;}
.mm-panels>.mm-panel.mm-hasnavbar{background-color:#1977bd !important; }

.document-extendedValue_sbible, 
	.document-extendedValue_sdate,
	.document-extendedValue_spastor { white-space:nowrap;}

@media(min-width:768px)
{
	.header-mobile-gnb{margin-top:25px;}
    #footer img { margin-bottom:25px;}
    .header-mobile-gnb  a { font-size:30px; float:right;}
}


	

@media(max-width:768px)
{
	#subtop { position:relative; height:150px; overflow:hidden; }
	
	#subtop img { max-width:inherit; width:inherit; height:100%; position:absolute; top:0px; left:50%;  }
	.header-mobile-gnb{margin-top:13px;}
    #footer img { margin-bottom:25px;}
     #footer p { clear : both }
    .header-mobile-gnb  a { font-size:30px; float:right;}
   #gnb-wrap img { height:40px; }
   .ms2-box { margin-bottom:15px; }
   .ms2-content p { display:none; }
   
 #main1_left  { padding:20px !important; height:inherit !important;  }
   .sermonview { float:none !important; background:rgba(0,0,0,0.5); padding:40px 15px !important;  }
   .sermonview h5 a { width:100% !important; }
   #sub_title { font-size:28px; }
}

@media (min-width:991px) and (max-width:1199px){
	#gnb > li{
		padding:0px 33px;
		}
}
@media (max-width:991px){
	#component9207 #unit3209 > table > tbody > tr > th{
		width:inherit!important;
		}
}

@media (min-width:768px) and (max-width:1199px) {
    /*핵심사역 영성사역*/
   #component5329 #unit5548 > img{
		min-height:250px!important;
	}
}

@media (max-width:768px){
	#subtop{
		display: none;
		}
 
}

@media (max-width:767px) {
	#component5329 #unit5548 > img{
		display:none;
	}
}