﻿
.mt_10 {
    margin-top: 10px;
}
.mt_5 {
    margin-top: 5px;
}
.mb_10 {
    margin-bottom: 10px;
}
.mb_5 {
    margin-bottom: 5px;
}
.layout {
    margin: 0px auto;
    max-width: 1200px;
}
    .layout::after {
        clear: both;
        display: block;
        content: "";
    }
#page {
    height: 443px;
    padding: 150px 0 0;
    margin-top: -120px;
    text-align: center;
    background: url(/img/ansan/pg_img_ansan.jpg) no-repeat 50% 0;
    background-size: cover;
}
    #page.ansan {
        background-image: url(/img/ansan/pg_img_ansan.jpg);
        color: #000;
    }

    #page.church {
        background-image: url(/img/church/pg_img_church.jpg);
        color: #fff;
    }
    #page h1 {
        position: relative;
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 50px;
        font-weight: 500;
    }

    #page p {
        font-size: 16px;
    }
#container {
    z-index: 1;
    position: relative;
    margin: -62px 0 50px;
}
#contents {
	width: 780px;
}
.symbol-ttl {
    margin-top: 30px;
	margin-bottom: 20px;
    padding-top: 5px;
    background: url(/2021/inc/img/common/idx_ttl.png) no-repeat;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 30px;
    font-weight: 500;
}
#pg_ttl_box {
    z-index: 10;
    position: relative;
    float: left;
    width: 100%;
    padding: 60px 0 30px 0;
}
#pg_ttl {
    float: left;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 700;
    font-size: 35px;
    color: #000;
}
#location {
    position: relative;
    float: right;
    height: 55px;
    border: 1px dotted #ddd;
}
#navigator {
    float: left;
    height: 100%;
    padding: 0 30px;
}
    #navigator a {
        display: inline-block;
        padding-left: 15px;
        margin-left: 10px;
        background: url(/img/common/navi_arr.png) no-repeat 0 50%;
    }
    #navigator a:first-child {
        padding-left: 0;
        margin-left: 0;
        background: transparent;
    }
    #navigator:before {
        content: "";
        display: inline-block;
        height: 110%;
        vertical-align: middle;
    }
#pg_cont {
    float: left;
    width: 100%;
    font-size: 16px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
}

#container:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 62px;
    background-color: #fff;
}

#snb {
    position: relative;
    float: left;
    width: 300px;
    margin-top: -69px;
}

    #snb h1 {
        display: table;
        z-index: 1;
        position: relative;
        width: 100%;
        height: 131px;
        font-family: 'Noto Sans KR', sans-serif;
        text-align: center;
        background: #3d4452 url(/kr/img/common/lnb_ti_bg1.png) no-repeat;
    }

        #snb h1:before {
            content: "";
            position: absolute;
            top: 0;
            left: -10000px;
            width: 10000px;
            height: 100%;
            background: url(/img/ansan/snb_opacity.png);
        }

        #snb h1 span {
            display: table-cell;
            vertical-align: middle;
            font-size: 24px;
            background: url(/img/ansan/icon_ci.png) no-repeat 235px 50%;
            color: #fff;
        }

    #snb .sidebar {
        margin-top: -1px;
    }

    #snb .sidebar-menu > li {
        border-top: 1px solid #ddd;
    }

        #snb .sidebar-menu > li:first-child {
            border-top-width: 0;
        }

    #snb .sidebar-menu .lnk_2th {
        display: block;
        padding: 13px 25px;
        font-size: 17px;
    }

    #snb .sidebar-menu .active .lnk_2th {
        position: relative;
        color: #df3127;
    }

    #snb .active .treeview-menu {
        /*    display: block;    */
    }

    #snb .treeview-menu {
        display: block;
        border-top: 1px solid #ddd;
        /*        display: none;      */
        /*        border-top: 2px solid #df3127;      */
    }

        #snb .treeview-menu li a {
            display: block;
            position: relative;
            padding: 7px 0 7px 13px;
            margin-left: 25px;
            font-size: 15px;
        }

        #snb .treeview-menu li a {
            padding-left: 10px;
        }

    #snb .th3 {
        display: none;
        padding: 15px 20px;
        border-top: 1px solid #df3123;
        background: #f9f9f7;
    }

        #snb .th3 li a {
            display: block;
            position: relative;
            padding: 0 0 0 13px;
            margin-left: 25px;
            font-size: 14px;
        }


