@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Stylish&display=swap');
@font-face { font-family: 'SeoulHangangM'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/SeoulHangangM.woff') format('woff'); font-weight: normal; font-style: normal; }

/*
 * Common
 */

* {
	-webkit-box-sizing: border-box; 
	-moz-webkit-box: border-box; 
	box-sizing: border-box; 
	font-family: "Noto Sans KR", "Nanum Gothic", "나눔고딕", "Lato","Apple SD Gothic Neo", "Malgun Gothic", dotum, sans-serif; 
	word-spacing: 0px;
	letter-spacing: 0px;
	font-weight: 300;
}
*:focus {
	outline: none !important;
}

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
article,
section,
aside,
figcaption,
figure,
footer,
header,
hgroup,
input,
fieldset,
img { 
	margin: 0px; 
	padding: 0px; 
}
html { 
	width: 100%; 
	height: 100%; 
}
body { 
	font-size: 10pt;
	color: #353535; 
	min-width: 1200px;
}
fieldset {
	border: 0px;
}
img {
	vertical-align: middle;
	border: 0px;
}
button,
input,
select,
textarea {
	margin: 0px;
	vertical-align: middle;
}
table {
	border-spacing: 0px;
	border-collapse: collapse;
}

.weight-300 {
    font-weight: 300 !important;
}
.weight-400 {
    font-weight: 400 !important;
}
.weight-500 {
    font-weight: 500 !important;
}
.weight-600 {
    font-weight: 600 !important;
}
.weight-700 {
    font-weight: 700 !important;
}
.weight-800 {
    font-weight: 800 !important;
}
.bold {
	font-weight: bold !important;
}

.w100 {
    display: block;
    width: 100% !important;
}

.display-none {
	display: none !important;
}
.table {
	display: table !important;
}
	.table > * {
		display: table-cell !important;
		vertical-align: middle;
	}
.common-width {
    position: relative;
	max-width: 1200px;
	width: 1200px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto !important;
	margin-right: auto !important;
}
a,
a:hover {
	text-decoration: none !important;
}
legend {
	position: relative !important;
}
.pointer {
	cursor: pointer;
}
.cursor-auto {
    cursor: auto !important;
}
.img-full img {
	width: 100%;
	height: auto;
}

.iframe-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.bg-black {
    background-color: #000;
}
	.iframe-wrap iframe {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  left: 0px;
	  top: 0px;
	}

ol,
ul {
	list-style: none;
}
	ol:after,
	ul:after {
		content: "";
		display: block;
		clear: both;
	}

.sub-area {
	width: 100%; 
}
	.sub-area h3 {
		font-size: 32px; 
		color: #58bce0; 
		font-weight: bold; 
		letter-spacing: 0.2em; 
		margin-top: 105px; 
		margin-bottom: 50px;
	}
		.sub-area h3 span {
			padding-top: 25px; 
		}

.mobile {
	display: none;
}
@media (max-width: 640px) {
	.mobile {
		display: block;
	}
	.pc {
		display: none !important;
	}
}

caption,
legend {
	font-size: 0px;
	line-height: 0px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	text-indent: -9999em;
}

.text-center {
	text-align: center !important;
}
.text-left {
	text-align: left !important;
}
.text-right {
	text-align: right !important;
}

.sound_only {
    display: none !important;
}

/**
 * Header
 */

#header {
    width: 100%;
	height: 180px;
}
	#header * {
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		letter-spacing: -1px;
	}
	    #header .underline {
	        position: absolute;
	        top: 92px;
	        left: 0px;
	        right: 0px;
	        height: 0px;
	        border-top: 1px solid #CCC;
	        background-color: rgba(65, 133, 184, 0.9);
	        /* z-index: 10; */
	    }
		#header .top-menu {
		    position: absolute;
			height: 93px;
			top: 87px;
			left: 0px;
			right: 0px;
			z-index: 2;
			overflow: hidden;
		}
		    #header .top-menu:hover {
		        /* height: 380px; */
		    }
    			#header .top-menu #menu {
    				position: relative;
    				z-index: 2;
    				padding-left: 305px;
    				padding-bottom: 18px;
    				height: 93px;
    			}
    				#header .top-menu #menu > li {
    					position: relative;
    					text-align: center;
    					padding: 0px 15px;
    				}
    					#header .top-menu #menu > li:last-child {
    						padding-right: 0px;
    					}	
    					#header .top-menu #menu > li > span {
    					    /* position: relative; */
    					    display: inline-block;
    					}	
    						#header .top-menu #menu > li > span > a {
    							display: inline-block;
    							font-size: 15pt;
    							font-weight: 700;
    							color: #333;
    						}
        						#header .top-menu #menu > li:hover > span > a {
        							color: #005395;
        						}
        							#header .top-menu #menu > li > span > a > small {
        								display: block;
        								font-size: 10pt;
        								color: #888;
        							}
    						
    						#header .top-menu #menu > li > span > ul {
    							position: absolute;
    							left: 0px;
    							top: 95px;
    							width: 100%;
    						}    						    
        						#header .top-menu #menu > li:first-child > span > ul {
        						    width: 100%;
        						}
            						#header .top-menu #menu > li > span > ul > li {
            							text-align: center;
            							line-height: 45px;
            							white-space: nowrap;
            						}
            							#header .top-menu #menu > li > span > ul > li > a {
            								font-size: 10.5pt;
            								color: #FFF;
            							}
            							    #header .top-menu #menu > li > span > ul > li > a:hover {
            							        color: #110A0D;
            							    }
            							        #header .top-menu #menu > li > span > ul > li > a span {
            							            font-weight: 300;
            							        }
    							
		#header .main-menu {
		    position: relative;
		    height: 170px;
		    width: 100%;
		    overflow: hidden;
		}
			#header .main-menu > nav {
				position: relative;
			}
				#header .main-menu .logo {
				    display: inline-block;
				    position: relative;
					top: 86px;
					z-index: 3;
				}
				
				#header .main-menu ul {
					font-size: 0px;
					text-align: right;
					top: 38px;
					right: 0px;
					position: absolute;
				}
					#header .main-menu ul > li {
						display: inline-block;
						position: relative;
						margin-left: 5px;
						padding-left: 0px;
					}
					#header .main-menu ul > li.btn,
					#header .main-menu ul > li.sns {
					    margin-left: 0px;
					}
					#header .main-menu ul > li.sns {
					    margin-right: 10px;
					}
					    /*
					    #header .main-menu ul > li:before {
					        content: '|';
					        position: absolute;
					        left: 0px;
					        top: 50%;
					        font-size: 10pt;
					        transform: translateY(-50%);
					        color: #CCC;
					    }
					    #header .main-menu ul > li.btn:before,
    					#header .main-menu ul > li.sns:before {
    					    content: '';
    					}
    					*/
					        #header .main-menu ul > li a {
    							font-size: 10pt;
    							color: rgba(255, 255, 255, 1);
    							line-height: 38px;
    							background-color: #0091C3;
    							border-radius: 3px;
    							padding: 0px 8px;
    						}
    						    #header .main-menu ul > li a:hover {
    						        background-color: #0b495f;
    						    }
    						    
        					#header .main-menu ul > li.btn a {
        					    display: inline-block;
        					    padding: 0px 10px;
        					    border-radius: 5px;
        					    font-size: 12pt;
        					    color: #FFF;
        					    line-height: 27px;
        					}
        					    #header .main-menu ul > li.offering a {
        					        background-color: #005395;
        					    }
        					    #header .main-menu ul > li.new-family a {
        					        background-color: #EA728E;
        					    }
        					    
    					    #header .main-menu ul > li.sns a {
    					        display: inline-block;
    					        position: relative;
    					        font-size: 10pt;
    					        color: #FFF;
    					        height: 25px;
    					        width: 25px;
    					        border-radius: 50%;
    					        margin-left: 10px;
    					        top: 6px;
    					    }
    					        #header .main-menu ul > li.sns a.facebook {
    					            background-color: #395898;
    					            margin-left: 0px;
    					        }
    					        #header .main-menu ul > li.sns a.twitter {
    					            background-color: #14b1e7;
    					        }
    					        #header .main-menu ul > li.sns a.youtube {
    					            background-color: #d03427;
    					        }
    					            #header .main-menu ul > li.sns a i {
    					                position: absolute;
    					                top: 50%;
    					                left: 50%;
    					                transform: translate(-50%, -50%);
    					            }
    					            #header .main-menu ul > li.sns a.facebook i {
    					                font-size: 16pt;
    					                margin-left: 5px;
    					                margin-top: 1px;
    					            }
			

