#subBanner {
    width: 100%;
    height: 220px;
    overflow: hidden;
    text-align: center;
    padding: 60px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#subBanner h3 {
    font-size: 2rem;
    color: #fff;
    font-weight: 500;
}
#subBanner p {
    font-size: 1.2rem;
    color: #fff;
    font-weight: 300;
}
#subBanner.information {
    background: url("../img/bg/sub_information.jpg") no-repeat;
}
#subBanner.religious {
    background: url("../img/bg/sub_religious.jpg") no-repeat;
}
#subBanner.story {
    background: url("../img/bg/sub_story.jpg") no-repeat;
}
#subBanner.data {
    background: url("../img/bg/sub_data.jpg") no-repeat;
}
#subBanner.history {
    background: url("../img/bg/sub_history.jpg") no-repeat;
}
#subContent {
    position: relative;
    top: -35px;
    z-index: 1;
}
#subContent .page_title {
    font-size: 2.3rem;
    color: #333;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
    font-weight: 300;
}
#subContent .page_title:after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background: #2c2f38;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
}
#subContent .navigation {
    width: 100%;
    height: 70px;
    background: #ff8003;
    margin: 0 0 70px;
    font-size: 1.1rem;
    line-height: 30px;
    padding: 20px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#subContent .navigation .home {
    width: 80px;
    text-align: center;
    border-right: 1px solid #fff;
    float: left;
}
#subContent .navigation .home a {
    color: #fff;
}
#subContent .navigation .sub_nav {
    width: 300px;
    float: left;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
#subContent .navigation .sub_nav p {
    border-right: 1px solid #fff;
    cursor: pointer;
    color: #fff;
}
#subContent .navigation .sub_nav ul {
    width: 280px;
    display: none;
    position: absolute;
    left: 0;
    background: #ff8003;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10;
}
#subContent .navigation .sub_nav ul.on {
    display: block;
}
#subContent .navigation .sub_nav ul li a {
    color: #fff;
    font-weight: 500;
}



#cathedral .tab_container {
    width: 100%;
    overflow: hidden;
    margin: 100px auto 100px;
}
#cathedral .tab_container .tab_cont {
    display: none;
}
#cathedral .tab_container #tab01 {
    display: block;
}
#cathedral .tit_cont {
    width: 100%;
    height: 150px;
}
#cathedral .tit_cont h4 {
    font-size: 2.3rem;
    font-weight: 300;
}
#cathedral .cathedral_info {
    width: 100%;
    overflow: hidden;
    padding: 0 100px 100px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cathedral .cathedral_info:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: #f7f7f7;
    top: 150px;
    left: 0;
    z-index: -1;
}
#cathedral .cathedral_info .txt_section {
    /*width: 489px;*/
    float: left;
}
#cathedral .cathedral_info .img_section {
    /*width: 511px;*/
    float: left;
}
#cathedral .cathedral_info .txt_section .txt_cont {
    width: 100%;
    padding-top: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cathedral .cathedral_info .txt_section .txt_cont > div {
    width: 100%;
    overflow: hidden;
    margin: 0 0 25px;
    padding: 0 0 25px;
    border-bottom: 1px dotted #ccc;
}
#cathedral .cathedral_info .txt_section .txt_cont h5 {
    font-size: 2rem;
    font-weight: 600;
    color: #ff8003;
    margin: 0 0 30px;
}
#cathedral .cathedral_info .txt_section .txt_cont h6 {
    font-size: 1.3rem;
    color: #333333;
    font-weight: 600;
    margin: 0 0 10px;
}
#cathedral .cathedral_info .txt_section .txt_cont p {
    font-size: 1.05rem;
    color: #666666;
    font-weight: 600;
}
#cathedral .cathedral_info .txt_section .txt_cont .history {
    margin: 25px 0 0;
}
#cathedral .cathedral_info .txt_section .txt_cont dl {
    width: 100%;
    overflow: hidden;
    margin: 0 0 10px;
}
#cathedral .cathedral_info .txt_section .txt_cont dl dt {
    float: left;
    font-size: 1rem;
    color: #333;
}
#cathedral .cathedral_info .txt_section .txt_cont dl dd {
    float: left;
    font-size: 1rem;
    margin-left: 5px;
    color: #666;
}
#cathedral .cathedral_info .txt_section .info_txt {
    font-size: 1.1rem;
    line-height: 1.6em;
}
#cathedral .cathedral_info .txt_section .info_txt span {
    color: #ff8003;
}
#cathedral .symbol {
    width: 100%;
    padding: 0 100px 100px;
    background: #f7f7f7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cathedral .symbol > div {
    width: 100%;
    overflow: hidden;
    background: #f0ebe4;
    padding: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
}
#cathedral .symbol .img_cont {
    width: 50%;
    float: left;
}
#cathedral .symbol .txt_cont {
    width: 48%;
    height: 190px;
    display: table;
    float: left;
    margin-left: 2%;
}
#cathedral .symbol .txt_cont > div {
    display: table-cell;
    vertical-align: middle;
}
#cathedral .symbol .txt_cont h6 {
    font-size: 1.6rem;
    font-weight: 600;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
    color: #333;
}
#cathedral .symbol .txt_cont h6:after {
    content: '';
    width: 25px;
    height: 4px;
    display: block;
    background: #ff8003;
    position: absolute;
    bottom: 0;
    left: 0;
}
#cathedral .symbol .txt_cont p {
    font-size: 0.95rem;
    line-height: 1.7em;
    color: #666;
}


