﻿@media (min-width: 1500px) { #content > .container, #subgnb > .container { width: 1400px; } }

#content { padding:30px 0; }
#subtop img { width:100%; }
.subgnb-home { display:none!important; }
#sub_title { margin:50px 0; display:block; text-align:center; border-bottom:2px solid #00A2E5; padding-bottom:50px; color:#000; }
#subtop { position:relative; }
#subtop p {
    width: 100%;
    font-size: 40px;
    color: #333; 
    margin: 0;
    /*background: rgba(0,0,0,0.3);
    font-weight: bold;
    color: #fff;*/
    position: absolute;
    top: 40%;
    vertical-align: middle;
    left: 0;
    text-align: center;
}


#sub_title { font-size:30px; font-weight:bold; }
.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: #ED1C24; display:none; }
#subgnb { border-bottom:1px solid #ddd; padding:0px 0px; border-top:1px solid #ddd;}
#subgnb .subgnb-home { float:right; display:inline-block; margin:7px 0px 0px 0px;}
#subgnb span, #subgnb a { font-size:14px; 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:10px 15px; font-size:15px; font-weight:bold;}
#subgnb .dropdown .btn-default { border-right:1px solid #bbb; border-left:none; border-top:none; border-bottom:none; color:#404040; }
#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 #00A2E5; border-right: 0px solid transparent; border-left: 2px solid #00A2E5; position: relative; margin: 0; height: 8px; width: 8px; transform: rotate(225deg); transition: all 0.6s; margin-top:-10px; margin-left:15px; }
#subgnb .dropdown:first-child { border-left:1px solid #ddd; }
/*인사말*/
#component7612 > div > #unit2890,
#component7612 > div > #unit3226{word-break:keep-all;}



@media (min-width:1200px) and (max-width:1499px) {
    /*오시는길*/
    #component8990 > div > #unit2532:nth-child(2){width: 55%!important;}
    #component8990 > div > #unit2532:nth-child(4){width: 20%!important;}
    /*온라인헌금*/
    #component6124 > #unit3030 > div{padding:15px!important;}
}

@media (min-width:992px) and (max-width:1199px) {
    /*인사말*/
    #component7612 > div > #unit2890{width:100%!important;text-align: center;margin-bottom:15px!important;}
    #component7612 > div > #unit3226{width:100%!important;}
    /*오시는길*/
    #component8990 > div > #unit2532:nth-child(2){width: 90%!important;padding-bottom:15px;}
    #component8990 > div > #unit2532:nth-child(4){width: 90%!important;}
    /*온라인헌금*/
    #component6124 > #unit3030 > div > div:nth-child(3) > div{width:100%!important;}
    /*다음세대 소개*/
    #component7366 > div > #unit1719{padding:15px!important;}
    #component7366 > div > #unit1719 > p:nth-child(1){display:none!important;}
    #component6335 > div > #unit6924{width: 50%;}
    #component6335 > div > #unit8894{width: 50%;}
    #component6335 > div > #unit8894 > div >img{margin:0!important;}
}


@media (min-width:768px) and (max-width:991px) {
    .gnb2{display:none;}
    /*인사말*/
    #component7612 > div > #unit2890{width:100%!important;text-align: center;margin-bottom:15px!important;}
    #component7612 > div > #unit3226{width:100%!important;}

    /*연혁*/
    #component5759 > div > #unit3996{width:20%!important;}
    #component5759 > div > #unit3059{width:80%!important;word-break:keep-all;}
    #component3659{margin: 20px 0!important; padding:0!important;}
    #component3659 > #unit7851 > div > div{font-size: 24px!important;}

    /*섬기는분들*/
    #component4513,#component9882,#component9291,#component3359,#component2349,
    #component9118,#component5072,#component9290,#component2017,#component6302,
    #component6964,#component9173,#component4706,#component8082,#component4175,
    #component3323,#component2336,#component6429,#component6429{width:33%;}

    /*오시는길*/
    #component8990 > div > #unit2532:nth-child(2){width: 90%!important;padding-bottom:15px;}
    #component8990 > div > #unit2532:nth-child(4){width: 90%!important;}

    /*온라인헌금*/
    #component6124 > #unit3030 > div{padding:30px!important;}
    #component6124 > #unit3030 > div > div:nth-child(3) > div{width:100%!important;}

    /*다음세대 소개*/
    #component7366 > div > #unit1719{padding:15px!important;}
    #component7366 > div > #unit1719 > p:nth-child(1){display:none!important;}
    #component6335 > div{display: -webkit-box;display: -moz-box;display: box;
    -webkit-box-orient: vertical;-moz-box-orient: vertical;box-orient: vertical;}
    #component6335 > div > #unit6924{width: 100%;-webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;box-ordinal-group: 2;padding: 30px 15px 10px 30px!important;}
    #component6335 > div > #unit8894{width: 100%;-webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 1;box-ordinal-group: 1;}
    #component6335 > div > #unit8894 > div >img{margin:0 auto!important;}
}

