/*안내*/
.main-section2 {
    background:url(/UserData/kdchurchhp/Layouts/kdchurchhp_Layout/Images/main/bg.jpg);
}
/*메인 섹션2 예배영상 & 아이콘*/
.worship-table table tbody tr:nth-child(1n):hover {
    background:#eeeeee;
}

.icon > p {
    font-size:20px;
}
.icon a {
    text-decoration:none;
}
.icon span {
    font-size:15px;
}
.icon-line1 {
    margin-top:85px;
    margin-bottom:85px;
}
.icon-line2 {
    margin-bottom:85px;
}
.main-section2 .container .main-Worship #navTab li.active > a {
    background:gray;
    color:white!important;
}


/*메인 섹션3 예배안내 & 주보 */
.div-main-guide > p {
    font-size:45px;
    color:white;
    margin-bottom:40px;
}
    .div-main-guide {
        float:right;
        margin-top:50px;
        margin-right:35px;
    }
        .div-main-guide > table {
             font-family: 'Noto Sans Korean Light', sans-serif;
        }
        .div-main-guide > table tr:first-child > td {
            font-size:20px;
            font-weight:300;
            color:white;
            text-align:center;
        }
        .div-main-guide > table tr > td {
            font-family:initial;
            font-size:15px;
            font-weight:300;
            color:#DADADA;
        }
        .div-main-guide > table tr > td {
            padding-top:8px;
            padding-bottom:8px;
            padding-left:20px;
            padding-right:20px;
            border:1px solid #DADADA;
    
        }

.main-jubo {
    background:url(/UserData/kdchurchhp/Layouts/kdchurchhp_Layout/Images/main/bg1.jpg);
    height:642px;
}
.div-main-jubo {
    position:relative;
    height:100%;
}
.div-jubo {
    position:absolute;
    font-size:26px;
    font-weight:300 ;
    color:white;
    top:50%;
    margin-top:-30px;
    left:50%;
    margin-left:-95px;
    width:190px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:25px;
    padding-right:25px;
    border:2px solid #ddd;
    text-align:center;
   
}
.div-jubo:hover {
     background: rgba(255,255,255,0.2)!important;
     cursor:pointer;
     transition: all 0.3s ease-out 0s;
}


/*메인화면 슬라이드*/
.main-slide #row1 {
    padding:0px;
}

.main-guide {
    background:#494949;
    height:642px;
}

/*메인 섹션4*/
.main-section4 {

}
.div-building strong{
    word-break:keep-all;
    font-size:27px;
    margin-top: 100px;
    margin-bottom: 50px;
    display: inline-block;
}
.div-building p {
    font-size:15px;
    color:#848484;
    z-index: 99;
    position: relative;
    line-height:1.8;
    font-family:n;
}
.div-building img {
    position: relative;
    float:right;
    bottom:195px;
}
.img-bottom-button {
    margin-top:110px;
    position: relative;
    margin-bottom:80px;
}
.img-bottom-button a {
    text-decoration:none;
    padding-right:15px;
}
.img-bottom-button > img {
    margin-right:15px;
    position: absolute;
    bottom: -58px;
    right: 0px;
}
/*메인 섹션5*/
.main-section5 {
    background:black;
    padding-bottom:130px;
}

.main-section5 .div-history {
    margin-top:100px;
    width:100%;
    display:inline-block;
}
.main-section5 .div-history strong{
    font-size:45px;
    color:white;
    float:left;
}
.main-section5 .div-history div {
    float:right;
    padding-top:20px;
   
}
.div-video-history {
    padding-top: 30px;
    padding-bottom:30px;
}
.main-section5 .div-history strong div img{
    float:right;
}
.div-hr-history {
    color:#393939;
    margin-top:60px;
    margin-bottom:85px;
}
.documentary .p1{
    font-size:26px;
    color:white;
    margin-bottom:30px;
}
.documentary .p2 {
    font-size:16px;
    color:white;
    margin-bottom:30px;
}
.documentary .p3 {
    font-size:16px;
    color:white;
    display: inline-block;
}
.documentary .p3 > span {
    color:#4385B9;
}