#cathedral .guidance {
    width: 100%;
    overflow: hidden;
    padding: 0 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#cathedral .guidance .tit_cont {
    width: 100%;
    height: 85px;
    background: url("../img/bg/cathedral_info.jpg");
    padding: 0 33px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cathedral .guidance .tit_cont h5 {
    font-size: 2rem;
    color: #fff;
    font-weight: 600;
    line-height: 85px;
}
#cathedral .guidance .info_slider {
    width: 100%;
    overflow: hidden;
    padding: 50px 30px;
    background: #f5f5f5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cathedral .guidance .info_slider .list {
    width: 140px;
    float: left;
}
#cathedral .guidance .info_slider .list ul {
    width: 75px;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cathedral .guidance .info_slider .list ul li {
    width: 100%;
    height: 62px;
    border-top: 1px solid #ccc;
    line-height: 62px;
    background: #fff;
    text-align: center;
    cursor: pointer;
}
#cathedral .guidance .info_slider .list ul li:first-child {
    border-top: none;
}
#cathedral .guidance .info_slider .list ul li.active {
    background: #ff8003;
    color: #fff;
}
#cathedral .guidance .info_slider .view {
    width: 800px;
    height: 525px;
    float: left;
}
#cathedral .guidance .info_slider .view > div {
    width: 100%;
    height: 100%;
    position: relative;
}
#cathedral .guidance .info_slider .view .desc {
    width: 100%;
    height: 55px;
    background: rgba(0,0,0,0.5);
    display: block;
    color: #fff;
    text-align: center;
    line-height: 55px;
    position: absolute;
    bottom: 0;
    left: 0;
}




#district .tab_container {
    width: 100%;
    overflow: hidden;
    margin: 100px auto 100px;
    padding: 0 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#district .tab_container .tab_cont {
    display: none;
}
#district .tab_container #tab01 {
    display: block;
}
#district .district_cont {
    margin-bottom: 30px;
}
#district .district_cont dl {
    /*width: 490px;*/
    height: 50px;
    float: left;
}
#district .district_cont dl:first-child {
    /*margin-right: 20px;*/
}
#district .district_cont dl dt {
    /*width: 170px;*/
    height: 100%;
    float: left;
    background: #2c2f38;
    font-size: 1rem;
    font-weight: 600;
    line-height: 50px;
    color: #fff;
    text-align: center;
}
#district .district_cont dl dd {
    /*width: 320px;*/
    height: 100%;
    float: left;
    font-size: 1rem;
    font-weight: 600;
    background: #f5f5f5;
    line-height: 50px;
    text-align: center;
}
#district .district_tbl {
    width: 100%;
    overflow: hidden;
}
#district .district_tbl table {
    width: 100%;
    border-top: 2px solid #2c2f38;
    margin: 0 0 30px;
    border-collapse: collapse;
}
#district .district_tbl table th {
    background: #f1f3f5;
    font-size: 1rem;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 15px 0;
}

#district .district_tbl table td {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    font-size: 0.9rem;
    padding: 15px 0;
    text-align: center;
}
#district .district_tbl table td:nth-child(1) {
    width: 20%;
}
#district .district_tbl table td:nth-child(2) {
    width: 40%;
}
#district .district_tbl table td:nth-child(3) {
    width: 40%;
}

