@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');

* { margin: 0; padding: 0 }
a { text-decoration: none }
img { border: none; display: block }
body { background-color: #FBFBFB }
.bold_text { font-weight: bold; margin-right: 20px }
.pg_wrap { clear: both; float: none !important; display: block; text-align: center }

a.btn_b02, .btn_b02 { background: #ffffff; }
a.btn_b02:hover, .btn_b02:hover { background: #ffffff; color: #ff3746 }
a.btn_cancel { background: #000000; border-radius: 3px; color: #ffffff; }

.txt_redB { color:red; font-weight: bold }
.txt_red { color:red }
.txt_nocol { color:white; opacity: 0 }
.txt_right {text-align:right !important}
.txt_blueB { color:dodgerblue; font-weight: bold }
.underline { border-bottom: 1px solid #666 }
.underlineG { border-bottom: 1px solid lightgrey }
.topline { border-top: 1px solid #666 }
.ul_img_blue li { padding: 5px 0 5px 30px; background: url(../img/ico_blue_8.png) no-repeat 10px 15px }
.txt_box { display: inline-block; line-height: 26px; background: #000; color: #fff; font-weight: bold; border-bottom: 1px solid #000; padding: 0 10px; border-radius: 3px; }
.txt_center { text-align: center }
.imgbox { max-width: 100%; height: auto; border:1px solid #cdcdcd; padding: 2px; }
.top_lineG { border-top: 1px solid lightgrey }
.bottom_lineG { border-bottom: 1px solid darkslategray }
.top_lineDG { border-top: 1px dotted darkslategray }

#container > #content h4 { font-size: 20px; line-height: 40px }
#container > #content h5 { font-size: 16px; line-height: 34px; color: #FFF; background-color: dodgerblue; border-radius: 5px; margin-top: 30px; width: 120px; text-align: center }

/* 시설 안내 */
#container > #content > .fac h4 { text-align: right; border-top: 1px solid #666 }

/* 사제소개 */
.padre_content > .group { margin-top:20px }
.padre_content > .group > div .imgbox { width:206px;  margin: 0 auto }
.padre_content > .group > div img { width: 200px; max-width: 200px; margin: 0 auto }
.padre_content > .pastor > div { margin-bottom: 20px; font-size: 1.2em }
.padre_content > .pastor > div:nth-child(1) { float:left; margin-right: 10px }
.padre_content > nav { text-align: center }
.padre_content > .padre_menu > ul { display:inline-block; overflow: hidden }
.padre_content > .padre_menu > ul > li:hover { border: 2px solid #4169E1; border-radius: 5px; }
.padre_content > .padre_menu > ul > li.hover { border: 2px solid #4169E1; border-radius: 5px;}
.padre_content > .padre_menu > ul > li { float: left; padding: 3px 10px; border: 2px solid #c2c2d6; margin: 5px; cursor: pointer; border-radius: 5px; width:150px; text-align: center !important}
.padre_content > .pastor .bo_t { width: 500px; float: left }
.tb1 { width: 100%; border-top: 0px solid #333 }
.tb1 th { width: 20%; border-bottom: 5px solid #333; height: 45px; text-align: right; text-indent: 15px }
.tb1 td { width: 80%; border-bottom: 1px solid #ddd; text-indent: 15px }
.padre_content > .sister > div { font-size: 1.2em; overflow: hidden }
.padre_content > .sister > bo_t { margin: 0 auto }
.padre_content > .sister > div .imgbox { width:346px;  margin: 0 auto }
.padre_content > .sister > div img { width: 340px; max-width: 340px; margin: 0 auto }

#bo_gall .gall_text_href { margin: 5px 0 !important; text-overflow: ellipsis; white-space: nowrap; overflow:hidden }
#bo_gall .gall_text_href a { font-weight: bold }
#bo_gall .gall_text_href span { display: inline !important }
#bo_gall .gall_text_href img { margin: 0 0 0 4px; width: 100% }

/* @imerong 삭제 예정 */
/*
.padre_content > .group > div > p { font-size: 14px; color: #222; line-height: 20px; text-align: center; margin-top: 10px }
.padre_content > .group { border: 1px solid #EEE; padding: 30px; overflow: hidden }
.padre_content > .pastor > div > img { margin: 0 auto }
.padre_content > .group > div { width: 200px; margin-bottom: 20px }
*/
@media screen and (min-width: 1201px) {
    #header_top {
        position: fixed;
        width: 100%; height: 75px;
        background-image: url(../img/top_lnb_bg.png); z-index: 98;
        min-width: 1200px; left: 0; top: 0
    }
    .header_wrap {
        position: relative; height: 70px; width: 1200px;
        margin: 0 auto
    }
    .header_wrap > #logo { position: absolute; left: 0; top: 0 }
    .header_wrap > #gnb { position: absolute; right: 0; bottom: 10px }
    .header_wrap > #gnb > ul { overflow: hidden }
    .header_wrap > #gnb > ul > li { float: left; border-left: 1px solid #999 }
    .header_wrap > #gnb > ul > li > a {
        display: block; padding: 0px 15px;
        font-size: 12px; color: #666
    }
    .header_wrap > #gnb > ul > li:first-child { border: 0 }
    .header_wrap > #lnb {
        position: relative; width: 600px;
        margin: 0 auto; top: 30px
    }
    .header_wrap > #lnb > ul { overflow: hidden }
    .header_wrap > #lnb > ul > li { float: left; width: 120px }
    .header_wrap > #lnb > ul > li > a {
        display: block; font-size: 16px;
        width: 120px; text-align: center;
        color: #222; line-height: 40px;
    }
    .header_wrap > #lnb > ul > li:hover > a {
        font-weight: bold; background-color: #4169E1; color: #FFF
    }
    .header_wrap > #lnb .sub_nav {
        display: none; background-image: url(../img/top_bg.png)
    }
    .header_wrap > #lnb .sub_nav a {
        display: block; width: 100%;
        line-height: 28px; color: #333;
        text-align: center; font-size: 13px
    }
    .header_wrap > #lnb .sub_nav a:hover { background-color: #4169E1; color: #FFF }

    #m_lnb { display: none }
    .mob_btn { display: none }

    .container_top {
        position: relative; height: 250px;
        background-image: url(../img/sub_top_1.jpg);
        background-position: center; background-repeat: no-repeat;
        background-size: cover;
        width : 1090px;
        margin : auto;
        border-radius : 10px;
        padding-top: 80px; z-index: -1
    }
    #container {
        position: relative; padding-top: 30px;
        width: 1100px; margin: 0 auto; overflow: hidden
    }
    #container > aside { position: relative; float: left; width: 180px }
    #container > aside h2 { font-size: 25px; text-align: center; line-height: 170px; color: #FFF; background-color: #4169E1; border-radius: 10px; border: 3px solid lightgray }
    #container > aside ul li { padding-left:10px; background-color: #FFF; margin-top: 5px; border-radius: 10px; border: 2px solid lightgray }
    #container > aside ul li a { display: block; line-height: 40px; text-decoration:none;font-size: 14px; text-align: right; padding-right: 20px; color: #222; font-weight: bold }
    #container > aside ul li a:hover { color: #4169E1; font-weight: bold }
    #container > #content { float: right; width: 890px; background-color: #FFF; padding: 30px }
    #container > #content h3 { font-size: 34px; border-bottom: 1px solid #666; }
    #container > #content h3 .page_title { font-size: 20px; font-weight: normal; color: #4169E1 }
    #container > #content h6 { font-size: 16px; line-height: 30px; color: #4169E1 }
    #container > #content p { font-size: 14px; line-height: 1.5em; text-align: justify; color: #000 }
    #container > #content li { font-size: 14px; line-height: 28px; text-align: justify; color: #000 }

    /* 본당 약사 */
    #container > #content > .history_content { position: relative; margin-top: 30px; overflow: hidden }
    #container > #content > .history_content .his_img1 { float: left; margin-right: 30px; margin-bottom: 15px; width: 50% }
    #container > #content > .history_content .his_img2 { float: right; margin-left: 30px; margin-bottom: 30px; width: 50% }
    #container > #content > .history_content p { font-size: 1.3em; line-height: 28px; text-align: justify; color: #000; margin-bottom: 30px }
    #container > #content > .history_content p::first-letter { color: red; font-size: 20px; font-weight: bold }

    /* 오시는길*/
    .location_content { overflow: hidden }
    .location_content > .location_left { width: 45%; float: left  }
    .location_content > .location_right { width: 50%;  float: right; padding-top:30px}
    .location_content > .location_right > img { width: 100% }
    .location_content > .location_left > h4 { float: left; margin-right: 20px }
    .location_content p { font-size: 14px; line-height: 28px; text-align: justify; color: #000; clear: left }

    /* 사제소개 */
    .padre_content > .group ul { overflow: hidden }
    .padre_content > .group ul > li { float: left; width: 50%; overflow: hidden }
    .padre_content > .group ul > li > div {
        float: left; width: 50%; margin-bottom: 20px
    }
    .padre_content > .group ul > li > div > img { width: 90% }
    #container > #content .padre_content h5 {
        font-size: 12px; color: #222;
        line-height: 20px; text-align: center;
        margin-top: 10px; padding: 0;
        width: 100%; height: 60px;
        background-color: #FFF
    }

    /*단체소개*/
    .group_content > .group { border: 1px solid #EEE; padding: 30px }
    .group_content > .group_menu > ul { overflow: hidden }
    .group_content > .group_menu > ul > li {
        float: left; padding: 3px 10px;
        border: 1px solid #EEE; margin: 5px;
        cursor: pointer
    }
    .group_content > .group_menu > ul > li:hover { border: 1px solid #4169E1; }
    .group_content > .group_menu > ul > li.hover { border: 1px solid #4169E1; }

    /* 주보성인 */
    #container > #content > .saint_content { }
    #container > #content > .saint_content img { width: 100%; margin-bottom: 30px }
    #container > #content > .saint_content img.saint_img2 {
        width: 45%; float: left; margin-right: 5%
    }
    #container > #content > .saint_content p {
        font-size: 14px; line-height: 28px;
        text-align: justify; color: #000;
        margin-bottom: 30px
    }
    #container > #content > .saint_content p::first-letter {
        color: #4169E1; font-size: 20px
    }
    #container > #content > .saint_content ul { margin-bottom: 30px }
    #container > #content > .saint_content ul > li { font-size: 16px }

    /* sitemap */
    #sitemap_list { position: relative; overflow: hidden }
    #sitemap_list > ul > li {
        overflow: hidden; width: 19.2%;
        float: left; margin-left: 1%
    }
    #sitemap_list > ul > li:first-child { margin-left: 0 }
    #sitemap_list > ul > li > a {
        display: block; color: #666;
        font-size: 20px; font-weight: bold;
        padding: 10px 10px 15px 0; float: left;
        text-align: center
    }
    #sitemap_list > ul > li > ul { clear: both }
    #sitemap_list > ul > li > ul > li { overflow: hidden }
    #sitemap_list > ul > li > ul > li > ul { overflow: hidden; clear: both }
    #sitemap_list > ul > li > ul { position: relative; overflow: hidden }
    #sitemap_list > ul > li > ul > li > a {
        display: block; padding: 3px 10px;
        margin-right: 8px; margin-bottom: 10px;
        border: 1px solid #CCC; color: #333;
        font-size: 15px; text-decoration: none;
        font-weight: bold; text-align: center;
        font-size: 14px
    }
    #sitemap_list > ul > li > ul > li > a:hover {
        color: #FFF; border-color: #4169E1;
        background-color: #4169E1; background-image: none
    }

    /* 갤러리 목록 */
    #bo_gall h2 {
        margin: 0; padding: 0;
        width: 1px; height: 1px;
        font-size: 0; line-height: 0;
        overflow: hidden
    }
    #bo_gall #gall_ul {
        margin: 10px 0 0; padding: 0;
        list-style: none; zoom: 1
    }
    #bo_gall #gall_ul:after {
        display: block; visibility: hidden;
        clear: both; content: ""
    }
    #bo_gall .gall_li { float: left; margin: 0 1% 30px 0; width: 24% }
    #bo_gall .gall_con {
        width: 200px; margin: 0 auto;
        padding: 10px; list-style: none
    }
    #bo_gall .gall_con li { margin: 0 0 4px }
    #bo_gall .gall_con .gall_subject { display: inline-block; width: 50px }
    #bo_gall .gall_now .gall_text_href a { color: #ff3061 }
    #bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {
        text-decoration: none
    }
    #bo_gall .gall_href strong, #bo_gall .gall_href span {
        display: inline-block; background: #f7f7f7;
        text-align: center; line-height: 10em
    }

    /* 게시판 */
    .tbl_head01 tr > td { font-size: 14px }

    footer {
        position: relative;
        width: 100%; height: 80px;
        background-image: url(../img/w_bg.png);
        border-top: 1px solid #666; margin-top: 50px
    }
    footer > .footer_wrap { position: relative; width: 1200px; margin: 0 auto }
    footer > .footer_wrap > .footer_logo { position: absolute; left: 0; top: 0 }
    footer > .footer_wrap > address {
        position: absolute;
        right: 10px; top: 20px;
        font-size: 13px; color: #222;
        line-height: 24px; font-style: normal
    }
    footer > .footer_wrap > p {
        position: absolute; right: 10px;
        top: 40px; font-size: 13px;
        color: #222; line-height: 24px;
    }
}