.div-docu1 {
    float:left;
}
.div-docu2 {
    float:left;
}
.div-docu3 {
    float:left;
}
/*메인섹션6*/
.main-section6 {
    background:white;
}
.div-kdchurchphoto-title .title {
    font-size:42px;
}
.div-kdchurchphoto-title .content {
    font-size:20px;
    color:#797979;
    margin-bottom:65px;
}
.div-kdchurchphoto-title {
    text-align:center;
    margin-top:90px;
}
.hr-blue-line {
    width:100px;
    border-color:#3D83B7;
    border-width:5px;
    margin-top:30px;
    margin-bottom:30px;
}
.div-gellary-btn {
    text-align:center;
    padding-top:73px;
    padding-bottom:95px;
    clear: both;
}
.div-gellary-btn a{
    border:2px solid #3D83B6!important;
    background:#3D83B6!important;
    transition: all 0.3s ease-out 0s;
}
.div-gellary-btn .gellary-btn:hover {
    color:#3D83B6;
    border:2px solid #3D83B6!important;
    background: white!important;

}

/*메인섹션7*/
.div-left-news {
    background:#1B1B1B;
    height: 428px;
}
.div-right-yakdo {

}

.div-left-news .p-title {
    text-align:center;
    color:white;
    font-size:43px;
    margin-top:90px;
}
.div-left-news div {
    text-align: center;
    float: right;
    margin-top: 8px;
    margin-right: 55px;
}

.div-document-date {
    float:right;
}
/*메인섹션8*/
.div-book-title {
    margin-top:85px;
    text-align:center;
    font-size:47px;
    word-break:keep-all;
}
.p-book-title {
    font-size:25px;
    margin-top:40px;
}
.p-book-content {
    color:#7A7A7A;
    font-size:16px;
    
}
.div-book-content {
    width:100%;
    height:100%;
    display: flex;
    margin-top: 20px;
    margin-bottom:100px;
}
 
.loan-return table {
    font-size:16px;
    word-break:keep-all;
}
.loan-return table tr td {
    border:1px solid #E8E8E8;
    padding:16px;
}
.loan-return table tr:first-child {
    background:#F7F7F7;
    font-size:18px!important;
}
.use-tips ul li {
    margin-left:20px;
    font-size:16px;
    color:#7A7A7A;
}
.use-qualification, .use-time, .use-tips {
    margin-bottom:80px;
}
.div-main-search {
    display:block;
    position:relative;
    width:100%;
}
    .div-main-search > a:hover {
        
    }
.div-search {
    position:absolute;
    font-size:26px;
    font-weight:300 ;
    color:black;
    top:100px;
    margin-top:-65px;
    right:0%;
    margin-left:-95px;
    width:190px;
    padding-top:10px;
    padding-bottom:15px;
    padding-left:25px;
    padding-right:25px;
    border:2px solid #333;
    text-align:center;
    text-decoration:none!important;
}
.div-search:hover {
    background:#eeeeee;
    color:black;
    transition: all 0.3s ease-out 0s;
}

/*메인섹션9*/
.main-section9 {
    background:#F5F5F5;
}
.main-news {
    vertical-align:middle;
    width:100%;
    height:100%;
    margin-top:50px;
    margin-bottom:50px;
    display: inline-block;
}
.div-news-title {
    font-size:45px;
    float:left;
}
.div-more-btn {
    float:right;
    text-align:center;
    padding-top:10px;
    padding-bottom:0px;
}
.div-more-btn a{
    border:2px solid #3D83B6!important;
    background:#3D83B6!important;
    transition: all 0.3s ease-out 0s;
}
.div-more-btn .more-btn:hover {
    color:#3D83B6;
    border:2px solid #3D83B6!important;
    background: white!important;
}
/*메인섹션10*/
.div-backgroun-black {
    background: black;
    width: 100%;
    height: 472PX;
    z-index: 2;
    top: 0PX;
    position: absolute;
    opacity:0.7;
}
.hr-white-line {
    width:130px;
    border-color:white;
    border-width:3px;
    margin-top:30px;
    margin-left:-63px;
    top:100px;
    left:50%;
    position:absolute;
    z-index:5;
}