#district .district_tbl table td.zone_color01 {
    background: #fef9f5;
}
#district .district_tbl table td.zone_color02 {
    background: #fffff1;
}
#district .district_tbl table td.zone_color03 {
    background: #f5fff1;
}
#district .district_tbl table th:first-child,
#district .district_tbl table td:first-child {
    border-left: none;
}
#district .area_info {
    width: 100%;
    overflow: hidden;
}
#district .area_info .area_navi {
    width: 100%;
    overflow: hidden;
}
#district .area_info .area_navi ul li {
    width: 100px;
    height: 35px;
    background: #f1f3f5;
    margin-left: 5px;
    font-size: 1rem;
    color: #999;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    line-height: 35px;
    float: left;
}
#district .area_info .area_navi ul li:first-child {
    margin-left: 0;
}
#district .area_info .area_navi ul li.active {
    color: #fff;
    background: #999;
}
#district .area_info .area_container {
    width: 100%;
    overflow: hidden;
    border: 3px solid #999;
    padding: 25px 65px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#district .area_info .area_cont {
    display: none;
    overflow: hidden;
}
#district .area_info #area01 {
    display: block;
}
#district .area_info .area_cont > div {
    width: 400px;
    float: left;
    margin-bottom: 20px;
}
#district .area_info .area_cont > div:nth-child(2n+1) {
    clear: both;
}
#district .area_info .area_cont > div:before {
    content: '';
    display: block;
    clear: both;
}
#district .area_info .area_cont > div:after {
    content: '';
    display: block;
    clear: both;
}
#district .area_info .area_cont > div:nth-child(even) {
    margin-left: 64px;
}
#district .area_info .area_cont > div p {
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    border-bottom: 1px solid #ccc;
    text-align: center;
    background: #e8e8e8;
}
#district .area_info .area_cont > div table {
    width: 100%;
    border-collapse: collapse;
}
#district .area_info .area_cont > div table tr {
    border-bottom: 1px solid #ccc;
}
#district .area_info .area_cont > div table td {
    font-size: 0.9rem;
    color: #666;
    padding: 12px 0;
    text-align: center;
    border-left: 1px solid #ccc;
}
#district .area_info .area_cont > div table .dong {
    width: 20%;
}
#district .area_info .area_cont > div table .position {
    width: 40%;
}
#district .area_info .area_cont > div table .name {
    width: 40%;
}
#district .area_info .area_cont > div table td:first-child {
    border-left: none;
}




#priest .tab_container {
    width: 100%;
    overflow: hidden;
    margin: 100px auto 100px;
    padding: 0 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#priest .tab_container .tab_cont {
    display: none;
}
#priest .tab_container #tab01 {
    display: block;
}
#priest .tab_container #tab01 > div {
    width: 480px;
    min-height: 270px;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-bottom: 30px;
}
#priest .tab_container #tab01 > div:nth-child(2n) {
    margin-left: 40px;
}
#priest .tab_container #tab01 > div:nth-child(2n+1) {
    clear: both;
}
#priest .tab_container #tab01 > div .cont {
    width: 100%;
    overflow: hidden;
    padding: 40px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#priest .tab_container #tab01 > div .img_cont {
    width: 145px;
    height: 145px;
    float: left;
    overflow: hidden;
    text-align: center;
}
#priest .tab_container #tab01 > div .img_cont img {
    height: 100%;
}
#priest .tab_container #tab01 > div .txt_cont {
    float: left;
    margin-left: 30px;
}
#priest .tab_container #tab01 > div .txt_cont h6 {
    font-size: 1.4rem;
    color: #333;
    font-weight: 600;
    margin: 0 0 3px;
}
#priest .tab_container #tab01 > div .txt_cont h6 span {
    color: #ff8003;
    margin-left: 5px;
}
#priest .tab_container #tab01 > div .txt_cont > span {
    font-size: 1.1rem;
    color: #666;
    margin: 0 0 10px;
    display: block;
}
#priest .tab_container #tab01 > div .txt_cont dl {
    width: 100%;
    overflow: hidden;
    margin: 0 0 5px;
}
#priest .tab_container #tab01 > div .txt_cont dt {
    float: left;
    float: left;
    font-size: 1rem;
    color: #333;
    position: relative;
    padding-left: 14px;
    font-weight: 500;
}
#priest .tab_container #tab01 > div .txt_cont dt:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: #ff8003;
    position: absolute;
    left: 0;
    top: 8px;
}
#priest .tab_container #tab01 > div .txt_cont dd {
    float: left;
    font-size: 1rem;
    color: #666;
    margin-left: 5px;
}
#priest .tab_container #tab01 > div .call_num {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-top: 1px solid #ddd;
    font-weight: 500;
}

#priest .tab_container #tab02 {
    width: 100%;
    overflow: hidden;
}
#priest .tab_container #tab02 .cont_tbl {
    width: 100%;
    overflow: hidden;
    margin: 0 0 50px;
}
#priest .tab_container #tab02 .cont_tbl h6 {
    width: 160px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #2c2f38;
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 20px;
}
#priest .tab_container #tab02 .cont_tbl table {
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #2c2f38;
}
#priest .tab_container #tab02 .cont_tbl table th {
    padding: 12px 0;
    background: #f1f3f5;
    font-size: 1rem;
    color: #333;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
