﻿#dimodeBoard.board-num_40 .board-theme.gallery .theme-list > .each-document > a.title-image {
	background-size:cover;
	background-position:unset;
	}

#dimodeBoard.board-detail .board-theme .theme-detail .detail-content img {
    margin: 0 auto;
    display: block;
}

#daumRoughmapContainer1731489067189 {
    max-width: 1200px !important;
    width: 100% !important;
}
.btn-gray {background-color: #a3a3a3; border-color: #a3a3a3; }

.map_01 {margin-top:10px; border-left:hidden; border-right:hidden;}
.map_01 td {padding:15px ! important; background-color:#fff;}
.map_01 td:nth-child(1) {text-align:center; background-color:#456381; color:#fff;}
.map_01 td:nth-child(2) {padding-left:30px ! important;}

.map_02 {text-align:center;}
.map_02 li+li {margin-top:15px;}

#component6439 {
    color: #fff !important;
}

#unit4687 {
    color: #fff !important;
}

#component6439 .table {
    color: #000 !important;
}

#header {
    background: #303030;
    padding: 7px 0px;
}
#header .header-box { color:#fff; }
#header .header-box.active { margin-left:20px; color:#81c6ff; font-weight:bold; }
#header a { color:#fff; text-decoration:none; padding:0px 15px; border-right: 1px solid #fff;}
#header a:hover { font-weight:bold; }
#header .header-box { float: left; font-size: 14px; }
#header .header-box a { border-right:none; }
#header .header-box-left li, #header .header-box-right li { display:inline-block;}

