@charset "utf-8";

/*===== 폰트 설정 =====*/
/* 나눔스퀘어 */
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css?1');
/* @import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css'); */

/* 
NanumSquare  font-weight
-----------------------
Light
font-weight:300;
Regular
font-weight:400;
Bold
font-weight:700;
Extra Bold
font-weight:800;
 */

/* 나눔스퀘어 라운드 */
@import url('https://webfontworld.github.io/naver/NanumSquareRound.css?1');
/* @import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css?1'); */
/* @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');
/* @import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css'); */

/* 
Noto Sans KR  font-weight
-----------------------
Thin
font-weight:100;
Light
font-weight:300;
Regular
font-weight:400;
Medium
font-weight:500;
Bold
font-weight:700;
Black
font-weight:900;
 */


/* 노토산스 명조 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');

html { -webkit-text-size-adjust: 100%; }

body {
	font-family: 'NanumSquare', 'Noto Sans KR', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif !important;
	font-size: 18px;
	line-height: 1.8em;
	/* line-height: 1.8em; */
	color: #000000;
	background-color: #ffffff;
	width: fit-content;
	min-width: 100%;
}

.normal     { font-weight: 400; }
.bold       { font-weight: 700; }
.bolder     { font-weight: 800; }
.light      { font-weight: 300; }

.bold { font-weight: bold; }

.bolder { font-family: NanumSquare; font-weight: 800 !important; }
.light	{font-family: NanumSquare; font-weight: 300 !important; }  


body, p, ul, h1, h2, h3 {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #000000;
}

li {
	list-style-type: none;
	border: 0;
	margin: 0;
	font-size: 0;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;

	/* 크롬에서 이미지가 흐릿하게 보일때 해결 방법 */
	image-rendering:-webkit-optimize-contrast;
	transform:translateZ(0);
	backface-visibility:hidden;
}

.img_middle {
	vertical-align: middle;
}

.text-top {
	vertical-align: top;
}

input, select, textarea, button {
	vertical-align:middle;
}

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

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

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

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

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

/* .clearfix {
	overflow: hidden;
} */



.mt0 { margin-top: 0 !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt27 { margin-top: 27px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }

.mb7 { margin-bottom: 7px !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; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb100 { margin-bottom: 100px !important; }
.mb150 { margin-bottom: 150px !important; }

.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml36 { margin-left: 36px !important; }
.ml40 { margin-left: 40px !important; }

.mr0 { margin-right: 0px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr20 { margin-right: 30px !important; }
.mr36 { margin-right: 36px !important; }
.mr50 { margin-right: 50px !important; }

.p20 { padding: 20px !important; }
.p30 { padding: 30px !important; }
.p40 { padding: 40px !important; }
.p50 { padding: 50px !important; }
.p60 { padding: 60px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pr10 { padding-right: 10px !important; }
.pr20 { padding-right: 20px !important; }
.pr30 { padding-right: 30px !important; }
.pr40 { padding-right: 40px !important; }
.pr50 { padding-right: 50px !important; }
.pl10 { padding-left: 10px !important; }
.pl20 { padding-left: 20px !important; }
.pl30 { padding-left: 30px !important; }
.pl40 { padding-left: 40px !important; }
.pl50 { padding-left: 50px !important; }

.a_c {text-align: center !important; }
.v_m {vertical-align: middle !important;}
.v_b {vertical-align: bottom !important;}



.container {
	width: 1280px;
	margin: 0 auto;
}

.container_w {
	width: 100%;
	/* text-align: center; */
}

.wrapper {
	width: 1280px;
	margin: 0 auto;
}


#wrap {
	position: relative;
	width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box;
	font-family: 'NanumSquare', 'NanumSquareRound', 'Noto Sans KR', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif !important;
}

.bg_color_gray { background-color: #f5f5f5; }

.bg_color_gray2 { background-color: #1d1d1d; }

.bg_color_blue1 { background-color: #3190d4; }
.bg_color_blue2 { background-color: #cbe2f2; }
.bg_color_blue3 { background-color: #002548; }
.bg_color_blue4 { background-color: #eceff6; }

.bg_color_yellow1 { background-color: #fffbf1; }
.bg_color_yellow2 { background-color: #f6ecd6; }

.bg_color_gd1 { background: linear-gradient(45deg, #ffdee5 0%, #fff6e3 100%); }

.font_blue1{ color: #accff4 !important;}
.font_blue2{ color: #8e9ca6 !important;}
.font_white1{ color: #ffffff !important;}

.font_yellow1{ color: #ffff00 !important;}
.font_gray1 { color: #989898 !important;}




/*===== 생방송 안내 =====*/ 
.main_on-air_wrap {
	display: block;
    width: 1280px;
    margin: 0 auto;
    position: relative;
	z-index: 2;
}
.main_on-air {
	position: absolute;
	top: 150px; 
	right: 0px; 
}

.main_on-air .on-air {
	margin: 0 auto;
	width: 360px;
}

.main_on-air .on-air ul {
	overflow: hidden;
}

.main_on-air .on-air li {
	float: left;
	color: #000000;
}

.main_on-air .on-air img {
	margin-top: 0 !important;
	margin-left: 76px !important;
}

/* 생방송 중 */
.main_on-air .live_on_title {
	font-weight: 800;
	font-size: 25px !important;
	color: #ed1f23 !important;
	margin-left: 10px;
	line-height: 39px;
	/* text-shadow: 0 0 5px rgb(0 0 0 / 50%); */
}

.main_on-air .live_on_title span {
	animation:blink 0.35s ease-in-out infinite alternate;
}

.main_on-air #txt_slide_on{
	overflow: hidden;
    margin-top: 3px !important;
	margin-left: 0px !important;
	width: 360px !important;
    height: 30px !important;
    border-radius: 50px;
    background: #fff;
	border: 1px solid rgba(237,31,35,0.5);
	box-sizing: border-box;
    transition: all .3s;
}

.main_on-air #txt_slide_on div {
	float: right;
	width: 100%;
	height: 30px;
	overflow: hidden;
	/* margin: 0 5%; */
	border-radius: 50px;
}

.main_on-air #txt_slide_on div p{
	display:inline-block;
	height:100%;
	font-weight: 500;
	font-size: 15px;
	vertical-align: top;
    margin-top: -16px;
	color:#ed1f23;
	white-space:nowrap;
	animation:10s textLoop infinite linear, blink 0.25s ease-in-out infinite alternate;
	transform: skew(-0.001deg);
}

.main_on-air #txt_slide_on div p:hover{
	animation-play-state: paused;
	cursor: pointer;
}

@keyframes textLoop{
	0%{
		transform:translateX(100%);
	}
	100%{
		transform:translateX(-100%);
	}
}

.blinking{ 
	-webkit-animation:blink 0.35s ease-in-out infinite alternate; 
	-moz-animation:blink 0.35s ease-in-out infinite alternate; 
	animation:blink 0.35s ease-in-out infinite alternate;
} 

@-webkit-keyframes blink{ 
	0% {color: black;} 
	100% {opacity:1;} 
} 

@-moz-keyframes blink{ 
	0% {color: black;} 
	100% {opacity:1;} 
}

@keyframes blink{ 
	0% {color: black;}
	100% {opacity:1;}
}

/* 생방송 예정 */
.main_on-air .live_off_title {
	font-weight: 800;
	font-size: 25px !important;
	color: #fff !important;
	margin-left: 10px;
	line-height: 39px;
	text-shadow: 0 0 5px rgb(0 0 0 / 50%);
}

.main_on-air #txt_slide_off{
	overflow: hidden;
    margin-top: 3px !important;
	margin-left: 0px !important;
	width: 360px !important;
    height: 30px !important;
    border-radius: 50px;
    background: rgba(255,255,255,0.75);
    border: 1px solid rgba(218,218,218,0.5); 
	box-sizing: border-box;
    transition: all .3s;
}

.main_on-air #txt_slide_off div {
	float: right;
	width: 100%;
	height: 30px;
	overflow: hidden;
	/* margin: 0 5%; */
	border-radius: 50px;
}

.main_on-air #txt_slide_off div p{
	display:inline-block;
	height:100%;
	font-weight: 500;
	font-size: 15px;
	vertical-align: top;
    margin-top: -16px;
	color:#000000;
	white-space:nowrap;
	transform: skew(-0.001deg);
}

.main_on-air #txt_slide_schedule{
	overflow: hidden;
	margin-top: 3px !important;
	margin-left: 0px !important;
	width: 360px !important;
    height: 30px !important;
    border-radius: 50px;
    background: rgba(255,255,255,0.75);
	border: 1px solid rgba(218,218,218,0.5); 
	box-sizing: border-box;
    transition: all .3s;
}

.main_on-air #txt_slide_schedule div {
	float: right;
	width: 100%;
	height: 30px;
	overflow: hidden;
	/* margin: 0 5%; */
	border-radius: 50px;
}

.main_on-air #txt_slide_schedule div p{
	display:inline-block;
	height:100%;
	font-weight: 500;
	font-size: 15px;
	vertical-align: top;
    margin-top: -16px;
	color:#000000;
	white-space:nowrap;
	animation:10s textLoop infinite linear;
	transform: skew(-0.001deg);
}

.main_on-air #txt_slide_schedule div p:hover{
	animation-play-state: paused;
	cursor: pointer;
}

@keyframes textLoop{
	0%{
		transform:translateX(100%);
	}
	100%{
		transform:translateX(-100%);
	}
}




.on-air {
	height: 132px;
	margin: -17px auto 0;  /* 위의 영상과 17픽셀 간격이 벌어져있는 문제로 수정 */
	/* margin: 0 auto; */
	width: 930px;
}

.on-air li {
	float: left;
	font-size: 25px;
	color: #000000;
}

#txt_slide_on{
	overflow: hidden;
    margin-top: 36px;
    width: 23px;
    height: 61px;
    margin-left: 20px;
    border-radius: 50px;
    background: #fff;
	border: 1px solid #ed1f23;
	/* border: 1px solid rgba(178,178,178,0); */	
    /* border: 1px solid #b2b2b2;  */
	box-sizing: border-box;
    transition: all .3s;
}

#txt_slide_on div {
	float: right;
	width: 100%;
	/* width: 90%; */
	overflow: hidden;
	/* margin: 0 5%; */
	border-radius: 50px;
}

#txt_slide_on div p{
	display:inline-block;
	height:100%;
	font-weight: 500;
	font-size: 25px;
	line-height: 61px;
	color:#ed1f23;
	/* color:#000000; */
	white-space:nowrap;
	animation:10s textLoop infinite linear, blink 0.25s ease-in-out infinite alternate;
}

#txt_slide_on div p:hover{
	animation-play-state: paused;
	cursor: pointer;
}

#txt_slide_on.txt_slide_box_on{
	width: 612px;
}

@keyframes textLoop{
	0%{
		transform:translateX(100%);
	}
	100%{
		transform:translateX(-100%);
	}
}

.blinking{ 
	-webkit-animation:blink 0.35s ease-in-out infinite alternate; 
	-moz-animation:blink 0.35s ease-in-out infinite alternate; 
	animation:blink 0.35s ease-in-out infinite alternate;
} 

@-webkit-keyframes blink{ 
	0% {color: black;} 
	100% {opacity:1;} 
} 

@-moz-keyframes blink{ 
	0% {color: black;} 
	100% {opacity:1;} 
}

@keyframes blink{ 
	0% {color: black;}
	100% {opacity:1;}
}

#txt_slide_off{
	overflow: hidden;
    margin-top: 36px;
    width: 23px;
    height: 61px;
    margin-left: 20px;
    border-radius: 50px;
    background: #fff;
	/* border: 1px solid rgba(178,178,178,0); */
    border: 1px solid #b2b2b2; 
	box-sizing: border-box;
    transition: all .3s;
}

#txt_slide_off div {
	float: right;
	width: 90%;
	overflow: hidden;
	margin: 0 5%;
}

#txt_slide_off div p{
	display:inline-block;
	height:100%;
	font-weight: 500;
	font-size: 25px;
	line-height: 61px;
	color:#000000;
	white-space:nowrap;
}

#txt_slide_off.txt_slide_box_off{
	width: 612px;
	text-align: center;
}


#txt_slide_schedule{
	overflow: hidden;
    margin-top: 36px;
    width: 23px;
    height: 61px;
    margin-left: 20px;
    border-radius: 50px;
    background: #fff;
	border: 1px solid #b2b2b2; 
	box-sizing: border-box;
    transition: all .3s;
}

#txt_slide_schedule div {
	float: right;
	width: 100%;
	/* width: 90%; */
	overflow: hidden;
	/* margin: 0 5%; */
	border-radius: 50px;
}

#txt_slide_schedule div p{
	display:inline-block;
	height:100%;
	font-weight: 500;
	font-size: 25px;
	line-height: 61px;
	color:#000000;
	white-space:nowrap;
	animation:10s textLoop infinite linear;
}

#txt_slide_schedule div p:hover{
	animation-play-state: paused;
	cursor: pointer;
}

#txt_slide_schedule.txt_slide_box_schedule{
	width: 612px;
}

@keyframes textLoop{
	0%{
		transform:translateX(100%);
	}
	100%{
		transform:translateX(-100%);
	}
}


.live_on_title {
	font-weight: 800;
	font-size: 38px !important;
	color: #ed1f23 !important;
	margin-left: 10px;
	line-height: 132px;
}

.live_on_title span {
	animation:blink 0.35s ease-in-out infinite alternate;
}

.live_off_title {
	font-weight: 800;
	font-size: 38px !important;
	color: #b2b2b2 !important;
	margin-left: 10px;
	line-height: 132px;
}

.on-air img {
	margin-top: 44px;
}

.pastor_lee {
	width: 1280px;
	height: 180px;
	margin-top: 70px;
	background-image: url(https://layout.fgtv.com/images/main_ver2025/pastor_lee_bg_ver2026_02.png);  
	/* background-image: url(https://layout.fgtv.com/images/main_ver2025/pastor_lee_bg.jpg); */   /* ~ 25.12.31까지 적용 */
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border-radius: 20px;
	position: relative;
}

.pastor_lee_title {
	font-weight: 800;
	font-size: 48px;
	color: #ffffff;
	position: absolute;
	top: 47px;
	left: 273px;
}

.pastor_lee_title:hover {
	color: #ffff00;
}

.pastor_lee_subject {
	font-weight: 800;
	font-size: 20px;
	color: #ffffff;
	position: absolute;
	top: 120px;
	left: 273px;
}

.pastor_lee_subject:hover {
	color: #ffff00;
}

.pastor_lee_txt {
	font-size: 17px;
	color: #ffffff;
	position: absolute;
	top: 120px;
	right: 404px;
}

.pastor_lee_date {
	background-image: url(https://layout.fgtv.com/images/main_ver2025/pastor_lee_date_gap.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-left: 20px;
}

.pastor_lee_txt:hover {
	color: #ffff00;
}

.pastor_lee_hp {
	font-weight: 800;
	font-size: 20px;
	width: 223px;
	height: 46px;
	line-height: 46px;
	color: #ffffff;
	position: absolute;
	top: 69px;
	left: 1003px;
	border: 2px solid #ffffff;
	border-radius: 30px;
	background-image: url(https://layout.fgtv.com/images/main_ver2025/pastor_lee_ar.png);
	background-position : right 30px top 15px;  
	background-repeat: no-repeat;
	padding-right: 15px;
}

.pastor_lee_hp:hover {
	color: #ffff00;
	border: 2px solid #ffff00;
	background-image: url(https://layout.fgtv.com/images/main_ver2025/pastor_lee_ar_over.png);
}

.language {
	height: 402px;
	padding-top: 70px;
}


.language > div {
	float: left;
}

.other_language_title {
	font-weight: 800;
	font-size: 46px;
	color: #004892;
	height: 72px;
	line-height: 72px;
}

#other_language {
	width: 405px;
	margin-left: 60px;
}

#other_language li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#other_language li:nth-child(2n) {
	margin-right: 0px;
}

#sunday_sermon {
	top: 214px;
	left: 50%;
	margin-left: -80px;
	width: 720px;
	position: relative;
}

.sunday_sermon_title {
	font-weight: 800;
	font-size: 55px;
	color: #ffffff;
}

.sunday_sermon_vod {
	width: 720px;
	height: 405px;
	background-color: #ffffff;
}

#sunday_sermon li {
	float: left;
}

