@charset "utf-8";
/* CSS Document */

html,body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p,blockquote,th,td, span {margin:0;padding:0;font:normal 14px Dotum, AppleGothic, sans-serifcolor:#565656;line-height:1.25em;}
ul,ol,dl,li,span {list-style:none}

img {border:0; vertical-align:top;}

img.lview {border:0; vertical-align:middle;}

* {	margin:0; padding:0;}
li {
	list-style:none;
	line-height: 20px;
}

A {
	TEXT-OVERFLOW: ellipsis; COLOR: #000; TEXT-DECORATION: none; -o-text-overflow: ellipsis
}

A:link {
	TEXT-DECORATION: none
}

A:hover {
	text-decoration:none;
}

A:active {
	TEXT-DECORATION: none
}

BODY {
	FONT-FAMILY: "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif; COLOR: #000; FONT-SIZE: 87.5%; FONT-WEIGHT: normal;
	BACKGROUND: #65a7ba; -webkit-text-size-adjust: none

}

.clearfix:after {
	content: ".";	/* the period is placed on the page as the last thing before the div closes */
	display: block;	/* inline elements don't respond to the clear property */ 
	height: 0;	/* ensure the period is not visible */
	clear: both;	/* make the container clear the period */
	visibility: hidden;		/* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

/* end of "no-extra-markup" clearing method */

/* .clearfix {
	overflow: hidden;
} */
#main_multi {
	width: 100%;
	height: 51px;
	background-image: url(/image/main_multi_title.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#main_header {
	width: 100%;
	/* height: 65px; */
	height: 50px;
	position: fixed;
	background-image: url(/image/main_header.png);
	background-position: center top;
	background-repeat: no-repeat;
}


#main_multi_ctn {
	width: 100%;
	height: 245px;  /*300px;  외국어 하나 더 추가시 높이 늘어남*/
	background-image: url(/image/main_multi_bg.png);   /*url(/image/main_multi_bg3.png); 외국어 하나 더 추가시 높이 bg*/
	text-align: center;
	overflow: hidden;
}

#main_multi_ctn ul {
	font-size: 0;
	line-height: 0;
}

#main_multi_ctn ul:first-child {
	padding-top: 15px;
}

#main_multi_ctn li {
	display: inline-block;
	/* margin-left: 5px;
	margin-right: 5px; */
	width: 42%;
}

#main_multi_ctn li img {
	margin-bottom: 10px;
}

#main_multi_ctn2 {
	width: 100%;
	height: 285px;
	background-image: url(/image/main_multi_bg2.png);
	text-align: center;
	overflow: hidden;
}

#main_multi_ctn2 ul {
	font-size: 0;
	line-height: 0;
}

#main_multi_ctn2 ul:first-child {
	padding-top: 30px;
}

#main_multi_ctn2 li {
	display: inline-block;
	/* margin-left: 5px;
	margin-right: 5px; */
	width: 42%;
}

#main_multi_ctn2 li img {
	margin-bottom: 15px;
}

#main_menu_ctn {
	width: 100%;
	height: 370px;
	background-image: url(/image/main_menu_bg.png);
	text-align: center;
	overflow: hidden;
}

#main_menu_ctn ul {
	font-size: 0;
	line-height: 0;
}

#main_menu_ctn ul:first-child {
	padding-top: 20px;
}

#main_menu_ctn li {
	display: inline-block;
	/* margin-left: 11px;
	margin-right: 11px; */
	width:28%;
}

#main_menu_ctn li img {
	margin-bottom: 20px;
}

#main_footer {
	width: 100%;
	height: 103px;
	background-image: url(/image/main_footer_bg.png);
	text-align: center;
}

#ctn_header {
	width: 100%; 
	height: 46px;
	background: url(/image/main_header_bg.png); 
	position: fixed;
	z-index: 999999;
}

#ctn_header ul {
	width: 100%;	
}

#ctn_header .hd01 {
	position: absolute; 
	left: 10px; 
	top: 10px;
}

#ctn_header .hd02 {
	text-align: center; 
	width: 100%; 
	font-size: 18px; 
	line-height: 46px;
	color: #ffffff; 
	font-weight: bold; 
}

#ctn_header .hd03 {
	position: absolute; 
	right: 10px; 
	top: 10px;
}

#contents {
	width: auto; 
	padding-left: 10px; 
	padding-right: 10px; 
	padding-bottom: 30px; 
	padding-top: 20px;
	background-color: #ffffff;
	/* text-align: justify; */
	min-height: 300px;
}

#greeting01 .img {
	float: left; 
	width: 125px; 
	height: 192px; 
	padding-right: 10px;
	padding-bottom: 10px;
}

#greeting01 .color {
	color:#A1223A; 
	line-height:20px;
}

.right {
	width: 100%;
	text-align: right;
}

#greeting01 #signature {
	right: 10px; 
	bottom: 20px;
}

.text01 {
	font-size: 16px;
	font-weight: bold;
	color: #215bd5;
	margin-bottom: 15px;
}

.text02 {
	color: #215bd5;
}

.text03 {
	font-size: 14px;
	font-weight: bold;
	color: #215bd5;
	margin-bottom: 15px;
}

#tabmenu {
	overflow: hidden;
	padding-top:46px;
}

.tab { 
	height: 40px; 
	overflow: hidden; 
	background-color: #cae3f1; 
	border-bottom: 1px solid #569cb0;
}

.tab li { 
	float: left; 
	height: 40px; 
	text-align: center; 
	display: inline; 
	font-size: 14px; 
	border-left: 1px solid #ffffff;
}

.tab_4 li {
	width: 21%;
}

.tab_2 li {
	width: 49%;
}

.tab li:first-child { 
	border-left: 0;
}