#priest .tab_container #tab02 .cont_tbl table th:first-child {
    border-left: none;
}
#priest .tab_container #tab02 .cont_tbl table td {
    font-size: 1rem;
    color: #666;
    padding: 12px 15px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    cursor: default;
}
#priest .tab_container #tab02 .cont_tbl table td:first-child {
    width: 60px;
    border-left: none;
    text-align: center;
}
#priest .tab_container #tab02 .cont_tbl table td:nth-child(2) {
    width: 230px;
    text-align: left;
}
#priest .tab_container #tab02 .cont_tbl table td:nth-child(3) {
    width: 250px;
}
#priest .tab_container #tab02 .cont_tbl table tbody tr:hover {
    background: rgba(255,128,3,0.1);
}


#guide {
    width: 100%;
    padding: 0 0 50px;
}
#guide:before {
    content: '';
    display: block;
    position: absolute;
    background: #f9f9f9;
    left: -25%;
    width: 150%;
    height: 800px;
    z-index: -1;
}
#guide .tit_cont {
    width: 100%;
    text-align: center;
    padding: 0 145px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
#guide h4 {
    font-size: 2rem;
    text-align: center;
    font-weight: 300;
    padding: 45px 0 40px;
    margin: 0 0 20px;
    border-bottom: 1px solid #333;
}
#guide .content {
    width: 100%;
    padding: 65px 0 170px;
    background-image: url("../img/bg/guidlines.png");
    background-repeat: no-repeat;
    background-position: top left 150px;
}

#guide .content h6 {
    font-size: 2rem;
    text-align: center;
    font-family: 'Nanum Myeongjo', serif;
    font-weight: 700;
}
#guide .content p {
    font-size: 1.1rem;
    color: #666;
    text-align: center;
    margin: 0 0 40px;
    font-family: 'Nanum Myeongjo', serif;
}
#guide .content .right_cont {
    width: 50%;
    float: right;
    padding-left: 25px;
}
#guide .content .left_cont {
    width: 50%;
    float: left;
    padding-right: 25px;
}
#guide .content .left_cont > div,
#guide .content .right_cont > div {
    margin: 0 0 35px;
    line-height: 1.9rem;
    -ms-word-break: keep-all;
    word-break: keep-all;
}
#guide .content .left_cont > div span,
#guide .content .right_cont > div span {
    font-weight: 600;
}
#guide .txt_cont {
    width: 100%;
    overflow: hidden;
    padding: 0 255px;
    margin: 0 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#guide .content .tail_tit {
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 1.5rem;
    font-family: 'Nanum Myeongjo', serif;
}
#guide .content .tail_tit span {
    font-weight: 700;
}

#guide .sign {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: 40px 0 0;
}
#guide .sign span {
    font-size: 1.1rem;
    color: #fff;
    font-family: 'Nanum Myeongjo', serif;
    margin: 0 0 10px;
}
#guide .sign h6 {
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 0.2px;
    font-family: 'Nanum Myeongjo', serif;
}

#guide .main_tit {
    width: 100%;
    padding: 0 210px;
}
#guide .main_tit h6 {
    font-size: 2rem;
    text-align: center;
    color: #ff8003;
    font-weight: 600;
    padding-left: 300px;
    text-indent: -430px;
    line-height: 3rem;
    font-family: 'Nanum Myeongjo', serif;
}
#guide .main_tit span {
    text-align: right;
    display: block;
    font-family: 'Nanum Myeongjo', serif;
}
#guide .list_cont {
    width: 100%;
    overflow: hidden;
    padding: 0 145px;
    margin: 0 0 30px;
}
#guide .list_cont > div {
    width: 100%;
    overflow: hidden;
    margin: 0 0 45px;
    padding: 45px 0 0;
}
#guide .list_cont .sec2:before {
    content: '';
    display: block;
    position: absolute;
    background: #fff;
    left: -25%;
    width: 150%;
    height: 350px;
    z-index: -1;
    margin: -40px 0 0 ;
}
#guide .list_cont .sec3:before {
    content: '';
    display: block;
    position: absolute;
    background: #f9f8ed;
    left: -25%;
    width: 150%;
    height: 370px;
    z-index: -1;
    margin: -40px 0 0 ;
}
#guide .list_cont .num {
    width: 20%;
    float: left;
    font-size: 3rem;
    color: #ff8003;
    font-weight: 600;
    font-family: 'Nanum Myeongjo', serif;
}
#guide .list_cont .cont {
    width: 80%;
    float: right;
}
#guide .list_cont .cont p {
    font-size: 1.2rem;
    margin: 0 0 10px;
    -ms-word-break: keep-all;
    word-break: keep-all;
}
#guide .list_cont .cont span {
    font-size: 1.2rem;
    font-weight: 600;
    font-family: 'Nanum Myeongjo', serif;
    line-height: 2rem;
    display: inline;
}
#guide .list_cont .cont .txt {
    font-size: 1rem;
    line-height: 2rem;
    color: #454545;
    -ms-word-break: keep-all;
    word-break: keep-all;
}
#guide .list_sign {
    width: 100%;
    overflow: hidden;
    padding: 0 145px;
    text-align: right;
}
#guide .list_sign span {
    font-size: 1.1rem;
    color: #999;
    font-family: 'Nanum Myeongjo', serif;
}
#guide .list_sign p {
    font-size: 1.3rem;
    font-family: 'Nanum Myeongjo', serif;
}


