@charset "utf-8";

@import url("https://smart.fgtv.com/css/mobile.css?2");

@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css?1');

/* 
NanumSquare  font-weight
-----------------------
Light
font-weight:300;
Regular
font-weight:400;
Bold
font-weight:700;
Extra Bold
font-weight:800;
 */

@import url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* 
Noto Sans KR  font-weight
-----------------------
Thin 100
Light 300
Regular 400
Medium 500
Bold 700
Black 900
 */

* {	margin:0; padding:0;}
img{vertical-align:top;}
li{
	list-style:none;
	line-height: 20px;
}
A {
	TEXT-OVERFLOW: ellipsis; COLOR: #000; TEXT-DECORATION: none; -o-text-overflow: ellipsis; -webkit-tap-highlight-color:transparent;
}
A:link {
	TEXT-DECORATION: none;
}
A:hover {
	TEXT-DECORATION: none;
}
A:active {
	TEXT-DECORATION: none;
}
a:focus {
	outline:none; 
}
BODY {
	FONT-FAMILY: "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif; COLOR: #000; FONT-SIZE: 87.5%; FONT-WEIGHT: normal;
	BACKGROUND: #fff; -webkit-text-size-adjust: none;

}

#BODY_iPhone {
	FONT-FAMILY: "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif; COLOR: #000; FONT-SIZE: 87.5%; FONT-WEIGHT: normal;
	BACKGROUND: #fff; -webkit-text-size-adjust: none;
}

#BODY_android {
	FONT-FAMILY: "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif; COLOR: #000; FONT-SIZE: 87.5%; FONT-WEIGHT: normal;
	BACKGROUND: #fff; -webkit-text-size-adjust: none;
	-webkit-tap-highlight-color:  rgba(0, 0, 0, 0);

}

.clearfix {
    display: block;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*========== 공통 사용 ==========*/
.font_Noto {
    font-family: 'Noto Sans KR' !important;
}
.font_bold {
    font-weight: bold !important;
}
.font_normal {
	font-weight: normal !important;
}
.font_R {
    font-weight: 400 !important;
}
.font_B {
    font-weight: 700 !important;
}
.font_EB {
    font-weight: 800 !important;
}
.font_12 {
    font-size: 12px !important;
}
.font_13 {
    font-size: 13px !important;
}
.font_14 {
    font-size: 14px !important;
}
.font_15 {
    font-size: 15px !important;
}
.font_16 {
    font-size: 16px !important;
}
.font_17 {
    font-size: 17px !important;
}
.font_18 {
    font-size: 18px !important;
}
.font_20 {
    font-size: 20px !important;
}
.font_23 {
    font-size: 23px !important;
}
.font_25 {
    font-size: 25px !important;
}
.font_30 {
    font-size: 30px !important;
}
.font_35 {
    font-size: 35px !important;
}
.font_40 {
    font-size: 40px !important;
}
.red {
    color: #ff0000 !important;
}
.red2 {
    color: #e00000 !important;
}
.blue {
    color: #215bd5 !important;
}
.blue2 {
	color: #0064ac !important;
}
.font_black_01 {
	color: #171717 !important;
}
.font_blue_01 {
    color: #0064ac !important;
}

.lh_25 {
    line-height: 25px !important;
}
.lh_30 {
    line-height: 30px !important;
}
.lh_35 {
    line-height: 35px !important;
}

.p10 {
	padding: 10px;
}
.pt10 {
	padding-top: 10px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt49 {
	padding-top: 49px !important;
}
.pt50 {
    padding-top: 50px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}
.pb10 {
    padding-bottom: 10px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb25 {
	padding-bottom: 25px !important;
}
.pb30 {
    padding-bottom: 30px !important;
}
.pb50 {
    padding-bottom: 50px !important;
}
.pb80 {
    padding-bottom: 80px !important;
}
.pb100 {
    padding-bottom: 100px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl25 {
	padding-left: 25px !important;
}
.pl28 {
	padding-left: 28px !important;
}
.pl30 {
	padding-left: 30px !important;
}

.mt-5 {
	margin-top: -5px !important;
}
.mt-7 {
	margin-top: -7px !important;
}
.mt-15 {
	margin-top: -15px !important;
}
.mt5 {
    margin-top: 5px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt15 {
    margin-top: 15px !important;
}
.mt50 {
    margin-top: 50px !important;
}
.mt60 {
    margin-top: 60px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}

.ml6 {
    margin-left: 6px !important;
}
.ml8 {
    margin-left: 8px !important;
}
.ml10 {
    margin-left: 10px !important;
}
.ml20 {
    margin-left: 20px !important;
}
.ml30 {
    margin-left: 30px !important;
}
.ml40 {
    margin-left: 40px !important;
}
.mr6 {
    margin-right: 6px !important;
}
.mr8 {
    margin-right: 8px !important;
}
.mr10 {
    margin-right: 10px !important;
}
.mr15 {
    margin-right: 15px !important;
}
.mr20 {
    margin-right: 20px !important;
}

.padding_bottom_5 {
    padding-bottom: 5px !important;
}
.padding_bottom_10 {
    padding-bottom: 10px !important;
}
.margin_left_8 {
    margin-left: 8px !important;
}
.margin_left_10 {
    margin-left: 10px !important;
}
.margin_left_20 {
    margin-left: 20px !important;
}

.dp_b {
    display: block !important;
}
.dp_ib {
    display: inline-block !important;
}

.fR {
    float: right !important;
}

.valign_t {
	vertical-align: top !important;
}
.valign_m {
	vertical-align: middle !important;
}
.valign_b {
	vertical-align: bottom !important;
}

.text_left {
	text-align: left !important;
}
.a_L {
    text-align: left !important;
}
.a_c {
    text-align: center;
}
.aR {
    text-align: right !important;
}


.img95{
	max-width: 95% !important;
	height: auto !important;
}

.img90{
	max-width: 90% !important;
	height: auto !important;
}

.img85{
	max-width: 85% !important;
	height: auto !important;
}

.img80{
	max-width: 80% !important;
	height: auto !important;
}

.img75{
	max-width: 75% !important;
	height: auto !important;
}

.img70{
	max-width: 70% !important;
	height: auto !important;
}

.text_blue1 {
	color: #455ff5 !important;
}
.text_blue2 {
	color: #596ee4 !important;
}


.blue_01 {
	color: #0089d0 !important;
}

.red_01 {
	color: #fd504a !important;
}

/* 배너영역 업데이트 200811 */
#bnr_container{width:100%; background-color:#a2e4e2;}
/* #bnr_container{width:100%; background-color:#7cd3d1;} */
.bnr_wrap01{margin:0 auto; width:94%; padding-bottom:8px;}
.bnr_wrap02{margin:0 auto; width:94%; padding-bottom:20px;}





/*========== 메인_리뉴얼영역 2020.10~ ==========*/
/* 헤더 영역 */
#header_wrap {
	background-color:#fff;
	height:54px;
	border-bottom:solid 1px #ececec;
	
}
#header_wrap .header_logo {
	padding:13px 0px 0px 23px;
}
#header_wrap .header_logo img {
	height:27.5px;
}
#header_wrap .main_search_btn {
	width:20px;
	height:20px;
	position:absolute;
	z-index:4000000;
	right:35px;
	top:16px;
}
#header_wrap input {
	position:absolute;
	width:70%;
	padding:0 20% 0 10%;
	outline:none;
	border-radius:50px;
	-webkit-border-radius:50px;
	border:0;
	height:32px;
	background-color:#fff;
	font-size:1em;
}
.search_area {
	outline:none;
	border:solid 1px #008cd6;
	border-radius:50px;
	-webkit-border-radius:50px;
	margin-left:25px;
	position:absolute;
	top:10px;
	left:152px;
	height:32px;
	right:25px;
	background-color:#FFF;
}
.search_btn_wrap {
	position:absolute;
	text-align:right;
	right:0px;
	top: 0px;
}


/*========== 000 보이스봇 ==========*/

/* 000 보이스봇 - 테스트용 헤더 영역 */   /* 21.03.17~ */
#header_test1_wrap {
	background-color:#fff;
	height:54px;
	border-bottom:solid 1px #ececec;
}
#header_test1_wrap .header_test1_logo {
	padding:13px 0px 0px 23px;
}
#header_test1_wrap .header_test1_logo img {
	height:27.5px;
}
#header_test1_wrap .main_search_btn {
	width:20px;
	height:20px;
	position:absolute;
	z-index:4000000;
	right:35px;
	top:16px;
}
#header_test1_wrap input {
	position:absolute;
	width:70%;
	padding:0 20% 0 10%;
	outline:none;
	border-radius:50px;
	-webkit-border-radius:50px;
	border:0;
	height:32px;
	background-color:#fff;
	font-size:1em;
}
#header_test1_wrap .search_area {
	outline:none;
	border:solid 1px #008cd6;
	border-radius:50px;
	-webkit-border-radius:50px;
	margin-left:25px;
	position:absolute;
	top:10px;
	left:152px;
	height:32px;
	right:25px;
	background-color:#FFF;
}
#header_test1_wrap .search_btn_wrap {
	position:absolute;
	text-align:right;
	right:0px;
	top: 0px;
}


.voicebot_wrap {
	display: block;
	width: 100%;
}
.voicebot_cnt {
	display: block;
	width: 100%;
}


/* 000 보이스봇 - 설정, 보이스봇 추가 테스트용 헤더 영역 */   /* 21.05.02 ~ */
#header_ver2_1_wrap {
	background-color:#fff;
	height:65px;
	border-bottom:solid 1px #ececec;
}
#header_ver2_1_wrap .header_ver2_1_logo {
	padding:21px 0px 0px 17px;
}
#header_ver2_1_wrap .header_ver2_1_logo img {
	height:24px;
}
#header_ver2_1_wrap .main_search_btn {
	width:20px;
	height:20px;
	position:absolute;
	z-index:7;
	right: 115px;
	top:23px;
}

#header_ver2_1_wrap input {
	position: absolute;
    width: 62%;
    padding: 0 15% 0 10%;
    outline: none;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    border: 0;
    height: 32px;
    background-color: #fff;
    font-size: 1em;
}
#header_ver2_1_wrap .search_area {
	outline: none;
    border: solid 1px #008cd6;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    margin-left: 28px;
    position: absolute;
    top: 17px;
    left: 120px;
    height: 32px;
    right: 105px;
    background-color: #FFF;
}
#header_ver2_1_wrap .search_btn_wrap {
	position:absolute;
	text-align:right;
	right:0px;
	top: 0px;
}
#header_ver2_1_wrap .setting_main {
	position:absolute;
	right: 68px;
    top: 21px;
}
#header_ver2_1_wrap .setting_main img {
	width: 26.5px;
}


/* 헤더영역 보이스봇 검색 */
#header_ver2_1_wrap .voice_search {
	position: absolute;
	right: 5px;  /* 21.10.17 정보수정 아이콘 추가로 인한 수정 */
    top: -14px;  /* 21.10.17 정보수정 아이콘 추가로 인한 수정 */
	/* right: 10px;
	top: -18px; */
    /* top: -3%; */
}
#header_ver2_1_wrap .btn_mic {
	width: 100%;
	text-align: center;
	margin: 50% auto 0;
	position: relative;
	z-index:99;
}
#header_ver2_1_wrap .btn_mic a {
	display: block;
}
#header_ver2_1_wrap .btn_mic img {
	width: 60%;  /* 21.10.17 정보수정 아이콘 추가로 인한 수정 */
	/* width: 75%; */
	z-index: 99999;
} 
#header_ver2_1_wrap .voicebot_desc {
	text-align: center;
	padding-top: 20px;
	font-size: 20px;
}
#header_ver2_1_wrap .voicebot_input {
	text-align: center;
	padding-top: 20px;
	font-size: 20px;
	color: #4660f5;
}
#header_ver2_1_wrap .voicebot_answer {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 8px 0;
	background-color: rgba(112,144,232,0.75);
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	color: #fff;
}
#header_ver2_1_wrap .waves {
  position: absolute;
  left: 50%;
  top: 50%;
  /* margin-left: -3.25%; */
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(112, 144, 232, 0.75);
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
#header_ver2_1_wrap .waves:before, #header_ver2_1_wrap .waves:after {
  content: "";
  position: absolute;
  background: rgba(112, 144, 232, 0.75);
  margin-left: -10px;
  margin-top: -10px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  -webkit-animation: wave 2s infinite linear;
  animation: wave 2s infinite linear;
}
#header_ver2_1_wrap .waves:after {
  opacity: 0;
  -webkit-animation: wave 2s 1s infinite linear;
  animation: wave 2s 1s infinite linear;
}

#header_ver2_1_wrap @-webkit-keyframes wave {
	0% {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 1;
	}
	100% {
	-webkit-transform: scale(2.8);
	transform: scale(2.8);
	opacity: 0;
	}
}

#header_ver2_1_wrap @keyframes wave {
	0% {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 1;
	}
	100% {
	-webkit-transform: scale(2.8);
	transform: scale(2.8);
	opacity: 0;
	}
}


/***** 나의 강의실 버튼 추가로 검색영역 축소 21.09 *****/
/* 해상도 300px 이상 375px 미만 - 스마트폰 */
@media (min-width:300px) and (max-width:374px)  {
	#header_ver2_1_wrap .header_ver2_1_logo {
		padding:22px 0px 0px 13px;
	}
	#header_ver2_1_wrap .header_ver2_1_logo img {
		height:22px;
	}

	/* 회원가입 버튼 추가 22.06.12. */
	#header_ver2_1_wrap .main_join_btn {  
		position: absolute;
		top: 15px;
		right: 115px;
		width: 38px;
		height: 38px;
		padding: 5px 5px 4px;
		font-size: 11px;
		line-height: 13px;
		font-weight: 700;
		color: #008cd6;
		background-color: #fff;
		border: solid 1px rgba(0,140,214,1);
		border-radius: 8px;
		-webkit-border-radius: 8px;
		box-sizing: border-box;
		outline: none;
		text-align: center;
		vertical-align: middle;
	}
	#header_ver2_1_wrap .main_join_btn p {
		padding: 0 !important;
	}

	#header_ver2_1_wrap .main_myclass_btn {  /* 21.10.17 정보수정 아이콘 추가로 인한 수정 */
		position: absolute;
		top: 15px;
		right: 160px;
		width: 38px;
		height: 38px;
		padding: 4px 3px;
		font-size: 11px;
		line-height: 13px;
		font-weight: 700;
		color: #f32c55;
		background-color: #fff;
		border: solid 1px rgba(243,45,85,0.75);
		border-radius: 8px;
		-webkit-border-radius: 8px;
		box-sizing: border-box;
		outline: none;
		text-align: center;
		vertical-align: middle;
		/* top: 18px;
		right: 128px;
		padding: 7px 9px;
		font-size: 11px;
		letter-spacing: -0.5px;
		font-weight: 700;
		color: #f32c55;
		background-color: #fff;
		border: solid 1px rgba(243,45,85,0.75); 
		border-radius: 50px;
		-webkit-border-radius: 50px;
		box-sizing: border-box;
		outline: none; */
	}
	#header_ver2_1_wrap .main_myclass_btn p {
		padding: 0 !important;
	}
	#header_ver2_1_wrap .main_info_modify_btn {  /* 21.10.17 정보수정 아이콘 추가 */
		position: absolute;
		top: 15px;
		right: 115px;
		width: 38px;
		height: 38px;
		padding: 5px 5px 4px;
		font-size: 11px;
		line-height: 13px;
		font-weight: 700;
		color: #008cd6;
		background-color: #fff;
		border: solid 1px rgba(0,140,214,1);
		border-radius: 8px;
		-webkit-border-radius: 8px;
		box-sizing: border-box;
		outline: none;
		text-align: center;
		vertical-align: middle;
	}
	#header_ver2_1_wrap .main_info_modify_btn p {
		padding: 0 !important;
	}
	#header_ver2_1_wrap .main_search_btn2 {
		position:absolute;
		z-index:7;
		right: 85px;  /* 21.10.17 정보수정 아이콘 추가로 인한 수정 */
		/* right: 98px; */
		top:22px;
		width:21px;
		height:21px;
	}
	#header_ver2_1_wrap .setting_main {
		position:absolute;
		right: 58px;  /* 21.10.17 정보수정 아이콘 추가로 인한 수정 */
		/* right: 68px; */
		top: 21px;
	}
	#header_ver2_1_wrap .setting_main img {
		width: 21px;
	}
}


/* 해상도 375px 이상 */
	@media (min-width:375px) {
	#header_ver2_1_wrap .header_ver2_1_logo {
		padding:21px 0px 0px 17px;
	}
	#header_ver2_1_wrap .header_ver2_1_logo img {
		height:24px;
	}
	/* 회원가입 버튼 추가 22.06.12. */
	#header_ver2_1_wrap .main_join_btn {  /* 21.10.17 정보수정 아이콘 추가 */
		position: absolute;
		top: 15px;
		right: 130px;
		width: 38px;
		height: 38px;
		padding: 5px 5px 4px;
		font-size: 11px;
		line-height: 13px;
		font-weight: 700;
		color: #008cd6;
		background-color: #fff;
		border: solid 1px rgba(0,140,214,1);
		border-radius: 8px;
		-webkit-border-radius: 8px;
		box-sizing: border-box;
		outline: none;
		text-align: center;
		vertical-align: middle;
	}
	#header_ver2_1_wrap .main_join_btn p {
		padding: 0 !important;
	}

	#header_ver2_1_wrap .main_myclass_btn {  /* 21.10.17 정보수정 아이콘 추가로 인한 수정 */
		position: absolute;
		top: 15px;
		right: 180px;
		width: 38px;
		height: 38px;
		padding: 4px 3px;
		font-size: 11px;
		line-height: 13px;
		font-weight: 700;
		color: #f32c55;
		background-color: #fff;
		border: solid 1px rgba(243,45,85,0.75);
		border-radius: 8px;
		-webkit-border-radius: 8px;
		box-sizing: border-box;
		outline: none;
		text-align: center;
		vertical-align: middle;
		/* top: 17px;
		right: 137px;
		padding: 8px 10px;
		font-size: 12px;
		letter-spacing: -0.5px;
		font-weight: 700;
		color: #f32c55;
		background-color: #fff;
		border: solid 1px rgba(243,45,85,0.75); 
		border-radius: 50px;
		-webkit-border-radius: 50px;
		box-sizing: border-box;
		outline: none; */
	}
	#header_ver2_1_wrap .main_myclass_btn p {
		padding: 0 !important;
	}
	#header_ver2_1_wrap .main_info_modify_btn {  /* 21.10.17 정보수정 아이콘 추가 */
		position: absolute;
		top: 15px;
		right: 130px;
		width: 38px;
		height: 38px;
		padding: 5px 5px 4px;
		font-size: 11px;
		line-height: 13px;
		font-weight: 700;
		color: #008cd6;
		background-color: #fff;
		border: solid 1px rgba(0,140,214,1);
		border-radius: 8px;
		-webkit-border-radius: 8px;
		box-sizing: border-box;
		outline: none;
		text-align: center;
		vertical-align: middle;
	}
	#header_ver2_1_wrap .main_info_modify_btn p {
		padding: 0 !important;
	}
	#header_ver2_1_wrap .main_search_btn2 {
		position:absolute;
		z-index:7;
		right: 95px;  /* 21.10.17 정보수정 아이콘 추가로 인한 수정 */
		/* right: 103px; */
		top:22px;  
		width:23px;  /* 21.10.17 정보수정 아이콘 추가로 인한 수정 */
		height:23px;  /* 21.10.17 정보수정 아이콘 추가로 인한 수정 */
		/* width:25px;
		height:25px; */
	}
	#header_ver2_1_wrap .setting_main {
		position:absolute;
		right: 60px;  /* 21.10.17 정보수정 아이콘 추가로 인한 수정 */
		/* right: 68px; */
		top: 21px;
	}
	#header_ver2_1_wrap .setting_main img {
		width: 23px;  /* 21.10.17 정보수정 아이콘 추가로 인한 수정 */
		/* width: 26.5px */;
	}
}




/* 000 보이스봇 - 설정만 추가 테스트용 헤더 영역 */   /* 21.05.02 ~ */
#header_ver2_2_wrap {
	background-color:#fff;
	height:54px;
	border-bottom:solid 1px #ececec;
}
#header_ver2_2_wrap .header_ver2_2_logo {
	padding:13px 0px 0px 23px;
}
#header_ver2_2_wrap .header_ver2_2_logo img {
	height:27.5px;
}
#header_ver2_2_wrap .main_search_btn {
	width:20px;
	height:20px;
	position:absolute;
	z-index:4000000;
	right:67px;
	top:16px;
}
#header_ver2_2_wrap input {
	position:absolute;
	width:70%;
	padding:0 20% 0 10%;
	outline:none;
	border-radius:50px;
	-webkit-border-radius:50px;
	border:0;
	height:32px;
	background-color:#fff;
	font-size:1em;
}
#header_ver2_2_wrap .search_area {
	outline:none;
	border:solid 1px #008cd6;
	border-radius:50px;
	-webkit-border-radius:50px;
	margin-left:25px;
	position:absolute;
	top:10px;
	left:152px;
	height:32px;
	right:55px;
	background-color:#FFF;
}
#header_ver2_2_wrap .search_btn_wrap {
	position:absolute;
	text-align:right;
	right:0px;
	top: 0px;
}
#header_ver2_2_wrap .setting_main {
	position:absolute;
	right: 20px;
    top: 13px;
}
#header_ver2_2_wrap .setting_main img {
	width: 26.5px;
}




/* 000 보이스봇 - 테스트 페이지  */
.btn_mic {
	width: 100%;
	text-align: center;
	margin: 50% auto 0;
	position: relative;
}
.btn_mic a {
	display: block;
}
.btn_mic img {
	width: 30%;
	z-index: 99999;
} 
.voicebot_desc {
	text-align: center;
	padding-top: 20px;
	font-size: 20px;
}
.voicebot_input {
	text-align: center;
	padding-top: 20px;
	font-size: 20px;
	color: #4660f5;
}
.voicebot_answer {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 8px 0;
	background-color: rgba(112,144,232,0.75);
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	color: #fff;
}





/* 000 보이스봇 - 테스트 페이지 마이크 애니메이션 */
.waves {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -3.25%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(112, 144, 232, 0.75);
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.waves:before, .waves:after {
  content: "";
  position: absolute;
  background: rgba(112, 144, 232, 0.75);
  margin-left: -12px;
  margin-top: -12px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-animation: wave 2s infinite linear;
  animation: wave 2s infinite linear;
}
.waves:after {
  opacity: 0;
  -webkit-animation: wave 2s 1s infinite linear;
  animation: wave 2s 1s infinite linear;
}

@-webkit-keyframes wave {
  0% {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 1;
  }
  100% {
	-webkit-transform: scale(3.0);
	transform: scale(3.0);
	opacity: 0;
  }
}

@keyframes wave {
  0% {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 1;
  }
  100% {
	-webkit-transform: scale(3.0);
	transform: scale(3.0);
	opacity: 0;
  }
}






/*=== 롤링배너 추가로 인한 간격 조절 22.10.06. ===*/
#header_ver3_wrap {
	background-color:#fff;
	height:55px;
	border-bottom:solid 1px #ececec;
}
#header_ver3_wrap .header_ver3_logo {
	padding:17px 0px 0px 17px;
}
#header_ver3_wrap .header_ver3_logo img {
	height:24px;
}
#header_ver3_wrap .main_search_btn {
	width:20px;
	height:20px;
	position:absolute;
	z-index:7;
	right: 115px;
	top:23px;
}

#header_ver3_wrap input {
	position: absolute;
    width: 62%;
    padding: 0 15% 0 10%;
    outline: none;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    border: 0;
    height: 32px;
    background-color: #fff;
    font-size: 1em;
}
#header_ver3_wrap .search_area {
	outline: none;
    border: solid 1px #008cd6;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    margin-left: 28px;
    position: absolute;
    top: 17px;
    left: 120px;
    height: 32px;
    right: 105px;
    background-color: #FFF;
}
#header_ver3_wrap .search_btn_wrap {
	position:absolute;
	text-align:right;
	right:0px;
	top: 0px;
}
#header_ver3_wrap .setting_main {
	position:absolute;
	right: 68px;
    top: 21px;
}
#header_ver3_wrap .setting_main img {
	width: 26.5px;
}


/* 헤더영역 보이스봇 검색 */
#header_ver3_wrap .voice_search {
	position: absolute;
	right: 5px;
    top: -18px;
}
#header_ver3_wrap .btn_mic {
	width: 100%;
	text-align: center;
	margin: 50% auto 0;
	position: relative;
	z-index:99;
}
#header_ver3_wrap .btn_mic a {
	display: block;
}
#header_ver3_wrap .btn_mic img {
	width: 60%;
	z-index: 99999;
} 
#header_ver3_wrap .voicebot_desc {
	text-align: center;
	padding-top: 20px;
	font-size: 20px;
}
#header_ver3_wrap .voicebot_input {
	text-align: center;
	padding-top: 20px;
	font-size: 20px;
	color: #4660f5;
}
#header_ver3_wrap .voicebot_answer {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 8px 0;
	background-color: rgba(112,144,232,0.75);
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	color: #fff;
}
#header_ver3_wrap .waves {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(112, 144, 232, 0.75);
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
#header_ver3_wrap .waves:before, #header_ver3_wrap .waves:after {
  content: "";
  position: absolute;
  background: rgba(112, 144, 232, 0.75);
  margin-left: -10px;
  margin-top: -10px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  -webkit-animation: wave 2s infinite linear;
  animation: wave 2s infinite linear;
}
#header_ver3_wrap .waves:after {
  opacity: 0;
  -webkit-animation: wave 2s 1s infinite linear;
  animation: wave 2s 1s infinite linear;
}

#header_ver3_wrap @-webkit-keyframes wave {
	0% {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 1;
	}
	100% {
	-webkit-transform: scale(2.8);
	transform: scale(2.8);
	opacity: 0;
	}
}

#header_ver3_wrap @keyframes wave {
	0% {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 1;
	}
	100% {
	-webkit-transform: scale(2.8);
	transform: scale(2.8);
	opacity: 0;
	}
}


/* 해상도 300px 이상 375px 미만 - 스마트폰 */
@media (min-width:300px) and (max-width:374px)  {
	#header_ver3_wrap .header_ver3_logo {
		padding:17px 0px 0px 13px;
	}
	#header_ver3_wrap .header_ver3_logo img {
		height:22px;
	}

	#header_ver3_wrap .main_join_btn {  
		position: absolute;
		top: 11px;
		right: 115px;
		width: 34px;
		height: 34px;
		padding: 4px 5px 3px;
		font-size: 10px;
		line-height: 12px;
		font-weight: 700;
		color: #008cd6;
		background-color: #fff;
		border: solid 1px rgba(0,140,214,1);
		border-radius: 8px;
		-webkit-border-radius: 8px;
		box-sizing: border-box;
		outline: none;
		text-align: center;
		vertical-align: middle;
	}
	#header_ver3_wrap .main_join_btn p {
		padding: 0 !important;
	}

	#header_ver3_wrap .main_myclass_btn { 
		position: absolute;
		top: 11px;
		right: 153px;
		width: 34px;
		height: 34px;
		padding: 4px 0;
		/* padding: 4px 3px; */
		font-size: 10px;
		line-height: 13px;
		font-weight: 700;
		color: #f32c55;
		background-color: #fff;
		border: solid 1px rgba(243,45,85,0.75);
		border-radius: 8px;
		-webkit-border-radius: 8px;
		box-sizing: border-box;
		outline: none;
		text-align: center;
		vertical-align: middle;
	}
	#header_ver3_wrap .main_myclass_btn p {
		padding: 0 !important;
	}
	#header_ver3_wrap .main_info_modify_btn {  /* 21.10.17 정보수정 아이콘 추가 */
		position: absolute;
		top: 11px;
		right: 113px;
		width: 34px;
		height: 34px;
		padding: 3px 5px 4px;
		font-size: 10px;
		line-height: 13px;
		font-weight: 700;
		color: #008cd6;
		background-color: #fff;
		border: solid 1px rgba(0,140,214,1);
		border-radius: 8px;
		-webkit-border-radius: 8px;
		box-sizing: border-box;
		outline: none;
		text-align: center;
		vertical-align: middle;
	}
	#header_ver3_wrap .main_info_modify_btn p {
		padding: 0 !important;
	}
	#header_ver3_wrap .main_search_btn2 {
		position:absolute;
		z-index:7;
		right: 85px; 
		top:19px;
		width:21px;
		height:21px;
	}
	#header_ver3_wrap .setting_main {
		position:absolute;
		right: 58px; 
		top: 19px;
	}
	#header_ver3_wrap .setting_main img {
		width: 21px;
	}
}


/* 해상도 375px 이상 */
	@media (min-width:375px) {
	#header_ver3_wrap .header_ver3_logo {
		padding:17px 0px 0px 17px;
	}
	#header_ver3_wrap .header_ver3_logo img {
		height:24px;
	}

	#header_ver3_wrap .main_join_btn { 
		position: absolute;
		top: 10px;
		right: 130px;
		width: 38px;
		height: 38px;
		padding: 5px 5px 4px;
		font-size: 11px;
		line-height: 13px;
		font-weight: 700;
		color: #008cd6;
		background-color: #fff;
		border: solid 1px rgba(0,140,214,1);
		border-radius: 8px;
		-webkit-border-radius: 8px;
		box-sizing: border-box;
		outline: none;
		text-align: center;
		vertical-align: middle;
	}
	#header_ver3_wrap .main_join_btn p {
		padding: 0 !important;
	}

	#header_ver3_wrap .main_myclass_btn {  
		position: absolute;
		top: 10px;
		right: 180px;
		width: 38px;
		height: 38px;
		padding: 4px 3px;
		font-size: 10px;
		line-height: 13px;
		font-weight: 700;
		color: #f32c55;
		background-color: #fff;
		border: solid 1px rgba(243,45,85,0.75);
		border-radius: 8px;
		-webkit-border-radius: 8px;
		box-sizing: border-box;
		outline: none;
		text-align: center;
		vertical-align: middle;
	}
	#header_ver3_wrap .main_myclass_btn p {
		padding: 0 !important;
	}
	#header_ver3_wrap .main_info_modify_btn {  /* 21.10.17 정보수정 아이콘 추가 */
		position: absolute;
		top: 10px;
		right: 130px;
		width: 38px;
		height: 38px;
		padding: 5px 5px 4px;
		font-size: 11px;
		line-height: 13px;
		font-weight: 700;
		color: #008cd6;
		background-color: #fff;
		border: solid 1px rgba(0,140,214,1);
		border-radius: 8px;
		-webkit-border-radius: 8px;
		box-sizing: border-box;
		outline: none;
		text-align: center;
		vertical-align: middle;
	}
	#header_ver3_wrap .main_info_modify_btn p {
		padding: 0 !important;
	}
	#header_ver3_wrap .main_search_btn2 {
		position:absolute;
		z-index:7;
		right: 95px;  
		top:17px;  
		width:23px; 
		height:23px; 
	}
	#header_ver3_wrap .setting_main {
		position:absolute;
		right: 60px;  
		top: 17px;
	}
	#header_ver3_wrap .setting_main img {
		width: 23px;  
	}
}


