﻿.dimode-widget.popup .popup-content .each-content{max-width:100%!important;}
.dimode-widget.popup .popup-content table tr td	{ word-break:keep-all; padding: 0px 15%;}
.dimode-widget.popup .popup-content table tr{line-height:2;}
.dimode-widget.popup .popup-content .each-content{background:white!important;}

/*유투브 16:9 사이즈 맞추기*/
.detail-video {
    text-align:center;
}
.detail-video {
    position: relative;
    padding-bottom: 56.25%;
}
.detail-video #dimodeYoutube {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.button-line-block {
    text-align:center;
    display:block;
}
.classify {
        display: inline-block;
         margin-bottom:50px;
}
.radius-btn-white {
    color:black;
    background:white;
    font-size: 16px;
    line-height: 21px;
    padding: 10px 40px;
    border-radius: 0.3em;
    border:1px solid #B0B0B0;
}

.career ul li {
    list-style-position: inside;
     text-indent: -0.5em;
     padding-left: 1em;
}
.Education ul li {
    list-style-position: inside;
     text-indent: -0.5em;
     padding-left: 1em;
}
.career ul li:before {
     content:"- ";
}
.Education ul li:before{
     content:"- ";
}
 #component3062 #unit8398 {
            word-break:keep-all!important;
        }
.write_book div ul li {
        list-style-type:decimal!important;
        list-style-position: inside;
         text-indent: -1em;
         padding-left: 1em;
    }
#unit4195 div span{
        word-break:keep-all!important;
    }

#component6935 #unit6256 table {
    word-break:keep-all!important;
}
#component1939 {
    width:100%!important;
}
    #component1939 #unit3075 {
        width:100%!important;
    }
#unit8071 table {
    word-break:keep-all!important;
}
#unit7758 table {
    word-break:keep-all!important;
}

/*혼인학교 죽음학교 테이블 패딩*/
 #component3988 #unit8042 {
        padding:0px!important;
    }
     #component8416 #unit5002 {
        padding:0px!important;
    }
     #component9090 #unit5140 {
        padding:0px!important;
    }
     #component8825 #unit1234 {
        padding:0px!important;
    }
      #component3461 #unit2023 {
        padding:0px!important;
    }

/*인사말*/


@media (max-width:1199px) {
    /*경청*/

    #component2669 {
        height:100%!important;
    }
    #component2669 .row {
        margin: 0px !important;
    }
    #component2669 #unit4894 {
        width:100%!important;
        margin: 0px !important;
    }
    #component2669 #unit4894 img{
        width:100%!important;
    }
    #component2669 #unit8344 {
        width:100%!important;
        height:300px!important;
    }

    /*유치부*/
    #component8317 {
        height:100%!important;
    }
    #component8317 .row {
        margin: 0px !important;
    }
    #component8317 #unit5451 {
        width:100%!important;
        margin: 0px !important;
    }
    #component8317 #unit5451 img{
        width:100%!important;
    }
    #component8317 #unit5451 {
        width:100%!important;
        height:300px!important;
    }
     #component8317 #unit5451{
        padding:0px!important;
        height:auto!important;
    }
    #component8317 #unit4813{
        padding: 35px 20px 0px!important;
        width: 100%;
    }
    #component6786 #unit5954 {
        word-break:keep-all;
    }
    #component2739 #unit8093 {
        word-break:keep-all;
    }
    #component2739 {
        padding:30px!important;
    }

    /*어린이부*/
    #component3378 .row {
        margin: 0px !important;
    }
    #component3378 #unit2077 {
        width:100%!important;
        padding: 35px 20px 0px!important;
    }
    #component3378 #unit1509 img {
        width:100%!important;
    }
     #component3378 #unit1509{
        padding:0px!important;
        width:100%!important;
        height:auto!important;
    }
    #component8561 #unit5913 {
        word-break:keep-all;
    }
    #component2739 #unit8093 {
        word-break:keep-all;
    }
    #component5488 {
        padding:30px!important;
    }
    #component5488 #unit4070{
        padding:0px!important;
    }

     /*중고등부*/
    #component3485 .row {
        margin: 0px !important;
    }
    #component3485 #unit9743 {
        width:100%!important;
    }
    #component3485 #unit9743 img {
        width:100%!important;
    }
     #component3485 #unit9743{
        padding:0px!important;
        width:100%!important;
        height:auto!important;
    }
    #component3485 #unit6161 {
        width:100%!important;
        padding:35px 20px 0px!important;
    }
    #component3577 #unit9851 {
        word-break:keep-all;
    }
    #component9391 #unit5723 {
        word-break:keep-all;
        padding:0px!important;
    }
    #component9391 {
        padding:30px!important;
    }
    .first-person-img {
        margin-left:190px!important;
    }
}

