@import url("/UserData/kdchurchhp/Layouts/kdchurchhp_Layout/Contents/noto-sans-korean.css");

body {
 font-family: 'Noto Sans Korean-medium', sans-serif;
}
.container-fluid {
    padding:0px;
}
#subtop {
    margin-top: 90px;
}
.layout-header {
    padding-left:0px;
    padding-right:0px;
}
.theme-list table{ font-family:'Noto Sans Korean-medium', sans-serif;}
/* all-menu s */

.all-wrapper-top { float:left;color: #fff; font-size: 30px; width: 90%; text-align:center; padding: 50px; font-weight: bold;}
.gnb-all { display: none; position: fixed; z-index: 99999; background: rgba(0, 0, 0, 0.7); top: 0; left: 0; width: 100%; height: 100%; }
.gnb-all .all-wrapper .all-close {color: #fff;cursor: pointer;font-weight: 600;width: 10%;padding-top: 30px;float: left;font-size: 5em;}
.gnb-all .all-wrapper > ul > li { display: inline-block; vertical-align: top; margin-right: 90px; }
.gnb-all .all-wrapper > ul > li > a { margin-bottom: 30px; font-size: 20px; font-weight: 600; }
.gnb-all .all-wrapper a { display: block; color: #fff; }
.gnb-all .all-wrapper > ul > li:first-child, .gnb-all .all-wrapper > ul > li:last-child { display: none; }
.gnb-all .all-wrapper > ul > li > ul > li > a { color: #fff; display: block; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/* all-menu e */


/*상단*/
#header {
    position:absolute;
    width:100%;
    height: 90px;
    padding-top: 10px;
    padding-left: 45px;
    padding-right: 20px;
    background: #fff url(../images/sub/bg_gnb01.jpg) repeat-x 0 90px;
    overflow: hidden;
    z-index:99;
}

.header-gnb {
    padding-top:20px;
}

.header-gnb > ul > li {
    float:left;
    text-align:center;
    margin:0 0px;
    position:relative;
}

.header-gnb > ul > li > a {
    color:black;
    display: block;
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
    font-size:22px;
    text-decoration:none;
}

    .header-gnb > ul > li.on:before {
        content: "";
        position: absolute;
        top: 52px;
        left: 52%;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 8px solid black;
        margin-left: -7px;
    }

.header-gnb > ul > li ul {
   border-right: 1px solid #e6e6e6;
   height: 330px;
   padding:25px 0px;
   margin-top:0px;
}
.header-gnb > ul > li ul > li > a  {
    color:#777;
    font-size:15px;
    line-height:2;
    font-weight:300;
    text-decoration:none;
}
/*li 마우스오버 컬러*/
.hover-color {
    background:#333;
  
}
.hover-font-color {
    color:white!important;
}

/*세부컨트롤 대메뉴 li 간격 조정*/
.header-gnb > ul > li:nth-child(1) {
    width:125px;
}
.header-gnb > ul > li:nth-child(2) {
    width:125px;
}
.header-gnb > ul > li:nth-child(3) {
    width:130px;
}
.header-gnb > ul > li:nth-child(4) {
    width: 135px;
}
.header-gnb > ul > li:nth-child(5) {
    width:125px;
}
.header-gnb > ul > li:nth-child(6) {
     width:125px;
}
.header-gnb > ul > li:nth-child(7) {
     width:125px;
}
.header-gnb > ul > li:nth-child(8) {
     width:125px;
}
.header-gnb > ul > li:nth-child(9) {
     width:160px;
}



 /*세부컨트롤 ul width값 조정*/
.header-gnb > ul > li:nth-child(1) ul{
    width:125px;
    word-break:keep-all;
}
.header-gnb > ul > li:nth-child(2) ul{
    width:125px;
    word-break:keep-all;
}
.header-gnb > ul > li:nth-child(3) ul{
    width:130px;
    word-break:keep-all;
}
.header-gnb > ul > li:nth-child(4) ul{
    width:135px;
    word-break:keep-all;
}
.header-gnb > ul > li:nth-child(5) ul{
    width:125px;  
    word-break:keep-all;
}
.header-gnb > ul > li:nth-child(6) ul{
    width:125px;  
    word-break:keep-all; 
}
.header-gnb > ul > li:nth-child(7) ul{
    width:125px;  
    word-break:keep-all;
}
.header-gnb > ul > li:nth-child(8) ul{
    width:125px;  
    word-break:keep-all;
}
.header-gnb > ul > li:nth-child(9) ul{
    width:160px;  
    word-break:keep-all;
}

/*하단*/
#footer{
    background:#787878;
}
.layout-footer {
    position: relative;
    margin-top: 40px;
}
.layout-footer .footerlabel p {
    font-family: "Nanum Gothic", sans-serif;
}

.footer-div {
    border-top:1px solid #787878; 
    padding-top:70px; 
    padding-bottom:50px;
}
.footerlabel {
    padding-left:40px;
    color:#E4E4E4;
    font-size:15px;
   
}
.no-padding {
    padding:0px;
}

.img-float-left {
    padding:8px 10px;
    float:left;
}



/*depth 4 를 3에서 필요한애들로만 사용 귀찮아서 클래스명은 안바꿈*/
.depth4 { text-align:right; margin-top:20px; margin-bottom:20px;}
.depth4 li { display:inline-block; padding:5px 5px; margin:0px 15px; }
.depth4 li a  { text-decoration:none; font-size:16px; color:#000; font-family:NanumBarunGothic; }
.depth4 li.active { border-bottom:3px solid; }
.depth4 li.active a { font-weight:500; }

 .gnb-right-icon {
        width:10%;
        float:left;
        padding-top: 10px;
    }
    .header-logo {
        width:20%;
        float:left;
    } 
    .header-gnb {
         width:70%;
         float:left;
         padding-left:0px;
         padding-right:0px;

    }
     #gnb-wrap {
        display:none;
        float: right;
        width: 50px;
        padding-top: 10px;
    }

@media (max-width:1799px) {
.gnb-right-icon {
        display:none;
    }
.header-gnb {
         width:80%;
         float:left;
    }
}

@media (max-width:1550px) {
    /*세부컨트롤 대메뉴 li 간격 조정*/
.header-gnb > ul > li:nth-child(1) {
    width:100px;
}
.header-gnb > ul > li:nth-child(2) {
    width:100px;
}
.header-gnb > ul > li:nth-child(3) {
    width:100px;
}
.header-gnb > ul > li:nth-child(4) {
    width: 105px;
}
.header-gnb > ul > li:nth-child(5) {
    width:105px;
}
.header-gnb > ul > li:nth-child(6) {
     width:110px;
}
.header-gnb > ul > li:nth-child(7) {
     width:110px;
}
.header-gnb > ul > li:nth-child(8) {
     width:100px;
}
/*마지막 링크 부분(제일긴놈) 조정 (밑에 ul도)*/
.header-gnb > ul > li:nth-child(9) {
    width:110px;
}


 /*세부컨트롤 ul width값 조정*/
.header-gnb > ul > li:nth-child(1) ul{
    width:100px;
}
.header-gnb > ul > li:nth-child(2) ul{
    width:100px;
}
.header-gnb > ul > li:nth-child(3) ul{
    width:100px;
}
.header-gnb > ul > li:nth-child(4) ul{
    width:105px;
}
.header-gnb > ul > li:nth-child(5) ul{
    width:105px;  
}
.header-gnb > ul > li:nth-child(6) ul{
    width:110px;   
}
.header-gnb > ul > li:nth-child(7) ul{
    width:110px;  
}
.header-gnb > ul > li:nth-child(8) ul{
    width:100px;  
}
 
.header-gnb > ul > li:nth-child(9) ul{
    width:110px;  
}  
}
@media(max-width:1299px) {
    .header-logo {
        width:15%;
    }
    .header-logo a img {
        width:150px;
        padding-top:10px;
    }
    .header-gnb {
        width:85%;
    }
}
@media (max-width:1199px) {
      .header-logo {
        width:15%;
        float:left;
    } 
    .header-gnb {
         width:85%;
         float:left;
    }
     .header-logo a img {
        width:150px;
        padding-top:10px;
    }

.header-gnb > ul > li:nth-child(1) {
    width:80px;
}
.header-gnb > ul > li:nth-child(2) {
    width:80px;
}
.header-gnb > ul > li:nth-child(3) {
    width:80px;
}
.header-gnb > ul > li:nth-child(4) {
    width: 85px;
}
.header-gnb > ul > li:nth-child(5) {
    width:85px;
}
.header-gnb > ul > li:nth-child(6) {
     width:85px;
}
.header-gnb > ul > li:nth-child(7) {
     width:90px;
}
.header-gnb > ul > li:nth-child(8) {
     width:90px;
}
.header-gnb > ul > li:nth-child(9) {
     width:95px;
}

 /*세부컨트롤 ul width값 조정*/
.header-gnb > ul > li:nth-child(1) ul{
    width:80px;
}
.header-gnb > ul > li:nth-child(2) ul{
    width:80px;
}
.header-gnb > ul > li:nth-child(3) ul{
    width:80px;
}
.header-gnb > ul > li:nth-child(4) ul{
    width:85px;
}
.header-gnb > ul > li:nth-child(5) ul{
    width:85px;  
}
.header-gnb > ul > li:nth-child(6) ul{
    width:85px;   
}
.header-gnb > ul > li:nth-child(7) ul{
    width:90px;  
}
.header-gnb > ul > li:nth-child(8) ul{
    width:90px; 
}
.header-gnb > ul > li:nth-child(9) ul{
    width:110px; 
}


}

@media (min-width:768px) and (max-width:1199px) {
   .footer-div {
        padding-left:0px;
        padding-right:0px;
        width:752px;
    }
     .footerlabel {
        padding-left:0px;
        padding-right:0px;
    }
    #gnb-wrap {
        padding-top:0px!important;
    }
   
}
@media(min-width:768px) and (max-width:1199px) {
   
}

@media(max-width:991px) {
     .header-gnb {
        display:none;
    }
    #gnb-wrap {
        display:inline-block;
    }
    .header-logo {
        width: 200px;
    }
}

@media (max-width:768px) {
    .footerlabel {
        padding-top:20px;
        padding-left:0px;
        padding-right:0px;
    }
     #gnb-wrap {
        padding-top: 3px!important;
    }
    #header {
        padding-left:30px!important;
    }

    .header-mobile-gnb {float:right; padding:8px 0px 0px; font-size:30px;}
}