@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;
 */


/* 공통 */
.pl5 {
	padding-left: 5px !important;
}
.pr5 {
	padding-right: 5px !important;
}


.mt0 {
	margin-top: 0px !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt35 {
	margin-top: 35px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mr5 {
	margin-right: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml35 {
	margin-left: 35px !important;
}

/* 내용과 내용 사이 구분 */
.gap_line_01 {
	display: block;
	margin: 15px auto;
	width: 90%;
	height: 1px;
	background: rgba(0,0,0,0.25);
}





/* 기존 버튼 하나 방식 */
/* 21.05.02 수정 */
.layer {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
}
.layer .bg {
	position:absolute; 
	top:0;
	left:0; 
	width:100%;
	height:100%;
	background:#000;
	opacity:.5;
	filter:alpha(opacity=50);
}
.layer .pop-layer {
	display:block;
}
.pop-layer {
	/*=== 생방송팝업 고도화(이미지에서 텍스트화) 22.11.03. ===*/
	display:none;
	position: absolute;
	top: 50%;
	left: 50%; 
	width: 290px !important;
	height:auto;

	background: #eceff8;
	border-radius: 25px 25px;
	-webkit-border-radius: 25px 25px;
	z-index: 10;


	/* display:none; 
	position: absolute;
	top: 50%; 
	left: 50%;
	width: 290px !important;
	height:268px;
	background-image: url(/images/main_2020/live_bg_ver2.png);
	z-index: 10; */
}

/*=== 생방송팝업 고도화(이미지에서 텍스트화) 22.11.03. ===*/
#livepop_wrap {
	display: block;
	text-align: center;
	padding: 21px 18px;
}
.live_info_eng {
	display: inline-block;
	padding: 2px 0 3px;
	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #597bf8;
	border-top: 1px solid rgba(89,123,248,0.65);
	border-bottom: 1px solid rgba(89,123,248,0.65);
}
.live_info_ko {
	display: block;
	margin: 8px 0;
	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;
	font-size: 40px;
	font-weight: 500;
	color: #597bf8;
}
.fEB {
	font-weight: 800;
}
#livetitle_container{
	display: block;
	text-align: center;
	background: #597bf8;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px 15px;

}
/* 생방송 타이틀 세로 중앙정렬 위해 추가 22.10.16. */
.layer #livetitle_wrap {
	width: 224px;
	height: 80px;

	overflow: hidden;
	box-sizing: border-box;

	/* 컨텐츠가 가변이더라도 li 높이 동일하게 구현하기 위해 */
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}

.layer #livetitle {
	width: 224px; 
	font-size: 20px; 
	color: #ffffff;
	font-weight: bold;
	/* position: absolute;
	top: 120px;
	left: 40px; */
	overflow: hidden;
	text-align: center;
	word-break: keep-all;
	box-sizing: border-box;

	/* 내부의 CSS 세로 정렬 위해 추가 22.10.16. */
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

#view_btn_area {
	width: 194px;
	margin: 15px auto 0;
}
#view_btn_area a {
	display: block;
    position: relative;
}
.view_go {
	width: 194px;
    height: 47px;
	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;
	font-size: 20px;
	font-weight: 800;
	line-height: 47px;
	color: #fff;
    text-align: center !important;
	background: #f01f54;
	border-radius: 50px;
	-webkit-border-radius: 50px;	
}
.view_go img {
	vertical-align: middle;
	margin-left: 7px;
}




.layer .pop_bt {
	display: inline-block;
	position: absolute;
	top: 208px; 
	left: 50%;
	margin-left: -95px;
}
.layer .pop_close {
	display: block; 
	position: absolute;
	bottom: -51px;
	right: 0;
}
.layer .pop_close span { 
	display: inline-block; 
	position: absolute; 
	bottom: 15px; 
	left: 37px;
	font-size: 17px; 
	color: #000;
}
.layer p{
	display: inline-block;
	width: 175px;
	height: 51px;
	background-image: url(/images/main_2020/live_bg_bottom_ver2.png);
	position: absolute;
	bottom: -51px; 
	left: 0; 
	text-align: right;
	font-size: 17px;
	line-height: 49px;
	padding-right: 10px;
}
.layer p > input{
	margin-right: 5px;
}