#header_ver4_wrap {
	background-color:#fff;
	height:55px;
	border-bottom:solid 1px #ececec;
	text-align: center;
}
#header_ver4_wrap .header_ver4_logo {
	padding:17px 0px 0px 17px;
}
#header_ver4_wrap .header_ver4_logo img {
	height:24px;
}





/* 컨텐츠 영역 */
#contents_wrap {
	width: 100% !important;
	height:auto;
	background:#eceff8;
}
#contents_wrap .contents_img {
	display:inline;
	margin:10px 6px 0px 10px;
	float:left;
}
#contents_wrap .contents_text {
	font-size:12px;
	color:383e3d;
	display:inline;
}
#contents_wrap .contents_txt_2 {
	font-size:13px;
	letter-spacing:-1px;
	padding-top:8px;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-left:8px;
	padding-right:8px;
	height:80px;
}
#contents_wrap .contents_txt {
	font-size:13px;
	letter-spacing:-1px;
	padding-top:8px;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-right:4px;
	height:80px;
}
#contents_wrap .contents_txt_3 {
	font-size:13px;
	letter-spacing:-1px;
	padding-top:8px;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-right:4px;
	height:80px;
	line-height:18px;
}
#contents_wrap .slide {
	text-align:center;
	height:26px;
}
.contents_area {
	height:100%;
	background:#eceff8;
	text-align: center;
}

/* 메인_리뉴얼영역_메뉴아이콘  */

.contents_area_menu {
	width:100%;
	height:auto;
	padding:12px 0 0;
	/* padding:12px 0 7px; */
	/* padding:14px 0 9px; */
}
.contents_area_menu .menu_wrap {
	margin:0 auto;
	width:100%;
}
.contents_area_menu .menu_wrap img {
	width:21.75%;    /* 22.10.06. 롤링배너 추가로 인한 조절 */
	/* width:22.45%; */
	margin-bottom: 1%;    /* 22.10.06. 롤링배너 추가로 인한 수정 */
	/* padding-bottom: 1.75px; */
}

/* 메인_리뉴얼영역_배너 */
.contents_area_banner {
	width:100%;
	height:auto;
	padding-bottom:8px;
	/* padding-bottom:21px; */
}
.contents_area_banner .bannerTwo_wrap {
	margin:0 auto;
	width:100%;
}
.contents_area_banner .bannerTwo_wrap img {
	width:45.5%;
	padding-bottom: 5px;
}
.contents_area_banner .bannerThree_wrap {
	margin:0 auto;
	width:100%;
}
.contents_area_banner .bannerThree_wrap img {
	/* width:19.75%; */
	width:30%;
	padding-bottom:5px;
}
.contents_area_banner .bannerFour_wrap {
	margin:0 auto;
	width:100%;
}
.contents_area_banner .bannerFour_wrap img {
	width:22%;
	/* width:22.25%; */
	padding-bottom:5px;
}


/* 메인 롤링배너 추가 22.10. */
.contents_area_rolling_banner {
	width: 100%;
	height: auto;
    box-sizing: border-box;
	/* border: 1px solid blue !important; */  
}

.contents_area_rolling_banner .bannerTwo_wrap {
	width: 91%;
	padding-bottom: 30px;
	box-sizing: border-box;
	/* border: 1px solid orange !important; */
}
.contents_area_rolling_banner .bannerTwo_wrap img {
	width:100%;
}


.contents_area_rolling_banner .swiper-slide.swiper-slide-active {
	box-shadow: none !important;
}

.contents_area_rolling_banner .swiper-pagination {
	bottom: 10px !important;
	/* border: 1px solid red !important; */
}

.contents_area_rolling_banner .swiper-pagination-bullet {
	width: 10px;
	height: 5px;
	background-color: #b2b2b2;
	border-radius: 2.5px;
	opacity: 1; 
	transition: width .3s ease;
	margin: 0 5px !important;
}

.contents_area_rolling_banner .swiper-pagination-bullet-active {
	width: 70px; 
	height: 5px;
	background-color: #6dafde;
	border-radius: 2.5px;
}


#slide_banner_st_01 {
	display: inline-block;
	width: 100%;
	position: relative;
}

.push_num {
	position: absolute;
	top: 3px;
	right: 3px;
	padding: 1px 6px 1.5px; 
	font-size: 11px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	background: rgba(217,8,24,1);
	border-radius: 50px;
	-webkit-border-radius: 50px;
	z-index: 999;
}
#pushcount {
	z-index: 999;
}


/*========== 푸터 리뉴얼 2020.10 ==========*/
#footer_wrap {
	width:100%;
	height:38px;
	/* height:58px; */
	background-color:#fff;
	margin:0 auto;
}
#footer_wrap ul {
	padding:10px 0;
	/* padding:27px 0; */
	overflow:hidden;
}
#footer_wrap ul li {
	display:inline-block;
	vertical-align:middle;
	text-align:left;
}
#footer_wrap .footer_logo {
}
#footer_wrap .footer_logo img {
	height:21px;
}
#footer_wrap .footer_gap_bar {
	height:45px;
	/* height:58px; */
	margin:0 10px;
	border-right:1px solid rgba(193,193,193,0.5);
}
#footer_wrap .footer_info_area {
	font-size:10px;
	letter-spacing:-0.8px;
	color:#7f7f7f
}
#footer_wrap .address {
	letter-spacing:-0.25px;
	line-height: 9px;
	/* line-height: 10px; */
}
#footer_wrap .tel {
	color:#7f7f7f;
}
#footer_wrap .copyright {
	font-size:9px;
	letter-spacing: -0.25px;
	line-height: 9px;
}





/*========== 메인 상단메뉴 및 하단배너용 서브메뉴 팝업 스타일 2020.10~ ==========*/
.overlay {
    /* background-color: rgba(0, 0, 0, 0.6); */
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 1;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}


/*===== 메인 상단 메뉴용 서브 메뉴 팝업  =====*/
.overlay:target+.lee_popup {
	top: 30%;  /* 이동을 멈췄을 때 최종 위치값 */
	opacity: 1;
	visibility: visible;
}
.overlay:target+.cho_popup {
	top: 28%;  /* 이동을 멈췄을 때 최종 위치값 */
	opacity: 1;
	visibility: visible;
}
.overlay:target+.info_popup, .overlay:target+.info_popup2 {
	top: 38%;  /* 이동을 멈췄을 때 최종 위치값 */
	opacity: 1;
	visibility: visible;
}
.overlay:target+.info_popup2  div{
	height: 280px;
	overflow-y: scroll;
}
.overlay:target+.sermon_popup {
	top: 50%;  /* 이동을 멈췄을 때 최종 위치값 */
	opacity: 1;
	visibility: visible;
}
.overlay:target+.news_popup {
	top: 54%;  /* 이동을 멈췄을 때 최종 위치값 */
	opacity: 1;
	visibility: visible;
}

/* 21.02.10 상담/문의 상단 팝업으로 수정 */
.overlay:target+.counsel_qna_popup {
	top: 46%;   /* 이동을 멈췄을 때 최종 위치값 */
	opacity: 1;
	visibility: visible;
}


/* 이영훈 담임목사 서브메뉴 팝업   */
.lee_popup {
	display: inline-block;
	background-color: #fff;
	width: 50%;
	left: 50%;
	opacity: 0;
	padding: 25px 25px 10px;
	position: fixed;
	text-align: left;
	top: 20%;  /* 이동을 시작했을 때 처음 위치값 */
	visibility: hidden;
	z-index: 10;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 0 10px rgba(121,49,229,1);
	-moz-box-shadow: 0 0 10px rgba(121,49,229,1);
	-ms-box-shadow: 0 0 10px rgba(121,49,229,1);
	-o-box-shadow: 0 0 10px rgba(121,49,229,1);
	box-shadow: 0 0 10px rgba(121,49,229,1);

	-webkit-transition: opacity .5s, top .5s;
	-moz-transition: opacity .5s, top .5s;
	-ms-transition: opacity .5s, top .5s;
	-o-transition: opacity .5s, top .5s;
	transition: opacity .5s, top .5s;

	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;  /* 21.05.23 추가 */
}

.lee_popup h2 {
	color: #0a15cd;
	/* color: #7931e5; */
	margin-bottom:10px;
	font-weight: 900;  /* 21.05.23 추가 */
}
.lee_popup p {
	display: block;
	width: 100%;
	font-size: 16px;
	margin-bottom: 7px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d0d0d0;
}
.lee_popup div > a:last-child p {
	border-bottom: none !important;
}


/* 조용기 원로목사 서브메뉴 팝업  */
.cho_popup {
	display: inline-block;
	background-color: #fff;
	width: 50%;
	left: 50%;
	opacity: 0;
	padding: 25px 25px 10px;
	position: fixed;
	text-align: left;
	top: 20%;  /* 이동을 시작했을 때 처음 위치값 */
	visibility: hidden;
	z-index: 10;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 0 10px rgba(58,135,239,1);
	-moz-box-shadow: 0 0 10px rgba(58,135,239,1);
	-ms-box-shadow: 0 0 10px rgba(58,135,239,1);
	-o-box-shadow: 0 0 10px rgba(58,135,239,1);
	box-shadow: 0 0 10px rgba(58,135,239,1);

	-webkit-transition: opacity .5s, top .5s;
	-moz-transition: opacity .5s, top .5s;
	-ms-transition: opacity .5s, top .5s;
	-o-transition: opacity .5s, top .5s;
	transition: opacity .5s, top .5s;

	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;  /* 21.05.23 추가 */
}

.cho_popup h2 {
	color: #0a15cd;
	/* color: #3a87ef; */
	margin-bottom:10px;
	font-weight: 900;  /* 21.05.23 추가 */
}
.cho_popup p {
	display: block;
	width: 100%;
	font-size: 16px;
	margin-bottom: 7px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d0d0d0;
}
.cho_popup div > a:last-child p {
	border-bottom: none !important;
}


/* 교회소개 서브메뉴 팝업   */
.info_popup {
	display: inline-block;
	background-color: #fff;
	width: 50%;
	left: 50%;
	opacity: 0;
	padding: 25px 25px 10px;
	position: fixed;
	text-align: left;
	top: 20%;  /* 이동을 시작했을 때 처음 위치값 */
	visibility: hidden;
	z-index: 10;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 0 10px rgba(158,4,107,1);
	-moz-box-shadow: 0 0 10px rgba(158,4,107,1);
	-ms-box-shadow: 0 0 10px rgba(158,4,107,1);
	-o-box-shadow: 0 0 10px rgba(158,4,107,1);
	box-shadow: 0 0 10px rgba(158,4,107,1);

	-webkit-transition: opacity .5s, top .5s;
	-moz-transition: opacity .5s, top .5s;
	-ms-transition: opacity .5s, top .5s;
	-o-transition: opacity .5s, top .5s;
	transition: opacity .5s, top .5s;

	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;  /* 21.05.23 추가 */
}

.info_popup h2 {
	color: #0a15cd;
	/* color: #9e046b; */
	margin-bottom:10px;
	font-weight: 900;  /* 21.05.23 추가 */
}
.info_popup p {
	display: block;
	width: 100%;
	font-size: 16px;
	margin-bottom: 7px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d0d0d0;
}
.info_popup div > a:last-child p {
	border-bottom: none !important;
}


.info_popup2 {
	display: inline-block;
	background-color: #fff;
	width: 55%;
	left: 50%;
	opacity: 0;
	padding: 25px 25px 10px;
	position: fixed;
	text-align: left;
	top: 20%;  /* 이동을 시작했을 때 처음 위치값 */
	visibility: hidden;
	z-index: 10;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 0 10px rgba(158,4,107,1);
	-moz-box-shadow: 0 0 10px rgba(158,4,107,1);
	-ms-box-shadow: 0 0 10px rgba(158,4,107,1);
	-o-box-shadow: 0 0 10px rgba(158,4,107,1);
	box-shadow: 0 0 10px rgba(158,4,107,1);

	-webkit-transition: opacity .5s, top .5s;
	-moz-transition: opacity .5s, top .5s;
	-ms-transition: opacity .5s, top .5s;
	-o-transition: opacity .5s, top .5s;
	transition: opacity .5s, top .5s;

	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;  /* 21.05.23 추가 */
}

.info_popup2 h2 {
	color: #0a15cd;
	/* color: #9e046b; */
	margin-bottom:10px;
	font-weight: 900;  /* 21.05.23 추가 */
}
.info_popup2 p {
	display: block;
	width: 100%;
	font-size: 16px;
	margin-bottom: 7px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d0d0d0;
}
.info_popup2 .font_exception {
	font-size: 15px !important;
}
/* 일부 폰에서 폭이 좁아져서 메뉴가 두 줄로 나오는 문제 때문에 추가함 */
	@media all and (max-width:330px) {
	.info_popup2 .font_exception {
		font-size: 13px !important;
	}
}
.info_popup2 ul {
	overflow: hidden;
}

.info_popup2 ul li {
	width: 100%;
	overflow: hidden;
}
.info_popup2 ul li > a{
	float: left;
	width: 46%;
	font-size: 16px;
	margin-right: 4%;
}
.info_popup2 ul li > a:last-child{
	margin-right: 0 !important;
}
.info_popup2 ul li:last-child p{
	border-bottom: 0 !important;
}



/* 설교 서브메뉴 팝업  */
.sermon_popup {
	display: inline-block;
	background-color: #fff;
	width: 50%;
	left: 50%;
	opacity: 0;
	padding: 25px 25px 10px;
	position: fixed;
	text-align: left;
	top: 20%;  /* 이동을 시작했을 때 처음 위치값 */
	visibility: hidden;
	z-index: 10;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 0 10px rgba(240,30,84,1);
	-moz-box-shadow: 0 0 10px rgba(240,30,84,1);
	-ms-box-shadow: 0 0 10px rgba(240,30,84,1);
	-o-box-shadow: 0 0 10px rgba(240,30,84,1);
	box-shadow: 0 0 10px rgba(240,30,84,1);

	-webkit-transition: opacity .5s, top .5s;
	-moz-transition: opacity .5s, top .5s;
	-ms-transition: opacity .5s, top .5s;
	-o-transition: opacity .5s, top .5s;
	transition: opacity .5s, top .5s;

	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;  /* 21.05.23 추가 */
}

.sermon_popup h2 {
	color: #0a15cd;
	/* color: #f01e54; */
	margin-bottom:10px;
	font-weight: 900;  /* 21.05.23 추가 */
}
.sermon_popup p {
	display: block;
	width: 100%;
	font-size: 16px;
	margin-bottom: 7px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d0d0d0;
}
.sermon_popup div > a:last-child p {
	border-bottom: none !important;
}


/* 뉴스 서브메뉴 팝업  */
.news_popup {
	display: inline-block;
	background-color: #fff;
	width: 50%;
	left: 50%;
	opacity: 0;
	padding: 25px 25px 10px;
	position: fixed;
	text-align: left;
	top: 20%;  /* 이동을 시작했을 때 처음 위치값 */
	visibility: hidden;
	z-index: 10;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 0 10px rgba(158,4,107,1);
	-moz-box-shadow: 0 0 10px rgba(158,4,107,1);
	-ms-box-shadow: 0 0 10px rgba(158,4,107,1);
	-o-box-shadow: 0 0 10px rgba(158,4,107,1);
	box-shadow: 0 0 10px rgba(158,4,107,1);

	-webkit-transition: opacity .5s, top .5s;
	-moz-transition: opacity .5s, top .5s;
	-ms-transition: opacity .5s, top .5s;
	-o-transition: opacity .5s, top .5s;
	transition: opacity .5s, top .5s;

	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;  /* 21.05.23 추가 */
}

.news_popup h2 {
	color: #0a15cd;
	/* color: #9e046b; */
	margin-bottom:10px;
	font-weight: 900;  /* 21.05.23 추가 */
}
.news_popup p {
	display: block;
	width: 100%;
	font-size: 16px;
	margin-bottom: 7px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d0d0d0;
}
.news_popup div > a:last-child p {
	border-bottom: none !important;
}


/* 상담/문의 서브메뉴 팝업 */
.counsel_qna_popup {
	display: inline-block;
	background-color: #fff;
	width: 50%;
	left: 50%;
	opacity: 0;
	padding: 25px 25px 10px;
	position: fixed;
	text-align: left;
	top: 20%;  /* 이동을 시작했을 때 처음 위치값 */
	visibility: hidden;
	z-index: 10;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 0 10px rgba(58,135,239,1);
	-moz-box-shadow: 0 0 10px rgba(58,135,239,1);
	-ms-box-shadow: 0 0 10px rgba(58,135,239,1);
	-o-box-shadow: 0 0 10px rgba(58,135,239,1);
	box-shadow: 0 0 10px rgba(58,135,239,1);

	-webkit-transition: opacity .5s, top .5s;
	-moz-transition: opacity .5s, top .5s;
	-ms-transition: opacity .5s, top .5s;
	-o-transition: opacity .5s, top .5s;
	transition: opacity .5s, top .5s;

	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;  /* 21.05.23 추가 */
}

.counsel_qna_popup h2 {
	color: #0a15cd;
	/* color: #9e046b; */
	margin-bottom:10px;
	font-weight: 900;  /* 21.05.23 추가 */
}
.counsel_qna_popup p {
	display: block;
	width: 100%;
	font-size: 16px;
	margin-bottom: 7px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d0d0d0;
}
.counsel_qna_popup div > a:last-child p {
	border-bottom: none !important;
}


/* 서브메뉴 팝업 닫기버튼 */
.close {
	background-color: rgba(236, 239, 248, 1);   /* 21.05.28 수정  */
	/* background-color: rgba(0, 0, 0, 0.8); */
	height: 30px;
	line-height: 30px;
	position: absolute;
	right: 10px;
	text-align: center;
	text-decoration: none;
	top: 10px;
	width: 30px;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}
.close:before {
	display: block;
	color: rgba(255, 255, 255, 0.9);
	content: "X"; 
	width: 100%;
	height: 100%;
	background:url(../images_ipad/main_2020/X_icon2.png) no-repeat;  /* 21.05.28 수정  */
	/* background:url(../images_ipad/main_2020/X_icon.png) no-repeat; */
	background-size: 15px 15px;
	background-position: center;
	font-size: 0;
	/* text-shadow: 0 -1px rgba(0, 0, 0, 0.9); */
	text-indent: -9999px;
}
.close:hover {
	background-color: rgba(200, 200, 200, 0.8);
}

.close2 {
	background-color: rgba(255, 255, 255, 1);
	height: 30px;
	line-height: 30px;
	position: absolute;
	right: 10px;
	text-align: center;
	text-decoration: none;
	top: 10px;
	width: 30px;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}
.close2:before {
	display: block;
	color: rgba(255, 255, 255, 1);
	content: "X"; 
	width: 100%;
	height: 100%;
	background:url(../images/main_2020/X_icon_black.png) no-repeat;
	background-size: 15px 15px;
	background-position: center;
	font-size: 0;
	/* text-shadow: 0 -1px rgba(0, 0, 0, 0.9); */
	text-indent: -9999px;
}
.close2:hover {
	background-color: rgba(200, 200, 200, 0.8);
}


.close3 {
	background-color: rgba(255, 255, 255, 1);
	height: 30px;
	line-height: 30px;
	position: absolute;
	right: 10px;
	text-align: center;
	text-decoration: none;
	top: 10px;
	width: 30px;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}
.close3:before {
	display: block;
	color: rgba(255, 255, 255, 1);
	content: "X"; 
	width: 100%;
	height: 100%;
	background:url(../images/main_2020/X_icon_black.png) no-repeat;
	background-size: 15px 15px;
	background-position: center;
	font-size: 0;
	/* text-shadow: 0 -1px rgba(0, 0, 0, 0.9); */
	text-indent: -9999px;
}
.close3:hover {
	background-color: rgba(200, 200, 200, 0.8);
}

.bt_line0 {
	border-bottom: none !important;
}







/*========== 메인 하단  배너용 서브 메뉴 팝업 ==========*/

/* 25.05.04. 3450 장년예배 추가 */
.overlay:target+.prime_popup {
	top: 57.5%;   /* 이동을 멈췄을 때 최종 위치값 */
	opacity: 1;
	visibility: visible;
}

/* 3450 장년예배 서브메뉴 팝업 */
.prime_popup {
	display: inline-block;
	background-color: #fedee4;
	width: 45%;
	left: 50%;
	opacity: 0;
	padding: 20px 25px 10px;
	position: fixed;
	text-align: left;
	top: 80%;  /* 이동을 시작했을 때 처음 위치값 */
	visibility: hidden;
	z-index: 10;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.45);
	-ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.45);
	-o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.45);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.45);

	-webkit-transition: opacity .5s, top .5s;
	-moz-transition: opacity .5s, top .5s;
	-ms-transition: opacity .5s, top .5s;
	-o-transition: opacity .5s, top .5s;
	transition: opacity .5s, top .5s;
}

.prime_popup h2 {
	color: #fff;
	margin-bottom:10px;
}
.prime_popup p {
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: normal;
	/* font-size: 20px;
	font-weight: bold; */
	color: #000;
	/* color: #fff; */
	margin-bottom: 10px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(232, 137, 156, 0.75);
}
.prime_popup div > a:last-child p {
	border-bottom: none !important;
	padding-bottom: 0 !important;
}




/* 21.01.20 새가족 성도등록, 온라인 교육 추가 */
.overlay:target+.nfamily_popup {
	top: 57.5%;   /* 이동을 멈췄을 때 최종 위치값 */
	opacity: 1;
	visibility: visible;
}

/* 새가족 성도등록, 온라인교육 서브메뉴 팝업 */
.nfamily_popup {
	display: inline-block;
	background-color: #eceff8;
	/* background-color: #2eb9f0; */
	width: 45%;
	/* width: 50%; */
	left: 50%;
	opacity: 0;
	padding: 20px 25px 10px;
	position: fixed;
	text-align: left;
	top: 80%;  /* 이동을 시작했을 때 처음 위치값 */
	visibility: hidden;
	z-index: 10;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.45);
	-ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.45);
	-o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.45);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.45);

	-webkit-transition: opacity .5s, top .5s;
	-moz-transition: opacity .5s, top .5s;
	-ms-transition: opacity .5s, top .5s;
	-o-transition: opacity .5s, top .5s;
	transition: opacity .5s, top .5s;
}

.nfamily_popup h2 {
	color: #fff;
	margin-bottom:10px;
}
.nfamily_popup p {
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: normal;
	/* font-size: 20px;
	font-weight: bold; */
	color: #000;
	/* color: #fff; */
	margin-bottom: 10px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(0, 140, 214, 0.35);
	/* border-bottom: 1px solid rgba(255, 255, 255, 0.5); */
}
.nfamily_popup div > a:last-child p {
	border-bottom: none !important;
	padding-bottom: 0 !important;
}

/* 21.02.04 상담/문의 추가 */
/* 상담/문의 서브메뉴 팝업 */
.overlay:target+.counsel_popup {
	top: 60%;   /* 이동을 멈췄을 때 최종 위치값 */
	opacity: 1;
	visibility: visible;
}

.counsel_popup {
	display: inline-block;
	background-color: #2eb9f0;
	width: 50%;
	left: 50%;
	opacity: 0;
	padding: 20px 25px 10px;
	position: fixed;
	text-align: left;
	top: 80%;  /* 이동을 시작했을 때 처음 위치값 */
	visibility: hidden;
	z-index: 10;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
	-ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
	-o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);

	-webkit-transition: opacity .5s, top .5s;
	-moz-transition: opacity .5s, top .5s;
	-ms-transition: opacity .5s, top .5s;
	-o-transition: opacity .5s, top .5s;
	transition: opacity .5s, top .5s;
}

.counsel_popup h2 {
	color: #fff;
	margin-bottom:10px;
}
.counsel_popup p {
	display: block;
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 10px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.counsel_popup div > a:last-child p {
	border-bottom: none !important;
	padding-bottom: 0 !important;
}


.modal_bg{
	display: none;
	background-color:rgba(255,255,255,0);
	cursor: default;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

/* 새가족 성도등록, 온라인교육 서브메뉴 팝업 */
.modal_wrap2{
	display: none;
	background-color: #2eb9f0;
	width: 50%;
	top: 58.5%;
	left: 50%;
	padding: 20px 25px 10px;
	position: fixed;
	margin-left: -31%;
	text-align: left;
	z-index: 10;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
	-ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
	-o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
}

.modal_wrap2 p {
	display: block;
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 10px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.modal_wrap2 div > a:last-child p {
	border-bottom: none !important;
	padding-bottom: 0 !important;
}

.modal_close2{		
	background-color: rgba(255, 255, 255, 1);
	height: 30px;
	line-height: 30px;
	position: absolute;
	right: 10px;
	text-align: center;
	text-decoration: none;
	top: 10px;
	width: 30px;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}

.modal_close2> a{
	display: block;
	color: rgba(255, 255, 255, 1);
	content: "X"; 
	width: 100%;
	height: 100%;
	background:url(../images/main_2020/X_icon_black.png) no-repeat;
	background-size: 15px 15px;
	background-position: center;
	font-size: 0;
	/* text-shadow: 0 -1px rgba(0, 0, 0, 0.9); */
	text-indent: -9999px;
}


/* 상담소, 상담/문의 서브메뉴  */
.modal_wrap3{
	display: none;
	background-color: #2eb9f0;
	width: 50%;
	top: 58.5%;
	left: 50%;
	padding: 20px 25px 10px;
	position: fixed;
	margin-left: -31%;
	text-align: left;
	z-index: 10;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
	-ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
	-o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
}

.modal_wrap3 p {
	display: block;
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 10px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.modal_wrap3 div > a:last-child p {
	border-bottom: none !important;
	padding-bottom: 0 !important;
}

.modal_close3{		
	background-color: rgba(255, 255, 255, 1);
	height: 30px;
	line-height: 30px;
	position: absolute;
	right: 10px;
	text-align: center;
	text-decoration: none;
	top: 10px;
	width: 30px;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}

.modal_close3> a{
	display: block;
	color: rgba(255, 255, 255, 1);
	content: "X"; 
	width: 100%;
	height: 100%;
	background:url(../images/main_2020/X_icon_black.png) no-repeat;
	background-size: 15px 15px;
	background-position: center;
	font-size: 0;
	/* text-shadow: 0 -1px rgba(0, 0, 0, 0.9); */
	text-indent: -9999px;
}






/*========== 헌금계좌안내 2020.12. ==========*/
#content_wrap {
	background-color:#e9e9e9;
}


/*===== 헌금상세내역 입력 모달팝업 2020.12. =====*/
.modal_wrap{
	display: none;
	background-color: #fff;
	width: 294px;
	left: 50%;
	text-align: center;
	padding: 10px 10px 10px;
	margin-left: -158px;
	position: absolute;
	top: 1.55%;
	z-index: 10;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
/* .modal_wrap{
		display: none;
		width: 320px;
		height: 480px;
		position: absolute;
		top:50%;
		left: 50%;
		margin: -250px -160px -250px;
		background:#eee;
		z-index: 2;
	} */

.black_bg{
	display: none;
	background-color:rgba(0, 0,0, 0.5);
	cursor: default;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

/*  .black_bg{
	display: none;
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color:rgba(0, 0,0, 0.5);
	top:0;
	left: 0;
	z-index: 1;
} */

.modal_close{		
	background-color: rgba(0, 0, 0, 0.8);
	width: 25px;
	height: 25px;
	line-height: 25px;
	position: absolute;
	top: 7px;
	right: 7px;
	text-align: center;
	text-decoration: none;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}
.modal_close> a{
	display: block;
	color: rgba(255, 255, 255, 0.9);
	content: "X"; 
	width: 100%;
	height: 100%;
	background:url(../images/main_2020/X_icon.png) no-repeat;
	background-size: 12px 12px;
	background-position: center;
	font-size: 0;
	text-indent: -9999px;
}
/* .modal_close{
		width: 26px;
		height: 26px;
		position: absolute;
		top: -30px;
		right: 0;
	} */
/* .modal_close> a{
	display: block;
	width: 100%;
	height: 100%;
	background:url(https://img.icons8.com/metro/26/000000/close-window.png);
	text-indent: -9999px;
} */



#account_info_wrap {
	width:100%;
	/* height:38px; */
	color: #000;
	text-align:center;
}
#account_info_wrap ul {
	padding:10px 0;
	overflow:hidden;
}
#account_info_wrap ul li {
	display:inline-block;
	vertical-align:middle;
	text-align:left;
}
#account_info_wrap .account_gap_bar {
	height:110px;
	margin:0 5px;
	border-right:1px solid rgba(193,193,193,0.75);
}
#account_info_wrap .account_bank_list {
	font-size:15px;
	letter-spacing:-0.25px;
	line-height: 22px;
}
#account_info_wrap .account_bank_list p {
	text-decoration:unlerline !important;
}
#account_info_wrap .account_holder {
	font-size:15px;
	letter-spacing:-0.8px;
	line-height: 22px;
	text-align:center;
}


