@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); // �������ü
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css); // ��������ڵ�ü
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); //  ��������





@font-face{
    font-family:NanumGothic;
    weight:300;
    src:url(../fonts/NanumBarunGothic.eot);
    src:local('��'), url(/fonts/NanumBarunGothic.woff) format('woff');
}
@font-face{
    font-family:NanumGothic;
    weight:600;
    src:url(../font/NanumBarunGothicBold.eot);
    src:local('��'), url(/fonts/NanumBarunGothicBold.woff) format('woff');
}




h1 ,h2 , h3 , h4 ,h5 ,h6 {font-size:12px ;}
ol , ul {List-style : none ;}
hr { }
label {cursor:pointer;}

Fieldset , img, input, select, textarea {
    vertical-align: middle;
}


body , div , dl ,dt , dd , ul ,ol ,li , h1 ,h2 , h3 , h4 ,h5 ,h6 ,pre , form , input , th , td ,tr,  fieldset , p {
    margin : 0 ;
    padding : 0 ;
    font-family:'NanumBarunGothic';
}


html, body { margin:0 auto; font-family:'NanumBarunGothic'; font-size:12px;  }




/*��ܸ޴� ����*/

#topwarpMenu {margin:0 auto; height:60px; background-color:#1c214b;}

#topMenu {
    height: 60px;
    width: 980px;       /* [����] ���� �޴��� �����ϰ� ���� */
    position: relative;
    margin:0 auto;
    overflow:hidden;


    background-color: #1c214b; /* [�߰�] �þ��ŭ ������ ���̵��� ���� */
}
#topMenu ul {           /* ���� �޴� ���� ul�� ������: �����޴��� ul+���� �޴��� ul */
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#topMenu ul li {            /* ���� �޴� �ȿ� ul �±� �ȿ� �ִ� li �±��� ��Ÿ�� ����(����/�����޴� ���) */
    color: white;
    background-color: #1c214b;
    float: left;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    -position: relative;
}
.menuLink, .submenuLink {           /* ���� �޴��� ���� �޴��� a �±׿� �������� ������ ��Ÿ�� */
    text-decoration:none;
    display: block;
    width: 110px;
    font-size: 18px;
    font-weight: bold;
    font-family: "NanumBarunGothic";
}
.menuLink {     /* ���� �޴��� �۾����� ������� ���� */
    color: white;
}
.topMenuLi:hover .menuLink {    /* ���� �޴��� li�� ���콺���� �Ǿ��� �� ��Ÿ�� ���� */
    color: red;
    background-color: #4d4d4d;
}
.longLink {     /* �� �� �� �޴� ��Ÿ�� ���� */
    width: 110px;
}
.submenuLink {          /* ���� �޴��� a �±� ��Ÿ�� ���� */
    color: #2d2d2d;
    background-color: #DDD;      /* [����] ���� ���� */
    -border: solid 1px black;    /* [����] �׵θ� ���� */
    -margin-right: -1px;         /* [����] ���� ���� ���� */
}
.submenu {              /* ���� �޴� ��Ÿ�� ���� */
    position: absolute;
    height: 0px;
    overflow: hidden;
    transition: height .2s;
    -webkit-transition: height .2s;
    -moz-transition: height .2s;
    -o-transition: height .2s;
    width: 980px;
    left: 0;


    background-color: #DDD; /* [�߰�] ���� �޴� ��ü�� ���� ���� */
}
.submenu li {
    display: inline-block;



}
.topMenuLi:hover .submenu {
    height: 32px;
}
.submenuLink:hover {
    color: red;
    background-color: #dddddd;

}








