@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@font-face {
    font-family: 'Arita-buri-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@media (min-width:1500px) { .container { width:1350px; } }

.direct-popup .visible-popups > .each { position:fixed!important; }

.board-theme.gallery .theme-list > .each-document > a.title { width:100%!important; }
.modal-backdrop { z-index:0!important; }
.board-theme .theme-list { font-family: inherit!important; }
.board-theme.gallery .theme-list > .each-document > a.title { height:auto!important; margin:0!important; text-decoration:none!important; }
.board-theme.gallery .theme-list > .each-document { margin-bottom:10px!important; }


body { padding:0!important; font-family: NanumSquare, sans-serif; /*letter-spacing: -0.5px;*/ }

header { position:absolute; top:0; width:100%; }
header > .white  #gnb > li > a { color:#fff!important; transition:.2s color;}
header .navbar-default { margin:0; padding:0; position:fixed; top:0; width:100%; transition:0.3s all; text-align:center; background:transparent; border-bottom:none; z-index:2; overflow:hidden;background-color:#fff; height:93px;}
header .gnb { text-align:center; display:inline-block; float:none; }
header .navbar-header{width: 20%;float: left;position: absolute;}
header .navbar-brand {position: absolute;padding: 0;left: 2%;top: 10%;}
header .navbar-brand img{padding: 10px;}
header .header-gnb-all{ width: 5%;padding: 30px;right: 0%;float: right;position: absolute; }

.header-box-right{width: 10%;padding: 30px;right: 5%;float: right;position: absolute;}
.header-box-right a{font-size: 16px;color: #838383;font-weight: bold;letter-spacing: 1px;text-decoration:none;}
.header-box-right span{font-size:16px; color:#eee;}

.header-gnb {width:65%;float:left;padding-left:0px;left: 17%;
padding-right:0px;padding-top:32px;}

.header-gnb > ul > li {width:175px;
float:left;text-align:center;margin:0 0px;position:relative;}

.header-gnb > ul > li > a {
color:black;display: block;width: 100%;text-align: center;
padding-bottom: 30px;font-size:22px;text-decoration:none;}

.header-gnb > ul > li.on:before {
content: "";position: absolute;top: 52px;
left: 52%;width: 0;height: 0;border-left: 7px solid transparent;
border-right: 7px solid transparent;border-bottom: 8px solid black;margin-left: -7px;}

.header-gnb > ul > li ul {
border-right: 1px solid #e6e6e6;height: 330px;padding:25px 0px;margin-top:0px;
}
.header-gnb > ul > li ul > li > a  {
color:#777;font-size:17px;line-height:2;font-weight:300;text-decoration:none;}

/*li 마우스오버 컬러*/
.hover-color {background:#333;}
.hover-font-color {color:white!important;}

.fullpage-site{margin-top: 93px;}

.footer { background:#000; }
.footer ul { padding:20px 0; border-bottom:1px solid #cecece; }
.footer li { display:inline-block; font-size:17px; color:#989898; border-right:1px solid #cecece; }
.footer li:last-child { border-right:none; }
.footer li a { color:#989898; text-decoration:none; padding:0 50px; }
.footer li a:hover { color:#70AE62; transition:.3s color; }
.footer .footer-bottom { letter-spacing: 0px;font-size: 15px;padding: 40px 0;color: #989898;
transform: skew(-0.05deg);font-weight: bold;}
.footer .footer-bottom a { text-decoration:none; color:#989898; }
.footer .footer-bottom span{color: #fff; margin: 0 5px;}
#my-menu{ background:#373737; max-width:240px; z-index:3; }
#mm-0:before { height:0!important; }
#mm-1 > ul > li:hover > a.mma1 { color: #34b4c7 !important; }
.mm-btn {top:unset!important;}
.mm-menu .mm-listview>li .mm-next:after { border-color:#fff; }
.mm-navbar { display:none!important; }
.mm-panels>.mm-panel>.mm-listview { margin:0px!important;}
.mm-panels>.mm-panel.mm-hasnavbar { padding-top:0!important; }
.mm-panels > .mm-panel { padding:0; }
.mm-panels, .mm-panels>.mm-panel { z-index:9999; }
.mm-listview { margin:0; }
.mm-listview > li > a, .mm-listview > li > span { padding: 10px 10px 10px 20px; margin: 0; }
.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel { padding:0 0 0 10px; }
.mm-listview>li>a, .mm-listview>li>span { padding:10px 20px!important; font-size:17px; }
.mob-login { overflow:hidden; padding:15px 0; border-bottom:1px solid #808080; margin-bottom:10px; }
.mob-login li { float:right; overflow:hidden; }
.mob-login a { display: inline-block !important; font-size: 17px !important; border: 0px !important; box-shadow: none !important; color: #aaa !important; padding: 0px 10px !important; }
.mob-login a .fa { font-size:20px!important; }
.mmenu-depth1 > a { color:#fff!important; }
.mmenu-depth2 > a { color:#c0ffb2!important; }

#bibleBg {  background:#00aae0; padding:80px 0 50px; }
#bibleWrap { width: 1000px; height: auto; margin: 0 auto; overflow:hidden; }
#bibleWrap h1 { margin:0 0 45px; font-size:40px; }
#bibleWrap h1 a { color:#fff; text-decoration:none; }
.bible-tab { width: 100%; overflow: hidden; margin:0 auto; }
.bible-tab li { width: 50%; float:left; }
.bible-tab li.active { color: #000; }
.bible-tab li a { font-size:25px; color:#333; font-weight: bold; padding-top: 23px; text-align: center; background: #00A9E0; color: #fff; border-radius: 30px; height: 125px; width:100%; display:inline-block; text-decoration:none; }
.bible-tab li.active a { color:#00A9E0; background: #fff;  }
.tab-content { position: relative; width: 100%; height: auto; background: #fff; color: #000; border-radius: 30px; z-index: 1000; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4); padding: 50px 30px; margin:-50px auto 50px; }
.tab-content ul { overflow:hidden; }
.tab-content li { float:left; width:20%; text-align:center; margin:10px 0; }
.tab-content li a { text-decoration:none; font-size:24px; color:#333; }
.tab-content li a:hover { color: #00A9E0; transition:.2s color; }

.slider .slider-wrapper .slide.bg{width:100%!important;}
#directPopup{background-color:transparent;}
#my-menu{display:none;}
@media (min-width:1500px) and (max-width:1670px) {
    .header-gnb > ul > li{width: 135px;left: 5%!important;}
}

@media (min-width:1200px) and (max-width:1499px) {
    .header-gnb{padding-top: 27px;}
    .header-gnb > ul > li{width: 110px;}
    .header-gnb > ul > li > a{font-size: 18px;}
    .header-box-right{width: 10%;padding: 30px 0;right: 7%;}
    header .header-gnb-all{width: 4%;padding: 33px 0;right: 1%;}
}

@media (min-width:992px) and (max-width:1199px) {
    header .navbar-brand img {padding: 15px 10px;}
	.header-gnb{padding-top: 30px;left: 20%;}
    .header-gnb > ul > li{width: 90px;}
    .header-gnb > ul > li > a{font-size: 16px;}
	.header-gnb > ul > li ul > li > a{font-size: 14px!important;}
    .header-box-right{width: 10%;padding: 30px 0;right: 7%;}
    header .header-gnb-all{width: 4%;padding: 33px 0;right: 1%;}
}

@media (min-width:768px) and (max-width:991px) {
    header .navbar-default{height: 85px;}
    header .navbar-header{width: 29%;}
    .header-box-right{width: 25%;padding: 30px;right: 10%;}
    header .header-gnb-all{width: 12%; padding: 33px 30px;}
}

@media (max-width: 767px) {
    header{position:relative;}
    header .navbar-default{height: 80px;}
    header .navbar-header{width:50%;}
    header .navbar-brand img{padding: 15px 10px;}
	.header-box-right{width: 30%;padding: 30px 10px;right: 20%;}
    header .header-gnb-all{width: 25%;padding: 30px;right: 0%;}
}