@media (max-width:767px) {
    .gnb2{display:none;}
    #sub_title{font-size: 24px;padding-bottom: 20px;margin: 30px 0;}
    /*인사말*/
    #component7612 > div > #unit2890{width:100%!important;text-align: center;margin-bottom:15px!important;}
    #component7612 > div > #unit3226{width:100%!important;}
    #component9001 > #unit9981 > p > span{font-size:30px!important; word-break:keep-all;}
    #component7612 > div > #unit3226 > p:nth-child(1) > span > span{font-size: 22px!important;}
    #component7612 > div > #unit3226 > p > span > span{font-size: 16px!important;}
    /*연혁*/
    #component5759 > div > #unit3996{width:100%!important;}
    #component5759 > div > #unit3059{width:100%!important;word-break:keep-all;}
    #component3659{margin: 20px 0!important; padding:0!important;}
    #component3659 > #unit7851 > div > div{font-size: 24px!important;}
    #component5759{padding:15px 0!important;}
    /*섬기는분들*/
    #component4513,#component9882,#component9291,#component3359,#component2349,
    #component9118,#component5072,#component9290,#component2017,#component6302,
    #component6964,#component9173,#component4706,#component8082,#component4175,
    #component3323,#component2336,#component6429,#component6429{width:75%!important; margin:0 auto;}
    /*예배안내*/
    #unit7880 > table > tbody > tr > td{padding: 5px; word-break: keep-all;}
    #unit7880 > table > tbody > tr > td > span{font-size:17px!important;}
    #component5515{padding:0!important;}
    /*오시는길*/
    #component8990 > div > #unit8615{text-align:center;}
    #component2889 > div > #unit8722{text-align:center;}
    #component8990 > div > #unit2532:nth-child(2){width: 100%!important;padding-bottom:15px;}
    #component8990 > div > #unit2532:nth-child(4){width: 100%!important;}
    #component2889 > div > #unit6504 > div{word-break:keep-all;}
    #component8990 > div > #unit2532 > div:nth-child(1),
    #component2889 > div > #unit6504 > div:nth-child(1){font-size:20px!important;}
    #component8990 > div > #unit2532 > div:nth-child(2),
    #component2889 > div > #unit6504 > div:nth-child(2){font-size:16px!important;}
    /*온라인헌금*/
    #component6124 > #unit3030 > div{padding:15px!important;}
    #component6124 > #unit3030 > div > div:nth-child(3) > div{width:100%!important;}
    #component6124 > #unit3030 > div > div:nth-child(3) > div > span{font-size:17px!important;}
    #component6124 > #unit3030 > div:nth-child(1) > div > span{font-size:24px!important;}
    #component7877 > #unit3309 > div{padding: 25px!important;}
    #component7877 > #unit3309 > div > span{font-size:20px!important; word-break:keep-all;}
    /*다음세대 소개*/
    #component7366 > div > #unit1719{padding:15px!important;}
    #component7366 > div > #unit1719 > p:nth-child(1){display:none!important;}
    #component6335 > div{display: -webkit-box;display: -moz-box;display: box;
    -webkit-box-orient: vertical;-moz-box-orient: vertical;box-orient: vertical;}
    #component6335 > div > #unit6924{width: 100%;-webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;box-ordinal-group: 2;padding: 30px 15px 10px 30px!important;}
    #component6335 > div > #unit8894{width: 100%;-webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 1;box-ordinal-group: 1;}
    #component6335 > div > #unit8894 > div >img{margin:0 auto!important;}
    #component6335 > div > #unit6924 > div:nth-child(1){margin-bottom:15px!important;}
    #component6335 > div > #unit6924 > div:nth-child(1) > span > span{font-size:24px!important;}
    #component6335 > div > #unit6924 > div:nth-child(2) > div > span > span > span{font-size:17px!important; word-break:keep-all;}
    #component6335 > div > #unit6924 > div:nth-child(2) > div:nth-child(2) > table > tbody > tr > td{padding:5px!important; word-break:keep-all;}
    #component6335 > div > #unit6924 > div:nth-child(2) > div:nth-child(1) > table > tbody > tr > td{padding:5px!important; word-break:keep-all;}
}