#council .tab_container {
    width: 100%;
    overflow: hidden;
    margin: 100px auto 100px;
    padding: 0 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#council .tab_cont {
    display: none;
}
#council #tab01 {
    display: block;
}

#council .organization {
    width: 800px;
    margin: 0 auto;
    overflow: hidden;
}
#council .organization .organ_cont {
    width: 100%;
    overflow: hidden;
    padding: 0 40px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
#council .organization .organ_cont > div {
    width: 100%;
    overflow: hidden;
}
#council .organization .organ_cont > div > div {
    width: 195px;
    position: relative;
    z-index: 10;
}
#council .organization .organ_cont > div > div p {
    width: 100%;
    height: 40px;
    font-size: 1.1rem;
    font-weight: 600;
    text-align: center;
    line-height: 40px;
    color: #fff;
}
#council .organization .organ_cont > div > div ul {
    width: 100%;
    border: 1px solid #ddd;
    padding: 7px 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}
#council .organization .organ_cont .col01 p {
    background: #ff8003;
}
#council .organization .organ_cont .col02 p {
    background: #f9ad81;
}
#council .organization .organ_cont .col03 p {
    background: #605177;
}
#council .organization .organ_cont .col04 p {
    background: #6c7283;
}
#council .organization .organ_cont .col05 p {
    background: #b1a390;
}
#council .organization .organ_cont .sec01 {
    padding-bottom: 10px;
    position: relative;
}


#council .organization .organ_cont:before {
    content: '';
    position: absolute;
    display: block;
    width: 520px;
    height: 1px;
    background: #ddd;
    top: 40px;
    left: 140px;
}
#council .organization .organ_cont:after {
    content: '';
    position: absolute;
    display: block;
    width: 1px;
    height: 100%;
    background: #ddd;
    top: 0px;
    left: 50%;
}
#council .organization .organ_cont .sec01:before {
    content: '';
    position: absolute;
    display: block;
    width: 1px;
    height: 50px;
    background: #ddd;
    top: 40px;
    left: 100px;
}
#council .organization .organ_cont .sec01:after {
    content: '';
    position: absolute;
    display: block;
    width: 1px;
    height: 50px;
    background: #ddd;
    top: 40px;
    right: 100px;
}

#council .organization .organ_cont .sec04:before,
#council .organization .organ_cont .sec06:before {
    content: '';
    position: absolute;
    display: block;
    width: 210px;
    height: 1px;
    background: #ddd;
    top: 20px;
    right: 150px;
}


#council .organization .organ_cont .sec02 {
    padding-bottom: 30px;
}
#council .organization .organ_cont .sec04,
#council .organization .organ_cont .sec06 {
    position: relative;
}
#council .organization .organ_cont .sec01 .col01 {
    margin: 0 auto;
}
#council .organization .organ_cont .sec02 .cont01 {
    float: left;
}
#council .organization .organ_cont .sec02 .cont02 {
    float: right;
}
#council .organization .organ_cont .sec03 .cont01 {
    float: left;
    margin-right: 70px;
}
#council .organization .organ_cont .sec03 .cont02 {
    float: left;
}
#council .organization .organ_cont .sec04 > div {
    float: right;
}
#council .organization .organ_cont .sec05 > div {
    margin: 0 auto;
}
#council .organization .organ_cont .sec06 > div {
    float: right;
}


#council .list_tbl {
    width: 850px;
    margin: 0 auto;
    overflow: hidden;
}
#council .list_tbl table {
    width: 100%;
    border-collapse: collapse;
}
#council .list_tbl table tr {
    border-bottom: 2px solid #fff;
}
#council .list_tbl table th {
    width: 165px;
    height: 54px;
    color: #fff;
    background: #2c2f38;
}
#council .list_tbl table td {
    background: #f4f5f7;
    font-size: 0.9rem;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
}

#council .organ_list {
    width: 100%;
    overflow: hidden;
}
#council .organ_list > div {
    width: 235px;
    height: 276px;
    float: left;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 20px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}