/*���*/
.logowarp { width:980px;margin:0 auto;overflow:hidden; padding:20px 0;}
.logo {float:left;}
.logotopmenu { float:right; padding-top:30px; }
.logotopmenu ul{overflow:hidden;}
.logotopmenu li { float:left; padding:0 10px; font-size:13px;}
.logotopmenu li a { color:#333; }
.logotopmenu li a:hover { color:#04a1e3;}



.warp {margin:0 auto; background-color:#d5f2ff; height:305px; clear:both;}
.warpBrown {margin:0 auto; background-color:#a87e4e; height:305px; clear:both;}
.topimgwarp { width:980px;margin:0 auto;overflow:hidden;height:305px; }






/*����*/

.centerwarp1{margin:0 auto; width:980px; color:#333;  padding-top:25px; overflow:hidden; border-bottom:1px solid #e6e6e6; padding-bottom:20px;}
.centerwarp2{margin:0 auto; width:980px; color:#333;  padding-top:25px; overflow:hidden; padding-bottom:20px;}



/*��������,�ֺ�*/
.row1 { float:left; width:280px; margin-right:55px; margin-bottom:30px; margin-top:15px;}
.row1 dl {overflow:hidden; margin-bottom:20px;}
.row1 dt {font-size:21px; color:#000; font-weight:bold; float:left;}
.row1 dt img { padding-right:5px;}
.row1 dd {font-size:12px; color:#5b5b5b; float:right; padding-top:10px;}
.row1 dd a:link, a:visited{  font-weight:normal;text-decoration:none;color:#5b5b5b; }
.row1 dd a:hover, a:active{ font-weight:normal;text-decoration:underline;color:#5b5b5b; }
.row1 ul {color:#343434;}
.row1 li { font-size:15px; background-image:url(images/row_li_icon.gif) ;background-repeat:no-repeat; padding:0 0 0 10px; margin:12px 0;}
.row1 li a {color:#343434;}
.row1 li a:hover { color:#04a1e3; }



/*���Ӹ�� ����*/
.row1two { float:left; width:280px; height:160px; background-image:url(images/row1_3_bg.gif) ; background-repeat:no-repeat; padding:15px; margin-top:15px; }
.row1two dl {overflow:hidden; margin-bottom:30px;}
.row1two dt {font-size:21px; color:#fff; font-weight:bold; float:left;}
.row1two dt img { padding-right:5px; }
.row1two dd {font-size:12px; color:#fff; float:right; padding-top:12px;}
.row1two dd a:link, a:visited{ font-weight:normal;text-decoration:none;color:#fff; }
.row1two dd a:hover, a:active{ font-weight:normal;text-decoration:none;color:#fff; }
.row1two h3 {color:#fff; font-size:17px; width:160px; padding-bottom:5px;}
.row1two h4 {color:#fff; font-size:12px;}


/*������ �ϼ۱���*/
.row2one { float:left; width:250px; height:200px; background-color:#42ab22; padding:15px; margin-top:15px;  margin-right:55px; }
.row2one dl {overflow:hidden; margin-bottom:30px;}
.row2one dt {font-size:21px; color:#fff; font-weight:bold; float:left;}
.row2one dt img { padding-right:5px; }
.row2one dd {font-size:12px; color:#fff; float:right; padding-top:12px;}
.row2one dd a:link, a:visited{ font-weight:normal;text-decoration:none;color:#fff; }
.row2one dd a:hover, a:active{ font-weight:normal;text-decoration:none;color:#fff; }
.row2one h3 {color:#fff; font-size:14px; line-height:18px;  padding-bottom:5px;}
.row2one h4 {color:#fff; font-size:12px;}



/*������,�����*/
.row2two { float:left; width:280px;  margin-top:15px;  margin-right:55px; }

.row2newman {}
.row2newman dl {overflow:hidden; margin-bottom:20px;}
.row2newman dt {font-size:21px; color:#000; font-weight:bold; float:left;}
.row2newman dt img { padding-right:5px;}
.row2newman dd {font-size:12px; color:#5b5b5b; float:right; padding-top:10px;}
.row2newman dd a:link, a:visited{  font-weight:normal;text-decoration:none;color:#5b5b5b; }
.row2newman dd a:hover, a:active{ font-weight:normal;text-decoration:underline;color:#5b5b5b; }
.row2newman ul {color:#343434;}
.row2newman li { font-size:15px; background-image:url(images/row_li_icon.gif) ;background-repeat:no-repeat; padding:0 0 0 10px; margin:12px 0;}
.row2newman li a {color:#343434;}
.row2newman li a:hover { color:#04a1e3; }




/*��������,�ֺ�
.row1 { float:left; width:280px; margin-right:55px; margin-bottom:30px; margin-top:15px;}
.row1 dl {overflow:hidden; margin-bottom:20px;}
.row1 dt {font-size:21px; color:#000; font-weight:bold; float:left;}
.row1 dt img { padding-right:5px;}
.row1 dd {font-size:12px; color:#5b5b5b; float:right; padding-top:10px;}
.row1 dd a:link, a:visited{  font-weight:normal;text-decoration:none;color:#5b5b5b; }
.row1 dd a:hover, a:active{ font-weight:normal;text-decoration:underline;color:#5b5b5b; }
.row1 ul {color:#343434;}
.row1 li { font-size:15px; background-image:url(images/row_li_icon.gif) ;background-repeat:no-repeat; padding:0 0 0 10px; margin:12px 0;}
.row1 li a {color:#343434;}
.row1 li a:hover { color:#04a1e3; }*/








/*��ȸ 5�� ��ǥ*/
.row2three { float:left; width:300px;  margin-top:15px; }
.row2three dl {overflow:hidden; margin-bottom:10px;}
.row2three dt {font-size:21px; color:#000; font-weight:bold; float:left;}
.row2three dt img { padding-right:5px; }
.row2three ul {}
.row2three li { font-size:13px; padding:0 0 0 10px; padding-bottom:10px;}
.row2three li a {color:#343434;}
.row2three li a:hover { color:#04a1e3; }
.row2three th  { vertical-align:text-top; padding-right:5px; padding-top:2px; }
.row2three td { padding-bottom:5px; padding-top:3px;font-size:13px;line-height:18px; vertical-align:text-top}






/*����¡*/
.pageing{margin:0 auto; width:380px; text-align:center; overflow:hidden; height:25px;}
.pageing img {padding:0 5px;}
.pageing ul{ list-style:none; float:left; display:inline;}
.pageing ul li { float:left;}
.pageing ul li a { float:left; padding:3px; margin-right:3px; width:15px; color:#000; font:bold 11px tahoma; border:1px solid #e3e3e3; text-align:center; text-decoration:none;}
.pageing ul li a:hover{ color:#FFF; border:1px solid #8a8a8a; background-color:#8a8a8a;}
.pageing ul li a:focus { color:#FFF; border:1px solid #8a8a8a; background-color:#8a8a8a;}


/*�ϴ�*/

.footer1 {margin:0 auto; text-align:center; line-height:20px; border-top:1px solid #e1e1e1; margin-top:20px;  padding-top:20px; margin-bottom:20px; }
.footermenu { width:980px; margin:0 auto;}
.footermenu ul{ overflow:hidden;}
.footermenu ul li { float:left; font-size:14px; color:#000; padding:0 30px 0px 30px; }
.footermenu ul li a {color:#000;}
.footermenu ul li a:hover { color:#04a1e3; }


.copy {margin:0 auto; text-align:center; line-height:20px;   padding:20px 0;  background-color:#b9b9b9; }
.copytext {width:980px; margin:0 auto; color:#FFF; font-size:13px;}



/*���޴�*/
.quickmenu{background-image:url(images/quickmenu_bg.png) ;background-repeat:no-repeat; width:139px; height:350px;}
.quickmenu ul { padding:103px 0 0 20px;}
.quickmenu ul li { border:1px solid #dbdbdb; background-color:#ededed; color:#000; font-size:14px; padding:10px; width:70px; margin-bottom:8px; text-align:center;}
.quickmenu ul li a:link, a:visited {color:#000; text-decoration:none;}
.quickmenu ul li a:hover, a:active {text-decoration:underline; color:#000;}



/*����*/

.subwarp {margin:0 auto; text-align:center;  }
.subtoptitle {  width:980px; margin:0 auto; text-align:center;   border-bottom:1px solid #e1e1e1; padding-top:0px; margin-bottom:80px;}
.subtoptitle h3 { font-size:48px; color:#000; font-weight:bold;  padding-top:50px;}
.subtoptitle h4 { font-size:13px; color:#6c6c6c; padding-bottom:40px; padding-top:10px; }

.subcenterwarp {margin:0 auto;}
.subcenter {width:980px; margin:0 auto; overflow:hidden; margin-bottom:50px;}

.greetingleft { float:left; width:415px;}
.greetingright { float:right; width:500px;}
.greetingrighttext { margin-left:60px; margin-top:20px; font-size:16px; color:#4b4b4b; line-height:22px;}


.vision {}
.vision h5 { font-size:18px; color:#333; text-align:center;}
.vision h5 span { color:#04a1e3;}
.vision div { text-align:center; font-size:20px; line-height:28px;}
.vision div span {color:#04a1e3; font-weight:bold;}
.vision div img { margin:70px 0;}


.history { }
.history dl {overflow:hidden; border-bottom:5px solid #e7e7e7; margin-bottom:60px; padding-bottom:60px}
.history dt {float:left; width:290px; margin-right:30px; }
.history dd {float:left; width:650px; }
.history dd li { font-size:16px; line-height:28px;}
.history dd ul li { margin-left:70px;}


.map { }
.map dl {overflow:hidden;}
.map dt { float:left; width:550px; margin-right:50px;}
.map dd { float:left; width:380px;}
.map dd p { font-size:16px; line-height:70px;}
.map dd p img { padding-right:10px;}


.churchtime {}
.churchtime table {}
.churchtime table>caption {}
.churchtime th { background-color:#afbdc3; color:#FFF; height:40px; font-size:20px; width:50%;}
.churchtime td { height:50px; font-size:16px; padding-left:5px; border-bottom:1px solid #e1e1e1; text-align:center; }


.member {}
.member h3 {font-size:20px; padding-left:30px; padding-bottom:6px; font-weight:normal;}
.member ul { overflow:hidden;}
.member li { float:left; height:350px; padding:0 30px; }
.member ul li img { border:1px solid #CCC;}
.member dt { padding-top:5px; font-size:16px;  color:#666;}
.member dd { padding-top:5px; font-size:20px; padding-bottom:5px;}


.bbsmembertext { font-size:16px; margin-bottom:50px;background-color:#d9eaf1; color:#000; padding:30px; font-weight:bold; line-height:28px;}
.bbsmembertext span { color:#04a1e3;}



.registration {}
.registration dl { overflow:hidden; margin-bottom:10px;}
.registration dl dt { float:left; width:70px;}
.registration dl dd { float:left; font-size:16px; width:910px; line-height:24px; vertical-align:middle; }
.registration .imagetext { margin-bottom:80px;}
.registration .imagetext ul { overflow:hidden; padding-top:80px;}
.registration .imagetext ul li { float:left; padding-right:30px;}
.registration .registrationarrow { padding-top:80px;}


.biblestudy {}
.biblestudy p{ font-size:16px; line-height:24px; padding-bottom:80px;}
.biblestudy ul { background-image:url(images/sub3_12.gif); background-repeat:no-repeat; height:238px; overflow:hidden; margin-bottom:80px; margin-left:30px;}
.biblestudy ul li { float:left; text-align:center; width:225px;  padding-top:70px; font-size:16px; color:#FFF;  font-weight:bold; line-height:24px;}
.biblestudy ul li p { font-size:26px; font-weight:bold; padding-bottom:30px;}
.biblestudy dl { overflow:hidden; height:60px;}
.biblestudy dt { float:left;width:50px; height:50px; background:#09F;  color:#fff;  text-align:center; font:normal 16px/50px "Nanum Gothic"; margin-right:10px; font-weight:bold;

    border-radius:25px;
    -moz-border-radius : 25px;
    -webkit-border-radius : 25px;
    -ms-border-radius :25px;
    -khtml-border-radius : 25px;
    -o-border-radius :25px;
}
.biblestudy dd { float:left; width:800px; text-align:left; font:normal 16px/50px "Nanum Gothic";}



.table-border {
    border: 1px solid #545965;

    caption-side: bottom;
    border-collapse: collapse;
}

.table-border>:not(caption)>*>* {
    padding: 0.75rem 1rem;
}
.table-border> tr {
    border-color: inherit;
    border-style: solid;
}
.table-border>:not(caption)>* {
    border-width: 1px 0;
}
.table-border > table th td {
    border: 1px solid #545965;
    border-collapse: collapse
}