.p-slide-news-title {
        font-size:35px; color:white; text-align:center;position:absolute;z-index:5;width: 100%;
        top:50px;
}
.p-slide-news-subtitle {
        font-size:17px; color:white; text-align:center;position:absolute;z-index:5;width: 100%;
        top:170px;
        word-break:keep-all;
}
.p-slide-news-date {
        font-size:17px; color:white; text-align:center;position:absolute;z-index:5;width: 100%;
        top:210px;
}
.p-slide-news-place {
        font-size:17px; color:white; text-align:center;position:absolute;z-index:5;width: 100%;
        top:250px;
}

.p-slide-news-shooting {
        font-size:17px; color:white; text-align:center;position:absolute;z-index:5;width: 100%;
        top:290px;
}

.p-slide-news-edit {
        font-size:17px; color:white; text-align:center;position:absolute;z-index:5;width: 100%;
        top:330px;
}
.div-margin-top {
    margin-top:30px;
}

/*메인섹션11*/
.main-section11{
    width:100%;
    text-align:center;
}


.public-quick-icon {
    margin-top:30px;
  
}
    .public-quick-icon p {  
        width:100%;
        font-size:15px; 
        padding:10px 0px;
        background:#F4F4F4;
        margin:0px;
        border:2px solid #F4F4F4;
    }

    .public-quick-icon p:hover {
        color:white;
        background:#B7B7B7;
        transition: all 0.3s ease-out 0s;
    }
      .public-quick-icon a { 
        display: inline-block;
        color: black;
        text-decoration: none;
        width: 100%;
    } 


/*섹션END*/

/*swiper*/
.r0 { margin-bottom:30px; }
.r1 { display:flex; }

.sfl, .sfr { font-size:80px; color:#fff; position:absolute; top:50%; z-index:10; margin-top:-40px; cursor:pointer; }
.sfl { left:5%; }
.sfr { right:5%;}
/*end 공통*/
.container-fluid{
    padding:0px;
}
.slider .move-btn {
    background:inherit
}
.slider .slider-dots .each-dot.active {
    background:white;
    border-color:#ffffff;
}
.classify {
        display: inline-block;
         margin-top:50px;
}
.radius-btn-white {
    color:white;
    background:inherit!important;
    font-size: 16px;
    line-height: 21px;
    padding: 10px 40px;
    border-radius: 0.3em;
    border:1px solid #fff;
    transition: all 0.3s ease-out 0s;
}

#dimodeYoutube-live {
    width: 100%;
    height: 100%;
}

#dimodeYoutube {
    width: 100%;
    height: 100%;
}
.next-button:hover {
    background: rgba(255,255,255,0.2)!important;
}

.radius-btn:hover {
    color:white;
}
.button-line-block {
    text-align:center;
    display:block;
    
}
.main-video {
   display:none;
}
.main-video > #row2 {
    text-align:center; 
    padding-bottom: 90px;
    border-bottom:1px solid #E8E8E8;
}

.main-Worship {
    text-align:left; 
    padding-bottom: 0px;
    padding-left:0px;
    padding-right:0px;
    /*border-bottom:1px solid #E8E8E8;
    margin-top:0px;*/
	margin:80px 0;
}
.line-block {
    display:block;
}
.main-icon {
    text-align:left; 
    padding-bottom: 0px;
    border-bottom:1px solid #E8E8E8;
}
.worship {
    font-size:44px;
    padding-left:0px;
    padding-right:0px;
}

.nav-tabs > li > a {
    border-radius :0px;
}
.div-paddingLRB-5 {
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
}
.background-color-white {
    background:white;
}
.border-line-all {
    border:1px solid #dddddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
       border-color: transparent!important;
}
table {
    border:none;
}
.nav-tabs {
    border-bottom:NONE!important;
}
.div-margin-bottom-60 {
    margin-bottom:60px;
}