/**
 * Content
 */
 
h1 {
	font-size: 20pt;
	line-height: 48px;
	font-weight: 400;
	color: #462918;
	position: relative;
	border-bottom: 2px solid #15bec9;
	margin-bottom: 30px;
}
    h1.sub-page-h1 {
        margin: 60px 0px 50px;
        border: none;
        text-align: center;
    }
        h1 > span {
            display: inline-block;
            color: #000;
            font-size: 33pt;
            font-weight: 500;
            border-bottom: 2px solid #B3B3B3;
            padding-bottom: 10px;
        }
	
h2 {
    position: relative;
	margin-bottom: 20px;
}
    h2 span {
        position: relative;
        display: inline-block;
        padding-right: 10px;
        font-size: 18pt;
    	font-weight: 600;
    	line-height: 25px;
    	color: #ea942f;
    	background-color: #FFF;
    	z-index: 2;
    }
	h2 div {
		position: absolute;
		top: 50%;
		left: 0px;
		right: 0px;
		height: 1px;
		background-color: #ea942f;
	}

/* slider */
.main-banner-space {
	height: 15px;
}
.slider-wrap {
	position: relative;
	width: 100%;
}
	.slider-wrap .content {
		position: relative;
	}
		.slider-wrap .content > ul {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
		}
	.slider-wrap .tab {
		position: absolute;
		bottom: 20px;
		left: 0px;
		width: 100%;
		text-align: center;
		z-index: 2;
		display: none;
	}
		.slider-wrap .tab > li {
			display: inline-block;
			width: 12px;
			height: 12px;
			border-radius: 50%;
			margin: 0px 8px;
			background-color: #FFF;
		}
			.slider-wrap .tab > li.on,
			.slider-wrap .tab > li:hover {
				background-color: #00AEEF;
			}
			
	.slider-wrap .nav {
		position: absolute;
		z-index: 2;
		width: 100%;
		height: 40px;
		top: 50%;
		margin-top: -20px;
		left: 0px;
	}
		.slider-wrap .nav * {
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
		}
			.slider-wrap .nav > li {
				position: absolute;
				top: 0px;
				width: 40px;
				height: 40px;
				line-height: 40px;
				text-align: center;
				background-color: rgba(255, 255, 255, 0.5);
				border-radius: 50%;
				cursor: pointer;
			}
				.slider-wrap .nav > li:hover {
					background-color: rgba(0, 0, 0, 0.5);
				}
					.slider-wrap .nav > li.prev {
						left: 10px;
					}
					.slider-wrap .nav > li.next {
						right: 10px;
					}
						.slider-wrap .nav > li i {
							line-height: 40px;
							font-size: 35pt;
							position: relative;
						}
							.slider-wrap .nav > li.prev i {
								left: -3px;
							}
							.slider-wrap .nav > li.next i {
								left: -1px;
							}
								.slider-wrap .nav > li:hover i {
									color: #FFF;
								}
        .slider-wrap .sub-banner {
            position: relative;
            min-height: 325px;
            background-size: cover !important;
        }
    		.slider-wrap .sub-banner .text {
    		    position: absolute;
    			top: 50%;
    			left: 50%;
    			width: 100%;
    			transform: translate(-50%, -50%);
    			color: #FFF;
    			text-align: left;
    			/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);*/
    		}
    		    .slider-wrap .sub-banner .text .en {
    		        font-size: 19pt;
    		        font-weight: 300;
    		        color: rgba(255, 255, 255, 0.8);
    		    }
    		    .slider-wrap .sub-banner .text .ko {
    		        position: relative;
    		        font-size: 31pt;
    		        font-weight: 500;
    		    }
    		        .slider-wrap .sub-banner .text .ko span {
    		            display: none;
    		            position: absolute;
    		            bottom: 0px;
    		            left: 50%;
    		            transform: translateX(-50%);
    		            width: 35px;
    		            height: 3px;
    		            background-color: rgba(255, 255, 255, 0.8);
    		        }