.tab li a { 
	display: block; 
	line-height: 40px; 
	color: #333333; 
	font-weight: bold; 
	font-size: 14px;
}

.tab li.on {
	float: left; 
	background: #4ea6da; 
	height: 40px;
}

.tab li.on a { 
	display: block; 
	color: #ffffff; 
	font-weight: bold; 
	font-size: 14px; 
	line-height: 40px;
}

#construction {
	text-align: center;
	padding: 50px; 0 70px 0;
}

#list_contents {
	width: auto; 
	padding-left: 10px; 
	padding-right: 10px; 
	padding-bottom: 10px; 
	padding-top: 10px;
	background-color: #ffffff;
}

#sermon_list {
	width: 100%;
}

#sermon_list ul { 
	width: 100%; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	border-bottom: 1px solid #EBEBEB;
}

#sermon_list li { 
	list-style: none; 
	display: inline; 
	vertical-align: middle !important; 
	width: 75%;
}

#sermon_list .sermon_title { 
	display :inline-block; 
	background: url(/image/list_icon.gif) no-repeat left; 
	padding-left: 13px; 
	line-height: 19px;
}
	
#sermon_list .sermon_title .stit {
	font-size: 11pt; 
	color: #215bd5; 
	font-weight: bold;
	display: block;
	/* overflow: hidden; */
	/* white-space: nowrap; */
	/* text-overflow: ellipsis; */
	padding: 3px 0 3px 0;
}
 
#sermon_list .wsermonr { 
	text-align: right; 
	padding-left: 7px;
}

#sermon_list .vod_icon { 
	float: right; 
	clear: both; 
	position: relative; 
	padding-top: 20px; 
	right: 5px;
}

#sermon_list .vod_icon2 { 
	float: right; 
	clear: both; 
	position: relative; 
	padding-top: 6px; 
	right: 5px;
}

.min200 {
	min-height: 200px;
}

#sermon_list .vod_icon2 .bt_outline { 
	padding-top: 3px; 
}


.number { 
	text-align: center; 
	height: 44px; 
	padding-top: 10px;
	font: 14px Tahoma;
}

.number STRONG {
	border-top: 1px solid #4ea6da; 
	border-right: 1px solid #4ea6da; 
	border-bottom: 1px solid #4ea6da; 
	border-left: 1px solid #4ea6da; 
	margin-left: 3px; 
	margin-right:3px; 
	padding: 3px 7px 0px 7px;  
	display: inline-block; 
	background: #ffffff; 
	height: 20px;  
	overflow: hidden; 
	color: #215bd5;
}

.number SPAN {
	border-top: 1px solid #e6e6e6; 
	border-right: 1px solid #e6e6e6; 
	border-bottom: 1px solid #e6e6e6; 
	border-left: 1px solid #e6e6e6;
	margin-right: 3px; 
	margin-left: 3px;  
	padding: 3px 7px 0px 7px;   
	display: inline-block; 
	background: #ffffff; 
	height: 20px;  
	overflow: hidden; 
}

.title_01 {
	background-image: url(/image/title_icon_01.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 26px;
	color: #000000; 
	font-size: 15px; 
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 20px;
}

.title_02 {
	color: #000000; 
	font-size: 14px; 
	font-weight: bold;
}

.location {
	width: 100%;
	height: 450px;
	border: 1px solid #4ea6da;
}

.information_table td { 
	padding: 7px 0 7px 0;
}

.information_table .title01 { 
	color: #215bd5; 
	font-size: .9em; 
	letter-spacing: -1;
}

.information_table .title02 {
	color: #215bd5; 
	font-size: .9em; 
	letter-spacing: -1;
}

.information_table .title03 { 
	font-size: .9em; 
	letter-spacing: -1;
}

.information_table .title04 {
	color: #215bd5;
}

.information_table .title05 {
	font-size: .9em; 
	letter-spacing: -1; 
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.information_table .title06 { 
	color: #215bd5; 
	text-align: left; 
	padding-left: 10px;
}

.information_table .title07 { 
	font-size: .9em; 
	letter-spacing: -1; 
	line-height: 20px;
	text-align: left; 
	padding-left: 10px;
}

.information_table_icon { 
	display :inline-block; 
	background: url(/image/list_icon.gif) no-repeat left; 
	width: 10px;
	height: 10px;
	margin-left: 10px; 
	line-height: 19px;
}

.information_table_blank { 
	display :inline-block; 
	width: 20px;
}

.facilities_table .fa_gap { 
	height: 1px;
}

.facilities_table .fa_title { 
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	text-shadow: #000000 0px 0px 1px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.facilities_table .fa_ctn { 
	padding: 10px;
	font-size: 12px;
	background-color: #f5f5f5;
}

#vision {
	width: 100%;
	padding-top: 10px;
}

#vision li {
	list-style: none; 
	text-align: center;
}

#vision .top02 {
	padding-top: 40px;
	padding-bottom: 10px;
}

#vision .top03 {  
	color: #000000;
	padding-bottom: 10px;
}

#facilities01 #facil01 {
	float: left;
}

#facilities01 #facil02 {
	display: block;
	margin: 30px auto 0 auto;
}

#facil_bt {
	text-align: center;
}

#facil_bt img {
	display: inline-block;
	margin: 7px auto;
}

.bnr01 {
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
}

.w_bt_li {
	text-align: center;
	margin-bottom: 15px;
}

.w_bt {
	display: inline-block; 
	width: 90%; 
	height: 45px; 
	line-height: 45px; 
	border: 1px solid #bbd4e4;
	background-color: #dbe8f0;
	background: linear-gradient( to bottom, #e8eff4, #d3e2eb );
	border-radius: 10px;
	font-size: 16px; 
	font-weight: bold;	
	color: #1d3985;
}