/* 버튼 2개 추가 */
/* .pop-layer-info_btn_area { 
	display: inline-block; 
	position: relative;
	top: 180px;
	left: 14%;
} */
/* .layerInfo .pop_btn1 {
	display: inline-block; 
	width: 102px; 
	position: absolute;
	top: 387px;
	left: 41px;
}
.layerInfo .pop_btn2 {
	display: inline-block;
	width: 102px; 
	position: absolute;
	top: 387px;
	left: 156px;
} */
/* .pop-layer-info_btn_area a img { 
	width: 100px;
} */



/* 21.10.17 예배안내 내용 스크롤되는 팝업 및 고도화 작업 */
.layerInfo {
	display:none; 
	position:fixed;
	top:0; 
	left:0; 
	width:100%;
	height:100%;
	z-index:100;
}
.layerInfo .bgInfo {
	position:absolute;
	top:0; 
	left:0;
	width:100%;
	height:100%; 
	background:#000; 
	opacity:.5; filter:alpha(opacity=50);
}
.layerInfo .pop-layer-info {
	display:block;
}
.pop-layer-info {
	display:none;
	position: absolute;
	top: 50%;
	left: 50%; 
	width: 290px !important;

	height:auto;
	/* height:390px;  */
	/* height:378px;  */
	/* height:320px;  */

	background: #eceff8;
	/* background-image: url(/images/main_2020/worship_info_bg_only.png);  */
	/* background-size:290px 390px; */
	border-radius: 25px 25px;
	-webkit-border-radius: 25px 25px;
	z-index: 10;
}

/*=== 스크롤 가능 ===*/
.pop-layer-info_scroll_in {   /* 가로, 세로, 마진값은 내용에 맞게 수정해줍니다. */
	display: block;
	position: relative;

	/* 라운드 마스크 */
	border-radius: 20px;
	-webkit-border-radius: 20px;

	width: 270px !important;   
	/* width: 250px !important; */

	/* height:auto; */
	/* height:372px; */
	/* height:345px; */
	/* height:330px; */
	/* height:300px; */
	height:255px;
	background: #fff;
	box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 15%);   /* offset-x | offset-y | blur-radius | spread-radius | color */
	
	margin: 10px auto;

	overflow-y: scroll; 
}
.pop-layer-info_scroll_in img {
	width: 100%;
}
.pop-layer-info_scroll_in a {
	display: block;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 140px;
	/* height: 100%; */
	box-sizing: border-box;
	border-radius: 20px;
    -webkit-border-radius: 20px;

	/* border: 1px solid red; */      /* 클릭영역 확인용 */
}


/*=== 스크롤 불가능, 높이 고정 ===*/
.pop-layer-info_scroll_no {   /* 가로, 세로, 마진값은 내용에 맞게 수정해줍니다. */
	display: block;
	position: relative;

	/* 라운드 마스크 */
	border-radius: 20px;
	-webkit-border-radius: 20px;

	width: 270px !important;   
	/* width: 250px !important; */

	height:auto;
	/* height:372px !important; */
	/* height:360px !important; */  
	/* height:345px !important; */
	/* height:330px !important; */
	/* height:300px !important; */
	/* height:255px !important; */
	background: #fff;
	box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 15%);   /* offset-x | offset-y | blur-radius | spread-radius | color */
	
	margin: 10px auto;

	padding-bottom: 25px;   /* 이미지 하단에 여백이 없을 경우 적용 */
	
	overflow-y: hidden;
}
.pop-layer-info_scroll_no img {
	width: 100%;
}
.pop-layer-info_scroll_no a {
	display: block;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 140px;
	/* height: 100%; */
	box-sizing: border-box;
	border-radius: 20px;
    -webkit-border-radius: 20px;

	/* border: 1px solid red; */      /* 클릭영역 확인용 */
}


/*=== 링크영역이 2개 이상 필요할 경우 이용 ===*/
#link_01 {
	display: block;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 140px;
	/* height: 100%; */
	box-sizing: border-box;
	border-radius: 20px;
    -webkit-border-radius: 20px;

	/* border: 1px solid red; */      /* 클릭영역 확인용 */
}

#link_02 {
	display: block;
	position: absolute;
	top: 10px;
	width: 100%;
	height: 125px;
	/* height: 100%; */
	box-sizing: border-box;
	border-radius: 20px;
    -webkit-border-radius: 20px;

	/* border: 1px solid blue; */     /* 클릭영역 확인용 */
}