.sunday_sermon_txt {
	width: 424px;
}

.sunday_sermon_subject {
	font-weight: 800;
	font-size: 28px;
	color: #ffffff;
}

.sunday_sermon_date {
	font-family: 'Noto Sans KR', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif !important;
	font-size: 14px;
	color: #ffffff;
	margin-top: 5px;
}

.sunday_sermon_sub {
	background-image: url(https://layout.fgtv.com/images/main_ver2025/sunday_sermon_sub_ar.png);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-left: 15px;
}

.pastor_lee_homepage a {
	display: inline-block;
	font-weight: 800;
	font-size: 20px;
	color: #ffffff;
	width: 292px;
	height: 59px;
	border-radius: 40px;
	border: 2px solid #ffffff;
	text-align: center;
	line-height: 59px;
	background-image: url(https://layout.fgtv.com/images/main_ver2025/pastor_lee_homepage_ar.png);
	background-position: 235px 21px;
	background-repeat: no-repeat;
}

.pastor_lee_homepage a:hover {
	background-position: 245px 21px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.day_sermon {
	margin-top: 40px;
}

.day_sermon > div {
	float: left;
	margin-right: 55px;
	text-align: center;
	padding-top: 120px;
}

.day_sermon > div:last-child {
	margin-right: 0px;
}

.day_sermon_vod {
	width: 390px;
	height: 219px;
	background-color: #cccccc;
}

.day_sermon_subject {
	font-family: 'Noto Sans KR', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif !important;
	font-size: 14px;
	line-height: 15px;
	margin-top: 20px; 
}

.day_sermon_date {
	font-family: 'Noto Sans KR', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif !important;
	font-size: 15px;
	line-height: 10px;
	margin-top: 10px;
	font-weight: bold;
}

.day_sermon_title {
	font-weight: 800;
	font-size: 33px;	
}

.day_sermon_icon {
	display: inline-block;
	width: 36px;
	height: 34px;
	background-image: url(https://layout.fgtv.com/images/main_ver2025/day_sermon_icon2.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	vertical-align: bottom;
	margin-right: 10px;
}

.day_sermon a {
	float: left;
	width: 400px;
	height: 120px;
	/* width: 398px;
	height: 118px; */
	border-radius: 20px;
	border: 1px solid #afdcf2;
	background-color: #e3f1f8;
	margin-right: 40px;
	font-size: 35px;
	font-weight: 800;
	color: #0069b4;
	line-height: 118px;	
	box-sizing: border-box;
}

.day_sermon a:last-child {
	margin-right: 0px;
}

.day_sermon_icon3 {
	width: 34px;
	height: 31px;
	display: inline-block;
	line-height: 50px;
	font-size: 0;
	background-image: url(https://layout.fgtv.com/images/main_ver2025/day_sermon_icon3.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin-right: 12px;
	vertical-align: middle;
}

.day_sermon a:hover {
	width: 400px;
	height: 120px;
	border-radius: 20px;
	background-color: #0064ac;
	color: #ffffff;
	border: none;
	box-sizing: border-box;
	transition: 0.5s;
}

.day_sermon a:hover span {
	background-image: url(https://layout.fgtv.com/images/main_ver2025/day_sermon_icon3_over.png);
}

.nfamily {
	height: 516px;
	text-align: left;
	padding-top: 122px;
	position: relative;
	padding-left: 190px;
}

.nfamily_01 {
	font-weight: 800;
	font-size: 41px;
	color: #ffffff;
	margin-bottom: 23px;
}

.nfamily_02 {
	font-weight: 800;
	font-size: 24px;
	color: #ffffff;
	margin-bottom: 5px;
}

.nfamily_03 {
	font-weight: 800;
	font-size: 19px;
	color: #bbe3ff;
	margin-bottom: 80px;
}

.nfamily > img {
	display: block;
}

.nfamily > a {
	position: absolute;
	display: block;
	width: 400px;
	height: 63px;
	line-height: 61px;
	text-align: left;
	font-weight: 800;
	background-color: #004892;
	color: #ffffff;
	top: 178px;
	left: 880px;
	text-indent : 50px;
	font-size: 23px;
	border-radius: 20px;
	background-image: url(https://layout.fgtv.com/images/main_ver2025/pastor_lee_homepage_ar.png);
	background-position: 340px 23px;
	background-repeat: no-repeat;	
	/* animation: show-img 0.7s ease-in-out infinite; */
}

/* 롤오버시 화살표 애니메이션 추가 241030 */
.nfamily > a:hover {
	background-position: 350px 23px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

	/* animation: show-img 0.75s ease-in-out infinite; */
}

/* @keyframes show-img {
  0%, 50%{
    background-position: 345px 23px; 
  }
  50.1%, 100% {
    background-position: 335px 23px; 
  }
} */

.main_bbs {
	margin-top: 60px;
}

.main_bbs > div {
	float: left;
	width: 400px;
	height: 190px;
	margin-right: 40px;
}

.main_bbs > div:last-child {
	margin-right: 0px;
}

.bbs_bnr a {
	float: left;
	margin-right: 20px;
}

.bbs_bnr a:last-child {
	margin-right: 0px;
}

.bbs_bnr_title {
	font-size: 22px;
	color: #13347f;
	font-weight: 800;
	line-height: 30px;
	margin-top: 20px;
	height: 51px;
	display: flex;
    flex-direction: row;
    align-items: center;
	justify-content: center;
}

.bbs_bnr a:hover img {
	box-shadow: 1px 1px 15px #83c0ff;
	border-radius: 60px;
}

.bbs_bnr a:hover span {
	color: #e30613;
}

.main_news {
	padding-top: 100px;
	padding-bottom: 100px;
	margin-top: 110px;
	width: 1280px;
	position: relative;
}

.main_news_ctn {
	width: 400px;
}

.main_news li {
	height: 20px !important;
}

.main_news li:first-child {
	margin-top: 19px;;
}

.main_news_bnr {
	width: 800px;
	height: 240px;
	margin-left: 50px;
}

.main_news_bnr a {
	float: left;
	margin-top: 75px;
	margin-right: 40px;
}

.main_news_bnr a:last-child {
	margin-right: 0px;
}

.main_bt_more {
	position: absolute;
	right: 0;
	top: 110px;
	font-size: 20px;
	color : #000000f;
	font-weight: 800;
	text-align: right;
}

.main_org {
	height: 500px;
	padding-top: 100px;
}

.main_org a {
	float: left;
	margin-right: 28px;
	margin-bottom: 20px;
}

.main_org a:nth-child(6), a:nth-child(9) {
	margin-right: 0px;
}

.main_bbs_title {
	height: 104px;
	line-height: 42px;
	border-bottom: 2px solid #000000;
	font-size: 42px;
	color : #000000f;
	font-weight: 800;
	text-align: left;
}

.main_bbs_list {
	height: 98px;
	border-bottom: 1px solid #e4dac7;
}

.main_bbs_list:hover {
	background-color: #ffffff;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
	color: #13347f !important;
	font-weight: 500;
}

.main_bbs_list:hover a {
	color: #13347f !important;
}

.main_bbs_list li {
	float: left;
	height: 100%;
	display: block;
	height: auto !important; /* 높이 제한 해제 */
    overflow: visible !important; /* 넘치는 글자 보이기 */
}

.main_bbs_list .main_bbs_subject{
	width: 1000px;  /* 내용이 길어지면 말줄임표 처리 위해 가로 길이 지정 */
	height: 100%;
	font-size: 20px;
    padding: 12px 0;
	/* line-height: 98px; */
	color: #000000;
	text-align:  left;
	text-indent: 50px;
	font-family: 'Noto Sans KR', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif !important;

	/* 내용이 길어지면 말줄임표 처리 */
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.main_bbs_list li a:hover {
	color: #13347f;
	text-align:  left;
}

.main_bbs_list .main_bbs_date {
	color: #74757e;
	width: 230px;
	text-align: right;
	padding: 32px 0;
	font-size: 15px;
	padding-right: 50px;
	font-family: 'Noto Sans KR', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif !important;
}

.nfamily_process {
	margin-top: 20px;
	margin-bottom: 23px;
}

.nfamily_reg {
	display: inline-block;
	width: 400px;
	height: 40px;
	line-height: 40px;
	background-color: #004892;
	font-weight: 800;
	color: #ffffff;
	border-radius: 10px;
	background-image: url(https://layout.fgtv.com/images/main_ver2025/nfamily_ar.png);
	background-repeat: no-repeat;
	background-position: 370px 14px;
	box-sizing: border-box;
}

.nfamily_reg:hover {
	width: 400px;
	height: 40px;
	line-height: 40px;
	/* width: 398px;
	height: 38px; 
	line-height: 38px;*/
	background-color: #e3f1f8;
	font-weight: 800;
	color: #004892;
	border: 1px solid #4baede;
	background-image: url(https://layout.fgtv.com/images/main_ver2025/nfamily_ar_over.png);
	box-sizing: border-box;

	background-position: 370px 14px;
	/* 애니메이션 적용 */
    animation: moveArrow 0.5s infinite linear;

	/* -webkit-transition: all 0.3s ease-in-out;
	    -moz-transition: all 0.3s ease-in-out;
	    -o-transition: all 0.3s ease-in-out;
	    transition: all 0.3s ease-in-out; */
}

@keyframes moveArrow {
    0% { background-position: 370px 14px; }
    50% { background-position: 380px 14px; } /* 오른쪽으로 이동 */
    100% { background-position: 370px 14px; } /* 원래 위치로 복귀 */
}

.absolute {
	height: 738px;
}

.absolute > div {
	float: left;
}

.absolute_lee {
	height: 738px;
	margin-right: 105px;
	padding-top: 100px;
}

.absolute_lee_title {
	font-weight: 800;
	font-size: 50px;
	height: 80px;
	text-align: center;
}

.absolute_vod {
	width: 720px;
	height: 405px;
	background-color: #ffffff;
	margin-bottom: 30px;
}

.font_blue {
	color: #13347f;
}

.absolute_subject {
	text-align: left;
	font-size: 25px;
	font-weight: 800;
}

.absolute_subject_date {
	text-align: right;
	font-family: 'Noto Sans KR', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif !important;
	font-size: 14px;
}

.absolute_sub {
	background-image: url(https://layout.fgtv.com/images/main_ver2025/absolute_sub_ar.png);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-left: 10px;
	/*
	padding-left: 15px;
	margin-left: 15px;
	*/
}

.absolute_lee ul {
	width: 720px;
}

.absolute_lee li {
	float: left;
}

.absolute_lee li:first-child {
	width: 70%;
}

.absolute_lee li:last-child {
	width: 30%;
}

.david_cho {
	width: 455px;
	height: 638px;
	background-color: #cec7c0;
	padding-top: 100px;
}

.david_cho img {	
	display: block;
	margin: 0 auto;
}

.david_cho_homepage {
	display: block;
	width: 295px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	font-weight: 800;
	font-size: 25px;
	color: #ffffff;
	border-top: 2px solid #b2254a;
	margin: 0 auto;
	background-color: #003669;
	background-image: url(https://layout.fgtv.com/images/main_ver2025/pastor_lee_homepage_ar.png);
	background-position: 210px 18px;
	background-repeat: no-repeat;
}

.david_cho_homepage:hover {
	background-position: 220px 18px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* .good_day {
	width: 100%;
	margin-top: 70px;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
} */

.good_day {
	width: 100%;
	margin-top: 70px;
	height: 417px;
	background-image: url(https://layout.fgtv.com/images/main_ver2025/good_day_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}

.good_day_ctn {
	position: absolute;
	top: 71px;
	left: 50%;
	margin-left: -155px;
	width: 750px;
	/* width: 710px; */
	height: 75px;
	font-size: 23px;
	/* font-size: 25px; */
	line-height: 1.3em;
	font-weight: 800;
	text-align: center;
	display: flex;
    flex-direction: row;
    align-items: center;
	justify-content: center;
	word-break: keep-all;
}

.good_day_title {
	position: absolute;
	top: 198px;
	left: 50%;	
	height: 89px;
	width: 1280px;
	margin-left: -640px;
	background-color: #37345b;
	text-align: center;
	color: #ffffff;
	font-weight: 800;
	font-size: 39px;
	line-height: 89px;
	border-bottom: 1px solid #c1bdba;
}

.good_day_title a {
	color: #ffffff;
}

.good_day_title a:hover {
	color: #ffff00 !important;
}

.good_day_sub {
	position: absolute;
	display: block;
	top: 288px;
	left: 50%;	
	height: 60px;
	width: 1280px;
	margin-left: -640px;
	background-color: #504c79;
	text-align: center;
	line-height: 60px;
}

.good_day ul {
	 display: inline-block;
}

.good_day li {
	float: left;
	font-size: 20px;
	font-weight: 800;
	margin-right: 40px;
}

.good_day li a {
	color: #ffffff !important;
}

.good_day li a:hover {
	color: #ffff00 !important;
}

.good_day li:last-child {
	margin-right: 0px;
}

.good_day_date {
	font-size: 28px !important;
	color: #e7d2e1 !important;
	margin-right: 90px !important;
}

/*=== 하단 배너존 ===*/
.bnr_z {
	height: 400px;
	margin-top: 70px;
	padding-bottom: 70px;
	font-family: 'NanumSquare', 'Noto Sans KR', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif !important;
}

.bnr_z ul {
	display: block;
}

.bnr_z ul li {
	float: left;
}

/* 좌측 직사각형 긴 배너 */
.bnr_z .rowspan2 a { 
	display: inline-block;
	width: 190px;
	height: 400px;
	background-color: #f8a1b7;
	border: 1px solid #f6809e;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	box-sizing: border-box;
	margin-right: 28px;

	transition: transform 0.5s ease; /* 변환 효과를 부드럽게 적용 */
}

/* 좌측 직사각형 긴 배너 - 마우스오버 효과 */
.bnr_z .rowspan2 a:hover { 	
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.3);
    box-sizing: border-box;
    outline: none;
}

.bnr_z .rowspan2 a:hover img { 
	transform:rotateY(360deg);
}

/* 좌측 직사각형 긴 배너 타이틀 작은 글자 */
.bnr_z .rowspan2 a .bnr_01_title_s { 
	display: inline-block;
	margin-top: 90px;
	font-size: 21px;
	font-weight: 700;
	letter-spacing: -1.15px;
	color: #fff;
}

/* 좌측 직사각형 긴 배너 타이틀 큰 글자 국문 */
.bnr_z .rowspan2 a .bnr_01_title_b1 { 
	display: inline-block;
	margin-top: -2px;
	font-size: 31px;
	font-weight: 800;
	letter-spacing: -0.95px;
	color: #fff;
	line-height: 31px;
}

/* 좌측 직사각형 긴 배너 타이틀 큰 글자 영문 */
.bnr_z .rowspan2 a .bnr_01_title_b2 { 
	display: inline-block;
	font-size: 33px;
	font-weight: 800;
	letter-spacing: -0.75px;
	color: #fff;
}

/* 좌측 직사각형 긴 배너 아이콘 */
.bnr_z .rowspan2 a img {
	display: inline-block;
	margin-top: 77px;
}


/* 정사각형 배너들 */
.bnr_z ul { 
	display: inline-block;
	width: 1280px;
}

.bnr_z ul li { 
	float: left;
	display: inline-block;
	width: 190px;
	height: 190px;
}

/* .bnr_z ul li:nth-child(2) ul { 
	display: inline-block;
	width: 1062px;
}

.bnr_z ul li:nth-child(2) ul li { 
	float: left;
	display: inline-block;
	width: 190px;
	height: 190px;
} */

/* 정사각형 배너들 - 오른쪽 간격 */
.bnr_01, .bnr_02, .bnr_03, .bnr_04, .bnr_05, .bnr_07, .bnr_08, .bnr_09, .bnr_10, .bnr_11 {
	margin-right: 28px;
}

/* 정사각형 배너들 - 아래쪽 간격 */
.bnr_01, .bnr_02, .bnr_03, .bnr_04, .bnr_05, .bnr_06 {
	margin-bottom: 20px;
}

/* 정사각형 배너들 - 오른쪽 간격 */
.bnr_01_n, .bnr_02_n, .bnr_03_n, .bnr_04_n, .bnr_05_n, .bnr_07_n, .bnr_08_n, .bnr_09_n, .bnr_10_n, .bnr_11_n {
	margin-right: 28px;
}

/* 정사각형 배너들 - 아래쪽 간격 */
.bnr_01_n, .bnr_02_n, .bnr_03_n, .bnr_04_n, .bnr_05_n, .bnr_06_n {
	margin-bottom: 0px;
}

/* 정사각형 배너 - 01번 디자인 */
.bnr_01 a {
	display: inline-block;
	position: relative;

	width: 190px;
	height: 190px;
	background-color: #f8a1b7;
	border: 1px solid #f6809e;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	box-sizing: border-box;
	margin-right: 28px;

	transition: transform 0.5s ease; /* 변환 효과를 부드럽게 적용 */
}

/* bnr_01 배너 타이틀 작은 글자 국문 */
.bnr_01 a .bnr_01_title_s { 
	position: absolute;
	top: 19px;
	left: 20px;
	font-size: 21px;
	font-weight: 700;
	letter-spacing: -1.15px;
	color: #fff;
}

/* bnr_01 배너 타이틀 큰 글자 국문 */
.bnr_01 a .bnr_01_title_b1 { 
	position: absolute;
	top: 55px;
	left: 20px;
	font-size: 31px;
	font-weight: 800;
	letter-spacing: -0.95px;
	color: #fff;
	line-height: 31px;
}

/* bnr_01 배너 타이틀 큰 글자 영문 */
.bnr_01 a .bnr_01_title_b2 { 
	position: absolute;
	font-size: 33px;
	font-weight: 800;
	letter-spacing: -0.75px;
	color: #fff;
}

/* 정사각형 배너 - 01번 디자인 */
.bnr_01_n a {
	display: inline-block;
	position: relative;

	width: 190px;
	height: 130px;
	background-color: #f8a1b7;
	border: 1px solid #f6809e;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	box-sizing: border-box;
	margin-right: 28px;

	transition: transform 0.5s ease; /* 변환 효과를 부드럽게 적용 */
}

/* bnr_01 배너 타이틀 작은 글자 국문 */
.bnr_01_n a .bnr_01_title_s { 
	position: absolute;
	top: 19px;
	left: 20px;
	font-size: 19px;
	font-weight: 700;
	letter-spacing: -1.15px;
	color: #fff;
}

/* bnr_01 배너 타이틀 큰 글자 국문 */
.bnr_01_n a .bnr_01_title_b1 { 
	position: absolute;
	top: 55px;
	left: 20px;
	font-size: 26px;
	font-weight: 800;
	letter-spacing: -0.95px;
	color: #fff;
	line-height: 26px;
}

/* bnr_01 배너 타이틀 큰 글자 영문 */
.bnr_01_n a .bnr_01_title_b2 { 
	position: absolute;
	font-size: 28px;
	font-weight: 800;
	letter-spacing: -0.75px;
	color: #fff;
	top: 30px;
	left: 0px;
}

/* 배너들 - 02~11번 디자인 공통(01, 07 예외) */
.bnr_02 a, .bnr_03 a, .bnr_04 a, .bnr_05 a, .bnr_06 a, .bnr_08 a, .bnr_09 a, .bnr_10 a, .bnr_11 a {
	display: inline-block;
	position: relative;

	width: 190px;
	height: 190px;
	background-color: #fff;
    border: 1px solid transparent;
    border-radius: 15px;
	-webkit-border-radius: 15px;
    background-image: linear-gradient(#fff, #fff), linear-gradient(125deg, #47c1fa 0%, #3e49ef 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;

	box-sizing: border-box;	
}

/* 배너들 - 02~11번 글자 공통(01, 07 예외) */
.bnr_02 a span, .bnr_03 a span, .bnr_04 a span, .bnr_05 a span, .bnr_06 a span, .bnr_08 a span, .bnr_09 a span, .bnr_10 a span, .bnr_11 a span {
	position: absolute;
	top: 19px;
	left: 24px;

	font-size: 23px;
	font-weight: 800;
	color: #000;
	text-align: left;	
}

/* 배너들 - 02~11번 디자인 공통(01, 07 예외) */
.bnr_02_n a, .bnr_03_n a, .bnr_04_n a, .bnr_05_n a, .bnr_06_n a, .bnr_08_n a, .bnr_09_n a, .bnr_10_n a, .bnr_11_n a {
	display: inline-block;
	position: relative;

	width: 190px;
	height: 130px;
	background-color: #fff;
    border: 1px solid transparent;
    border-radius: 15px;
	-webkit-border-radius: 15px;
    background-image: linear-gradient(#fff, #fff), linear-gradient(125deg, #47c1fa 0%, #3e49ef 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;

	box-sizing: border-box;	
}

/* 배너들 - 02~11번 글자 공통(01, 07, 08 예외) */
.bnr_02_n a span, .bnr_03_n a span, .bnr_04_n a span, .bnr_05_n a span, .bnr_06_n a span, .bnr_09_n a span, .bnr_10_n a span, .bnr_11_n a span {
	position: absolute;
	top: 19px;
	left: 24px;

	font-size: 23px;
	font-weight: 800;
	color: #000;
	text-align: left;	
}

/* bnr_07 배너 디자인 */
.bnr_07 {
	display: inline-block;
	position: relative;
}

.bnr_07 > a {
	display: inline-block;
	position: relative;

	width: 190px;
	height: 190px;
	background-color: #45729c;
    border: 1px solid #30608d;
    border-radius: 15px;
	-webkit-border-radius: 15px;

	box-sizing: border-box;
}

/* bnr_07 배너 글자 */
.bnr_07 > a span {
	position: absolute;
	top: 19px;
	left: 24px;

	font-size: 23px;
	font-weight: 800;
	color: #fff;
	text-align: left;
}

/* bnr_07 배너 디자인 */
.bnr_07_n {
	display: inline-block;
	position: relative;
}

.bnr_07_n > a {
	display: inline-block;
	position: relative;

	width: 190px;
	height: 130px;
	background-color: #45729c;
    border: 1px solid #30608d;
    border-radius: 15px;
	-webkit-border-radius: 15px;

	box-sizing: border-box;
}

/* bnr_07 배너 글자 */
.bnr_07_n > a span {
	position: absolute;
	top: 19px;
	left: 24px;

	font-size: 23px;
	font-weight: 800;
	color: #fff;
	text-align: left;
}

/* bnr_08 배너 글자 */
.bnr_08_n > a span {
	position: absolute;
	top: 19px;
	left: 24px;

	font-size: 19px;
	font-weight: 800;
	color: #000;
	text-align: left;	
}

/* bnr_12 배너 디자인 */
.bnr_12 a {
	display: inline-block;
	position: relative;

	width: 190px;
	height: 190px;
	background-color: #89bee3;
    border: 1px solid #4f9cd3;
    border-radius: 15px;
	-webkit-border-radius: 15px;

	box-sizing: border-box;
}

/* bnr_12 배너 글자 */
.bnr_12 a span {
	position: absolute;
	top: 19px;
	left: 24px;

	font-size: 23px;
	font-weight: 800;
	color: #fff;
	text-align: left;
}

/* bnr_12 배너 디자인 */
.bnr_12_n a {
	display: inline-block;
	position: relative;

	width: 190px;
	height: 130px;
	background-color: #89bee3;
    border: 1px solid #4f9cd3;
    border-radius: 15px;
	-webkit-border-radius: 15px;

	box-sizing: border-box;
}

/* bnr_12 배너 글자 */
.bnr_12_n a span {
	position: absolute;
	top: 19px;
	left: 24px;

	font-size: 23px;
	font-weight: 800;
	color: #fff;
	text-align: left;
}

/* 배너들 - 01~12번 아이콘 위치 공통(10번 예외) */
.bnr_01 a img, .bnr_02 a img, .bnr_03 a img, .bnr_04 a img, .bnr_05 a img, .bnr_06 a img, .bnr_07 a img, .bnr_08 a img, .bnr_09 a img, .bnr_11 a img, .bnr_12 a img {
	position: absolute;
	bottom: 19px;
	right: 19px;	

	transition: transform 0.5s ease; /* 변환 효과를 부드럽게 적용 */
}

/* 배너들 - 10번 아이콘 위치(예외) */
.bnr_10 a img {
	position: absolute;
	bottom: 24px;
	right: 19px;	

	transition: transform 0.5s ease; /* 변환 효과를 부드럽게 적용 */
}

/* 배너들 - 마우스오버 효과(07번 예외) */
.bnr_01 a:hover, .bnr_02 a:hover, .bnr_03 a:hover, .bnr_04 a:hover, .bnr_05 a:hover, .bnr_06 a:hover, .bnr_08 a:hover, .bnr_09 a:hover, .bnr_10 a:hover, .bnr_11 a:hover, .bnr_12 a:hover {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.3);
    box-sizing: border-box;
    outline: none;
}

.bnr_01 a:hover img, .bnr_02 a:hover img, .bnr_03 a:hover img, .bnr_04 a:hover img, .bnr_05 a:hover img, .bnr_06 a:hover img, a:hover img, .bnr_08 a:hover img, .bnr_09 a:hover img, .bnr_10 a:hover img, .bnr_11 a:hover img, .bnr_12 a:hover img {
	 transform: rotateY(360deg);
}

/* 배너들 - 01~12번 아이콘 위치 공통(10번 예외) */
.bnr_01_n a img, .bnr_02_n a img, .bnr_03_n a img, .bnr_04_n a img, .bnr_05_n a img, .bnr_06_n a img, .bnr_07_n a img, .bnr_08_n a img, .bnr_09_n a img, .bnr_11_n a img, .bnr_12_n a img {
	position: absolute;
	bottom: 10px;
	right: 10px;	

	transition: transform 0.5s ease; /* 변환 효과를 부드럽게 적용 */
}

/* 배너들 - 10번 아이콘 위치(예외) */
.bnr_10_n a img {
	position: absolute;
	bottom: 24px;
	right: 19px;	

	transition: transform 0.5s ease; /* 변환 효과를 부드럽게 적용 */
}

/* 배너들 - 마우스오버 효과(07번 예외) */
.bnr_01_n a:hover, .bnr_02_n a:hover, .bnr_03_n a:hover, .bnr_04_n a:hover, .bnr_05_n a:hover, .bnr_06_n a:hover, .bnr_08_n a:hover, .bnr_09_n a:hover, .bnr_10_n a:hover, .bnr_11_n a:hover, .bnr_12_n a:hover {
	box-shadow: 0 .1rem 1rem 0 rgba(51, 50, 54, .15);   /* 25.08.14. 수정 */

	/* box-shadow: 0 4px 8px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.3); */
    box-sizing: border-box;
    outline: none;
}

.bnr_01_n a:hover img, .bnr_02_n a:hover img, .bnr_03_n a:hover img, .bnr_04_n a:hover img, .bnr_05_n a:hover img, .bnr_06_n a:hover img, a:hover img, .bnr_08_n a:hover img, .bnr_09_n a:hover img, .bnr_10_n a:hover img, .bnr_11_n a:hover img, .bnr_12_n a:hover img {
	 transform: rotateY(360deg);
}


/* 교회 방문/투어 신청서 작성 레이어 */
.bnr_07:hover .layer_visit {
	display: block;
}

.bnr_07 .layer_visit {
	display: none;
    position: absolute;
	left: 245px;
    top: 0px;

    width: 437px;
	height: 190px;
	border: 1px solid #4f9cd3;
	background: #89bee3;

	/* border: 1px solid rgba(79, 156, 211, 0.5);
	background: rgba(137, 190, 227, 0.8);
	    backdrop-filter: blur(5px);
	    -webkit-backdrop-filter: blur(5px); */

    border-radius: 15px;
	-webkit-border-radius: 15px;
    margin-left: -55px;	
    box-sizing: border-box;
	
	/* box-shadow: 0 4px 8px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.3); */

	z-index: 10;

	animation: fadeInRight 0.75s;
}


@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translate3d(-10%, 0, 0);
	}
	to {
		opacity: 1;
		transform: translateZ(0);
	}
}


.bnr_07 .layer_visit ul {
	overflow: hidden;
	position: absolute;
    top: 10px;
	left: 0px;
	width: 100%;
}

.bnr_07 .layer_visit ul li {
	/* float: left; */
	display: block;
	width: 100%;
	height: 100%;	
}

.bnr_07 .layer_visit:before {
	position: absolute;
	left: -14px;
    top: 40px;

	/* 삼각형 꼭지 왼쪽 */
	border-right: 15px solid rgba(137, 190, 227,1);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;

	/* 삼각형 꼭지 위쪽 */
    /* border-bottom: 15px solid rgba(137, 190, 227,1);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent; */

	transition: all 0.75s;
	display: block;
	content: "";	
}

.bnr_07 .layer_visit ul li:nth-child(3) a {
	display: inline-block;
	text-indent: -116px;
	/* width: 100%; */
	height: 100%;
	background-image: url(https://layout.fgtv.com/images/main_ver2025/instagram.png);
	background-size: 96px 28px;
	background-repeat: no-repeat;
	background-position: 55px 13px;
	/* background-position: 185px 13px; */
	padding: 0 85px;
}

.bnr_07 .layer_visit ul li:nth-child(3) a:hover {
	display: inline-block;
	background-image: url(https://layout.fgtv.com/images/main_ver2025/instagram_over.png);
	background-size: 96px 28px;
	background-repeat: no-repeat;
	background-position: 55px 13px;
	/* background-position: 185px 13px; */
}

.bnr_07 .layer_visit li a {
	font-size: 23px;
    font-weight: 800;
	color: #fff;
	line-height: 48px;	
}

.bnr_07 .layer_visit li a:hover {
	color: #ffff00;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.bnr_07 .layer_visit li + li:before {
	content: "";
    display: block;
    width: 80%;
    height: 1px;
    background: rgba(255,255,255,0.75);
    vertical-align: middle;
    margin: 5px auto;
}



/* 교회 방문/투어 신청서 작성 레이어 */
.bnr_07_n:hover .layer_visit {
	display: block;
}

.bnr_07_n .layer_visit {
	display: none;
    position: absolute;
	left: 245px;
    top: 0px;

    width: 437px;
	height: 130px;
	border: 1px solid #4f9cd3;
	background: #89bee3;

	/* border: 1px solid rgba(79, 156, 211, 0.5);
	background: rgba(137, 190, 227, 0.8);
	    backdrop-filter: blur(5px);
	    -webkit-backdrop-filter: blur(5px); */

    border-radius: 15px;
	-webkit-border-radius: 15px;
    margin-left: -55px;	
    box-sizing: border-box;
	
	/* box-shadow: 0 4px 8px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.3); */

	z-index: 10;

	animation: fadeInRight 0.75s;
}


@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translate3d(-10%, 0, 0);
	}
	to {
		opacity: 1;
		transform: translateZ(0);
	}
}


.bnr_07_n .layer_visit ul {
	overflow: hidden;
	position: absolute;
    top: 0px;
	left: 0px;
	width: 100%;
}

.bnr_07_n .layer_visit ul li {
	/* float: left; */
	display: block;
	width: 100%;
	height: 100%;	
}

.bnr_07_n .layer_visit:before {
	position: absolute;
	left: -14px;
    top: 40px;

	/* 삼각형 꼭지 왼쪽 */
	border-right: 15px solid rgba(137, 190, 227,1);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;

	/* 삼각형 꼭지 위쪽 */
    /* border-bottom: 15px solid rgba(137, 190, 227,1);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent; */

	transition: all 0.75s;
	display: block;
	content: "";	
}

.bnr_07_n .layer_visit ul li:nth-child(3) a {
	display: inline-block;
	text-indent: -111px;
	/* width: 100%; */
	height: 100%;
	background-image: url(https://layout.fgtv.com/images/main_ver2025/instagram.png);
	background-size: 96px 28px;
	background-repeat: no-repeat;
	background-position: 55px 10px;
	/* background-position: 185px 10px; */
	padding: 0 85px;
}

.bnr_07_n .layer_visit ul li:nth-child(3) a:hover {
	display: inline-block;
	background-image: url(https://layout.fgtv.com/images/main_ver2025/instagram_over.png);
	background-size: 96px 28px;
	background-repeat: no-repeat;
	/* background-position: 185px 10px; */
	padding: 0 85px;
}

.bnr_07_n .layer_visit li a {
	font-size: 22px;
    font-weight: 800;
	color: #fff;
	line-height: 42px;	
}

.bnr_07_n .layer_visit li a:hover {
	color: #ffff00;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.bnr_07_n .layer_visit li + li:before {
	content: "";
    display: block;
    width: 80%;
    height: 1px;
    background: rgba(255,255,255,0.75);
    vertical-align: middle;
    margin: 0px auto;
}




/*===== 푸터 영역 =====*/
footer {
	display: block;
	/* width: 100%; */   /* 가로 스크롤 없게 하려고 */
	height: 215px;
	padding: 50px 0 60px;
	background: #1d1d1d;
}
.footer_area {
	width: 1280px;
	margin: 0 auto;
	position: relative;
}
.footer_area ul {
	overflow: hidden;
}
.footer_area ul li {
	float: left;
}
#footer_yfgc_logo {
	display: inline-block;
	overflow: hidden;	
	box-sizing: border-box;
	vertical-align: top;
	margin-right: 50px;
}
.footer_yfgc_logo_text {
	display: inline-block;
    overflow: hidden;
    font-size: 0px;
    line-height: 0;
    text-indent: -9999px;
}
.footer_menu_info {
	display: inline-block;
	overflow: hidden;	
	box-sizing: border-box;
}
.footer_menu_info ul {
	overflow:hidden;
}
.footer_menu_info ul li {
	float: left;
	font-size: 20px;
	color: #fff;
	margin-right: 40px;
}

.footer_menu_info a {
	color: #ffffff;
}
.footer_menu {

}
#footer_info {
	font-size: 17px;
	color: #919191;
	margin-top: 28px;
	line-height: 24px;
}
.footer_address_tel {
	margin-bottom: 8px;
}
.footer_address_tel p {
	padding: 0 !important;
	margin: 0 !important;
}
.icon_address {
    display: inline-block;
    width: 14px;
    height: 19px;
    background: url(https://layout.fgtv.com/images/common/icon_address.png) no-repeat 50% 50%;
    background-size: 14px 19px;
    vertical-align: middle;
	margin-right: 11px;
}
/* .footer_tel {
	margin-bottom: 8px;
}
.footer_tel p {
	padding: 0 !important;
	margin: 0 !important;
} */
.icon_phone {
    display: inline-block;
    width: 14px;
    height: 16px;
    background: url(https://layout.fgtv.com/images/common/icon_phone.png) no-repeat 50% 50%;
    background-size: 14px 16px;
    vertical-align: middle;
	margin-right: 11px;
}
#footer_info ul {
	margin-bottom: 28px;
}
#footer_info ul li {
	float: left;
	font-size: 17px;
	color: #919191;
}
#footer_info .footer_email_receiver {
	color: #fff;
}
.icon_email {
    display: inline-block;
    width: 15px;
    height: 10px;
    background: url(https://layout.fgtv.com/images/common/icon_email.png) no-repeat 50% 50%;
    background-size: 15px 10px;
    vertical-align: middle;
	margin-right: 11px;
}
.footer_copy {

}

.footer_select {
	position: absolute;
	top: 104px;
	right: 0;
}

.related_agencies {
	position: relative;
}

.related_agencies_area a {
	font-size: 16px;
}

#btn_related_agencies {
	position: relative;
	display: block;
	background-color: #fff;
    border-radius: 50px;
	-webkit-border-radius: 50px;
	text-align: left;
	padding: 15px 25px;
	z-index: 99; 
	box-sizing: border-box;
}
#btn_related_agencies:hover {
	color: #b2b2b2;
}
#up-content {
	display: block;
    overflow: hidden;
	position: absolute;
    bottom: 32px;
	left: -1px;
    z-index: 98;
    width: 259.75px;
	padding: 22px 0px 22px 25px;
    background-color: #fff;
    border-radius: 25px 25px 0px 0px;
	-webkit-border-radius: 25px 25px 0px 0px;
	border: solid 1px rgba(0,0,0,1);
    border-bottom: 0 !important;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #171717;
	transform: skew(-0.090deg); /* 웹 폰트 깨짐 현상 해결 */
}
#up-content li {
	float: none !important;
	display: block !important;
	text-align: left !important;
	padding: 0px !important;
	margin: 0px !important;
	line-height: 31px !important;
	color: #171717;
	transform: skew(-0.090deg); /* 웹 폰트 깨짐 현상 해결 */
}
#up-content li a {
	border: 0 !important;
	color: #171717;
	transform: skew(-0.090deg); /* 웹 폰트 깨짐 현상 해결 */
}
#up-content li a:hover  {
	color: #0064ac;
}
#aaimg {
    margin-left: 68px;
	margin-top: 10px;
}


/* 개인정보취급방침 */
#policy_container {
	width: 100%;
    margin: 79px auto 0;
    position: relative;
    border-top: 1px solid rgba(221,221,221,1);
}

#policy_top_wrap {
	width: 1280px;
    margin: 0 auto;
    position: relative;
}

.policy_area {
    display: block;
    overflow: hidden;
    width: 640px;
    margin: 0 auto 200px;
	font-family: 'NanumSquare', 'Noto Sans KR', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif !important;
}

.w1280_r20_white_box_03 {
	display: block;
	width: 1280px;
	padding: 55px 59px 58px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	border: 1px solid rgba(178,178,178,1);
	box-sizing: border-box;
	font-size: 20px;
	font-family: 'Noto Sans KR', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif !important;
	letter-spacing: -0.5px;
	vertical-align: top !important;
	position: relative;
}

.link_contents_layout_01 {
	display: block;
	overflow: hidden;
	line-height: 43px;
	font-size: 25px;
	color: #0064ac;
}

/*========== 맨위로 올라가기 버튼 ==========*/
.gotop {
	position: fixed;
	right: 2%;
	bottom: 100px; 
	border-radius: 8px;
	-webkit-border-radius: 8px;
	width: 60px;
	height: 60px;
	background: rgba(255,255,255,1);
	transition-duration: 0.15s;
	z-index: 100;   
	/* box-shadow: 0px 0px 10px rgba(0,0,0,0.15);  */
	border: 1px solid rgba(178,178,178,0.5);
	overflow: hidden; 
	opacity: 1;
	cursor: pointer;
}

.gotop:hover {
	background: rgba(206,29,135,1);
}

.gotop p {
	color: #707070; 
	display: block; 
	font-size: 15px;
	line-height: 65px;
	text-align: center;
	font-weight: 700; 
	transform: skew(-0.09deg);

	background: url(https://layout.fgtv.com/images/main_ver2025/icon_arrow_up_gray_01.png) no-repeat 50% 15%;
    background-size: 11px 7px;
}

.gotop p:hover {
	color: #fff; 

	background: url(https://layout.fgtv.com/images/main_ver2025/icon_arrow_up_white_01.png) no-repeat 50% 15%;
    background-size: 11px 7px;
	border: 1px solid rgba(206,36,137,1);
}

.gotop.on {
	opacity: 1;
}

.gotop .arrow_top {
	position: absolute;
	content: "";
	top: 10px;
	left: 43%;
	width: 6px;
    height: 6px; 
    border-top: 2px solid rgba(112,112,112,1); /* 선 두께 */
    border-right: 2px solid rgba(112,112,112,1); /* 선 두께 */
    display: inline-block;
	transform: rotate(315deg); /* 각도(화살표 위로) */
}

.gotop .arrow_top:hover {
	position: absolute;
	content: "";
	top: 10px;
	left: 43%;
	width: 6px;
    height: 6px; 
    border-top: 2px solid rgba(0,100,172,1); /* 선 두께 */
    border-right: 2px solid rgba(0,100,172,1); /* 선 두께 */
	display: inline-block;
	transform: rotate(315deg); 각도(화살표 위로)
}

.hand {
	cursor: pointer;
}

/*=== 상단 슬라이드 영역 ===*/
.top_slide {
	width: 870px;
	height: 375px;
	position: relative;	
}

#banner_wrap .swiper-container {
	position: absolute;
	width: 870px;
	height: 420px;
}

#banner_wrap .swiper-container {
	position: absolute;
	width: 870px;
	height: 402px;
}

#banner_wrap .swiper-container .slide_shadow:hover {
	background-color: #fff8e6;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
	color: #13347f !important;
}

#banner_wrap .swiper-container .slide_shadow a:hover {
	color: #13347f !important;
}

#banner_wrap .swiper-container {
	position: absolute;
	width: 1280px;
	height: 350px;
}

#banner_wrap .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: rgba(255,255,255,0);
	/* background-color: #f5f5f5; */
}