#council .organ_list > div:nth-child(4n) {
    margin-right: 0;
}
#council .organ_list > div .img_cont {
    width: 100%;
    border-bottom: 1px solid #ddd;
}
#council .organ_list > div .txt_cont {
    width: 100%;
    padding: 25px 10px 20px;
}
#council .organ_list > div .txt_cont p {
    font-size: 1.3rem;
    font-weight: 600;
    color: #2c2f38;
    margin: 0 0 15px;
    text-align: center;
}
#council .organ_list > div .txt_cont button {
    width: 140px;
    height: 36px;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    line-height: 34px;
    font-size: 0.9rem;
    color: #666666;
    display: block;
    margin: 0 auto;
    outline: none;
    cursor: pointer;
}
#council .organ_list > div .desc {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(44,47,56,0.95);
    display: table;
    text-align: center;
    transition: top 0.3s ease-in-out;
}
#council .organ_list > div .desc.on {
    top: 0;
}
#council .organ_list > div .desc > div {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 0.9rem;
    line-height: 1.8em;
}



#office .tab_container {
    width: 100%;
    overflow: hidden;
    margin: 100px auto 100px;
    padding: 0 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#office #tab01 {
    width: 100%;
    overflow: hidden;
    padding: 0 32px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#office #tab01 .info_wrap {
    width: 100%;
    overflow: hidden;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid #ddd;
    margin: 0 0 20px;
}
#office #tab01 .info_wrap dl {
    width: 100%;
    overflow: hidden;
    margin: 0 0 10px;
}
#office #tab01 .info_wrap dl dt {
    width: 166px;
    height: 34px;
    background: #ff8003;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    border: 3px solid #ffbe7f;
    float: left;
    line-height: 34px;
    text-align: center;
    color: #fff;
    font-weight: 600;
}
#office #tab01 .info_wrap dl dd {
    float: left;
    margin-left: 15px;
    font-size: 0.95rem;
    line-height: 40px;
    color: #333;
}
#office #tab01 .section {
    width: 100%;
    overflow: hidden;
}
#office #tab01 .sec01 .tit_cont {
    background: #e3ecf1;
}
#office #tab01 .sec02 .tit_cont {
    background: #feecdb;
}
#office #tab01 .sec03 .tit_cont {
    background: #f8f6e8;
}
#office #tab01 .section .tit_cont {
    width: 100%;
    height: 88px;
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px;
    border-radius: 44px;
    text-align: center;
    display: table;
}
#office #tab01 .section .tit_cont > div {
    display: table-cell;
    vertical-align: middle;
}
#office #tab01 .section .tit_cont p {
    font-size: 1.1rem;
    font-weight: 500;
    color: #333;
    margin: 0 0 5px;
}
#office #tab01 .section .tit_cont span {
    font-size: 1.7rem;
    color: #ff8003;
}
#office #tab01 .section .txt_cont {
    width: 100%;
    padding: 50px 80px 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#office #tab01 .section .txt_cont dl {
    width: 100%;
    overflow: hidden;
    border-top: 1px dotted #ccc;
    margin-top: 15px;
    padding-top: 15px;
}
#office #tab01 .section .txt_cont dl:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
#office #tab01 .section .txt_cont dt {
    width: 300px;
    float: left;
    font-size: 1.2rem;
    font-weight: 500;
    background: center left url("../img/icon/bar.png") no-repeat;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#office #tab01 .section .txt_cont dd {
    width: 476px;
    float: left;
    font-size: 1rem;
    line-height: 1.7em;
    color: #666;
}

#office #tab02 {
    width: 100%;
    overflow: hidden;
}
#office #tab02 .chkall {
    width: 100%;
    overflow: hidden;
    margin: 0 0 20px;
}
#office #tab02 .document_content {
    width: 100%;
    overflow: hidden;
    margin: 0 0 50px;
}
#office #tab02 .document_content > div {
    width: 324px;
    margin-right: 14px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-top: 5px solid #ff8003;
    float: left;
    padding: 29px 29px 23px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
#office #tab02 .document_content > div .td_chk {
    position: absolute;
    top: 5px;
    left: 5px;
}
#office #tab02 .document_content > div:nth-child(3n) {
    margin-right: 0;
}
#office #tab02 .document_content > div p {
    font-size: 1.5rem;
    line-height: 1.5em;
    color: #333;
    font-weight: 600;
    margin: 0 0 10px;
}
#office #tab02 .document_content > div span {
    font-size: 1rem;
    color: #666;
    display: block;
    margin: 0 0 30px;
}
#office #tab02 .document_content > div .down_link {
    width: 100%;
    height: 50px;
    background: #ff8003;
    color: #fff;
    text-align: center;
    line-height: 50px;
    display: block;
}
#office #tab02 .document_content > div .down_link i {
    margin-left: 10px;
}

