@charset "utf-8";


/* 레이아웃 */
#header {z-index: 500;width: 100%; margin:0 auto; display:table; position: relative; min-width:1280px;}

/* 헤더 */
.gnb {width:100%; display:block;}
.gnbul {}
.gnbul > li {float: left;display: block; outline:0 !important;}
.gnbul > li.ui-state-active {background: url(../img/bg_gnb_ar.png) 50% bottom no-repeat;}
.gnbul > li > a {display: block;font-size: 22px;color: #363636;font-weight: 700; margin:17px auto; text-align:center; text-decoration:none; line-height:23px; outline:0 !important; font-family:'KoPubDotum' !important}
.eq-ie9 .gnbul > li > a {letter-spacing: -1px; }




/* Header */
#header .gnb{position:static;}

.gnbul{margin:0 auto; padding:0}
.gnbul li{width:14.28%}
.gnbul li:first-child{margin-left:0;}
#header .ui-tabs{position:none;}
#header .ui-tabs .ui-tabs-panel{position:absolute;width:100%;left:0;top:57px;}

.gnb .panel{position:absolute;left:0;top:198px;width:100%; height:300px;}

.full{max-width:1200px;margin:0 auto;padding:0;}
.clearfix { display: block; }



/* 메가 메뉴 */
.panel {z-index:100; display:none; background:#43a2b6; padding:40px 0 50px 0;}
.panel .inner {width: 100%; max-width:1200px; margin:0 auto; overflow: hidden;}
.eq-ie7 .panel .inner { max-width: 970px; }
.panel .txt {color:#fff; text-shadow: 0 1px 0 rgba(5,122,159,.8); line-height: 1.3; font-size:12px; padding-bottom: 10px;}
.panel .el .img {padding-bottom: 20px;}
.panel .el .img img {max-width:100%;height: auto;}
.panel .el h4 a, .panel .el h4 a:hover, .panel .el h4 a:active {text-decoration:none}


/*메가메뉴 후버*/
.panel .el h4 {color: #fff;font-size:22px;text-shadow: 0 1px 0 rgba(5,122,159,.8); font-weight:700; padding-bottom: 20px;}
.el h4 a {color: #fff; font-weight: 700; padding-bottom: 2px; display: inline-block; vertical-align: top; zoom: 1; /* Fix for IE7 */ *display: inline; /* Fix for IE7 */}
.el h4 a .mega-icon { width: 21px; height: 22px; text-indent: -9999px; background: url(../img/mega-icon.png) 2px -2px no-repeat; display: inline-block; zoom: 1; /* Fix for IE7 */ *display: inline; /* Fix for IE7 */}
.el h4 a:hover { background: url(../img/mega-icon-dot.png) 0 bottom; background-repeat: repeat-x; }
.el h4 a:hover .mega-icon { background-position: -48px -2px; }

.el .lst li {background: url(../img/bg_pn_lst.png) 0 bottom repeat-x;display: block;}
.el .lst li a {display: block;padding: 5px 0 8px 17px;color:#fff;text-shadow: 0 1px 0 rgba(5,122,159,.8);background: url(../img/bul03.png) 2px 50% no-repeat;}
.el .lst li a{font-size:15px; font-weight:400 }
.el .lst li a:hover { color: #50d5ff; background: url(../img/bul03_hover.png) 2px 50% no-repeat; text-decoration:none; }

.gnb .panel .inner > h1,
.gnb .panel .inner > div { opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }



.mega-col3 { width: 27%; float: left; }
.mega-col4 { width: 22%; float: left; }
.mega-col6 { width: 13.8%; float: left; }

.pntit01, .pntit02, .pntit03, .pntit04, .pntit05, .pntit06, .pntit07 {float: left;width:200px; text-align: center;}
.panel01 .pntit01 strong, .panel02 .pntit02 strong , .panel03 .pntit03 strong, .panel04 .pntit04 strong, .panel05 .pntit05 strong, .panel06 .pntit06 strong, .panel07 .pntit07 strong
{color: #fff; font-size: 26px; text-shadow: 0 1px 0 rgba(5,122,159,.8); font-weight: 700; padding-bottom: 20px; display: block; line-height: 1.2; text-align: center;}

.panel01 .pntit01 .txt, .panel02 .pntit02 .txt, .panel03 .pntit03 .txt, .panel04 .pntit04 .txt, .panel05 .pntit05 .txt, .panel06 .pntit06 .txt, .panel07 .pntit07 .txt {text-align: center;}




/* 1.환영합니다 */
.panel01 .el {float:left; width: 16%;}
.panel01 .el .txt {padding-right:7px; text-align:center}
.panel01 .el .img img { width: 185px; height: 124px; }

.panel01 .el h4 {padding-bottom: 12px; padding-right:0; text-align:center }


/* 2.소개합니다 */
.panel02 { display: block; }
.panel02 .el { float: none; width: auto; margin-bottom: 20px; }


/* 3.예배와 말씀 */
.panel03 { display: block; }
.panel03 .el {width: auto; overflow: hidden;}
.panel03 .el .lst {margin-right: 50px;}


/* 4.양육과 훈련 */
.panel04 { display: block; }
.panel04 .el {width: auto; overflow: hidden; }
.panel04 .el .lst {margin-right:20px;}

.panel04 .el h4 { padding-bottom: 12px; }
.panel04 .el .txt {padding-right:10px;}


/* 5.공동체 */
.panel05 {display: block;}
.panel05 .el {float: left; width: 100%; }
.panel05 .el .lst {margin-right: 50px;}


/* 6.나눔과 섬김 */
.panel06 {display: block;}
.panel06 .el {float: left; width: 100%; }
.panel06 .el .lst {margin-right: 50px;}


/* 7.커뮤니티 */
.panel07 {display: block;}
.panel07 .el {float: left; width: 100%; }
.panel07 .el .lst {margin-right: 50px;}