#depth3 {
    background: #14664a;
    width: 100%;
    margin-top: 50px;
    padding: 30px 10px;
    margin-bottom: 30px;
}


    #depth3 table td {
        text-align: center;
        padding: 13px;
        position: relative;
        border-right: 1px solid #fff;
    }

        #depth3 table td:last-child {
            border-right: none;
        }

    #depth3 td a:before {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #ADB6C5;
        top: 0%;
        left: 50%;
        position: absolute;
    }

    #depth3 td.active a:before {
        background: #fff;
    }


    #depth3 > table {
        border: 0px;
        table-layout: fixed;
        width: 100% !important;
    }

    #depth3 td a {
        font-size: 25px;
        color: #AAB6C4;
        text-decoration: none;
    }


    #depth3 > table td.active {
        color: #fff;
    }

        #depth3 > table td.active a {
            color: #fff;
            font-weight: 600;
        }



@media(min-width:768px){
       .container {
	width: 750px;
}
    }


@media(min-width:992px){
       .container {
	width: 970px;
}
    }


@media(min-width:1200px){
       .container {
	width: 1100px;
}
    }

.modal-backdrop {
    z-index: 1;
    position: relative;
    background: none !important;
}



@media(min-width:1500px) {
    .container {
	width: 1310px;
}
    }




.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 .content {
            width:1310px;
            padding-top: 0px;
            padding-left: 0px;
            min-height: 387px;
		
            margin-bottom: 10px;
            position:relative;
        }

            .bodyWrapper .layout-sub .subbodywrapper .body-sub .content > .contentTitle {
                padding: 25px 31px;
            }

                .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 .subTItleName {
        color: #727272;
        font-size: 14px;
        margin-top: -58px;
        font-weight: 400;
        margin-left:24px;
    }

    .bodyWrapper .layout-sub .subbodywrapper .subTItleName > a {
        text-decoration:none;
    }

  

.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;
}



.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:-30PX;
	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;}



    @media(max-width:1200px){
        #daumRoughmapContainer1657687670581 {
            width: 100% !important;
        }
        .subtopbg {
            width: 1296px;
        }
       body{
           width:100%;
       }
    }

    @media(max-width:991px){
        #unit8805 p {
            word-break: keep-all;
            font-size:20px !important;
        }

        #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) {
    #unit5078 > div {
        height: 228px !important;
        
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }
        #unit5078 > div p {
            font-size: 25px !important; 
        }

        #unit5078 > div hr {
            margin-top: 16px !important;
            margin-bottom: 16px !important; 
        }
        #unit7500 {
            text-align: center !important;
        }

    #unit7300 {
        text-align: center !important;
    }

    #unit5078 > div {
        padding: 30px 15px !important;
    }
    #unit5078 > div p {
        word-break:keep-all;
    }
        #unit5078 > div span {
            word-break: keep-all;
            font-size: 14px !important;
        }
    #depth3 table td {
        padding: 16px 5px !important;
    }
    #depth3 td a {
        font-size: 14px !important;
        word-break:keep-all;
    }
    #unit1951 > div {
        padding: 30px 15px !important;
        word-break: keep-all;
    }


    #unit2913 > div {
        padding: 35px 15px 78px !important;
        word-break: keep-all;
    }
    #unit5634 td {
        padding: 10px 0px !important;
    }
    #unit5696 {
        width: 100% !important;
    }
    #unit7305 {
         width:100%!important;
    }
    #unit5696 #left_main strong {
        font-size: 60px;
    }
    #unit7305 #left_main strong {
        font-size: 60px;
    }
    #unit8930 > div { word-break: keep-all; font-size: 17px;}
    #unit1238 > div {
        padding: 40px 10px !important;
        font-size: 15px !important;
        word-break: keep-all;
    }
    #unit6687 > div {
        word-break: keep-all;
    }
    .m_list_depth3 {
        background: #999999 !important;
    }

    #unit4415 td {
        word-break:keep-all;
    }
    #dimodePage .page-content {
        padding: 23px 10px !important;
    }
    .history_01 td:first-child {
        font-size: 14px !important;

    }

}

@media(max-width:414px) {
    #unit8805 p {
        word-break: keep-all;
        font-size: 27px !important;
    }

    .bodyWrapper .layout-sub .subbodywrapper .body-sub .content > .contentTitle > #contentTitleName {
        font-size: 28px !important;
    }

    #unit3060 #main {
        padding-top: 50px !important;
    }
    #depth3 td a {
        word-break: keep-all;
    }
}