@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");

/* 초기화 */
html {overflow:auto;/*overflow-y:scroll*/}
body {margin:0;padding:0;font-size:13px;font-family:"나눔바른고딕",NanumBarunGothic,NanumBarunGothicOTF,"Nanum Gothic",Dotum,Helvetica,AppleGothic,Sans-serif;}
td {font-size:13px;font-family:"나눔바른고딕",NanumBarunGothic,NanumBarunGothicOTF,Sans-serif;/*vertical-align:middle;*/}
/*td img {padding-bottom:15px; vertical-align:middle;}*/


@font-face {
	font-family: "Nanum Gothic";
	src: url(/font/NanumGothic.eot);
	src: url(font/NanumGothic.eot?#iefix) format('embedded-opentype'),
	url(/font/NanumGothic.woff) format('woff'),
	url(/font/NanumGothic.ttf) format('truetype');
}

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

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

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
button {cursor:pointer}
p {margin:0;padding:0;word-break:break-all}
/*hr {display:none}*/
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#333;text-decoration:none}
a:hover, a:focus, a:active {color:#333;text-decoration:none}
.clear {clear: both}


#header {z-index:4; position:relative;width:100%;min-width:1200px;background:#6A6A6A;}
#head {position:relative; width:1200px; margin:0 auto;height:100px;}
#head .logo  {width:210px; margin:0 auto;padding:20px 0;}
.login  {position:absolute; top:44px; right:0px  }
.login a {color: #fff;font-size: 12px;text-decoration: none;}
.login a:hover {color: #50B0EA;}
.login span {color: #ddd;}

/*#header ul {display: block;list-style: none; width:87%;height:35px;margin:0 auto;}
#header .login {float: right; width:270px;display: block;list-style: none;}
.login  ul li {float: right;line-height:30px;padding: 0 10px;}
#header ul li a {color: #333;font-size: 12px;text-decoration: none;}
#header ul li a:hover {color: #1A80BE;}*/




/**/
#nav {z-index:10;position:relative;width:100%;height: 60px; padding:0;margin:0;}
#nav .topmenu {display: block;list-style: none; width:1200px;height:60px;margin:0 auto;}
/*#nav .topmenu h1 {float:left; padding: 18px 0 21px 4px;}*/
/*#nav .topmenu .menu {float:right;}
#nav .topmenu .menu ul {display: block;list-style: none;}
#nav .topmenu .menu ul li {float: left; padding-left:25px}
#nav .topmenu .menu ul li a {display:block;font-size:22px;font-weight:600; color:#343434; line-height:35px;text-decoration:none;letter-spacing:-1px; padding:12px;}
#nav .topmenu .menu ul li a:hover {display:block; color:#fff; background:#26409C; }*/

.suball {width: 100%;margin: 0;padding: 0;}
.suball a{color: black;text-decoration: none}
.suball ul{margin: 0;padding: 0;overflow: hidden;}
.suball li{list-style: none;}
.suball img{border: 0;}

.suball .main {/*float:right;*/margin:0;padding:0;background-color: #fff}
.suball .main ul{margin: 0;padding: 0;margin:0 auto;/*width: <?= $menu_total_width ?>px;background-color: #A6a6a6;*/}
.suball .main li{float: left; padding: 8px 70px 0px 50px;}
#nav .topmenu.suball .main a{/*display:block;color: #343434;font-family: "Nanum Gothic"; font-size: 22px; font-weight:600;letter-spacing:-0.5px;*/ }
#nav .topmenu.suball .main a:hover, a:active {/*display:block; background:#3299D7;*/ color:#1B91D8;}

.suball .main li, .suball .sub div {width: <?= $menu_width ?>px;float: left;}

.suball .sub{display: none;position: absolute;overflow: hidden;width:1200px;top:60px;background-color: #1B91D8;opacity: 0.9;z-index: 1000;}
.suball .sub div{height: 270px;}
.suball .sub .subbg {/*float:right;*/}
/*.suball .sub div:last-child{border-right: 0;}*/
.suball .sub div:first-child{padding-left:60px;}
.suball .sub div:nth-child(2){padding-left:10px;}
.suball .sub div:nth-child(3){padding-left:30px;}
.suball .sub div:nth-child(5){width:120px;padding-left:100px;}
.suball .sub ul{float:right; padding-top:15px}
.suball .sub li{width:200px; padding:0 10px;/*margin-bottom: 5px;*//*padding:20px*/}
.suball .sub li a{font-family:"Nanum Gothic", sans-serif; color: #fff;font-size: 15px;line-height:25px; font-weight:500;letter-spacing:0.5px;}
#nav .topmenu .suball .sub li.on a{display:block; /*background:#fff; width:160px;color: #187FBE;*/color: #03273D; font-size: 15px; /*padding-left:5px;letter-spacing:0.5px;*/}






#mainslide {position:relative;/* width:100%;min-*/width:1200px; height: 540px;margin: 0 auto;/*background-image: url("/img/mainP1.jpg"); height: 525px;*/ margin-bottom: 35px;}

#mainall {position:relative; width:100%;min-width:1200px;margin: 0 auto;}
#main {position:relative; width:1200px;margin: 0 auto;}

#main .sermon {float: left; width: 50%;height: 321px; background-image: url(/img/msermonbg3.jpg); margin-bottom: 30px; margin-right: 2.5%;}
#main .sermon .board-title {margin-top: 90px; padding-left:23px;/*background:rgba(0,0,0,0.6);bottom:0;color:#fff;left:0;padding:15px 0;right:0;height:60px;text-align:center;*/}
#main .sermon .board-title h3 {color:#f7f7f7;font-family:"Nanum Gothic", sans-serif; font-size: 24px;font-weight: 600;}
#main .sermon .board-title h3 a{ color:#f7f7f7;text-decoration:none;letter-spacing:-0.5px;}
#main .sermon .board-title p {color:#f7f7f7;font-size: 15px;padding-top:10px;padding-left:3px; letter-spacing:-0.5px;}
/*#main .sermon .board-title {margin-top: 231px;background:rgba(0,0,0,0.6);bottom:0;color:#fff;left:0;padding:15px 0;right:0;height:60px;text-align:center;}
#main .sermon .board-title h3 {font-family:"Nanum Gothic", sans-serif; font-size: 24px;font-weight: 700;}
#main .sermon .board-title h3 a{color:#fff;text-decoration:none;letter-spacing:-0.5px;}
#main .sermon .board-title p {font-size: 15px;padding-top:15px;letter-spacing:-0.5px;}*/

#main .news {float: left; width: 21.66%;height: 311px; border: 5px solid #1573AB; margin-right: 2.5%;}
#main .news h3 {border-bottom: 1px solid #ddd;font-family:"Nanum Gothic", sans-serif; font-weight:700; font-size:22px;  color:#1573AB; letter-spacing:0px; padding: 10px;}
#main .news .board_more {float:right;margin-top:0px;padding-right:0px;}
#main .news ul {padding: 18px 0 0 18px;}
#main .news ul li {list-style: none; }
#main .news ul li a {font-size: 15px;color: #666;text-decoration: none;}
#main .news .date {color: #919090;margin-bottom: 22px;}

#main .mfamily {float: right;width: 22.5%;height: 311px;}
/*#main .latest {float: right; width:  27.37%;height: 270px; background: #1573AB;}
#main .latest h3 {border-bottom: 1px solid #ddd; font-size: 22px;font-weight: 600; color:#fff; letter-spacing:-1px; padding: 10px;}
#main .latest ul {padding: 18px 0 0 18px;}
#main .latest ul li {list-style: none; }
#main .latest ul li a {font-size: 15px;color: #fff;text-decoration: none;}
#main .latest .date {color: #fff;margin-bottom: 22px;}*/


#main .free {float: left; width: 275px; height: 160px; border: 5px solid #2A9990; margin-bottom: 30px;/*margin-top:15px;*/}
/*#main .free h3 {border-bottom: 1px solid #ddd;font-family:"Nanum Gothic", sans-serif;  font-size: 18px;font-weight: 500; color:#2A9990; letter-spacing:0px; padding: 7px;}*/
#main .free h3{border-bottom: 1px solid #ddd;font-family:"Nanum Gothic", sans-serif; font-weight:700; font-size:19px;  color:#2A9990; letter-spacing:-0.5px; padding: 9px; padding-left:15px}
#main .free .free_more {float:right;margin-top:3px;padding-right:7px;}
#main .free ul {padding: 5px 0 0 18px; }
#main .free ul li {list-style: none; }
#main .free ul li a {font-size: 15px; color: #666;text-decoration: none;}
#main .free .date {color: #919090;margin-bottom: 22px;}

#main .ch_vod {float: left; width: 275px; height: 160px; border: 5px solid #1573ab; margin-bottom: 30px;}
#main .ch_vod h3{border-bottom: 1px solid #ddd;font-family:"Nanum Gothic", sans-serif; font-weight:700; font-size:19px;  color:#1573ab; letter-spacing:-0.5px; padding: 9px;  padding-left:15px}
#main .ch_vod .free_more {float:right;margin-top:3px;padding-right:7px;}
#main .ch_vod ul {padding: 5px 0 0 18px; }
#main .ch_vod ul li {list-style: none; }
#main .ch_vod ul li a {font-size: 15px; color: #666;text-decoration: none;}
#main .ch_vod .date {color: #919090;margin-bottom: 22px;}

/*#main .free {float: left; width: 37.71%;height: 260px; border: 5px solid #2A9990; margin-right: 2.5%; margin-bottom: 30px;}
#main .free h3 {border-bottom: 1px solid #ddd; font-size: 22px;font-weight: 600; color:#2A9990; letter-spacing:-1px; padding: 10px;}
#main .free .free_more {float:right;margin-top:0px;padding-right:0px;}
#main .free ul {padding: 18px 0 0 18px; }
#main .free ul li {list-style: none; }
#main .free ul li a {font-size: 15px; color: #666;text-decoration: none;}
#main .free .date {color: #919090;margin-bottom: 22px;}*/

#main .photo {float: right; width: 58.5%;height: 270px; background: #2A9990; overflow:hidden}
#main .photo h3 {border-bottom: 1px solid #82B9B5; font-size: 22px;font-weight: 600;letter-spacing:-1px;padding: 15px;}
#main .photo h3 a{color:#fff;}
#main .photo .photo_more {float:right;margin-top:0px;padding-right:0px;}
#photogroup {width: 95%; margin: 0 auto; padding-top:20px;}
#photogroup a {font-size: 15px;color: #fff;text-decoration: none;}
#photogroup .photo1 {float: left; width: 30%; height:auto; margin-right: 27px; text-align: center;}
#photogroup .photo2 {float: left; width: 30%; height:auto;margin-right: 27px; text-align: center;}
#photogroup .photo3 {float: right; width: 30%; height:auto; text-align: center;}





#sitemap {width:100%;min-width:1200px; background-color:#F9F9F9; margin-top:50px; padding:27px 0px 34px; border-top:1px solid #D9D9D9;}
#flink {width:1120px; margin:0 auto;}
#flink td {border-left:1px solid #E9E9E9; padding-left:33px; font-family:"Nanum Gothic", sans-serif; font-weight:400; font-size:14px; color:#747474; line-height:25px;vertical-align:top;}
#flink td a:link, #flink td a:visited, #flink td a:active {text-decoration:none; color:#747474;}
#flink td a:hover {text-decoration:none; color:#50B0EA;}
#flink td .tle {margin-bottom:24px; font-family:"Nanum Gothic", sans-serif; font-weight:700; font-size:18px; color:#4B4B4B; line-height:100%;}
#flink td .tle a:link, #flink td .tle a:visited, #flink td .tle a:active {text-decoration:none; color:#4B4B4B;}
#flink td .tle a:hover {text-decoration:none; color:#50B0EA;}

/*
#sitemap {z-index:7;position:relative;width:100%;min-width:1200px;background:#F9F9F9;border-top: 1px solid #D9D9D9;}
#sitemap .flink {display: block; width:1200px;margin:0 auto; }
#sitemap .flink_title {text-align: left;font-size: 20px;font-weight: 700; color: #353535;}
#sitemap .flink_menu {font-size: 16px;font-weight: 600; color: #5E5D5D;}
#sitemap caption{padding:25px 0;}*/

#footer { position:relative;width:100%;min-width:1200px; overflow:hidden;background:#292929;}
#footer .finfo {display: block;width:1200px;height:120px; margin:0 auto;}
#footer a {float:left; margin-top:35px;}
#footer p {float:left; margin-left:40px; width:60%;}
#footer p {margin-top:35px;font-size:12px;line-height:17px;font-family:"Nanum Gothic", sans-serif; color:#fff;}

#footer div.personal{position:absolute; width:1200px; margin:0 auto;  margin-top:20px; }
#footer div.personal a {color:#fff; text-align:left; float:right}
#footer div.personal span {font-weight:bold}

/*-------------------sub-------------------*/
#subimg {background-image: url(/img/subP1.jpg); width:1200px; margin:0 auto; height: 300px;}
#subimg .title {text-align:center; font-size:25px;font-weight:500; color:#fff; padding-top:120px;text-shadow:1px 1px 3px #555;}
#subimg .stitle {text-align:center; font-size:33px;font-weight:600; color:#fff;text-shadow:1px 1px 3px #555;}

#subimg2 {background-image: url(/img/subP2.jpg); width:1200px; margin:0 auto; height: 300px;}
#subimg2 .title {text-align:center; font-size:25px;font-weight:500; color:#fff; padding-top:120px;text-shadow:1px 1px 3px #555;}
#subimg2 .stitle {text-align:center; font-size:33px;font-weight:600; color:#fff;text-shadow:1px 1px 3px #555;}

#subimg3 {background-image: url(/img/subP3.jpg); width:1200px; margin:0 auto; height: 300px;}
#subimg3 .title {text-align:center; font-size:25px;font-weight:500; color:#fff; padding-top:120px;text-shadow:1px 1px 3px #555;}
#subimg3 .stitle {text-align:center; font-size:33px;font-weight:600; color:#fff;text-shadow:1px 1px 3px #555;}


#subimg4 {background-image: url(/img/subP4.jpg); width:1200px; margin:0 auto; height: 300px;}
#subimg4 .title {text-align:center; font-size:25px;font-weight:500; color:#fff; padding-top:120px;text-shadow:1px 1px 3px #555;}
#subimg4 .stitle {text-align:center; font-size:33px;font-weight:600; color:#fff;text-shadow:1px 1px 3px #555;}

#subimg5 {background-image: url(/img/subP5.jpg); width:1200px; margin:0 auto; height: 300px;}
#subimg5 .title {text-align:center; font-size:25px;font-weight:500; color:#fff; padding-top:120px;text-shadow:1px 1px 3px #555;}
#subimg5 .stitle {text-align:center; font-size:33px;font-weight:600; color:#fff;text-shadow:1px 1px 3px #555;}


div.wrapper{display:block; width:1200px; margin:0 auto; padding:0; text-align:left;}

#container{padding:30px 0;}
#container section{display:block; width:100%; margin:0 0 30px 0; padding:0;}

#container section h2 {font-family:"Nanum Gothic", sans-serif; font-weight:600; font-size:25px; color:#4B4B4B; line-height:100%; text-align:center; padding-bottom:35px; border-bottom:2px solid #333}

#container section .sbox {/*border: 1px solid #eee; */margin:20px 0; padding:20px;}
#container section .sbox p {font-size:15px;font-weight:400; padding-bottom:30px;}
#container section .sbox p.info {color:#666; padding-left:20px;}

/* ------Leftmenu-----*/

#container #left_menu{float:left; width:220px; border:1px solid #eee; margin-bottom:30px;}
#container #left_menu h2.title{margin-bottom:5px; padding:20px; border-bottom:1px solid #DEDEDE; background:#26409C; color:#f5f5f5;font-family:"Nanum Gothic", sans-serif;line-height:100%;font-weight:700;}

#container #left_menu nav{display:block; width:100%; /*margin-bottom:30px;*/}
#container #left_menu nav ul{margin:0; padding:0; list-style:none;}
#container #left_menu nav li{margin:0 0 0px 0; padding:9px; border-bottom:1px solid #DEDEDE;}
/*#container #left_menu nav ul li.last{padding-bottom:1px;}*/
#container #left_menu nav a{display:block; margin:0; padding-left:15px; font-family:"Nanum Gothic", sans-serif; font-weight:600; font-size:15px; color:#4B4B4B; text-decoration:none;}
#container #left_menu nav a:hover{color:#26409C;font-weight:600; background-color:#FFFFFF;}

/* ------sub Content-----*/

#container #content{float:right; width:900px; line-height:1.6em;}
#container #content article{margin-bottom:30px;}
#container #content article h2 {font-family:"Nanum Gothic", sans-serif; font-weight:600; font-size:25px; color:#4B4B4B; line-height:100%;}
#container #content .last{margin:0;}

#container #content .sbox {border: 1px solid #eee; margin:20px 0; padding:20px;}



.tab {
	font-size: 10pt;
	background-color: #ffffff;
	cursor: pointer;
	}
.tabon {
	font-size: 10pt;
	color: #333;
	font-weight: bold;
	background-color: #f5f5f5;
	cursor: pointer;
	}

.s1_4tit {font-family:"Nanum Gothic", sans-serif; font-weight:600; font-size:14px; color:#385d93; line-height:24px; border-left:1px solid #eee; padding:0 5px 0 10px; }

.s1_4content {font-family:"Nanum Gothic", sans-serif; font-weight:600; font-size:14px; color:#666; line-height:24px;border-left:1px solid #eee; padding:0 5px 0 10px;}



.s1_6P {float:left}
.s1_6tit {padding-left:30px;}