.hr-no-margin {
    margin-top:0px;
    margin-bottom:0px;
}
.worship-table table tr td {
    font-family:'Noto Sans Korean Light', sans-serif;
    padding-top: 10px;
    padding-bottom: 10px;
}
    .worship-table table thead tr td {
       width:15%;
       padding-top: 15px;
       padding-left: 15px;
       padding-right: 15px;
       padding-bottom: 0px;
    }

.table-hr {
    text-align: center;
    width: 97%;
}
.nav-tabs > li > a {
    border:none;
    margin-right:0px;
}
.nav-tabs .li-tab a{
    text-align:center;
    color:white;
}
#navTab1,#navTab2,#navTab3 {
    background:white;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border:none!important;
}
     #navTab1 li A:hover,#navTab2 li A:hover,#navTab3 li A:hover {
        background:white!important;
    }
    #navTab1 li.active, #navTab2 li.active, #navTab3 li.active {
        border-bottom: 2px solid #000;
    }
    #navTab1 li:not(.active),  #navTab2 li:not(.active),  #navTab3 li:not(.active) {
        border-bottom: 1px solid #E4E4E4;
    }
#navTab1 > li > a, #navTab2 > li > a, #navTab3 > li > a {
    font-size:15px;
    font-weight:400;
}
#navTab1 li:not(.active) > A {
     color:#666666!important;
}

#navTab1 {
    padding-top:5px;
}

/*영상 조절*/
/*유투브 16:9 사이즈 맞추기*/
.detail-video {
    text-align:center;
}
 #tab-main-worship,#tab-main-season, #tab-main-special, #tab-main-music {
        width:25%;
    }
#tab-main-season-1, #tab-main-season-2, #tab-main-season-3, #tab-main-season-4 {
    width:25%;
}
#tab-main-special-1, #tab-main-special-2 {
    width:50%;
}
#tab-main-music-1, #tab-main-music-2, #tab-main-music-3, #tab-main-music-4, #tab-main-music-5 {
    width:20%;
}
.nav-tabs > li {
    margin-bottom:0px;
}
 .icon > p {
        word-break: keep-all;
    }
  .icon > span > a {
        word-break: keep-all;
    }
.background-img-url {
     width:100%;
     height:400px;
     background-size: 100% 100%;
     background-image:url("/UserData/kdchurchhp/Layouts/kdchurchhp_Layout/Images/main/footerslide.jpg");
}

.nav-tabs > li {
    word-break:keep-all;
}

@media (min-width:991px) {
    
.modal-dialog {
    width:900px!important;
}
}

@media(max-width:1299px) {
     .modal-backdrop {
        display:none;
     }
    .p-slide-news-title {
        font-size: 25px;
    }
}

@media (max-width:1199px) {
    .div-main-guide {
        width:100%;
        margin-right:0px!important;
    }
        .div-main-guide table {
            margin-left: auto;
            margin-right: auto;
          
        }
        .div-main-guide p {
            text-align:center;
        }
   .div-left-news div {
    margin-right: 25px;
}
   .gallery #widgetgallery {
        height:200px!important;
    }
}

.modal-content {
    z-index:99999;
}


@media (max-width:1024px) {
    #dimodeYoutube {
        width: 100%;
        height: calc(50vw/1.77);
    }
      #nav-tab-content table tr td:nth-child(2) {
    display:none;
    }
    .div-left-news div {
        margin-right:0px;
    }
       .div-left-news div {
        float: inherit;
        margin-top: 8px;
        width: 100%!important;
    }
        .div-left-news div > table {
            text-align:center!important;
        }
}

@media (max-width:991px) {
    .div-book-content {
        display: inline-block;
    }
    .div-main-search {
        position: relative;
        margin-top: 30px;
        padding-left: 100px;
    }
    .div-search {
        position:relative;
        top:0px!important;
        right:0px!important;
       
    }
      #dimodeYoutube {
        width: 100%;
        height: calc(30vw/1.77);
    }
    .div-video-history {
        height:180px;
    }
    .main-section4 .img-bottom-button {
        text-align:center;
    }
    .main-section4 .img-bottom-button > img {
        display:none;
    }
   .gallery #widgetgallery {
        height:150px!important;
    }
}