#info_write_wrap {
	width:100%;
	color: #000;
	text-align:center;
	padding-top: 8px;
	border-top: 1px solid rgba(193,193,193,1); 
	/* background-color:#e9e9e9; */
}
.desc{
	font-size: 13px;
	letter-spacing:-0.8px;
}
.desc2{
	font-size: 12px;
	letter-spacing:-0.8px;
	padding:0 5px;
	line-height: 18px;
}
.essential_star {
	font-size: 20px;
	vertical-align: middle;
	color: #ea5300;
}
.essential_text {
	color: #ea5300;
}

#info_write_wrap ul {
	padding:0;
	overflow:hidden;
}

#info_write_wrap ul li {
	float: left;
	padding: 5px 0 2px 5px;
}
.title_field1 {
	display: inline-block;
	width: 110px;
	font-size: 15px;
	font-weight: bold;
	padding: 7px 0 6px 8px;
	letter-spacing:-0.8px;
	text-align:left;
	background-color:#e9e9e9;
}
.title_field2 {
	display: inline-block;
	width: 110px;
	font-size: 15px;
	font-weight: bold;
	padding: 7px 0 5px 8px;
	letter-spacing:-0.8px;
	text-align:left;
	background-color:#e9e9e9;
}
.title_field3 {
	display: inline-block;
	width: 276px;
	font-size: 15px;
	font-weight: bold;
	padding: 7px 0 5px 8px;
	margin-bottom: 5px;
	letter-spacing:-0.8px;
	text-align:left;
	background-color:#e9e9e9;
}
.title_field4 {
	display: inline-block;
	width: 110px;
	font-size: 15px;
	font-weight: bold;
	padding: 7px 0 5px 8px;
	letter-spacing:-0.8px;
	text-align:left;
	background-color:#e9e9e9;
}
.info_write_box1 {
	background-color:#fff;
	border:1px solid #4c5050;
	-webkit-appearance:none;
	-webkit-border-radius:0px;
	height:30px;
	width:140px;
	font-size: 16px;
	padding:0 10px;
}
.info_write_box2 {
	background-color:#fff;
	border:1px solid #4c5050;
	-webkit-appearance:none;
	-webkit-border-radius:0px;
	height:30px;
	width:70px;
	/* width:100px; */
	font-size: 16px;
	padding:0 10px;
	margin-left: 5px;
	text-align: right;
}

.info_tel_box1 {
	background-color:#fff;
	border:1px solid #4c5050;
	-webkit-appearance:none;
	-webkit-border-radius:0px;
	height:28px;
	width:31px;
	font-size: 16px;
	padding:0 7px;
}
.info_tel_box2 {
	background-color:#fff;
	border:1px solid #4c5050;
	-webkit-appearance:none;
	-webkit-border-radius:0px;
	height:28px;
	width:41px;
	font-size: 16px;
	padding:0 7px;
}
.info_tel_box3 {
	background-color:#fff;
	border:1px solid #4c5050;
	-webkit-appearance:none;
	-webkit-border-radius:0px;
	height:28px;
	width:80px;
	font-size: 16px;
	padding:0 7px;
}

#select_box1 select {
	width: 162px;
	height: 30px;
	font-size: 15px;
	font-weight: bold;
	letter-spacing:-0.8px;
	color: #171717;
}
#select_box1 select::-ms-expand {
	display:none;
}
#select_box2 select {
	width: 115px;
	/* width: 140px; */
	height: 30px;
	font-size: 15px;
	font-weight: bold;
	letter-spacing:-0.8px;
	padding-left: 3px;
	color: #171717;
}
#select_box2 select::-ms-expand {
	display:none;
}
.won {
	display: inline-block;
	font-size: 15px;
	padding-left: 3px;
}

.btn_add {
	width: 115px;
	/* width: 85px; */
	height: 35px;
	border:1px solid #4c5050;
	-webkit-appearance:none;
	-webkit-border-radius:0px;
	font-size: 15px;
	font-weight: bold;
	background-color:#fff;
	margin-right: 5px;
	color: #171717;
}
.btn_cfm {
	width: 55px;
	height: 35px;
	border:1px solid #4c5050;
	-webkit-appearance:none;
	-webkit-border-radius:0px;
	font-size: 15px;
	font-weight: bold;
	background-color:#e9e9e9;
	color: #171717;
}
.btn_del {
	width: 45px;
	height: 32px;
	border:1px solid #ea5300;
	-webkit-appearance:none;
	-webkit-border-radius:0px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	background-color:#ff6f20;
}


/*========== 온라인 헌금 입금내역 기재방법 추가 21.01.06 ==========*/
#how_write_wrap {
	margin: 0 0 10px;
	padding-top: 8px;
	border-top: 1px solid rgba(193,193,193,1); 
}
.how_write_txt {
	width: 100%;
	margin: 10px 0;
	padding: 10px 5px 8px;
	/* padding: 10px 10px 8px; */
	background-color: #fff;
	border: 1px solid #a6d1e7;
	box-sizing: border-box;
	text-align: left;
}
.txt_deco {
	display: inline-block;
	/* border-bottom: 1px solid rgba(193,193,193,1); */
	text-decoration: underline;
	margin-left: 10px;
	margin-bottom: 10px;
}
.abbreviation {
	display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    text-align: center;
    margin: 0 auto;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 22px;
    background-color: #215bd5;
    color: #fff;
}
#btn_write {
	display: inline-block;
	width: 100%;
	height: 50px;
	font-size: 18px;
	font-weight: bold;
	border-radius: 5px;
	border: 1px solid #c5c5c5;
	background-color: #e9e9e9;
	color: #171717;
}


/*===== 헌금서비스 안내 공지글 =====*/
.notice_txt_area {
	width: 100%;
	text-align: center;
}

@media all and (min-width:320px) { /* 해상도 320px 이상 또는 768px 미만 */
	.notice_txt_1 {
		text-align: left;
		line-height: 1.5em;
		color:red;
		font-size: 1em;
		font-weight: bold;
		padding: 0 10% 0;
	}

	.notice_txt_2 {
		text-align: left;
		line-height: 1.5em;
		color:#0062c0;
		font-size: 1em;
		font-weight: bold;
		padding: 0 10% 0;
	}
  }

  @media all and (min-width:768px) { /* 해상도 768px 이상 또는 1024px 미만 */
	.notice_txt_1 {
		text-align: left;
		line-height: 1.8em;
		color:red;
		font-size: 1.5em;
		font-weight: bold;
		padding: 0 6% 0;
	}

	.notice_txt_2 {
		text-align: left;
		line-height: 1.8em;
		color:#0062c0;
		font-size: 1.5em;
		font-weight: bold;
		padding: 0 6% 0;
	}
  }

  @media all and (min-width:1024px) { /* 해상도 1024px 초과 */
    .notice_txt_1 {
		text-align: left;
		line-height: 1.8em;
		color:red;
		font-size: 1.5em;
		font-weight: bold;
		padding: 0 15% 0;
	}

	.notice_txt_2 {
		text-align: left;
		line-height: 1.8em;
		color:#0062c0;
		font-size: 1.5em;
		font-weight: bold;
		padding: 0 15% 0;
	}
  }





/*========== 서브개편 2020.12 ~ 2021. ==========*/

/*===== 상단 메인 타이틀 영역 =====*/
#top_fixed_wrap {
	position:fixed;
	width:100%;
	z-index: 10;
	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;
}

/* VOD 있는 경우 상단 타이틀 영역 */
#top_title_container1 {
	display: block;
	width: 100%;
	height: 48px;
	background-color: #fff;
	border-bottom: 1px solid #d1d1d1;
	position: relative;
	text-align: center;
	line-height: 50px;
	z-index: 20;
	box-sizing: border-box;
}

#top_title_container1 p {
	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;
	font-size: 21px;
	font-weight: 800  !important;
	letter-spacing: -1px;
	color:#363434;
}

#top_title_container1 a {
	overflow: hidden;
}


/* VOD 없는 경우 상단 타이틀 영역 */
#top_title_container2 {
	display: block;
	width: 100%;
	height: 48px;
	background-color: #fff;
	border-bottom: 1px solid #d1d1d1;
	position: fixed;
	text-align: center;
	line-height: 50px;
	z-index: 20;
	box-sizing: border-box;
}

#top_title_container2 p {
	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;
	font-size: 21px;
	font-weight: 800  !important;
	letter-spacing: -1px;
	color:#363434;
}

/* 메뉴명이 추가되면서 일부 안드로이드폰에서 타이틀이 영역을 벗어나는 문제로 추가함 22.08.08. */
@media all and (max-width:330px) {
	#top_title_container2 p {
		font-size: 19px  !important;
	}
}

#top_title_container2 a {
	overflow: hidden;
}


/* 상단 홈, 이전, 검색 버튼  */
.goto_home {
	position: absolute;
	top: 50%;
    left: 1.8%;
    margin-top: -12px;
	font-size: 0;
	color: rgba(0,0,0,0);
	height: 55%;
}
.goto_home img {
	width: 55%;
}

.goto_home2 {
	position: absolute;
	top: 50%;
    right: 1.8%;
    margin-top: -12px;
	font-size: 0;
	color: rgba(0,0,0,0);
	height: 55%;
}
.goto_home2 img {
	width: 55%;
}

.goto_home3 {
	position: absolute;
	top: 50%;
    left: 11%;
    margin-top: -12px;
	font-size: 0;
	color: rgba(0,0,0,0);
	height: 55%;
}
.goto_home3 img {
	width: 55%;
}


.goto_search {
	position: absolute;
	top: 50%;
    right: 1.8%;
    margin-top: -12px;
	font-size: 0;
	color: rgba(0,0,0,0);
	height: 55%;
}
.goto_search img {
	width: 55%;
}

.goto_prev {
	position: absolute;
	top: 50%;
    left: 2%;
    margin-top: -10px;
	font-size: 0;
	color: rgba(0,0,0,0);
	height: 55%;
}
.goto_prev img {
	width: 60%;
}

.goto_login1 {
	position: absolute;
	top: 50%;
    right: 1.8%;
    margin-top: -12px;
	font-size: 0;
	color: rgba(0,0,0,0);
	height: 55%;
}

.goto_login1 img {
	width: 55%;
}

.goto_login2 {
	position: absolute;
	top: 50%;
    right: 14%;
    margin-top: -12px;
	font-size: 0;
	color: rgba(0,0,0,0);
	height: 55%;
}

.goto_login2 img {
	width: 55%;
}



/*===== 상단 VOD 위치 및 고정 =====*/
#topVod{ 
	position:fixed; 
/*	height:130px; */
	width:100%; 
  }


/*===== 서브 001 설교 - 아이콘 영역 =====*/
#sermon_area_ver2{
	width: 100%;
	margin: 0 auto;
}
#sermon_top_title{
	width: 100%;
	height: 38px;
	line-height: 38px;
	text-align: center;
	background: url(../images/bible_top_title.png) repeat-x; 
	/* background-color: #fff;
	border-bottom: 1px solid #d1d1d1;
	padding: 13px 0 12px; */
}
#sermon_top_title p {
	font-family: 'NanumSquare', sans-serif !important;
	font-size: 20px;
	letter-spacing: -1px;
	color:#363434;
}
.sermon_vod {
	display: inline-block;  /* 20.05.30 회전했다 원위치하면 영상 사이즈가 오버되는 문제 없애기 위해 수정 */
	/* display: block;  */
}
.sermon_vod img {
	width: 100%;
}
.sermon_icon_area1 {
	text-align: center;
	height: 100%;
	padding: 8.5px 0;
	background-color: #fff;	
	margin-top: -4px;  /* 21.06.01 하단 리스트 스크롤해서 올리면 내용들이 보이는 여백 없애기 위해 */
}
.sermon_icon_area2 {
	text-align: left;
	height: 100%;
	padding: 9px 0 9px 18px;
	background-color: #fff;	
}
.sermon_icon_area1 img {
	width: 12%;
	padding-right: 10px;
}
.sermon_icon_area2 img {
	width: 12.85%;
	padding-right: 10px;
}
.pr0 {
	padding-right: 0 !important;
}
.sermon_txt_st1 {
	font-size: 18px !important;
	font-weight: normal !important;
	line-height: 28px !important;
	text-align: justify !important;
}
#sermon_area_ver2 .text_all_view{
	display:block;
	padding:65px 14px 35px;
}
#sermon_area_ver2 .text_all_view .list_txt2{
	display:block;
	font-size:18px !important;
	line-height:25px;
	text-align: justify;
}






/*===== 서브 001 설교 - 서브타이틀 영역 =====*/
.sermon_sub_title {
	width: 100%;
	text-align: center;
	background-color: #eceff8;
	padding: 8px 0;
	overflow: hidden;
	position: relative;
}
.sermon_sub_title p {
	color: #4660f5;
	font-family: 'NanumSquare', sans-serif !important;
	font-size: 18px;
	font-weight: 800;
}

.sermon_sub_title_2 {
	width: 100%;
	text-align: center;
	background-color: #eceff8;
	padding: 15px 0;
	overflow: hidden;
	position: relative;
}
.sermon_sub_title_2 p {
	color: #4660f5;
	font-family: 'NanumSquare', sans-serif !important;
	font-size: 20px !important;
	font-weight: 800;
}

.play_now {
	font-weight: bold;
	background-color: #F6F6F6;
}
.list_view {
	position: absolute;
	top: 6px;
	right: 8px;
}
.list_view a{
	display: inline-block;
	padding: 4px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #4660f5;
	background-color: #fff;
	border: 1px solid rgba(70,96,245,0.6);
	box-sizing: border-box;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
}






/*===== 서브 001 설교 - 리스트 영역 =====*/
.sermon_list_ver2{
	width:100%;	
}
.sermon_list_ver2 ul{
	width: 100%;
    display: grid !important;   /* 220417. 제목이 길어지면 가로폭이 좁은 기기에서 리스트 영역이 벗어나는 문제로 추가 */
}
.sermon_list_ver2 li{
	flex: 1 1 auto; /* 220417. 제목이 길어지면 가로폭이 좁은 기기에서 리스트 영역이 벗어나는 문제로 추가 */
	/* width: 100%; */
	border-bottom:solid 1px #d1d1d1; 
	padding: 10px 10px 8px 14px;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
}
.sermon_list_ver2 .list_title_ver2{
	display:block;
	color:#000;
	width:70%;
	white-space:nowrap;
	font-size:18px;
	overflow:hidden;
	text-overflow:ellipsis;
	/* padding-right: 50px; */
	box-sizing: border-box;
}
.sermon_list_ver2 .list_world{
	display:block;
	color:#000;
	width:70%;
	white-space:nowrap;
	font-size:14px;
	overflow:hidden;
	text-overflow:ellipsis;
}
.sermon_list_ver2 .list_sermon_title_ver2{
	font-size:15px;
	color:#000000;
	font-style:normal;
}
.sermon_list_ver2 .list_bible_ver2{
	font-size:12px;
	color:#000000;
	font-style:normal;
}
.sermon_list_ver2 .list_place{
	font-size:12px;
	color:#000000;
	font-style:normal;
}
.sermon_list_ver2 .list_info_area {
	display:inline-block;
}
.sermon_list_ver2 p{
	font-size: 12px;
}
.sermon_list_ver2 .list_info_area .list_info_name {
	display:inline-block;
}
.sermon_list_ver2 .list_info_area .list_info_gap {
	display:inline-block;
	font-weight: normal !important;
}
.sermon_list_ver2 .list_info_area .list_info_affiliation {
	display:inline-block;
}
.sermon_list_ver2 .list_info_area .list_info_bible {
	display:inline-block;
}

.sermon_list_ver2 .list_vod_play{
	display:inline-block;
	position: absolute;
	right: 30px;
	bottom: 30px;
}
.sermon_list_ver2 .list_vod_play img {
	width: 22px;
}

/* 카카오톡 공유 기능 추가로 인한 아이콘 추가 및 위치 수정 25.08.19.  */
.sermon_list_ver2 .list_vod_play8{
	display:inline-block;
	position: absolute;
	right: 45px;
	bottom: 30px;
}
.sermon_list_ver2 .list_vod_play8 img {
	width: 22px;
}
.sermon_list_ver2 .list_vod_share_kakao{
	display:inline-block;
	position: absolute;
	right: 15px;
	bottom: 31px;
}
.sermon_list_ver2 .list_vod_share_kakao img {
	width: 22px;
}

.sermon_list_ver2 .list_day_ver2{
	display: inline-block;
	margin:0 0 0;
	float:right;
	font-size:12px;
}
.sermon_list_ver2 .list_vod_play3{
	display:inline-block;
	position: absolute;
	right: 40px;
	top: 8px;
}

/* 좌측하단일 경우 */
.sermon_list_ver2 .list_day_ver4{ 
	display: block;
	margin:0 0 0;
	font-size:12px;
}

.sermon_list_ver2 .list_vod_play3 img {
	width: 22px;
}

.sermon_list_ver2 .list_txt_view{
	display:inline-block;
	position: absolute;
	right: 14px;
	top: 9px;
}
.sermon_list_ver2 .list_txt_view img {
	width: 16px;
}

/* 주일예배 전체실황, 설교영상 아이콘 배치용 */
.sermon_list_ver2 .list_everyone_vod_play1{
	display:inline-block;
	position: absolute;
	right: 45px;
	top: 8px;
}
.sermon_list_ver2 .list_everyone_vod_play1 img {
	height: 22px;
}

.sermon_list_ver2 .list_vod_play5{
	display:inline-block;
	position: absolute;
	right: 12px;
	top: 8px;
}
.sermon_list_ver2 .list_vod_play5 img {
	height: 22px;
}


/* 주일예배 전체실황, 설교영상 아이콘 이미지 크게 */
.sermon_list_ver2 .list_everyone_vod_play2{
	display:inline-block;
	position: absolute;
	right: 65px;
	top: 23px;
}
.sermon_list_ver2 .list_everyone_vod_play2 img {
	height: 35px;
}

.sermon_list_ver2 .list_vod_play6{
	display:inline-block;
	position: absolute;
	right: 12px;
	top: 23px;
}
.sermon_list_ver2 .list_vod_play6 img {
	height: 35px;
}

/* 21.05.28. 수요강해 외 보기, 듣기 버튼 양쪽 배치용 */
.sermon_list_ver2 .list_vod_play4{
	display:inline-block;
	position: absolute;
	right: 45px;
	bottom: 30px;
}
.sermon_list_ver2 .list_vod_play4 img {
	height: 22px;
}
.sermon_list_ver2 .list_aod_play2{
	display:inline-block;
	position: absolute;
	right: 12px;
	bottom: 30px;
}
.sermon_list_ver2 .list_aod_play2 img {
	height: 17px;
}


/* 수요예배 교안 다운 아이콘 추가 22.10.06. */
.sermon_list_ver2 .list_wed_lesson_plan {
	display:inline-block;
	position: absolute;
	right: 45px;
	bottom: 30px;
}
.sermon_list_ver2 .list_wed_lesson_plan img {
	height: 22px;
}
.sermon_list_ver2 .list_vod_play5{
	display:inline-block;
	position: absolute;
	right: 9px;
	bottom: 30px;
}
.sermon_list_ver2 .list_vod_play5 img {
	height: 22px;
}


/* 주일예배 전체실황, 설교영상 아이콘 이미지 크게 li 상하 간격 조절 */
.sermon_list_ver3{
	width:100%;
}
.sermon_list_ver3 ul{
	width: 100%;
	display: grid !important;   /* 220417. 제목이 길어지면 가로폭이 좁은 기기에서 리스트 영역이 벗어나는 문제로 추가 */
}
.sermon_list_ver3 li{
	flex: 1 1 auto; /* 220417. 제목이 길어지면 가로폭이 좁은 기기에서 리스트 영역이 벗어나는 문제로 추가 */
	/* width: 100%; */
	border-bottom:solid 1px #d1d1d1; 
	padding: 17px 10px 13px 14px;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
}
.sermon_list_ver3 .list_title_ver2{
	display:block;
	color:#000;
	width:70%;
	white-space:nowrap;
	font-size:18px;
	overflow:hidden;
	text-overflow:ellipsis;
	/* padding-right: 50px; */
	box-sizing: border-box;
}
.sermon_list_ver3 .list_world{
	display:block;
	color:#000;
	width:70%;
	white-space:nowrap;
	font-size:14px;
	overflow:hidden;
	text-overflow:ellipsis;
}
.sermon_list_ver3 .list_sermon_title_ver2{
	font-size:15px;
	color:#000000;
	font-style:normal;
}
.sermon_list_ver3 .list_bible_ver2{
	font-size:12px;
	color:#000000;
	font-style:normal;
}
.sermon_list_ver3 .list_place{
	font-size:12px;
	color:#000000;
	font-style:normal;
}
.sermon_list_ver3 .list_info_area {
	display:inline-block;
}
.sermon_list_ver3 p{
	font-size: 12px;
}
.sermon_list_ver3 .list_info_area .list_info_name {
	display:inline-block;
}
.sermon_list_ver3 .list_info_area .list_info_gap {
	display:inline-block;
	font-weight: normal !important;
}
.sermon_list_ver3 .list_info_area .list_info_affiliation {
	display:inline-block;
}
.sermon_list_ver3 .list_info_area .list_info_bible {
	display:inline-block;
}
.sermon_list_ver3 .list_day_ver2{
	position: absolute;
    right: 15px;
    bottom: 6px;
	font-size:12px;
}
.sermon_list_ver3 .list_vod_play{
	display:inline-block;
	position: absolute;
	right: 30px;
	bottom: 30px;
}
.sermon_list_ver3 .list_vod_play img {
	width: 22px;
}

/* 주일예배 전체실황, 설교영상 아이콘 이미지 크게2 */
.sermon_list_ver3 .list_everyone_vod_play3{
	display:inline-block;
	position: absolute;
	right: 48px;
	top: 12px;
}
.sermon_list_ver3 .list_everyone_vod_play3 img {
	height: 29px;
}

.sermon_list_ver3 .list_vod_play7{
	display:inline-block;
	position: absolute;
	right: 9px;
	top: 12px;
}
.sermon_list_ver3 .list_vod_play7 img {
	height: 29px;
}



.sermon_list2_ver2{
	width:100%;
}
.sermon_list2_ver2 ul{}
.sermon_list2_ver2 li{
	border-bottom:solid 1px #d1d1d1; 
	padding: 18px 10px 18px 14px;
	overflow: hidden;
	position: relative;
}
.sermon_list2_ver2 .list_vod_play2{
	display:inline-block;
	position: absolute;
	right: 30px;
	top: 18px;
}
.sermon_list2_ver2 .list_vod_play2 img {
	width: 22px;
}
.worship_search_default {
	display: block;
}
.worship_search_default  img{
	width: 100%;
}


/* 서브 하위 메뉴 탭 */
.tab_nav{
	position: relative; 
	width: 100%;
	background-color: #fff;
	padding: 8px 0 3px;
	/* border-top: 1px solid #d1d1d1; */
	border-bottom: 1px solid #d1d1d1;
	overflow: hidden;
}

.tab_nav dl{
	/* border-bottom: 1px solid #d1d1d1; */
	text-align:center;
}

.tab_nav dl dt{
	display: inline-block;
	margin-bottom: -3px;
}

.tab_nav dl dt a{
	display: inline-block; 
	padding: 0 0 5px;
	font-size: 16px;
	font-weight: bold; 
	color: #949494;
}

.tab_nav dl dt+dt{  /* 여기서 메뉴와 메뉴 사이 간격을 조절합니다 */
	margin-left: 50px;
	/* margin-left: 80px; */
}

.tab_nav dl a.on{
	color: #0080db;
}

.tab_nav dl dt.on a{
	color: #455ff5;
}

.tab_nav dl dt.on{
	display: inline-block;
}

.tab_nav dl dt.on{
	border-bottom:3px solid #455ff5;
}

.tab_nav dl dt.active {
	display: inline-block;
	color: #455ff5;
	border-bottom:3px solid #455ff5;
}

.tab_nav dl dt.active a{
	display: inline-block;
	color: #455ff5;
}

.tab_nav dl dt.active a:hover{
	display: inline-block;
	color: #455ff5;
}


/* 서브 하위 밑에 서브 메뉴 탭 */
.tab_s1_nav, .tab_s2_nav{
	position: relative; 
	width: 100%;
	background-color: #fff;
	padding: 8px 0 3px;
	/* border-top: 1px solid #d1d1d1; */
	border-bottom: 1px solid #d1d1d1;
	overflow: hidden;
}

.tab_s1_nav dl, .tab_s2_nav dl{
	/* border-bottom: 1px solid #d1d1d1; */
	text-align:center;
}

.tab_s1_nav dl dt, .tab_s2_nav dl dt{
	display: inline-block;
	margin-bottom: -3px;
}

.tab_s1_nav dl dt a, .tab_s2_nav dl dt a{
	display: inline-block; 
	padding: 0 0 5px;
	font-size: 14px;
	font-weight: bold; 
	color: #949494;
}

.tab_s1_nav dl dt+dt, .tab_s2_nav dl dt+dt{  /* 여기서 메뉴와 메뉴 사이 간격을 조절합니다 */
	margin-left: 20px;
}

.tab_s1_nav dl a.on, .tab_s2_nav dl a.on{
	color: #0080db;
}

.tab_s1_nav dl dt.on a, .tab_s2_nav dl dt.on a{
	color: #455ff5;
}

.tab_s1_nav dl dt.on, .tab_s2_nav dl dt.on{
	display: inline-block;
}

.tab_s1_nav dl dt.on, .tab_s2_nav dl dt.on{
	border-bottom:2px solid #455ff5;
}

.tab_s1_nav dl dt.active, .tab_s2_nav dl dt.active {
	display: inline-block;
	color: #455ff5;
	border-bottom:2px solid #455ff5;
}

.tab_s1_nav dl dt.active a, .tab_s2_nav dl dt.active a{
	display: inline-block;
	color: #455ff5;
}

.tab_s1_nav dl dt.active a:hover, .tab_s2_nav dl dt.active a:hover{
	display: inline-block;
	color: #455ff5;
}



	/* 주일예배 서브메뉴 탭 */
	.tab_nav_weekly{
		position: relative; 
		width: 100%;
		background-color: #fff;
		padding: 8px 0 3px;
		/* border-top: 1px solid #d1d1d1; */
		border-bottom: 1px solid #d1d1d1;
		overflow: hidden;
	}

	.tab_nav_weekly dl{
		/* border-bottom: 1px solid #d1d1d1; */
		text-align:center;
	}

	.tab_nav_weekly dl dt{
		display: inline-block;
		margin-bottom: -3px;
	}

	.tab_nav_weekly dl dt a{
		display: inline-block; 
		padding: 0 0 5px;
		font-size: 16px;
		font-weight: bold; 
		color: #949494;
	}


	.tab_nav_weekly dl dt+dt{  /* 여기서 메뉴와 메뉴 사이 간격을 조절합니다 */
		margin-left: 15px;  /* 22.10.04. 주일저녁예배 신설로 인한 수정 */
		/* margin-left: 20px; */
	}

	.tab_nav_weekly dl a.on{
		color: #0080db;
	}

	.tab_nav_weekly dl dt.on a{
		color: #455ff5;
	}

	.tab_nav_weekly dl dt.on{
		display: inline-block;
	}

	.tab_nav_weekly dl dt.on{
		border-bottom:3px solid #455ff5;
	}

	.tab_nav_weekly dl dt.active {
		display: inline-block;
		color: #455ff5;
		border-bottom:3px solid #455ff5;
	}

	.tab_nav_weekly dl dt.active a{
		display: inline-block;
		color: #455ff5;
	}

	.tab_nav_weekly dl dt.active a:hover{
		display: inline-block;
		color: #455ff5;
	}



/* 22.10.04. 주일저녁예배 신설로 인한 수정 */
	.tab_nav_weekly dl dt:nth-child(7) a{
		display: inline-block; 
		padding: 0 0 5px;
		font-size: 16px;
		font-weight: bold; 
		color: #cacaca;
	}

	.tab_nav_weekly dl dt:nth-child(7).on a{
		color: #a0acf4;
	}

	.tab_nav_weekly dl dt:nth-child(7).on{
		display: inline-block;
	}

	.tab_nav_weekly dl dt:nth-child(7).on{
		border-bottom:3px solid #a0acf4;
	}

	.tab_nav_weekly dl dt:nth-child(7).active {
		display: inline-block;
		color: #a0acf4;
		border-bottom:3px solid #a0acf4;
	}

	.tab_nav_weekly dl dt:nth-child(7).active a{
		display: inline-block;
		color: #a0acf4;
	}

	.tab_nav_weekly dl dt:nth-child(7).active a:hover{
		display: inline-block;
		color: #a0acf4;
	}









	/* 수요예배 서브메뉴 탭 */
	.tab_nav_wed{
		position: relative; 
		width: 100%;
		background-color: #fff;
		padding: 8px 0 3px;
		/* border-top: 1px solid #d1d1d1; */
		border-bottom: 1px solid #d1d1d1;
		overflow: hidden;
	}

	.tab_nav_wed dl{
		/* border-bottom: 1px solid #d1d1d1; */
		text-align:center;
	}

	.tab_nav_wed dl dt{
		display: inline-block;
		margin-bottom: -3px;
	}

	.tab_nav_wed dl dt a{
		display: inline-block; 
		padding: 0 0 5px;
		font-size: 16px;
		font-weight: bold; 
		color: #949494;
	}

	.tab_nav_wed dl dt+dt{  /* 여기서 메뉴와 메뉴 사이 간격을 조절합니다 */
		margin-left: 54px;
	}

	.tab_nav_wed dl a.on{
		color: #0080db;
	}

	.tab_nav_wed dl dt.on a{
		color: #455ff5;
	}

	.tab_nav_wed dl dt.on{
		display: inline-block;
	}

	.tab_nav_wed dl dt.on{
		border-bottom:3px solid #455ff5;
	}

	.tab_nav_wed dl dt.active {
		display: inline-block;
		color: #455ff5;
		border-bottom:3px solid #455ff5;
	}

	.tab_nav_wed dl dt.active a{
		display: inline-block;
		color: #455ff5;
	}

	.tab_nav_wed dl dt.active a:hover{
		display: inline-block;
		color: #455ff5;
	}



/* 서브 001 설교 - 다국어설교 아이콘 영역 */

