@media (min-width: 1500px) { #content > .container, #subgnb > .container { width: 1400px; } }

#subtop img { width:100%; }

#subgnb {
		border-top:1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: right;
}
#subgnb span, #subgnb a { font-size:16px; color:#777; position:relative; top:3px; text-decoration:none;}
#subgnb a.active { color:#445275; font-weight:bold; }

#content { padding:40px 0px;}
#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 { font-size:40px; font-weight:600; margin:30px 0px; border-bottom:4px solid #000; display:inline-block; padding-bottom:10px;}
#dimodePage { padding:30px 0px; border-top:1px solid #E5E5E5;}

.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: #5E5F9F; }
.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-left:20px; margin-top:10px; display:none; }
.sub_depth3.active { display:block; }
.sub_depth3 li { padding:3px 0px; }
.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; }

.detail-video { position:relative; padding-bottom:56.25%; display:none; }
.board-theme .theme-detail .detail-video iframe { position:absolute; width:100% !important; height:100% !important; }

.churchImage { margin-bottom:15px; }
.churchImage div { font-size:14px !important; }
#sub02 table td { padding:5px 3px !important; height:inherit !important; }
#sub02 table td span { font-size:13px !important; }

.sub_news { text-align:center; border:0px; width:100%; table-layout:fixed; border-top:1px solid #ddd !important; }
.sub_news tr { transition:all 0.3s ease; }
.sub_news tr:hover { background:#f1f1f1; }
.sub_news td { font-size:13px; }
.sub_news td .regdate { float:right; color:#777; }
.sub_news td .boardTitle { color:#333; }
.sub_news td:nth-child(2) {  text-align:left; }
.sub_news tr[name="header"] td { padding-top:10px !important; padding-bottom:0px !important; }
.sub_news tr[name="title"] td { padding-top:3px !important;  font-size:14px; padding-bottom:0px !important; }
.sub_news tr[name="info"] td { border-bottom:1px solid #ddd !important; font-size:12px; color:#777; padding-top:0px !important; padding-bottom:10px !important;  } 
.sub_news th { text-align:center; border-top:1px solid #aaa !important;  border-bottom:1px solid #aaa; background:#f3f3f3;   }
.sub_news td a { text-decoration:none; color:#000; }



@media (min-width:1200px) and (max-width:1499px) {
    .lnb { padding:0px 15px;}
}

@media (min-width:993px) and (max-width:1199px) {
    .lnb { padding:0px 5px;}
    .sub_depth2 li { padding:20px 15px;}
}


@media (min-width:768px) and (max-width:992px) {
    .subTitle { text-align:center;}
    #sub_title {font-size:30px; margin:0px 0px 30px;}
    .header-mobile-gnb {float:right; margin-top:35px; font-size:30px;}
    #footer { text-align:center; }
    #footer img { float:none; margin:0px;}
}

@media (max-width:767px) {
    #footer { text-align:center; }
    #footer img { float:none; margin:0px;}
    #footer p { font-size:14px;}
    #subgnb span { font-size:14px; margin-top:15px; display:inline-block; }
    #subgnb a {  font-size:14px; margin-top:5px; margin-bottom:5px; display:inline-block; }
    .subTitle { text-align:center;}
    #sub_title {font-size:24px; margin:0px 0px 30px;}
    #unit6178 > div > div span, #unit6178 > div > div { font-size:15px!important; }
    #unit2291 { text-align:center!important;}
    #component6456 { text-align:center!important; }
    #unit4669 > p { font-size:20px!important; margin-top:30px!important; }
    #unit4669 { padding:0px!important; text-align:center!important;}
    #unit6565 { padding:0px!important; text-align:center!important;}
    #unit6565 > p { font-size:20px!important; margin-top:30px!important; }
    #unit4669 { padding:0px!important; text-align:center!important;}
    #unit4669 > p { font-size:20px!important; margin-top:30px!important; }
    #subgnb .dropdown {
        display: inline-block;
    }
    #subgnb .dropdown .btn-default{
        border: none;
    }
    #subgnb .dropdown .btn{
        padding: 15px 8px;
        font-size: 12px;
        font-weight: bold;
    }
    #subgnb .caret {
        border-top: 2px solid #000;
        border-right: 0px solid transparent;
        border-left: 2px solid #000;
        position: relative;
        margin: 0;
        height: 6px;
        width: 6px;
        transform: rotate(225deg);
        transition: all 0.6s;
        margin-top: -10px;
        margin-left: 10px;
    }
    #subgnb .container {
        text-align:left; padding-left:5px; padding-right:5px;
    }
    #unit8238 { margin:0 -15px; }
    .lovetable td { font-size:14px !important; word-break:keep-all; }
		.lovetable td:first-child { white-space:nowrap; }
		
		.lovetable2 td { font-size:13px !important; padding:8px 3px !important; }
		
		.board-actions-right { text-align:right; margin-top:10px; }
		
		.detail-content table { width:inherit !important; }
}