#link_03 {
	display: block;
	position: absolute;
	top: 142px;
	width: 100%;
	height: 65px;
	/* height: 100%; */
	box-sizing: border-box;
	border-radius: 20px;
    -webkit-border-radius: 20px;

	/* border: 1px solid purple; */     /* 클릭영역 확인용 */
}

#img_link_area {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	/* border: 1px solid green; */
}

.layerInfo .pop_close_info {
	display: block;
	position: absolute;
	bottom: -51px;
	right: 0;
}
.layerInfo .pop_close_info span { 
	display: inline-block;
	position: absolute;
	bottom: 15px;
	left: 37px;
	font-size: 17px;
	color: #000;
}
.layerInfo p{
	display: inline-block; 
	width: 175px;
	height: 51px; 
	background-image: url(/images/main_2020/live_bg_bottom_ver2.png); 
	position: absolute;
	bottom: -51px;
	left: 0; 
	text-align: right; 
	font-size: 17px; 
	line-height: 49px;
	padding-right: 10px;
}
.layerInfo p > input{ 
	margin-right: 5px;
}
.btn_grace_share {
	position: absolute;
	top: 170px;
	text-align: center;
}
.btn_grace_share img {
	width: 60%;
}

.popup_close_area_01 {
	display: block;
	width: 290px !important;
	height: 51px;
	background: #fff;
	border-radius: 0 0 25px 25px;
	-webkit-border-radius: 0 0 25px 25px;
	z-index: 10;
}
.popup_close_area_01 ul {
	overflow: hidden;
	box-sizing: border-box;
	width: 100% !important;
}
.popup_close_area_01 ul li {
	float: left;
	line-height: 51px;	
	font-size: 15px;
}
.popup_close_area_01 ul li:first-child {
	width: 199px !important;
	text-align: center;
	border-right:1px solid rgba(0,0,0,0.15);
}
.popup_close_area_01 ul li:first-child input {
	-webkit-appearance: none;
	margin-top: -2px;
	margin-right: 5px;
	background:#fff;
	width: 15px;
	height: 15px;
	line-height: 51px;	
	vertical-align: middle;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid rgba(0,0,0,0.45);
	outline: 0;
}
.popup_close_area_01 ul li:first-child input:before {
	content:'';
    display:block;
    width:100%;
    height:100%;
    margin: 0 auto;  
    border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 0 !important;
	outline: 0 !important;
}
.popup_close_area_01 ul li:first-child input:checked:before {
	border: 0 !important;
	outline: 0 !important;
	background: url(/images/main_2020/icon_chkbox_on.png) #597bf8 no-repeat center/11px 7px;
}
.popup_close_area_01 ul li:last-child {
	width: 90px !important;
	text-align: center;
}
.popup_close_area_01 ul li:last-child a {
	padding: 12px 28px;
}

/* 이영훈 목사님 오늘의 말씀(Good Morning) 팝업 추가 22.11.01. */
#lee_today {
	margin: 20px 15px 0px; 
	/* padding-bottom: 10px; */
	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;
	text-align: center !important;
	/* border-bottom: 1px solid rgba(0,0,0,0.25); */
}

.lee_today_title {
	display: inline-block;
	font-weight: 800 !important;
	font-size: 23px !important;
	letter-spacing: -0.25px !important;
	background: linear-gradient(to top, #d83a00, #fa962d);
    color: transparent;
    -webkit-background-clip: text;
	margin-bottom: 8px;
}
.lee_today_text {
	display: inline-block;
	width: 220px;
	font-size: 16px;
	font-weight: 700 !important;
	line-height: 22px;
	word-break: keep-all !important;
}
/* .lee_today_text {
	display: inline-block;
	font-size: 16px;
	font-weight: 700 !important;
	line-height: 22px;
	word-break: keep-all !important;
} */
.title_middot {
	font-size: 30px !important;
	font-weight: 800 !important !important;
	vertical-align: middle;
}

#alarm_guide {
	margin: 10px 17px 25px; 
	font-family: 'NanumSquare', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;
	font-size: 13px;
	text-align: left !important;
	line-height: 22px;
}
#alarm_guide span {
	color: #6791ef;
	font-weight: 800 !important;
}
#alarm_guide img {
	margin-left: 3px;
	width: 14px;
	height: 14px;
	vertical-align: text-top;
}
#push_go_area {
	width: 230px;
	margin: 15px auto 0;
}
#push_go_area a {
	display: block;
    position: relative;
}
#push_go {
	width: 230px;
	height: auto;
	/* height: 50px; */
	background: #0549e0;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	color: #fff !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	text-align: center !important;
	letter-spacing: 0.28px;
	/* line-height: 50px; */
	padding: 8px 0;
}
#push_go span {
	display: block;
	font-size: 12px;
	color: #fff !important;
	letter-spacing: 0px !important;
}