#banner_wrap .swiper-slide img{
	width: 815px;
	height: 350px;
	border-radius: 25px;*/ 
}
#banner_wrap3 .swiper-pagination {
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	text-align: center !important;
	z-index: 99 !important; /* 이미지 뒤로 가려지지 않게 최상단으로 레이어 이동 */
	
	/* 기존 transition 유지 */
	-webkit-transition: .3s opacity;
	-o-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0,0,0);
}

/* ★ 불릿을 감싸는 박스 위치 조정 (top: 370px 대신 bottom 위치로 지정하는 것이 안전합니다) */
#banner_wrap3 .swiper-container-horizontal > .swiper-pagination-bullets, 
#banner_wrap3 .swiper-pagination-custom, 
#banner_wrap3 .swiper-pagination-fraction {
	display: block !important;
	position: absolute !important;
	bottom: 25px !important; /* top: 370px 대신 배너 하단에서 20px 위로 배치 */
	top: auto !important;     /* 기존 top 값 무효화 */
	left: 0 !important;
	width: 100% !important;
}

#banner_wrap3 .swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}

/* 개별 점(bullet) 여백 및 정렬 */
#banner_wrap3 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px !important; /* 상단 마진(40px) 제거 후 좌우 간격만 부여 */
	display: inline-block !important;
	vertical-align: middle;
}