#language_aod_wrap, #language_vod_wrap {
	display: block;
	width: 100%;
}
#language_aod_wrap ul, #language_vod_wrap ul {
	overflow: hidden;
}
	#language_aod_wrap ul  li, #language_vod_wrap ul  li{
	float: left;
}
.aod_area, .vod_area {
	display: block;
	width: 100%;
	height: 55px;
	background-color: #fff;
	border-bottom: 1px solid #d1d1d1;
}
.aod_title {
	width: 20%;
	height:100%;
	background:url(../images/language_aod_ver2.png) center center no-repeat;
	background-size: 32%;
	background-color: #4660f5;
}
.vod_title {
	width: 20%;
	height:100%;
	background:url(../images/language_vod_ver2.png) center center no-repeat;
	background-size: 32%;
	background-color: #4660f5;
}
.aod_subtitle,.vod_subtitle {
	width: 15%;
	height:100%;
	text-align: center;
	padding-top: 2.2%;
	border-right: 1px solid rgba(209,209,209,0.75);
}
.aod_subtitle img, .vod_subtitle img {
	/* width: 66%; */
	height: 75%;
}
.aod_eng, .vod_eng {
	width: 12%;
	height:100%;
	text-align: center;
	padding-top: 2.2%;
}
.aod_eng img, .vod_eng img {
	/* width: 47%; */
	height: 75%;
}
.aod_jpn, .vod_jpn {
	width: 12%;
	height:100%;
	text-align: center;
	padding-top: 2.2%;
}
.aod_jpn img, .vod_jpn img {
	/* width: 47%; */
	height: 75%;
}
.aod_chn, .vod_chn {
	width: 12%;
	height:100%;
	text-align: center;
	padding-top: 2.2%;
}
.aod_chn img, .vod_chn img {
	/* width: 47%; */
	height: 75%;
}
.aod_spn, .vod_spn {
	width: 12%;
	height:100%;
	text-align: center;
	padding-top: 2.2%;
}
.aod_spn img, .vod_spn img {
	/* width: 47%; */
	height: 75%;
}
.aod_fra, .vod_fra {
	width: 12%;
	height:100%;
	text-align: center;
	padding-top: 2.2%;
}
.aod_fra img, .vod_fra img {
	/* width: 47%; */
	height: 75%;
}





/*===== 간증의 글(신앙도우미), 목사님과의 만남 개편 2020.12~2021.01 =====*/
#form_meeting_write_ver2 {
	margin: 20px 25px 0;
}
.meeting_input_ver2 {
	width:100%;
	height:auto;
	background-color:#fff;
}
.inupt_title_ver2 {
	display:block;
	padding:0 0 10px;
}
.inupt_title_ver2 .input_part_ver2 {
	width:100%; 
	border:1px solid #b1b1b1; 
	color:#555; 
	font-size: 16px;
	height:45px; 
	padding: 0 5%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0px;
	box-sizing: border-box;
}
.inupt_title_ver3 {
	display:block;
	padding:0 0 10px;
}
.inupt_title_ver3 input {
	margin-right: 8px;
}
.inupt_title_ver3 .input_part_ver3 {
	width:100%; 
	border:1px solid #b1b1b1; 
	color:#555; 
	font-size: 16px;
	height:45px; 
	padding: 0 5%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0px;
	box-sizing: border-box;
}
.inupt_title_ver3 .input_part_ver3 {
	width:68.025%; 
	border:1px solid #b1b1b1; 
	color:#555; 
	font-size: 16px;
	height:45px; 
	padding: 0 5%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0px;
	box-sizing: border-box;
}


/* 타교단 교회 입력박스 */
.select_rbody {
	display:block;
	padding:0 0 10px;
}
.select_rbody select {
    display: inline-block;
    width: 34.35%;
    height: 45px;
	color:#777;
    font-size: 16px;
    letter-spacing: -0.8px;
    padding-left: 17px;
    background: url(../images/arr_down.png) no-repeat 92% 50%;
	background-size: 15px;  /* 21.05.11. 수정 */
    /* background-size: 14%; */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #b1b1b1;
    border-radius: 0px;
	/* margin-right: 1.2%; */
}
.select_rbody select::-ms-expand {
	display:none;
}
.select_rbody .input_church { 
	width:64.025%; 
	border:1px solid #b1b1b1 !important; 
	color:#777 !important;  
	font-size: 16px;
	height:45px; 
	padding: 0 5%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0px;
	box-sizing: border-box;
}


.select_sex {
	display:block;
	width: 100%;
	padding:0 0 10px;
}
.select_sex ul {
	overflow: hidden;
}
.select_sex ul li {
	float: left;
	line-height: 45px; 
}
.select_sex ul li:nth-child(1), .select_sex ul li:nth-child(2) {
	width: 11.5%;
	margin-right: 1.575%;
}

.select_sex ul li:last-child {
	width: 73.85%;
	margin-right: 0;
}
.select_sex input[type='radio'] {
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid #b1b1b1;
    border-radius: 50%;
    outline: none;
    background: #fff;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 3px;
}
 .select_sex input[type='radio']:before {
    content:'';
    display:block;
    width:60%;
    height:60%;
    margin: 20% auto;  
    border-radius:50%;  
  }
 .select_sex input[type='radio']:checked:before {
  	background:#455ff5;
  }

.select_sex select {
    display: inline-block;
    width: 34.35%;
    height: 45px;
	color:#777;
    font-size: 16px;
    letter-spacing: -0.8px;
    padding-left: 17px;
    background: url(../images/arr_down.png) no-repeat 92% 50%;
    background-size: 15px;  /* 21.05.11. 수정 */
    /* background-size: 14%; */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #b1b1b1;
    border-radius: 0px;
	/* margin-right: 1.2%; */
}
.select_sex select::-ms-expand {
	display:none;
}
.select_sex .input_birth { 
	width:100%; 
	border:1px solid #b1b1b1; 
	color:#777; 
	font-size: 13px;
	height:45px; 
	padding: 0 3%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0px;
	box-sizing: border-box;
}


/* 조목사님 목사님과의 만남 상단 작성글 유형 선택 */
.select_type{
	width: 100%;
	padding: 5% 0;
	text-align: center;
	border-bottom: 1px solid #d1d1d1;
}
.select_type select {
    display: inline-block;
    width: 85%;
    height: 45px;
	color:#777;
    font-size: 16px;
    letter-spacing: -0.8px;
    padding-left: 17px;
    background: url(../images/arr_open.png) no-repeat 95% 50%;
    background-size: 6%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #b1b1b1;
    border-radius: 0px;
	/* margin-right: 1.2%; */
}
.select_type select::-ms-expand {
	display:none;
}

.inupt_contents_ver2 {
	display:block;
	padding:0 0 10px;
}
.inupt_contents_ver2 .input_text_ver2 {
	display:inline-block; 
	width:100%;
	height:100px;
	padding: 3% 5%;
	color:#000; 
	font-size: 16px;
	color:#555; 
	border:solid 1px #b1b1b1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0px;
	overflow:scroll;
	box-sizing: border-box;
}


/* 글작성 등록 버튼 */
.write_registration {
	display: block;
	width:100%;
	height:50px;
	margin-bottom: 35px;
}
.write_registration a {
	display: block;
	width:100%;
	height:50px;
	line-height: 50px;
	text-align: center;
	background-color: #455ff5;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

::-webkit-input-placeholder { /* Edge */
  color: #777;
}

::-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #777;
}

::placeholder {
  color: #777;
}


/* 조목사님 목사님과의 만남 상단 작성글 유형 및 교회 선택 영역 */
.select_area {
	display: inline-block;
	padding: 0 0 10px 0 ;
}
.select_area ul {
	overflow: hidden;
}
.select_area ul li {
	float: left;
	font-size: 93%;
	letter-spacing: -1px;
	padding-right: 8px;
}
.select_area ul li:nth-child(2) {
	padding-right: 10px;
}
.select_area ul li:last-child {
	padding-right: 0;
}


/* 조목사님 목사님과의 만남 상단 라디오버튼 스타일 */
 .select_area input[type='radio'] {
	-webkit-appearance:none;
	width:18px;
	height:18px;
	border:1px solid #b1b1b1;
	border-radius:50%;
	outline:none;
	background:#fff;
	vertical-align:middle;
	margin-top: -2px;
	margin-right: 3px;
  }
 .select_area input[type='radio']:before {
    content:'';
    display:block;
    width:60%;
    height:60%;
    margin: 20% auto;  
    border-radius:50%;  
  }
 .select_area input[type='radio']:checked:before {
  	background:#455ff5;
  }





/*===== 간증의 글(신앙도우미), 목사님과의 만남 개편 리스트 =====*/
.meeting_list_ver2 {

}

.list_st1 {
	display: block;
	padding: 13px 17px;
	background-color: #fff;
	border-bottom: 1px solid #d1d1d1;
	position: relative;
}

.list_icon_ask {
	display: inline-block;
	padding: 4px 8px;
	font-size: 13px;
	font-weight: bold;
	color: #555;
	background-color: #fff;
	border: 1px solid rgba(85,85,85,0.6);
	box-sizing: border-box;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
}
.ask_title {
	display: inline-block;
	width: 75%;
    color: #000;
    white-space: nowrap;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
	vertical-align: middle;
	padding-left: 5px;
	/* padding-bottom: 4px; */
}
.reply_situation {
	padding: 10px 0 0 3px;
}
.no_reply {
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	color: #b1b1b1;
    overflow: hidden;
}
.yes_reply {
	display: inline-block;
	font-size: 13px;
	color: #4660f5;
	font-weight: bold;
    overflow: hidden;
}
.ask_date {
	display: inline-block;
	font-size: 13px;
	color: #b1b1b1;
    overflow: hidden;
	padding-left: 10px;
}
.arr_open {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 25px;
}
.arr_open img {
	width: 20px;
}

.list_preview1 {
	display: block;
	padding: 13px 17px;
	background-color: #f2f4f8;
	border-bottom: 1px solid #d1d1d1;
	position: relative;
}
.preview_btn_area {
	padding-bottom: 10px;
}
.list_icon_delete, .list_icon_modify {
	display: inline-block;
	padding: 4px 8px;
	font-size: 13px;
	font-weight: bold;
	color: #4660f5;
	background-color: #fff;
	border: 1px solid rgba(70,96,245,0.6);
	box-sizing: border-box;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
}

.write_go {
	display: block;
	width:85%;
	height:50px;
	margin: 20px auto 30px;
}
.write_go a {
	display: block;
	width:100%;
	height:50px;
	line-height: 48px;
	text-align: center;
	background-color: #455ff5;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}


.modify_btn_area{
	display: block;
	width: 100%;
	margin-bottom: 35px;
}
.modify_btn_area ul li {
	margin-right: 8px;
}
.modify_btn_area ul li:last-child {
	margin-right: 0 !important;
}
.modify_cancel {
	display: inline-block;
	width:48%;
	height:50px;
}
.modify_cancel a{
	display: inline-block;
	width: 100%;
	height: 50px;
	line-height: 46px;
	text-align: center;
	background-color: #eceff8;
	border: 1px solid #d1d9f1;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	color: #455ff5;
}
.modify_confirm {
	display: inline-block;
	width:48%;
	height:50px;
}
.modify_confirm a{
	display: inline-block;
	width:100%;
	height:50px;
	line-height: 48px;
	text-align: center;
	background-color: #455ff5;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}





/*===== 서브 002 - 오늘의 양식 =====*/
/* 서브 002 - 오늘의 양식 리스트 */
.sermon_list3_ver2{
	display: block;
	width:100%;
	padding-top: 47px;
}
.sermon_list3_ver2 ul{}
.sermon_list3_ver2 li{
	border-bottom:solid 1px #d1d1d1; 
	padding: 10px 10px 8px 14px;
	overflow: hidden;
	position: relative;
	background-color: #fff;
}
.sermon_list3_ver2 .list_title_ver2{
	display:block;
	color:#000;
	width:70%;
	white-space:nowrap;
	font-size:18px;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-right: 50px;
}
.sermon_list3_ver2 .list_world{
	display:block;
	color:#000;
	width:70%;
	white-space:nowrap;
	font-size:14px;
	overflow:hidden;
	text-overflow:ellipsis;
}
.sermon_list3_ver2 .list_sermon_title_ver2{
	font-size:15px;
	color:#000000;
	font-style:normal;
}
.sermon_list3_ver2 .list_bible_ver2{
	font-size:12px;
	color:#000000;
	font-style:normal;
}
.sermon_list3_ver2 .list_place{
	font-size:12px;
	color:#000000;
	font-style:normal;
}
.sermon_list3_ver2 .list_info_area {
	display:inline-block;
}
.sermon_list3_ver2 p{
	font-size: 12px;
}
.sermon_list3_ver2 .list_info_area .list_info_name {
	display:inline-block;
}
.sermon_list3_ver2 .list_info_area .list_info_gap {
	display:inline-block;
	font-weight: normal !important;
}
.sermon_list3_ver2 .list_info_area .list_info_affiliation {
	display:inline-block;
}
.sermon_list3_ver2 .list_info_area .list_info_bible {
	display:inline-block;
}
.sermon_list3_ver2 .list_vod_play{
	display:inline-block;
	position: absolute;
	right: 30px;
	bottom: 30px;
}
.sermon_list3_ver2 .list_vod_play img {
	width: 22px;
}
.sermon_list3_ver2 .list_day_ver2{
	display: inline-block;
	margin:0 0 0;
	float:right;
	font-size:12px;
}
.sermon_list3_ver2 .list_vod_play3{
	display:inline-block;
	position: absolute;
	right: 40px;
	top: 8px;
}
.sermon_list3_ver2 .list_vod_play3 img {
	width: 22px;
}
.sermon_list3_ver2 .list_txt_view{
	display:inline-block;
	position: absolute;
	right: 14px;
	top: 9px;
}
.sermon_list3_ver2 .list_txt_view img {
	width: 16px;
}


.today_search_wrap{
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #000;
	overflow: hidden;
	position: fixed;
	z-index: 777;
}

.today_search_wrap ul{
	display: inline-block;
	padding: 9px 15px 9px 0 ;
	/* padding: 9px 20px 9px 0 ; */
	float: right;
	overflow: hidden;
}
.today_search_wrap ul li {
	vertical-align: middle;
	float: left;
	line-height: 0 !important;
}
.today_search_title {
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	padding: 13px 0 0 20px;
}
#select_box3 select {
	width: 75px;
	height: 28px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -0.8px;
	background: url(../images/arr_down.png) no-repeat 88% 50%;
	background-size: 14px;  /* 21.05.11 수정 */
	/* background-size: 17%; */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid rgba(53,53,53,0.5);
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	padding-left: 10px;
	margin-right: 5px;
	box-sizing: border-box;
	outline: none !important;
}
#select_box3 select::-ms-expand {
	display:none;
}
#select_box4 select {
	width: 65px;
	height: 28px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -0.8px;
	background: url(../images/arr_down.png) no-repeat 83% 50%;
	background-size: 14px;  /* 21.05.11 수정 */
	/* background-size: 20%; */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid rgba(53,53,53,0.5);
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	padding-left: 10px;
	margin-right: 5px;
	box-sizing: border-box;
	outline: none !important;
}
#select_box4 select::-ms-expand {
	display:none;
}
.today_search_btn {
	margin-top: 14px;
}
.today_search_btn a {
	color: #fff;
	padding: 5px 12px;
	background-color: #4660f5;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
}

.today_view_wrap {
	width: 100%;
	overflow: hidden;
	padding-top: 47px;
}
.today_view_title {
	display: block;
	background-color: #fff;
	border-bottom: 1px solid #d1d1d1;
	padding:12px 20px;
}
.today_view_title p {
	display: block;
	width: 85%;
	font-size: 21px;
	font-weight: bold;
	letter-spacing: -0.8px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.today_view_bible {
	height: 37px;
	border-bottom: 1px solid #d1d1d1;
	padding: 0 20px;
	line-height: 37px;
}
.today_view_bible span {
	display: inline-block;
}
.today_view_bible ul {
	display: inline-block;
	float: right;
	overflow: hidden;
	margin-top: 5px;
}
.today_view_bible ul li {
	display: inline-block;
	float: left;
	overflow: hidden;
	line-height: 0 !important;
}
.font_big {
	margin-right: 10px;
}
.font_big a {
	display: inline-block;
	width: 42.5px;
	height: 27.5px;
	color: #000;
	background-color: #fff;
	border: 1px solid rgba(53,53,53,0.5);
	box-sizing: border-box;
	text-align: center;
	line-height: 24.5px;
}
.font_big a span{
	display: inline-block;
}
.font_small {

}
.font_small a {
	display: inline-block;
	width: 42.5px;
	height: 27.5px;
	font-size: 11px;
	color: #000;
	padding: 10px 3px;
	background-color: #fff;
	border: 1px solid rgba(53,53,53,0.5);
	box-sizing: border-box;
	text-align: center;
	line-height: 2px;
}
.font_small span{
	display: inline-block;
	font-size: 18px;
}
.today_view_text {
	margin: 10px 14px;
}
.today_view_text  p {
	text-align: justify;
	font-size: 16px;
	line-height: 25px;
}





/*========== 서브 003 교회소개 - 메뉴 개편 시작 21.01~ ==========*/
.church_info_wrap {
	display: block;
	width: 100%;
	padding-top: 48px;
}
.church_info_wrap2 {
	display: block;
	width: 100%;
	padding-top: 87px;
}
.church_info_wrap3 {
	display: block;
	width: 100%;
	padding-top: 44px;
}
.contents_justify {
    text-align: left;
    text-align: justify;  /* 2021-03-26 */
}
#top_navi {
	position:fixed;
	width:100%;
}


/* 서브 003 교회소개 - 상단 타이틀 이미지 공통 */
.top_title_wrap {
	display: block;
	width: 100%;
	height: 49px;
	background: url(../images/churchinfo_ver2/top_title_bg.png) repeat-x;
	background-size: 100% 49px;
	position: relative;
}
.top_title_wrap img {
	display: block;
	vertical-align: top;
	height: 49px;
	margin: 0 auto;
}
.top_title_wrap a img {
	height: 100%;

}


/* 서브 003 교회소개 - 담임목사님 인사말 */
.church_info_greetings {

}
.greetings_contents {
	display: block;
	margin: 25px 20px 35px;
	font-size: 18px;
	letter-spacing: -1px;
	line-height: 27px;
}
.greetings_box1 {   /* 21.07.06 추가 */
	display: block;
	overflow: hidden;
	margin-bottom: 30px;
	/* border-bottom: 1px solid #d1d1d1; */   /* 21.10.15 원로목사님 삭제로 */
}
.greetings_box2 {  /* 21.07.06 추가 */
	display: block;
	overflow: hidden;
}
.pastor_lee_img {
	float: left !important;
	margin: 0 20px 8px 0;
	width: 140px;
}
.pastor_lee_signiture {
	display: inline-block;
	float: right !important;
	margin: 58px 0 30px;
	font-size: 15px;
	margin-right: 5px;
}
.pastor_lee_signiture span {
	font-size: 15px;
	color:  #727171;
}
.signiture_img {
	display: inline-block;
	width: 32px;
	height: 23px;
	background: url(../images/churchinfo_ver2/pastor_lee_signiture.png) no-repeat center center;
	background-size: 100% 100%;
	margin-left: 5px;
}
.signiture_img_lee {
	display: inline-block;
	width: 32px;
	height: 23px;
	background: url(../images/churchinfo_ver2/pastor_lee_signiture.png) no-repeat center center;
	background-size: 100% 100%;
	margin-left: 5px;
}


/* 인사말 디자인 PC와 맞춤 23.04.12. */
.greetings_contents2 {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 15px 0 0;
    text-align: center;
	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;
}

#greetings_contents2_wrap_01 {
	display: block;
	width: 100%;
	height:100%;
	margin: 10px auto 50px;
	background: rgba(255,255,255,1);
}

.greetings_01_img_001 img {
	display: block;
	width: 99%;
	margin: 0 auto;
	padding-left: 0.6%;
}

#greetings_01_gray_wrap_01 {
	display: block;
	width: 100%;
	height:100%;
	padding: 15% 0 35px;
	margin: -22% auto 0;
	background: rgba(245,245,244,1);
}

#greetings_01_gray_wrap_01 div {
	display: block;
	text-align: left;
	padding: 0 8% 0 9%;
	word-break: keep-all !important;
}

.greetings_01_greeings_area {
	display: block;
	width: 100%;
	margin: 30px auto 50px;
	padding: 0 5%;
	overflow: hidden;
	box-sizing: border-box;
}

.greetings_01_greeings_area p {
	text-align: justify !important;
	/* word-break: keep-all !important; */
}

.white_01_wrap {
    display: block;
    width: 100%;
    background: #fff;
}




/* 서브 003 교회소개 - 원로목사님 인사말 */
.pastor_cho_img {
	float: left !important;
	margin: 0 20px 8px 0;
	width: 140px;
}
.pastor_cho_signiture {
	display: inline-block;
	float: right !important;
	margin: 58px 0 30px;
	font-size: 15px;
	margin-right: 5px;
}
.pastor_cho_signiture span {
	font-size: 15px;
	color:  #727171;
}
.signiture_img_cho {
	display: inline-block;
	width: 32px;
	height: 23px;
	background: url(../images/churchinfo_ver2/pastor_cho_signiture.png) no-repeat center center;
	background-size: 100% 100%;
	margin-left: 5px;
}


/* 서브 003 교회소개 - 순복음신앙 */
.church_info_belief {

}
.belief_contents {
	display: block;
	margin: 25px 20px 35px;
	font-size: 18px;
	letter-spacing: -1px;
	line-height: 27px;
}
.belief_cnt_img img {
	display: block;
	vertical-align: top;
	width: 100%;
	margin: 0 auto;
}
.gap_line {
	display: block;
	width: 100%;
	height: 1px;
	border-top: 1px solid #d1d1d1;
	margin: 20px 0;
}
.belief_desc_area {
	
}
.belief_subtitle_area {
	margin: 10px 0 10px;
}
.subtitle_box1 {
	display: inline-block;
	padding: 3px 15px;
	font-size: 18px;
	font-weight: bold;
	color: #4660f5;
	background-color: #fff;
	border: 1px solid rgba(70,96,245,0.6);
	box-sizing: border-box;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
}
.subtitle_box2 {
	display: inline-block;
	padding: 3px 15px;
	font-size: 18px;
	font-weight: bold;
	color: #739b3c;
	background-color: #fff;
	border: 1px solid rgba(115,165,50,0.6);
	box-sizing: border-box;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
}

.bible_verse {
	display: inline-block;
	font-size: 15px;
	color: #000;
	padding-left: 10px;
}
.desc_box1 {
	display: block;
	width: 95%;
	background-color: #f6f6f6;
	padding: 2.5%;
}


/* 서브 003 교회소개 - 시설안내 */
.church_info_facility {
	display: block;
	width: 100%;
}
.facility_info_main_cnt {
	display: block;
	width: 100%;
}
.facility_info_top {
	display: block;
	width: 100%;
}
.facility_info_top img {
	display: block;
	width: 100%;
}

/* 모바일에서 image map 사용 */
img[usemap] {
	border: none;
	height: auto;
	max-width: 100%;
	width: 100%;
	/* width: auto; */
}

.imageMap1 {
	position: relative;
	width: device-width;
}
.imageMap1 img {
	display: block;
}
.imageMap1 a.link1 {  /* 대성전 안내페이지로 링크 이미지맵 좌표 */
	position: absolute;
	left: 13%;
    top: 42%;
    width: 17%;
    height: 8%;
	/* border: 1px solid red; */ /* 이미지맵 영역 확인용 테두리 */
}
.imageMap1 a.link2 {  /* 제1교육관 안내페이지로 링크 이미지맵 좌표 */
	position: absolute;
	left: 72%;
    top: 47%;
    width: 21.5%;
    height: 7%;
	/* border: 1px solid red; */ /* 이미지맵 영역 확인용 테두리 */
}
.imageMap1 a.link3 {  /* 제2교육관 안내페이지로 링크 이미지맵 좌표 */
	position: absolute;
	left: 76%;
    top: 35.5%;
    width: 21%;
    height: 8%;
	/* border: 1px solid red; */ /* 이미지맵 영역 확인용 테두리 */
}
.imageMap1 a.link4 {  /* 세계선교센터 안내페이지로 링크 이미지맵 좌표 */
	position: absolute;
	left: 48%;
    top: 16%;
    width: 25%;
    height: 8%;
	/* border: 1px solid red; */ /* 이미지맵 영역 확인용 테두리 */
}
.imageMap1 a.link5 {  /* 영산복지센터 안내페이지로 링크 이미지맵 좌표 */
	position: absolute;
	left: 35%;
    top: 4.5%;
    width: 25%;
    height: 9%;
	/* border: 1px solid red; */ /* 이미지맵 영역 확인용 테두리 */
}
.imageMap1 a.link6 {  /* 비전센터 안내페이지로 링크 이미지맵 좌표 */
	position: absolute;
	left: 62%;
    top: 4.5%;
    width: 18%;
    height: 9%;
	/* border: 1px solid red; */ /* 이미지맵 영역 확인용 테두리 */
}
.desc_box2 {
	display: block;
	width: 100%;
	font-size: 16px;
	color: #fff;
	text-align: center;
	letter-spacing: -1px;
	background-color: #455ff5;
	padding: 6px;
    box-sizing: border-box;
}

.main_phone {
	display: block;
	width: 270px;
	margin: 20px auto;
	font-family: 'NanumSquare', sans-serif !important;
	font-weight: normal;
}
.main_phone ul {
	overflow: hidden;
}
.main_phone ul li {
	float: left;
}
.main_phone ul li:nth-child( 2 ) {
	/* margin-top: 5px; */
	line-height: 35px;
}
.main_phone_icon {
	display: inline-block;
	padding-right: 10px;
}
.main_phone_icon img {
	width: 70px;
}
.main_phone_txt {
	font-size: 27px;
	font-weight: 400  !important;  /* font-weight을 숫자로 지정해야 iOS, Android 동일하게 적용됨!!! */
	letter-spacing: 2.35px;
	text-align: justify;
}
.main_phone_num {
	
}
.main_phone_num a {
	text-align: justify;
	font-size: 28px;
	font-weight: 800  !important;  /* font-weight을 숫자로 지정해야 iOS, Android 동일하게 적용됨!!! */
	color: #455ff5;
	letter-spacing: -1.8px;
}


.sub_cnt_wrap1 {
	display: block;
	margin: 25px 20px 20px;
	/* margin: 25px 20px 30px; */
	font-size: 20px;
	letter-spacing: -0.5px;
	line-height: 21px;
}

.sub_title1{
	background-image: url(../images/churchinfo_ver2/icon_sub_title1.png);
    background-repeat: no-repeat;
	background-size: 16px 16px;
    background-position: 0 2px;
    text-indent: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}

.sub_list_txt1{
	background-image: url(../images/churchinfo_ver2/dot1.png);
    background-repeat: no-repeat;
	background-size: 5px 5px;
    background-position: 0 12px;
    text-indent: 10px;
    margin-left: 30px;
	line-height: 30px;
}


/* 서브 003 교회소개 - 교회 시설 검색 영역 */
.inupt_facility_search1 {
	display:block;
	padding-left: 15px;  /* 21.05.16 수정 */
	/* padding-left: 30px; */
	overflow: hidden;
}
.inupt_facility_search1 li {
	float: left;
	padding-right: 5px;
	/* padding-right: 10px; */
}
.inupt_facility_search1 li:last-child{
	padding-right: 0 !important;
}
.facility_search1_box{
	display: inline-block;
	width:70%; 
	height:35px; 
	/* height:45px;  */
}
.inupt_facility_search1 input {
	width:100%; 
	/* border:1px solid #b1b1b1;  */
	color:#555; 
	font-size: 16px;
	height:35px;  /* 21.05.16 수정 */
	/* height:45px; */ 
	padding: 0 5%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* border-radius: 0px; */
	border: 1px solid rgba(70,96,245,0.6);  /* 21.05.16 수정 */
    border-radius: 25px;  /* 21.05.16 수정 */
    -webkit-border-radius: 25px;  /* 21.05.16 수정 */
    -moz-border-radius: 25px;  /* 21.05.16 수정 */
	box-sizing: border-box;
	outline: none;  /* 입력을 위해 터치시 박스 주변으로 지저분하게 나오는거 없애기 */
}
.facility_search1_btn {
	display: inline-block;
	width:20%;
	height:35px;  /* 21.05.16 수정 */
	/* height:45px; */
	/* margin-top: -10px; */
}
.facility_search1_btn a{
	display: inline-block;
	width: 100%;
	height: 35px;  /* 21.05.16 수정 */
	line-height: 34px;    /* 21.05.16 수정 */
    /* height: 55px; */
    /* line-height: 62px; */
    text-align: center;
    background-color: #455ff5;
    box-sizing: border-box;
	border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}	


/* 서브 003 교회소개 - 교회 시설 검색결과 영역 */
.inupt_facility_search2 {
	display:block;
	padding-left: 15px;  /* 21.05.16 수정 */
	/* padding-left: 30px; */
	overflow: hidden;
}
.inupt_facility_search2 li {
	float: left;
	padding-right: 5px;
	/* padding-right: 10px; */
}
.inupt_facility_search2 li:last-child{
	padding-right: 0 !important;
}
.facility_search2_box{
	display: inline-block;
	width:70%; 
	height:35px; 
	/* height:45px;  */
}
.inupt_facility_search2 input {
	width:100%; 
	/* border:1px solid #b1b1b1;  */
	color:#555; 
	font-size: 16px;
	height:35px;  /* 21.05.16 수정 */
	/* height:45px; */ 
	padding: 0 5%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* border-radius: 0px; */
	border: 1px solid rgba(70,96,245,0.6);  /* 21.05.16 수정 */
    border-radius: 25px;  /* 21.05.16 수정 */
    -webkit-border-radius: 25px;  /* 21.05.16 수정 */
    -moz-border-radius: 25px;  /* 21.05.16 수정 */
	box-sizing: border-box;
	outline: none;  /* 입력을 위해 터치시 박스 주변으로 지저분하게 나오는거 없애기 */
}
.facility_search2_btn {
	display: inline-block;
	width:20%;
	height:35px;  /* 21.05.16 수정 */
	/* height:45px; */
	/* margin-top: -10px; */
}
.facility_search2_btn a{
	display: inline-block;
	width: 100%;
    height: 35px;  /* 21.05.16 수정 */
	line-height: 34px;    /* 21.05.16 수정 */
    /* height: 55px; */
    /* line-height: 62px; */
    text-align: center;
    background-color: #455ff5;
    box-sizing: border-box;
	border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}	