@media (max-width:1024px) {
    .sub-section2 #dimodeYoutube {
        width: 100vw;
       height: 400px;
    }
    #unit5363 div #sub05 div:nth-child(2) {
        padding-right:15px!important;
    }
    #unit5363 div #sub05 div:nth-child(3) {
        padding-right:15px!important;
    }
    #unit5363 div #sub05 div:nth-child(4) {
        padding-right:15px!important;
    }

}

@media (max-width:991px) {
    #unit9729 .background_news {
        background-size: 130% auto;
        background-position: right!important;
    }
        .first-person-img {
        margin-left:150px!important;
    }
}


@media (max-width:768px) {
	
    .first-person-img {
        margin-left:150px!important;
    }
    #component4233 #unit6642 {
        padding-left:15px!important;
        padding-right:15px!important;
        margin-left:0px!important;
        width:100%!important;
    }
    #component4233 #unit6642 div{
        font-size:15px!important;
        margin-bottom:10px!important;
    }
   
    .sub-section2 #dimodeYoutube {
        width: 100vw;
        height: 400px;
    }

    #unit1238 .background_news {
        padding:100px!important;
        height:400px!important;
        background-size:100% 100%!important;
    }
    #unit1238 .background_news #sub01{
        font-size:24px!important;
    }
    #unit1238 .background_news #sub02{
        font-size:21px!important;
    }
    #unit1238 .background_news #sub03{
        letter-spacing:0px!important;
        font-size:14px!important;
    }


    .d3-menulist {
        padding-left:5px!important;
        padding-right:5px!important;
    }
   
    #unit5211 > img {
        width:100%!important;
    }
    
       
        #component3062{
        padding-left:20px!important;
    }
    #sub04 {
        margin:0px 20px 0px 40px!important;
    }
    #sub05 {
        margin:0px!important;
    }
    #unit5363 div #sub05 div:nth-child(2) {
        padding-right:10px!important;
    }
    #unit5363 div #sub05 div:nth-child(3) {
        padding-right:10px!important;
    }
    #unit5363 div #sub05 div:nth-child(4) {
        padding-right:10px!important;
    }

    
    .cafe-height {
        margin-bottom:75px!important;
    }
     .cafe-height2 {
        margin-bottom:75px!important;
    }
    #unit7589 {
        height:323px!important;
    }
    #unit7343 {
        padding-left:15px!important;
    }
    #component1939 {
        height:inherit!important;
    }
    #component1939 #unit3075 {
        height:inherit!important;
        margin:0px!important;
    }
    #component1939 #unit3075 img{
        height:auto!important;
    }
}
@media (max-width:767px) {
	/*.dimode-widget.popup .popup-content .each-content .each-img img{min-height:250px; max-height:250px;}*/
	.dimode-widget.popup .popup-content table{background-position:right!important; width:100%!important;}
	.dimode-widget.popup .popup-content .each-content:nth-child(2){top: 100px !important; z-index: 998;}
	.dimode-widget.popup .popup-content .each-content:first-child{top: 370px !important;z-index:998;}
	
    .book_guide #component3253 {
        word-break:keep-all;
    }
    #component2809 #unit7319 .background_news div:nth-child(2){
        margin-left:0px!important;
    }
    .first-person-img {
        margin-left:0px!important;
    }
    .church-left-img{
        width: 100%!important;
        text-align: center;
        margin-top: 20px;
        padding-right:0px!important;
    }
    .history-left-text {
        padding-top: 25px;
    }
     
    .church-left-img img {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .church-right-text {
        width:100%!important;
        padding-left:15px;
        padding-right:15px;
        word-break:keep-all;
    }
        
    
     #component4233 #unit6642 div span{
        word-break:keep-all;
        font-size:18px!important;
    }
    #component3062 {
        padding-left: 0px !important;
    }

    #unit4195 div span {
        font-size: 17px !important;
    }

    #unit5077 {
        margin-bottom: 20px !important;
    }

    #sub04 {
        width: 83% !important;
    }

    #sub05 {
        margin-top: 30px !important;
        width: 100% !important;
        padding-left: 7px !important;
    }
        #sub05 div:nth-child(n) {
            display:inline-block;
            width:33%!important;
        }
    #unit5363 div #sub05 div:nth-child(2) {
        padding-right: 10px !important;
    }

    #unit5363 div #sub05 div:nth-child(3) {
        padding-right: 10px !important;
    }

    #unit5363 div #sub05 div:nth-child(4) {
        padding-right: 10px !important;
    }

    #unit9729 .background_news {
        background-position:right bottom!important;

    }
    #unit5363 .background_news {
            padding-top: 50px!important;
    }
  
    #component2774 {
        padding-bottom: 30px !important;
    }

    #unit1238 .background_news div{
        margin:0px!important;
    }
    #unit1238 .background_news {
        height:320px!important;
        padding:0px!important;
        padding-top:120px!important;
        line-height:0.5!important;
        background: black;
        opacity: 0.7;
        background-image:url(/UserData/kdchurchhp/Layouts/kdchurchhp_Layout/Images/sub/background.png)!important;
    }
    #unit1238 .background_news #sub01{
        font-size:24px!important;
    }
    #unit1238 .background_news #sub02{
        font-size:21px!important;
    }
    #unit1238 .background_news #sub03{
        letter-spacing:0px!important;
        font-size:14px!important;
    }
    /*혼인학교 테이블1*/
   
    #component8416 #unit5002 table tr td:nth-child(1){
        width:5px!important;
    }
    #component8416 #unit5002 table tr td:nth-child(2){
        width:20px!important;
    }
    #component8416 #unit5002 table tr td:nth-child(3){
        width:35px!important;
    }
    #component8416 #unit5002 table tr td:nth-child(4){
        width:25px!important;
    }
   
    #component8416 #unit5002 table tr td:nth-child(5){
        width:55px!important;
    }

     /*혼인학교 테이블2*/
   
    #component9090 #unit5140 table tr td:nth-child(1){
        width:5px!important;
    }
     #component9090 #unit5140 table tr td:nth-child(2){
        width:20px!important;
    }
    #component9090 #unit5140 table tr td:nth-child(3){
        width:35px!important;
    }
    #component9090 #unit5140 table tr td:nth-child(4){
        width:25px!important;
    }
   
    #component9090 #unit5140 table tr td:nth-child(5){
        width:55px!important;
    }

     /*혼인학교 테이블3*/
   
    #component3988 #unit8042 table tr td:nth-child(1){
        width:5px!important;
    }
     #component3988 #unit8042 table tr td:nth-child(2){
        width:20px!important;
    }
    #component3988 #unit8042 table tr td:nth-child(3){
        width:35px!important;
    }
    #component3988 #unit8042 table tr td:nth-child(4){
        width:25px!important;
    }
   
    #component3988 #unit8042 table tr td:nth-child(5){
        width:55px!important;
    }

      /*죽음학교 테이블1*/
   
    #component8825 #unit1234 table tr td:nth-child(1){
        width:5px!important;
    }
     #component8825 #unit1234 table tr td:nth-child(2){
        width:20px!important;
    }
    #component8825 #unit1234 table tr td:nth-child(3){
        width:45px!important;
    }
    #component8825 #unit1234 table tr td:nth-child(4){
        width:25px!important;
    }
    
    #component8825 #unit1234 table tr td:nth-child(5){
        width:45px!important;
    }

      /*죽음학교 테이블1*/
   
    #component3461 #unit2023 table tr td:nth-child(1){
        width:5px!important;
    }
    #component3461 #unit2023 table tr td:nth-child(2){
        width:20px!important;
    }
    #component3461 #unit2023 table tr td:nth-child(3){
        width:45px!important;
    }
    #component3461 #unit2023 table tr td:nth-child(4){
        width:25px!important;
    }
    
    #component3461 #unit2023 table tr td:nth-child(5){
        width:45px!important;
    }
    /*교역자모바일*/
    .Servant #component2499,.Servant #component6218,
    .Servant #component1780,.Servant #component1239,
    .Servant #component6168,.Servant #component2765,
    .Servant #component1206,.Servant #component2874,
	.Servant #component2545{
        float:left;
        width:50%!important;
    }
    /*장로모바일*/
    .Servant #component1357,.Servant #component5937,
    .Servant #component3197,.Servant #component1905,
    .Servant #component4239,.Servant #component6663,
    .Servant #component4194,.Servant #component4599,
    .Servant #component4599,.Servant #component5304,
    .Servant #component5005,.Servant #component2564  {
        float:left;
        width:50%!important;
    }

   
}
@media(max-width:414px) {
      #unit9729 .cross {
        white-space:nowrap;
        font-size:15px!important;
    }
    .coin-right-img {
        position:relative;
        top:70px!important;
    }

}

@media (max-width:320px) {
       #unit9729 .cross {
        white-space:nowrap;
        font-size:13px!important;
    }
    .coin-right-img {
        position:relative;
        top:80px!important;
    }

     #component4233 #unit6642 div span{
        font-size:15px!important;
    }
    .d3-menulist {
        padding-left:5px!important;
        padding-right:5px!important;
    }
  
     #unit5363 div #sub05 div:nth-child(2) {
        padding-right:10px!important;
    }
    #unit5363 div #sub05 div:nth-child(3) {
        padding-right:5px!important;
    }
    #unit5363 div #sub05 div:nth-child(4) {
        padding-right:5px!important;
    }
}