#faq {
    width: 100%;
    overflow: hidden;
    padding: 0 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 100px;
}
#faq .category {
    width: 100%;
    overflow: hidden;
    margin: 0 0 35px;
}
#offce #faq .category ul {
    width: 100%;
    overflow: hidden;
}
#faq .category ul li {
    width: 14.285%;
    float: left;
    border-bottom: 5px solid #ddd;
    font-size: 1.1rem;
    font-weight: 500;
    text-align: center;
    padding-bottom: 10px;
    cursor: pointer;
}
#faq .category ul li a {
    display: block;
}
#faq .category ul li.active {
    color: #ff8003;
    border-bottom: 5px solid #ff8003;
}
#faq .faq_container {
    width: 100%;
    overflow: hidden;
}
#faq .faq_container > div {
    width: 100%;
    overflow: hidden;
    margin: 0 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#faq .faq_container .question {
    width: 100%;
    height: 60px;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    position: relative;
    cursor: pointer;
    transition: background 0.2s;
}
#faq .faq_container .question > div {
    height: 100%;
    display: table;
}
#faq .faq_container .question:hover {
    background: rgba(255,128,3,0.1);
}
#faq .faq_container .question span {
    font-size: 1.7rem;
    font-family: "NanumSquare", sans-serif;
    font-weight: 500;
    display: table-cell;
    vertical-align: middle;
}
#faq .faq_container .question h6 {
    font-size: 1rem;
    color: #333;
    margin-left: 15px;
    padding: 0 20px 0 10px;
    display: table-cell;
    vertical-align: middle;
}
#faq .faq_container .question i {
    position: absolute;
    font-size: 1.6rem;
    top: 50%;
    margin-top: -14px;
    right: 20px;
}
#faq .faq_container .answer {
    width: 100%;
    background: #f9f9f9;
    overflow: hidden;
    border: 1px solid #ddd;
    border-top: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}
#faq .faq_container .answer > div {
    width: 100%;
    overflow: hidden;
    padding: 20px 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#faq .faq_container .answer span {
    width: 50px;
    display: block;
    float: left;
    font-size: 1.6rem;
    font-family: "NanumSquare", sans-serif;
    font-weight: 500;
    color: #ff8003;
}
#faq .faq_container .answer .answer_txt {
    width: 826px;
    float: right;
    padding-top: 10px;
}



#direct {
    width: 100%;
    overflow: hidden;
    padding: 0 100px;
    margin: 0 0 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#direct .map {
    width: 100%;
    overflow: hidden;
    margin: 0 0 30px;
}
#direct .direct,
#direct .transport,
#direct .car {
    width: 100%;
    border-top: 3px solid #ff8003;
    border-bottom: 1px solid #dddddd;
    padding: 25px 0;
    margin: 0 0 20px;
}
#direct .tit_cont {
    width: 100%;
    padding: 0 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#direct .tit_cont h6 {
    border-bottom: 1px solid #ddd;
    padding: 0 0 15px;
    margin: 0 0 25px;
    font-size: 1.4rem;
    font-weight: 600;
    color: #2c2f38;
}
#direct .tit_cont h6 i {
    color: #ff8003;
    padding-right: 10px;
}
#direct .txt_cont {
    width: 100%;
    overflow: hidden;

    padding: 0 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#direct .direct .txt_cont p {
    font-size: 1rem;
    color: #666;
    margin: 0 0 20px;
}
#direct .direct .txt_cont dl {
    width: 50%;
    float: left;
}

#direct .direct .txt_cont dt {
    font-style: 15px;
    font-weight: 500;
    margin: 0 0 5px;
}
#direct .direct .txt_cont dd {
    font-style: 15px;
    color: #666;
}
#direct .transport .txt_cont > div {
    width: 100%;
    overflow: hidden;
    margin: 0 0 10px;
}
#direct .transport .txt_cont p {
    font-size: 1rem;
    font-weight: 500;
    margin: 0 0 5px;
}
#direct .transport .txt_cont dl {
    width: 100%;
    overflow: hidden;
    margin: 0 0 10px;
}
#direct .transport .txt_cont dt {
    display: block;
    background: #2c2f38;
    font-size: 0.8rem;
    color: #fff;
    float: left;
    padding: 2px 6px;
    margin-right: 10px;
}
#direct .transport .txt_cont dd {
    float: left;
    font-size: 0.9rem;
    color: #666;
}
#direct .transport .txt_cont span {
    font-size: 0.9rem;
    color: #666;
}

#direct .car .txt_cont p {
    font-size: 0.9rem;
    font-weight: 500;
    margin: 0 0 5px;
}
#direct .car .txt_cont ul li {
    font-size: 0.9rem;
    color: #666;
    line-height: 2em;
}
#direct .notice {
    width: 100%;
    height: 113px;
    background: url("../img/bg/direct_bg.jpg") no-repeat;
    display: table;
    text-align: center;
    margin: 40px 0 0;
}
#direct .notice div {
    display: table-cell;
    vertical-align: middle;
}
#direct .notice p {
    font-size: 1.2rem;
    line-height: 2em;
    color: #fff;
}
#direct .notice p span {
    font-size: 1.4rem;
    color: #ff8003;
}




