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

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

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

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

ul,ol,dl,li,span {list-style:none}
img {border:0; vertical-align:top;}
img.lview {border:0; vertical-align:middle;}
* {margin:0; padding:0;}
li{
	list-style:none;
	line-height: 1.5em;
}
A {
	TEXT-OVERFLOW: ellipsis; COLOR: #000; TEXT-DECORATION: none; -o-text-overflow: ellipsis
}
A:link {
	TEXT-DECORATION: none
}
A:hover {
	text-decoration:none;
}
A:active {
	TEXT-DECORATION: none
}

.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.ml10 { margin-left:10px; }

.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }

.pt5{ padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }

.pb5{ padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }

.a_c {text-align:center !important;}
.a_l {text-align:left !important;}
.a_r {text-align:right !important;}
.v_m {vertical-align:middle !important;}

.img98 { width:98% !important;}
.img95 { width:95% !important;}
.img90 { width:90% !important;}
.img85 { width:85% !important;}
.img80 { width:80% !important;}
.img75 { width:75% !important;}
.img70 { width:70% !important;}
.img60 { width:60% !important;}
.img50 { width:50% !important;}

.red1 { color:#d30011;}

.f_bold { font-weight: bold !important;}




#d_header{width:100%; background:url(http://m.fgtv.com/ott/image/header_bg.png) repeat-x left top; height:41px;}
#d_header ul{width:100%;}
#d_header .hd01{position:absolute; left:5px; top:8px;z-index:12;}
#d_header .hd02{position:absolute; top:9px; text-align:center; width:100%; overflow:hidden; font-size:14pt; color:#ffffff; font-weight:bold; letter-spacing:0px;}
#d_header .hd03{position:absolute; right:5px; top:6px;}
#d_header .hd02n{position:absolute; top:9px; text-align:center; width:100%; overflow:hidden; font-size:13pt; color:#ffffff; font-weight:bold; letter-spacing:0px;}
#d_header .hd02_2{position:absolute; top:8px; right:40px; text-align:center; width:100%; overflow:hidden; font-size:1.22em; color:#ffffff; font-weight:bold; letter-spacing:0px;}

#d_contents{width:auto; margin-top:0px; min-height: 350px;}

.desc1 {font-size:0.9em;}
.title_1 {font-size:1.6em; font-weight:bold; }
.title_2 {font-size:2.2em; font-weight:bold; }
.desc_img {display:block;  text-align: center;}
.desc_img img {width:100%; }

#p_contents1{ margin:0 10px;}
.desc2 {display:block; font-size:1.4em; letter-spacing:-0.09em; text-align:left; line-height:1.6em; padding-left:10px;}
/* .txt_bl {border-left:4px solid #f5964c; box-sizing: border-box;} */

.line_b1 {border:1px solid #e2e2e2;}

.title_box1 {display:block; width:100%; height:31px; font-size:1.5em; font-weight:bold; line-height:31px; background-color:#e2e2e2; padding:8px 0;}

.st_on1 { display:block; text-align:center;  font-size:1.3em; line-height:2.8em;}
.st_on1 > li{ list-style-type: disc; }
.st_on1 > li .eg_ls { letter-spacing:-0.05em; }


#p_contents2 {  background-color:#ebebeb; }
.sub_contents1 { margin:0px 20px 10px 20px; padding:10px 10px 10px; background-color:#fff; }
.num_st1 { width:300px; height:60px; font-size:20px; font-weight:bold; line-height:60px; color:#fff; background-color:#46bcca; margin:0 auto 12px; }
.sub_title1 { font-size:1.75em; font-weight:bold; color:#46bcca; }

.desc3 {font-size:0.95em;}
.title_3 {font-size:1.5em; font-weight:bold; }

.st_on2 { display:block; padding-left:10px; margin-top:10px; text-align:left; font-size:1.2em; line-height:2.4em;}
.st_on2 > li{ list-style-type: disc; }

.sub_contents2 { margin:0px 20px 0px; padding:10px 10px 10px; background-color:#fff; }

.num_st2 { width:92%; height:40px; font-size:20px; font-weight:bold; line-height:40px; color:#fff; background-color:#7aac42; margin:0 auto 12px; padding-right:2px;}
.sub_title2 { font-size:1.8em; font-weight:bold; color:#7aac42; }

.obj-number1 { position: relative; width: 90%; padding-top: 0.5em;  margin: 1.2em auto; border-bottom: 1px solid #7aac42; color: #7aac42; }
.obj-number1 > span { display: inline-block; position: absolute; width: 5.5em; top: -.25em; left: 0; right: 0; padding: 0 .25em; margin: 0 auto; font-size:1.6em; font-weight:bold; background-color: #fff; letter-spacing: -2px; }
.obj-number2 { position: relative; width: 90%; padding-top: 0.5em;  margin: 2.5em auto; border-bottom: 1px solid #7aac42; color: #7aac42; }
.obj-number2 > span { display: inline-block; position: absolute; width: 4.8em; top: -.25em; left: 0; right: 0; padding: 0 .25em; margin: 0 auto; font-size:1.6em; font-weight:bold; background-color: #fff; letter-spacing: -2px; }
.desc_box { display:block; width:70%; margin:0 auto 0px; padding:10px 20px; font-size:1.1em; line-height: 1.4em; color:#28550a; background-color:#dceed0; }
.desc_box11 { display:block; width:70%; margin:0 auto 0px; padding:10px 0; font-size:1.1em; line-height: 1.4em; color:#550a13; background-color:#f8dad6; }
.desc_box12 { display:block; width:70%; margin:10px auto 0px; padding:10px 20px; font-size:1.4em; color:#000000; background-color:#fef8f7; border: 2px solid #e9867a; }
.desc_box13 { display:block; width:70%; margin:0 auto 0px; padding:10px 20px; font-size:1.1em; line-height: 1.4em; color:#550a13; background-color:#f8dad6; }

.sub_contents3 { margin:10px 20px 30px; padding:20px 10px 30px; background-color:#fff; }
.num_st3 { width:92%; height:40px; font-size:20px; font-weight:bold; line-height:40px; color:#fff; background-color:#e9867a; margin:0 auto 5px; padding-right:2px; }
.sub_title3 { font-size:1.8em; font-weight:bold; color:#e9867a; }
.obj-number3 { position: relative; width: 90%; padding-top: 0.5em;  margin: 1.3em auto; border-bottom: 1px solid #e9867a; color: #e9867a; }
.obj-number3 > span { display: inline-block; position: absolute; width: 7.6em; top: -.25em; left: 0; right: 0; padding: 0 .25em; margin: 0 auto; font-size:1.4em; font-weight:bold; background-color: #fff; letter-spacing: -2px; }
.s_cnt3_t1 { font-size:1.2em; }
.s_cnt3_t2 { display:inline-block; padding-top: 3.5%; font-size:4.5em; font-weight:bold; color: #e65443; background:url(http://m.fgtv.com/ott/image/dot2.png) no-repeat ; background-position: 50% 9%; background-size:12%; }
.s_cnt3_t3 { font-size:1.15em;}
.nun_st { letter-spacing:0.01em;}

.sub_title5 { font-size:1.6em; font-weight:bold; color:#ac7500; text-align: center; margin-bottom: 15px;}
.sub_contents4 { margin:0px 20px 0px; padding: 20px 15px 15px; background-color:#fff; text-align: left; letter-spacing:0em !important;}
.sub_contents4 div { font-size:1.15em; line-height: 1.4em; text-align: left;  letter-spacing:0em !important;}
.sub_contents4_desc1 { width: 100%; font-weight: bold !important; margin-bottom: 7px;}
.sub_contents4_desc1_sub { width: 100%; font-weight: bold !important; margin-bottom: 7px;}
/* .sub_contents4_desc { width: 100%; margin-bottom: 7px;} */
.sub_contents4_desc ul { overflow:hidden; width: 100%; }
.sub_contents4_desc ul li { float: left; }
.sub_contents4_desc ul li:nth-child(1) { width: 32% !important; text-align:left !important;}
.sub_contents4_desc ul li:nth-child(2) { width: 53% !important; text-align:center !important; overflow:hidden; margin-left:-22px;}
.sub_contents4_desc ul li:nth-child(3) { width: 15% !important; text-align:right !important; float: right !important;}
.sub_contents4_text { text-align: justify !important; line-height: 1.8em !important;}
.sub_title6 { font-size:1.1em; font-weight:bold; margin-bottom: 5px; }



#p_contents3{ margin:30px 20px; background-color:#fff;}
.sub_title4 { font-size:1.8em; font-weight:bold; color:#2c54af; }
.line_b2 {border:0.75px solid #2c54af; }
.desc_box2 { display:block; margin:0 auto 30px; padding:10px; font-size:1.1em; text-align:left; line-height:60px; color:#000; background-color:#f2f7fb; border:3px solid #d3def0;}


#p_contents4{ margin:20px auto; background-color:#fff;}
.title_box2 {display:block; width:100%; height:31px; font-size:1.5em; font-weight:bold; line-height:31px; color:#fff; letter-spacing:0; background-color:#2c54af; padding:8px 0;}
.line_b3 {width: 90%; margin: 10px auto; border:0.75px solid #2c54af;;}
.video-container { position:relative; padding-bottom:56.25%;  height:0; overflow:hidden; }
.video-container iframe,.video-container object,.video-container embed { position:absolute; top:0; left:0; width:100%; height:89%;}

#d_copyright{width:100%; background-color:#EBEBEB; }
#footer_line{border-top:3px solid #D11A1C; background-color:#EBEBEB; height:1px;}

#add_wrap { width: 100%; background-color:#EBEBEB; padding-bottom:7px; padding-top: 10px; }
.add01 { font-size:0.9em; color:#444444; letter-spacing:-1px; line-height:15px; padding-bottom:7px; text-align: center; }
.add02 { font-size:0.85em; color:#999999; letter-spacing:-1px; line-height:15px; padding-bottom:7px; text-align: center; }

.gotop {position: fixed; right: 10px; bottom: 10px; border-radius: 10%; width: 44px; height: 44px; background-color: #fff; transition-duration: 0.6s; z-index: 2; box-shadow: 0px 0px 8px rgba(0,0,0,0.4); border: 1px solid #a1a1a1; overflow: hidden; opacity: 0;}
.gotop p { color: #404040; display: block; width: 100%; height: 100%; font-size: 15px; line-height: 50px; text-align: center; font-weight: bold; background: url(http://m.fgtv.com/ott/image/icon_top_arrow.png) no-repeat center 6px; background-size: 11px; cursor: pointer}
/* .gotop {position: fixed; right: 10px; bottom: 10px; border-radius: 50%; width: 44px; height: 44px; background-color: #fff; transition-duration: 0.6s; z-index: 2; box-shadow: 0px 0px 10px rgba(0,0,0,0.4); border: 1px solid #1b4788; overflow: hidden; opacity: 0;}
.gotop p { color: #1b4788; display: block; width: 100%; height: 100%; font-size: 15px; line-height: 50px; text-align: center; font-weight: bold; background: url(http://m.fgtv.com/ott/image/ico_gotop_arrow.png) no-repeat center 6px; background-size: 11px; cursor: pointer} */
.gotop.on {opacity: 0.8;}


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

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

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

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

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

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

p, ul, li {
	max-height: 9999999px;
}



/* 해상도 640px 미만 - 스마트폰 */
@media all and (max-width:639px)  {
	.sub_contents2_box {
		display: block;
		border: 1px solid rgba(178,178,178,1);
		border-radius: 15px;
		-webkit-border-radius: 15px;
		padding: 20px 15px;	
		font-size: 1em;
	}
}

/* 해상도 640px 이상 */ 
@media all and (min-width:640px) { 
	.sub_contents2_box {
		display: block;
		border: 1px solid rgba(178,178,178,1);
		border-radius: 15px;
		-webkit-border-radius: 15px;
		padding: 40px 80px 20px;	
		font-size: 1em;
	}
}


.sub_contents2_box p {
	letter-spacing: -0.025em !important;
    line-height: 1.5em !important;
	word-break: keep-all !important;
}

.title_holiday1 {
	font-size: 1.45em;
	font-weight: bold;
	text-align: center;
	color: #0064ac;
	margin-bottom: 15px;
}

.title_holiday2 {
	font-size: 1.45em;
	font-weight: bold;
	text-align: center;
	color: #ac7500;
	margin-bottom: 15px;
}

.list_line {
	display: block;
	overflow: hidden;
	margin: 20px 0;
}

.list_title {
	float: left;
	width: 75px;
	text-align: left;

	font-size: 0.9em !important;
}

.list_right {
	float: right;
	width: 55px;
	text-align: right;
	font-size: 0.9em !important;
}

.line1 {
	display: inline-block;
	width: 45%;
	height: 1px;
	background: rgba(178,178,178,0.55);
	vertical-align: super;
}

/* .line2 {
	display: inline-block;
	position: relative;
    width: 48%;
    padding-top: 2px;
    margin: 2px auto;
    border-bottom: 1px solid rgba(178,178,178,1);
    color: rgba(178,178,178,1);
} */

/* .list_center {
	display: inline-block;
    position: absolute;
    width: 100%;
    top: -2px;
    left: 0;
    right: 0;
    padding: 0 .2px;
    margin: 0 auto;
    background-color: #fff;
} */

.list_center {
	display: inline-block;
	text-align: center;
	font-size: 0.8em !important;
	letter-spacing: 0 !important;
	vertical-align: top !important;
	margin-top: 1px;
}

.bible_area {
	display: block;
	border: 1px solid rgba(178,178,178,0.55);
	padding: 15px 10px;
	margin: 20px 0;
	word-break: keep-all !important;
	line-height: 25px !important;
	font-size: 1em !important;
}

.text_detail {
	display: block;
	width: 100%;	
}

.text_detail p {
	width: 100%;	
	text-align : justify;
	word-break: keep-all !important;
	line-height: 25px !important;
	font-size: 1em !important;
}

.text_detail_title {
	font-size: 1.5em !important;
	font-weight: bold;
	margin: 20px 0 10px;
}

.text_detail_bottom {
	font-size: 0.9em !important;
	color: rgba(178,178,178,1);
	margin: 30px 0 0;
}