#sub_title_wrap {
	padding-top: 48px;
	z-index: 777;
}


/* 서브 003 교회소개 - 대성전 안내 페이지 */
.facility_info_01_title {
	width: 100%;
    text-align: center;
    background-color: #eceff8;
    padding: 10px 0;
    overflow: hidden;
    position: fixed;
}
.facility_info_01_title p {
	color: #4660f5;
    font-size: 18px;
    font-weight: bold;
}
.goto_facility_info_main {
	position: absolute;
	top: 52%;
    left: 2.5%;
    margin-top: -12px;
}
.goto_facility_info_main img {
	width: 55%;
}

.facility_info_sub_cnt {
	display: block;
	margin: 0 20px 30px;
}
.floor_info_box {
	display: block;
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid rgba(209,209,209,0.5);
}
.floor_num {
	display: inline-block;
	width: 60px;
	height: 60px;
	/* width: 65px;
	height: 65px */;
	border: 1px solid rgba(69,95,245,1);
	box-sizing: border-box;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	font-family: 'NanumSquare', sans-serif !important;
	font-size: 30px;
	font-weight: 800;
	color: #455ff5;
	text-align: center;
	line-height: 60px;
	/* line-height: 65px; */
	letter-spacing: -1.8px;
}
.floor_num_etc{
	display: inline-block;
	width: 60px;
	height: 60px;
	/* width: 65px;
	height: 65px; */
	border: 1px solid rgba(69,95,245,1);
	box-sizing: border-box;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	font-family: 'NanumSquare', sans-serif !important;
	font-size: 21px;
	font-weight: 800;
	color: #455ff5;
	text-align: center;
	line-height: 19px;
	/* line-height: 22px; */
	letter-spacing: -1.8px;
	padding-top: 11px;
}
.floor_num_etc2{
	display: inline-block;
	width: 60px;
	height: 60px;
	/* width: 65px;
	height: 65px; */
	border: 1px solid rgba(69,95,245,1);
	box-sizing: border-box;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	font-family: 'NanumSquare', sans-serif !important;
	font-size: 25px;
	font-weight: 800;
	color: #455ff5;
	text-align: center;
	line-height: 38px;
	li/* ne-height: 42px; */
	letter-spacing: -2px;
	padding-top: 11px;
}
.floor_txt {
	display: inline-block;
	width: 71%;
	/* width: 75%; */
	text-align: left;
	font-size: 18px;
	line-height: 25px;
	vertical-align: top;
	padding-left: 10px;
}

.emphasis_blue {
	display: inline-block;
	font-size: 18px;
	color: #455ff5;
}


/* 서브 003 교회소개 - 교회위치 */
.church_info_map {
	display: block;
	width: 100%;
}


/* 서브 003 교회소개 - 지성전 */
.church_info_sub_church {
	display: block;
	width: 100%;
	padding-bottom: 50px;
}


/* 서브 003 교회소개 - 기도처 */
.church_info_prayer_place {
	display: block;
	width: 100%;
	padding-bottom: 50px;
}
.contents_gap {
	padding-top: 10px;
	background-color: #eee;
}


/* 서브 003 교회소개 - 제자교회 */
.church_info_disciple_map {
	display: block;
	width: 100%;
	padding-bottom: 50px;
}
.contents_gap {
	padding-top: 10px;
	background-color: #eee;
}


/* 서브 003 교회소개 - 방송안내 */
.church_info_broadcasting {
	display: block;
	width: 100%;
	padding-bottom: 50px;
}


/* 서브 003 교회소개 - 검색결과 리스트 */
.facility_search_list{
	display: block;
	width: 100%;
	padding-bottom: 50px;
}


/* 서브 003 교회소개 - 지성선, 기도처, 제자교회 테이블 공통 */
table {
    border-spacing: 0 !important;
}
.tb_basic {
	border-collapse: collapse;
	width: 100%;
}
.tb_basic th { 
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	padding: 8px;
	text-align: center;
	color: #4660f5;
	font-size: 1em;
	font-weight: bold;
	background-color: #eceff8;
}
.tb_basic td { 
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	padding: 10px;
	text-align: center;
	color: #555; 
	font-size: 1em;
	background-color: #fff; 
}
.tb_basic td a { 
	color: #555; 
	font-size: 1em;
	text-decoration: none;
}
.tb_basic td a:hover { 
	text-decoration: none;
}
.tb_basic td a.ellipsis { 
	display: block; 
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow:hidden; 
}


/* 서브 003 교회소개 - 방송안내 테이블 */
.tb_basic2 {
	border-collapse: collapse;
	width: 100%;
}
.tb_basic2 th { 
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	padding: 8px;
	text-align: center;
	color: #000;
	font-size: 1em;
	font-weight: bold;
	background-color: #eee;
}
.tb_basic2 th img {
	vertical-align: middle;
	margin-top: -2px;
}
.tb_basic2 span {
	display: inline-block;
}
.tb_basic2 td { 
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	padding: 10px;
	text-align: center;
	color: #555; 
	font-size: 1em;
	letter-spacing: -0.05em;
	background-color: #fff; 
}
.tb_basic2 td a { 
	color: #555; 
	font-size: 1em;
	text-decoration: none;
}
.tb_basic2 td a:hover { 
	text-decoration: none;
}
.tb_basic2 td a.ellipsis { 
	display: block; 
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow:hidden; 
}


.tb_basic3 {
	border-collapse: collapse;
	width: 100%;
}
.tb_basic3 th { 
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	padding: 8px;
	text-align: center;
	color: #000;
	font-size: 1em;
	font-weight: bold;
	background-color: #eee;
}
.tb_basic3 th img {
	vertical-align: middle;
	margin-top: -2px;
}
.tb_basic3 td { 
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	padding: 10px 6px;
	text-align: center;
	color: #555; 
	font-size: 1em;
	letter-spacing: -0.05em;
	background-color: #fff; 
}
.tb_basic3 td a { 
	color: #555; 
	font-size: 1em;
	text-decoration: none;
}
.tb_basic2 td a:hover { 
	text-decoration: none;
}
.tb_basic3 td a.ellipsis { 
	display: block; 
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow:hidden; 
}

.border1 { 
	border: 1px solid #dcdcdc;
}
.br0 {
	border-right: 0 !important;
}
.adress_bg {
	background-color: #eee !important; 
}
.address_txt {
	font-size: 0.95em !important;
}
.dpartment_bg {
	background-color: #fafbff !important; 
}


/* 서브 003 교회소개 - 홍보영상 */
.video_main_topimg img {
	display: block;
	vertical-align: top;
	width: 100%;
	margin: 0 auto;
}
.video_main_multilingual {
	display: block;
	width: 90%;
	margin: 5% 5% 10%;
}
.video_main_multilingual img {
	display: block;
}
.video_main_multilingual ul {
	overflow: hidden;
}
.video_main_multilingual ul li{
	display: inline-block;
	float: left;
	width: 23.5%;
	margin-right: 2%;
}
.video_main_multilingual ul li img{
	display: block;
	width: 30%;
}
.video_main_multilingual ul li:last-child{
	margin-right: 0 !important;
}
.video_main_multilingual ul li a{
	display: inline-block;
	width: 100%;
    height: 100%;
	padding: 7px;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    background: linear-gradient(#fff, #eee);
    border: 1px solid #b2b2b2;
    box-sizing: border-box;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	text-align: center;
}
.video_main_multilingual ul li p {
	display: block;
}
.icon_multilingual{
	width: 50%;
	margin: 0 auto;
	padding-bottom: 5px;
}
.multilingual_txt1 {

}
.multilingual_txt2 {
	font-size: 12px;
	color: #777;
	line-height: 12px;
}




/* 서브 003 교회소개 - 예배안내 */
.worship_info_area {
	display: block;
	width: 100%;
	padding-bottom: 50px;
}

/* 서브 003 교회소개 - 예배안내 테이블 */
.tb_basic4 {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 30px;
}
.tb_basic4 th { 
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	padding: 8px;
	text-align: center;
	color: #000;
	font-size: 1em;
	font-weight: bold;
	background-color: #fff;
}
.tb_basic4 th img {
	vertical-align: middle;
	margin-top: -2px;
}
.tb_basic4 span {
	display: inline-block;
}
.tb_basic4 td { 
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	padding: 10px;
	text-align: center;
	color: #555; 
	font-size: 1em;
	letter-spacing: -0.05em;
	line-height: 1.5em;
	background-color: #fff; 
	word-break: keep-all;
}


/* 서브 003 교회소개 - 정기예배 */
.tb_basic4 .worship_kind1 {
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
	background-color: #56aaff;
}
.tb_basic4 .worship_title1 {
	background-image: url(../images/churchinfo_ver2/icon_sub_title2.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 15px center;
    text-indent: 25px;
	text-align: left;
	color: #555;
	font-size: 1.05em;
	font-weight: bold;
	background-color: #eee;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}


/* 서브 003 교회소개 - 교회학교 */
.tb_basic4 .worship_kind2 {
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
	background-color: #9b7cc8;
}
.tb_basic4 .worship_title2 {
	background-image: url(../images/churchinfo_ver2/icon_sub_title3.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 15px center;
    text-indent: 25px;
	text-align: left;
	color: #555;
	font-size: 1.05em;
	font-weight: bold;
	background-color: #eee;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}


/* 서브 003 교회소개 - 청년예배 */
.tb_basic4 .worship_kind3 {
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
	background-color: #7a37d2;
}
.tb_basic4 .worship_title3 {
	background-image: url(../images/churchinfo_ver2/icon_sub_title4.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 15px center;
    text-indent: 25px;
	text-align: left;
	color: #555;
	font-size: 1.05em;
	font-weight: bold;
	background-color: #eee;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}


/* 서브 003 교회소개 - 장년예배 */
.tb_basic4 .worship_kind4 {
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
	background-color: #f7aaba;
}
.tb_basic4 .worship_title4 {
	background-image: url(../images/churchinfo_ver2/icon_sub_title5.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 15px center;
    text-indent: 25px;
	text-align: left;
	color: #555;
	font-size: 1.05em;
	font-weight: bold;
	background-color: #eee;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}


/* 서브 003 교회소개 - 외국어예배 */
.tb_basic4 .worship_kind5 {
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
	background-color: #578eb2;
}
.tb_basic4 .worship_title5 {
	background-image: url(../images/churchinfo_ver2/icon_sub_title6.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 15px center;
    text-indent: 25px;
	text-align: left;
	color: #555;
	font-size: 1.05em;
	font-weight: bold;
	background-color: #eee;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}


/* 서브 003 교회소개 - 장애인예배 */
.tb_basic4 .worship_kind6 {
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
	background-color: #1161d3;
}
.tb_basic4 .worship_title6 {
	background-image: url(../images/churchinfo_ver2/icon_sub_title7.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 15px center;
    text-indent: 25px;
	text-align: left;
	color: #555;
	font-size: 1.05em;
	font-weight: bold;
	background-color: #eee;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}


/* 서브 003 교회소개 - 새신자교육 */
.tb_basic4 .worship_kind7 {
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
	background-color: #15b646;
}
.tb_basic4 .worship_title7 {
	background-image: url(../images/churchinfo_ver2/icon_sub_title8.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 15px center;
    text-indent: 25px;
	text-align: left;
	color: #555;
	font-size: 1.05em;
	font-weight: bold;
	background-color: #eee;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.info_txt {
	text-align: left;
	font-size: 13px;
	line-height: 20px;
	padding-left: 10px;
}
.info_txt a, .info_txt a:hover {
	text-decoration:none !important;
	color:#00b931;
	font-weight: bold;
}

/* 서브 003 교회소개 - 성경교육 */
.tb_basic4 .worship_kind8 {
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
	background-color: #8a5e43;
}
.tb_basic4 .worship_title8 {
	background-image: url(../images/churchinfo_ver2/icon_sub_title9.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 15px center;
    text-indent: 25px;
	text-align: left;
	color: #555;
	font-size: 1.05em;
	font-weight: bold;
	background-color: #eee;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}


/* 서브 003 교회소개 - 행사안내 서브메뉴 탭 */
.tab_nav_event{
	position: fixed; 
	margin-top: 48px;
	width: 100%;
	background-color: #fff;
	padding: 8px 0 3px;
	/* border-top: 1px solid #d1d1d1; */
	border-bottom: 1px solid #d1d1d1;
	overflow: hidden;
	z-index: 999999997;
}

.tab_nav_event dl{
	/* border-bottom: 1px solid #d1d1d1; */
	text-align:center;
}

.tab_nav_event dl dt{
	display: inline-block;
	margin-bottom: -3px;
}

.tab_nav_event dl dt a{
	display: inline-block; 
	padding: 0 0 5px;
	font-size: 16px;
	font-weight: bold; 
	color: #949494;
}

.tab_nav_event dl dt+dt{  /* 여기서 메뉴와 메뉴 사이 간격을 조절합니다 */
	margin-left: 30px;
}

.tab_nav_event dl a.on{
	color: #0080db;
}

.tab_nav_event dl dt.on a{
	color: #455ff5;
}

.tab_nav_event dl dt.on{
	display: inline-block;
}

.tab_nav_event dl dt.on{
	border-bottom:3px solid #455ff5;
}

.tab_nav_event dl dt.active {
	display: inline-block;
	color: #455ff5;
	border-bottom:3px solid #455ff5;
}

.tab_nav_event dl dt.active a{
	display: inline-block;
	color: #455ff5;
}

.tab_nav_event dl dt.active a:hover{
	display: inline-block;
	color: #455ff5;
}

.eventinfo_wrap {
	display: block;
	/* padding: 10px; */
}
.eventinfo_wrap ul {
	overflow: hidden;
}
.eventinfo_wrap ul li {
	margin-bottom: 10px;
}
.eventinfo_title {
	padding: 10px 10px;
    font-size: 16px;
	line-height: 24px;
    background-color: #eceff8;
}
.eventinfo_txt {
	padding: 8px 10px;
    font-size: 14px;
	line-height: 24px;
}
.eventinfo_txt  p{
	text-align: justify;
}


/* 서브 003 교회소개 - 기관행사 안내 리스트 */
.board_list1{
	width:100%;
	padding: 0 !important;
}
.board_list1 ul{
}
.board_list1 ul li{
	border-bottom:solid 1px #d1d1d1; 
	padding: 10px 10px 8px 14px;
	overflow: hidden;
	position: relative;
	margin-bottom: 0 !important;
}
.board_list1 .list_title_2{
	display:block;
	color:#000;
	width:80%;
	white-space:nowrap;
	font-size:16px;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-right: 50px;
}
.board_list1 .list_place{
	font-size:12px;
	color:#000000;
	font-style:normal;
}
.board_list1 .list_info_area {
	display:inline-block;
}
.board_list1 p{
	font-size: 12px;
}
.board_list1 .list_info_area .list_info_name {
	display:inline-block;
}

.board_list1 .list_info_area .list_info_bible {
	display:inline-block;
}
.board_list1 .list_day_ver2{
	display: inline-block;
	margin:0 0 0;
	float:right;
	font-size:12px;
}

.detail_view_info {
	padding: 15px;
	text-align: center;
}
.detail_view_info img {
	width: 20px;
}

.list_view2 {
	display: block;
	width: 100%;
	text-align: center;
	padding: 15px 0 25px;
}
.list_view2 a{
	display: inline-block;
	padding: 5px 30px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background-color: #4660f5;
	/* border: 1px solid rgba(70,96,245,0.6); */
	box-sizing: border-box;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
}


/* 서브 003 교회소개 - 새가족 등록 페이지 */
.newfamily_sub_title {
	width: 100%;
    text-align: center;
    background-color: #eee;
    padding: 10px 0;
    overflow: hidden;
    position: fixed;
}
.newfamily_sub_title p {
	color: #363434;
	font-family: 'NanumSquare', sans-serif !important;
    font-size: 18px;
    font-weight: 800;
}
.newfamily_sub_cnt {
	display: block;
	margin: 54px 20px 30px;
}
.step_explanation01 {
	font-size: 17px;
	text-align: justify;
	padding-bottom: 19px;
}
.step_explanation02 {
	font-size: 16px;
	text-align: justify;
	padding: 20px 0 15px;
}

#enrollment_step_wrap {
	padding-bottom: 10px;
}
.step_title_area {
	text-align: center;
	padding-bottom: 10px;
}
.step_num_box01 {
	display: inline-block;
	background-color: #1ac02e;
	width: 39px;
	height: 39px;
	text-align: center;
}
.step_num_box01 span {
	display: inline-block;
}
.step_num_box02 {
	display: inline-block;
	background-color: #23b54a;
	width: 39px;
	height: 39px;
	text-align: center;
}
.step_num_box02 span {
	display: inline-block;
}
.step_num_box03 {
	display: inline-block;
	background-color: #12b47b;
	width: 39px;
	height: 39px;
	text-align: center;
}
.step_num_box03 span {
	display: inline-block;
}
.step_num_box04 {
	display: inline-block;
	background-color: #0daca8;
	width: 39px;
	height: 39px;
	text-align: center;
}
.step_num_box04 span {
	display: inline-block;
}
.step_num_box05 {
	display: inline-block;
	background-color: #048da6;
	width: 39px;
	height: 39px;
	text-align: center;
}
.step_num_box05 span {
	display: inline-block;
}

.step_txt {
	display: inline-block;
	font-family: 'NanumSquare';
	font-size: 10px;
	color: #fff;
	vertical-align: top;
	margin-top: 3px;
}
.step_num {
	display: inline-block;
	font-family: 'NanumSquare';
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	line-height: 10px;
	margin-top: 3px;
    vertical-align: top;
}

.step_title01 {
	display: inline-block;
	font-family: 'NanumSquare';
	font-size: 25px;
	font-weight: 800;
	color: #1ac02e;
	line-height: 38px;
    vertical-align: top;
	padding-left: 3px;
}
.step_title02 {
	display: inline-block;
	font-family: 'NanumSquare';
	font-size: 25px;
	font-weight: 800;
	color: #23b54a;
	line-height: 38px;
    vertical-align: top;
	padding-left: 3px;
}
.step_title03 {
	display: inline-block;
	font-family: 'NanumSquare';
	font-size: 25px;
	font-weight: 800;
	color: #12b47b;
	line-height: 38px;
    vertical-align: top;
	padding-left: 3px;
}
.step_title04 {
	display: inline-block;
	font-family: 'NanumSquare';
	font-size: 25px;
	font-weight: 800;
	color: #0daca8;
	line-height: 38px;
    vertical-align: top;
	padding-left: 3px;
}
.step_title05 {
	display: inline-block;
	font-family: 'NanumSquare';
	font-size: 25px;
	font-weight: 800;
	color: #048da6;
	line-height: 38px;
    vertical-align: top;
	padding-left: 3px;
}

.step_dot {
	display: block;  /* 21.04.30 수정 */
	/* display: inline-block; */
	font-size: 25px;
	color: #010101;
	vertical-align: top;
	line-height: 0;  /* 21.04.30 추가 */
	position: relative;   /* 21.04.30 추가 */
    top: 10px;   /* 21.04.30 추가 */
}
.step_txt_box {
	display: block;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 15px;
    color: #010101;
	background-color: #f8f8f8;
    text-align: justify;
    line-height: 23px;
    letter-spacing: -0.5px;
	padding: 15px 17px;
}

.step_txt_box p {
	display: block;
	width: 98%;
	/* display: inline-block;
	width: 95%; */
	padding-left: 8px;   /* 21.04.30 수정 */
	/* padding-left: 3px; */
	padding-bottom: 15px;  /* 21.04.30 수정 */
	/* padding-bottom: 20px; */
}
.step_txt_box p:last-child {
	padding-bottom: 0;
}

.tel_question {

}
.tel_question img {
	width: 32px;
}
.tel_question span {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	line-height: 31px;
	padding-left: 5px;
}





/*========== 서브 004 설교 - 페이지 ==========*/
.top_title_wrap1 {
	width: 100%;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.goto_home {
	position: absolute;
	top: 50%;
    left: 1.8%;
    margin-top: -12px;
	height: 55%;
}
.goto_home img {
	width: 55%;
	/* height: 100%; */
}

/* 서브 004 설교 - 검색 */
.worship_search_wrap{
	width: 100%;
	background-color: #efefef;
    border-bottom: solid 1px #c6c6c6;
	padding-top: 49px;
	overflow: hidden;
	position: fixed;
	z-index: 9;
}
.worship_search_wrap ul{
	display: inline-block;
	width: 92%;
	padding: 9px 14px;
	overflow: hidden;
}
#search_year2 {
	display: inline;
    position: relative;
    top: 8px;
    left: 14px;
}
#search_year2 select {
	width: 80px;
	height: 28px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -0.8px;
	background: url(../images/arr_down.png) no-repeat 90% 50%;
	background-color: #fff;
	background-size: 14px;  /* 21.05.11 수정 */
	/* background-size: 17%; */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid rgba(53,53,53,0.5);
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	padding-left: 10px;
	box-sizing: border-box;
	outline:none !important;
}
#search_year2 select::-ms-expand {
	display:none;
}
#search_title2 {
	display: inline;
    position: relative;
    top: 8px;
    left: 14px;
}
#search_title2 select {
	width: 70px;
	height: 28px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -0.8px;
	background: url(../images/arr_down.png) no-repeat 90% 50%;
	background-color: #fff;
	background-size: 14px;  /* 21.05.11 수정 */
	/* background-size: 20%; */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid rgba(53,53,53,0.5);
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	padding-left: 10px;
	box-sizing: border-box;
	outline:none !important;
}
#search_title2 select::-ms-expand {
	display:none;
}
#input_area {
	margin: -20px 65px 12px 175px;
	overflow: hidden;
}
#input_area input {
	width:100%; 
	height: 28px;
	border:1px solid #b1b1b1; 
	color:#555; 
	font-size: 16px;
	padding: 0 12%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	box-sizing: border-box;
}
#input_area input:focus {
	outline:none !important;
}
#input_area a {
	margin-top: 10px;
    position: absolute;
    right: 12px;
    top: 48px;
    color: #fff;
    padding: 4px 10px;
    background-color: #4660f5;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
}

.search_result_no {
	margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #cfcfcf;
	font-size: 16px;
	text-align: center;
}





/*========== 서브 005 금주 주보 - 페이지 ==========*/
.weeklypaper_date_area {
	width: 100%;
    text-align: center;
    background-color: #eee;
    padding: 10px 0;
    overflow: hidden;
    position: fixed;
	box-sizing: border-box;
}
.weeklypaper_date_area p {
	color: #363434;
    font-size: 18px;
    font-weight: bold;
}
.goto_prev_weeklypaper {
	position: absolute;
	top: 52%;
    left: 2.5%;
    margin-top: -12px;
}
.goto_prev_weeklypaper img {
	width: 55%;
}
.goto_next_weeklypaper {
	position: absolute;
	top: 52%;
    right: 2.5%;
    margin-top: -12px;
}
.goto_next_weeklypaper img {
	width: 55%;
}


.weeklypaper_date_wrap {
	position: fixed;
    width: 100%;
}
.date_arrow_go {
	width: 100%;
    text-align: center;
    background-color: #eee;
    padding: 10px 0;
    overflow: hidden;
    position: relative;
	box-sizing: border-box;
}
.date_arrow_go p {
	color: #363434;
    font-size: 18px;
    font-weight: bold;
}
.date_arrow_go .goto_prev_weeklypaper {
	position: absolute;
	top: 52%;
    left: 2.5%;
    margin-top: -12px;
}
.date_arrow_go .goto_prev_weeklypaper img {
	width: 55%;
}
.date_arrow_go .goto_next_weeklypaper {
	position: absolute;
	top: 52%;
    right: 2.5%;
    margin-top: -12px;
}
.date_arrow_go .goto_next_weeklypaper img {
	width: 55%;
}


.weeklypaper_search_wrap{
	width: 100%;
	height: 47px;
	/* margin-top: 43px; */
	background-color: #fff;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #000;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
}
.weeklypaper_search_title {
	position: absolute;
	top: 13px;
	left: 20px;
	font-size: 15px;
	font-weight: bold;
}
#select_box8{
	position: absolute;
	top: 9px;
	right: 70px;
}

#select_box8 select {
	width: 82px;
	height: 28px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.8px;
	background: url(../images/arr_down.png) no-repeat 90% 50%;
	background-size: 14px;  /* 21.05.11 수정 */
	/* background-size: 11%; */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid rgba(53,53,53,0.5);
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	padding-left: 10px;
	margin-right: 14px;
	box-sizing: border-box;
	overflow: hidden;
	outline: none !important;
}

#select_box9{
	position: absolute;
	top: 9px;
    right: 0px;
}

#select_box9 select {
	width: 65px;
	height: 28px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.8px;
	background: url(../images/arr_down.png) no-repeat 85% 50%;
	background-size: 14px;  /* 21.05.11 수정 */
	/* background-size: 11%; */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid rgba(53,53,53,0.5);
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	padding-left: 10px;
	margin-right: 14px;
	box-sizing: border-box;
	overflow: hidden;
	outline: none !important;
}


.weeklypaper_cnt {
	display: block;
	margin: 45px 0 30px;
}
.weeklypaper_cnt2 {
	display: block;
	margin: 90px 0 30px;
}
.btn_view_area {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 10px 0;
}
.btn_img_view {
	display: inline-block;
	width: 105px;
	height: 34px;
	line-height: 33px;
	text-align: center;
	color: #fff;
	font-weight: bold;
    background-color: #008cd6;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
	margin-right: 10px;
}
.btn_img_view a {
	padding: 8px 17px;
    line-height: 55px;
	color: #fff;
	font-weight: bold;
    background-color: #008cd6;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}
.btn_pdf_view {
	display: inline-block;
	width: 105px;
	height: 34px;
	line-height: 33px;
	text-align: center;
	color: #fff;
	font-weight: bold;
    background-color: #008cd6;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
	margin-right: 0px;
}
.btn_pdf_view a {
	padding: 8px 17px;
    line-height: 55px;
	color: #fff;
	font-weight: bold;
    background-color: #008cd6;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}

/*========== 서브 006 헌금 - 페이지 ==========*/
#donate_body {
	background-color: #f4f7ff;
}
.donate_wrap {
	display: block;
	padding-top: 49px;
}
.donate_main_top_img {
	text-align: center;
	padding: 20px 0;
	background-color: #fff;
}
.donate_main_top_img img {
	width: 145px;
}

.cnt_wrap {
	padding: 20px 0;
	background-color: #f4f7ff;
}
.donate_btn_st1 {
	display: block;
	text-align: center;
	padding-bottom: 5px;
}
.donate_btn_st1 a {   /* 21.05.28 a태그 영역이 가로 전체 잡히는 문제로 추가 */
	display: block;
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
}
.donate_btn_st1 img {
	width: 100%;  /* 21.05.28 a태그 영역이 가로 전체 잡히는 문제로 수정 */
	/* width: 80%; */
}
.btn_more_area1 {
	margin: 10px auto;
	padding: 10px 0;
	background-color: #d5dcf2;
}
.donate_notice_txt1 {
	font-size: 14px;
	color: #324681;
	letter-spacing: -1px;
	padding-bottom: 10px;
}
.donate_notice_txt1 span {
	color: #a8281e;
}
.donate_desc_area {
	display: block;
	padding: 0 10%;
}
.desc_box3 {
	width: 100%;
	font-size: 15px;
	color: #000;
	text-align: justify;
	letter-spacing: -1px;
	background-color: #fff;
	padding: 15px 20px;
	box-sizing: border-box;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.desc_box3 a {
	letter-spacing: 0;
	display: contents;  /* 21.06.01 전화번호 부분이 줄바꿈되는 현상 막기 위해 */
}
.desc_box4 {
	width: 100%;
	font-size: 15px;
	color: #000;
	text-align: justify;
	letter-spacing: -0.5px;
	background-color: #fff;
	padding: 15px 20px;
	margin-top: 15px;
	box-sizing: border-box;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.desc_box4 p{
	background-image: url(../images/donate_ver2/icon_sub_title1.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: 0 center;
    text-indent: 20px;
    text-align: left;
	font-size: 15px;
	color: #000;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.desc_box5 {
	width: 100%;
	font-size: 15px;
	color: #000;
	text-align: justify !important;
	letter-spacing: -0.75px;
	line-height: 23px;
	background-color: #fff;
	padding: 15px 20px;
	box-sizing: border-box;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	word-break: break-all !important;
}


.donate_question_tel_area {
	padding-top: 15px;
	padding-bottom: 25px;
	text-align: center;
}
.donate_question_tel {
    text-align: center;
}
.donate_question_tel span {
	display: inline-block;
}
.icon_tel {
	display: inline-block;
	width: 30px;
	height: 30px;
	padding-right: 5px;
}

/* .icon_tel {
	width: 30px;
	height: 30px;
	background-image: url(../images/donate_ver2/icon_phone.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: 0 8px;
} */
.donate_question_tel p{
	display: inline-block;
	/* background-image: url(../images/donate_ver2/icon_phone.png);
	    background-repeat: no-repeat;
	    background-size: 32px 32px;
	    background-position: 15% center;
	    text-indent: 40px; */
    text-align: center;
    color: #0089d0 !important;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 0 !important;
}
.donate_question_tel a {
	color: #0089d0 !important;
}
.btn_more_area2 {
	margin: 10px 0;
	padding: 0;
	background-color: #e9e9e9;
	border-top:1px solid #7a7a7a;
	border-bottom:1px solid #7a7a7a;
}
.btn_more_area2 img {
	max-width: 100% !important;
	height: auto !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}
.bottom_line {
	display: block;
	width: 100%;
	padding-top: 15px;   /* 200908 수정 */
	/* padding-top: 10px; */   
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 1px solid #7a7a7a;
}

.deec_blue_txt_01 {
	display: block;
	color: #0089d0 !important;
	font-weight: bold;
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid #bbb;
}

/* 국민페이 헌금 이벤트 22.10. 추가 */
.donate_event_KBPay {
	display: block;
	width: 100%;
	margin-top: 20px;
	background: #fff;
	box-sizing: border-box;
}

.donate_event_KBPay img {
	width: 100%;
}





/*===== 헌금상세내역 입력 모달팝업 2020.12. =====*/
.black_bg2{
	display: none;
	background-color:rgba(0, 0,0, 0.5);
	cursor: default;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999999999999;
}
.modal_pop_wrap{
	display: none;
	background-color: #fff;
	width: 294px;
	left: 50%;
	text-align: center;
	padding: 10px 10px 10px;
	margin-left: -158px;
	position: absolute;
	top: 5%;
	z-index: 10;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	z-index: 9999999999991;
}
.modal_pop_close{		
	background-color: rgba(0, 0, 0, 0.8);
	width: 25px;
	height: 25px;
	line-height: 25px;
	position: absolute;
	top: 7px;
	right: 7px;
	text-align: center;
	text-decoration: none;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}
.modal_pop_close> a{
	display: block;
	color: rgba(255, 255, 255, 0.9);
	content: "X"; 
	width: 100%;
	height: 100%;
	background:url(../images/main_2020/X_icon.png) no-repeat;
	background-size: 12px 12px;
	background-position: center;
	font-size: 0;
	text-indent: -9999px;
}



/*===== 간편헌금(Ubpay 페이지)  =====*/
.bg_main {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	background: url(../../../images/donate/bg@3x.png) no-repeat top;
	background-size: cover;
	overflow-y: scroll;   /* 밑부분이 안나오는 문제 해결을 위해 추가함 23.01.03.  */
}
.top_logo { /* 21.04.15 수정됨 */
	width:127px; 
	margin: 70px auto 0 auto;
}  
/* .top_logo {
	width:127px; 
	margin: 20px auto 0 auto;
} */
.top_logo img {
	width: 127px;
	height: 133px;
}
.top_txt {font-size: 16px; 
	margin: 20px auto;
	text-align: center;
}
.top_txt span {
	font-weight: 700;
	text-decoration: underline;
}
.menu_list {
	text-align: center;
}
.menu_list li {
	margin-bottom: 10px;
}
.menu_list li:last-child {
	margin-bottom: 0px;
}
.menu_list li img {
	width: 280px;
	height: 55px;
}
.bottom_logo {
	margin: 30px auto; 
	text-align: center;
}
.bottom_logo img {
	width: 74px; 
	height: 39px;
}

.title{
	text-align:center; 
	font-size:24px;
	margin: 20px 40px 0;
	padding-bottom:10px;
	border-bottom: 1px solid #dadada;
}

.title span{
	font-size:24px;
	letter-spacing: -1.2px;
}

.btn_st1 img {
	  max-width: 70% !important;
	  height: auto !important;
}

/* 하단 메뉴 링크 추가 22.12.16 */
.list_corp {text-align: center; width:100%;}
.list_corp a.corp_item {color: #333;}
.list_corp a.corp_item+a.corp_item:before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 11px;
	margin: 0 12px;
	background-color: #333;
	vertical-align: -1px;
}

/* 간편헌금 하단 버튼 3개 23.01.03. */
.contents_area_button {
	width:100%;
	text-align: center;
	padding-bottom: 100px;
}
.contents_area_button .buttonThree_wrap {
	margin:0 auto;
	width:280px;
}
.contents_area_button .buttonThree_wrap img {
	width:31.5%;
}




/*===== 연말정산간소화서비스 자료등록 신청 =====*/
.yearandtax_write {
	display: block;
	text-align: center;
}

.yearandtax_write a {
	display: block;
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
}

.yearandtax_write img {
	width: 100%; 
}


/*========== 서브 007 뉴스 - 페이지 ==========*/
/*===== 서브 007-01-1 뉴스 - 순복음 뉴스기사 리스트 =====*/
.news_article_wrap {
	display: block;
	padding-top: 49px;
}
.article_list{
	width:100%;
}
.article_list li{
	height:80px; 
	border-bottom:solid 1px #d1d1d1;
	margin-top:6px;
	padding-left:10px; 
	margin-bottom:4px;
}
.article_list img{
	display:block;
	float:left; 
	vertical-align:text-top;
	margin-top:4px; 
	margin-bottom:4px;
}
.article_list .article_list_title {
	display:block; 
	height: 37px;
	font-size:14px;
	padding: 2px 10px 0;
	overflow:hidden;
}

.article_list .article_list_date_2 {
	display:block; 
	width:64%; 
	font-size:12px; 
	margin-top:14px;
	padding-left:10px; 
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}


/*===== 서브 007-01-2 뉴스 - 순복음 뉴스기사 내용보기 =====*/
.news_article_view_wrap {
	display: block;
	padding-top: 49px;
}
.article_header{
	width:100%;
}
.article_header ul{

}
.article_header li{ 
	height:95px;
	border-bottom:solid 1px #d1d1d1;
	padding: 0 20px;
}
.article_header .txt1{
	display:block; 
	width:100%;
	height:40px;;
	color:#383e3d;  
	font-size:18px; 
	letter-spacing:-1px;
	padding-top:15px; 
	position: relative;
	overflow:hidden;
}
.article_header .txt2{
	font-size:12px;
	line-height:16px; 
	color:#000000; 
	font-style:normal;
	margin-top:6px;
	margin-bottom:4px;
}
.article_header .icon_area {
	position: absolute;
    top: 108px;
    right: 20px;
}
.article_header .icon_area span {
    font-size: 11px;
	font-weight: bold;
    color: #ffffff;
    background: #4660f5;
    box-sizing: border-box;
    padding: 5px 8px 6px;
	border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}
.article_photo2 {
	margin:15px 20px;
	text-align: center; 
	clear:both;
}
.article_txt2{
	margin:15px 20px;
	font-size:14px;
	line-height: 20px;
}
.article_txt2  p{
	text-align: justify; 
}

.article_view_size {
	height: 37px;
	border-bottom: 1px solid #d1d1d1;
	padding: 0 20px;
	line-height: 37px;
}
.article_view_size span {
	display: inline-block;
}
.article_view_size ul {
	display: inline-block;
	float: right;
	overflow: hidden;
	margin-top: 5px;
}
.article_view_size ul li {
	display: inline-block;
	float: left;
	overflow: hidden;
	line-height: 0 !important;
}


/*===== 서브 007-02-1 뉴스 -포토뉴스 리스트 =====*/
.photonews_wrap {
	display: block;
	padding-top: 49px;
}
.photonews_list{
	width:100%;
}
.photonews_list li{
	height:80px; 
	border-bottom:solid 1px #d1d1d1;
	margin-top:6px;
	padding-left:10px; 
	margin-bottom:4px;
	position:relative;
}
.photonews_list img{
	display:block;
	float:left; 
	vertical-align:text-top;
	margin-top:4px; 
	margin-bottom:4px;
}
.photonews_list_title {
	display:block; 
	width:52%; 
	font-size:14px;
	padding: 2px 10px 0;
	overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.photonews_list_date {
	display:block; 
	width:64%; 
	font-size:12px; 
	margin-top:10px;
	padding-left:10px; 
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.photonews_list_cnt {
	display:block; 
	width:52%; 
	color: #555;
    font-size: 11px;
    padding-left:10px; 
    white-space: nowrap;
    text-overflow: ellipsis;
	overflow: hidden;
}
.photonews_icon_area {
	
}
.tvnews_icon {
	position: absolute;
	top:4px;
	right:10px;
	font-size: 11px;
	font-weight: 700;
    color: #4795f3;
    background: #fff;
	box-sizing: border-box;
	width: 54px;
    padding: 3px 0 4px;
	text-align: center;
	border: 1px solid rgba(70,149,243,1);
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
}
.photonews_icon {
	position: absolute;
	top:42px;
	right:10px;
	font-size: 11px;
	font-weight: 700;
    color: #4660f5;
    background: #fff;
	box-sizing: border-box;
    width: 54px;
    padding: 3px 0 4px;
	text-align: center;
	border: 1px solid rgba(70,96,245,0.75);
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
}


/*===== 서브 007-02-2 뉴스 -포토뉴스 내용보기 =====*/
.photonews_view_wrap {
	display: block;
	padding-top: 49px;
}
.photonews_header{
	width:100%;
}
.photonews_header ul{

}
.photonews_header li{ 
	height:95px;
	border-bottom:solid 1px #d1d1d1;
	padding: 0 20px;
}
.photonews_header .txt1{
	color:#383e3d;  
	font-size:18px; 
	display:block; 
	letter-spacing:-1px;
	padding-top:15px; 
	overflow:hidden;
	width:100%;
	height:40px;;
}
.photonews_header .txt2{
	font-size:12px;
	line-height:16px; 
	color:#000000; 
	font-style:normal;
	margin-top:6px;
	margin-bottom:4px;
}
.photonews_header .icon_area {
	position: absolute;
    top: 108px;
    right: 17px;
}
.photonews_header .icon_area a{
	margin-left: 3px;
}
/* .photonews_header .icon_area span {
    font-size: 11px;
	font-weight: bold;
    color: #ffffff;
    background: #4660f5;
    box-sizing: border-box;
    padding: 5px 8px 6px;
} */
.tvnews_icon2 {
	font-size: 12px;
    color: #ffffff;
    background: #4795f3;
    box-sizing: border-box;
    padding: 4px 9px 5px;
    text-align: center;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}
.photonews_icon2 {
	font-size: 12px;
    color: #ffffff;
    background: #4660f5;
	box-sizing: border-box;
    padding: 4px 8px 5px;
	text-align: center;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
}

.photonews_view_size {
	height: 37px;
	border-bottom: 1px solid #d1d1d1;
	padding: 0 20px;
	line-height: 37px;
}
.photonews_view_size span {
	display: inline-block;
}
.photonews_view_size ul {
	display: inline-block;
	float: right;
	overflow: hidden;
	margin-top: 5px;
}
.photonews_view_size ul li {
	display: inline-block;
	float: left;
	overflow: hidden;
	line-height: 0 !important;
}

.article_txt3{
	margin: 17px;
    font-size: 14px;
    line-height: 20px;
}
.photonews_photo {

}
.photonews_photo ul {

}
.photonews_photo li { 
	margin:17px;
}


/*===== 서브 007-03-1 뉴스 - TV뉴스 리스트 =====*/
#tv_news_area {
	width: 100%;
	margin: 0 auto;
}

#sub_title_wrap2 {
	z-index: 779;
}
.tv_news_search_wrap{
	width: 100%;
	height: 47px;
	line-height: 45px;
	background-color: #fff;
	border-bottom: 1px solid #000;
	overflow: hidden;
	z-index: 780;
}
.tv_news_search_title {
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	padding-left: 20px;
}
#select_box5 {
	float: right;
}
#select_box5 span {
	display: inline-block;
}
#select_box5 select {
	width: 160px;  /* 21.06.23 메뉴명 변경에 따른 수정   */
	/* width: 142px; */
	height: 28px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.8px;
	background: url(../images/arr_down.png) no-repeat 90% 50%;
	background-size: 14px;  /* 21.05.11 수정 */
	/* background-size: 11%; */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid rgba(53,53,53,0.5);
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	padding-left: 10px;
	margin-right: 14px;
	box-sizing: border-box;
	overflow: hidden;
	outline: none !important;
}
#select_box5 select::-ms-expand {
	display:none;
}
.vod_wrap{
	display: block; 
}
.vod_wrap img {
	width: 100%;
}
.tv_news_wrap {
	display: block;
	padding-top: 309px;
}
.tv_news_list_view_area {
    width: 100%;
    text-align: center;
    background-color: #eceff8;
    padding: 12px 0 35px;
    overflow: hidden;
    position: relative;
}
.tv_news_list_view_btn {
    position: absolute;
    top: 11px;
    /* top: 5px; */
    right: 8px;
}
.tv_news_list_view_btn a {
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: bold;
    color: #4660f5;
    background-color: #fff;
    border: 1px solid rgba(70,96,245,0.6);
    box-sizing: border-box;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}

.tv_news_list{
	width:100%;
}
.tv_news_list li{
	height:80px; 
	border-bottom:solid 1px #d1d1d1;
	margin-top:6px;
	padding-left:10px; 
	margin-bottom:4px;
	position:relative;
}
.tv_news_list img{
	display:block;
	float:left; 
	vertical-align:text-top;
	margin-top:4px; 
	margin-bottom:4px;
}
.tv_news_list_title {
	display:inline-block;  /* 22.03.31 글씨 영역이 TV뉴스 보기 아이콘까지 침범하지 않도록 수정 */
	/* display:block;  */
	width: 55%;
	font-size:14px;
	padding: 8px 10px 0;
	overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tv_news_list_cnt {
	display:inline-block;   /* 22.03.31 글씨 영역이 TV뉴스 보기 아이콘까지 침범하지 않도록 수정 */
	/* display:block;  */
	width:55%; 
	color: #555;
	margin-top:25px;
    font-size: 11px;
    padding-left:10px; 
    white-space: nowrap;
    text-overflow: ellipsis;
	overflow: hidden;
}
.tv_news_icon_area {
	display: inline-block; 
}

.tv_news_icon_area a {   /* 22.03.31 ios 업데이트 이후 TV뉴스 보기 아이콘 클릭이 안되는 문제 해결하기 위해 추가 */
	display: inline-block; 
	position: absolute;
	top:5px;
	right:10px;
	width: 3em;
    height: 2.8em;
}
.tv_news_icon {
	display: inline-block; 
	position: absolute;
	top:5px;
	right:10px;
	width: 32px;
	height: 27px;
	font-size: 0;
	color: rgba(0,0,0,0);
	text-indent: -99999999px;
	background: url(../images/news_ver2/icon_tv_news_view.png) no-repeat center center;
	background-size: 100%;
}


/*===== 서브 007-03-2 뉴스 - TV뉴스 내용보기 =====*/
.tv_news_view_wrap {
	display: block;
	/* padding-top: 49px; */   /* 21.06.01 내용보기 방식 수정으로 패딩값 삭제 */
}
.tv_news_header{
	width:100%;
}
.tv_news_header ul{

}
.tv_news_header li{ 
	height:95px;
	border-bottom:solid 1px #d1d1d1;
	padding: 0 20px;
}
.tv_news_header .txt1{
	display:block; 
	width:100%;
	height:40px;;
	color:#383e3d;  
	font-size:18px; 
	letter-spacing:-1px;
	padding-top:15px; 
	position: relative;
	overflow:hidden;
}
.tv_news_header .txt2{
	font-size:12px;
	line-height:16px; 
	color:#000000; 
	font-style:normal;
	margin-top:6px;
	margin-bottom:4px;
}
.tv_news_header .icon_tv_news_view {
	position: absolute;
    top: 105px;
    right: 20px;
}
.tv_news_header .icon_tv_news_view img {
	width: 28px;
	height: 23px;
}
.tv_news_txt2{
	margin:15px 20px;
	font-size:14px;
	line-height: 20px;
}
.tv_news_txt2  p{
	text-align: justify; 
}





/*===== 서브 007-04 뉴스 - 순복음 스크린 리스트 =====*/
#church_screen_area {
	width: 100%;
	margin: 0 auto;
}
.vod_wrap{
	display: block; 
}
.vod_wrap img {
	width: 100%;
}
.church_screen_wrap {
	display: block;
	padding-top: 260px;
}
.church_screen_list{
	width:100%;
}
.church_screen_list li{
	height:80px; 
	border-bottom:solid 1px #d1d1d1;
	margin-top:6px;
	padding-left:10px; 
	margin-bottom:4px;
	position:relative;
}
.church_screen_list img{
	display:block;
	float:left; 
	vertical-align:text-top;
	margin-top:4px; 
	margin-bottom:4px;
}
.church_screen_list_title {
	display:block; 
	height: 37px;
	font-size:14px;
	padding: 2px 10px 0;
	overflow:hidden;
    /* white-space: nowrap;
    text-overflow: ellipsis; */
}
.church_screen_list_date {
	display:block; 
	position: relative;
	top: 14px;
	width:62px; 
	/* width:64%;  */
	font-size:12px; 
	/* margin-top:14px; */
	padding-left:10px; 
	/* white-space:nowrap;
	text-overflow:ellipsis; */
	overflow:hidden;
}
.church_screen_list_cnt {
	display:block; 
	width:55%; 
	color: #555;
	margin-top:25px;
    font-size: 11px;
    padding-left:10px; 
    white-space: nowrap;
    text-overflow: ellipsis;
	overflow: hidden;
}


/*===== 서브 007-05 뉴스 - 순복음 가족신문 리스트 =====*/
#family_news_wrap {
	width: 100%;
}

#sub_title_wrap2 {
	z-index: 779;
}
.family_news_search_wrap{
	width: 100%;
	height: 47px;
	line-height: 45px;
	background-color: #fff;
	border-bottom: 1px solid #000;
	overflow: hidden;
	z-index: 780;
}
.family_news_search_title {
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	padding-left: 20px;
}
#select_box6 {
	float: right;
}
#select_box6 span {
	display: inline-block;
}
#select_box6 select {
	width: 100px;
	height: 28px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.8px;
	background: url(../images/arr_down.png) no-repeat 90% 50%;
	background-size: 13px;   /* 21.05.11. 수정 */
	/* background-size: 11%; */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid rgba(53,53,53,0.5);
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	padding-left: 10px;
	margin-right: 14px;
	box-sizing: border-box;
	overflow: hidden;
	outline: none !important;
}
#select_box6 select::-ms-expand {
	display:none;
}
.family_news_area {
	display: block;
	width: 100%;
	height: 335px;
	padding-top: 15px;
	background-color: #e9e9e9;
	/* background-color: #efefef; */
}
.family_news_list{
	/* width:100%; */   /* 이게 있으면 안드로이드에서 좌우스크롤 되는 증상있음 */
	padding: 0 5%;
}
.family_news_list ul{
	text-align:center;
	width:95%;
	padding: 0 2% 0 3%;
}
.family_news_list ul li{
	display:inline-block; 
	float:left;
	width:33%;
	padding-top:10px;
}
.family_news_list ul li img{
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.family_news_list ul li p{
	padding-top: 5px;
}





/*===== 서브 008-01 성경 - 메인페이지 =====*/
.icon_bible_submenu_wrap {
	position: absolute;
	top: 50%;
    right: 4%;
    margin-top: -12px;
	overflow: hidden;
}
.icon_bible_submenu_wrap li {
	float: left;
	width: 25px;
	padding-left: 13px;
}
.icon_bible_submenu_wrap a{
	font-size: 0;
	color: #fff;
	text-indent: 99999px;
}
.icon_bible_submenu_wrap li img {
	width: 100%;
}
#bible_submenu_wrap {
	display: block;
	width: 100%;
	text-align: right;
    height: 100%;
    padding: 8.5px 0;
	background-color: #fff;
	border-bottom: 1px solid #d1d1d1;
}
#bible_submenu_wrap img {
	width: 12%;
	padding-right: 10px;
}
#bible_main_wrap {
	padding: 50px 10px;
	/* padding: 106px 10px; */   /* 서브메뉴 영역 있을 경우 */
}