/* depth2 */
#mass {
    width: 100%;
    overflow: hidden;
    padding: 0 100px;
    margin: 0 0 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#mass .content {
    width: 100%;
    overflow: hidden;
    background: url("../img/bg/mass.jpg") no-repeat;
    padding: 50px 65px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#mass .content .mass_cont {
    width: 100%;
    overflow: hidden;
    background: rgba(255,255,255,0.85);
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#mass .content .mass_cont h5 {
    font-size: 1.6rem;
    font-weight: 500;
    margin: 0 0 10px;
}
#mass .content .mass_cont01 {
    margin: 0 0 30px;
}
#mass .content .mass_cont01 .weekday {
    margin: 0 0 20px;
}
#mass .content .mass_cont01 table {
    width: 100%;
    overflow: hidden;
    border-collapse: collapse;
    border-top: 2px solid #2c2f38;
}
#mass .content .mass_cont .tit {
    width: 22%;
    background: #f2f3f7;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #ccc;
}
#mass .content .mass_cont .dayweek {
    width: 18%;
    background: #e8ebf3;
    text-align: center;
}
#mass .content .mass_cont .time {
    width: 60%;
    padding: 12px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #ccc;
}
#mass .content .mass_cont td {
    padding: 12px 0;
    border-bottom: 1px solid #cccccc;
    color: #666;
}
#mass .content .mass_cont01 td span {
    padding: 3px 10px;
    background: #2c2f38;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-size: 0.8rem;
    font-weight: 500;
    color: #fff;
    text-align: center;
}
#mass .content .mass_cont01 td ul li {
    margin: 10px 0 0;
}
#mass .content .mass_cont01 td ul li:first-child {
    margin: 0;
}

#mass .content .mass_cont02 table {
    width: 100%;
    border-top: 2px solid #ff8003;
    border-collapse: collapse;
}
#mass .content .mass_cont02 table th {
    width: 40%;
    background: #fbecdc;
    letter-spacing: 1px;
    border-bottom: 1px solid #ccc;
    font-weight: 500;
}
#mass .content .mass_cont02 table td {
    width: 60%;
    padding: 12px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}



#group {
    width: 100%;
    overflow: hidden;
    padding: 0 100px;
    margin: 0 0 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#group .group_tbl {
    width: 100%;
    overflow: hidden;
    
}
#group .group_tbl table {
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #2c2f38;
}
#group .group_tbl table th {
    background: #f1f3f5;
    padding: 11px 0;
    border-bottom: 1px solid #ddd;
}
#group .group_tbl table td {
    border-bottom: 1px solid #ddd;
    padding: 11px 29px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #ddd;
}
#group .group_tbl table td:first-child {
    width: 55px;
    border-left: none;
}





#photoRecord {
    width: 100%;
    overflow: hidden;
    padding: 0 100px;
    margin: 0 0 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



#schedule .adm_btn_wrap {
    width: 100%;
    overflow: hidden;
}
#schedule .select_btn {
    width: 50px;
    height: 60px;
    color: #fff;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    display: block;
    line-height: 60px;
}
#schedule .prev_month {}
#schedule .next_month {}
#schedule #scheduleHead {
    width: 100%;
    height: 60px;
    background: #2c2f38;
    position: relative;
}
#schedule #scheduleHead .select_date {
    position: absolute;
    left: 20px;
    top: 15px;
}
#schedule #scheduleHead .select_date select {
    height: 30px;
    line-height: 30px;
    background: none;
    color: #fff;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 0.9rem;
    margin-right: 10px;
}
#schedule .date_tit {
    width: 400px;
    margin: 0 auto;
}
#schedule .ymd_tit {
    width: 300px;
    float: left;
    font-size: 1.7rem;
    font-family: 'NanumSquare', sans-serif;
    font-weight: 600;
    text-align: center;
    display: block;
    color: #fff;
    line-height: 60px;
}
#schedule .schedule_content td {
    width: 14.2857%;
    height: 120px;
    border: 1px solid #ccc;
}
#schedule .schedule_content th {
    border: 1px solid #ccc;
    font-family: 'NanumSquare', sans-serif;
    font-size: 1.1rem;
}
#schedule .schedule_content .today {
    background: rgba(255,128,3,0.3);
}
#schedule .schedule_num {
    font-size: 1.3rem;
    font-family: 'NanumSquare', sans-serif;
}

.mbskin {
    margin: 50px auto;
    border: none;
    padding: 0 10px;
}
.mbskin:before, .mbskin:after {
    display: none;
}