/* Main banner */
#main_banner_container,
#main_banner_container .content li {
	height: 480px;
}
	#main_banner_container {
		overflow: hidden;
	}

/* Index */
#content .content *:not(.no-ani) {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#index {
    padding: 60px 0px 100px;
}
    #index [class^='index-'] {
        position: relative;
    }
    
    #index .index-1 {
        height: 420px;
        overflow: hidden;
        font-size: 0px;
    }
        #index .index-1 ul > * {
            display: inline-block;
            vertical-align: top;
        }
            #index .index-1 .banner {
                position: relative;
                width: 425px;
            }
                #index .index-1 .banner .half > * {
                    padding: 0px !important;
                    margin: 0px !important;
                    height: 210px;
                }
                    #index .index-1 .banner .half > *:nth-of-type(1) {
                        background-color: #EA728E;
                    }
                    #index .index-1 .banner .half > *:nth-of-type(2) {
                        background-color: #3CC4B6;
                    }
                    #index .index-1 .banner .half > *:nth-of-type(3) {
                        background-color: #F2C76E;
                    }
                    #index .index-1 .banner .half > *:nth-of-type(4) {
                        background-color: #666AA5;
                    }
                        #index .index-1 .banner .text {
                            position: absolute;
                            left: 0px;
                            right: 0px;
                            top: 50%;
                            transform: translateY(-50%); 
                            color: #FFF;
                            text-align: center;
                        }
                            #index .index-1 .banner .text span {
                                display: block;
                            }
                                #index .index-1 .banner .text .ko {
                                    margin-top: 5px;
                                    font-size: 19pt;
                                    font-weight: 500;
                                }
                                #index .index-1 .banner .text .en {
                                    margin-top: -5px;
                                    font-size: 12pt;
                                }
                                #index .index-1 .banner .text .more {
                                    display: inline-block;
                                    font-size: 10pt;
                                    line-height: 27px;
                                    padding: 0px 10px;
                                    margin-top: 10px;
                                    border: 1px solid rgba(255, 255, 255, 0.5);
                                    color: rgba(255, 255, 255, 0.7);
                                }
                                    #index .index-1 .banner .text .more:hover {
                                        color: #000;
                                        background-color: rgba(255, 255, 255, 0.5);
                                    }
                                        #index .index-1 .banner .text .more small {
                                            font-size: 0.9em;
                                        }
                            
            #index .index-1 .latest-sermon-wrap {
                position: relative;
                width: 740px;
                height: 420px;
                margin-right: 35px;
            }
                #index .index-1 .latest-sermon-wrap .iframe-wrap {
                    padding-bottom: 57%;
                }
    
    #index .index-2 {
        margin-top: 60px;
        background-color: #F5F5F5;
        padding: 55px 0px 60px;
    }
        #index .index-2 li {
            text-align: center;
            color: #000;
        }
            #index .index-2 li.title {
                font-size: 30pt;
                font-weight: 800;
            }
            #index .index-2 li.text {
                line-height: 180%;
                font-size: 16pt;
                font-weight: 400;
                margin-top: 20px;
            }
            
    #index .index-3 {
        height: 800px;
        background: url('../img/index/index3_bg.png') no-repeat center center;
        background-size: cover;
    }
        #index .index-3 .banner {
            position: relative;
            width: 100%;
            height: 800px;
        }
            #index .index-3 .banner ul {
                position: absolute;
                left: 0px;
                right: 0px;
                top: 50%;
                transform: translateY(-50%);
                font-size: 0px;
            }
                #index .index-3 .banner ul > * {
                    position: relative;
                    display: inline-block;
                    padding: 0px !important;
                    margin: 4% 4% 0px 0px !important;
                    height: 310px;
                    width: 22%;
                    background-color: rgba(0, 0, 0, 0.5);
                }
                    #index .index-3 .banner ul > *:nth-of-type(1), 
                    #index .index-3 .banner ul > *:nth-of-type(2), 
                    #index .index-3 .banner ul > *:nth-of-type(3), 
                    #index .index-3 .banner ul > *:nth-of-type(4) {
                        margin-top: 0px !important;
                    }
                    
                    #index .index-3 .banner ul > *:nth-of-type(4n) {
                        margin-right: 0px !important;
                    }
                        #index .index-3 .banner .text {
                            position: absolute;
                            left: 0px;
                            right: 0px;
                            top: 50%;
                            transform: translateY(-50%); 
                            color: #FFF;
                            text-align: center;
                        }
                            #index .index-3 .banner .text span {
                                display: block;
                            }
                                #index .index-3 .banner .text .ko {
                                    margin: 15px 0px 5px;
                                    font-size: 18pt;
                                    font-weight: 400;
                                }
                                #index .index-3 .banner .text .en {
                                    font-size: 12pt;
                                }
                                #index .index-3 .banner .text .more {
                                    display: inline-block;
                                    font-size: 10pt;
                                    line-height: 27px;
                                    padding: 0px 10px;
                                    margin-top: 10px;
                                    border: 1px solid rgba(255, 255, 255, 0.5);
                                    color: rgba(255, 255, 255, 0.7);
                                }
                                    #index .index-3 .banner .text .more:hover {
                                        color: #000;
                                        background-color: rgba(255, 255, 255, 0.5);
                                    }
                                        #index .index-3 .banner .text .more small {
                                            font-size: 0.9em;
                                        }
                                        
    #index .index-4 {
        background-color: #7ECEF4;
        padding: 60px 0px;
    }
        #index .index-4 .common-width {
            text-align: center;
        }
        
    #index .index-5 {
        padding: 60px 0px 0px;
        position: relative;
    }
        #index .index-5 li {
            text-align: center;
            position: relative;
            font-size: 19pt !important;
            font-weight: 600;
            vertical-align: top;
        }
        #index .index-5 .rise {
            text-align: left;
        }
            #index .index-5 li small,
            #index .index-5 li small a {
                font-size: 13pt !important;
                font-weight: 400;
                color: #000;
            }
            #index .index-5 i {
                position: absolute;
                top: 20px;
                left: 20px;
                color: #FFF;
                cursor: pointer;
                z-index: 99999;
                font-size: 50pt !important;
            }
            #index .index-5 .map .iframe-wrap {
                padding-bottom: 63.5%;
                margin-bottom: 20px;
            }
    
    #index .half {
        width: 100%;
        font-size: 0px;
    }
        #index .half > li {
            position: relative;
            display: inline-block;
            width: 50%;
            font-size: 1rem;
            vertical-align: top;
        }
            #index .half > li:nth-of-type(2n-1) {
                padding-right: 20px;
            }
            #index .half > li:nth-of-type(2n) {
                padding-left: 20px;
            }
            
            #index .half .banner li:nth-of-type(2n-1) {
                padding-right: 10px;
            }
            #index .half .banner li:nth-of-type(2n) {
                padding-left: 10px;
            }
            #index .half .banner li:nth-of-type(1),
            #index .half .banner li:nth-of-type(2) {
                padding-bottom: 20px;
            }
            
                #index h3 small {
                    font-size: 14pt;
                    font-weight: 400;
                }