#bible_main_wrap table {
  border-collapse: collapse;
  width: 100%;
}
#bible_main_wrap .old_testament th {
	color: #4660f5;
	font-family: 'NanumSquare', sans-serif !important;
	font-weight: 800 !important;
    font-size: 20px;
	text-align: left;
	letter-spacing: -1px;
	padding: 10px 20px 0;
}
#bible_main_wrap .old_testament td {
	text-align: center;
	padding: 8px 5px;
	background-color: #f5f7ff;
	border: 10px solid #fff;
	border-radius:25px;
	-webkit-border-radius:25px;
}

#bible_main_wrap .new_testament th {
	color: #980000;
	font-family: 'NanumSquare', sans-serif !important;
	font-weight: 800 !important;
    font-size: 20px;
	text-align: left;
	letter-spacing: -1px;
	padding: 10px 20px 0;
}
#bible_main_wrap .new_testament td {
	text-align: center;
	padding: 8px 5px;
	background-color: #fff8f8;
	border: 10px solid #fff;
	border-radius:25px;
	-webkit-border-radius:25px;
}

.bible_kor {
	display: inline-block;
	width: 90%;
	font-family: 'NanumSquare', sans-serif !important;
	font-weight: 400 !important;
	padding-bottom: 5px;
	border-bottom: 1px solid #d1d1d1;
}
.bible_eng {
	display: inline-block;
	width: 90%;
	font-family: 'NanumSquare', sans-serif !important;
	font-weight: 400 !important;
	padding-top: 5px;
	font-size: 87%;
}
.bible_kor1 {
	display: inline-block;
	width: 90%;
	padding-bottom: 5px;
	border-bottom: 1px solid #cbd4ff;
	font-family: 'NanumSquare', sans-serif !important;
	font-weight: 800 !important;  /* 21.06.18 수정 */
	/* font-weight: 400 !important; */
	color: #232e68;
}
.bible_eng1 {
	display: inline-block;
	width: 90%;
	padding-top: 5px;
	font-size: 87%;
	font-family: 'NanumSquare', sans-serif !important;
	font-weight: 700 !important;  /* 21.06.18 수정 */
	/* font-weight: 400 !important; */
	color: #232e68;
}
.bible_kor2 {
	display: inline-block;
	width: 90%;
	padding-bottom: 5px;
	border-bottom: 1px solid #ffc9c9;
	font-family: 'NanumSquare', sans-serif !important;
	font-weight: 800 !important;  /* 21.06.18 수정 */
	/* font-weight: 400 !important; */
	color: #652020;
    letter-spacing: -1.4px;
}
.bible_eng2 {
	display: inline-block;
	width: 90%;
	padding-top: 5px;
	font-size: 87%;
	font-family: 'NanumSquare', sans-serif !important;
	font-weight: 700 !important;  /* 21.06.18 수정 */
	/* font-weight: 400 !important; */
	color: #652020;
}




/*===== 서브 008-02 성경 - 본문 보기 페이지 =====*/
#topView{ 
	position:fixed; 
	/* height:130px;  */
	width:100%; 
	/* padding-top: 49px; */    /* 21.04.18 추가 */
	padding-top: 48px;    /* 21.05.28 추가 */
  }


.bible_title_area {
	position: relative;
	width: 100%;
    text-align: center;
    background-color: #d2bfa6;
    padding: 10px 0;
    overflow: hidden;
	font-size: 18px;
	font-weight: 700;
	color: #462905;
}
.btn_niv_view {
	position: absolute;
	top: 8px;
	left: 15px;   /* 21.04.25  일부 안드로이드폰 성경듣기 아이콘 겹침 문제로 우측에서 좌측으로 이동 */
	/* right: 10px; */
}
.btn_niv_view a{
	display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 700;
    color: #462905;
    background-color: #d2bfa6;
    border: 1px solid rgba(91,57,14,1);
    box-sizing: border-box;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}
.bible_select_area {
	position: relative;
	width: 100%;
	height: 40px;
    text-align: center;
    background-color: #efe5d9;
    overflow: hidden;
	font-size: 15px;
	font-weight: 500;
	color: #462905;
	z-index: 7;
}
.bible_prev {
	position:absolute; 
	left:15px; 
	top:6px;
}
.bible_prev img {
	width: 22px;
}
.bible_next {
	position:absolute;
	left:42px; 
	top:6px;
}
.bible_next img{
	width: 22px;
}
.bible_fontsize {
	position:absolute;
	left:70px;
	top:5px;
	font-size: 15px;
	font-weight: 700;
	color: #462905;
}
.bible_fontsize select {
    width: 85px;
    height: 30px;
    font-size: 13px;
    letter-spacing: -0.8px;
    background: url(../images/arr_down.png) no-repeat 90% 50%;
    background-color: #fff;
	background-size: 14px;  /* 21.05.11 수정 */
    /* background-size: 17%; */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid rgba(210,191,166,1);
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    padding-left: 10px;
    box-sizing: border-box;
	outline: none;
}
.bible_fontsize select::-ms-expand {
	display:none;
}
.bible_listen {
	position:absolute;
	right:53px;
	top:9px;
}
.bible_listen img {
	width: 29px;
}
.bible_select {
	position:absolute;
	right:10px;  /* 21.04.25  일부 안드로이드폰 성경듣기 아이콘 겹침 문제로 아래쪽에서 위쪽으로 이동 */
	/* right:45px; */
	top:8px;
	/* top:5px; */
}
.bible_select select {
    width: 65px;
    /* height: 30px; */
	padding: 4px 10px;
    font-size: 13px;
	font-weight: 700;
    letter-spacing: -0.8px;
	color: #462905;  /* 21.04.25 수정 */
	background: url(../images/arr_down_5b390e.png) no-repeat 85% 50%;  /* 21.04.25 수정 */
    /* background: url(../images/arr_down.png) no-repeat 85% 50%; */
    background-color: #d2bfa6;  /* 21.04.25 수정 */
	/* background-color: #fff; */
	background-size: 14px;  /* 21.05.11 수정 */
    /* background-size: 22%; */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid rgba(91,57,14,1);
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    padding-left: 10px;
    box-sizing: border-box;
}
.bible_select select::-ms-expand {
	display:none;
}
.bible_bookmark {
	position:absolute;
	right:15px;
	top:7px;
}
.bible_bookmark img {
	width: 22px;
}


/*===== 서브 008-02 성경 - 성경듣기 팝업 =====*/
#slideshow{
	position:fixed; 
	right: 0;
    left: 0;
/*	bottom: 15px; */
    margin-right: auto;
    margin-left: auto;
	height:120px; 
	bottom:-200px; 
	width:97%; 
	background-color: rgba( 239, 229, 217, 0.75 );  /* 21.04.26 수정 */
	/* background-color: rgba( 255, 255, 255, 1 ); */  /* 21.04.22 수정 */
	/* background-color: rgba( 54, 52, 52, 0.95 ); */
	border-radius: 10px;
	border: 1px solid rgba(206,191,168,0.95);  /* 21.04.22 추가 */
	/* background:#363434; 
	opacity: 0.9;  */
  }

#bible_header {
	position: fixed;
	width:100%;
}

#player {
	position: absolute;
	top: 0;
    width: 80%;
}

#close {
	width: 50px;
	height: 50px;
	line-height: 120px;
	position: absolute;
	top: 50px;
	right: -10px;
}

.buttons{
	text-align: center;
	padding-top: 10px;
}

.playpart{
	position: absolute;
	top: 38px;
	right: 20%;
}

.playpart_text{
	padding-top: 5px;
	font-size:14px;
	color:#c1c1c1;
}

/* .disstr{
	position: absolute;
	top: 92px;
	right: 21%;	
} */

.spt{position:absolute; left:10px; top:10px;}
.sdt{position:absolute; right:10px; top:10px;}

/* .back{
	position:absolute; right:0; top:-55px;
} */

.pre {
	position: absolute;
	top: 50px;
	left: 10px;
}

.play {
	position: absolute;
	top: 50px;
	left: 24%;
}

.next{
	position: absolute;
	top: 50px;
	right: 10px;
}

/*
.goplay{f
	position:absolute;
}

.gofstplay{
	position:absolute;
}
*/

/*	progress setting */
/*
progress {
    -webkit-writing-mode: horizontal-tb !important;
    -webkit-appearance: progress-bar;
    box-sizing: border-box;
    display: inline-block;
    height: 1em;
    width: 60%;
    vertical-align: -0.2em;
}

.progress_bar{
	text-align: center;
	padding-top: 7px;
	
}
*/
.pgb-wrapper {
   text-align: center;
	/*padding-top: 10px;*/
}