/* 선택 안 되었을 때 */
#banner_wrap3 .swiper-pagination-bullet {
	width: 16px !important;
	height: 10px !important;
	background-color: #d5deee !important;
	border-radius: 6px !important;
	opacity: 1 !important; 
	transition: width .3s ease, background-color .3s ease !important;
}

/* 선택 되었을 때 (활성화) */
#banner_wrap3 .swiper-pagination-bullet-active {
	width: 50px !important;
	background-color: #0b57d0 !important;
}


/*=== 배너광고 슬라이드 영역 ===*/
#banner_wrap3 {
	display: block;
	height: 435px;
	background-color: #ffffff;
	width: 870px;
	position: relative;
}

#banner_wrap3 .banner_slide_area {
	background-color: #0064ac;	
}

#banner_wrap3 .swiper-container { 
	height: 100%;
}

#banner_wrap3 .swiper-slide {
	width: 870px !important;
	background-color: #ffffff;	
	text-align: center;
}

#banner_wrap3 .swiper-slide-c1 {
	color: #003669;	
	font-weight: 800;
	font-size: 22px;
	height: 90px;
	display: flex;
    flex-direction: row;
    align-items: center;
	justify-content: center;	
}

#banner_wrap3 .swiper-slide-c2 {
	color: #003669;
	font-weight: 800;
	font-size: 22px;
	height: 90px;
	line-height: 28px;
	display: flex;
    flex-direction: row;
    align-items: center;
	justify-content: center;
}

@keyframes moveNextButton {
    0% { transform: translateX(0); } /* 원래 위치 */
    50% { transform: translateX(10px); } /* 오른쪽으로 이동 */
    100% { transform: translateX(0); } /* 다시 원래 위치 */
}