#foot-menu-wrap {
    background-color: #333;
}
    #foot-menu-wrap > div {
        font-size: 0px;
        padding: 50px 0px;
    }
        #foot-menu-wrap > div > * {
            display: inline-block;
            vertical-align: top;
        }
            #foot-menu-wrap .logo {
                width: 30%;
            }
                #foot-menu-wrap .logo img {
                    width: 50%;
                }
            
            #foot-menu-wrap #foot-menu {
                width: 70%;
            }
                #foot-menu-wrap #foot-menu > * {
                    display: inline-block;
                    width: 25% !important;
                    font-size: 11pt;
                    vertical-align: top;
                    margin-bottom: 20px;
                }
                    #foot-menu-wrap #foot-menu > * > span > a {
                        display: inline-block;
                        padding: 5px 0px;
                        font-size: 13pt;
                        color: #FFF;
                        font-weight: 500;
                    }
                        #foot-menu-wrap #foot-menu > * span > ul * {
                            color: rgba(255, 255, 255, 0.8);
                            line-height: 30px;
                        }

/**
 * Content
 */
aside {
    position: relative;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}
	#sub-menu {}
		#sub-menu ul {
		    position: relative;
		    display: table;
		    margin: 0px auto;
		}
			#sub-menu li {
			    position: relative;
			    display: table-cell;
				height: 90px;
				cursor: pointer;
				color: #888;
				font-size: 12pt;
				font-weight: 500;
				border-top: 1px solid rgba(255, 255, 255, 0.3);
				vertical-align: middle;
				text-align: center;
				font-size: 14pt;
				padding: 0px 18px;
				white-space: nowrap;
			}
				#sub-menu li:first-child {
					border: none;
					color: #00A0E9;
					font-size: 22pt;
					padding-left: 0px;
				}
				    #sub-menu li .border {
				        position: absolute;
				        width: 2px;
				        height: 30px;
				        top: 50%;
				        right: 0px;
				        background-color: #00A0E9;
				        transform: translateY(-50%);
				    }
				
				#sub-menu li:last-child {
				    padding-right: 0px;
				}
				
				#sub-menu li:hover:not(.empty) *,
				#sub-menu .on * {
					color: #000;
					font-weight: 500;
				}
    					    
.content {
    position: relative;
}    		
    .content > div:not(.index) {}

/**
 * Footer
 */
 
#footer {
	background-color: #E6E6E6;
}
    #footer article {}
        #footer article ul {
            width: 100%;
            padding: 50px 0px 65px;
        }
    	    #footer article li {
    		    font-size: 10pt;
    		    font-weight: 200;
    			color: #333;
    			line-height: 180%;
    		}
    		    #footer article li:first-child {
    		        width: 350px;
    		    }
    		    
    		    #footer article li:last-child img {
    		        position: relative;
    		        top: -2px;
    		        left: 5px;
    		        height: 9px;
    		    }
    		    
    		    #footer article .name {
    		        font-size: 12pt;
    		    }
    		    
                #footer .divide {
                    display: inline-block;
                    width: 5px;
                }
			
