@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:'NanumGothic';
}

/* header s */

#header { background:#303030; color:#fff; }
#header .header-box { padding:11px 5px; float:left; font-size:13px; }
#header .header-box a{ color:#fff; }
/*#header .header-box.active { background:#303030; }*/
#header .header-box2 { padding:10px 0px; float:right; font-size:11px; }
#header .header-box2 a { color: #C2C2C2; }
/*#header .header-box2.active { background:#303030; }*/

/* header e */

/* gnb s */

#gnb-wrap { position:relative; height:85px; }
#gnb-wrap .container { position:relative; height:100%; }
#gnb-wrap img { position:absolute; top:20px; left:20px; }
#gnb { position:absolute; right:15px; top:30px; }
#gnb > li  { float:left; padding-left:60px; position:relative; margin-left:20px;}
#gnb > li > a { margin-left:0px; font-size:20px; color:#303030; text-decoration:none; transition:all ease 0.2s; font-family:NanumBarunGothic; font-weight:500; padding: 0 0px;}
#gnb > li > a:hover {  color:#00398a; border-bottom:2px solid #00398a; padding-bottom:3px; transition:all ease 0.2s; }
#gnb > li > a.active { color:#00398a; border-bottom:2px solid #00398a; padding-bottom:3px; transition:all ease 0.2s; }
#gnb > li > ul { display:none; }
.point { position:absolute; bottom:-33px; left:50%; margin-left:-9px; display:none; opacity:0.8; transition:all ease 0.2s;}
#header .header-box a:hover {background-color:gray; text-decoration:none;}
/* gnb e */
/* 상단바 서브탑 누르면 나오는 것들 */
.gnb2 {
    background: #00398a;
    width: 100%;
    height: 0px;
    position: absolute;
    left: 0px;
    z-index: 9999;
}
.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 { margin-top:10px; text-align: center; }
.subul > li { display:inline-block; width: auto; margin: 0 25px; }
.subul > li:last-child { margin-right:0px;}
.subul > li > a { font-size:18px;}
.subul > li > a > i { float:right; position:relative; top:3px; }
/* 3단계가 너무 많아서 안보이게 처리 */
.subul > li > ul { margin-top:5px; display:none;}
.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; }

/* subtop s */

#subtop img { width:100%; }
#subgnb { border-bottom:1px solid #ddd; padding:17px 0px; }
#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-top:30px; }

/* subtop e */

/* sitemap s */

#sitemap-wrap { background:#6C6B6B; border-top:1px solid #ddd; padding-top:20px; padding-bottom:20px; text-align:left; margin-top: 0px;}
#sitemap-wrap img { float:left; position:absolute; bottom:-10px; left:-75px; }
#sitemap { float:left; margin-top:15px; margin-bottom:15px; }
#sitemap a { text-decoration:none; }
#sitemap > li { float:left; padding:0px 48px;}
#sitemap > li > a { color:#BBBABB; font-size:15px; font-weight:600;}
#sitemap > li > ul { margin-top:15px;}
#sitemap > li > ul > li { padding:2px 0px;}
#sitemap > li > ul > li > a { color:#BBBABB; font-size:13px;}
#sitemap > li > ul > li > a:hover { color:#fff; 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;}

/* sitemap e */

/* footer s */

#footer { background:#6C6B6B; padding:5px 0px; position:relative; margin-top:-10px; padding-bottom: 30px;}
#footer .container {border-top : 1px solid #807d7d;}
#footer .foot_content  { color:#aaa; margin-bottom:0px; display:inline-block; font-size:12px;}
#footer .foot_log1 {display:inline-block; margin-top: 30px; margin-bottom: -10px;}
#footer .foot_log1 img {padding-bottom:20px; margin-right:30px;}

/* footer e */

/* submenu s */

.lnb { padding-right:40px;}
.lnb_title { font-size:25px; border-bottom:1px solid #000; padding-bottom:10px; font-weight:600; font-family:NanumBarunGothic; margin-bottom:0px; color: #00398a;}
.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:16px; 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; }

/* submenu e */

/* 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 > 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; }

/* sitemap all e */

/* mymenu s */

.swiper-container { max-height:900px; }
.header-mobile-gnb { float:right; font-size:28px; padding-top:20px; }
.mm-panel { /*background:#008DAB !important;*/ }
.mm-title, .mm-listview>li>a, .mm-listview>li>span { color:#fff !important; }
.mm-menu .mm-listview>li .mm-next:after { border-color:#fff !important; }
.navbar-header .navbar-brand {display:none!important;}
.header-mobile-gnb .toggle {color:#333333!important;}
.mm-vertical .mm-panel { background-color:#67735a!important; }
.mm-panels>.mm-panel.mm-hasnavbar { background-color:#00398a!important; }

/* mymenu e */

/* 담임목사 인사말 오디오 */
#component1541 video { height:60px; width:300px; }

/* 게시글 조회수 없애기 */
.document-readed_count { display:none; }

@media(max-width:1024px)
{
   #gnb > li {padding-left:45px;}
   #sitemap > li {padding:0px 49px;}
   .subul > li { width:100px; }
   .subul > li a { font-size:16px; }
}

@media(max-width:768px)
{
    #subtop img { display:none; }
    #component1541 { padding:14px !important; }
    .glyphicon-home, .glyphicon-earphone { display:none; }
    .plantable table tbody tr th, .plantable table tbody tr td  { font-size:11px !important; padding:5px !important; }

}