.html5-progress-bar {
	padding: 8px 8px;
	border-radius: 3px;
	/*background-color: #fff;*/
	/*box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, .2);*/
}
.html5-progress-bar progress {
	background-color: #fff;
	/* background-color: #f3f3f3; */
	border: 0;
	width: 70%;
	height: 11px;
	border-radius: 9px;
}
.html5-progress-bar progress::-webkit-progress-bar {
	background-color: #fff;
	/* background-color: #f3f3f3; */
	border-radius: 9px;
}
.html5-progress-bar progress::-webkit-progress-value {
	background: #0082ff;
	background: -moz-linear-gradient(top,  #0082ff 0%, #0078f5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0082ff), color-stop(100%,#0078f5));
	background: -webkit-linear-gradient(top,  #0082ff 0%,#0078f5 100%);
	background: -o-linear-gradient(top,  #0082ff 0%,#0078f5 100%);
	background: -ms-linear-gradient(top,  #0082ff 0%,#0078f5 100%);
	background: linear-gradient(to bottom,  #0082ff 0%,#0078f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0082ff', endColorstr='#0078f5',GradientType=0 );
	border-radius: 9px;
}
.html5-progress-bar progress::-moz-progress-bar {
	background: #0082ff;
	background: -moz-linear-gradient(top,  #0082ff 0%, #0078f5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0082ff), color-stop(100%,#0078f5));
	background: -webkit-linear-gradient(top,  #0082ff 0%,#0078f5 100%);
	background: -o-linear-gradient(top,  #0082ff 0%,#0078f5 100%);
	background: -ms-linear-gradient(top,  #0082ff 0%,#0078f5 100%);
	background: linear-gradient(to bottom,  #0082ff 0%,#0078f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0082ff', endColorstr='#0078f5',GradientType=0 );
	border-radius: 9px;
}



/*===== 서브 008-03-1 성경 - 성경 검색 메인(리스트)페이지 =====*/
#main {
/* 	width:98%;
	margin: 0 auto; */
}
#main_multi {
	width: 90%;
	height: 30px;
}
#main_header {
	width:100%;
	/* margin: 0 auto; */
	height: 40px;
	background-color:#ffffff;
	font-size:17px;  /* 21.04.20 수정 */
	/* font-size:20px; */
	line-height:40px;
	font-weight: bold;
	position: fixed;
	text-indent: 1em;
	border-bottom: solid 1px #ccc;
}
#main_multi_ctn {
	width: 100%;
	height: 100%;  /*300px;  외국어 하나 더 추가시 높이 늘어남*/
}
#themore {
	/* overflow: visible;
	position: fixed; */
	height: 40px;
	line-height:40px;
	font-size:17px;  /* 21.04.25 수정 */
	/* font-size:20px; */
	font-weight: bold;
	color: #462905;  /* 21.04.25 수정 */
	text-align:center;
	background: url(../images/arr_down_5b390e.png) no-repeat 58% 50%;  /* 21.04.25 추가 */
    background-color: #efe5d9;  /* 21.04.25 추가 */
	background-size: 15px;  /* 21.05.11 수정 */
    /* background-size: 5%; */  /* 21.04.25 추가 */
	text-indent: -5%;  /* 21.04.25 추가 */
}

.contents {
	/* height:30px; */
	padding:10px 15px;  /* 21.04.25 수정 */
	/* padding:10px; */
	border-bottom: solid 1px #CCCCCC;
	text-align: justify;  /* 21.04.25 추가 */
	font-size: 18px;  /* 21.04.25 추가 */
	line-height: 30px;  /* 21.04.25 추가 */
}



#bible_search_wrap {
    width: 100%;
}
#bible_search_area {
	position: relative;
    width: 100%;
    background-color: #d2bfa6;
    padding: 10px 0;
    overflow: hidden;
    color: #462905;
}
.bible_kind_select {
    position: absolute;
    top: 8px;
    left: 14px;
}
.bible_kind_select select {
    width: 80px;
    height: 28px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -0.8px;
    background: url(../images/arr_down.png) no-repeat 90% 50%;
    background-color: #fff;
	background-size: 13px;  /* 21.05.11 수정 */
    /* background-size: 17%; */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid rgba(210,191,166,1);
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    padding-left: 10px;
    box-sizing: border-box;
	outline:none !important;
}
.bible_kind_select select::-ms-expand {
	display:none;
}
.bible_search_box {
	margin: -2px 65px 12px 105px;
	overflow: hidden;
}
.bible_search_box input {
    width: 100%;
    height: 28px;
    border: 1px solid rgba(210,191,166,1);
    color: #555;
    font-size: 17px;
	text-align: left;
    padding: 0 8%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    box-sizing: border-box;
}
.bible_search_box input:focus {
    outline:none !important;
}

.bible_search_box a {
    position: absolute;
    right: 12px;
    top: -2px;
    color: #fff;
	margin-top: 10px;
    padding: 4px 10px;
    background-color: #462905;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}


/*===== 서브 008-03-2 성경 - 성경 검색 내용 페이지 =====*/
#box_area ul li {
	/* float:left; */
}

#search_header {
	width:100%;
	/* height:70px; */
	/* background:url('../images/bible/bible_sub_top_bg_480.png'); */
	position:fixed; 
}

#box_area {
	width: 100%;
	font-size:16px;
	font-weight: bold;
	/* line-height:35px; */
}
.box_txt {
	/* line-height:35px; */
	text-align:center;
	width: 92%;   /* 21.04.25 추가 */
	background-color: #d2bfa6;   /* 21.04.25 추가 */
	padding: 10px 4%;   /* 21.04.25 추가 */
	color: #fff;  /* 21.04.25 추가 */
	font-size:18px;
}
#box_area li.box_size {
	/* float:right; */
	/* padding:5px; */
	/* line-height:35px; */
	text-align: right;
	background-color: #efe5d9;   /* 21.04.25 추가 */
	padding: 5px 15px 5px 0;   /* 21.04.25 추가 */
}
#box_area li.box_size select {
	width: 85px;
    height: 27px;
    font-size: 13px;
    letter-spacing: -0.8px;
    background: url(../images/arr_down.png) no-repeat 87% 50%;
    background-color: #fff;
	background-size: 13px;  /* 21.05.11 수정 */
    /* background-size: 17%; */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid rgba(210,191,166,1);
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    padding-left: 10px;
    box-sizing: border-box;
	outline: none;
}
#box_area li.box_size select::-ms-expand {
	display:none;
}

/* 21.04.25 추가 */
.search_keyword {
	color: #620900;
	padding-right: 3px;
}
.search_keyword2 {
	color: #960e00;
	font-weight: 600;
}
.txt_chapter {
	color: #620900;
	font-weight: 600;
	padding-right: 7px;
}



/*===== 서브 008-05 성경 - 성경 북마크 페이지 =====*/
/* 통합검색 수정 */  /* 21.04.21 */
.total_search2 {
	position: fixed;
	width: 100%;
	padding-top: 49px;
	overflow: hidden;    
}
.total_search2 ul{

}
.total_search2 li{

}
.total_search2 .gray_bar{
	padding:8px 0px 8px 15px; 
	background-color: #eeeeee;
	border-bottom:solid 1px #c6c6c6;
}
.total_search2 .title{
	font-size:16px; 
	background-color: #eeeeee;
	height:30px;
	width:80%;
}
.total_search2 .txt{
	padding:14px;
	font-size:14px;
}

.noSearch_txt{
	padding:14px;
	font-size:14px;
	text-align: center;
}
.total_search2 .day { 
	font-size:12px; 
	display:inline-block;
	padding-left:22px; 
	padding-bottom:6px;
}
.total_search2 .del_bookmark { 
	float: right;
}
.total_search2 .del_bookmark a { 
	color: #ec4d3d;
    padding: 5px 12px;
    background-color: #fff;
	border: 1px solid rgba(236,77,61,1);
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}
.search_line2 { 
	width: 100%;
	height: 1px;
	border-bottom:solid 1px #c6c6c6;
}



/*===== 서브 008-06 성경 - 성경 설정 페이지 =====*/
#bible_setting {
	display: block;
	width: 100%;
    padding-top: 48px;
	text-align: center;
}
.bible_setting_title {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: #363434;
	padding: 10px 0;
	background-color: #eee;
}
.font_setting_area {
	margin-top: 20px;
}
.font_setting_area label {
	margin-right: 5px;
}
.font_setting_area label:last-child {
	margin-right: 0;
}

.box-radio-input input[type="radio"]{
  display:none;
}

.box-radio-input input[type="radio"] + span{
  display:inline-block;
  background:none;
  border:1px solid #dfdfdf;  
  padding:0px 10px;
  text-align:center;
  height:35px;
  line-height:33px;
  font-weight:500;
  cursor:pointer;
}
.box-radio-input input[type="radio"]:checked + span{
	border:1px solid #363434;  
	background:#363434;
	color:#fff;
	font-weight:700;
}
.font_setting_cfm {
	margin-top: 60px;
}
.font_setting_cfm a{
	font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    background: #4660f5;
    box-sizing: border-box;
    padding: 15px 85px 16px ;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}
	




/*===== 서브 009 찬양 - 리스트 =====*/
#praise_wrap {
	width: 100%;
	margin: 0 auto;
}
#search_wrap {
	z-index: 9;
	margin-top: -5px;
}
.praise_search_wrap{
	width: 100%;
	height: 47px;
	line-height: 45px;
	background-color: #eceff8;
	border-bottom: 1px solid #000;
	overflow: hidden;
	z-index: 10;
}
.praise_search_title {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	padding-top: 2px;
	padding-left: 14px;
}
#select_box7 {
	float: right;
	margin-top: 1px;
}
#select_box7 span {
	display: inline-block;
}
#select_box7 select {
	width: 155px;
	height: 28px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.8px;
	background: url(../images/arr_down.png) no-repeat 90% 50%;
	background-size: 14px;  /* 21.05.11 수정 */
	/* background-size: 11%; */
	background-color: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid rgba(70,96,245,0.6);
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	padding-left: 10px;
	margin-right: 14px;
	box-sizing: border-box;
	overflow: hidden;
	outline: none !important;
}
#select_box7 select::-ms-expand {
	display:none;
}
.vod_wrap{
	display: block; 
}
.vod_wrap img {
	width: 100%;
}
.praise_area {
	display: block;
	padding-top: 320px;
}
.praise_list{
	width:100%;
}
.praise_list li{
	border-bottom: solid 1px #d1d1d1;
    padding: 10px 10px 8px 14px;
    overflow: hidden;
    position: relative;
}
.praise_list img{
	display:block;
	float:left; 
	vertical-align:text-top;
	margin-top:4px; 
	margin-bottom:4px;
}
.praise_list_title {
	display:block; 
	width: 70%;
	font-size:19px;
	overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.praise_list_day {
	display:block; 
	width:55%; 
	color: #555;
	/* margin-top:5px; */
    font-size: 12px;
	overflow: hidden;
}
.praise_icon_area {
	
}
.praise_icon {
	position: absolute;
	top:15px;
	right:14px;
	width: 22px;
	height: 22px;
	font-size: 0;
	color: rgba(0,0,0,0);
	text-indent: -99999999px;
}



/*===== 000-2-1 설정 메인 페이지 =====*/
#setting_body {
	background-color:#eceff8;
}
.setting_wrap {
	padding-top: 80px;
}
.setting_wrap ul {
	overflow: hidden;
}
.setting_wrap ul li {
	padding:0 20px 10px;	
}
.setting_wrap ul li:last-child {
	padding-bottom:0;	
}
.setting_box {
	width:100%; 
	height:58px;
	background-color:#fff; 
	border: 1px solid rgba(70,96,245,0.6);
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}
.setting_box2 {
	width:100%; 
	height:58px;
	background-color:#6a7ff7; 
	border: 1px solid rgba(70,96,245,0.6);
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}
.setting_title2{
	position:relative;
	top:18px;
	left:25px;
	font-size:18px;
	font-weight:bold; 	
}
.setting_icon2{
	float:right;
	position:relative;
	top:18px; 
	right:25px;
}

.setting_title3{
	position:relative;
	top:18px;
	left:25px;
	font-size:18px;
	font-weight:bold; 	
	color: #6a7ff7;
}

.setting_title4{
	position:relative;
	top:18px;
	left:25px;
	font-size:18px;
	font-weight:bold; 	
	color: #fff;
}

/*===== 000-2-2 설정 - PUSH 설정 페이지 =====*/
.setting_push_wrap {
	padding: 49px 20px 0;
}

.setting_push_title {
	display: block;
	width: 100%;
	text-align: left;
	font-size: 18px;
	font-weight: 700;
	color: #363434;
	padding: 20px 0;
}
.setting_push_title img {
	height: 20px;
	vertical-align: middle;
	margin-top: -5px;
	padding-right: 5px;
}
.setting_push_title p {
	padding-top: 10px;
	padding-left: 25px;
	font-size: 15px;
}
.setting_push_area {

}
.setting_push_box {
	background-color:#fff; 
	width:100%;
	border: 1px solid rgba(185,205,221,0.85);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.setting_push_box p:last-child {
	border-bottom:none !important;
}

.setting_push_style {
	margin-top:10px;
	height:30px; 
	border-bottom:1px solid rgba(185,205,221,0.85);
	font-size:16px;
}

.setting_push_style input {
	-webkit-appearance:none;
	float: right;
    width: 21px;
    height: 21px;
	border:1px solid rgba(70,96,245,0.75);
	border-radius:50%;
	outline:none;
	background:#fff;
	vertical-align:middle;
	margin-right: 15px;
	cursor: pointer;
}

.setting_push_style input:before {
    content:'';
    display:block;
    width:100%;
    height:100%;
    margin: 0 auto;  
    border-radius:50%;
}

.setting_push_style input:checked:before  {
	background:url(../images/icon_check.png) #4660f5 no-repeat center/19px 19px;
    /* background:#455ff5; */
}


.setting_push_style_2line {
	margin-top:10px;
	height:55px; 
	line-height:23px; 
	border-bottom:1px solid rgba(185,205,221,0.85);
	font-size:16px;
}

.setting_push_style_2line input {
	-webkit-appearance:none;
	float: right;
    width: 21px;
    height: 21px;
	border:1px solid rgba(70,96,245,0.75);
	border-radius:50%;
	outline:none;
	background:#fff;
	vertical-align:middle;
	margin-right: 15px;
	cursor: pointer;
}

.setting_push_style_2line input:before {
    content:'';
    display:block;
    width:100%;
    height:100%;
    margin: 0 auto;  
    border-radius:50%;
}

.setting_push_style_2line input:checked:before  {
	background:url(../images/icon_check.png) #4660f5 no-repeat center/19px 19px;
    /* background:#455ff5; */
}




.step_dot2 {
	font-size: 30px;
	color: #455ff5;
	line-height: 0;
	position: relative;
	top: 5px;
	left: 15px;
	padding-right: 20px;
}
.setting_push_cfm {
	margin-top: 40px;
	text-align: center;
}
.setting_push_cfm a{
	font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    background: #4660f5;
    box-sizing: border-box;
    padding: 15px 85px 16px ;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}



/*===== 000-2-3 설정 - 3G 설정 페이지 =====*/
.setting_3G_wrap {
	padding: 49px 20px 0;
}
.setting_3G_title {
	display: block;
	width: 100%;
	text-align: left;
	font-size: 18px;
	font-weight: 700;
	color: #363434;
	padding: 20px 0;
}
.setting_3G_title img {
	height: 20px;
	vertical-align: middle;
	margin-top: -5px;
	padding-right: 5px;
}
.setting_3G_title p {
	padding: 10px 20px 0 25px;
	font-size: 15px;
	font-weight: 500;
	text-align: justify;
}
.setting_3G_box {
	margin: 15px 0 10px;
	height:45px;
	background-color:#fff; 
	border: 1px solid rgba(70,96,245,0.6);
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	overflow: hidden;
	position:relative;
}
.setting_3G_box input {
	-webkit-appearance:none;
	position: absolute;
    top: 30%;
    left: 20px;
    width: 21px;
    height: 21px;
	border:1px solid rgba(70,96,245,0.75);
	border-radius:50%;
	outline:none;
	background:#fff;
	cursor: pointer;
}

.setting_3G_box input:before {
    content:'';
    display:block;
    width:100%;
    height:100%;
    margin: 0 auto;  
    border-radius:50%;
}

.setting_3G_box input:checked:before  {
	background:url(../images/icon_check.png) #4660f5 no-repeat center/19px 19px;
}
.setting_3G_box .setting_3G_box_text {
	float: right;
	font-size:18px;
	font-weight:bold; 	
	line-height: 35px;
    padding-right: 10px;
}

/*===== 000-2-4 설정 - 순복음가족신문 PDF 설정 페이지 =====*/
.setting_fm_delete_wrap {
	padding: 49px 20px 0;
}
.setting_fm_delete_title {
	display: block;
	width: 100%;
	text-align: left;
	font-size: 18px;
	font-weight: 700;
	color: #363434;
	padding: 20px 0;
}
.setting_fm_delete_title img {
	height: 20px;
	vertical-align: middle;
	margin-top: -5px;
	padding-right: 5px;
}
.setting_fm_delete_title p {
	padding: 10px 20px 0 25px;
	font-size: 15px;
	text-align: justify;
}
.setting_fm_delete_cfm {
	margin-top: 40px;
	text-align: center;
}
.setting_fm_delete_cfm a{
	font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    background: #4660f5;
    box-sizing: border-box;
    padding: 15px 85px 16px ;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}



/*===== 000-2-5 설정 - 고객센터 설정 페이지 =====*/
.setting_customer_wrap {
	padding: 49px 20px 0;
}
.setting_customer_title {
	display: block;
	width: 100%;
	text-align: left;
	font-size: 18px;
	font-weight: 700;
	color: #363434;
	padding: 20px 0;
}
.setting_customer_title img {
	height: 20px;
	vertical-align: middle;
	margin-top: -5px;
	padding-right: 5px;
}
.setting_customer_sub_title {
	padding-left: 25px;
	font-size: 16px;
	font-weight: 800;
	color: rgba(70,96,245,1);
}
.customer_tel_box {
    margin: 8px 20px 30px;
}
.customer_tel_box_style {
	width:100%; 
	height:48px;
	background-color:#fff; 
	border: 1px solid rgba(70,96,245,0.6);
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}
.customer_tel_box_style p {
    margin-top: 10px;
    height: 38px;
    font-size: 20px;
	line-height: 24px;
}
.customer_tel_box_style img {
	margin: -2px 20px 0 8px;
	height:32px;
}
.customer_tel_box_style span {
	font-family: 'NanumSquare', sans-serif !important;
	font-weight: 500 !important;
}


/*===== 000-2-6 설정 - 이용약관 설정 페이지 =====*/
.setting_use_wrap {
	padding: 49px 20px 0;
}
.setting_use_title img {
	height: 20px;
	vertical-align: middle;
	margin-top: -5px;
	padding-right: 5px;
}
.setting_use_title {
	display: block;
	width: 100%;
	text-align: left;
	font-size: 18px;
	font-weight: 700;
	color: #363434;
	padding: 20px 0;
}
.setting_use_box_style{
	width:100%;
	height:auto;
	background-color:#fff; 
	border: 1px solid rgba(185,205,221,0.85);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin-bottom: 30px;
}
.setting_use_box_style p{
	margin: 10px 15px;
	font-size:15px; 
	line-height:20px;
	text-align: justify;
	word-break: break-all;
}


/*===== 000-2-7  - 메세지 알림 목록 패이지 =====*/
.push_listview_wrap {
	padding: 49px 20px 0;
}
.push_listview_desc {
	padding-top: 20px;
    font-size: 14px;
}
.push_listview_area {
	margin: 20px auto 50px;
}
.push_listview_area p {
	padding-bottom: 10px;
}
.push_listview_box {
	background-color:#fff; 
	width:100%;
	border: 1px solid rgba(185,205,221,0.85);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-sizing: border-box;	
}
.push_listview_box p:last-child {
	border-bottom:none !important;
}

.push_listview_style {
	padding: 10px 10px 10px;
	border-bottom:1px solid rgba(185,205,221,0.85);
	font-size:16px;
	line-height: 24px;
	word-break: keep-all;
}
.push_date {
	margin-left: 5px;
	font-size: 13px;
	color: gray;
}
.step_dot3 {
	font-size: 30px;
	color: #455ff5;
	line-height: 0;
	position: relative;
	top: 5px;
	padding-right: 5px;
}


/* 000-4-1 통합검색 - 메인 */
.search_main_category_wrap{
	width: 100%;
	background-color: #efefef;
    border-bottom: solid 1px #c6c6c6;
	overflow: hidden;
	padding-top: 49px;
	overflow: hidden;
	position: fixed;
	z-index: 9;
}
.search_main_category ul{
	display: inline-block;
	width: 92%;
	padding: 9px 14px;
	overflow: hidden;
}
#search_main_category {
	display: inline;
    position: relative;
    top: 8px;
    left: 14px;
}
#search_main_category select {
	width: 120px;
    height: 28px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.8px;
    background: url(../images/arr_down.png) no-repeat 90% 50%;
    background-color: #fff;
	background-size: 14px; /* 21.05.11 수정 */
    /* background-size: 13%; */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid rgba(53,53,53,0.5);
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    padding-left: 10px;
    box-sizing: border-box;
}
#search_main_category select::-ms-expand {
	display:none;
}
#input_area2 {
	margin: -20px 65px 12px 150px;
	overflow: hidden;
}
#input_area2 input {
	width:100%; 
	height: 28px;
	border:1px solid #b1b1b1; 
	color:#555; 
	font-size: 16px;
	padding: 0 12%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	box-sizing: border-box;
}
#input_area2 input:focus {
	outline:none !important;
}
#input_area2 a {
	margin-top: 10px;
    position: absolute;
    right: 12px;
    top: 48px;
    color: #fff;
    padding: 4px 10px;
    background-color: #4660f5;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
}
.search_result_no2 {
	padding-top: 120px;
    padding-bottom: 20px;
    border-bottom: solid 1px #cfcfcf;
	font-size: 16px;
	text-align: center;
}

.integrated_search_list_wrap {
	width: 100%;
	padding-top: 98px;
}
.integrated_search_list_wrap ul {
	overflow: hidden;
}
.integrated_search_list_wrap ul li {
	
}
.main_category_box {
	padding: 10px 20px;
    background-color: #eceff8;
    border-bottom: 1px solid rgba(185,205,221,0.85);
}
.category_icon {

}
.category_icon img{
	height: 20px;
    vertical-align: middle;
    margin-top: -5px;
    padding-right: 5px;
}
.category_title {
	font-size: 17px;
	font-weight: 700;
}
.search_list_box {
	padding: 10px 15px 10px 20px;
	overflow: hidden;
	border-bottom: solid 1px #d1d1d1;
}
.search_list_category {
	padding-right: 5px;
}
.search_list_title1 {
	display: block;
	width: 80%;
	font-size: 15px;
    color: #000;
	padding-right: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
}
.search_list_title2 {
	display: block;
	width: 100%;
	font-size: 15px;
    color: #000;
	padding-right: 50px;
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  */ 
}
.search_list_title3 {
	display: block;
	width: 100%;
	font-size: 15px;
    color: #000;
	padding-right: 50px;
	text-align: justify;
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  */ 
}
.search_list_day {
	font-size: 12px;
    color: #000000;
    font-style: normal;
	padding-top: 5px;
}
.search_list_icon_area {
	float: right;
	margin-bottom: -5px;
}
.search_list_aod_play {
	padding-right: 5px;
}
.search_list_aod_play img{
	width: 22px;
}
.search_list_vod_play {
	
}
.search_list_vod_play img{
	width: 22px;
}
.btn_more_view {
	text-align: right;
	padding:10px 15px 11px 0px;
	border-bottom: solid 1px #d1d1d1;
	background-color: #c0c9e3;
}
.btn_more_view a{
	font-size:14px; 
	font-weight: 800; 
	text-align: right; 
    color: #4660f5;
    padding: 4px 10px;
    background-color: #fff;
	border: 1px solid rgba(70,96,245,0.6);
    box-sizing: border-box;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}
.txt_plus {
	font-size:18px; 
	font-weight: 700; 
	padding-left: 5px;
}


.btn_view_more {
	display: inline-block;
	position: absolute;	
	right: 0.8em;
}

.btn_view_more a{
	font-size:14px; 
	font-weight: 800; 
	text-align: right; 
    color: #4660f5;
    padding: 4px 10px;
    background-color: #fff;
	border: 1px solid rgba(70,96,245,0.6);
    box-sizing: border-box;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}


/*========== 맨위로 올라가기 버튼 ==========*/
.gotop {
position: fixed;
right: 10px;
bottom: 10px; 
border-radius: 10%;
width: 44px;
height: 44px;
background-color: #fff;
transition-duration: 0.15s;
z-index: 15;   /* 다른 컨텐츠에 가리는 문제로 21.07.29 수정 */
/* z-index: 1;  */
box-shadow: 0px 0px 8px rgba(0,0,0,0.4); 
border: 1px solid #4660f5;
overflow: hidden; 
opacity: 0.8;
}
.gotop p {
color: #4660f5; 
display: block; 
width: 100%;
height: 100%;
font-size: 15px;
line-height: 50px;
text-align: center;
font-weight: bold; 
background: url(../images/icon_top_arrow.png) no-repeat center 6px;
background-size: 11px; cursor: pointer
}
.gotop.on {opacity: 0.8;}





/*========== 페이징 ==========*/
.number_ver2{
	text-align:center;
	height:44px;
	padding-top:10px;
	padding-bottom:30px;
	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;
	color: #353535;
}
.number_ver2 p{
	font-size: 15px;
	letter-spacing: -0.75px !important;
}
.number_ver2 strong {
	border: 1px solid rgba(70, 96, 245, 1);
	margin-left:2px; 
	margin-right:2px; 
	padding:6px 8px 0px 8px; 
	/* padding:6px 10px 0px 10px;  */
	display:inline-block;
	background: #ffffff; 
	height: 31px; 
	/* height: 24px;  */
	overflow: hidden; 
	color:#4660f5;
	box-sizing: border-box;
	font-weight: 800  !important;
}
.number_ver2 span {
	border: 1px solid rgba(53, 53, 53, 0.5);
	margin-right:2px;
	margin-left:2px; 
	padding:6px 8px 0px 8px; 
	/* padding:6px 10px 0px 10px;  */
	display:inline-block; 
	background: #ffffff; 
	height: 31px; 
	/* height: 24px;  */
	overflow: hidden;
	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;
	font-weight: 400  !important;
	color: #353535;
	box-sizing: border-box;
}
.number_ver2 .btn_arr_st{
	padding: 6px 6px 0;
}
.number_ver2 .btn_arr_st2{
	padding: 6px 3px 0;
}
.number_ver2  .btn_arr_st img{
	/* width: 9px; */
	/* width: 45%; */
	height: 15px;
	margin-top: 1px;
	padding: 0 4px;
}
.number_ver2  .btn_arr_st2 img{
	/* width: 9px; */
	/* width: 45%; */
	height: 15px;
	margin-top: 1px;
	padding: 0 4px;
}



/*========== 맨위로 올라가기 버튼2 ==========*/
.top_btn{
	float: right;
	margin-right: 20px;
	margin-bottom: 20px;
	border-radius: 10%;
	width: 44px;
	height: 44px;
	background-color: #fff;
	border: 1px solid #4660f5;
	overflow: hidden; 
}
.top_btn_txt {
	color: #4660f5; 
	display: block; 
	width: 100%;
	height: 100%;
	font-size: 15px;
	line-height: 50px;
	text-align: center;
	font-weight: bold; 
	background: url(../images/icon_top_arrow.png) no-repeat center 6px;
	background-size: 11px; cursor: pointer
}









/*===== 모바일앱 및 모바일웹 교회소개 =====*/   /* 21.07.06~ */

#slide {
	width:100%;
	height:100%;
	/* height:399px; */
	margin:0 auto;
	/* padding-top: 48px; */
	position:relative;
	overflow:hidden;
	left:0px;
}
#slide #ul {
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
}
#slide #ul #li {
	float:left;
	width:100%;
	height:100%;
	font-size:14px;
}

.update_prev {
    position: fixed;
    text-align: left;
    left: 0px;
    top: 50%;
}
.update_prev img {
    height: 91px;
}
.update_next {
    position:  fixed;
    text-align: right;
    right: 0px;
    top: 50%;
}
.update_next img {
    height: 91px;
}

#update {
	background:url(../images/main/update_bg.gif) repeat-x;
	height:28px;
	text-align:center;
	border-top:solid 1px #000000;
}
#update .update_title {
	color:#FFFFFF;
	font-size:14px;
	letter-spacing:-1px;
	width:auto;
	padding-top:5px;
}
#contents .slide {
    text-align: center;
    height: 30px;
    margin-top: 12px;
}
#contents {
	height:auto;
	background:#fff;
	padding-top: 48px;
}
#contents .contents_img {
	display:inline;
	margin:9px 8px 0px 15px;
	float:left;
}
#contents .contents_img img {
	width:150px;
	height:87px;
}
#contents .contents_img_backup {
	display:inline;
	margin:9px 8px 0px 15px;
	float:left;
}
#contents .contents_img img_backup {
	width:150px;
}
#contents .contents_text {
	font-size:13px;
	color:383e3d;
	display:inline;
	margin:5px 0px 0px 0px;
}
#contents .contents_txt_2 {
	font-size:14px;
	letter-spacing:-1px;
	padding-top:12px;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-left:12px;
	padding-right:8px;
}
#contents .contents_txt {
	font-size:13px;
	letter-spacing:-1px;
	padding-top:12px;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-right:4px;
}
.contents_txt {
	font-size:13px;
	letter-spacing:-1px;
	padding-top:12px;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-right:4px;
	height:200px;
}
#contents .contents_txt_3 {
	font-size:14px;
	letter-spacing:-1px;
	padding-top:11px;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-right:4px;
	line-height:20px;
}
#contents .contents_txt_4 {
	width:65%;
	font-size:15px;
	letter-spacing:-1px;
	padding-top:15px;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding-right:4px;
	line-height:20px;
}
#contents .contents_txt_5 {
	width:65%;
	height:40px;
height:font-size:15px;
	letter-spacing:-1px;
	padding-right:4px;
	line-height:20px;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-top:8px;
}
#contents .date {
	text-align: right;
	display: inline;
	float: right;
	padding:10px 12px 0px 0px;
}

#contents2 {
	/* height:auto; */
	width:100%;
	background:#fff;
	padding-top: 85px;
}

.contents_icon {
	height:400px;
	background:url(../images_ipad/main/icon_bg2.gif) repeat-x;
	text-align:center;
}
.contents_icon_wrap {
	margin-left:10px;
	height:400px;
	margin-right:10px;
}
.contents_icon_wrap ul {
	text-align:center;
	padding-top:10px;
	width:100%;
}
.contents_icon_wrap li {
	display:inline;
	float:left;
	width:20%;
	padding:20px 0px 0px 0px;
}


