﻿.bodyWrapper .layout-sub .body-lnb {
    float: left;
    width: 212px;
}

    .bodyWrapper .layout-sub .body-lnb .lnb-title {
        padding: 10px 0;
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom:1px solid #000;
    }

        .bodyWrapper .layout-sub .body-lnb .lnb-title .text {
            font-size: 32px;
            color: #000;
            font-weight: 400;
            text-align:left;
            margin: 0px 13px 0px 13px;
        }

    .bodyWrapper .layout-sub .body-lnb .lnb-submenus {
        border-bottom: 1px solid #000;
        padding-top: 0;
    }

        .bodyWrapper .layout-sub .body-lnb .lnb-submenus > .each-menu {
            border-bottom: 1px solid #EDEDED;
        }

            .bodyWrapper .layout-sub .body-lnb .lnb-submenus > .each-menu.active {
            }

                .bodyWrapper .layout-sub .body-lnb .lnb-submenus > .each-menu.active > a {
                    color: #58b5ba;
                    font-weight: 600;
                }
                .bodyWrapper .layout-sub .body-lnb .lnb-submenus > .each-menu .fa{
                    font-size: 18px;
                    float: right;
                    padding-right: 25px;
                }

            .bodyWrapper .layout-sub .body-lnb .lnb-submenus > .each-menu > a {
                display: block;
                padding: 15px 5px;
                color: #666;
                font-size: 16px;
                text-decoration: none;
            }

                .bodyWrapper .layout-sub .body-lnb .lnb-submenus > .each-menu > a:hover {
                    color:#58b5ba;
                }

            .bodyWrapper .layout-sub .body-lnb .lnb-submenus > .each-menu.active > a {
            }

            .bodyWrapper .layout-sub .body-lnb .lnb-submenus > .each-menu > .each-menu {
                display: none;
                margin: 6px 0;
            }

            .bodyWrapper .layout-sub .body-lnb .lnb-submenus > .each-menu.active > .each-menu {
                display: block;
            }

            .bodyWrapper .layout-sub .body-lnb .lnb-submenus > .each-menu > .each-menu > a {
                color: #666;
                display: block;
                font-size: 14px;
                padding: 3px 18px;
            }

                .bodyWrapper .layout-sub .body-lnb .lnb-submenus > .each-menu > .each-menu > a:hover {
                    color: #5cc7cd;
                    text-decoration: none;
                }

                .bodyWrapper .layout-sub .body-lnb .lnb-submenus > .each-menu > .each-menu > a:active {
                    color: #5cc7cd;
                    text-decoration: none;
                }

            .bodyWrapper .layout-sub .body-lnb .lnb-submenus > .each-menu.active > .each-menu > ul {
                padding-left: 20px;
            }

                .bodyWrapper .layout-sub .body-lnb .lnb-submenus > .each-menu.active > .each-menu > ul > li > a {
                    color: #666;
                }

                    .bodyWrapper .layout-sub .body-lnb .lnb-submenus > .each-menu.active > .each-menu > ul > li > a:hover {
                        color: #5cc7cd;
                        text-decoration: none;
                    }

                    .bodyWrapper .layout-sub .body-lnb .broadba{
                        font-size:14px;
                    }

                    .bodyWrapper .layout-sub .body-lnb .broadba > span{
                            text-decoration: underline;
                            font-weight: 600;
                            padding: 12px 15px;
                            font-size: 14px;
                    }

                    .bodyWrapper .layout-sub .body-lnb .broadba > p1{
                            display: block;
                            padding: 0px 15px;
                            color: #666;
                            font-size: 14px;
                            text-decoration: none;
                    }

                                        .bodyWrapper .layout-sub .body-lnb .broadba > p2{
                            display: block;
                            padding: 0px 15px;
                            color: #666;
                            font-size: 14px;
                            text-decoration: none;
                    }


.bodyWrapper .layout-sub .subTItleNamebg{
    height:37px;
    width:100%;
    background-color:#fff;
    border-bottom:1px solid #dddddd;
    margin-top:18px;
    margin-bottom:18px;
}

