@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");

/*ÃʱâÈ­*/
html {overflow:auto; /*overflow-y:scroll;*/}
body {margin:0;padding:0;font-size:13px;line-height:20px;font-family:'NanumBarunGothic','NanumGothic','nanumsquarer',dotum,Sans-serif;background:url('/img2/main_bg.jpg') center top no-repeat;}
html, h1, h2, h3, h4, h5, h6,  img, ul, li {margin:0;padding:0;border:0;list-style:none;}
td {font-family:'NanumBarunGothic','nanumsquarer',dotum,Sans-serif; letter-spacing:0.5px;font-size:13px;}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
.clear {clear:both;}
a:link, a:visited {color:#333;text-decoration:none;list-style:none;}
a:hover, a:focus, a:active {color:#333;text-decoration:none;list-style:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}



@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 400;
  src: url(./NanumBarunGothic.eot);
  src: local('NanumBarunGothic'),
       local('NanumBarunGothic'),
       url(/css/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(/css/font/NanumBarunGothic.woff2) format('woff2'),
       url(/css/font/NanumBarunGothic.woff) format('woff'),
       url(/css/font/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'nanumsquarer';
  font-style: normal;
  font-weight: 500;
  letter-spacing:1px;
  src: url(./nanumsquarer.eot);
  src: local('nanumsquarer'),
       local('nanumsquarer'),
       url(/css/font/nanumsquarer.eot?#iefix) format('embedded-opentype'),
       url(/css/font/nanumsquarer.woff2) format('woff2'),
       url(/css/font/nanumsquarerd.woff) format('woff'),
       url(/css/font/nanumsquarer.ttf) format('truetype');
}
@font-face {
	font-family: 'NanumGothic';
	src: url(/css/font/NanumGothic.eot);
	src: url(/css/font/NanumGothic.eot?#iefix) format('embedded-opentype'),
		 url(/css/font/NanumGothic.woff) format('woff'),
	  	 url(/css/font/NanumGothic.ttf) format('truetype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }


#hd {z-index:4;position:relative;min-width:1100px;background:#fff;}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;padding-top:32px;width:1100px;zoom:1;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

/* »ó´Ü ȸ¿ø°¡ÀÔ µî ¸µÅ© */

#tnb {margin:0;padding:0; border-bottom:1px solid #ccc; min-width:100%;height:32px; zoom:1;}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb #login {margin:0 auto;padding:0; width:1100px;}
#tnb ul {margin:0;padding:0; float:right;}
#tnb li {float:left;margin:0;padding:0 3px;list-style:none; }  

#tnb a {display:inline-block;padding:0 1px 0 4px; height:32px;color:#888888;font-size:11px; line-height:32px}
#tnb a:hover {color:#34608e;}
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}
#tnb .fav {margin:0;padding:0;background:#7db6f0; width:107px; height:32px;text-align:center}
#tnb b {color:#589DF2}

#logo {float:left; margin-top:-10px;}


#topmenu {float:right; width:730px; height:80px; }
#topmenu .wrap{position:relative;height:80px;overflow:hidden}
#topmenu .wrap ul{position:relative;list-style:none;margin:0;padding:0;}
#topmenu .wrap ul:after{content:""; display:block; float:none; clear:both;}
#topmenu .wrap ul li{float:left;list-style:none;margin:0;padding:0;height:35px;font-weight:600;font-size:17px !important;font-family:'NanumBarunGothic','NanumGothic',dotum,Sans-serif;}
/*#topmenu .wrap ul li.active{color:#252590;}*/
#topmenu .wrap ul li a{height:35px; display:block;cursor:pointer;text-decoration:none;
	padding:0px 2px 0px 50px;color:#333;letter-spacing:0.5px;display:inline-block;
	line-height:35px;font-weight:600;}
#topmenu .wrap ul li a:hover{color:#252590;}
/*#topmenu .wrap ul li.active a {color:#252590;} */

#topmenu .wrap div.subMenuBox{display:none;position:absolute;left:0;
	top:35px; height:30px;margin:0;padding:0;}
#topmenu .wrap div.subMenuBox ul,#topmenu .wrap div.subMenuBox ul li{
	margin:0;padding:0;background:none;padding-left:20px;}
#topmenu .wrap div.subMenuBox ul li {height:35px;}
#topmenu .wrap div.subMenuBox ul li a{
	margin:0;padding:0 7px;font:normal 14px 'NanumBarunGothic','nanumsquarer',dotum,Sans-serif;letter-spacing:0.5px;
	color:#686666;height:30px;line-height:32px;display:inline-block}
#topmenu .wrap div.subMenuBox ul li a:hover{color:#34608e;}
#topmenu .wrap div.subMenuBox ul li a.active,#topmenu .wrap div.subMenuBox ul li a:active{color:#6FACF7;}
#topmenu .wrap div.subMenuBox ul li.on a{text-decoration:none;}


/* visual 
.visualArea {position: relative; float:left; width:100%; min-width:1100px; height:495px; /*top:95px; *}
.visualArea .visual { position: absolute;margin-left:-1000px; left: 50%; top: 0;min-width:1100px;/*margin-left:-1000px; left:50%;width:100%; height:495px; *}
.visualArea .visual .slide {  position: relative; float:left; width:2000px; height:495px; overflow:hidden; }
.visualArea .visual .slide ul.slides{ margin:0; padding:0; list-style-type:none; }
.visualArea .visual .slide ul.slides li{width:100%; height: 495x;   left: 0px;   position: absolute; top: 0px; display: none;}
.visualArea .visual .slide ul.slides li img{width:100%; height: 495px; border:0; margin:0px; }
.visualArea .visual .slide .slide-navs {bottom: 20px;  left: 50%;   position: absolute;	list-style-type: none; margin: 0; padding: 0; }
.visualArea .visual .slide .slide-navs li { float: left; height:12px; width:12px; margin-right:10px; cursor:pointer; background:url(http://www.central.or.kr/images/_main/bullet.png)}
.visualArea .visual .slide .slide-navs li.current-slide{background:url(../images/_main/bullet_on.png)}
.visualArea .visual .slide a.prev{width:65px;	height:135px;	display:block;	cursor:pointer;	position:absolute;	top: 34%; left:17%;  background: url(http://www.central.or.kr/images/_main/nav.png) no-repeat 0 0;  }
.visualArea .visual .slide a.next{width:65px;	height:135px;	display:block;	cursor:pointer;	position:absolute;	top: 34%; right:17%; background: url(http://www.central.or.kr/images/_main/nav.png) no-repeat 100% 0;  }
.visualArea .visual .slide a.prev:hover{}  .slide a.next:hover{}*/

/*#mainslide {margin:0 auto;padding:0;width:1100px;height:495px;margin-bottom:60px;}*/
#mainslide {margin:0 auto;padding:0;width:100%;min-width:1100px;height:470px;}


#mainall {position:relative; display:block; width:1100px; height:100%; overflow:hidden; margin:0 auto; z-index:4; clear:both;}

.bg_gray {background:#eaeaea; }


#main {position:relative; height:245px; border-top:3px solid #34608e; background:#fff; margin-bottom:40px;}
#main .m_media_box {width: 399px; height:245px; border-right:1px solid #ddd}
#main .m_media_box .m_sermon {padding:26px 37px; height:126px;}


#main .m_media_box h3 a {font-weight:bold; color:#333; font-size:22px; padding:0;}
.m_sermon p.tit1 {padding-top:25px;}
.m_sermon p.tit1 a {font-weight:300; color:#34608e; font-size:26px;}
.m_sermon p.tit2 { font-weight:400; color:#666; font-size:14px; padding-top:18px; line-height:18px }

#main .m_media_box .btn_sermon {position:relative; display:block; width:399px; height:68px  
								padding-bottom:0; padding:0;}


#main .m_media_box .m_news {padding:26px 37px; height:242px;}
#main .m_media_box .m_news ul {list-style:none; float:left; margin-top:25px}
#main .m_media_box .m_news ul li {display:table; line-height:35px; }
#main .m_media_box .m_news ul li a {color:#666; font-size:14px;}

#main .m_info_box {width:300px; height:245px; background:#34608e; }
#main .m_info_box2 {width:300px; height:245px; background:#7a92ae; }

#main .m_info_box h3 a, #main .m_info_box2 h3 a {font-weight:bold; color:#fff; font-size:22px; padding:0;}
.m_info {padding:30px 21px 0px 21px;}
#main .m_info_box h3 span, #main .m_info_box2 h3 span {float:right; padding:0; }

.m_info table {padding:0; margin-top:15px}
.m_info table tr td { height:19px; line-height:19px; color:#fff; letter-spacing:-0.5px}

#main .m_media_box ul.m_gallery {list-style:none; float:left; margin-top:25px; width:100%;}
#main .m_media_box ul.m_gallery li {float:left; display:inline-block; width:50%; text-align:center; }
#main .m_media_box ul.m_gallery li a {color:#666; font-size:14px;}
#main .m_media_box ul.m_gallery li a img {width:140px; height:105px; padding:0;}




#footlink {position:relative;padding:0; width:975px; height:140; margin:0 auto;z-index:4;}
#footlink ul {padding:0; margin:0;list-style:none;margin-bottom:30px;}
#footlink ul li {float:left; padding:0; margin:0; }
#footlink ul li a {padding:0; margin:0; }
#footlink img:hover {opacity:0.8}



#ft {position:relative; display:block; min-width:1100px;background:#fff; border-top:1px solid #dcdcdc;}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:10px 0;line-height:1.8em}

#ft_catch {position:relative;margin:0 auto;padding:20px 0 0;width:970px;text-align:center}



#ft_copy {height:100px; width:1100px; margin:0 auto;}
#ft_copy .ft_copyright { position:relative;margin:0 auto; padding:23px 0;
						width:800px;color:#898989;font-size:15px; text-align:center;
						font-family:'NanumBarunGothic',dotum,Sans-serif;}
#ft_copy .ft_copyright b {font-size:14px; font-weight:normal}
#ft_copy .ft_copyright a {color:#898989;}

/***************Subpage******************/


.subcolor {width:100%;min-width:1180px;background:#fff;}

#subimg {width:100%;min-width:1100px; height:250px; padding:0; margin:0 auto; margin-bottom:30px;}
#subimg .subP {width:100%;min-width:1100px;height:250px;background: url(/img/subP.jpg) center top;}

#suball {position:relative; display:block;  width:1100px; height:auto; min-height:400px; margin:0 auto;overflow:hidden } 




.lnb_basic {width:235px;position:relative;float:left;padding:0; margin:0; margin-bottom:30px; overflow:hidden}
.lnb_basic h3 {font-family:'NanumGothic','NanumBarunGothic',Sans-serif;font-size:25px;line-height:60px;padding-left:20px; /*padding:20px 0 20px 20px;*/color:#fff;letter-spacing:1px; width:235px; background: url(/img2/lnb_bg.jpg) repeat-x;/*border-top:1px solid #eee;background:#353a84; border-bottom:1px solid #ddd;*/verflow:hidden}
.lnb_basic li {padding:0; margin:0;list-style:none;}
.lnb_basic li a {display:inline-block; *zoom:1; *display:inline;width:200px; padding:11px 10px 11px 25px;  font-size:16px; color:#4c4a4a; border-bottom:1px solid #ddd;/*border-right:1px solid #ddd;border-left:1px solid #ddd; background: #eeeeee; */word-wrap:break-word;text-decoration:none;font-family:'NanumGothic','NanumBarunGothic',Sans-serif;}
.lnb_basic li a:first-child {border-top:0px solid #eee;}
.lnb_basic li a:link, ul.lnb_basic li a:visited {color:#4c4a4a;} 
.lnb_basic li a:active, 
.lnb_basic li a:hover, 
.lnb_basic li a:focus {background: #abaab9; color:#353a84;}
.lnb_basic li a.on {color:#353a84;font-weight:600; border-top:0px solid #eee; border-bottom:1px solid #ddd; background: #F5F5F5;}
.lnb_basic li a.on:link, 
.lnb_basic li a.on:visited {color:#353a84;} 
.lnb_basic li a.title {color:#353a84; background: #fff;}
.lnb_basic li a.title:link, 
.lnb_basic li a.title:visited {color:#353a84;} 
.lnb_basic li a.title:active, 
.lnb_basic li a.title:focus, 
.lnb_basic li a.title:hover {color:#353a84;}



#subpage {position:relative; float:right; width:880px;padding:0; margin-bottom:30px;font-family:'NanumGothic','NanumBarunGothic',Sans-serif;font-size:14px; color:#666; background:#fff; min-height:500px;}



.subtitle {width:100%; font-family: 'NanumBarunGothic',Sans-serif; 
		font-size:27px;font-weight:500; color:#333;letter-spacing:1px;margin-bottom:30px; 
		border-bottom:1px solid #eee;padding:13px 0; text-align:left; }
.subtitle span {float:right; padding-right:10px; font-size:12px; color:#999;letter-spacing:1px;line-height:25px;font-family:'NanumGothic',"³ª´®¹Ù¸¥°íµñ",'NanumBarunGothic',Sans-serif;}

.tab {
	font-size: 15px; background-color: #ffffff;cursor: pointer;
	}
.tabon {
	font-size: 15px; color: #ffffff; font-weight: bold; background-color: #545275; cursor: pointer;
	}



.contents {margin-bottom:20px; margin:0 auto;}
.doborder {border:3px solid #9b73c2; padding:20px; width:100%;background:#fff;font-size:18px; color:#999;letter-spacing:1px;line-height:25px;font-family:'NanumGothic',"³ª´®¹Ù¸¥°íµñ",'NanumBarunGothic',Sans-serif; }





.mb20 {margin-bottom:20px}
.mb30 {margin-bottom:30px}
.mb40 {margin-bottom:40px}
.mb50 {margin-bottom:50px}
.mb60 {margin-bottom:60px}

.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px}


.pl20 {padding-left:20px}
.pl30 {padding-left:30px}
.pl40 {padding-left:40px}
.pl50 {padding-left:50px}

.pr20 {padding-right:20px}
.pr30 {padding-right:30px}
.pr40 {padding-right:40px}
.pr50 {padding-right:50px}

.pt20 {padding-top:20px}
.pt30 {padding-top:30px}
.pt40 {padding-top:40px}
.pt50 {padding-top:50px}

.pb20 {padding-bottom:20px}
.pb30 {padding-bottom:30px}
.pb40 {padding-bottom:40px}
.pb50 {padding-bottom:50px}

.Rt {float:right}
.Lt {float:left}