@media screen and (min-width: 601px) and (max-width: 1200px) {
    #header_top {
        position: fixed;
        width: 100%; height: 135px;
        z-index: 98; background-color: #FFF;
        left: 0; top: 0
    }
    .header_wrap { position: relative; height: 135px }
    .header_wrap > #logo {
        position: relative; width: 167px;
        margin: 0 auto; padding-top: 10px
    }
    .header_wrap > #gnb { position: absolute; right: 0; top: 3px }
    .header_wrap > #gnb > ul { overflow: hidden }
    .header_wrap > #gnb > ul > li { float: left; border-left: 1px solid #999 }
    .header_wrap > #gnb > ul > li > a {
        display: block; padding: 0px 15px;
        font-size: 12px; color: #666
    }
    .header_wrap > #gnb > ul > li:first-child { border: 0 }
    .header_wrap > #lnb {
        position: absolute; width: 100%; right: 0; top: 95px
    }
    .header_wrap > #lnb > ul > li { float: left; width: 20% }
    .header_wrap > #lnb > ul > li > a {
        display: block; font-size: 16px;
        text-align: center; color: #222; line-height: 40px;
    }
    .header_wrap > #lnb > ul > li:hover > a { font-weight: bold; background-color: #4169E1; color: #FFF }
    .header_wrap > #lnb .sub_nav { display: none; background-image: url(../img/top_bg.png) }
    .header_wrap > #lnb .sub_nav a {
        display: block; width: 100%; line-height: 28px;
        color: #333; text-align: center; font-size: 13px
    }
    .header_wrap > #lnb .sub_nav a:hover { background-color: #4169E1; color: #FFF }

    #m_lnb { display: none }
    .mob_btn { display: none }

    .container_top {
        position: relative; height: 250px;
        background-image: url(../img/sub_top_2.jpg);
        width: 96%; margin: auto; border-radius: 5px;
        background-position: center bottom; z-index: -1
    }
    #container {
        position: relative; padding-top: 30px; overflow: hidden
    }
    #container > aside { display: none }
    #container > #content {
        position: relative;
        width: 96%; margin: 0 auto;
        background-color: #FFF; padding: 10px
    }
    #container > #content h3 { font-size: 34px; border-bottom: 1px solid #666; /*line-height: 120px*/ }
    #container > #content h3 .page_title { font-size: 20px; font-weight: normal; color: #4169E1 }
    #container > #content h6 { font-size: 16px; line-height: 30px; color: #4169E1 }
    #container > #content p { font-size: 14px; line-height: 1.5em; text-align: justify; color: #000 }
    #container > #content li {
        font-size: 14px; line-height: 28px;
        text-align: justify; color: #000
    }

    /*본당약사*/
    #container > #content > .history_content .his_img1 { float: left; margin-right: 30px; margin-bottom: 30px; width: 50% }
    #container > #content > .history_content .his_img2 { float: right; margin-left: 30px; margin-bottom: 30px; width: 50% }
    #container > #content > .history_content p { font-size: 1.2em; line-height: 28px; text-align: justify; color: #222; margin-bottom: 30px }
    #container > #content > .history_content p::first-letter { color: #4169E1; font-size: 20px }

    /* 사제소개 */
    .padre_content > .group3 ul { overflow: hidden }
    .padre_content > .group3 ul > li { float: left; width: 50%; overflow: hidden }
    .padre_content > .group3 ul > li > div { float: left; width: 50%; margin-bottom: 20px }
    .padre_content > .group3 ul > li > div > img { width: 90% }
    #container > #content .padre_content h5 {
        font-size: 12px; color: #222;
        line-height: 20px; text-align: center;
        margin-top: 10px; padding: 0;
        width: 100%; height: 60px;
        background-color: #FFF
    }

    /*단체소개*/
    .group_content > .group { border: 1px solid #EEE; padding: 30px }
    .group_content > .group_menu > ul { overflow: hidden }
    .group_content > .group_menu > ul > li {
        float: left; padding: 3px 10px;
        border: 1px solid #EEE; margin: 5px;
        cursor: pointer
    }
    .group_content > .group_menu > ul > li:hover { border: 1px solid #4169E1; }
    .group_content > .group_menu > ul > li.hover { border: 1px solid #4169E1; }

    /* 주보성인 */
    #container > #content > .saint_content { }
    #container > #content > .saint_content img { width: 100%; margin-bottom: 30px }
    #container > #content > .saint_content img.saint_img2 { width: 45%; float: left; margin-right: 5% }
    #container > #content > .saint_content p {
        font-size: 14px; line-height: 28px;
        text-align: justify; color: #000;
        margin-bottom: 30px
    }
    #container > #content > .saint_content p::first-letter { color: #4169E1; font-size: 20px }
    #container > #content > .saint_content ul { margin-bottom: 30px }
    #container > #content > .saint_content ul > li { font-size: 16px }

    /* sitemap */
    #sitemap_list { position: relative; overflow: hidden }
    #sitemap_list > ul > li {
        overflow: hidden; width: 19.2%;
        float: left; margin-left: 1%
    }
    #sitemap_list > ul > li:first-child { margin-left: 0 }
    #sitemap_list > ul > li .plus_btn { display: none }
    #sitemap_list > ul > li > a {
        display: block; color: #666;
        font-size: 20px; font-weight: bold;
        padding: 10px 10px 15px 0; float: left;
        text-align: center
    }
    #sitemap_list > ul > li > ul { clear: both }
    #sitemap_list > ul > li > ul > li { overflow: hidden }
    #sitemap_list > ul > li > ul > li > ul { overflow: hidden; clear: both }
    #sitemap_list > ul > li > ul { position: relative; overflow: hidden }
    #sitemap_list > ul > li > ul > li > a {
        display: block; padding: 3px 10px;
        margin-right: 8px; margin-bottom: 10px;
        border: 1px solid #CCC; color: #333;
        font-size: 15px; text-decoration: none;
        font-weight: bold; text-align: center;
        font-size: 14px
    }
    #sitemap_list > ul > li > ul > li > a:hover { color: #FFF; border-color: #4169E1; background-color: #4169E1; background-image: none }

    /* 갤러리 목록 */
    #bo_gall h2 {
        margin: 0; padding: 0;
        width: 1px; height: 1px;
        font-size: 0; line-height: 0;
        overflow: hidden
    }
    #bo_gall #gall_ul {
        margin: 10px 0 0; padding: 0;
        list-style: none; zoom: 1
    }
    #bo_gall #gall_ul:after {
        display: block; visibility: hidden;
        clear: both; content: ""
    }
    #bo_gall .gall_li {
        float: left; margin: 0 0.5% 30px 0; width: 32.83%
    }
    #bo_gall .gall_con {
        width: 200px; margin: 0 auto;
        padding: 5px; list-style: none
    }
    #bo_gall .gall_con li { margin: 0 0 4px }
    #bo_gall .gall_con .gall_subject { display: inline-block; width: 50px }
    #bo_gall .gall_now .gall_text_href a { color: #ff3061 }
    #bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover { text-decoration: none }
    #bo_gall .gall_href strong, #bo_gall .gall_href span {
        display: inline-block; background: #f7f7f7;
        text-align: center; line-height: 10em
    }

    /* 게시판 */
    .tbl_head01 tr > td { font-size: 14px }

    footer {
        position: relative;
        width: 100%; height: 80px;
        background-image: url(../img/w_bg.png);
        border-top: 1px solid #666; margin-top: 30px
    }
    footer > .footer_wrap { position: relative; margin: 0 auto }
    footer > .footer_wrap > .footer_logo { position: absolute; left: 0; top: 0 }
    footer > .footer_wrap > address {
        position: absolute;
        right: 10px; top: 20px;
        font-size: 13px; color: #222;
        line-height: 24px; font-style: normal
    }
    footer > .footer_wrap > p {
        position: absolute;
        right: 10px; top: 40px;
        font-size: 13px; color: #222;
        line-height: 24px;
    }
}