.bodyWrapper .layout-sub .subbodywrapper {
    margin: 0 auto;
    padding: 0px!important;
}


    .bodyWrapper .layout-sub .subbodywrapper .body-sub {
        width: 100%;
        display: inline-block;
        padding:0;
    }

        .bodyWrapper .layout-sub .subbodywrapper .body-sub .body-lnb {
            margin: 20px 0 40px 0px;
        }

        .bodyWrapper .layout-sub .subbodywrapper .body-sub .content {
            /*width: 850px;
            padding-top: 0px;
            padding-left: 0px;
            min-height: 387px;*/
            float: right;
            margin-bottom: 10px;
            position:relative;
        }

            .bodyWrapper .layout-sub .subbodywrapper .body-sub .content > .contentTitle {
                padding: 30px 0px;
            }

                .bodyWrapper .layout-sub .subbodywrapper .body-sub .content > .contentTitle > #contentTitleName {
                    color: #333;
                    font-size: 35px;
                    font-weight: 900;
                    width:100%;                
                    display: inline-block;
                }

            .bodyWrapper .layout-sub .subbodywrapper .body-sub .content > hr {
                position: absolute;
                width: 100%;
                margin-top: 55px;
                margin-bottom: 20px;
                border: 0;
                border-top: 1px solid #eee;
                margin-left: -620px;
            }

            .bodyWrapper .layout-sub .subbodywrapper .body-sub .content #dimodeBoard{
                padding:23px 31px;
            }

    .bodyWrapper .layout-sub .subbodywrapper .subTItleName {
        color: #727272;
        font-size: 14px;
        margin-top: -58px;
        font-weight: 400;
        margin-left:24px;
    }

    .bodyWrapper .layout-sub .subbodywrapper .subTItleName > a {
        text-decoration:none;
    }

    .bodyWrapper .layout-sub .subbodywrapper #depth3 {
        border-bottom: 1px solid #ddd;
        width: 100%;
        margin-top: 50px;
        margin-bottom: 30px;
    }

        .bodyWrapper .layout-sub .subbodywrapper #depth3 > table {
            border: 0px;
            table-layout: fixed;
            width: 100% !important;
        }

            .bodyWrapper .layout-sub .subbodywrapper #depth3 > table td.active {
                background: #fff;
            }

                .bodyWrapper .layout-sub .subbodywrapper #depth3 > table td.active a {
                    color: #13479a;
                    font-weight: 600;
                }

.subtopbg {
    width: 1920px;
    background-image: url('../../../Images/subsamplebg.jpg');
    height: 240px;
    position: relative;
    left: 0;
    bottom: -25px;
    text-align: center;
    background-repeat: no-repeat;
}

.board-theme .theme-detail .detail-upper .document-readed_count{
    display:none;
}

#dimodePage .page-content{
    padding: 0px;
}

#pageContent{width: 1200px;}

.mobile-gnb-btn{
    right:60px!important;
}

#dimodeBoard.board-num_178 .document-extended_keys table th{
    text-align:center;
}

#dimodeBoard.board-num_178 .document-extended_keys table th{
    height:50px;
}

#dimodeBoard.board-num_178 textarea.form-control{
    height:350px;
}

#sitemap-wrap{display:none;}