#banner_wrap3 .swiper-button-next_n {
	position: absolute;
    top: 23px;
	right:-60px;
	left:auto;
	margin-top: 0px;
    z-index: 1;
    cursor: pointer;
	background:url(https://layout.fgtv.com/images/main_ver2025/btn_next.gif) no-repeat;
	width: 22px;
	height: 41px;
	background-size: contain; /* 버튼 크기에 맞춰 조정 */
	/* background-size: 22px 41px; */
	background-position:center;
	background-repeat:no-repeat;
}

#banner_wrap3 .swiper-button-next_n:hover {
	right: -60px;
    
    /* 애니메이션 적용 */
    animation: moveNextButton 0.5s infinite linear;
}

@keyframes movePrevtButton {
    0% { transform: translateX(0); } /* 원래 위치 */
    50% { transform: translateX(-10px); } /* 오른쪽으로 이동 */
    100% { transform: translateX(0); } /* 다시 원래 위치 */
}

#banner_wrap3 .swiper-button-prev_n {
	position: absolute;
    top: 23px;
	left:-60px;
	right:auto;
	margin-top: 0px;
    z-index: 1;
    cursor: pointer;
	background:url(https://layout.fgtv.com/images/main_ver2025/btn_prev.gif) no-repeat;
	width: 22px;
	height: 41px;
	background-size: contain; /* 버튼 크기에 맞춰 조정 */
	/* background-size: 22px 41px; */
	background-position:center;
	background-repeat:no-repeat;
}

#banner_wrap3 .swiper-button-prev_n:hover {
	left:-60px;

	/* 애니메이션 적용 */
    animation: movePrevtButton 0.5s infinite linear;
}

.center_lay {
	width: 100%;
	text-align: center;
}


/*=== 배너광고 슬라이드 영역2 ===*/
#banner_wrap2 {
	display: block;
	width: 1280px;
	height: 122px;
	background-color: #ffffff;
	position: relative;
	margin-top: 60px;
	margin-bottom: 70px;
}
}

#banner_wrap2 .banner_slide_area {
	background-color: #ffffff;	
}

#banner_wrap2 .swiper-container { 
	position: absolute;
	width: 1280px;
}

/* 1. 슬라이드 기본 설정 (회색 테두리 정상 적용) */
#banner_wrap2 .swiper-slide {
	width: 317px !important;
	border: 1px solid #d9e0ed !important; /* 기본 테두리 색상 명시 */
	background-color: #ffffff;	
	text-align: center;
	position: relative;
	box-sizing: border-box !important;
}

/* 2. 호버 시 덮어씌워질 그라데이션 테두리 (평소엔 hidden) */
#banner_wrap2 .swiper-slide::after {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	
	border: 3px solid transparent;
	border-image: linear-gradient(135deg, #3b82f6, #13347f) 1;
	
	/* [수정 1] 시작 시 좌상단(0,0) 위치로 잘라서 숨김 */
	clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	transition: clip-path 0.35s ease-in-out;
	
	pointer-events: none;
	z-index: 2;
}

/* 3. 호버 시 좌->우 테두리 채우기 */
#banner_wrap2 .swiper-slide:hover::after {
	clip-path: polygon(-50% -50%, 200% -50%, 200% 200%, -50% 200%);
}

#banner_wrap2 .swiper-container .slide_shadow:hover {
	background-color: #eceff6;
	color: #13347f !important;
}

#banner_wrap2 .swiper-container .slide_shadow a:hover {
	color: #13347f !important;
}

#banner_wrap2 .swiper-container .slide_shadow {
	transition: background-color 0.3s ease, color 0.3s ease;
}

#banner_wrap2 .swiper-container .slide_shadow span {
	display: inline-block; 
	transition: transform 0.2s ease;
}

#banner_wrap2 .swiper-container .slide_shadow:hover span {
	transform: scale(1.05); 
}

#banner_wrap2 .swiper-slide-c1m {
	color: #000000;	
	font-weight: 800;
	font-size: 22px;
	width: 317px;
	height: 120px;
	display: flex;
    flex-direction: row;
    align-items: center;
	justify-content: center;
	text-align: center;
}

#banner_wrap2 .swiper-slide-c2m {
	color: #000000;
	font-weight: 800;
	font-size: 22px;
	width: 317px;
	height: 120px;
	line-height: 28px;
	display: flex;
    flex-direction: row;
    align-items: center;
	justify-content: center;
	text-align: center;
}

@keyframes moveNextButton {
    0% { transform: translateX(0); } /* 원래 위치 */
    50% { transform: translateX(10px); } /* 오른쪽으로 이동 */
    100% { transform: translateX(0); } /* 다시 원래 위치 */
}

#banner_wrap2 .swiper-button-next_n {
	position: absolute;
    top: 40px;
	right:-60px;
	left:auto;
	margin-top: 0px;
    z-index: 1;
    cursor: pointer;
	background:url(https://layout.fgtv.com/images/main_ver2026/v26_btn_next.png) no-repeat;
	width: 22px;
	height: 40px;
	background-size: contain; /* 버튼 크기에 맞춰 조정 */
	background-position:center;
	background-repeat:no-repeat;
}

#banner_wrap2 .swiper-button-next_n:hover {
	right: -60px;
    
    /* 애니메이션 적용 */
    animation: moveNextButton 0.5s infinite linear;
}

@keyframes movePrevtButton {
    0% { transform: translateX(0); } /* 원래 위치 */
    50% { transform: translateX(-10px); } /* 오른쪽으로 이동 */
    100% { transform: translateX(0); } /* 다시 원래 위치 */
}

#banner_wrap2 .swiper-button-prev_n {
	position: absolute;
    top: 40px;
	left:-60px;
	right:auto;
	margin-top: 0px;
    z-index: 1;
    cursor: pointer;
	background:url(https://layout.fgtv.com/images/main_ver2026/v26_btn_prev.png) no-repeat;
	width: 22px;
	height: 40px;
	background-size: contain; /* 버튼 크기에 맞춰 조정 */
	/* background-size: 22px 41px; */
	background-position:center;
	background-repeat:no-repeat;
}

#banner_wrap2 .swiper-button-prev_n:hover {
	left:-60px;

	/* 애니메이션 적용 */
    animation: movePrevtButton 0.5s infinite linear;
}

.center_lay {
	width: 100%;
	text-align: center;
}


/*** 국세청 전자기부금영수증 의무발급 제도 안내 팝업 25.12.12 ***/
#yearandtax_notice_pop {
	position: absolute;
	/* top: 50%;
	left: 50%;
	transform: translate(-50%, -120%); */
	top: 20px;
	right: 50%;
	margin-right: -415px;
	background-color: #fff;
	width: 800px;
	height: 500px;
	text-align: left;
	z-index: 10000 !important; 
	border-radius: 20px;
	-webkit-border-radius: 20px;
	border: 1px solid #397de8;
	font-family: 'NanumSquare', 'Noto Sans KR', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;
	box-sizing: border-box;
	padding: 0 50px;
	/* box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.10); */
}

.pop_notice_01_close {
    display: block;
    position: absolute;
    top: 30px;
    right: 30px;
    width: 26px;
    height: 26px;
    z-index: 999999;
}

.pop_notice_01_title {
    display: block;
    margin: 60px auto 35px;
    text-align: center;
    font-size: 35px;
    font-weight: 800;
    z-index: 1;
    color: #000;
}

.pop_notice_01_text {
	font-size: 18px;
	line-height: 35px;
}

.font_blue_01 {
    color: #0064ac !important;
}

.font_red_01 {
    color: #c20510 !important;
}

.font_B {
    font-weight: 700 !important;
}

.font_23 {
    font-size: 23px !important;
}

.notice_pop_btn_wrap {
	display: block;
	width: 100%;
	margin-top: 50px;
}

.notice_pop_btn_wrap a {
	width: 48%;
}

.notice_pop_btn_wrap a:nth-child(1) {
	margin-right: 3%;
}

.pop_btn_close {
	display: inline-block;
	width: 100%;
	height: 80px;
	font-size: 23px;
	font-weight: 700;
	color: #000;
	text-align: center;
	line-height: 79px;
	background-color: #b2b2b2;
	border-radius: 50px;
	-webkit-border-radius: 50px;
}

.pop_btn_link {
	display: inline-block;
	width: 100%;
	height: 80px;
	font-size: 23px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	line-height: 79px;
	background-color: #0064ac;
	border-radius: 50px;
	-webkit-border-radius: 50px;
}



/* 2025  이영훈목사님 성탄 인사말 팝업 */
#pop_2025Christmas {
	position: absolute;
	top: 100px;
    right: 50%;
    margin-right: -650px;
    background-color: #fff;
    width: 1300px;
	height: 780px;
	padding: 10px;
	text-align: left;
	z-index: 10000 !important; 
	border-radius: 10px;
	-webkit-border-radius: 10px;
	/* border: 1px solid rgba(178,178,178,0.5); */
	font-family: 'NanumSquare', 'Noto Sans KR', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;
	box-sizing: border-box;
	box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
	/* overflow: hidden; */
}

#pop_2025Christmas p {
	 color: #000; 
	 font-size: 15px; 
	 /* margin-top: 10px; */
	 float: right;
}

#pop_2025Christmas p input {
	width: 14px;
	height: 14px;
	/* vertical-align: top; */
}

.btn_pop_2025_close {
    display: block;
    position: absolute;
    top: 0px;
    right: 50%;
	margin-right: -710px;
    width: 55px;
    height: 55px;
    z-index: 10001 !important; 
	background: #fff url(https://layout.fgtv.com/images/common/btn_close_01.png) no-repeat;
	background-position: center center;
	border-radius: 50%;
	/* border: 1px solid rgba(0, 0, 0, 0.15); */
}

#btn_xmasvod_play {
	display: inline-block;
    position: absolute;
    bottom: 8px;
    right: 310px;
	width: 130px;
	z-index: 10002 !important; 
}

#btn_xmasvod_pause {
	display: inline-block;
    position: absolute;
    bottom: 8px;
    right: 310px;
	width: 130px;
	z-index: 10002 !important; 
}

/*** 부활절연합예배 ***/
#Easter_notice_pop {
	position: absolute;
	top: 50px;
    right: 50%;
    margin-right: -650px;
    background-color: #fff;
    width: 1300px;
	height: 780px;
	padding: 10px;
	text-align: left;
	z-index: 10000 !important; 
	border-radius: 10px;
	-webkit-border-radius: 10px;
	/* border: 1px solid rgba(178,178,178,0.5); */
	font-family: 'NanumSquare', 'Noto Sans KR', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;
	box-sizing: border-box;
	box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
	/* overflow: hidden; */
}

#Easter_notice_pop p {
	 color: #000; 
	 font-size: 15px; 
	 /* margin-top: 10px; */
	 float: right;
}

#Easter_notice_pop p input {
	width: 14px;
	height: 14px;
	/* vertical-align: top; */
}



#btn_Eastervod_play {
	display: inline-block;
    position: absolute;
    bottom: 8px;
    right: 100px;
/*	right: 310px; */
	width: 130px;
	z-index: 10002 !important; 
}

#btn_Eastervod_pause {
	display: inline-block;
    position: absolute;
    bottom: 8px;
    right: 100px;
	/*	right: 310px; */
	width: 130px;
	z-index: 10002 !important; 
}

.mask_mov {
	position: relative;
	width: 100%;
	height: 744px;
	overflow: hidden;
}
/* ⭐ 영상 */
.mask_mov video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

/* ⭐ 마스크 이미지 */
.mask_mov img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	pointer-events: none; /* 클릭 방해 방지 */
}

.mask_fadeout {
	animation: maskScaleOut 1.4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	animation-delay: 2s;
	transform-origin: center center;
	will-change: transform, opacity, filter;
	backface-visibility: hidden;
}

@keyframes maskScaleOut {
	0% {
		opacity: 1;
		transform: scale(1);
		filter: blur(0px);
	}
	50% {
		opacity: 0;               /* ⭐ 여기서 이미 사라짐 */
		transform: scale(3.5);
		filter: blur(2px);
	}
	100% {
		opacity: 0;
		transform: scale(5);      /* ⭐ 보이지 않는 상태에서 계속 확대 */
		filter: blur(4px);
		visibility: hidden;
		pointer-events: none;
	}
}

.main_banner_4 {
	margin-top: 110px;
	margin-bottom: 110px;
	height: 230px;
}

.main_banner_4 ul {
	display: inline-block;	
	height: 100%;
}

.main_banner_4 li {
	float: left;
	margin-right: 58px;
	text-align: center;
}

.main_banner_4 li:last-child {
	margin-right: 0px;
}

.main_banner_4 a {
	position: relative;
	display: inline-block;
    border-radius: 100%;  /* 테두리를 여기서 조절 (100%는 원형) */
	/* overflow: hidden; */     /* [중요] 이미지가 커져도 밖으로 안 나감 */
    text-decoration: none;
    transition: all 0.3s ease;
}

.main_banner_4 img {
	display: block;
    width: 100%;
    height: auto;
	filter: brightness(0.75);	
    transition: transform 0.4s ease-out, filter 0.4s ease-out; /* 애니메이션 속도 설정 (0.3초 동안 부드럽게 변함) */
	object-fit: cover;
	pointer-events: none;
}

.main_banner_4 a:hover img {	
    filter: brightness(1.1); /* 원래 밝기로 복구 */
    transform: scale(1.1);/* 크기 확대 (1.1은 110% 크기) */
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	border-radius: 100%;
	object-fit: cover;
}

.main_banner_4 a:hover .main_bnr_title {	
	font-size: 28px;
	text-shadow: 0 0 5px rgb(0 0 0 / 100%);
}

.main_banner_4 .main_bnr_title {
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* 정확한 중앙 보정 */
	font-weight: 800;
	font-size: 27px;
	text-shadow: 0 0 5px rgb(0 0 0 / 75%);
	color: #ffffff;
	white-space: nowrap;      /* 줄바꿈 방지 */
	transition: transform 0.4s ease-out, filter 0.4s ease-out; /* 애니메이션 속도 설정 (0.3초 동안 부드럽게 변함) */
	pointer-events: none; /* 텍스트 때문에 마우스 오버가 방해받지 않도록 설정 */
}

/* 처음 상태: 투명하고 아래에 위치 */
.reveal {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.4s ease-out;
}

/* 스크롤이 도달했을 때 추가될 클래스 */
.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* 순차적 등장을 위한 시차 설정 (필요시) */
.banner_item:nth-child(1) { transition-delay: 0.1s; }
.banner_item:nth-child(2) { transition-delay: 0.2s; }
.banner_item:nth-child(3) { transition-delay: 0.3s; }
.banner_item:nth-child(4) { transition-delay: 0.4s; }



.main_banner_2 {
	height: 472px;
	padding-top: 100px;
	margin-top: 100px;
	position: relative;
}

/* .main_banner_2 > div {
	float: left;
} */

.main_bnr_2026 {
	float: left;
}

.grid_02 {
	height: 375px;
	margin-top: 60px !important;
}