/**
 * Sub Page
 */

#sub-page:not(.board),
#board_list,
#bo_v,
#board_write,
#bo_w {
	padding: 0px;
	margin: 0px 0px 150px;
}	
	#board_list,
	#bo_v,
	#board_write,
	#bo_w {
	    max-width: 1200px;
	    margin: 0px auto 70px;
	}
	
	#bo_sch {
	    margin-bottom: 80px;
	}
	    #bo_sch #stx {
	        box-shadow: none;
	    }
        #bo_sch #sfl {
            height: 40px;
            border: 1px solid #ccc;
            border-radius: 3px;
        }
        #bo_sch .btn_submit {
            padding: 0px 20px;
            line-height: 40px;
            border-radius: 3px;
        }
	
	#sub-page {
		position: relative;
	}
	
	#sub-page h2 {
		font-size: 17pt;
		font-weight: 500;
		line-height: 40px;
		margin: 0px;
	}
	
	#sub-page h3 {
		font-size: 15pt;
		font-weight: 500;
		line-height: 35px;
	}
	
	#sub-page table {
	    width: 100%;
	    border-spacing: 0px;
	    padding: 0px;
	    border-bottom: 1px solid #D1D1D1;
    }
    #sub-page table.auto-width {
        width: auto;
    }
    #sub-page table.border-line * {
        border-left: none !important;
        border-right: none !important;
        text-align: left !important;
    }
        #sub-page table th,
        #sub-page table td {
            font-size: 14.5pt;
            font-weight: 300;
            padding: 10px 0px;
            text-align: center;
            border: 1px solid #D1D1D1;
            border-right: none;
            border-bottom: none;
            letter-spacing: -1px;
        }
            #sub-page table tr > th {
                font-weight: 500;
                background-color: #F5F5F5;
                font-weight: 16pt;
            }
                #sub-page table tr > th:first-child,
                #sub-page table tr > td:first-child {
                    border-left: none;
                }
                #sub-page table tr > th.border-left,
                #sub-page table tr > td.border-left {
                    border-left: 1px solid #D1D1D1;
                }
                
                #sub-page table tr > td:last-child {
                    padding-left: 50px;
                }
                #sub-page table tr > td:first-child {
                    padding-left: 0px;
                }
		
	#sub-page hr {
		border: none;
		height: 35px;
		margin: 0px;
	}
	    #sub-page hr.light {
	        height: 20px;
	    }
	    #sub-page hr.thin {
	        height: 10px;
	    }
	
	#sub-page dl {}
		#sub-page dt {
		    position: relative;
			font-size: 24pt;
			line-height: 37px;
			color: #0091c3;
			text-align: center;
			margin-bottom: 10px;
		}
		    #sub-page dt span {
		        position: relative;
		        display: inline-block;
		        background-color: #FFF;
		        padding: 0px 10px;
		        font-weight: 400;
		        z-index: 2;
		    }
		    #sub-page dt .top-line {
		        position: absolute;
		        top: 0px;
		        left: 0px;
		        width: 30px;
		        height: 1px;
		        background-color: #0091c3;
		    }
		    #sub-page dt .middle-line {
		        position: absolute;
		        top: 50%;
		        left: 0px;
		        right: 0px;
		        height: 1px;
		        background-color: #E8E8E8;
		    }
		    
		#sub-page dd {
			text-align: justify;
			font-size: 14.5pt;
			line-height: 190%;
			word-break: break-all;
		}
		    #sub-page dd,
		    #sub-page dd * {
		        letter-spacing: -1.2px;
		    }
		
    #sub-page .big {
        font-size: 30pt;
		line-height: 46px;
        font-weight: 800;
    }
    #sub-page .big2 {
        display: inline-block;
        font-size: 18pt;
        font-weight: 500;
        padding: 10px 0px;
    }
    
    #sub-page .bg-gray {
        background-color: #F5F5F5;
    }

	#sub-page .bold {
		font-weight: 600;
	}
	#sub-page .right {
		text-align: right;
	}
	#sub-page .center {
		text-align: center;
	}
	#sub-page .big {
		font-size: 25pt;
	}
	#sub-page .brown {
		color: #462918;
	}
	#sub-page .dark-red {
		color: #a62a1f;
	}
	#sub-page .light-red {
		color: #cf5a4f;
	}
	#sub-page .light-blue {
		color: #48c1a2;
	}
	#sub-page .light-gray {
	    color: #959595;
	}
	#sub-page .green {
	    color: #5eba3d;
	}
	#sub-page .blue {
		color: #0091c3;
	}
	#sub-page .dark-blue {
		color: #2C4A80;
	}
	#sub-page .orange {
		color: #f29721;
	}
	#sub-page .basic-color {
	    color: #353535;
	}
	#sub-page .black {
	    color: #000;
	}
	#sub-page .purple {
	    color: #8957a1;
	}
	#sub-page .dark-purple {
	    color: #595e9e;
	}
	#sub-page .gray {
	    color: #737373;
	}
	
	#sub-page .table .border-right {
		border-right: 1px solid #DDD;
	}
	#sub-page .table .border-bottom {
		border-bottom: 1px solid #DDD;
	}
	#sub-page .border-left-none {
		border-left: none !important;
	}
	
	#sub-page .vertical-middle {
	    vertical-align: middle;
	}
	
	#sub-page .divide-line {
	    margin: 50px 0px;
	    height: 1px;
	    background-color: #999;
	}
	
	#sub-page .narrow {
	    letter-spacing: -1.8px !important;
	}
	
	#sub-page .preparing {
		display: table;
		width: 100%;
		height: 300px;
		border: 1px solid #E7E7E7;
	}
		#sub-page .preparing > * {
			display: table-cell;
			vertical-align: middle;
			text-align: center;
			font-size: 25pt;
			font-weight: 400;
		}    
    
    #sub-page .quotes {
        display: block;
        text-align: center;
    }
        #sub-page .quotes.left {
            text-align: left;
        }
            #sub-page .quotes > span {
                position: relative;
                display: inline-block;
                font-size: 28pt;
                font-weight: 600;
                color: #111;
                padding: 0px 100px;
            }
                #sub-page .quotes > span.mini {
                    font-size: 18pt;
                    color: #ea942f;
                    font-weight: 400;
                    padding: 0px 50px;
                }
                    #sub-page .quotes > span:before,
                    #sub-page .quotes > span:after {
                        content: '"';
                        position: absolute;
                        font-size: 80px;
                        font-family: 'Coustard', serif;
                        color: #f1cc28;
                    }
                        #sub-page .quotes > span:before {
                            top: -54px;
                            left: 0px;
                            transform: rotate(180deg);
                        }
                        #sub-page .quotes > span:after {
                            top: -9px;
                            right: 0px;
                        }
                        #sub-page .quotes > span.mini:before {
                            top: -60px;
                        }
                        #sub-page .quotes > span.mini:after {
                            top: -15px;
                        }
                        
    #sub-page .img-full .remark {
        display: block;
        height: 65px;
        line-height: 65px;
        overflow: hidden;
        color: #FFF;
        background-color: #fcba6c;
        padding: 0px 30px;
        text-align: right;
        font-weight: 600;
    }
        #sub-page .img-full .remark small {
            display: inline-block;
            margin-right: 5px;
            font-weight: 400;
            font-size: 0.75em;
        }
        
    #sub-page .font-stylish {
        font-family: 'SeoulHangangM';
        line-height: 130%;
        letter-spacing: -0.5px;
    }
    
    #sub-page .box {
        display: table;
        max-width: 1000px;
        width: 100%;
        margin: 0px auto;
        text-align: left;
        padding: 20px 0px 30px;
    }
        #sub-page .box * {
            letter-spacing: -1.2px;
        }
            #sub-page .box > * {
                padding: 0px 30px;
            }
            
            #sub-page .box.half > * {
                display: table-cell;
                width: 50%;
                vertical-align: top;
            }
                #sub-page .box.half > *:nth-of-type(1) {
                    border-right: 1px solid #d7d7d7;
                    padding-right: 10px;
                }
                #sub-page .box.half > *:nth-of-type(2) {}
            
            #sub-page .box.auto-center {
                text-align: center;
            }
                #sub-page .box.auto-center > * {
                    display: inline-block;
                    text-align: left;
                }
            
            #sub-page .box.auto-width {
                width: auto;
            }
            
            #sub-page .box.gray {
                background-color: #f5f5f5;
            }
            
            #sub-page .box.border {
                border: 1px solid #E3E3E3;
                padding: 0px;
            }
                #sub-page .box.border > * {
                    border: none !important;
                    padding: 0px !important;
                    width: auto;
                    line-height: 130%;
                }
                #sub-page .box.border.middle > * {
                    vertical-align: middle;
                }
                    #sub-page .box.border > *:nth-of-type(1) {
                        width: 217px;
                    }
                    #sub-page .box.border > *:nth-of-type(2) {
                        padding: 10px 10px 10px 20px !important;
                    }
                        #sub-page .box.border small {
                            font-size: 0.75em;
                        }
                        #sub-page .box.border .list-style-disc {
                            padding-left: 19px !important;
                        }
        
    [class^='list-style'] {
        padding-left: 25px;
    }
    .list-style-decimal {
        position: relative;
        counter-reset: decimallist;
    }
        .list-style-disc > * {
            list-style: disc outside none;
        }
        .list-style-decimal > *:before {
            counter-increment: decimallist;
            content: counter(decimallist)")";
            position: absolute;
            left: 5px;
        }
    
    #tab ul {
        display: inline-block;
        font-size: 0px;
        margin-bottom: 50px;
        width: 100%;
        text-align: center;
    }
        #tab li {
            display: inline-block;
            width: 20%;
            font-size: 19pt;
            background-color: #FFF;
            border: 1px solid #AAA;
            border-left: none;
            border-top: none;
            color: #333;
            font-weight: 400;
            text-align: center;
            padding: 10px 0px;
            cursor: pointer;
            letter-spacing: -1px;
            white-space: nowrap;
        }
        #tab #bo_catul li {
            font-size: 11.5pt;
            width: 16.6%;
            overflow: hidden;
        }
            #tab li.on {
                background-color: #004986;
                color: #FFF;
                font-weight: 500;
                border-color: #004986 !important;
            }
            #tab #bo_catul li.on {
                background-color: #0091C3;
                border-color: #0091C3 !important;
            }
            #tab li.narrow {
                letter-spacing: -2px;
            }
            #tab li:nth-of-type(1),
            #tab li:nth-of-type(2),
            #tab li:nth-of-type(3),
            #tab li:nth-of-type(4),
            #tab li:nth-of-type(5) {
                border-top: 1px solid #AAA;
            }
            #tab #bo_catul li:nth-of-type(6) {
                border-top: 1px solid #AAA;
            }
            #tab #bo_catul li:nth-of-type(5n+1) {
                border-left: none;
            }
            #tab li:first-child,
            #tab li:nth-of-type(5n+1),
            #tab #bo_catul li:nth-of-type(6n+1) {
                border-left: 1px solid #AAA;
            }
            #tab #bo_catul li:first-child {
                border-left: 1px solid #AAA;
            }
                #tab li a {
                    color: #333;
                    font-weight: 400;
                }
                #tab li.on a {
                    color: #FFF;
                    font-weight: 500;
                }
            
    #sub-page #tab-content > li {
        display: none;
    }
        #sub-page #tab-content > li.on {
            display: block;
        }
        
    #sub-page .divide-2 {
        font-size: 0px;
    }
        #sub-page .divide-2 > * {
            position: relative;
            display: inline-block;
            width: 49%;
            font-size: 14.5pt;
            vertical-align: top;
            margin-top: 2%;
        }
        #sub-page .divide-2.type2 > * {
            width: 48%;
            margin-top: 4%;
        }
            #sub-page .divide-2 > *:nth-of-type(1),
            #sub-page .divide-2 > *:nth-of-type(2) {
                margin-top: 0px;
            }
            #sub-page .divide-2 > *:nth-of-type(2n-1) {
                margin-right: 2%;
            }
            #sub-page .divide-2.type2 > *:nth-of-type(2n-1) {
                margin-right: 4%;
            }
            
        #sub-page .divide-2 > .full {
            width: 100%;
        }
            #sub-page .divide-2 > .full .box {
                max-width: 100% !important;
            }
        #sub-page .divide-2 > .empty {
            width: 0px;
        }
            
    #sub-page .divide-3 {
        font-size: 0px;
        max-width: 1000px;
        margin: 0px auto;
    }
        #sub-page .divide-3 > * {
            display: inline-block;
            width: 32%;
            vertical-align: top;
            font-size: 14.5pt;
        }
            #sub-page .divide-3 > *:nth-of-type(3n-1),
            #sub-page .divide-3 > *:nth-of-type(3n) {
                margin-left: 2%;
            }
            
                #sub-page .divide-3 .vertical-line {
                    width: 1px;
                    height: 40px;
                    margin: 0px auto;
                    background-color: #a2a2a2;
                }
                
    #sub-page .no-padding {
        padding: 0px !important;
    }
        
    /* pastor introduction */
    #sub-page.pastor-introduction .pastor {
        background: url('../img/sub_page/pastor_introduction_002.jpg') no-repeat center center;
        background-size: cover;
        font-size: 0px;
        position: relative;
    }
        #sub-page.pastor-introduction .pastor .img,
        #sub-page.pastor-introduction .pastor .title {
            display: inline-block;
            vertical-align: middle;
        }
            #sub-page.pastor-introduction .pastor .title {
                padding-left: 40px;
                font-size: 30pt;
            }
            
        #sub-page.pastor-introduction .pastor .info {
            position: absolute;
            left: 250px;
            bottom: 0px;
            z-index: 2;
            font-size: 27pt;
            background-color: #3CC4B6;
            padding: 0px 20px 15px;
            color: #FFF;
            font-weight: 600;
            line-height: 90%;
        }
            #sub-page.pastor-introduction .pastor .info small {
                font-size: 17pt;
            }
        
        #sub-page.pastor-introduction .text {
            padding: 40px;
            border: 35px solid #3CC4B6;
            border-top: none;
        }
        
    /* church-introduction */
    #sub-page.church-introduction .divide-3 > * {
        vertical-align: middle;
    }
    
    /* church footsteps */
    #sub-page.church-footsteps table {
        border: none;
    }
        #sub-page.church-footsteps table th,
        #sub-page.church-footsteps table td {
            border: none;
            text-align: left;
            vertical-align: top;
        }
            #sub-page.church-footsteps table tr > th {
                color: #8957a1;
                background: none;
            }
    
    /* server senior pastor */
    #sub-page.server-senior-pastor .divide-2.introduce > *:nth-of-type(1) {
        width: 29.5%;
    }
        #sub-page.server-senior-pastor .divide-2.introduce > .img-full {
            margin-top: 17px;
        }
        
    #sub-page.server-senior-pastor .divide-2.introduce > *:nth-of-type(2) {
        padding-left: 2%;
        width: 68.5%;
    }
        #sub-page.server-senior-pastor .divide-2.introduce .big2 {
            padding: 0px;
        }
        #sub-page.server-senior-pastor .divide-2.introduce .divide-line {
            position: absolute;
            top: 0px;
            bottom: 0px;
            right: 0px;
            width: 2px;
            height: auto;
            margin: 0px;
            background-color: #C9C9C9;
            border-right: 1px solid #E1E1E1;
        }
        #sub-page.server-senior-pastor .divide-2.introduce .divide-line.left {
            right: auto;
            left: 0px;
        }
    
    /* server associate worker */
    #sub-page.server-associate-worker .divide-3 {
        max-width: 100%;
    }
        #sub-page.server-associate-worker .divide-3 > * {
            width: 30%;
            margin-top: 5%;
        }
            #sub-page.server-associate-worker .divide-3 > *:nth-of-type(3n-1),
            #sub-page.server-associate-worker .divide-3 > *:nth-of-type(3n) {
                margin-left: 5%;
            }
            
            #sub-page.server-associate-worker .divide-3 > *:nth-of-type(1),
            #sub-page.server-associate-worker .divide-3 > *:nth-of-type(2),
            #sub-page.server-associate-worker .divide-3 > *:nth-of-type(3) {
                margin-top: 0px;
            }
            
    /* schedule */
    #sub-page.schedule table th {
        font-size: 19pt;
    }
    
    /* new family */
    #sub-page.new-family .divide-2.introduce > *:nth-of-type(2n-1) {
        margin-right: 0px;
    }
    #sub-page.new-family .divide-2.introduce > *:nth-of-type(2n) {
        padding-left: 4%;
    }
    
    /* education */
    #sub-page.education .divide-2.introduce > *:nth-of-type(1) {
        width: 29.5%;
    }
        #sub-page.education .divide-2.introduce > .img-full {
            margin-top: 10px;
        }
        
    #sub-page.education .divide-2.introduce > *:nth-of-type(2) {
        padding-left: 2%;
        width: 68.5%;
    }
        #sub-page.education .divide-2.introduce .big2 {
            padding: 0px;
        }
        #sub-page.education .divide-2.introduce .divide-line {
            position: absolute;
            top: 0px;
            bottom: 0px;
            right: 0px;
            width: 2px;
            height: auto;
            margin: 0px;
            background-color: #C9C9C9;
            border-right: 1px solid #E1E1E1;
        }
        #sub-page.education .divide-2.introduce .divide-line.left {
            right: auto;
            left: 0px;
        }
        
    #sub-page.education .btn {
        position: relative;
        display: block;
        text-align: center;
        background-color: #1ebab4;
        padding: 5px 0px;
        color: #FFF;
        cursor: pointer;
        font-weight: 400;
        font-size: 18pt;
        border-radius: 5px;
        box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1) inset;
    }
    #sub-page.education .btn.type2 {
        display: inline-block;
        font-size: 15pt;
        padding: 3px 47px 3px 18px;
        margin-left: 15px;
    }
    #sub-page.education .btn.orange {
        background-color: #f19149;
    }
        #sub-page.education .btn i {
            position: absolute;
            top: 50%;
            right: 5%;
            transform: translateY(-50%);
            color: #FFF;
            font-size: 1.2em;
        }
        #sub-page.education .btn.type2  i {
            right: 13px;
        }
        
    #sub-page.education .divide-2:not(.introduce) > * {
        width: 46.5%;
        margin-top: 4%;
    }
        #sub-page.education .divide-2:not(.introduce) > *:nth-of-type(2n-1) {
            margin-right: 7%;
        }
        
    #sub-page.education .box {
        padding: 10px;
    }
    
    #sub-page.em .sub dt {
        font-weight: 500;
        text-align: left;
        padding-left: 10%;
    }
    
    /* discipleship */
    #sub-page.discipleship .box.border > *:nth-of-type(2) {
        padding: 10px 20px !important;
        line-height: 150% !important;
        word-break: keep-all !important;
    }
    
    /* worship music ministry */
    #sub-page.worship-music-ministry {
        background: url('../img/sub_page/worship_music_ministry_bg.png') no-repeat right bottom;
        padding-bottom: 436px;
    }
        #sub-page.worship-music-ministry .divide-3 {
            max-width: 100%;
        }
            #sub-page.worship-music-ministry .divide-3 > * {
                margin-top: 1%;
            }
            #sub-page.worship-music-ministry .divide-3 > *:nth-of-type(1),
            #sub-page.worship-music-ministry .divide-3 > *:nth-of-type(2),
            #sub-page.worship-music-ministry .divide-3 > *:nth-of-type(3) {
                margin-top: 0px;
            }
            
    /* ram */
    #sub-page.ram .small {
        font-size: 14pt;
    }
    