.layout-sub .subimg {padding:0; position:relative;}
.layout-sub .subimg img {padding-bottom:5px; }
.layout-sub .subimg .subtitlelabel{position:absolute; top:0; left:0; color:#fff; text-align:center;}
.layout-sub .subimg .subtitlelabel > span{font-size:20px;}
.layout-sub .subimg .subtitlelabel img {padding:0; display:inline-block;}
.layout-sub .content-cont .cont-wrapper{padding-bottom:25px;}

.subimg .content-top {
	height:457px;
    top:-50PX;
	background-position:center;
	background-size:auto;
    background-repeat:no-repeat;
    position:relative;
    margin-top:-109px;
}

.subimg .content-top .top-gnb-title {
	text-align:center;
	padding-top:200px;
	position:relative;
}

.subimg .content-top .top-gnb-title .big-title {
	font-size:20px;
	color:#fff;
}

.subimg .content-top .top-gnb-title .white-bar {
    background: #fff;
    width: 30px;
    display: inline-block;
    height: 2px;
    margin: 12px 0;
}

.subimg .content-top .top-gnb-title .small-title {
	color:#fff;
	margin-top:10px;
	font-size:36px;
}

.subimg .content-top .top-gnb-title .subTitleName {
	background: #fff;
    width: 55px;
    display: inline-block;
    height: 1px;
    margin: 12px 0;
}

.subTitleName2 {
	background: #000;
    width: 10px;
    display: inline-block;
    height: 2px;
    margin: 5px 0;
}

.subimg .content-lnb {
	background:#42AE48;
}

#notice-footer{display:none;}

#layout-sfooter{display:none;}


 .bus_01 tr:first-child {             height: 70px;        }





/*반응형*/

@media(max-width:1460px) {
    .sub-17 #unit5739 {width:59%!important;    }
    .sub-17 #unit3471 {width:28.5%!important;    }

    .sub-18 #unit5739  div   {font-size:14px!important;    }
    .sub-19 #unit3471 {width:28%!important;}

    .worship_01 {    font-size: 16px!important; }

    .sub-23 #component3262{overflow:hidden;}
    #daumRoughmapContainer1664944896946 {        width:815px!important;    }

    .sub-42 #unit3236 >div, 
    .sub-43 #unit3236 >div, .sub-44 #unit3236 >div ,.sub-45 #unit3236 >div, .sub-46 #unit3236 >div, .sub-739 #unit3236 >div{background-position:50%;}
    .sub-739 #unit3236 >div{background-size:cover ; height: auto!important; word-break:keep-all;}
    
    .sub-43 #unit6514 .row .col-sm-12 .col-sm-2 >div, .sub-44 #unit6514 .row .col-sm-12 .col-sm-2 >div{width:80px!important;}
    .sub-45 #unit6514 .row .col-sm-4 .col-sm-6,  .sub-46 #unit6514 .row .col-sm-4 .col-sm-6{width:160px!important;}
    .sub-45 #unit6514 .row .col-sm-12 .col-sm-2 >div,  .sub-46 #unit6514 .row .col-sm-12 .col-sm-2 >div{width:90px!important;}

    .sub-43 #unit6514 .row,  .sub-44 #unit6514 .row, .sub-45 #unit6514 .row{word-break:keep-all;}

         .sub-54 #unit6514 >div,  .sub-61 #unit5503 >div ,  .sub-64 #unit5503 >div,  .sub-69 #unit5503 >div,  .sub-68 #unit5503 >div {padding: 5%;height:auto!important;}
     .sub-54 #unit6514 >div >div,  .sub-61 #unit5503 >div >div ,  .sub-64 #unit5503 >div >div,  .sub-69 #unit5503 >div >div ,  .sub-68 #unit5503 >div >div {position:initial!important; }

    .pray_01 td:nth-child(1) { 
        width: 25%;
    }
}

 

    @media(max-width:1200px){
       .subtopbg {
                   width:1296px;
            }
       body{
           width:100%;
       }
         .worship_01 {    font-size: 14px!important; }
    }

    @media(max-width:991px){
        #unit7305 {
            width:100%!important;
        }
        #unit5883 {
            width:90%!important;
            height:100%!important;
        }
        #unit7371 {
             width:90%!important;
             height:100%!important;
        }

       .bodyWrapper .layout-sub .subbodywrapper .body-sub .content{
           width:100%!important;
           float:inherit;
           padding-right:0px!important;
           margin-right:0px!important;
           padding-top:0px!important;
       }
       .bodyWrapper .layout-sub .subbodywrapper{
           margin-top:0px!important;
           padding:0px!important;
       }
       .mobile-gnb-btn{
           right:14px!important;
       }
       .bodyWrapper .layout-sub .subbodywrapper .subTItleName{
           overflow-x:initial!important;
       }

       
    }

@media(max-width:768px) {
    #unit5696 {
        width:100%!important;
    }
    #unit7305 {
         width:100%!important;
    }
    #unit5696 #left_main strong {
        font-size: 60px;
    }
    #unit7305 #left_main strong {
        font-size: 60px;
    }