@media screen and (max-width: 600px) {
    #header_top {
        position: relative; width: 100%;
        background-image: url(../img/top_lnb_bg.png);
        z-index: 98; background-color: #FFF
    }
    .header_wrap { position: relative; height: 70px }
    .header_wrap > #logo { position: relative; top: 15px }
    .header_wrap > #logo img { display: block; margin: 0 auto; width: 100px; }

    .header_wrap > #gnb { position: absolute; right: 0; top: 3px }
    .header_wrap > #gnb > ul { overflow: hidden }
    .header_wrap > #gnb > ul > li { float: left; border-left: 1px solid #999 }
    .header_wrap > #gnb > ul > li > a {
        display: block; padding: 0px 5px;
        font-size: 10px; color: #666
    }
    .header_wrap > #gnb > ul > li:first-child { border: 0 }
    .header_wrap > #lnb { display: none }

    .mob_btn { position: absolute; left: 10px; top: 22px }
    #m_lnb {
        position: relative;
        width: 100%; z-index: 98;
        left: 0; top: 0;
        background-color: #EEE; display: none
    }
    #m_lnb > ul { overflow: hidden }
    #m_lnb > ul > li { width: 98%; margin: 0 auto; border-bottom: 1px solid #FFF }
    #m_lnb > ul > li > a {
        display: block; font-size: 16px; text-align: center;
        color: #222; line-height: 45px; border-bottom: 1px solid #FFF
    }

    #m_lnb > ul > li:hover > a { font-weight: bold; color: #4169E1 }
    #m_lnb .sub_nav { display: none; background-image: url(../img/top_bg.png) }
    #m_lnb .sub_nav a {
        display: block; width: 100%; line-height: 28px;
        color: #333; text-align: center; font-size: 14px
    }
    #m_lnb .sub_nav a:hover { background-color: #4169E1; color: #FFF }
    #m_lnb {
        position: relative; width: 100%; z-index: 98;
        left: 0; top: 0; background-color: #E2EEF8;
        display: none
    }
    #m_lnb > ul { overflow: hidden }
    #m_lnb > ul > li { width: 98%; margin: 0 auto; border-bottom: 1px solid #FFF }
    #m_lnb > ul > li > a {
        display: block; font-size: 16px;
        text-align: center; color: #222;
        line-height: 45px; border-bottom: 1px solid #FFF
    }

    #m_lnb > ul > li:hover > a { font-weight: bold; color: #4169E1 }
    #m_lnb .sub_nav { display: none; background-image: url(../img/top_bg.png) }
    #m_lnb .sub_nav a {
        display: block; width: 100%;
        line-height: 28px; color: #333;
        text-align: center; font-size: 14px
    }
    #m_lnb .sub_nav a:hover { background-color: #4169E1; color: #FFF }

    .container_top {
        position: relative; width: 100%; height: 250px;
        background-image: url(../img/mob_sub_top_1.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size:100% auto;
        z-index: -1
    }

    #container { position: relative; padding-top: 30px; overflow: hidden }
    #container > aside { display: none }
    #container > #content {
        position: relative; width: 96%;
        margin: 0 auto; background-color: #FFF;
        padding: 10px
    }
    #container > #content h6 { font-size: 16px; line-height: 30px; color: #4169E1 }
    #container > #content p { font-size: 14px;line-height: 1.5em; text-align: justify; color: #000 }
    #container > #content li {
        font-size: 14px; line-height: 28px;
        text-align: justify; color: #000;
    }

    #container > #content { position: relative; width: 94%; margin: 0 auto }
    #container > #content h3 { font-size: 24px; border-bottom: 1px solid #666 /*line-height: 120px*/ }
    #container > #content h3 .page_title { display: none }

    /*본당약사*/
    #container > #content > .history_content img { margin-bottom: 30px; width: 100% }
    #container > #content > .history_content p { font-size: 1.2em; line-height: 24px; text-align: justify; color: #222; margin-bottom: 30px }
    #container > #content > .history_content p::first-letter { color: #4169E1; font-size: 20px }

    /* 사제소개 */
    .padre_content > .pastor > div:nth-child(1) { clear:left; width:100%; margin: 0 auto; margin-bottom: 10px }
    .padre_content > .pastor > div:nth-child(2) { text-align: center }
    .padre_content > .group3 > ul { overflow: hidden }
    .padre_content > .group3 > ul > li { float: left; width: 50%; overflow: hidden }
    .padre_content > .group3 > ul > li > div { margin-bottom: 20px }
    .padre_content > .group3 > ul > li > div > img { width: 90%; display: block; margin: 0 auto }
    #container > #content > .padre_content > .group > div > h5 {
        font-size: 12px; color: #222;
        line-height: 20px; text-align: center;
        margin-top: 10px; background-color: #FFF;
        padding: 0
    }
    #container > #content > .padre_content > .group3 > ul > li > div > h5 {
        font-size: 12px; color: #222;
        line-height: 20px; text-align: center;
        margin-top: 10px; background-color: #FFF;
        padding: 0; width: 100%;
        height: 60px
    }

    .padre_content > .pastor .bo_t { width: 100%; margin-top: 20px; }
    .tb1 { width: 100%; border-top: 0px solid #333; }
    .tb1 th { width: 20%; border-bottom: 5px solid #333; height: 40px; text-align: left; text-indent: 2px; }
    .tb1 td { width: 80%; border-bottom: 1px solid #ddd; text-indent: 2px; }


    /*단체소개*/
    .group_content > .group { border: 1px solid #EEE; padding: 30px }
    .group_content > .group_menu > ul { overflow: hidden }
    .group_content > .group_menu > ul > li {
        float: left;
        padding: 3px 10px; border: 1px solid #EEE;
        margin: 5px; cursor: pointer
    }
    .group_content > .group_menu > ul > li:hover { border: 1px solid #4169E1 }
    .group_content > .group_menu > ul > li.hover { border: 1px solid #4169E1 }

    /* 주보성인 */
    #container > #content > .saint_content img { width: 100%; margin-bottom: 30px }
    #container > #content > .saint_content p {
        font-size: 14px; line-height: 28px;
        text-align: justify; color: #000;
        margin-bottom: 30px
    }
    #container > #content > .saint_content p::first-letter { color: #4169E1; font-size: 20px }
    #container > #content > .saint_content ul { margin-bottom: 30px }
    #container > #content > .saint_content ul > li { font-size: 16px }

    /* sitemap */
    #sitemap_list { position: relative; overflow: hidden }
    #sitemap_list > ul > li {
        overflow: hidden; width: 49%;
        float: left; margin-left: 1%;
    }
    #sitemap_list > ul > li:first-child { margin-left: 0 }
    #sitemap_list > ul > li > a {
        display: block; color: #666;
        font-size: 17px; font-weight: bold;
        padding: 10px 10px 15px 0;
        float: left; text-align: center
    }
    #sitemap_list > ul > li > ul { clear: both }
    #sitemap_list > ul > li > ul > li { overflow: hidden }
    #sitemap_list > ul > li > ul > li > ul { overflow: hidden; clear: both }
    #sitemap_list > ul > li > ul { position: relative; overflow: hidden }
    #sitemap_list > ul > li > ul > li > a {
        display: block;
        padding: 3px 10px; margin-right: 8px;
        margin-bottom: 10px;
        border: 1px solid #CCC;
        color: #333; font-size: 15px;
        text-decoration: none;
        font-weight: bold; text-align: center;
        font-size: 12px
    }
    #sitemap_list > ul > li > ul > li > a:active {
        color: #FFF; border-color: #4169E1;
        background-color: #4169E1;
        background-image: none
    }

    /* 갤러리 목록 */
    #bo_gall h2 {
        margin: 0; padding: 0;
        width: 1px; height: 1px;
        font-size: 0; line-height: 0;
        overflow: hidden
    }
    #bo_gall #gall_ul {
        margin: 10px 0 0; padding: 0;
        list-style: none; zoom: 1
    }
    #bo_gall #gall_ul:after {
        display: block; visibility: hidden;
        clear: both; content: ""
    }
    #bo_gall .gall_li { float: left; margin: 0 1% 30px 0; width: 98% }
    #bo_gall .gall_con { margin: 0; padding: 0; list-style: none }
    #bo_gall .gall_con li { margin: 0 0 4px }
    #bo_gall .gall_con .gall_subject { display: inline-block; width: 50px }
    #bo_gall .gall_now .gall_text_href a { color: #ff3061 }
    #bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover { text-decoration: none }
    #bo_gall .gall_href img { width: 100% }
    #bo_gall .gall_href strong, #bo_gall .gall_href span { display: inline-block; background: #f7f7f7; text-align: center; line-height: 10em }
    #bo_gall .gall_text_href { text-align: center !important; }


    /* 게시판 */
    .tbl_head01 tr > th:nth-child(2n+1) { display: none }
    .td_name, .td_num { display: none }
    .tbl_head01 tr > td { font-size: 12px }

    footer {
        position: relative; width: 100%; height: 60px;
        background-image: url(../img/w_bg.png);
        border-top: 1px solid #666; margin-top: 30px
    }
    footer > .footer_wrap { position: relative; margin: 10px auto }
    footer > .footer_wrap > .footer_logo { display: none }
    footer > .footer_wrap > address {
        position: relative; font-size: 11px; color: #222;
        line-height: 18px; font-style: normal; text-align: center
    }
    footer > .footer_wrap > p {
        position: relative; font-size: 11px; color: #222;
        line-height: 18px; text-align: center
    }
    /* @modified imerong 20.06.13 webzine 갤러리 이미지 및 내용 출력 안되도록 수정
    적용대상 - 주보게시판 - 모바일화면에서
    */
    #content .td_subject img {display:none}
    #content .td_subject .listCont {display:none}
    #content .td_num2 { display:none }
    /* @modified imerong 20.06.13 webzine 갤러리에서 작성자, 조회수, 작성일자등을 오른쪽 정렬로 변경
     적용 대상 - 주보게시판 - 모바일화면에서
    */
    #bo_list .bo_tit .listInfo{text-align: right}
}