/* 21.12.22 작업공지 안내 팝업 */
.layerWork {
	display:none; 
	position:fixed;
	top:0; 
	left:0; 
	width:100%;
	height:100%;
	z-index:100;
}
.layerWork .bgWork {
	position:absolute;
	top:0; 
	left:0;
	width:100%;
	height:100%; 
	background:#000; 
	opacity:.5; filter:alpha(opacity=50);
}
.layerWork .pop-layer-Work {
	display:block;
}
.pop-layer-Work {
	display:none;
	position: absolute;
	top: 50%;
	left: 50%; 
	width: 290px !important;
	height:390px; 
	background-image: url(/images/main_2020/work_notice_bg_ver1.0.png); 
	background-size:290px 390px;
	z-index: 10;
}
.layerWork .go_youtube {
	display: inline-block;
	position: absolute;
	top: 315px;
    left: 50%;
    margin-left: -115px;
}
.layerWork .pop_close_Work {
	display: block;
	position: absolute;
	bottom: -50px;
    left: 0;
}
.layerWork .pop_close_Work img {
	width: 290px !important;
}
.layerWork .pop_close_Work span { 
	display: inline-block;
	position: absolute;
	top: 25%;
	left: 50%;
	margin-left: -15px;
	font-size: 17px;
}


.push_num {
	position: absolute;
	top: 7px;
	right: 8px;
	padding: 1px 5px 1.5px; 
	font-size: 15px;
	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;
}


/* 실내 마스크 해제에 따른 예배 안내 추가 23.01.27. */
#notice_wrap {
	display: inline-block;
	padding: 0 12px;
	margin-bottom: 20px;
}
.title_middot_2 {
	font-size: 25px !important;
	font-weight: 800 !important !important;
	vertical-align: middle;
}
.notice_title {
	display: inline-block;
	font-weight: 800 !important;
	font-size: 21px !important;
	letter-spacing: -0.25px !important;
    color: rgba(0,100,172,1);
	margin-bottom: 8px;
	text-align: center;
	margin-left: 12px !important;
}
.notice_title_sub {
	display: inline-block;
	font-weight: 700 !important;
	font-size: 17px !important;
	letter-spacing: -0.25px !important;
    color: rgba(0,100,172,1);
	vertical-align: middle;
	margin-top: -5px !important;
}
.notice_text_area {
	display: block;
   /*  width: 220px; */
    font-size: 16px;
    font-weight: 700 !important;
    line-height: 22px;
    /* word-break: keep-all !important; */
}
.num_circle_1 {
	display: inline-block;
	width: 21px;
	height: 21px;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	line-height: 19px;
	background: rgba(0,100,172,1);
	border-radius: 50px;
	-webkit-border-radius: 50px;
	z-index: 999;
}
.text_blue_bold_1 {
	display: inline-block;
	color: rgba(0,100,172,1);
	font-size: 17px;
	font-weight: 700;
}
.notice_text_in {
	display: block;
	margin-left: 10px !important;
	margin-bottom: 10px !important;
}


/* 유튜브 임시채널 공지 추가 23.07.06. */
#notice_wrap_2 {
	display: inline-block;
	padding: 0 12px;
}

.notice_title_2 {
	display: block;
	font-weight: 800 !important;
	font-size: 19px !important;
	letter-spacing: -0.45px !important;
    color: rgba(253,80,74,1) !important;
	margin-bottom: 8px;
	text-align: center;
}

.notice_text_area_2 {
	display: block;
    font-size: 16px;
    font-weight: 500 !important;
    line-height: 22px;
    word-break: keep-all !important;
	padding: 0 8px;
}

.mid_dot_01 {
	font-size: 25px !important;
	font-weight: 700 !important;
	position: relative;
	top: 3px;
	margin-right: 3px;
}