.main_top_bnr {
	float: left;
	width: 870px;
	height: 375px;
	margin-right: 35px;
}

.main_top_news {
	width: 375px;
	position: relative;
	overflow: hidden;
	float: left;
}

.main_top_bbs_title {
	display: block;
	width: 100%;
	height: 75px;
	background-color: #434dac; /* 기본 배경색 */
	line-height: 75px;
	font-size: 28px;
	text-align: center;
	position: relative;
	box-sizing: border-box;
	overflow: hidden; /* 배경이 박스 밖으로 넘치지 않게 숨김 */
	z-index: 1;
}

.main_top_bbs_title::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0%;
	background-color: #636fde; 
	transition: height 0.4s ease-in-out;
	z-index: -1;
}

a.main_top_bbs_title:hover::before {
	height: 100%;
}

.main_top_bbs_title span {
	color: #ffffff;
	font-weight: 600;
	font-family: 'Noto Sans KR', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif !important;
	display: inline-block; /* transform(scale) 적용을 위해 필요 */
	transition: transform 0.3s ease-in-out; /* 부드럽게 커지도록 설정 */
}

.main_top_bbs_title span:hover {
	transform: scale(1.05);
}

a.main_top_bbs_title img {
    transition: transform 0.4s ease-in-out; 
    display: inline-block; /* 회전 축을 정상적으로 잡기 위해 필요 */
}

a.main_top_bbs_title:hover span {
	transform: scale(1.04);
}

a.main_top_bbs_title:hover img {
    transform: rotate(90deg) scale(1.05); 
}

.main_top_news_ctn {
	width: 400px;
}

.main_top_news li {
	height: 20px !important;
}

.main_top_news li:first-child {
	margin-top: 19px;;
}

.main_top_news_bnr {
	width: 800px;
	height: 240px;
	margin-left: 50px;
}

.main_top_news_bnr a {
	float: left;
	margin-top: 75px;
	margin-right: 40px;
}

.main_top_news_bnr a:last-child {
	margin-right: 0px;
}

.main_top_bt_more {
	position: absolute;
	right: 30px;
	top: 27px;
	font-size: 20px;
	color : #000000f;
	font-weight: 800;
	text-align: right;
}

.main_top_bbs_list {
	height: 75px;
	border-bottom: 1px solid #c7cbe6;
	position: relative; /* 애니메이션 선의 기준점 */
	box-sizing: border-box;
}

.main_top_bbs_list:hover {
	background-color: #ffffff;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
	color: #13347f !important;
	font-weight: 500;
}

/* 1. 호버 시 나타날 진한 선 (기본 상태: 너비 0) */
.main_top_bbs_list::after {
	content: '';
	position: absolute;
	bottom: -1px; /* 기존 border-bottom 위치와 정확히 포개어지도록 설정 */
	left: 0;
	width: 0%;
	height: 2px; /* 진해질 선의 두께 (1px 또는 2px) */
	background-color: #434dac; /* ★ 호버 시 바뀌는 진한 선 색상 */
	transition: width 0.3s ease-in-out; /* 왼쪽에서 오른쪽으로 늘어나는 속도 */
}

/* 2. 리스트 박스에 마우스를 올리면 선이 100%로 늘어남 */
.main_top_bbs_list:hover::after {
	width: 100%;
}

.main_top_bbs_list:hover a {
	color: #13347f !important;
}

.main_top_bbs_list li {
	float: left;
	height: 100%;
	display: block;
	height: auto !important; /* 높이 제한 해제 */
}

.main_top_bbs_list .main_top_bbs_subject{
	width: 370px;  /* 내용이 길어지면 말줄임표 처리 위해 가로 길이 지정 */
	height: 100%;
	font-size: 18px;
    padding: 8px 0;
	/* line-height: 98px; */
	color: #000000;
	text-align:  left;
	text-indent: 10px;
	font-family: 'Noto Sans KR', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif !important;

	/* 내용이 길어지면 말줄임표 처리 */
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.main_top_bbs_list li a:hover {
	color: #0b57d0 !important;
	text-align:  left;
}

.main_top_bbs_list .main_top_bbs_date {
	color: #74757e;
	width: 230px;
	text-align: right;
	padding: 32px 0;
	font-size: 15px;
	padding-right: 50px;
	font-family: 'Noto Sans KR', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif !important;
}

.grid_03 {
	height: 375px;
	padding-top: 60px;
	padding-bottom: 60px;
	margin-top: 60px;
}

/* .pastor_lee_sunday_sermon_bg_marble {
    width: 319px;
    height: 375px;
	background-image: url(https://layout.fgtv.com/images/main_ver2026/pastor_lee_sunday_sermon_bg_marble.jpg); 
	position: relative;
	float: left;
	display: inline-block;
	margin-right: 15px;
} */

.pastor_lee_sunday_sermon_bg_marble {
    width: 319px;
    height: 375px;
    position: relative;
    float: left;
    display: inline-block;
    margin-right: 15px;
    /* overflow: hidden; */ /* 배경이 박스 밖으로 넘치지 않게 방지 */
}

/* 1. 배경 이미지만 담당하는 가상 레이어 생성 */
.pastor_lee_sunday_sermon_bg_marble::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://layout.fgtv.com/images/main_ver2026/pastor_lee_sunday_sermon_bg_marble.jpg);
    background-size: cover;
    background-position: center;
    z-index: 1; /* 글자 뒤로 배치 */
    
    /* 기본 상태 밝기 및 부드러운 전환 효과 */
    filter: brightness(0.9); /* 기본 밝기 (필요시 1로 변경 가능) */
    transition: filter 0.4s ease-in-out; /* 0.4초 동안 서서히 밝아짐 */
}

/* 2. 마우스를 올렸을 때(hover) 배경 가상 레이어만 밝아지게 설정 */
.pastor_lee_sunday_sermon_bg_marble:has(.pastor_lee_sunday_sermon:hover)::before {
	filter: brightness(1.25);
}

/* 3. 내부 컨텐츠(글자/버튼 등)를 배경보다 위로 올리기 */
.pastor_lee_sunday_sermon_bg_marble > * {
    position: relative;
    z-index: 2; /* 배경(z-index: 1)보다 위에 위치하도록 설정 */
}