@media (max-width:768px) {
    #dimodeYoutube {
        width: 100%;
        height: calc(50vw/1.77);
    }

    #nav-tab-content table tr td:nth-child(3) {
        display: none;
    }

    #nav-tab-content table tr td:nth-child(2) {
        display: none;
    }

    #nav-tab-content table tr td:nth-child(1) {
        display: none;
    }

    #nav-tab-content .nav-tabs > li > a {
        word-break: keep-all;
    }

    #nav-tab-content .nav-tabs > li {
        height: 70px;
    }

    .icon > p {
        font-size: 14px;
    }

    .icon > span > a {
        display: none;
    }

    .icon-line1 {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .div-main-guide table {
        word-break: keep-all;
    }

    .main-section2 > .container {
        margin-top: 0px !important;
    }
    #tab-main-special-2 a {
        padding:10px 25px;
    }
    #tab-main-season-3 a {
        padding: 0 15px;
    }

     #tab-main-music-1 a {
        padding: 0 15px;
    }
      #tab-main-music-2 a {
        padding: 0 15px;
    }
   
        #tab-main-music-4 a {
        padding: 0 15px;
    }
    #tab-main-music-5 a {
        padding: 0 15px;
    }

    .div-main-guide > p {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .div-main-guide {
        margin-top: 25px;
		float:initial;
		padding: 8vw;
    }

        .div-main-guide > table tr:first-child > td {
            font-size: 16px;
        }

        .div-main-guide > table tr > td {
            font-size: 13px;
        }

    .main-section4 > .container {
        padding:0px 15px;
    }
    .main-section5 > .container {
        padding:0 15px;
    }
    .div-building p {
        word-break:keep-all;
    }
    .div-video-history {
        height:inherit;
        padding-top:10px;
        padding-bottom:10px;
    }
    .documentary .p3 {
        display:block;
        margin-bottom:50px;
        text-align:center;
    }
    .div-news-title {
        width:100%;
        text-align:center;
    }
    .div-more-btn {
        width:100%;
        text-align:center;
    }
    .p-slide-news-title {
        display:none;
    }
    .hr-white-line {
        display:none;
    }
    .p-slide-news-subtitle {
        top:80px;
    }
    .p-slide-news-date {
        top:150px;
    }
    .p-slide-news-place {
        top:200px;
    }
    .p-slide-news-shooting {
        top:250px;
    }
    .p-slide-news-edit {
        top:300px;
    }
     .main-Worship {
        margin-top:0px!important;
    }
    
	.main-jubo {
		background: white;
		height: 150px;
	}
	
	.div-jubo { 
		color: black; 
		border: 2px solid #000; 
	}
	
	.div-building strong { 
		margin-top: 50px; 
	}
	
	
}
@media (width:768px) {
    #nav-tab-content .nav-tabs > li > a {
        padding-top:0px;
        padding-bottom:0px;
    }
}
@media (max-width:767px) {
    .div-right-yakdo img {
        height:inherit!important;
    }
    .div-right-yakdo div {
        height:inherit!important;
    }
    .main-section3 .main-guide {
        height:auto!important
    }
    .icon-line2 {
        margin-bottom:50px;
    }
    .div-main-guide > table tr > td {
        padding-top: 5px!important;
        padding-bottom: 5px!important;
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
    .use-qualification, .use-time, .use-tips {
        margin-bottom:50px;
    }
     .gallery #widgetgallery {
        height:300px!important;
    }
}
@media (max-width:414px) {
      .gallery #widgetgallery {
        height:200px!important;
    }
}
@media (max-width:320px) {
    .loan-return table tr td {
        padding:10px;
    }
    .main-section3 .main-guide {
        height:730px!important
    }
    .div-main-guide {
        width:103%;
    }
}