.contents_icon_wrap img {
	height:100px;
}
.contents_list {
}
.contents_list ul {
}
.contents_list li {
	height:32px;
	background-color: #FFFFFF;
	padding:4px 0px 0px 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	background-color: #FFFFFF;
}
.contents_list .txt1 {
	font-size: 15px;
	font-weight: bold;
	width:175px;
	float: left;
}
.contents_list .txt2 {
	font-size: 14px;
	overflow:hidden;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.contents_list .txt2 span {
	padding:0px 2px
}
.contents_list .txt3 {
	font-size: 15px;
	font-weight: bold;
	width:130px;
	float: left;
}
.contents_list .txt4 {
	font-size: 14px;
	overflow:hidden;
	text-overflow:ellipsis;
}
.contents_list .txt4 span {
	padding:0px 2px
}
.contents_list .txt5 {
	font-size: 14px;
	overflow:hidden;
	text-overflow:ellipsis;
	width:100%;
}
.contents_list .txt5 span {
	padding:0px 2px
}
.contents_list .title {
	color: #cccccc;
	padding:0px 2px;
	font-size: 11px;
}


.search_style {
	border-bottom:solid 1px #212121;
	border-top:solid 1px #212121;
	border-right:solid 1px #212121;
	border-left:solid 1px #212121;
	-webkit-border-radius:4px;
	position:absolute;
	top:16px;
	left:220px;
	height:36px;
	right:46px;
	background-color:#FFF;
}
.search_btn_wrap {
	position:absolute;
	text-align:right;
	right:0px;
	top: 0px;
}
.slide STRONG {
	BORDER-BOTTOM: #676968 1px solid;
	BORDER-LEFT: #676968 1px solid;
	TEXT-INDENT: -1000em;
	MARGIN: 0px 6px;
	WIDTH: 4px;
	DISPLAY: inline-block;
	BACKGROUND: #2b2b2b;
	HEIGHT: 4px;
	OVERFLOW: hidden;
	BORDER-TOP: #676968 1px solid;
	BORDER-RIGHT: #676968 1px solid;
	-webkit-border-radius: 5px
}
.slide SPAN {
	BORDER-BOTTOM: #b2b3b2 1px solid;
	BORDER-LEFT: #b2b3b2 1px solid;
	TEXT-INDENT: -1000em;
	MARGIN: 0px 6px;
	WIDTH: 4px;
	DISPLAY: inline-block;
	BACKGROUND: #cacaca;
	HEIGHT: 4px;
	OVERFLOW: hidden;
	BORDER-TOP: #b2b3b2 1px solid;
	BORDER-RIGHT: #b2b3b2 1px solid;
	-webkit-border-radius: 5px
}

/* 버전2 최근집회설교 버전 시작*/
.slide STRONG_v2 {
	BORDER-BOTTOM: #676968 1px solid;
	BORDER-LEFT: #676968 1px solid;
	TEXT-INDENT: -1000em;
	MARGIN: 0px 6px;
	WIDTH: 4px;
	DISPLAY: inline-block;
	BACKGROUND: #2b2b2b;
	HEIGHT: 4px;
	OVERFLOW: hidden;
	BORDER-TOP: #676968 1px solid;
	BORDER-RIGHT: #676968 1px solid;
	-webkit-border-radius: 5px
}
.slide SPAN_v2 {
	BORDER-BOTTOM: #b2b3b2 1px solid;
	BORDER-LEFT: #b2b3b2 1px solid;
	TEXT-INDENT: -1000em;
	MARGIN: 0px 6px;
	WIDTH: 4px;
	DISPLAY: inline-block;
	BACKGROUND: #cacaca;
	HEIGHT: 4px;
	OVERFLOW: hidden;
	BORDER-TOP: #b2b3b2 1px solid;
	BORDER-RIGHT: #b2b3b2 1px solid;
	-webkit-border-radius: 5px
}
/* 버전2 최근집회설교 버전 끝*/

.main_sliding {
	text-align: center;
}
.main_sliding .txt1 {
	font-size: 15px;
	/* margin: 8px 0 3px; */
	padding: 9px 0 7px;
	font-weight: bold;
	border-bottom: 1px solid #d1d1d1;
	overflow: hidden;
	background-color: #fff;
	color: #949494;
	box-sizing: border-box;
}
.main_sliding .txt1 span{
	padding: 0 0 5px;
    font-weight: bold;
    color: #949494;
	letter-spacing: -0.8px;
}
.main_sliding .txt1 span.active {
	color: #455ff5 !important;
	letter-spacing: -0.8px;
    border-bottom: 3px solid #455ff5 !important;
}
.main_sliding .txt1 span+span {
	margin-left: 15px;
}
/* .main_sliding .txt1 {
	font-size: 13px;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 15px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	background-color: #FFFFFF;
	color: #666666;
}
.main_sliding .txt1 span {
	color: #cccccc;
} */
.main_sliding .blue {
	color:#1541a6
}
.main_sliding .txt2 {
	font-size: 12px;
	margin: 5px 0px 5px 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	background-color: #FFFFFF;
}
.main_default {
	height:105px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}
.main_default ul {
}
.main_default li {
	width:50%;
	height:105px;
	float: left;
	display: inline;
}
.main_pastor {
}
.main_pastor ul {
}
.main_pastor li {
	height:105px;
	width:100%;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}
.main_pastor img {
	display:inline;
	margin:9px 8px 0px 15px;
	float:left;
	width:150px;
}
.main_pastor img {
}
#contents .contents_text {
	font-size:13px;
	color:383e3d;
	display:inline;
	margin:5px 0px 0px 0px;
}
.contents_list {
}
.contents_list li {
	height:29px;
	padding-top:6px;
	background-color: #FFFFFF;
}



/* 교회소개 서브메뉴 탭 */
.tab_nav_greeting{
	position: fixed; 
	margin-top: 48px;
	width: 100%;
	background-color: #fff;
	padding: 8px 0 3px;
	/* border-top: 1px solid #d1d1d1; */
	border-bottom: 1px solid #d1d1d1;
	overflow: hidden;
	z-index: 999999997;
}

.tab_nav_greeting dl{
	/* border-bottom: 1px solid #d1d1d1; */
	text-align:center;
}

.tab_nav_greeting dl dt{
	display: inline-block;
	margin-bottom: -3px;
}

.tab_nav_greeting dl dt a{
	display: inline-block; 
	padding: 0 0 5px;
	font-size: 15px;
	font-weight: bold; 
	letter-spacing: -0.8px;
	color: #949494;
}

.tab_nav_greeting dl dt+dt{  /* 여기서 메뉴와 메뉴 사이 간격을 조절합니다 */
	margin-left: 15px;
}

.tab_nav_greeting dl a.on{
	color: #0080db;
}

.tab_nav_greeting dl dt.on a{
	color: #455ff5;
}

.tab_nav_greeting dl dt.on{
	display: inline-block;
}

.tab_nav_greeting dl dt.on{
	border-bottom:3px solid #455ff5;
}

.tab_nav_greeting dl dt.active {
	display: inline-block;
	color: #455ff5;
	border-bottom:3px solid #455ff5;
}

.tab_nav_greeting dl dt.active a{
	display: inline-block;
	color: #455ff5;
}

.tab_nav_greeting dl dt.active a:hover{
	display: inline-block;
	color: #455ff5;
}


.tab_nav_greeting2{
	/* position: fixed; 
	margin-top: 48px; */
	width: 100%;
	background-color: #fff;
	padding: 8px 0 3px;
	/* border-top: 1px solid #d1d1d1; */
	border-bottom: 1px solid #d1d1d1;
	overflow: hidden;
	z-index: 999999997;
}

.tab_nav_greeting2 dl{
	/* border-bottom: 1px solid #d1d1d1; */
	text-align:center;
}

.tab_nav_greeting2 dl dt{
	display: inline-block;
	margin-bottom: -3px;
}

.tab_nav_greeting2 dl dt a{
	display: inline-block; 
	padding: 0 0 5px;
	font-size: 15px;
	font-weight: bold; 
	letter-spacing: -0.8px;
	color: #949494;
}

.tab_nav_greeting2 dl dt+dt{  /* 여기서 메뉴와 메뉴 사이 간격을 조절합니다 */
	margin-left: 15px;
}

.tab_nav_greeting2 dl a.on{
	color: #0080db;
}

.tab_nav_greeting2 dl dt.on a{
	color: #455ff5;
}

.tab_nav_greeting2 dl dt.on{
	display: inline-block;
}

.tab_nav_greeting2 dl dt.on{
	border-bottom:3px solid #455ff5;
}

.tab_nav_greeting2 dl dt.active {
	display: inline-block;
	color: #455ff5;
	border-bottom:3px solid #455ff5;
}

.tab_nav_greeting2 dl dt.active a{
	display: inline-block;
	color: #455ff5;
}

.tab_nav_greeting2 dl dt.active a:hover{
	display: inline-block;
	color: #455ff5;
}



/*===== 교회소개 - 연혁 =====*/     /* 21.07.06 */
.history_area {
	display: block;
	margin: 15px 20px;
    padding-bottom: 5px;
	border-bottom: 1px solid rgba(209,209,209,1);
}
.history_area ul {
	overflow: hidden;
	padding-bottom: 10px;
}
.history_area ul li {
	float: left;
}
.history_year {
	display: inline-block;
    padding: 3px 15px;
	font-size: 1.5em;
	font-weight: bold;
    color: #455ff5;
    text-align: center;
	line-height: 1.3em;
	margin-bottom: 10px;
	border: 1px solid rgba(70,96,245,0.6);
	border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
	box-sizing: border-box;
}
.history_date {
	width: 28%;  /* 24.01.14. 수정 */
	/* width: 18%; */
	padding-left: 2%;
	font-size: 1.12em;
	color: #6a80ff;
}
.history_contents {
	width: 70%;  /* 24.01.14. 수정 */
	/* width: 80%; */
	font-size: 1.12em;
	letter-spacing: -0.025em;
	word-break: keep-all;
}






/*========== 메인 상단 검색 팝업 2021.09 ==========*/
.overlay {
    /* background-color: rgba(0, 0, 0, 0.6); */
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 1;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}


/*===== 검색 팝업 =====*/
.overlay:target+.search_popup {
	top: 22.5%;  /* 이동을 멈췄을 때 최종 위치값 */
	opacity: 1;
	visibility: visible;
}

.search_popup {
	display: inline-block;
	background-color: #fff;
	width: 80%;
	height: 45px;
	left: 50%;
	opacity: 0;
	padding: 25px 25px 10px;
	position: fixed;
	text-align: left;
	top: 20%;  /* 이동을 시작했을 때 처음 위치값 */
	visibility: hidden;
	z-index: 100;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 0 10px rgba(55,90,180,1);
	-moz-box-shadow: 0 0 10px rgba(55,90,180,1);
	-ms-box-shadow: 0 0 10px rgba(55,90,180,1);
	-o-box-shadow: 0 0 10px rgba(55,90,180,1);
	box-shadow: 0 0 10px rgba(55,90,180,1);

	-webkit-transition: opacity .5s, top .5s;
	-moz-transition: opacity .5s, top .5s;
	-ms-transition: opacity .5s, top .5s;
	-o-transition: opacity .5s, top .5s;
	transition: opacity .5s, top .5s;

	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;  /* 21.05.23 추가 */
}

.search_popup .search_area2 {
	outline: none;
    border: solid 1px rgba(0,140,214,1);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    position: absolute;
    top: 17px;
    left: 15px;
    height: 45px;
    right: 15px;
    background-color: #FFF;
}
.search_popup input {
	position: absolute;
    width: 83%;
    padding: 0 10% 0 7%;
    outline: none;
	border: solid 1px rgba(0,140,214,1);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 0;
    height: 45px;
    background-color: #fff;
    font-size: 1.15em;
}
.search_popup .main_search_btn3 {
	width: 25px;
    height: 25px;
    position: absolute;
    z-index: 7;
    right: 33px;
    top: 27px;
}
.close3 {
	background-color: rgba(55,90,180, 1);
	height: 30px;
	line-height: 30px;
	position: absolute;
	right: -5px;
	text-align: center;
	text-decoration: none;
	top: -35px;
	width: 30px;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}
.close3:before {
	display: block;
	color: rgba(55,90,180, 1);
	content: "X"; 
	width: 100%;
	height: 100%;
	background:url(../images/main_2020/X_icon.png) no-repeat;
	background-size: 12px 12px;
	background-position: center;
	font-size: 0;
	/* text-shadow: 0 -1px rgba(0, 0, 0, 0.9); */
	text-indent: -9999px;
}
.close3:hover {
	background-color: rgba(200, 200, 200, 0.8);
}



/*===== 회원가입 팝업 22.08.23.추가 =====*/
.overlay:target+.join_popup {
	top: 15%;  /* 이동을 멈췄을 때 최종 위치값 */
	opacity: 1;
	visibility: visible;
}

.join_popup {
	display: inline-block;
	background-color: #fff;
	width: 38%;
	/* height: 20px; */
	left: 50%;
	margin-left: -10%;
	opacity: 0;
	padding: 15px 20px 13px;
	position: fixed;
	text-align: center;
	top: 0%;  /* 이동을 시작했을 때 처음 위치값 */
	visibility: hidden;
	z-index: 100;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 0 10px rgba(55,90,180,1);
	-moz-box-shadow: 0 0 10px rgba(55,90,180,1);
	-ms-box-shadow: 0 0 10px rgba(55,90,180,1);
	-o-box-shadow: 0 0 10px rgba(55,90,180,1);
	box-shadow: 0 0 10px rgba(55,90,180,1);

	-webkit-transition: opacity .5s, top .5s;
	-moz-transition: opacity .5s, top .5s;
	-ms-transition: opacity .5s, top .5s;
	-o-transition: opacity .5s, top .5s;
	transition: opacity .5s, top .5s;

	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;  /* 21.05.23 추가 */
}

.join_popup a {
	margin-right: 10px;
	padding-right: 10px;
	border-right:1px solid rgba(193,193,193,0.5);
}

.join_popup a:last-child {
	margin-right: 0px !important;
	padding-right: 0px !important;
	border-right: 0px !important;
}

.close4 {
	background-color: rgba(55,90,180, 1);
	width: 30px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	top: -16px;
	right: -15px;
	text-align: center;
	text-decoration: none;	

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}
.close4:before {
	display: block;
	color: rgba(55,90,180, 1);
	content: "X"; 
	width: 100%;
	height: 100%;
	background:url(../images/main_2020/X_icon.png) no-repeat;
	background-size: 15px 15px;
	background-position: center;
	font-size: 0;
	/* text-shadow: 0 -1px rgba(0, 0, 0, 0.9); */
	text-indent: -9999px;
}
.close4:hover {
	background-color: rgba(200, 200, 200, 0.8);
}



/* 교구버스 안내 추가 22.10.25~30. */
#bus_info_main_wrap {
	display: inline-block;
    width: 100%;
	height: auto;
    padding-top: 35px;
    text-align: center;
    box-sizing: border-box;
}

.bus_info_main_menu {
	width: 100%;
	height: auto;
	padding: 35px 20px 0;
    box-sizing: border-box;
}

.bus_info_main_menu > div:last-child {
	margin-bottom: 100px;
}

/* 해상도 300px 이상 375px 미만 - 스마트폰 */
@media (min-width:300px) and (max-width:374px)  {
	.bus_info_main_box {
		padding: 16px 11px 14px 12px;
		background: #fff;
		border: 1px solid rgba(178,178,178,1);
		border-radius: 12px;
		-webkit-border-radius: 12px;
		margin-bottom: 10px;
		text-align: left;
	}

	.bus_info_subtitle {
		display: inline-block;
		font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;
		font-size: 15px;
		font-weight: 800;
		color: #0064ac;
		overflow: hidden;
	}

	.bus_info_view_btn_wrap {
		display: inline-block;
		float: right;
		margin-top: 1px;
	}

	.bus_info_view_img, .bus_info_view_hwp {
		padding: 5px 10px;
		font-size: 13px;
		font-weight: bold;
		background: #6dafde;
		color: #fff;
		border-radius: 25px;
		-webkit-border-radius: 25px;
	}
}

/* 해상도 375px 이상 */
@media (min-width:375px) {
	.bus_info_main_box {
		padding: 20px 13px 16px 15px;
		background: #fff;
		border: 1px solid rgba(178,178,178,1);
		border-radius: 12px;
		-webkit-border-radius: 12px;
		margin-bottom: 10px;
		text-align: left;
	}

	.bus_info_subtitle {
		display: inline-block;
		font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;
		font-size: 16px;
		font-weight: 800;
		color: #0064ac;
		overflow: hidden;
	}

	.bus_info_view_btn_wrap {
		display: inline-block;
		float: right;
		margin-top: 2px;
	}

	.bus_info_view_img, .bus_info_view_hwp {
		padding: 5px 10px;
		font-size: 14px;
		font-weight: bold;
		background: #6dafde;
		color: #fff;
		border-radius: 25px;
		-webkit-border-radius: 25px;
	}
}


.donate_notice_area_01 {
	display: block;
	padding: 15px 10% 15px;
	text-align: center;
}

.round_tab_01 {
	display: inline-block;
    padding: 7px 23px 8px;
    text-align: center;
	font-weight: bold;
    color: #fff;
    background: rgba(0,100,172,1);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    box-sizing: border-box;
    outline: none;
}






/*===== 담임목사님과 함께하는 사순절 사복음서 통독(2월 22일~4월 8일) =====*/
/*===== 하디 120주년 및 교회 창립 65주년 기념 오순절 성령강림대기도회(5월 12일~5월 30일) =====*/
.church_info_list_02 {
	display: block;
	width: 100%;
	overflow: hidden;	
	font-size: 19px !important;
	letter-spacing: -0.5px;
	font-family: 'Noto Sans KR', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif !important;
	padding: 10px 15px 90px;
	/* padding: 100px 15px 0px; */
	margin-bottom: -80px !important;
	text-align: left;
	box-sizing: border-box;
}

.church_info_list_02:last-child {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	border-bottom: 0 !important;
}

.church_info_list_title_02 {
	font-size: 17px;
	font-weight: 700;
	color: #0064ac;
	letter-spacing: -0.5px;
	margin-bottom: 10px;
	word-break: keep-all;
}

.church_info_list_contents_02 {
	font-size: 20px !important;
	line-height: 33px;
}

.radius_box_area_01{
	clear: both;
	display: block;
	width: 100%;
    margin: 10px auto 0;
	box-sizing: border-box;
}

.tblArea_07 { 
	border: 1px solid rgba(178,178,178,1);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	font-family: 'Noto Sans KR', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif !important;
	box-sizing: border-box;
	padding: 12px 15px 15px;
}

.tb_basic_07 { 
	border-collapse: collapse;
	width: 100%;
	transform: skew(-0.001deg); /* 웹 폰트 깨짐 현상 해결 */
}

.tb_basic_07 td {
	padding: 15px 0 15px;
	color: #171717; 
	font-family: 'Noto Sans KR', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif !important;
	font-size: 20px;
	font-weight: 400; 
	letter-spacing: -0.75px;
	vertical-align: middle;
	border-bottom: 1px solid rgba(178,178,178,1);
	border-right: 1px solid rgba(178,178,178,1);
	text-align: left;
	transform: skew(-0.001deg); /* 웹 폰트 깨짐 현상 해결 */
}

.tb_basic_07 tr:first-child td {
	padding-top: 0 !important;
}

.tb_basic_07 tr:last-child td {
	border-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.tb_basic_07 tr td:last-child {
	border-right: 0 !important;
}

.tb_basic_16 td {
	padding: 8px 5px;
	color: #171717; 
	font-family: 'Noto Sans KR', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif !important;
	font-size: 15px;
	font-weight: 400; 
	line-height: 23px;
	letter-spacing: -0.75px;
	vertical-align: middle;
	border-bottom: 1px solid rgba(178,178,178,1);
	border-right: 1px solid rgba(178,178,178,1);
	text-align: center !important;
}


.tb_basic_16 tr:last-child td {
    border-bottom: 0 !important;
    padding-top: 10px;
    padding-bottom: 0 !important;
}

.tb_basic_16 .td_first_line {
	padding: 0 5px 8px !important;
}

.tb_basic_16 .td_center_end {
	border-right: 0 !important;
	/* padding-left: 30px; */
}

.tb_basic_16 .td_center_end_2 {
	padding: 0 5px 8px !important;
	border-right: 0 !important;
}

.tb_basic_16 .td_center_title {
	border-right: 0 !important;
	padding: 0 0 10px !important;
	font-size: 16px !important;
}

.tb_basic_16 .td_last_left_1 {
	text-align: left !important;
	padding-left: 20px !important;
	border-right: 0 !important;
}

.tb_basic_16 .td_last_left_2 {
	text-align: left !important;
	border-right: 0 !important;
}

.tb_basic_16 .td_cener_box {
	padding: 0 10px 8px !important;
}

.tb_basic_16 .td_cener_end_box {
	padding: 10px 10px 0 !important;
}

.font_blue_01 {
	color: #0064ac !important;
}

.font_B {
	font-weight: 700 !important;
}



/* 사순절 사복음서 통독 계획표 */
#calendar_wrap {
	display: inline-block;
    width: 100%;
	height: auto;
    padding-top: 35px;
    text-align: center;
    box-sizing: border-box;
}

.calendar_area {
	width: 100%;
	height: auto;
	padding: 35px 20px 0;
    box-sizing: border-box;
}

.calendar_area > div:last-child {
	margin-bottom: 100px;
}

.calendar_day_on {
	padding: 10px 13px 8px 16px;
	background: rgba(255,255,255,1);
	border: 1px solid rgba(178,178,178,1);
	border-radius: 12px;
	-webkit-border-radius: 12px;
	margin-bottom: 10px;
	text-align: left;
	position: relative;
}

.calendar_day_off {
	padding: 10px 13px 8px 16px;
	background: rgba(182,182,182,0.15) !important;
	border: 1px solid rgba(178,178,178,1);
	border-radius: 12px;
	-webkit-border-radius: 12px;
	margin-bottom: 10px;
	text-align: left;
	position: relative;	
}

.calendar_day_off .calendar_text {
	color: rgba(23,23,23,0.5) !important;
}

.calendar_sunday {
	padding: 10px 13px 8px 16px;
	background: rgba(255,255,255,1);
	border: 1px solid rgba(212,61,92,0.5);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-bottom: 10px;
	text-align: left !important;
	position: relative;	
}

.btn_listen_bible {
	position: absolute;
	top: 25px;
	right: 20px;
}

.btn_listen_bible a {
	padding: 7px 13px 8px;
	font-size: 14px;
	font-weight: bold;
	background: #6dafde;
	color: #fff;
	border-radius: 25px;
	-webkit-border-radius: 25px;
}

.btn_listen_bible a img {
	vertical-align: middle;
	margin: -4px 0 0 5px;
}

.calendar_day_num_February {
	display: block;
	width: 65px;
	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;
	font-size: 14px;
	font-weight: 800;
	color: rgba(178,178,178,1);
	overflow: hidden;	
}

.calendar_day_num_March {
	display: block;
	width: 65px;
	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;
	font-size: 14px;
	font-weight: 800;
	color: rgba(19,172,0,0.35);
	overflow: hidden;	
}

.calendar_day_num_April {
	display: block;
	width: 65px;
	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;
	font-size: 14px;
	font-weight: 800;
	color: rgba(2,139,50,0.55);
	overflow: hidden;	
}

.calendar_day_num_red {
	display: block;
	width: 65px;
	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;
	font-size: 14px;
	font-weight: 800;
	color: rgba(212,61,92,0.5);
	overflow: hidden;	
}

.calendar_text {
	display: inline-block;
	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;
	font-size: 16px;
	font-weight: 800;
	color: rgba(23,23,23,1);
	overflow: hidden;	
}

.calendar_sunday_text {
	display: inline-block;
	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;
	font-size: 16px;
	font-weight: 800;
	color: rgba(212,61,92,0.55);
	overflow: hidden;	
}

.gab_line {
	display: inline-block;
	margin: 0 8px 0 6px !important;	
	font-size: 13px !important;
	font-weight: normal !important;
}


/*===== 서버장애 시 ======*/
#emergency_info_wrap {
	display: block;
	width: 100%;
	padding: 15px 0 0;
	box-sizing: border-box;
}

#emergency_info_area_ver1 {
    width: 100%;
    margin: 0 auto;
}

.error_comment {
    text-align: center;
    font-size: 17px;
    line-height: 28px;
	padding: 0 10px 15px;
}

#emergency_vod_wrap {
    display: block;
    width: 100%;
    margin: 0 auto;
}


/*=== 오시는 길 ===*/ 
#map_wrap {
	display: block;
	width: 100%;
    padding: 35px 0 50px;
	text-align: left;
}

#daumRoughmapContainer1728003704724 .root_daum_roughmap .section .title {
    color: #222 !important;
    display: block !important;
    font-size: 13px !important;
    line-height: 17px !important;
    margin-bottom: 8px !important;
	padding: 0 !important;
    text-align: left !important;
}

#map_wrap .map_contents {
    display: block;
    width: 100%;
    border-top: 1px solid #0064ac;
    border-bottom: 1px solid #888888;
    margin-top: 20px;
}

#map_wrap .map_contents td {
	text-decoration: none !important; 
}
#map_wrap .tb_basic2 {
	border-collapse: collapse;
	width: 100%;
}
#map_wrap .tb_basic2 th { 
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	padding: 8px;
	text-align: center;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	background-color: #fff;
}
#map_wrap .tb_basic2 th img {
	vertical-align: middle;
	margin-top: -2px;
}
#map_wrap .tb_basic2 span {
	display: inline-block;
}
#map_wrap .tb_basic2 td { 
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	padding: 10px;
	text-align: center;
	color: #555; 
	font-size: 14px;
	letter-spacing: -0.5px;
	line-height: 25px;
	background-color: #fff; 
	vertical-align: middle;
	/* word-break: keep-all;	 */
}

#map_wrap .tb_basic2 td:last-child { 
	border-right: 0 !important;
}

#map_wrap .tb_basic2 td a { 
	color: #555 !important;
}

.map_info {
	display: block;
	width: 90%;
	padding: 5%;
}

.map_info img {
	width: 100%;
	text-align: center;
}

/* 세로모드인 경우 이미지 적용 */
@media (orientation: portrait) {
	.device_portrait {
		display: block;
	}

	.device_landscape {
		display: none;
	}
}

/* 가로모드인 경우 이미지 적용 */
@media (orientation: landscape) {
	.device_portrait {
		display: none;
	}

	.device_landscape {
		display: block;
	}
}


.middot_01 {
    display: inline-block;
    width: 5px;
    height: 5px;
    background: url(../images/churchinfo_ver2/icon_middot_01.png) no-repeat center center;
    background-size: 5px 5px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -4px;
}

.arrow_right_01 {
    display: inline-block;
    width: 7px;
    height: 9px;
    background: url(../images/churchinfo_ver2/icon_arrow_right_01.png) center center;
    background-size: 7px 9px;
    margin: 0 7px;
	vertical-align: 1px;
}

.arrow_circulation_01 {
    display: inline-block;
    width: 25px;
    height: 9px;
    background: url(../images/churchinfo_ver2/icon_arrow_circulation_01.png) center center;
    background-size: 25px 9px;
    vertical-align: 2px;
    margin: 0 5px;
}

/* 모바일 세로 (해상도 ~ 479px)*/ 
@media all and (max-width:479px) {
	.r20_box_01 {
		display: inline-block;
		width: 100%;
		padding: 20px 20px 20px 15px;
		background: rgba(255, 255, 255, 1);
		border-radius: 20px;
		-webkit-border-radius: 20px;
		border: 1px solid rgba(178, 178, 178, 1);
		box-sizing: border-box;
		vertical-align: top;
		margin-bottom: 10px;
	}
}

/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px)*/ 
@media all and (min-width:480px) and (max-width:767px) {
	.r20_box_01:nth-child(1)  {
		display: inline-block;
		width: 48%;
		height: 205px;
		padding: 20px 20px 20px 15px;
		background: rgba(255, 255, 255, 1);
		border-radius: 20px;
		-webkit-border-radius: 20px;
		border: 1px solid rgba(178, 178, 178, 1);
		box-sizing: border-box;
		vertical-align: top;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.r20_box_01:nth-child(2)  {
		display: inline-block;
		width: 48%;
		height: 205px;
		padding: 20px 20px 20px 15px;
		background: rgba(255, 255, 255, 1);
		border-radius: 20px;
		-webkit-border-radius: 20px;
		border: 1px solid rgba(178, 178, 178, 1);
		box-sizing: border-box;
		vertical-align: top;
		margin-bottom: 10px;
	}

	.r20_box_01:nth-child(3)  {
		display: inline-block;
		width: 48%;
		height: 280px;
		padding: 20px 20px 20px 15px;
		background: rgba(255, 255, 255, 1);
		border-radius: 20px;
		-webkit-border-radius: 20px;
		border: 1px solid rgba(178, 178, 178, 1);
		box-sizing: border-box;
		vertical-align: top;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.r20_box_01:nth-child(4)  {
		display: inline-block;
		width: 48%;
		height: 280px;
		padding: 20px 20px 20px 15px;
		background: rgba(255, 255, 255, 1);
		border-radius: 20px;
		-webkit-border-radius: 20px;
		border: 1px solid rgba(178, 178, 178, 1);
		box-sizing: border-box;
		vertical-align: top;
		margin-bottom: 10px;
	}

	.r20_box_01:nth-child(5)  {
		display: inline-block;
		width: 98.5%;
		height: 260px;
		padding: 20px 20px 20px 15px;
		background: rgba(255, 255, 255, 1);
		border-radius: 20px;
		-webkit-border-radius: 20px;
		border: 1px solid rgba(178, 178, 178, 1);
		box-sizing: border-box;
		vertical-align: top;
	}
}

/* 테블릿 가로 (해상도 768px ~ )*/ 
@media all and (min-width:768px)  { 
	.r20_box_01:nth-child(1)  {
		display: inline-block;
		width: 48%;
		height: 205px;
		padding: 20px 20px 20px 15px;
		background: rgba(255, 255, 255, 1);
		border-radius: 20px;
		-webkit-border-radius: 20px;
		border: 1px solid rgba(178, 178, 178, 1);
		box-sizing: border-box;
		vertical-align: top;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.r20_box_01:nth-child(2)  {
		display: inline-block;
		width: 48%;
		height: 205px;
		padding: 20px 20px 20px 15px;
		background: rgba(255, 255, 255, 1);
		border-radius: 20px;
		-webkit-border-radius: 20px;
		border: 1px solid rgba(178, 178, 178, 1);
		box-sizing: border-box;
		vertical-align: top;
		margin-bottom: 10px;
	}

	.r20_box_01:nth-child(3)  {
		display: inline-block;
		width: 48%;
		height: 265px;
		padding: 20px 20px 20px 15px;
		background: rgba(255, 255, 255, 1);
		border-radius: 20px;
		-webkit-border-radius: 20px;
		border: 1px solid rgba(178, 178, 178, 1);
		box-sizing: border-box;
		vertical-align: top;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.r20_box_01:nth-child(4)  {
		display: inline-block;
		width: 48%;
		height: 265px;
		padding: 20px 20px 20px 15px;
		background: rgba(255, 255, 255, 1);
		border-radius: 20px;
		-webkit-border-radius: 20px;
		border: 1px solid rgba(178, 178, 178, 1);
		box-sizing: border-box;
		vertical-align: top;
		margin-bottom: 10px;
	}

	.r20_box_01:nth-child(5)  {
		display: inline-block;
		width: 98%;
		height: 265px;
		padding: 20px 20px 20px 15px;
		background: rgba(255, 255, 255, 1);
		border-radius: 20px;
		-webkit-border-radius: 20px;
		border: 1px solid rgba(178, 178, 178, 1);
		box-sizing: border-box;
		vertical-align: top;
	}
}

.r20_box_01 P {
	font-size: 15px;	
	line-height: 25px;
}

.bt_line_01 {
    display: block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid rgba(178, 178, 178, 1);
}