/**
 * Etc
 */
 
.ctt_admin {
	position: absolute;
	right: 10px;
	top: 10px;
}

#ctt,
#ctt_con {
	margin: 0px;
	padding: 0px;
	background: transparent;
}
	#ctt_con {
		line-height: initial;
	}
button.btn_share {
	display: none;
}
.bo_v_snswr {
	padding: 10px 0px;
}

#board_list input[type="checkbox"] {
    margin-right: 10px;
}

.pg_wrap .pg {
    font-size: 0px;
}
    .pg_current,
    .pg_page {
        width: 25px;
        height: 25px;
        min-width: auto;
        line-height: 23px;
    	font-weight: 300;
    	color: #AAA;
    	border: 1px solid #e2e2e2;
    	margin-left: -1px;
    	box-shadow: none;
    	border-radius: 0px;
    	font-size: 10pt !important;
    	padding: 0px;
    	font-family: "Noto Sans KR", "Nanum Gothic", "나눔고딕", "Lato","Apple SD Gothic Neo", "Malgun Gothic", dotum, sans-serif;
    }
        .pg_current {
            background-color: #e2e2e2;
        }
        
    .pg_start,
    .pg_end,
    .pg_prev,
    .pg_next {
    	border: none;
    	text-align: center;
    	background: none;
    	position: relative;
    	background-color: rgba(255, 255, 255, 0);
    	text-indent: 0;
        margin: 0px 10px;
    }
        .pg_prev:before {
    	    content: '이전';
    	    position: absolute;
    	    left: 0px;
    	    font-weight: 300;
    	}
    	.pg_next:before {
    	    content: '다음';
    	    position: absolute;
    	    right: 0px;
    	    font-weight: 300;
    	}
    	
        .pg_start:before {
    	    content: '처음';
    	    position: absolute;
    	    left: 0px;
    	    font-weight: 300;
    	}
    	.pg_end:before {
    	    content: '맨끝';
    	    position: absolute;
    	    right: 0px;
    	    font-weight: 300;
    	}
	
#ifrm {
	display: none;
	border: none;
	height: 0px;
	width: 0px;
}

#layer-pop {
	display: none;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1000000;
	background-color: rgba(0, 0, 0, 0.7);
}
	#layer-pop-contents {
		display: table;
		width: 100%;
	}
		#layer-pop-contents li {
			display: table-cell;
			vertical-align: middle;
			position: relative;
		}


/* 강제 적용 */

b,
b * {
	font-weight: bold;
}