.sub-17 #component2066 .dimode-sort{display:flex;}
.sub-17 #unit5739 {width:66%!important;    }
unit3471 {width:32%!important;    }
.sub-18 #component2066 .dimode-sort{display:flex; flex-wrap:wrap;}
.sub-18 #unit3471{width:32%!important;    }
.sub-18 #unit5739{width:66%!important;    }
.sub-18 #unit5739:nth-of-type(3){width:100%!important;    }
.sub-18 #unit5739:nth-of-type(3)   .row .col-sm-4{width:30%!important;    }

 .sub-19 #component2066 .dimode-sort{display:flex;}
 /*.sub-18 #unit5739 >div >span {font-size:3vw!important;    }*/

     #daumRoughmapContainer1664944896946 {        width:100vw!important;    }
    .sub-23 #unit4640 > div {padding:30px 20px!important; word-break:keep-all;}

    .sub-42 #unit6514 .row{word-break:keep-all;}
    .sub-42 #unit6514 .row .col-sm-6 .col-sm-4, .sub-42 #unit6514 .row .col-sm-12 .col-sm-2, 
    .sub-43 #unit6514 .row .col-sm-4 .col-sm-6, .sub-43 #unit6514 .row .col-sm-12 .col-sm-2,
    .sub-44 #unit6514 .row .col-sm-4 .col-sm-6, .sub-44 #unit6514 .row .col-sm-12 .col-sm-2{width:30%!important;}

    
  .sub-45 #unit6514 .row .col-sm-12 .col-sm-2 >div,  .sub-46 #unit6514 .row .col-sm-12 .col-sm-2 >div {    width: 130px!important;}
    .sub-43 #unit6514 .row .col-sm-12 .col-sm-2 >div ,.sub-44 #unit6514 .row .col-sm-12 .col-sm-2 >div {    width:100%!important;}
    .sub-42 #unit6514 .row .col-sm-6 {margin-bottom: 15px;}
    .next_01 {word-break:keep-all;}

     .sub-46 #unit3236 >div{background-size:cover;height:auto!important;}

     .sub-52 #unit6514 >div, .sub-53 #unit6514 >div {padding: 5%;height:auto!important;}
     .sub-52 #unit6514 >div >div, .sub-53 #unit6514 >div >div {position:initial!important; }

    .sub-53 #unit4640 .row .col-sm-4, .sub-54 #unit4640 .row .col-sm-4, .sub-50 #unit9225, .sub-51 #unit9225, .sub-64 #unit4640,  .sub-68 #unit4640 {
        text-align: center;
    }
    .sub-53 #unit6514 .row .col-sm-6 .col-sm-4 {width:30%!important;}
     .sub-54 #unit6514 .row .col-sm-6 .col-sm-4,  .sub-58 #unit6514 .row .col-sm-6 .col-sm-4 ,
     .sub-59 #unit6514 .row .col-sm-6 .col-sm-4, .sub-60 #unit6514 .row .col-sm-6 .col-sm-4 {width:30%!important;}
     .sub-68 #unit6514 .row .col-sm-6 .col-sm-5{width:40%!important;}
     .pray_01 td:nth-child(1) { 
        width: 30%;
    }
     
}

@media(max-width:564px) {
.sub-17 #component2066 .dimode-sort{flex-wrap:wrap;     padding: 10% 0;}
.sub-17 #unit5739 {width:100%!important;       text-align: center; }
.sub-17 #unit3471 {width:100%!important;      text-align: center;  }

.sub-18 #component2066 .dimode-sort{  padding: 10% 0;}
.sub-18 #unit3471{width:100%!important;  text-align: center;  }
.sub-18 #unit5739{width:100%!important; text-align: center;   }
.sub-18 #unit5739:nth-of-type(3)   .row .col-sm-4{width:100%!important;   padding: 0 30%; } 

 .sub-19 #component2066 .dimode-sort{flex-wrap:wrap;   }
 .sub-19 #unit3471{width:100%!important;  text-align: center;  } 

  .sub-42 #unit6514 .row .col-sm-6 .col-sm-4, .sub-42 #unit6514 .row .col-sm-12 .col-sm-2, 
    .sub-43 #unit6514 .row .col-sm-4 .col-sm-6, .sub-43 #unit6514 .row .col-sm-12 .col-sm-2,
   .sub-44 #unit6514 .row .col-sm-4 .col-sm-6, .sub-44 #unit6514 .row .col-sm-12 .col-sm-2{width:50%!important;}

    .sub-42 #unit6514 > div, .sub-43 #unit6514 >div, .sub-44 #unit6514 > div, .sub-45 #unit6514 >div, .sub-46 #unit6514 >div{padding: 50px 23px!important;}
    #unit5503{word-break:keep-all;}

     .sub-43 #unit3236 >div, .sub-44 #unit3236 >div, .sub-45 #unit3236 >div{background-size:cover;height:auto!important;}

     #unit5503 >div >div >span{line-height:1.3!important;}

     .sub-53 #unit6514 .row .col-sm-6 .col-sm-4,  .sub-54 #unit6514 .row .col-sm-6 .col-sm-4 {width:70%!important;}

    
    .sub-58 #unit6514 .row .col-sm-6 .col-sm-4, .sub-59 #unit6514 .row .col-sm-6 .col-sm-4, .sub-60 #unit6514 .row .col-sm-6 .col-sm-4,  .sub-68 #unit6514 .row .col-sm-6 .col-sm-5{width:100%!important;}
    .sub-58 #unit6514 >div, .sub-59 #unit6514 >div, .sub-60 #unit6514 >div,  .sub-68 #unit6514 >div{text-align:center;}

    .sub-66 .mission_03 td:nth-child(1) {     width: 30%;} 
}


@media(max-width:414px) {

    #unit3060 #main {
        padding-top: 50px !important;
    }
}