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

body * { font-family: 'Noto Sans KR',sans-serif; font-weight:300; }
.ns-font { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight:400; }
.ns-font * { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight:400; }
.nm-font { font-family: 'Nanum Myeongjo', serif; }
.lato-font { font-family: 'Lato', sans-serif; font-style: normal; }
.lato-font * { font-family: 'Lato', sans-serif; font-style: normal; }
.color-btn { background:#00A9E0; width:160px; height:45px; font-size:16px; color:#fff; text-align:center; border:none; }
.white-btn { background: #fff; width: 160px; height: 45px; font-size: 16px; color: #00A9E0; text-align: center;  border: none; }
.white-btn:hover { background:#00A9E0; transition:0.1s all; color:#fff; }
.color-btn:hover span { padding-right: 25px;}
.color-btn span { display: inline-block; position: relative; transition: 0.5s; }
.color-btn:hover span:after { opacity: 1; right: 0; }
.color-btn:hover { background:#4cc5ec; transition:0.3s all; }
.color-btn span:after { content: ">"; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0s; }
.clear { clear:both; }
.hebe.tparrows { background:transparent!important; }

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


#dimodePage .style-check { padding:0 15px!important; }
#dimodePage .something-add { margin-left:15px!important; }
#dimodePage .page-actions { margin-right:15px!important; }
#dimodePage .page-content { overflow:hidden; }

.church-tab { text-align:center; margin-bottom:50px; overflow:hidden;}
.church-tab a { color:#333; text-decoration:none; }
.church-tab li { float:left; width:33.3333%; font-size:18px; padding:15px 0;  color:#333; cursor:pointer; border:1px solid #f2f2f2; box-sizing:border-box; }
.church-tab li:hover { background:#00A9E0; transition:0.3s all; }
.church-tab li:hover a { color:#fff; }
.church-tab .active { background:#00A9E0; }
.church-tab .active a { color:#fff; }

#fgnc-live-wrap a { text-decoration:none; }
#fgnc-live-wrap { position:fixed; top:126px; right:0; text-align:center; background:#00A4E3; z-index:9999; box-shadow: rgba(113, 113, 113, 0.28) 5px 10px 7px;}
#fgnc-live-wrap a > div {padding:15px 30px 15px;}
.live-top { background:#4CBFEB; display:inline-block; width:100%; padding:5px 0; font-size:17px; color:#fff; text-decoration:none; }
.live-top:hover { color:#fff; }
.live-top2 { background:#204aa7; }
#fgnc-live-wrap img { margin:15px 0 10px; }
#fgnc-live-wrap h3 { font-size:17px; color:#93D8F9; margin:0 0 5px; }
#fgnc-live-wrap h4 { font-size:17px; color:#fff; margin:0; }
#fgnc-live-wrap h5 { font-size:17px; color:#9BDCF2; margin:0; }

.fgnc-live-on h5 { color:#f73f3f!important; font-weight:bold!important; }

.comments-in-detail { display:none; }

#unit1472 > table > tbody td { background:transparent; }
#unit1472 > table > tbody > tr:first-child { background:#e7f4fb; border-top: 2px solid #01a4e3; }

#gnb > ul > li > a:after {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

#gnb > ul > li > a:after {
    content: "";
    position: absolute;
    top: -12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 8px;
    height: 8px;
    background: #00A9E0;
    border-radius: 50%;
    -webkit-transition: 300ms;
    transition: 300ms;
}

#gnb > ul > li.active > a:after, #gnb > ul > li:hover a:after {
    opacity: 1;
    -webkit-transform: scale(1) translateX(-50%);
    -ms-transform: scale(1) translateX(-50%);
    transform: scale(1) translateX(-50%);
}

.hamburger-menu { position:absolute; right:35px;}
#dimodeBoard .board-actions > .row { margin:0; }
.layout > .sermon { position:absolute; z-index:9; width:100%;  }

#header { position:fixed; z-index:105; top:0;  width:100%;  transition: all 0.2s linear;  padding:50px 0; text-align:center;      border: none!important;
    box-shadow: rgba(113, 113, 113, 0.28) 0px 4px 7px; background:#fff; }
.layout .hover { background:#fff;  padding:35px 0!important; border:none!important; box-shadow:rgba(113, 113, 113, 0.28) 0px 4px 7px;}
.layout .hover #gnb > ul > li > a { color:#000; }
.layout .hover #gnb > ul > li {  transition: top 300ms linear 300ms, color 300ms linear 300ms; }
#header > .container-fluid { position:relative;  }
.main-logo { position:absolute; left:30px;  top:-12px;  }

#dimodeBoard .board-pages .page { font-size:15px; font-weight:300; margin:0 3px;  border:none; }
#dimodeBoard .board-pages .selected { background:none; font-weight:bold; color:#00A9E0;     border-bottom: 2px solid #00A9E0; }
#dimodeBoard .board-pages .btn-default:hover { background:transparent; }
#dimodeBoard .board-pages { max-width:100%; }

.layout .sermon #gnb > ul > li > a { color:#000; }
.layout .sermon #gnb > ul > li > a:hover { color:red; transition:.3s all; }
.layout .sermon #gnb > ul > li {  transition: top 300ms linear 300ms, color 300ms linear 300ms; }
.layout .sermon #gnb-right a { color:#000!important; }
.layout .sermon #gnb-right .bar { background-color:#000; }

.layout .hover #gnb-right a { color:#000; text-decoration:none; }
#gnb-right a { color:#000; transition:.3s all; position:relative; text-decoration:none; }

.header-right { display:inline-block; }
#gnb-wrap { text-align:center; display:inline-block;  }

#live-wrap { display:inline-block; }
#live-wrap img { float:left; }
#live-wrap p { margin:0 0 40px; display:inline-block; }
#live-wrap a { font-size:16px; color:#04A9D9; text-decoration:none; }
#live-wrap a strong { color:#4E4E4E; font-size:18px; }
#live-wrap span { display:inline-block; background:#C2BEBE; color:#fff; padding:3px 15px; border-radius:15px; margin-left:10px;  font-size:13px; }
.nav-top { text-align:right; margin-bottom:15px; }
.nav-top ul { display:inline-block; position:relative; top:2px; margin-right:30px;}
.nav-top li { display:inline-block; font-size:15px;  padding:0 3px; }
.nav-top li input { float:right; }
.nav-top li a { color:#00A9E0; text-decoration:none;  font-weight:500; }

.hoverMenu { top:74px!important; }
#gnb { display:inline-block; }
#gnb > ul { display:inline-block;  }
#gnb > ul > li { display:inline-block; padding:0 15px; position:relative; }
#gnb > ul > li.active a { color:#000; }
#gnb > ul > li:first-child { display:none; }
#gnb > ul > li > ul { display:none; }
#gnb > ul > li > a { font-size:17px; color:#000; font-weight:400; text-decoration:none; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight:400; }
 .no-subul-li  { float:left; border-bottom:none!important; width:33.333%; text-align:center!important;}
 .no-subul-li > a {width: auto!important; ; }
#menubar .dept3 { display: inline-block; margin: 0px 0px 0px 20px; padding: 0px; width: 70%; text-align: left; }
#menubar .dept3 li { display: inline-block; padding: 0px 14px 0px 0px; color: #424242; font-size: 17px; line-height: 35px; }
#menubar .dept3 a { color:#333!important; text-decoration:none; }
#menubar .dept3 a:hover { color:#00A9E0!important; transition:0.2s all; }
#menubar li { list-style:none; }
#menubar { background: #fff; width: 100%; position: fixed; left: 0px; z-index: 9999; text-align: left; box-shadow: rgba(113, 113, 113, 0.28) 0px 0px 5px 0px; border-bottom: 1px solid #ddd !important; padding: 35px 0px; display: none; top: 106px; transition:.2s all; }
#menubar .row { padding:0; }
#menubar > div > div > li > a { display: inline-block; padding: 5px 20px; text-decoration: none; font-size: 19px; color: #187AC0; border-radius: 5px; font-weight: 600; min-width: 100px; text-align: center; width:165px;}
#menubar > div > div > li { padding: 5px 0; list-style: none; text-align: left; border-bottom: 1px solid #dcdcdc; }
#menubar > div > div > li > a:hover { color:#1F4860; transition: 0.4s all; }

#gnb-right { display:inline-block; position:absolute;  right:30px; top:2px; }
#gnb-right li { display:inline-block; margin:0 5px; font-size:17px;}

footer { background:url(../Images/10.footer_bg.jpg) no-repeat; position:relative; margin-top: -4px; background-size:100% 100%; }
footer .top-btn:hover { opacity:0.8; transition:0.2s all; }
footer .top { border-bottom:1px solid #474747; padding:50px 0 20px; }
footer .top a { color:#9C9C9C; text-decoration:none; }
footer .top a:hover { color:#fff; transition:0.2s all; }
footer .top li { font-size:17px; float:left; padding-right:50px; }
footer .top li img { position:relative; top:-3px; }
footer .bottom { padding:35px 0 75px; }
footer .bottom p { font-size:15px; color:#AEAEAE; margin: 15px 0 0; line-height:30px;}
footer .bottom p span { font-size:14px; color:#777777; }
footer .bottom p a { color:#787878; text-decoration:none; }
footer .bottom p a:hover { color:#AEAEAE; transition:0.2s all; }

.header.opend-all .all-nav .all-inner { opacity: 1; -webkit-animation-name: allmenuOpen; animation-name: allmenuOpen; -webkit-transition-delay: 0s; transition-delay: 0s; }
#gnb-all .all-wrapper { position: fixed; left: 0;  top: 0; right: 0; height: 0; z-index:500 ; opacity: 0; overflow: hidden; background: #fff; color: #222; box-sizing: border-box;  -webkit-animation: allmenuClose 600ms both;  animation: allmenuClose 600ms both;  -webkit-transition: opacity 0s linear 600ms;  transition: opacity 0s linear 600ms; }
.open  .all-wrapper { opacity: 1!important; -webkit-animation-name: allmenuOpen!important; animation-name: allmenuOpen!important; -webkit-transition-delay: 0s!important; transition-delay: 0s!important;  }
#gnb-all .all-wrapper h3 { position:absolute;  margin:0;  top:100px; right:250px; font-size:30px; color:#00A9E0; font-weight:bold;  line-height:50px;}
#gnb-all .all-wrapper h3 span { font-weight:normal; }
#gnb-all .dept2 { display:block; position:absolute;  top:30%; right:-45%; display:none; }
#gnb-all .dept3 { display:block; position:absolute;  top:20%; right:-19%; display:none; }
#gnb-all ul { width:100%; }
#gnb-all ul.dept2 > li { padding:10px 0; font-size:30px;}
#gnb-all ul.dept3 > li { font-size:24px; padding:12px 0; }
#gnb-all .container-fluid { padding:160px 450px; }
#gnb-all h2 { font-size:30px; font-weight:bold; color:#000; margin:50px 0px;}
#gnb-all a {color:#000; text-decoration:none;}
#gnb-all .dept1 > li { padding:10px 0;}
#gnb-all .dept1 > li > a { font-size:40px; font-weight:bold; }
#gnb-all .all-wrapper .main-logo { position:fixed; top:30px; left:30px;}
.all-menu-close  { position:fixed; top:30px; right:30px; font-size:40px; font-weight:bold; }

.fgnctv_subtop { margin-top:180px; }
.fgnctv_subtop h3 { font-size:30px; margin:0 0 20px; font-weight:500; }
.fgnctv_subtop hr { width:65px; border-top:1.5px solid #00A9E0; margin:0 auto 30px; }

.sub-gnb  { padding:100px 0 70px; }
.sub-gnb > p:last-child { color:#00A9E0;  }
.sub-gnb img { display:inline-block; position:relative; top:-4px; }
.sub-gnb p { display:inline-block;  font-size:17px;  margin:0; }
.sub-gnb .fas { margin:0 7px;}
.sub-gnb p.active { color:#00A9E0; }

.sub-title { font-size:40px; margin:0 0 50px; }
.sub-li { border-bottom:1px solid #ddd; }
.sub-li li:hover { border-bottom:1px solid #00A9E0; transition:.3s all; }
.sub-li li:hover a { color:#00A9E0; transition:.3s all; }
.sub-li li { display:inline-block; font-size:18px; width:150px; padding:20px 0; margin:0 5px; }
.sub-li li.on { border-bottom:1px solid #00A9E0; }
.sub-li li.on a { color:#00A9E0; }
.sub-li li a { color:#333; text-decoration:none; }


#sub-content .page-content { margin-bottom:100px; }
#sub-content #dimodeBoard { margin-bottom:100px; }

.subtop-desc-pro { text-align:left;  margin-top:50px; }
.subtop-desc-pro > div { clear:both; }
.subtop-desc-pro h1 { font-size:55px; font-weight:bold; color:#fff;  margin:0  0 20px;}
.subtop-desc-pro h4 { font-size:16px; margin:0; color:#A0D0E1; font-weight:bold; }
.subtop-desc-pro > div { margin:0; clear:both; overflow:hidden;  }
.subtop-desc-pro hr { float:left; width:40px;  border-top:1px solid #D6CECA;  margin:35px 0; }
.subtop-desc-pro p { font-size:17px; margin:0;  color:#D6CECA;  }

#sub-content { padding:50px 0;  }

.header-mobile-gnb { position: absolute; font-size: 25px; transition:.3s all; }
.header-mobile-gnb .toggle {color:#fff!important;}
.header-mobile-gnb { font-size:25px;top:-40px; right:0;}
.mm-menu.mm-opened.mm-pagedim-black~#mm-blocker { z-index:500; }
.header-mobile-gnb li:nth-child(1) { background:#00A9E0; padding:21px 0; }
.header-mobile-gnb li:nth-child(2) { background:#00366E; width:110px; padding:22px 0; }
.header-mobile-gnb li { float:right; width:70px; height:80px; }
.header-mobile-gnb li h2 { font-size:16px; margin:0 0 5px; color:#fff; transform: skew(-0.05deg); }
.header-mobile-gnb li h6 { font-size:16px; margin:0; color:#fff; transform: skew(-0.05deg);}
.mm-menu.mm-offcanvas { background:#13A9DF!important; }
.mm-panels > #mm-1 {background-color:#13A9DF!important; }
.mm-panels > #mm-2,
.mm-panels > #mm-3,
.mm-panels > #mm-4,
.mm-panels > #mm-5,
.mm-panels > #mm-6,
.mm-panels > #mm-7,
.mm-panels > #mm-8,
.mm-panels > #mm-9,
.mm-panels > #mm-10,
.mm-panels > #mm-12, 
.mm-panels > #mm-13,
.mm-panels > #mm-14,
.mm-panels > #mm-15, 
.mm-panels > #mm-16, 
.mm-panels > #mm-17, 
.mm-panels > #mm-18, 
.mm-panels > #mm-19, 
.mm-panels > #mm-20, 
.mm-panels > #mm-21, 
.mm-panels > #mm-22, 
.mm-panels > #mm-23, 
.mm-panels > #mm-24, 
.mm-panels > #mm-25, 
.mm-panels > #mm-26, 
.mm-panels > #mm-27, 
.mm-panels > #mm-28, 
.mm-panels > #mm-29, 
.mm-panels > #mm-30, 
.mm-panels > #mm-32,
.mm-panels > #mm-33,
.mm-panels > #mm-34,
.mm-panels > #mm-35,
.mm-panels > #mm-36, 
.mm-panels > #mm-37,
.mm-panels > #mm-38,
.mm-panels > #mm-39,
.mm-panels > #mm-40,
.mm-panels > #mm-41,
.mm-panels > #mm-42,
.mm-panels > #mm-43,
.mm-panels > #mm-44,
.mm-panels > #mm-45,
.mm-panels > #mm-46 { background-color: #06a6e2 !important; }
.mm-navbar { padding:15px 0px!important; height:inherit!important;}
.mm-navbar a { font-size:18px; color:#fff!important;}
.mm-listview>li>a, .mm-listview>li>span { padding:15px 25px!important; font-size:15px;}
.mm-panels>.mm-panel>.mm-listview { margin:20px 0px!important; overflow:hidden; }
.mm-btn {top:unset!important;}
html.mm-front .mm-menu.mm-offcanvas { z-index:9999!important; }
.mm-panels>.mm-panel { padding:40px 0 0px!important; }

 
.mob-login { text-align:center; margin:5px 0; }
.mob-login li { display:inline-block; padding: 0 10px; }
.mob-login a { color:#fff; font-size:15px; }


@media (min-width:1200px) and (max-width:1499px) {
	#gnb > ul > li { padding:0 5px; position:relative; right:-40px; }
	#gnb-right { right:15px; }
	#gnb-right li { font-size:15px; }
}

@media (min-width:993px) and (max-width:1199px) {
	#header { text-align:right; }
	.main-logo { left:15px; }
	#gnb-right { right:15px; }
	#gnb-right li { margin:0 5px; font-size:15px; }
	footer .top { padding: 50px 15px 20px; }
	footer .bottom { padding: 35px 15px 75px; }
	footer .top .row { margin:0; }
	footer .row { margin:0; }
	#gnb-right { top:-25px ;}
	#gnb > ul > li { padding:0 5px; top: 5px; right: 14px;}
    
    
}

@media (min-width:768px) and (max-width:992px) {
    .hover { height:70px!important; }
    #header { height:81px; padding:41px 0;  }
    #fgnc-live-wrap { display:none;}
	.layout .hover { padding:30px 0!important; }
	#main-logo { max-width:150px; }
	#gnb-right { display:none; }	
	#header .hamburger-menu { display:none; }
	#gnb-right li { margin:0 5px; }
	.main-logo { left:15px; top:-19px; }
	footer .top { padding: 50px 15px 20px; }
	footer .bottom { padding: 35px 15px 75px; }
	footer .top .row { margin:0; }
	footer .row { margin:0; }
	#sub-content > .row { margin:0; }
	.hover .main-logo { top:-13px!important; }
}

@media (max-width: 767px) {
	
	#dimodeBoard .board-actions.detail {margin-top:0!important; }
	#dimodeBoard .board-pages { padding:0!important; }
	#dimodeBoard.board-detail .list-in-detail { margin-top:0!important; }
	.board-theme .theme-detail .detail-top .document-title { margin-bottom:5px; width:100%!important; }
	.board-theme .theme-detail .detail-upper { margin-bottom:10px; }
	#dimodeBoard .board-actions .board-actions-right { padding-right:15px; }	
	
    #fgnc-live-wrap { display:none;}
	#gnb-right { display:none; }
	footer { padding:0 15px; }
	footer .top { padding:20px 0; }
	footer .top li { margin:0; padding-right:8px; font-size:14px; }
	footer .bottom { padding:30px 0; }
	footer .bottom p { line-height:25px; }
	#header .hamburger-menu { display:none; }
	#main-logo { max-width:135px; } 
	#header { padding:25px 0; }
	.main-logo { left:15px; top:-9px; }
	footer .bottom img { max-width:150px; }
	
	.fgnctv_subtop { margin-top:120px; }
	.fgnctv_subtop h3 { font-size:23px; }
	#sub-content > .row { margin:0; }
    .header-mobile-gnb li:nth-child(1) { padding:30px 0; }
    .header-mobile-gnb li:nth-child(2) { width:75px; padding:27px 0; }
    .header-mobile-gnb li { height:82px; width:55px; }
    .header-mobile-gnb li h2 { font-size:14px; margin:0; }
    .header-mobile-gnb li h6 { font-size:14px; }
    #sub-content #dimodeBoard { margin:0!important; }
    .layout .hover { padding:25px 0!important; }

    #sub-content { padding:30px 0; }

}