.btn-default { background:#F9F9F9;}
.line { color: #046FBA; font-weight: bold; margin-bottom:30px; }

#content { padding:0 0 50px; }
#subtop img { width:100%; }
#sub_title { margin:40px 0 0; display:block; text-align:center; color:#333; }

#sub_title { font-size:35px; font-weight:normal; }
.sub-title2 { font-size:20px; font-weight:normal; margin-top:20px; color:#fff; }
.sub-desc hr { width:50px; margin:5px auto; border-bottom:3px solid #fff; }
.sub-desc { position:absolute; top:30%; text-align:center; width:100%; border:none; z-index: 2;}

#subgnb { border-bottom:1px solid #ddd; padding:0px 0px; border-top:1px solid #ddd; background:#F9F9F9; }
#subgnb .subgnb-home { float:right; display:inline-block; margin:7px 0px 0px 0px;}
#subgnb span, #subgnb a { font-size:17px; color:#404040; position:relative; top:3px; text-decoration:none;}
#subgnb a.active { color:#ED1C24; font-weight:bold; }
#subgnb .dropdown { display:inline-block; float: left;}
#subgnb .dropdown .btn { padding:15px; font-size:17px; font-weight:bold;}
#subgnb .dropdown .btn-default { border-right:1px solid #bbb; border-left:none; border-top:none; border-bottom:none; color:#404040; min-width: 165px; text-align:left; }
#subgnb .dropdown .btn:hover { background-color:#fff; transition:0.3s all ease; color:#404040;}
#subgnb .dropdown .btn .active  { background-color:#005D9A; }
#subgnb .dropdown-menu>li>a { padding:10px 20px; transition:0.3s all ease; font-size:17px;}
#subgnb .caret { border-top:2px solid #046FBA; border-right: 0px solid transparent; border-left: 2px solid #046FBA; position: relative; margin: 0; height: 8px; width: 8px; transform: rotate(225deg); transition: all 0.6s; margin-top:-10px; margin-left:15px; float:right; top:15px;}
#subgnb .dropdown:first-child { border-left:1px solid #ddd; }

.sub-top-title {  width:100%; text-align:center; font-size:40px; font-weight:normal; color:#fff; }
.sub-top-ul2 { text-align:center; margin:20px 0 00px; }
.sub-top-ul2 li { display:inline-block;  font-size:19px;  color:#333; padding:0 10px;}
.sub-top-ul2 li a { color:#333; cursor:pointer;  }
.sub-top-ul2 li a.active { color:#f1db9b; transition:0.3s all; padding-bottom:10px; border-bottom:3px solid #f1db9b; text-decoration:none; }
.sub-top-ul2 li a:hover { color:#f1db9b; transition:0.3s all; padding-bottom:10px; border-bottom:3px solid #f1db9b; text-decoration:none; }

#subtop .dot { width: 100%; height: 100%; background: url(/UserData/ms21/Layouts/ms21_Layout/Images/dot.png) rgba(0,0,0,.0) !important; position: relative;text-align: center;position: absolute;top: 0;right: 0; }
.sub-home { position:relative; top:0px!important;}
.home-button { min-width:initial!important;}

.page-content #unit1864 > div > span {font-size:17px;}
.page-content #unit8504 > P:nth-child(2) > span {font-size:17px;}
.page-content #unit4257 > P:nth-child(2) > span {font-size:17px;}

.fs24 {font-size:24px;}
.fs26 {font-size:26px;}

/* vision 2020 */
.vision_tit {color:#3f2ba6; font-size:36px;}
.vision_num {text-align: center;}
.vision_subtit {color:rgb(51, 51, 51);font-size:30px;font-weight:600;text-align:center;}
.vision_space {border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; padding: 30px 0px; margin: 0px;}
.vision_box {padding: 30px 0px; position: relative; z-index: 98; left: 0px; top: 0px; border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; margin: 0px;}
.vision_desc {position: relative; z-index: 98; left: 0px; top: 0px; border-color: rgb(197, 197, 197); border-style: dotted; border-width: 1px; padding: 50px 20px; margin: 30px 0px; background-color: rgb(249, 249, 249);}
.vision_td1 {border-bottom:1px solid #ddd; padding:10px 10px 107px 10px;}
.vision_space2 {position: relative; z-index: 98; left: 0px; top: 0px; border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; padding: 30px 0px 10px; margin: 0px;}

/* 삼청교회 100년 기념사 */
.sc11_img {background-position: top center; height: 400px; text-align: center; background-image: url(/UserData/samchung/files/11/542/6rWQ7ZqM7IaM6rCcLTEwMOuFhDUucG5nZGltb2RlXzI2OTgwMjNfZW5j.png);   background-color:#fff; background-repeat:repeat; position:relative; margin:0 auto; display:block;}
.sc11_box {border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; padding: 30px 0px 0px; margin: 0px; position: relative; z-index: 98; left: 0px; top: 0px;}
.sc11_txt {text-align:center; font-family: 'Noto Sans KR', sans-serif; font-size:60px; color:#fff; line-height:1.6; font-weight:600;opacity:50%;}
.sc11_txt2 {text-shadow:1px 3px 3px #333; text-align:center; font-size:40px; color:#fff; line-height:1.5;  font-weight:600;}
.sc11_space {border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; padding: 30px 0px; margin: 0px;}
.sc11_left {z-index:-99; position:absolute; left:220px; bottom:40px;}
.sc11_right {margin-top: 60px; z-index:-99; position:absolute; right:220px; bottom:40px;}

/* 교회연혁 */
.schistory_box {padding-top: 30px; padding-right: 0px; padding-left: 0px; border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; margin: 0px;}
.schistory_img {position: relative; left: 0px; top: 0px; border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; padding: 0px 20px 0px 15px; margin: 0px;}
.schistory_td1 {padding: 10px 25px 10px 15px; color: rgb(118, 118, 118); letter-spacing: 2px; font-weight: 600; border-bottom: 1px solid rgb(245, 245, 245); text-align: right;}
.schistory_td2 {padding: 10px 0px 10px 20px; color: rgb(118, 118, 118); line-height: 25px; border-bottom-color: rgb(245, 245, 245); border-bottom-width: 1px; border-bottom-style: solid;}

/* 섬기는 분들 */
.scpeople_top {position: relative; z-index: 98; left: 0px; top: 0px; border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; padding: 30px 0px 0px; margin: 0px;}
.scpeople_box {border: 1px solid rgb(238, 238, 238); padding: 30px; position: relative; z-index: 98; left: 0px; top: 0px;}
.scpeople_line {position: relative; z-index: 98; left: 0px; top: 0px; border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; padding: 50px 0px 0px; margin: 0px;}
.scpeople_tit {color:#333;display:inline-block;font-size:28px;padding-bottom:12px;}
.scpeople_fs28s {font-size:28px;font-weight:600;}
.scpeople_fs28 {font-size:28px;}

/* 예배안내 */
.sc14_tit {text-align:center;font-size:46px;font-weight: 600;letter-spacing :12px;}
.sc14_box {border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; padding: 30px 0px 10px; margin: 0px; position: relative; z-index: 98; left: 0px; top: 0px;}
.sc14_box2 {border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; padding: 50px 0px 10px; margin: 0px; position: relative; z-index: 98; left: 0px; top: 0px;}
.sc14_subtit {color:#3f2ba6;font-size:26px;font-weight:600;}

/* 찾아오는길 */
.scloca_img {padding: 30px 15px 38px; border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; margin: 0px;}
.scloca_top {display: table; width: 100%; padding: 20px 0; border-width: 0px 0px 1px; border-style: solid; border-color: #ddd;}
.scloca_top > div:first-child {width: 45px;}
.scloca_top > div {display: table-cell; vertical-align: middle;}
.scloca_top > div:first-child img {vertical-align: middle;}
.scloca_box {padding: 20px 0 10px; border-width: 0px; border-style: solid; border-color: rgb(51, 51, 51); }
.scloca_subway {list-style: none !important; padding-left: 0 !important;}
.scloca_subway li {margin-left: 52px; text-indent: -52px; line-height:1.75; list-style: none;}

/* 목회계획 */
.sc18_line {position: relative; z-index: 98; left: 0px; top: 0px; border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; padding: 30px 0px 10px; margin: 0px;}
.sc18_tit {font-size:30px;}
.sc18_subtit {font-size:24px;}
.sc18_img {padding: 50px 0px; position: relative; z-index: 98; left: 0px; top: 0px; border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; margin: 0px;}
.sc18_line2 {position: relative; z-index: 98; left: 0px; top: 0px; border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; padding: 30px 0px; margin: 0px;}
.sc18_img2 {padding: 50px 0px 30px; position: relative; z-index: 98; left: 0px; top: 0px; border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; margin: 0px;}

/* 교회학교 */
.scSchool_img {padding: 30px 0px; position: relative; z-index: 98; left: 0px; top: 0px; border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; margin: 0px;}
.scSchool_box {padding: 30px 0px; border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; margin: 0px; position: relative; z-index: 98; left: 0px; top: 0px;}
.scSchool_box2 {border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; padding: 0; margin: 0px;}
.scSchool_tit {color:#3f2ba6; font-size: 24px; font-weight: 600;}
.scSchool_tb tr td:first-child {padding: 0 10px; text-align: center; border-right:solid 1px #bcbfe2; border-bottom:solid 1px #bcbfe2; border-top:solid 1px #bcbfe2;}
.scSchool_box3 {padding: 60px 0px 30px; border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; margin: 0px; position: relative; z-index: 98; left: 0px; top: 0px;}
.scSchool_img2 {padding: 30px 0px; border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; margin: 0px;}

/* 선교회 소개 */
.sc32_box {position: relative; z-index: 98; left: 0px; top: 0px; border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; padding: 60px 0px; margin: 0px;}
.sc32_txt {font-size:20px;}
.sc32_sec {padding: 60px 0px 30px; border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; margin: 0px; position: relative; z-index: 98; left: 0px; top: 0px;}
.sc32_tit {background:#fff;font-weight:700;color:#333;font-size:30px;position:relative;top:0;padding:0 24px;}
.sc32_round {text-align:center; color:#27cbcf;width:50%; float:left; border:1px solid #27cbcf;  font-weight:600; border-radius: 35px; padding:5px; background-color:#fff;  margin-right:10px;}
.sc32_round2 {text-align:center; color:#6f6edf;width:50%; float:left; border:1px solid #6f6edf;  font-weight:600; border-radius: 35px; padding:5px; background-color:#fff;  margin-right:10px;}
.sc32_round2name {text-align: left; color: #7f8c8d;  line-height:37px; padding:5px 0px 0px 5px;}
.sc32_space {position: relative; z-index: 98; left: 0px; top: 0px; border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; padding: 30px 0px; margin: 0px;}
.sc32_space2 {border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; padding: 30px 0px; margin: 0px; position: relative; z-index: 98; left: 0px; top: 0px;}

/* 남선교회 */
.sc743_box {padding: 60px 0px; position: relative; z-index: 98; left: 0px; top: 0px; border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; margin: 0px;}


@media (min-width:1200px) and (max-width:1499px) {

}

@media (min-width:993px) and (max-width:1199px) {
    .sub-top-title { font-size:25px; }
}


@media (min-width:768px) and (max-width:992px) {
    #component8782 #unit6598 > div > div:nth-of-type(1) {
        position: absolute !important;
        transform: translate(10%,15%) !important;
    }


    #sub_title {
        font-size: 25px;
    }
    .sub-desc { display:none; }
    blockquote {padding:10px!important;}
    #component8782 {
        height: 730px !important;
    }
}

@media (max-width:767px) {
    .board-theme .theme-list table td {display: table-cell !important;}
    #unit3939 > div {padding: 15px !important;}
    #unit4915 .mou  {padding: 15px !important;}
     #unit1215 .car {padding: 15px !important;}
    #unit1215 .subway {padding: 15px !important;}
    #unit9587 .jibun {padding: 15px !important;}
    #component4104 #unit4921 {padding: 25px 0 !important;}
    #component9415 {width: 50% !important;}
    #component4213 .history_01 td {padding: 15px !important;}
    #unit6780 .font-2xl {word-break:keep-all;}
    #component9622 {padding: 10px 0 !important;}
    #component9622 .dimode-sort {
        padding: 10px !important;
    }
    .board-theme .theme-list table th, .board-theme .theme-list table td {
        padding: 7px;
        font-size: 11px;
    }


    #unit6598 > div > div {
        background: none !important;

    }
    #component8782 {
        background: #193268;
        height: 485px !important;
    }
    .page-content {
        font-size: 17px !important;
    }
    #header .header-box { display:none; }
    .sub-desc { display:none; }
    #subgnb > .container { padding:0; }
    #subgnb .dropdown .btn-default { font-size:14px; }
    #subgnb .dropdown .btn { padding:10px; }
    #subgnb span, #subgnb a { font-size:14px; }
    #subgnb .dropdown .btn-default { min-width:100px; }
    #sub_title {margin-top:30px; font-size:25px; }
    #content > .container { padding:0; }
    
    #unit1854 > div > span { word-break:keep-all;}
    #unit6462 blockquote p span { word-break:keep-all;}
    #unit2124 > div { word-break:keep-all;}

    .fs24 {font-size:18px;}
    .fs26 {font-size:20px;}
    .table-responsive {border: 0; border-bottom: 1px solid #ddd;}
    /* .table-responsive td:first-child {border-left: 1px solid #ddd !important;}
    .table-responsive td:last-child {border-left: 1px solid #ddd !important;} */
        
    /* vision 2020 */
    .vision_tit {font-size:22px;}
    .vision_num {text-align: left;}
    .vision_num img {width: 30%;}
    .vision_subtit {font-size:22px;}
    #unit4521 {font-size: 17px;}
    .vision_space {padding: 0;}
    .vision_box {padding: 10px 0;}
    .vision_desc {padding: 0 10px; margin: 20px 0px;}
    .vision_td1 {border-bottom:1px solid #ddd; padding:10p; vertical-align: top;}

    /* 삼청교회 100년 기념사 */
    .sc11_img {height: 200px;background-size: cover;}
    .sc11_box {padding: 10px 0px 0px;}
    .sc11_txt {font-size:30px;}
    .sc11_txt2 {font-size:20px;}
    .sc11_space {padding: 10px 0px;}
    .sc11_left {left:0; bottom:20px;}
    .sc11_right {right:0; bottom:20px;}

    /* 교회연혁 */
    .schistory_box {padding-top: 10px;}
    .schistory_img img {width: 70%;}
    .schistory_tb tr {display: block; position:relative;}
    .schistory_td1 {position: absolute; top: 0; left: 5px; width: 100%; text-align: left; border:0;}
    .schistory_td2 {padding: 40px 0px 10px 20px;}

    /* 섬기는 분들 */
    .scpeople_top {padding: 0;}
    .scpeople_box {padding: 20px 10px;}
    .scpeople_line {padding: 20px 0px 0px;}
    .scpeople_img {text-align: center;}
    .scpeople_tit {font-size:22px;padding-bottom:10px;}
    .scpeople_fs28s {font-size:20px;}
    .scpeople_fs28 {font-size:20px;}

    /* 예배안내 */
    .sc14_tit {font-size:26px;}
    .sc14_box {padding: 10px 0px 10px;}
    .sc14_box2 {padding: 20px 0px 10px;}
    .sc14_subtit {font-size:20px;}

    /* 찾아오는길 */
    .scloca_img {padding: 10px 15px;}
    .scloca_subway li {margin-left: 49px; text-indent: -49px; line-height:1.75; list-style: none;}

    /* 목회계획 */
    .sc18_line {padding: 0;}
    .sc18_tit {font-size:20px;}
    .sc18_subtit {font-size:18px;}
    .sc18_img {padding: 10px 0px;}
    .sc18_line2 {padding: 10px 0px;}
    .sc18_img2 {padding: 10px 0px 30px;}

    /* 교회학교 */
    .scSchool_img {padding: 0;}
    .scSchool_box {padding: 30px 15px 0;}
    .scSchool_box2 {border-color: rgb(51, 51, 51); border-style: none; border-width: 0px; padding: 10px 0 0px; margin: 0px;}
    .scSchool_tit {font-size: 20px;}
    .scSchool_box3 {padding: 30px 15px 0;}
    .scSchool_img2 {padding: 0;}
    .scSchool_img2 img {margin-bottom: 10px;}

    /* 선교회 소개 */
    .sc32_box {padding: 20px 0px;}
    .sc32_txt {font-size:18px;}
    .sc32_sec {padding: 20px 0px 10px;}
    .sc32_tit {font-size:20px;padding:0 5px;}
    .sc32_round {display: block; width:90%; float:auto;}
    .sc32_round2 {display: block; width:90%; float:auto;}
    .sc32_space {padding: 0;}
    .sc32_space2 {padding: 0;}
    .sc32_img img {margin-bottom: 10px;}
    .sc32_round + span {display: block; margin-right: 10%; text-align: center;}
    .sc32_round2name {display: block; margin-right: 10%; text-align: center;}

    /* 남선교회 */
    .sc743_box {padding: 0;}


    #component6439 .table {
       font-size: 13px !important;
    }
    #component6439 .time td:nth-child(2) {
        width: 16%;
    }

    #component8964 .table {
        font-size: 13px !important;
    }
    #component8964 .time td:nth-child(2) {
        width: 16%;
    }


    #component8964 .table {
        font-size: 13px !important;
    }

    #component8964 .time td:nth-child(2) {
        width: 16%;
    }
}
