@charset "euc-kr";

@font-face {font-family:Malgun Gothic; src:url('/inc/font/MalgunGothic.eot') format('truetype');}
@font-face {font-family:Malgun Gothic; src:url('/inc/font/MalgunGothic.ttf') format('truetype');}

/* RESET */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {margin: 0;padding: 0;}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:inherit;text-decoration:none;font-family:'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif;/}

td {font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',dotum,Sans-serif; letter-spacing:0.5px;font-size:14px; line-height: 160%; padding:5px;}
textarea {font-size:13px;color:#808080;line-height:1.5em;border:1px solid #cbcbcb;background:#fff;}
legend, caption, .blind{position:absolute; left:-9999px; overflow:hidden; text-indent:-9999em; z-index:-1;font-size:0;line-height:0;}
/*
table{border-collapse:collapse}
button {overflow:visible;margin:0;padding:0;font-size:12px;font-family:'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif;line-height:1.1em;letter-spacing:-0.05em;vertical-align:middle;border:0 none;cursor:pointer;}
button::-moz-focus-inner {padding:0;border:0 none;}*/
span {display:inline-block;}



/* GENERAL STYLING */
html,body {width:100%; height: 100%;margin:0;padding:0;}


body {background: #4a6c9c url('/img/main_bg5.jpg') no-repeat 0 0;background-attachment: fixed;font:12px/1.5em Malgun Gothic;color: #303030; /*OVERFLOW-Y: scroll;*/}

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

#header {/* *position:relative; */position:relative;z-index:2;width:100%; min-width:1100px; height:65px; 
			/*background:#f2f2f2;*/
			background:#1f2b45; /*»ó´Ü ¹è°æ ÆĶõ»öÀ϶§ ¹é±×¶ó¿îµå 4a6c9c*/
			border-bottom:5px solid #172b4a;} /*ÆĶõ¶ì 1f2b45*/
	
	#header .slogin {/*width:100%;*/width:1100px;}

	#header .logo {float:left;padding:12px 0 5px 20px;}
	#header .logo a {display:block; /*width:194px;height:40px;*/ }

	#header .top_mnu{float:right;width:200px;padding-top:25px;}
	#header .top_mnu a { color:#fff !important; } /*»ó´Ü ¹è°æ ÆĶõ»öÀ϶§ ±Û¾¾ Èò»ö*/
	#header ul.top_btn {float:left;margin-right:8px;border:1px solid #d1d1d1;}
	#header ul.top_btn li {float:left;}
	#header ul.top_btn li a {display:block;height:13px;padding:5px 0;width:68px;color:#303030;text-align:center;line-height:1em;border-left:1px solid #d1d1d1;}
	#header ul.top_btn li.first a {border-left:0 none;}
	



#container #contents {position:relative;margin-left:200px; width:900px;z-index:1;overflow:hidden;padding-right:4px;background:url('/img/bg_contents.png') 100% 0 repeat-y; }
#container #contents {min-height:918px;}
#container #contents .inner {float:left; width:675px; min-height:758px;}


#container #contents .inner .ms_tit {position:relative; margin-left:45px; padding-top:280px; }
#container #contents .inner .ms_tit a {color:#fff; font-size:38px; letter-spacing:-2px; text-shadow:3px 3px 2px #060606;}
#container #contents .inner .ms_name {position:relative;margin-left:50px; padding-top:20px;}
#container #contents .inner .ms_name a {color:#fff; font-size:22px; text-shadow:0 0 10px #000611;font-weight:bold }
#container #contents .inner .ms_date {position:relative;margin-left:50px; padding-top:10px;color:#fff; font-size:20px; text-shadow:0 0 5px #000611;font-weight:bold }
#container #contents .inner .ms_date a {}


#container #contents .inner .msermon {position:relative;  width:88%; margin:0 auto;padding:0;}
#container #contents .inner .msermon ul {list-style:none; float:left; padding:0; padding-top:55px; }
#container #contents .inner .msermon ul li {display:inline-block;width:109px;height:43px;background: url(/img/ms_bg.png) no-repeat;letter-spacing:-0.5px; margin-right:6px; text-align:center ; }
#container #contents .inner .msermon ul li:last-child {margin:none;}
#container #contents .inner .msermon ul li a {color:#fff; font-size:20px; line-height:200%; text-align:center ; /*padding-left:15px;*/}


.sermonbg {position:absolute; display:block; width:675px;height:518px;/* background: url(/img/msermon_bg.jpg) no-repeat*/}

/**** 2018.07.16 ¼öÁ¤ ****/

.sermonbg .ms_tit {position:relative; margin-left:45px; padding-top:280px; }
.sermonbg  .ms_tit a {color:#fff; font-size:38px; letter-spacing:-2px; text-shadow:3px 3px 2px #060606;}
.sermonbg  .ms_name {position:relative;margin-left:50px; padding-top:20px;}
.sermonbg  .ms_name a {color:#fff; font-size:22px; text-shadow:0 0 10px #000611;font-weight:bold }
.sermonbg  .ms_date {position:relative;margin-left:50px; padding-top:10px;color:#fff; font-size:20px; text-shadow:0 0 5px #000611;font-weight:bold }
.sermonbg  .ms_date a {}


.sermonbg  .msermon {position:relative;  width:88%; margin:0 auto;padding:0;}
.sermonbg  .msermon ul {list-style:none; float:left; padding:0; padding-top:55px; }
.sermonbg  .msermon ul li {display:inline-block;width:109px;height:43px;background: url(/img/ms_bg.png) no-repeat;letter-spacing:-0.5px; margin-right:6px;}
.sermonbg  .msermon ul li:last-child {margin:none;}
.sermonbg  .msermon ul li a {color:#fff; font-size:20px; line-height:200%; padding-left:15px;}














#container {position:relative;background:url('/img/bg_left.png') 0 0 repeat-y;}


.con_tit {height:40px;margin-bottom:25px;background:#696d70; padding:10px 20px;}
.con_tit h3 {line-height:40px;color:#fff; font-size:25px;font-family:'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif;font-weight:normal}
/*.cont_head h3 {float:left; width:50%;height:100%;text-indent:-9999px;line-height:1em;background-position:47px 12px;background-repeat:no-repeat;}*/

.location{float:right; margin-top:-22px; color:#fff;}
.location em{padding-left:5px;font-style:normal;}

.contents802 {width:802px;margin:0 auto 25px;background:#fff;}
.contents824 {width:824px;margin:0 auto 25px;background:#fff;}


.con_body {position:relative; padding:20px 20px 40px 20px;overflow:hidden;}



.con_body .sl____sermon {position:relative; width:100%; list-style:none;}
.con_body .sl____sermon li { display:inline-block; float:left; width:46%; padding:5px 10px; }
.con_body .sl____sermon li img {width:100%}
.con_body .sl____sermon li h3 {font:bold 20px '¸¼Àº °íµñ'; color:#555555; line-height:40px;}
.con_body .sl____sermon li h3 span {float:right; font:normal 10px '¸¼Àº °íµñ',dotum,Sans-serif; color:#999; line-height:33px;} 

.con_body .sl____sermon li .sl____sermon_list {position:relative; width:96%; margin-top:5px;}

.con_body .sl____sermon li .sl____sermon_list li {
		width:100% !important; border-bottom:1px solid #eee; font:bold 17px '¸¼Àº °íµñ'; letter-spacing:-0.5px; line-height:33px;
		}
.con_body .sl____sermon li .sl____sermon_list li:hover {width:100%; background:#eee;}

.con_body .sl____sermon li .sl____sermon_list li a {color:#777;}


.con_body .sl____sermon li .sl____sermon_list li span {float:right; right:30px;  font:normal 15px '¸¼Àº °íµñ',dotum,Sans-serif; color:#999; line-height:33px;}






#left_area {position:absolute;left:0px;width:200px;top:0px;z-index:2;min-height:904px;}


.right_ban {float:right;width:225px;height:760px;padding:0;}



#mslide {width:675px;height:242px;padding:0;margin:0;}
#mslide iframe {padding:0;margin:0;}

/* gnb */
	#gnb {display:block;padding-top:33px;width:200px;}
	#gnb li {display:block;position:relative;padding-bottom:0px;}
	#gnb li.depth2_07 {display:none;}
	#gnb li a {display:block;width:178px;height:24px;padding: 10px 0 15px 22px;font-size:23px;font-weight:bold;color: #fff;line-height:1em;letter-spacing:-0.08em;}
	#gnb li a.oneDepths {color:#b2dbfb;text-shadow:0 0 5px #000611;}
	#gnb a:hover, #gnb a:focus{color: #fff;text-decoration:none;}
	#gnb li a:hover, 
	#gnb li a:focus, 
	#gnb li a:active,
	#gnb li.on a{background:#1f304c;}
	/*#gnb li.gnb_02 ul.depth2 {top:-49px;}
	#gnb li.gnb_03 ul.depth2 {top:-98px;}
	#gnb li.gnb_04 ul.depth2 {top:-147px;}*/
	#gnb li ul.depth2 {display:none;position:absolute;left:200px;top:0;width:175px;}
	#gnb li ul.depth2 li{position:relative;width:175px;}
	#gnb li ul.depth2 li a{width:156px;height:25px;padding:5px 0 5px 19px;font-size:18px;line-height:15px;color:#9cc8ed;background:none;}
	#gnb li ul.depth2 li a {}
	#gnb li ul.depth2 li a:hover, 
	#gnb li ul.depth2 li a:focus, 
	#gnb li ul.depth2 li a:active,
	#gnb li ul.depth2 li.focus a{padding-left:25px;font-size:20px;color:#c4f6fd;background:url('/img/depth2_ic.png') 11px 30% no-repeat;}
	#gnb li.on ul.depth2{display:block;visibility:visible;}
	#gnb li ul.depth2 li ul.depth3{display:none;position:relative;left:0;top:0;}
	#gnb li ul.depth2 li ul.depth3 li{position:relative;width:175px;padding-bottom:2px;}
	#gnb li ul.depth2 li ul.depth3 li a{width:145px;height:15px;padding:3px 0 4px 30px;margin:0;font-size:14px;color:#fff;letter-spacing:0em;background:none;}
	#gnb li ul.depth2 li ul.depth3 li a:hover, 
	#gnb li ul.depth2 li ul.depth3 li a:focus, 
	#gnb li ul.depth2 li ul.depth3 li a:active,
	/*#gnb li ul.depth2 li ul.depth3 li.active a{background:#fff url('http://www.sarang.org/images/common/bg_3depth_on.gif') repeat-y 100% 0;color:#1e2e4a;}
	#gnb li.on ul.depth2 li.focus ul.depth3{display:block;}
	#gnb li ul.depth2 li ul.depth3 li ul.depth4 {display:none;padding:8px 0 0 7px;width:137px;margin:0 auto;background:url('http://www.sarang.org/images/common/bg_4depth.png') repeat 0 0;}
	#gnb li ul.depth2 li ul.depth3 li ul.depth4 li {position:relative;width:137px;margin:0 auto;padding-bottom:5px;}
	#gnb li ul.depth2 li ul.depth3 li ul.depth4 li a {display:block;padding:1px 0 1px 10px;background:none;color:#fff;}
	#gnb li ul.depth2 li ul.depth3 li ul.depth4 li a:hover, 
	#gnb li ul.depth2 li ul.depth3 li ul.depth4 li a:focus, 
	#gnb li ul.depth2 li ul.depth3 li ul.depth4 li a:active,
	#gnb li ul.depth2 li ul.depth3 li ul.depth4 li.aThis a{width:127px;padding-bottom:5px;color:#fff;background:#1d2e49;}*/
	#gnb li.on ul.depth2 li.focus ul.depth3 li.active ul.depth4{display:block;}



/* container 
.cont_head{height:60px;margin-bottom:25px;background:#696d70 url('http://www.sarang.org/images/common/bg_conthead.gif') 0 0 no-repeat;}
.cont_head h3 {float:left;width:58%;height:100%;text-indent:-9999px;line-height:1em;background-position:47px 12px;background-repeat:no-repeat;}

.location{float:right;padding:34px 18px 0 0; color:#fff;}
.location a{padding:0 5px;color:#fff;}
.location a.fir{padding:0 5px 0 8px; background:url('http://www.sarang.org/images/bullet/location.gif') 0 50% no-repeat;}
.location em{padding-left:5px;font-style:normal;}
.contents802 {width:802px;margin:0 auto 25px;background:#fff;}
.contents824 {width:824px;margin:0 auto 25px;background:#fff;}
.contents802 a.btn_more {display:none;}
.contents824 a.btn_more {display:none;}
/* 2013-10-29 
.btn_go_top {position:absolute;top:800px;right:-935px;}
.btn_go_top img {vertical-align:top;}*/
/* //2013-10-29 */

/* FOOTER */
#footer a {font-size:12px;color: #7a7a7a;}
#footer p.copy {clear:both;font-family: "¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,"±¼¸²",Gulim,Helvetica,sans-serif;}
#footer address{font-style:normal;font-family: "¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,"±¼¸²",Gulim,Helvetica,sans-serif;}
#footer {clear: both;float:right;width:873px;padding:10px 0 16px 27px;border-top:1px solid #d9d9d9; /*background:#f2f2f2;*/color: #2f2e2e;font-size:11px;}
#footer .foot_mnu {float:left;overflow:hidden;}




.ch_area {float:left;padding:21px 10px 20px;}
.ch_area img {}



/*¸ÞÀÎÀ̹ÌÁö ÆäÀ̵åÀξƿô*/
#t_flash {float:left; width:675px; height:519px;} 
#jq-wrap {width:150px;}
.jq-img {position:absolute;cursor:pointer;}

#jq-leftImg {position:absolute;cursor:pointer;z-index:100;left:10px;top:115px;}
#jq-rightImg {position:absolute;cursor:pointer;z-index:100;left:469px;top:115px;}
#jq-rightImgOn {position:absolute;cursor:pointer;z-index:100;left:469px;top:115px;}

#jq-bottom1 {position:absolute;cursor:pointer;z-index:100;left:194px;top:454px;}
#jq-bottom1On {position:absolute;cursor:pointer;z-index:200;left:194px;top:454px;}
#jq-bottom2 {position:absolute;cursor:pointer;z-index:100;left:289px;top:454px;}
#jq-bottom2On {position:absolute;cursor:pointer;z-index:200;left:289px;top:454px;}
#jq-bottom3 {position:absolute;cursor:pointer;z-index:100;left:387px;top:454px;}
#jq-bottom3On {position:absolute;cursor:pointer;z-index:200;left:387px;top:454px;}

#jq-bottom1On, #jq-bottom2On, #jq-bottom3On {display:none;}
/*¸ÞÀÎÀ̹ÌÁö ÆäÀ̵åÀξƿô ³¡*/

.group_main {width:900px;}

.mobile4menu {display:none;}
.main_slider {position:relative;float:left;border:0px solid #339cd5;}
.main_slider .list_sliding {overflow:hidden;width:675px;height:519px;}
.main_slider .list_sliding li {float:left;}
.main_slider .list_sliding li span {text-indent:-9999px;}
.main_slider .slider_menu {position:absolute;bottom:18px;left:228px;height:34px;padding:2px;background:url('http://www.sarang.org/images/main/bg_slider_menu.gif') repeat-x left top;}
.main_slider .slider_menu li {float:left;width:72px;height:38px;background:url('http://www.sarang.org/images/main/bg_slider_menu_off.gif') repeat-x left top;text-align:center;}
.main_slider .slider_menu li.current {background:url('http://www.sarang.org/images/main/bg_slider_menu_on.gif') repeat-x left top;}
.main_slider .slider_menu li a {display:block;height:29px;padding-top:9px;background:url('http://www.sarang.org/images/main/bg_slider_menu_bar.gif') no-repeat left 1px;}
.main_slider .slider_menu li.first_child a {background:none;}
.rolling_banner .slidesjs-navigation {display:none;}
.slidesjs-pagination {position:absolute;bottom:3px;left:74px;z-index:2;}
.slidesjs-pagination li {float:left;}
.slidesjs-pagination a {display:block;width:15px;height:15px;margin:0 2px;background:url('http://www.sarang.org/images/main/slider_off.png') no-repeat left top;text-indent:-9999px;}
.slidesjs-pagination .active {background:url('http://www.sarang.org/images/main/slider_on.png') no-repeat left top;}
.slidesjs-container {z-index:1;}
.slider_button {position:absolute;bottom:75px;left:290px;}
.slider_button a {float:left;width:15px;height:15px;margin:0 2px;background:url('http://www.sarang.org/images/main/slider_off.png') no-repeat left top;text-indent:-9999px;}
.slider_button .current {background:url('http://www.sarang.org/images/main/slider_on.png') no-repeat left top;}

/* »çÀÌµå ¹öÆ° ¹Ú½º 
.SidebtnL {position:absolute; top:45%; left:20px; width:55px; height:81px; background:url("/images/main/arrow_left.png") 0 0 no-repeat;}
.SidebtnLon { background:url("/images/main/arrow_left_on.png") 0 0 no-repeat; }
.SidebtnLoff { background:url("/images/main/arrow_left.png") 0 0 no-repeat; }
.SidebtnR {position:absolute; top:45%; right:20px; width:55px; height:81px; background:url("/images/main/arrow_right.png") 0 0 no-repeat;}
.SidebtnRon { background:url("/images/main/arrow_right_on.png") 0 0 no-repeat; }
.SidebtnRoff { background:url("/images/main/arrow_right.png") 0 0 no-repeat; }
button {border:0 none;cursor: pointer;font-size:0;border: 0 none;vertical-align: middle;}*/



.left_con {margin-top:170px;}
.info{margin-left:14px;}
.info li{margin-bottom:3px;width:170px; background:url('/img/bg_info.png') repeat;}
.info li a{display:block;height:14px;padding:8px 0 9px 50px; background:url('/img/info_bg.png') no-repeat; font-size:14px; font-weight:bold; letter-spacing:-0.5px;line-height:1em; color:#fff;text-decoration:none;}
.info li a.m0{background-position:11px 5px;}
.info li a.m1{background-position:11px -42px;}
.info li a.m2{background-position:11px -87px;}
.info li a.m3{background-position:11px -132px;}
.info li a.m4{background-position:11px -170px;}
.info li a.m5{background-position:11px -210px;}
.info li a.m6{background-position:11px -250px;}
.info li a.m7{background-position:11px -290px;}







	/* depth1 = on, depth2 = focus , depth3=active */

	/*#footer {clear: both;float:right;width:873px;padding:10px 0 16px 27px;border-top:1px solid #d9d9d9;background:#f2f2f2;color: #7a7a7a;font-size:11px;}
	#footer .foot_mnu {float:left;overflow:hidden;}
	#footer .g_site #footer .btn_site {float:left;}

	.imgZoom_des {display:none;}*/



/*@media screen and (max-width:767px) {
	#left_area {display:block !important;}



}*/

.sub1_info {position:relative; float:right; width:480px; height:auto; padding: 0 0 10px 0px; }
.sub1_goal {position:relative;clear:both;}

.sub1_list {position:relative;float:left; width:130px;padding-left:20px; padding-top:0;}
.sub1_li_con {position:relative; float:left;width:600px; background:#eee; border-radius:12px; padding:15px;margin-left:20px;}

.sub1_list_info {position:relative;float:left; width:110px; height:110px; 
             background:#8bb4d8; border-radius:50%;}

.sub1_history {position:relative;clear:both; margin:20px 0; border-bottom:2px dotted #ddd; padding-bottom:20px; }
.sub1_history ul {display:inline-block; margin-top:10px;}
.sub1_history li {padding:5px 0px; font-size:13px !important; color:#666}
.sub1_history li.tit {color:#0d6eb2; border:none;}
.sub1_history span { width:120px;font-size:13px !important; vertical-align:top;  color:#666; }
.sub1_history span.txt {width:560px; word-break:break-all;font-size:13px !important;}
.sub1_history span.txt2 {width:80%; font-size:13px !important;}



/*¿¬Çõ 2021 ÃÖ½Å*/
#subtable8  {width:100%; line-height:170%; margin:0; padding:0;
			 font-family: inherit; letter-spacing:-0.5px;}
#subtable8 tr {}
#subtable8 tr td {padding:15px 10px; border-bottom:2px dotted #ddd; font-size:14px;color:#666; letter-spacing:-0.5px;text-align:left;}
#subtable8 tr td:first-child {font:bold 30px 'NanumBarunGothic',dotum,Sans-serif; letter-spacing:0.5px;color:#1b1b1b;line-height:170%; padding-left:10px; vertical-align:top}

#subtable8 .subtable9  {width:100%; line-height:170%; margin:0; padding:0;
			 font-family: inherit; letter-spacing:-0.5px;}
#subtable8 .subtable9 tr {}
#subtable8 .subtable9 tr td {border-bottom:1px dotted #eee;padding:5px 0;vertical-align:top; font-size:14px !important;color:#666;line-height:170%;}
#subtable8 .subtable9 tr td:first-child {font:normal 14px 'NanumBarunGothic',dotum,Sans-serif; color:#666; letter-spacing:-0.5px;text-align:left;line-height:170%; }

#subtable8 .subtable9 tr td.tit {color:#0d6eb2;}