body * {word-break:keep-all;}
.content .container {width:1340px;}
#dimodeBoard .board-theme.gallery .theme-list > .each-document { width:270px;}
.content{padding:0;}
.page-content { /*margin-top:50px;*/}
#unit4750 #sub03 div table tbody tr td {font-size:22px!important;}
#daumRoughmapContainer1724740223036 { width: 100% !important; }
.root_daum_roughmap .wrap_map { width: 100%; }
.theme-list .sermon-box > a { height: 140px; line-height: 140px; }
#dimodeBoard .render-theme { /*margin-top:50px;*/ }
.theme-list .sermon-content .sermon-speaker { margin-right: 30px; width: 110px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: right; }
.board-theme.gallery .theme-list > .each-document > a.title-image { background-size: cover !important; }

@media (min-width: 1500px) {
    #content > .container, #subgnb > .container { padding: 0px!important; width: 1170px!important;  }
    #subgnb {display:none!important;}
}

.write-form { padding-top: 50px; }
.board-theme .theme-detail .detail-content img{display:block; margin:0 auto;}
#subtop img { width: 100%; min-height:200px; object-fit:cover; }
.sermon-box .title > img:first-child{min-height:143.44px;}
#subtop .dot { width: 100%; height: 100%; background: url(/UserData/ydpchp/Layouts/ydpchp_Layout/Images/sub/dot.png) rgba(0,0,0,.0) !important; position: relative; text-align: center; position: absolute; top: 0; right: 0; }
.sub-home { display: inline-block; float: left; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3; padding: 10px 0px 20px 0px; }
.sub-home a { padding: 10px 20px 10px 20px; }
#subgnb { border-bottom: 1px solid #ddd; padding: 0px 0px; }
#subgnb .subgnb-home { float: right; display: inline-block; padding: 15px 20px; }
#subgnb span, #subgnb a { font-size: 16px; color: #777; position: relative; top: 3px; text-decoration: none; }
#subgnb .active { color: #000 !important; }
#subgnb .dropdown { display: inline-block; float: left; border-right: 1px solid #D3D3D3; color: gray; }
#subgnb .dropdown .btn { padding: 15px 15px; font-size: 16px; font-weight: 700; }
#subgnb .dropdown .btn-default { border: none; }
#subgnb .dropdown .btn:hover { transition: 0.3s all ease; }
.backgrund-button { background-color: white; }
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: black !important; }
#subgnb .dropdown-menu > li > a { padding: 10px 10px; transition: 0.3s all ease; font-size: 18px; }
#subgnb .caret { border-top: 2px solid #000; border-right: 0px solid transparent; border-left: 2px solid #000; position: relative; margin: 0; height: 8px; width: 8px; transform: rotate(225deg); transition: all 0.6s; margin-top: -10px; margin-left: 20px; }
#content .third-menus { margin: 10px 0 42px 0; text-align: center; }
#content .third-menus ul { display: inline-block; }
#content .third-menus ul li { border: 1px solid #dedede; float: left; margin-left: -1px; }
#content .third-menus ul li a { color: #333; text-decoration: none; padding: 8px 17px; font-size: 12px; min-width: 160px; display: inline-block; text-align: center; }
#content .third-menus ul li.active a { color: #fff; }
#sub_title { cursor: default; font-size: 35px; font-weight: 600; margin: 50px 0px 50px; border-bottom: 4px solid #fbaf34; display: inline-block; padding-bottom: 10px; font-family: "nanum square",sans-serif; }
.lnb { padding: 0px 30px; }
.lnb_title { font-size: 30px; border-bottom: 1px solid #000; padding: 40px 0px; font-weight: 600; text-align: center; position: relative; }
.sub-left-triangle { position: absolute; right: 0px; top: 0; width: 0; height: 0; border-left: 30px solid transparent; border-top-width: 30px; border-top-style: solid; border-top-color: #182D1C; }
.sub_depth2 { margin-top: 0px; padding-top: 0px; }
.sub_depth2 li { padding: 20px 25px; border-bottom: 1px solid #ddd; transition: all ease 0.3s; }
.sub_depth2 li.active, .sub_depth2 > li:hover { background: #d9d3f2; }
.sub_depth2 > li > a { color: #777; font-weight: 600; font-size: 17px; text-decoration: none; }
.sub_depth2 li a { color: #777; font-weight: 600; font-size: 16px; text-decoration: none; }
.sub_depth2 li i { position: relative; margin: 3px 15px 0px 0px; cursor: pointer; float: right; font-size: 16px; }
.sub_depth2 li i.fa-minus { display: none; }
.sub_depth2 li:last-child { border-color: #000; }
.sub_depth3 { padding: 0px 15px; margin-top: 15px; display: none; }
.sub_depth3.active { display: block; }
.sub_depth3 li { padding: 10px 20px; border-bottom: 1px solid #999; background-color: #f4c9ff; }
.sub_depth3 li a { color: #999; font-size: 15px; text-decoration: none; transition: all ease 0.3s; }
.sub_depth3 li a:hover { color: #739AB9; }
.sub_depth3.a_96 li a:hover { color: #4E5397; }
.sub_depth3.a_98 li a:hover { color: #E4C640; }

/*서브메뉴*/
.d3-subgnb-menu { display: inline-block; }
.d3-menulist { display: inline-block; padding: 15px 20px; float: left; }
.d3-menulist a { font-size: 20px !important; }
.d3-subgnb-menu div.active a { color: black !important; padding-bottom: 3px; border-bottom: 2px solid #000; }

/*서브페이지*/
.name-div { position: absolute; right: 0; bottom: 0; margin-right: 15px; padding: 5px 15px; font-size: 16px; width: 100px; color: #ffffff; background: rgba(0,0,0,0.5); cursor: default; }
.fa-plus { position: absolute; right: 0; font-size: 16px; text-align: center; padding: 8px 0px; bottom: 0px; color: white; margin-right: 15px; }
#sum_modal { position: fixed; width: 850px; height: 100%; top: 50%; margin-top: -175px; left: 50%; margin-left: -425px; z-index: 1; }
#sum_modal h2 { margin: 0; }
#sum_modal button { display: inline-block; width: 100px; margin-left: calc(100% - 100px - 10px); }
#sum_modal .sum_modal_content { width: 100%; margin: 0 auto; }
#sum_modal .sum_modal_layer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: -1; }
.close_btn { cursor: pointer; }
.subTitle { text-align: center; }

/*교회소개 > 오시는길*/
.map-line {display:none;}


@media (max-width:1499px) { #sub_title {font-size: 2.4rem;}
    .content .container {width:auto;}

    /*교회소개 > 예배안내*/
    .worship_01 td:nth-child(1) { white-space: nowrap; }

    /*새숲청어람스쿨 > 학교소개 > 학교연혁*/
    .history_01 td:nth-child(1) { white-space: nowrap; }
}

@media (max-width:1199px) {
    .lnb { padding: 0px 5px; }
    .sub_depth2 li { padding: 20px 15px;}
    .board-theme .theme-detail .detail-video iframe{height: calc(56.25vw)!important; top:inherit;}
    #sub_title {padding-bottom: 0;}

    /*교회학교 > 영유아유치부*/
    #component8952 #unit5883 > div { padding: 40px 180px !important; }

}


@media (max-width:992px) {
    .subTitle { text-align: center;}
    #sub_title { font-size: 2.4rem; margin: 30px 0 30px; padding-bottom: 5px; }
    #footer { text-align: center; }
    #footer img {float: none;  margin: 0px; }

    /*교회소개 > 위임목사 인사말*/
    #component5360 #unit7821 > div { padding: 30px !important; }
    #component5360 #unit7821 > div .col-sm-6 { margin-left: 50px !important; }

    /*교회소개 > 교회연혁*/
    .history_01 td:nth-child(1) { white-space: nowrap; }
    #component2801 #unit9141 > div { background-position: center; }
    #component2801 #unit9141 > div > div { left: 50% !important; transform: translate(-50%, -50%) !important; width: 90%; }

    /*교회소개 > 교회비전*/
    #component2762 #unit7852 > div { background-position: 18% 50%; }
    #component2762 #unit7852 > div > div { left: 50% !important; transform: translate(-50%, -50%) !important; width: 90%; }

    /*교회소개 > 예배안내*/
    #component4057 #unit9227 .worship_01 td { padding: 15px !important; white-space: nowrap; }

    /*교회소개 > 오시는길*/
    #map-wrap { margin: 0px 0px 30px !important; }
    #component8199 #unit5405 > div { padding: 0 30px 30px 30px !important; }
    #component8199 #unit5405 > div .col-sm-2 { width: fit-content; }
    #component8199 #unit5405 > div .col-sm-8 { width: auto; margin-left: 0 !important; }

    /*교회학교 > 영유아유치부*/
    #component8952 #unit5883 > div { padding: 30px 80px !important; }
    #component4644 #unit4391 > div { padding: 30px !important; }

    /*새숲청어람스쿨 > 학교소개 > 설립자 인사말*/
    #component5530 #unit2457 > div { padding: 50px !important; }

    /*새숲청어람스쿨 > 학교소개 > 학교연혁*/
    #component9927 #unit4079 > div { padding: 30px !important; }
}

@media (max-width:767px) {
	#subtop img {min-height: 100px;}
	#subgnb .container {padding:0 0 0 10px;}
    #dimodeBoard .render-theme { margin-top: 30px; }
    .no-document { font-size: 14px; }
    .board-theme .theme-list { overflow: scroll !important; }

    /*교회소개 > 위임목사 인사말*/
    #component5360 #unit7821 > div { padding: 20px !important; height: auto !important; background-position: bottom !important; }
    #component5360 #unit7821 > div .col-sm-5 > p { margin-top: 10px !important; margin-bottom: 40px !important; }
    #component5360 #unit7821 > div .col-sm-6 { margin-left: 0 !important; }

    /*교회소개 > 교회연혁*/
    .year_t_line { padding: 0 !important; }

    /*교회소개 > 교회비전*/
    #component3104 #unit3661 > div > span { word-break: normal !important; }
    #component3104 #unit3661 > div { padding: 20px !important; }

    /*교회소개 > 섬기는분들*/
    #component3107 #unit2762 { width: 48%; display: inline-block; }

    /*교회소개 > 예배안내*/
    #component2717 { padding: 0 !important; }

    /*교회소개 > 오시는길*/
    #map-wrap { margin: 0 !important; }
    #component8199 #unit5405 > div { padding: 20px !important; }
    #component8199 #unit5405 > div .col-sm-2 { width: 100%; border-right: unset !important; margin-bottom: 15px; }
    #component8199 #unit5405 > div .col-sm-8 { width: 100% }

    /*교회학교 > 영유아유치부*/
    #component8952 #unit5883 > div { padding: 20px !important; }
    #component8952 #unit5883 .col-sm-6 { width: 100%; float: left; }
    #component8952 #unit5883 .col-sm-6:first-of-type {margin-bottom:15px;}
    #component8952 #unit5883 .col-sm-6 .col-sm-2 { width: 16.66666667%; float: left; padding-left: 0; }
    #component8952 #unit5883 .col-sm-6 .col-sm-2 img { width: 18px; }
    #component8952 #unit5883 .col-sm-6 .col-sm-10 { width: 83.33333333%; float: left; }
    #component4644 #unit4391 > div { padding: 20px !important; }
    #component4644 #unit4391 .col-sm-4 { line-height: 0.7rem; margin-bottom: 15px; }

    /*새숲청어람스쿨 > 학교소개 > 설립자 인사말*/
    #component5530 #unit2457 > div { height: auto !important; padding: 20px !important; }

    /*새숲청어람스쿨 > 학교소개 > 학교연혁*/
    #component9927 #unit4079 > div { padding: 10px !important; }

    /*새숲청어람스쿨 > 학교소개 > 찾아오시는 길*/
    #component7556 #unit3440 > div { padding: 30px !important; }
    #component9954 #unit5472 .map-content { height: 250px !important; }

    /*새숲청어람스쿨 > 교육방향 > 초등 중등과정*/
    #component6069 #unit7678 > div {padding:30px !important;}


    #component9196 #unit1175 > div { padding: 30px !important; }
}


@media (max-width: 414px) {
    /*교회소개 > 교회연혁*/
    .year_t_line { padding: 0 !important; }
    #component2801 { padding: 0px 0px 20px !important; }
    #component2801 #unit9141 { padding: 0 !important; }
    #component2801 #unit9141 > div { height: 170px !important; }
    #component2801 #unit9141 > div > div > div:first-of-type { padding: 10px 15px !important; }
    #component2801 #unit9141 > div > div > .font-xl { margin-top: 15px !important; }
    #component2170 #unit7743 > div { padding: 10px !important; }
    #component2170 #unit1961 .year_t_line .table.history_01 td { padding: 10px 10px !important; }

    /*교회소개 > 교회비전*/
    #component2762 { padding: 0px 0px 20px !important; }
    #component2762 #unit7852 { padding: 0 !important; }
    #component2762 #unit7852 > div { height: 170px !important; }
    #component2762 #unit7852 > div > div > div:first-of-type { padding: 10px 15px !important; }
    #component2762 #unit7852 > div > div > .font-xl { margin-top: 15px !important; font-size: 1.1rem; }
    #component2717 {padding: 0 !important;}
    #component2717 #unit8635 { padding: 0 !important; }
    #component2717 #unit8635 > .font-2xl { font-size: 1.3rem; }

    /*교회소개 > 예배안내*/
    #component4057 #unit9227 .worship_01 td {padding:5px !important}

    /*교회소개 > 오시는길*/
    .map-line { display: inline; }
    .root_daum_roughmap .wrap_map { height: 200px !important; }

    /*교회학교 > 영유아유치부*/
    #component4644 #unit4391 .next_01 td { padding: 10px !important; }
    
 }