.pastor_lee_sunday_sermon {
	display: inline-block;   
	position: relative;
	float: left;
    width: 319px;  
    height: 375px; 
	margin-right: 15px;
	box-sizing: border-box; /* 박스 크기가 절대 변하지 않도록 테두리/패딩 포함 설정 */
    text-align: center;

    /* 배경 기본 설정 */
    background-image: url(https://layout.fgtv.com/images/main_ver2026/pastor_lee_sunday_sermon.png); 
    background-repeat: no-repeat;
    background-position: center;
	background-size: 100% 100%;  /* [핵심] 배경이 처음에는 405x350 상자에 딱 맞게 시작 */   
    transition: background-size 0.8s ease-in-out, background-color 0.8s ease-in-out;  /* [핵심] 마우스 올릴 때와 뗄 때 모두 0.3초간 스르륵 움직이게 설정 */
}

/* 2. 마우스 오버 상태 (가로 405, 세로 350 영역 안에서 배경만 확대) */
/* .pastor_lee_sunday_sermon:hover {    
    background-size: 105% 105%; 
} */

.pastor_lee_sunday_sermon_bt {
	display: inline-block;
	font-size: 22px;
	color: #ffffff;
	width: 100%;
	height: 67px;
	line-height: 67px;
	background: #ce4087;
	margin-top: 308px;
	transition: transform 0.3s ease;
}

.pastor_lee_sunday_sermon_bt > span {
	display: inline-block; /* scale 효과 적용을 위해 필수 */
	transition: transform 0.5s ease; /* 부드러운 확대/축소 효과 */
}

.pastor_lee_sunday_sermon:hover .pastor_lee_sunday_sermon_bt span {    
    transform: scale(1.05); 
}


.pastor_lee_sunday_hp {
	display: inline-block;
	width: 281px;
	font-size: 17px;
	position: absolute;
	top: 387px;
	left: 18px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #000000;
	border-radius: 32px;
	text-align: center;
	background-image: url(https://layout.fgtv.com/images/main_ver2026/bt_arrow_01.png);  
	background-position: 245px 10px;
	background-repeat: no-repeat;
	text-indent: -10px; 
	transition: color 0.3s ease;
}

.pastor_lee_sunday_hp span {
	font-weight: 800;
}

.pastor_lee_sunday_hp:hover {
	background-color: #0b57d0;
	color: #ffffff;
	background-image: url(https://layout.fgtv.com/images/main_ver2026/bt_arrow_02.png);  
	border: 1px solid #0b57d0;
}

.main_banner_2_top {
	margin-top: 45px;
}

.main_banner_2_top > a {
	float: left;
}

.main_banner_2_top_01 {
	display: inline-block;
	width: 625px;
	height: 146px;
	border-radius: 25px;
	margin-right: 30px;
	color: #ffffff;
	font-weight: 800;
	font-size: 38px;
	line-height: 146px;	
	text-indent: -70px;
	margin-top: 0;/* 마이너스 마진 기준점 초기화 */
	background-image: url(https://layout.fgtv.com/images/main_ver2026/main_banner_2_top_01_icon.png), linear-gradient(to bottom, #e84aa8 50%, #bb006f 50%);
    background-position: 500px 46px, top center;
	background-repeat: no-repeat, no-repeat;
	background-size: auto, 100% 200%; /* 아이콘은 원래크기(auto), 물결은 200% */
	transition: background-position 0.3s ease-in-out, height 0.3s ease-in-out, line-height 0.3s ease-in-out, margin-top 0.3s ease-in-out;;
}

.main_banner_2_top_01:hover {
	background-position: 500px 51px, bottom center;
	height: 156px;
	line-height: 156px;
	margin-top: -10px;
}

.main_banner_2_top_01_font25 {
	font-size: 25px;
}

.main_banner_2_top_02 {
	display: inline-block;
	width: 625px;
	height: 146px;
	border-radius: 25px;
	color: #ffffff;
	font-weight: 800;
	font-size: 38px;
	line-height: 146px;
	text-indent: -70px;
	background-image: url(https://layout.fgtv.com/images/main_ver2026/main_banner_2_top_02_icon.png), linear-gradient(to bottom, #e84aa8 50%, #bb006f 50%);
    background-position: 500px 37px, top center;
	background-repeat: no-repeat, no-repeat;
	background-size: auto, 100% 200%; /* 아이콘은 원래크기(auto), 물결은 200% */
	transition: background-position 0.3s ease-in-out, height 0.3s ease-in-out, line-height 0.3s ease-in-out, margin-top 0.3s ease-in-out;;
}

.main_banner_2_top_02:hover {
	background-position: 500px 42px, bottom center;
	height: 156px;
	line-height: 156px;
	margin-top: -10px;
}

/* 교회 방문/투어 신청서 작성 레이어 */
.main_banner_2_layer:hover .layer_visit {
	opacity: 1;
	visibility: visible;
	
	/* 원래 제자리(0)로 부드럽게 밀고 들어옴 */
	transform: translate3d(0, 0, 0);
}

.main_banner_2_layer .layer_visit {
	/* [수정] display: none 대신 투명도와 가시성을 이용해 숨깁니다 */
	opacity: 0;
	visibility: hidden;

    position: absolute;
	left: 50%;
    top: -27px;
    width: 400px;
	height: 190px;
	border: 1px solid #d93697;
	background: #f586c8;
    border-radius: 25px;
	-webkit-border-radius: 25px;
    margin-left: -385px;	
    box-sizing: border-box;
	z-index: 10;

	transform: translate3d(-10%, 0, 0);

	transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, visibility 0.4s;
}

.main_banner_2_layer .layer_visit ul {
	overflow: hidden;
	position: absolute;
    top: 10px;
	left: 0px;
	width: 100%;
}

.main_banner_2_layer .layer_visit ul li {
	display: block;
	width: 100%;
	height: 100%;	
}

.main_banner_2_layer .layer_visit:before {
	position: absolute;
	right: -14px;
    top: 85px;

	/* 삼각형 꼭지 왼쪽 */
	border-left: 15px solid #f586c8;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
	transition: all 0.75s;
	display: block;
	content: "";	
}

.main_banner_2_layer .layer_visit ul li:nth-child(3) a {
	display: inline-block;
	text-indent: -116px;
	/* width: 100%; */
	height: 100%;
	background-image: url(https://layout.fgtv.com/images/main_ver2025/instagram.png);
	background-size: 96px 28px;
	background-repeat: no-repeat;
	background-position: 55px 13px;
	/* background-position: 185px 13px; */
	padding: 0 85px;
}

.main_banner_2_layer .layer_visit ul li:nth-child(3) a:hover {
	display: inline-block;
	background-image: url(https://layout.fgtv.com/images/main_ver2025/instagram_over.png);
	background-size: 96px 28px;
	background-repeat: no-repeat;
	background-position: 55px 13px;
	/* background-position: 185px 13px; */
}

.main_banner_2_layer .layer_visit li a {
	font-size: 23px;
    font-weight: 800;
	color: #fff;
	line-height: 48px;	
}

.main_banner_2_layer .layer_visit li a:hover {
	color: #ffff00;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.main_banner_2_layer .layer_visit li + li:before {
	content: "";
    display: block;
    width: 80%;
    height: 1px;
    background: rgba(255,255,255,0.75);
    vertical-align: middle;
    margin: 5px auto;
}

.main_banner_3_top > a {
	float: left;
}

.main_banner_3_top {
	margin-top: 65px;
}

.main_banner_3_top_01 {
	display: inline-block;
	width: 625px;
	height: 83px;
	border-radius: 16px;
	margin-right: 30px;
	color: #000000;
	font-weight: 800;
	font-size: 26px;
	line-height: 83px;
	margin-top: 0;/* 마이너스 마진 기준점 초기화 */
	background-image: linear-gradient(to bottom, #ffe8f2 50%, #f586c8 50%);
    background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% 200%; /* 아이콘은 원래크기(auto), 물결은 200% */
	transition: background-position 0.2s ease-in-out, height 0.2s ease-in-out, line-height 0.2s ease-in-out, margin-top 0.2s ease-in-out;;
}

.main_banner_3_top_01:hover {
	background-position: bottom center;
	height: 88px;
	line-height: 88px;
	margin-top: -5px;
	color: #ffffff;
}

.main_banner_3_top_02 {
	display: inline-block;
	width: 286px;
	height: 83px;
	border-radius: 16px;
	margin-right: 25px;
	color: #000000;
	font-weight: 800;
	font-size: 26px;
	line-height: 83px;
	margin-top: 0;/* 마이너스 마진 기준점 초기화 */
	background-image: linear-gradient(to bottom, #ffe8f2 50%, #f586c8 50%);
    background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% 200%; /* 아이콘은 원래크기(auto), 물결은 200% */
	transition: background-position 0.2s ease-in-out, height 0.2s ease-in-out, line-height 0.2s ease-in-out, margin-top 0.2s ease-in-out;;
}

.main_banner_3_top_02:hover {
	background-position: bottom center;
	height: 88px;
	line-height: 88px;
	margin-top: -5px;
	color: #ffffff;
}

.main_banner_3_top_03 {
	display: inline-block;
	width: 314px;
	height: 83px;
	border-radius: 16px;
	color: #000000;
	font-weight: 800;
	font-size: 26px;
	line-height: 83px;
	margin-top: 0;/* 마이너스 마진 기준점 초기화 */
	background-image: linear-gradient(to bottom, #ffe8f2 50%, #f586c8 50%);
    background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% 200%; /* 아이콘은 원래크기(auto), 물결은 200% */
	transition: background-position 0.2s ease-in-out, height 0.2s ease-in-out, line-height 0.2s ease-in-out, margin-top 0.2s ease-in-out;;
}

.main_banner_3_top_03:hover {
	background-position: bottom center;
	height: 88px;
	line-height: 88px;
	margin-top: -5px;
	color: #ffffff;
}

.main_banner_3_vertical {
	display: inline-block;
	width: 331px;
	height: 375px;
	margin-right: 35px;
	float: left;
}

.main_banner_3_vertical .main_banner_3_vertical_01 {
	display: inline-flex;
	align-items: center;     /* 세로 중앙 정렬 (핵심) */
	padding-left: 40px; 
	box-sizing: border-box;
	width: 331px;
	height: 115px;
	color: #ffffff;
	background-color: #434dac;
	font-weight: 800;
	font-size: 23px;
	line-height: 32px;

	background-image: 
		url(https://layout.fgtv.com/images/main_ver2026/main_banner_3_vertical_03_icon_01.png),
		linear-gradient(to bottom, #434dac 50%, #636fde 50%);

	background-size: 45px 31px, 100% 200%; 
	background-repeat: no-repeat, no-repeat;
	background-position: 246px 42px, 0 0;

	transition: background-position 0.3s ease-in-out, color 0.3s ease-in-out;
}

.main_banner_3_vertical .main_banner_3_vertical_01 > span {
	display: inline-block;
	transition: transform 0.3s ease-in-out;
}

.main_banner_3_vertical .main_banner_3_vertical_01:hover {
	background-position: 246px 39px, 0 100%;
}

.main_banner_3_vertical .main_banner_3_vertical_01:hover > span {
	transform: translateY(-3px);
}

.main_banner_3_vertical .main_banner_3_vertical_02 {
	display: inline-flex;
	align-items: center;     /* 세로 중앙 정렬 (핵심) */
	padding-left: 40px; 
	box-sizing: border-box;
	width: 331px;
	height: 115px;
	margin-right: 25px;
	color: #ffffff;
	background-color: #434dac;
	font-weight: 800;
	font-size: 23px;
	margin-top: 15px;
	background-image: 
		url(https://layout.fgtv.com/images/main_ver2026/main_banner_3_vertical_03_icon_02.png),
		linear-gradient(to bottom, #434dac 50%, #636fde 50%);

	background-size: 46px 43px, 100% 200%; 
	background-repeat: no-repeat, no-repeat;
	background-position: 245px 36px, 0 0;

	transition: background-position 0.3s ease-in-out, color 0.3s ease-in-out;
}

.main_banner_3_vertical .main_banner_3_vertical_02 > span {
	display: inline-block;
	transition: transform 0.3s ease-in-out;
}

.main_banner_3_vertical .main_banner_3_vertical_02:hover {
	background-position: 245px 33px, 0 100%;
}

.main_banner_3_vertical .main_banner_3_vertical_02:hover > span {
	transform: translateY(-3px);
}

.main_banner_3_vertical .main_banner_3_vertical_03 {
	display: inline-flex;
	align-items: center;     /* 세로 중앙 정렬 (핵심) */
	padding-left: 40px; 
	box-sizing: border-box;
	width: 331px;
	height: 115px;
	color: #ffffff;
	background-color: #434dac;
	font-weight: 800;
	font-size: 23px;
	margin-top: 15px;
	background-image: 
		url(https://layout.fgtv.com/images/main_ver2026/main_banner_3_vertical_03_icon_03.png),
		linear-gradient(to bottom, #434dac 50%, #636fde 50%);

	background-size: 47px 46px, 100% 200%; 
	background-repeat: no-repeat, no-repeat;
	background-position: 244px 35px, 0 0;

	transition: background-position 0.3s ease-in-out, color 0.3s ease-in-out;
}

.main_banner_3_vertical .main_banner_3_vertical_03 > span {
	display: inline-block;
	transition: transform 0.3s ease-in-out;
}

.main_banner_3_vertical .main_banner_3_vertical_03:hover {
	background-position: 244px 32px, 0 100%;
}

.main_banner_3_vertical .main_banner_3_vertical_03:hover > span {
	transform: translateY(-3px);
}

/* 교회 방문/투어 신청서 작성 레이어 */
.main_banner_3_vertical_03:hover + .main_banner_3_vertical_layer_visit, .main_banner_3_vertical .main_banner_3_vertical_layer_visit:hover {
	opacity: 1;
	visibility: visible;
	
	transform: translate3d(-10%, 0, 0);
}

.main_banner_3_vertical .main_banner_3_vertical_layer_visit {
	opacity: 0;
	visibility: hidden;

	position: absolute;
	left: 50%;
	top: 285px;
	width: 300px;
	height: 190px;
	border: 1px solid #1428a0;
	background: #ffffff;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	margin-left: 68px;	
	box-sizing: border-box;
	z-index: 10;

	transform: translate3d(0, 0, 0);

	transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.main_banner_3_vertical .main_banner_3_vertical_layer_visit ul {
	overflow: visible;
	position: absolute;
    top: 10px;
	left: 0px;
	width: 100%;
}

.main_banner_3_vertical .main_banner_3_vertical_layer_visit ul li {
	display: block;
	width: 100%;
	height: 100%;	
	text-align: center;
}

.main_banner_3_vertical .main_banner_3_vertical_layer_visit:before {
	content: "";
	position: absolute;
	top: 85px;
	left: -14px;
	border-right: 14px solid #1428a0; /* 파란색 테두리 */
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	transition: all 0.75s;
}

.main_banner_3_vertical .main_banner_3_vertical_layer_visit:after {
	content: "";
	position: absolute;
	top: 86px;    /* [수정] top을 85px + 1px = 86px로 설정 (위쪽 1px 테두리) */
	left: -12px;  /* [수정] left를 -14px + 2px = -12px로 설정 (빗면 1px 두께 유지) */
	border-right: 12px solid #ffffff; /* [수정] 오른쪽 세로선 위치를 :before와 완벽히 일치시킴 (-12px + 12px = 0px) */
	border-top: 7px solid transparent;  /* [수정] 8px - 1px = 7px */
	border-bottom: 7px solid transparent; /* [수정] 8px - 1px = 7px */
	transition: all 0.75s;
}

.main_banner_3_vertical .main_banner_3_vertical_layer_visit ul li:nth-child(3) a {
	display: inline-block;
	text-indent: -116px;
	/* width: 100%; */
	height: 100%;
	background-image: url(https://layout.fgtv.com/images/main_ver2026/icon_instagram.png);
	background-size: 96px 28px;
	background-repeat: no-repeat;
	background-position: 55px 13px;
	/* background-position: 185px 13px; */
	padding: 0 85px;
}

.main_banner_3_vertical .main_banner_3_vertical_layer_visit ul li:nth-child(3) a:hover {
	display: inline-block;
	background-image: url(https://layout.fgtv.com/images/main_ver2026/icon_instagram_over.png);
	background-size: 96px 28px;
	background-repeat: no-repeat;
	background-position: 55px 13px;
	/* background-position: 185px 13px; */
}

.main_banner_3_vertical .main_banner_3_vertical_layer_visit li a {
	font-size: 23px;
    font-weight: 800;
	color: #000000;
	line-height: 48px;	
}

.main_banner_3_vertical .main_banner_3_vertical_layer_visit li a:hover {
	color: #0b57d0;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.main_banner_3_vertical .main_banner_3_vertical_layer_visit li + li:before {
	content: "";
    display: block;
    width: 80%;
    height: 1px;
    background: #c6cae5;
    vertical-align: middle;
    margin: 5px auto;
}

.main_banner_6 {
	display: inline-block;
	width: 580px;
	height: 375px;
	float: left;
}

.main_banner_6 li {
	display: inline-block;
	width: 170px;
	height: 170px;
	margin-right: 35px;
	margin-bottom: 35px;
	float: left;

	/* 기본 상태: 투명 & 약간 내려가 있음 */
	opacity: 0;
	transform: translateY(20px);
}

.main_banner_6 li:nth-child(3n) {
	margin-right: 0px;
}


.main_banner_6_btn_01 a { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: #ffffff; border: 2px solid transparent; border-image: linear-gradient(135deg, #70cffe 0%, #1f4bfd 100%); border-image-slice: 1; box-sizing: border-box; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease; }
.main_banner_6_btn_01 a::before { content: ''; position: absolute; inset: 0; padding: 5px; background: linear-gradient(135deg, #70cffe 0%, #1f4bfd 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; clip-path: polygon(0 0, 0 0, 0 0, 0 0); transition: clip-path 1.0s cubic-bezier(0.25, 1, 0.5, 1); }
.main_banner_6_btn_01 a:hover { transform: translateY(-5px); box-shadow: 0 6px 15px #b1b6e3; }
.main_banner_6_btn_01 a:hover::before { clip-path: polygon(-50% -50%, 200% -50%, 200% 200%, -50% 200%); }
.main_banner_6_btn_01 a > * { position: relative; z-index: 1; }
.main_banner_6_btn_01 a .title_01 { position: absolute; font-size: 20px; font-weight: 800; color: #000000; text-align: center; line-height: 1.2; top: 32px; }
.main_banner_6_btn_01 a .icon_01 { position: absolute; top: 77px; width: 45px; height: 58px; background-image: url('https://layout.fgtv.com/images/main_ver2026/icon_mainbanner_01.png'); background-repeat: no-repeat; background-position: center; background-size: contain; }

.main_banner_6_btn_02 a { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: #ffffff; border: 2px solid transparent; border-image: linear-gradient(135deg, #9fa2fc 0%, #6055fd 100%); border-image-slice: 1; box-sizing: border-box; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease; }
.main_banner_6_btn_02 a::before { content: ''; position: absolute; inset: 0; padding: 5px; background: linear-gradient(135deg, #9fa2fc 0%, #6055fd 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; clip-path: polygon(0 0, 0 0, 0 0, 0 0); transition: clip-path 1.0s cubic-bezier(0.25, 1, 0.5, 1); }
.main_banner_6_btn_02 a:hover { transform: translateY(-5px); box-shadow: 0 6px 15px #b1b6e3; }
.main_banner_6_btn_02 a:hover::before { clip-path: polygon(-50% -50%, 200% -50%, 200% 200%, -50% 200%); }
.main_banner_6_btn_02 a > * { position: relative; z-index: 1; }
.main_banner_6_btn_02 a .title_01 { position: absolute; font-size: 20px; font-weight: 800; color: #000000; text-align: center; line-height: 1.2; top: 32px; }
.main_banner_6_btn_02 a .icon_01 { position: absolute; top: 77px; width: 46px; height: 58px; background-image: url('https://layout.fgtv.com/images/main_ver2026/icon_mainbanner_02.png'); background-repeat: no-repeat; background-position: center; background-size: contain; }

.main_banner_6_btn_03 a { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: #ffffff; border: 2px solid transparent; border-image: linear-gradient(135deg, #ff9ea9 0%, #ff2840 100%); border-image-slice: 1; box-sizing: border-box; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease; }
.main_banner_6_btn_03 a::before { content: ''; position: absolute; inset: 0; padding: 5px; background: linear-gradient(135deg, #ff9ea9 0%, #ff2840 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; clip-path: polygon(0 0, 0 0, 0 0, 0 0); transition: clip-path 1.0s cubic-bezier(0.25, 1, 0.5, 1); }
.main_banner_6_btn_03 a:hover { transform: translateY(-5px); box-shadow: 0 6px 15px #b1b6e3; }
.main_banner_6_btn_03 a:hover::before { clip-path: polygon(-50% -50%, 200% -50%, 200% 200%, -50% 200%); }
.main_banner_6_btn_03 a > * { position: relative; z-index: 1; }
.main_banner_6_btn_03 a .title_01 { position: absolute; font-size: 20px; font-weight: 800; color: #000000; text-align: center; line-height: 1.2; top: 32px; }
.main_banner_6_btn_03 a .icon_01 { position: absolute; top: 77px; width: 57px; height: 59px; background-image: url('https://layout.fgtv.com/images/main_ver2026/icon_mainbanner_03.png'); background-repeat: no-repeat; background-position: center; background-size: contain; }

.main_banner_6_btn_04 a { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: #ffffff; border: 2px solid transparent; border-image: linear-gradient(135deg, #7ee440 0%, #3a9900 100%); border-image-slice: 1; box-sizing: border-box; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease; }
.main_banner_6_btn_04 a::before { content: ''; position: absolute; inset: 0; padding: 5px; background: linear-gradient(135deg, #7ee440 0%, #3a9900 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; clip-path: polygon(0 0, 0 0, 0 0, 0 0); transition: clip-path 1.0s cubic-bezier(0.25, 1, 0.5, 1); }
.main_banner_6_btn_04 a:hover { transform: translateY(-5px); box-shadow: 0 6px 15px #b1b6e3; }
.main_banner_6_btn_04 a:hover::before { clip-path: polygon(-50% -50%, 200% -50%, 200% 200%, -50% 200%); }
.main_banner_6_btn_04 a > * { position: relative; z-index: 1; }
.main_banner_6_btn_04 a .title_01 { position: absolute; font-size: 20px; font-weight: 800; color: #000000; text-align: center; line-height: 1.2; top: 32px; }
.main_banner_6_btn_04 a .icon_01 { position: absolute; top: 77px; width: 45px; height: 59px; background-image: url('https://layout.fgtv.com/images/main_ver2026/icon_mainbanner_04.png'); background-repeat: no-repeat; background-position: center; background-size: contain; }

.main_banner_6_btn_05 a { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: #ffffff; border: 2px solid transparent; border-image: linear-gradient(135deg, #fbbb51 0%, #e75620 100%); border-image-slice: 1; box-sizing: border-box; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease; }
.main_banner_6_btn_05 a::before { content: ''; position: absolute; inset: 0; padding: 5px; background: linear-gradient(135deg, #fbbb51 0%, #e75620 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; clip-path: polygon(0 0, 0 0, 0 0, 0 0); transition: clip-path 1.0s cubic-bezier(0.25, 1, 0.5, 1); }
.main_banner_6_btn_05 a:hover { transform: translateY(-5px); box-shadow: 0 6px 15px #b1b6e3; }
.main_banner_6_btn_05 a:hover::before { clip-path: polygon(-50% -50%, 200% -50%, 200% 200%, -50% 200%); }
.main_banner_6_btn_05 a > * { position: relative; z-index: 1; }
.main_banner_6_btn_05 a .title_01 { position: absolute; font-size: 20px; font-weight: 800; color: #000000; text-align: center; line-height: 1.2; top: 32px; }
.main_banner_6_btn_05 a .icon_01 { position: absolute; top: 77px; width: 44px; height: 58px; background-image: url('https://layout.fgtv.com/images/main_ver2026/icon_mainbanner_05.png'); background-repeat: no-repeat; background-position: center; background-size: contain; }

.main_banner_6_btn_06 a { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: #ffffff; border: 2px solid transparent; border-image: linear-gradient(135deg, #fb93da 0%, #f93fb5 100%); border-image-slice: 1; box-sizing: border-box; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease; }
.main_banner_6_btn_06 a::before { content: ''; position: absolute; inset: 0; padding: 5px; background: linear-gradient(135deg, #fb93da 0%, #f93fb5 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; clip-path: polygon(0 0, 0 0, 0 0, 0 0); transition: clip-path 1.0s cubic-bezier(0.25, 1, 0.5, 1); }
.main_banner_6_btn_06 a:hover { transform: translateY(-5px); box-shadow: 0 6px 15px #b1b6e3; }
.main_banner_6_btn_06 a:hover::before { clip-path: polygon(-50% -50%, 200% -50%, 200% 200%, -50% 200%); }
.main_banner_6_btn_06 a > * { position: relative; z-index: 1; }
.main_banner_6_btn_06 a .title_01 { position: absolute; font-size: 20px; font-weight: 800; color: #000000; text-align: center; line-height: 1.2; top: 32px; }
.main_banner_6_btn_06 a .icon_01 { position: absolute; top: 77px; width: 56px; height: 59px; background-image: url('https://layout.fgtv.com/images/main_ver2026/icon_mainbanner_06.png'); background-repeat: no-repeat; background-position: center; background-size: contain; }

/* 등장 키프레임 */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* active 클래스가 붙으면 애니메이션 시작 */
.main_banner_6.active li {
	animation: fadeInUp 0.5s ease-out forwards;
}

/* li 순서별 딜레이 */
.main_banner_6.active li:nth-child(1) { animation-delay: 0.1s; }
.main_banner_6.active li:nth-child(2) { animation-delay: 0.2s; }
.main_banner_6.active li:nth-child(3) { animation-delay: 0.3s; }
.main_banner_6.active li:nth-child(4) { animation-delay: 0.4s; }
.main_banner_6.active li:nth-child(5) { animation-delay: 0.5s; }
.main_banner_6.active li:nth-child(6) { animation-delay: 0.6s; }



.main_banner_7_top {
	margin-top: 100px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.main_banner_7_top img {
	margin-bottom: 10px;
	image-rendering: -webkit-optimize-contrast; 
	transform: translateZ(0);
	backface-visibility: hidden;
	width: 113px;
    
    /* 3. [핵심] 그래픽카드(GPU) 가속을 켜서 부드러운 안티앨리어싱(화질 보정) 강제 적용 */
    transform: translateZ(0); 
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    
    /* 4. 변형(scale) 시 미세하게 떨리거나 깨지는 현상 방지 보너스 속성 */
    will-change: transform;
}

.main_banner_7_top img:hover {
	max-width: 124px !important;
}

.main_banner_7_top a {
	display: inline-block;
	width: 124px;
	margin-right: 50px;
	text-align: center;
	text-decoration: none;

	/* 초기 상태: 투명하고 20px 아래에 배치 */
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}

.main_banner_7_top a:last-child {
	margin-right: 0px;
}

.main_banner_7_top a .inner {
	display: flex;
	flex-direction: column; /* 이미지 아래에 글씨가 오도록 세로 정렬 */
	align-items: center;    /* 가로 기준 정중앙 정렬 */
	justify-content: flex-end; /* [수정] 정렬 기준을 바닥으로 밀착 */
	width: 100%;
	/* height: 100%; */
	/* padding: 10px 0; */
	
	transform: scale(1);
	transform-origin: bottom center; /* 기준점을 바닥으로 잡아 위로만 늘어남 */
	
	/* 오버/아웃 반응 속도 최적화 (0.12초 고속 반응) */
	transition: transform 0.12s cubic-bezier(0.25, 1, 0.5, 1);
	
	/* GPU 그래픽 가속 활성화 (버벅임 및 글자 깨짐 방지) */
	will-change: transform;
	backface-visibility: hidden;
}

.main_banner_7_top a .inner span {
	display: block;
	font-size: 20px;
	color: #000000;
	font-weight: 700;
	transition: color 0.12s, font-weight 0.12s;
}

.main_banner_7_top.active a {
	opacity: 1;
	transform: translateY(0);
}

.main_banner_7_top.active a:nth-child(1) { transition-delay: 0.0s; }
.main_banner_7_top.active a:nth-child(2) { transition-delay: 0.1s; }
.main_banner_7_top.active a:nth-child(3) { transition-delay: 0.2s; }
.main_banner_7_top.active a:nth-child(4) { transition-delay: 0.3s; }
.main_banner_7_top.active a:nth-child(5) { transition-delay: 0.4s; }
.main_banner_7_top.active a:nth-child(6) { transition-delay: 0.5s; }
.main_banner_7_top.active a:nth-child(7) { transition-delay: 0.6s; }

.main_banner_7_top.active a:hover .inner {
	transform: scale(1.1) !important; /* 이미지와 글씨가 세트로 1.1배 확대 */
}

/* .main_banner_7_top.active a:hover .inner span {
	color: #000000 !important; 
} */

.main_search {
	height: 170px;
}

.main_search li {
	float: left;
	margin-top: 40px;
}

.main_search ul li:nth-child(2) {
	position: relative;
}

.search-box {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    border-radius: 90px; /* 완전한 라운드 */
    padding: 10px 15px 10px 40px; /* 오른쪽 버튼 여백 고려 */
    /* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); */ /* 은은한 그림자 */
    height: 70px;
	width: 695px;
	margin-right: 10px;
}

/* 카테고리 텍스트 */
.category {
    font-size: 22px;
    font-weight: 800;
    color: #000;
    white-space: nowrap;
	padding-left: 20px;
}

/* 세로 구분선 */
.divider {
    width: 1px;
    height: 20px;
    background-color: #ddd;
    margin: 0 30px;
}

/* 입력 필드 */
.search-input {
    flex: 1;
    border: none;
    outline: none;
    font-size: 22px;
    font-weight: 500;
    color: #333;
    background: transparent;
}

/* 플레이스홀더 색상 (이미지의 핑크색 반영) */
.search-input::placeholder {
    color: #ff478a; 
    font-weight: 600;
}

/* 검색 버튼 (핑크색 원형) */
.search-btn {
    width: 60px;
    height: 60px;
    background-color: #ec008c; /* 이미지의 진한 핑크색 */
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.2s ease, background-color 0.2s;
	background-image: url(https://layout.fgtv.com/images/main_ver2026/bt_mag_01.png);
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position: center center;
}

.search-btn:hover {
    background-color: #ff0e9d;
    transform: scale(1.05);
}

.search-btn svg {
    width: 40px;
    height: 40px;
}

.detail-search-btn {
	display: inline-block;
	background-color: #db3a9a;
	color: #ffffff; 
	border: none; 
	border-radius: 90px;
	font-size: 23px;	
	width: 225px;
	height: 90px;
	cursor: pointer; 
	text-align: center;
    transition: transform 0.2s ease, background-color 0.2s;
	/* background-image: url(https://layout.fgtv.com/images/main_ver2026/bt_search_01.png);
	background-size: 18px 19px;
	background-repeat: no-repeat;
	background-position: 155px 36px;
	text-indent: -20px; */
	margin-right: 30px;
	line-height: 90px;
	position: relative;
	/* font-weight: normal !important; */
	font-family: inherit; /* 버튼태그시에 글자두께 설정 */
	font-weight: 700 !important;
}

.detail-search-btn:hover {
    background-color: #ff0e9d;
    transform: scale(1.05);
}

.rotate-icon {
    display: inline-block; /* 회전하려면 block 속성이 필요합니다 */
	margin-top: 35px;
	margin-left: 10px;
    transition: transform 0.4s ease-in-out; /* 0.4초 동안 부드럽게 회전 */
}

/* [핵심] 버튼에 마우스 올리면 아이콘만 회전 */
.detail-search-btn:hover .rotate-icon {
    transform: rotate(90deg) scale(1.05); /* 180도 회전 (한 바퀴 다 돌리려면 360deg) */
}

.lang-selector {
    position: relative;
    width: 265px;
}

/* 메인 버튼 스타일 */
.lang-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    border-radius: 50px;
    cursor: pointer;
	height: 90px;
	transition: all 0.3s ease;
	transition: transform 0.2s ease, background-color 0.2s;
}

.lang-selector.active .arrow {
    transform: rotate(180deg);
}

.lang-btn .text {
    font-size: 20px;
    font-weight: 700;
    color: #000000;
    margin-right: 15px; /* 화살표와의 간격 */
}

.lang-btn .arrow {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #000000; /* 화살표 색상 */
    margin-top: 4px;
}

.lang-btn:hover {
	transform: scale(1.05);
	background-color: #f586c8;
}

.lang-btn:hover .text {
	color: #ffffff !important;
}

.lang-btn:hover .arrow {
    border-top: 7px solid #ffffff; /* 화살표 색상 */
}

.lang-list {
    position: absolute;
    top: 105px; /* 버튼과 약간의 간격 */
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 25px;
    padding: 0px 0px;
    margin: 0;
    /* box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); */
    z-index: 100;
    
    /* 초기 상태: 숨김 및 부드러운 등장 효과 */
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
    transition: all 0.3s ease;
	border: 2px solid #e84aa8;	
	font-family: 'NanumSquareRound', Tahoma, Arial, Helvetica, 'Microsoft YaHei New', 'Microsoft Yahei', '微软雅黑', 宋体, SimSun, STXihei, '华文细黑', sans-serif !important;
}

.korean {
	font-family: 'NanumSquare', 'NanumSquareRound', 'Noto Sans KR', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif !important;
	/* font-weight: 700 !important;*/
	font-size: 20px !important;
}

/* active 클래스가 붙었을 때 보여짐 */
.lang-selector.active .lang-list {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.lang-list li a {
    display: block;
    padding: 0px 50px;
    color: #000000;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
	line-height: 0px; /* 줄 간격을 타이트하게 설정 */
    transition: background 0.2s;
}

.lang-list li:last-child {
    height: 40px;
}

.lang-list li a:hover {
    /* background-color: #fff0f5; */ /* 마우스 올렸을 때 연한 핑크색 배경 */
    color: #e6007e;
}

/* 팝업 본체 디자인 */
.simple-popup {
    display: none;
	/* display: block; */
    position: absolute !important; /* 문서 흐름을 따라 배경과 같이 스크롤됨 */
    left: 50%;
	margin-left: -395px;
    transform: translateX(-50%);
    top: 105px; /* 상세검색 버튼 바로 아래쪽으로 위치 조정 */    
    background: #ffffff;
    width: 901px;
    /* max-width: 800px; */
    padding: 40px;
    border-radius: 25px;
    border: 2px solid #e84aa8;
    /* box-shadow: 0 10px 40px rgba(0,0,0,0.15); */
    z-index: 9999;
}

/* --- 이미지 디자인 요소 --- */
.search-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 20px; }
.item { display: flex; align-items: center; margin-right: 60px; }
.item label { width: 90px; font-weight: 400; font-size: 20px; font-family: 'Noto Sans KR', "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif !important; }
.item input, .item select { flex: 1; height: 45px; border: 1px solid #ccc; padding: 0 30px; border-radius: 0px; font-size: 20px; }
.item.full { grid-column: span 2; margin: 10px 0; }

/* 검색창 스타일 */
.pink-input-box { position: relative; width: 100%; }
.pink-input-box input { width: 805px; height: 45px; border: 3px solid #db3a9a; padding-left: 60px; outline: none; }
.glass-icon { position: absolute; left: 30px; top: 13px; color: #d82d93; font-size: 20px; }

/* 날짜 박스 */
.date-flex { display: flex; align-items: center; gap: 5px; flex: 1; }
.date-flex input { width: 45%; text-align: center; }
.date-flex span { font-size: 20px; }

/* 하단 버튼 및 구분선 */
.line { margin: 40px 0; border-top: 1px solid #d8d8d8; }
.btns { display: flex; justify-content: center; gap: 35px; }
.btns button { padding: 15px 70px; border-radius: 40px; border: none; font-size: 21px; font-weight: 700; cursor: pointer; }
.reset-btn { background: #b2b2b2; color: #fff; }
.submit-btn { background: #db3a9a; color: #fff; }

/* 닫기 버튼 */
.close-x { position: absolute; bottom: 25px; right: 35px; font-size: 45px; background: none; border: none; cursor: pointer; font-weight: 100; color: #333; }

/* 열기 버튼 스타일 */
/* .main-search-btn { background: #d82d93; color: #fff; padding: 12px 30px; border-radius: 40px; border: none; font-weight: bold; cursor: pointer; } */

.select_box_w100per_2026 {
	display: inline-block;
} 

.select_box_w100per_st_2026 {
	position: relative;
	display: block;
	font-size: 18px;
    color: #171717;
	text-align: left;
	width: 100%;
	padding: 0px 20px 0px 20px !important;
	z-index: 150; 
	box-sizing: border-box;

	background: #fff url(https://layout.fgtv.com/images/common/btn_arrow_down_11.png) no-repeat right 15px center;

	-webkit-appearance: none;  /* 크롬 화살표 없애기 */
    -moz-appearance: none; /* 파이어폭스 화살표 없애기 */
    appearance: none;  /* 화살표 없애기 */ 
}

.select_box_w100per_st_2026:focus {
	background: #fff url(https://layout.fgtv.com/images/common/btn_arrow_up_11.png) no-repeat right 15px center;
	border: 1px solid #ccc;
}

.select_box_w100per_2026 select::-ms-expand {
   display:none;/*for IE10,11*/
}

.select_box_w100per_2026 select option {
	line-height: 30px !important;
}

/* 영상구분, 상세구분 등 모든 셀렉트 버튼 디자인을 은은하게 강제 통일 */
.lang-btn, 
#openBtn,
[id*="Btn"], /* 이름에 Btn이 들어가는 요소들 */
.search-grid. search-select-class /* 만약 오른쪽 버튼 클래스명을 아신다면 여기에 추가 */ {
    border: 1px solid #dcdcdc !important; /* 진한 검정을 연한 회색으로 무조건 변경 */
    outline: none !important;              /* 클릭했을 때 파랗거나 검게 변하는 테두리 제거 */
}

/* 마우스 클릭(Focus)이나 활성화되었을 때도 진해지지 않도록 방어 */
.lang-btn:focus,
.lang-btn.active,
#openBtn:focus,
#searchLayer select:focus {
    border-color: #860050 !important; /* 포커스 시에도 연한 회색 유지 */
    outline: none !important;
    box-shadow: none !important;
}

.pink-input-box input::placeholder {
	color: #d3c7ce;
}

#searchLayer input:focus {
    border-color: #860050 !important; /* 포커스 시에도 연한 회색 유지 */
    outline: none !important;
    box-shadow: none !important;
}