@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
/*@import url("http://cms-sdream.dimode.co.kr/UserData/sdream/Layouts/sdream_Layout/Contents/noto-sans-korean.css");*/
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');


@font-face {
    font-family: 'Cafe24Ohsquare-v2.0';
    src: url(webfont/Cafe24Ohsquare-v2.0/Cafe24Ohsquare-v2.0.otf) format('truetype');
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url(webfont/Pretendard-Bold/Pretendard-Bold.otf) format('truetype');
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url(webfont/Pretendard-Regular/Pretendard-Regular.otf) format('truetype');
}

@font-face {
    font-family: 'HSBomBaram2.0';
    src: url(webfont/HSBomBaram2.0/HSBomBaram2.0.otf) format('truetype');
}

@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url(webfont/Pretendard-ExtraBold/Pretendard-ExtraBold.otf) format('truetype');
}


.HSBomBaram {
    font-family: 'HSBomBaram2.0' !important;
}
.Pretendard-ExtraBold {
    font-family: 'Pretendard-ExtraBold';
}
.Pretendard-Regular {
    font-family: 'Pretendard-Regular';
}

.container-fluid {
    padding: 0px;
}
img[usemap] {
    border: none;
    height: auto;
    max-width: 100%;
    width: auto;
}

.sermon_modal  .btn {
    font-size: 17px;
    padding: 10px 20px;
    border-radius: 10px;
    margin: 8px 0;
    background: #00abe1;
    width: 320px;
    border:none;
}
.sermon_modal .btn:hover { background:#00abe1;}
.sermon_modal h4 { font-size:20px; margin:0 0 20px; }
.selected {color: #000}
.board-setting { padding-top:220px; }
.plain-message { padding-top: 300px; }
.dimode-widget.popup .popup-content .each-content { max-width:1200px!important; }

.ms1-icon { display: block; position: fixed; right: -125px; bottom:0; z-index:10; padding:30px 0px;}
.ms1-icon span {display:inline-block; font-size:15px; width:140px; text-align:left; color:#00abe1;}
.ms1-icon a { display: inline-block; color: #fff; text-align:left; font-size:25px;}
.ms1-icon li { padding: 8px 0px; width:220px; margin-right:-35px; position:relative; margin-left:0px; transition:all 0.3s ease; list-style: none;}
.ms1-icon li.active { margin-left:-150px; color:#00abe1;}
.ms1-icon li.active .fab, .ms1-icon li.active .fas { color:#00abe1;}
.ms1-icon li img:hover { opacity:0.5; transition:.3s;}
.fab, .fas { background-color: #333; border-radius: 30px; color: #fff; display: inline-bloc`k; height: 45px; line-height: 45px; width: 45px; font-size: 24px; text-align: center; margin-right:15px; }
#gibu-small { font-size:11px; font-weight:normal; position:relative; top:4px; }
.gibu { line-height:11px; }


body * { font-family: 'Pretendard-Regular'; letter-spacing: -0.5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; word-break:keep-all;}
/* body * { font-family: "Noto Sans Korean", "Helvetica Neue", Helvetica, Arial, sans-serif!important; letter-spacing: -0.5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; } */
@media (min-width: 1500px) {.container  { width: 1400px!important; } }
@media (min-width: 1200px) {.container  { width: 1100px; } }
.glyphicon-chevron-down { font-size:13px!important; padding:0px!important; padding-right:7px!important;}
.containerGnb { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; width: 100%;}
#gnb-wrap > .containerGnb > .row { position: relative; height: 100%;}
#gnb-wrap {background-color:transparent;height: 115px;/*position: fixed;*/width: 100%;z-index: 999;transition: all 0.6s;}
#gnb-wrap .gnbTR{position: absolute; top: 50%; right: 10%; transform: translateY(-50%); display: inline-flex; grid-gap: 20px;}
#gnb-wrap .gnbTR .gnbTRB {font-size: 18px; color: #000;}
#gnb-wrap .gnbTR .gnbTRB:hover, #gnb-wrap .gnbTR .gnbTRB:focus {text-decoration: none;}
.gnbTL{display: inline-flex;gap: 20px;padding: 5px 0;}
.gnbTL .gnbTLB{display: inline-flex;font-size: 17px;align-items: center;gap: 5px;color:#737373;text-decoration:none;}
.top-href-btn { position: absolute; top: 50%; right: 5%; transform: translateY(-50%);}
#gnb-wrap{position:fixed;width: 100%; height:115px;}
#gnb-wrap hr{margin:0 auto; width:90%;}
#gnb {position: absolute;top: 0%;text-align: center;border: none;left: 10%;display: block;transform: translate(50%, 0%);}
#gnb > li.depth1 {float:left;text-align:center;line-height: 115px;padding: 0 ; height: 115px;  transition: all .2s ease-in-out; outline:none; width:140px; }
#gnb > li > a { border-top:0px solid #778E9C; font-size:18px; color:#000; text-decoration:none; transition:all ease 0.2s; padding:10px 0 0;}
#gnb > li.active > a {  border-top:4px solid #F7D8BB; transition:all ease 0.2s; font-weight:bold;color:#000; }
#gnb > li.login > a:hover, #gnb > li.login > a.active { text-decoration:none; border:none; }
.subal {width: 190px;padding: 18px 10px; background-color: #fff;color: #fff; position: relative;left: 50%; z-index: 9999!important; visibility: hidden;
    -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);opacity: 0;top: 30px;-webkit-transition: opacity .2s ease-in-out,top .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out,top .2s ease-in-out;-o-transition: opacity .2s ease-in-out,top .2s ease-in-out;transition: opacity .2s ease-in-out,top .2s ease-in-out;
    word-break: keep-all; border-radius:5px; box-shadow: rgba(113, 113, 113, 0.28) 0px 4px 7px; }
.subal:before {
    content: '';position: absolute; left: 50%;top: -8px;
    border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff;-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);transform: translateX(-50%); -webkit-transition: opacity .2s ease-in-out;-moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.subal li { height:auto; text-align:center; font-size:17px; padding:12px 10px; line-height:normal;}
.subal a { text-decoration:none; color:#555; }
.subal li:hover { background:#F7D8BB; transition:.3s all; }
.subal li:hover a { color:#fff; transition:.3s all; }
#gnb > li > .subal > li{position:relative;}
#gnb > li > .subal > li > .dropdown-menu {min-width: 180px;}
#gnb > li > .subal > li > .subal2{margin: 0;padding: 10px;border-radius: 0;width: 160px;left: 210px;
top: 0;margin-left: -40px;}
#gnb > li > .subal > li > .subal2 a{text-decoration: none;color: #555;padding: 0;margin: 0;background-color: transparent;}
#gnb > li > .subal > li:hover{ background:#F7D8BB; transition:.3s all; }
#gnb > li > .subal > li:hover > .subal2 > li:hover a{ color:#fff; transition:.3s all; }
#gnb > li:hover > ul > li:hover > ul {display: block; }
.gnbBTN {text-decoration: none;transform: translate(50%, -50%);top: 50%;position: absolute; right: 15%;}
.sub-bottom li{text-align:center;}
.sub-bottom .container {
    display: flex;
    justify-content: space-around;
    padding: 0 0 2%; 
}
.sub-bottom .container .row{width:50%;}
.sub-bottom li{display:inline-block;}
.sub-bottom li a{display: inline-block;padding: 40px 20px 20px; position:relative;
text-decoration: none;float: left; color:black; font-size: 19px; white-space: nowrap;overflow: hidden;width: 100%;float: left;}
    .sub-bottom li a .btn-plus {
        transform: translate(-50%,-50%);
        width: 10px;
        height: 10px;
        left: 50%;
        display: inline-block;
        position: absolute;
        top: 25%;
        border-radius: 50%;
        background-color: #6e7abe;
        opacity: 0;
    }
.sub-bottom	ul{display: flex;
    justify-content: space-evenly;}
.sub-bottom li:hover a .btn-plus,
.sub-bottom li.active a .btn-plus{opacity:1;transition:.3s all;}

/* all-menu */

.gnb-all { display: none; position: fixed; z-index: 9999;background: rgba(255, 255, 255, 0.8); top: 0; left: 0; width: 100%; height: 100%; text-align:center;}
.gnb-all a {color:#fff; text-decoration:none;}
.gnb-all img {margin:80px 0px 50px; max-width:185px; }
.gnb-all .all-wrapper .all-close { color: #585858; cursor: pointer; font-weight: 600; font-size: 5em; float:right; }
.gnb-all .all-wrapper .container a { display: block; color: #585858; }
.gnb-all .all-wrapper .container > ul > li { display: inline-block; vertical-align: top; padding:0px 25px;}
.gnb-all .all-wrapper .container > ul > li > a { margin:0px 0px 18px; font-size: 25px; font-weight: 600; text-decoration:none;}
.gnb-all .all-wrapper .container > ul > li:first-child { display: none; }
.gnb-all .all-wrapper .container > ul > li > ul > li > a { color: #585858; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:18px; padding:6px 0px;}
.gnb-all .all-wrapper .container > ul > li > ul > li > a:hover { font-weight:bold; transition:0.2s all ease;}
.gnb-all .all-wrapper .container > ul > li > ul > li > ul > li > a { color: #585858; display: block; margin-bottom: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px;}

/* gnb2 */
.gnb2{background: #fff;width: 100%;position: absolute;left: 0px;z-index: 9999;top: 115px;
height: 0;overflow: hidden;}
.gnb2 .gnb2con{width:100%!important;}
.gnb2 .subtext-wrap{width: 40%;float: left; padding:60px 0 0;display: inline-flex;flex-direction: column;flex-wrap: wrap;align-content: center;
justify-content: center;align-items: center;}
.gnb2 .subtext-wrap .subtext{position: relative; top: -20px;}
.gnb2 .subtext-wrap .subtext .subtext_title{text-align: center;font-size: 34px;color: #000;font-weight: bold;letter-spacing: 1px;margin:0 0 30px;}
.gnb2 .subul{width: 60%; float: left; padding:60px 0 0;text-align:left;}
.gnb2 .GnbOneUl{display: inline-flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;padding-bottom: 40px;width:30%;}
.gnb2 .GnbTowUl{}
.gnb2 .subul > li.GnbOne{display: block;text-align: left;width: calc(100% / 2);margin:0;}
.gnb2 .subul > li.GnbOne a:hover{color: #0466E5; transition:0.3s all;}
.gnb2 .subul > li.GnbOne .caretLY2{margin: 0 10px;color: #0466E5;}
.gnb2 .subul > li.GnbOne > a{color:#848484;padding: 10px 20px 10px 0;}
.gnb2 .subul > li{display: inline-flex;flex-direction: column;flex-wrap: nowrap;justify-content: flex-start;margin: 0 10px;width:15%;}
.gnb2 .subul > li > a{padding: 0px 10px 20px;border-bottom: 1px solid #E7E7E7;font-size: 17px;color: #0466E5;text-decoration: none;text-align: left;display:inline-block;}
.gnb2 .subul > li .dept3{width: 100%;display: inline-block;text-align: left;padding:0 0 30px;}
.gnb2 .subul > li .dept3 > li{padding: 5px 10px; border-bottom: 1px solid #E7E7E7;}
.gnb2 .subul > li .dept3 > li > a{font-size: 15px; color: #888888;text-decoration:none;}
.gnb2 .subul > li .dept3 > li > a:hover{color: #0466E5; transition:0.3s all;}
.gnb2 .subul > li .dept3 > li > a .caretLY{color:#448AEC;margin:0 5px;}


/*logo*/
.logo-wrap{position: absolute;top: 50%;left: 15%;transform: translateY(-50%);}


.top-btn { position: fixed; bottom: 50px; right: 50px; z-index: 1000;}
.footer { background-color: #000 !important; padding: 60px 15px 60px;}
.footer .footerU {display: flex; grid-gap: 30px;}
.footer .footerM {width: 100%; display: flex; flex-direction: column; grid-gap: 30px;}
.footer .footerM li span {font-size: 16px; color: #fff; font-family: 'Pretendard-Regular'; }
.footer .footerUR ul {display: flex; grid-gap: 10px;}
.footer .footerM .bar {width: 100%; height: 1px; background: #4C4C4C; }
.footer .footerUM {display: flex; justify-content: space-between;}
.footer img {float:left; max-width: 235px;}
.footer table { float:right; border: none; font-family: 'Pretendard-Regular';}
.footer .border_bottom { border-bottom: 1px solid #E4E2E3; }
.footer .footer_padding {padding: 0px 35px 15px 0px;}
.footer table td { font-size:17px; font-weight:400; padding: 0px 35px 15px; color:#E4E3E1 !important; font-family: 'Pretendard-Regular' !important;}
.footer table td a { color: #E4E3E1;}
.foot-bold { font-size:15px; font-weight:bolder!important; color:#E4E3E1 !important;}
.footer .footer_padding_none { padding: 15px 0px;}
.glyphicon glyphicon-menu-hamburger {
    color: #000;
}
/* all-menu */
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {color:  rgba(255,255,255,.9) !important;}
.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {  border-color: rgba(255,255,255,.9) !important;}
.mm-menu .mm-listview>li .mm-next:after { border-color: rgba(255,255,255,.9) !important;}
.gnb-all { display: none; position: fixed; z-index: 9999; background: rgba(37, 29, 27, 0.7); top: 0; left: 0; width: 100%; height: 100%; text-align:center;}
.gnb-all a {color:#fff; text-decoration:none;}
.gnb-all img {margin:80px 0px 50px; max-width:185px; }
.gnb-all .all-wrapper .all-close { color: #E4E3E1; cursor: pointer; font-weight: 600; font-size: 5em; float:right; }
.gnb-all .all-wrapper .container a { display: block; color: #E4E3E1; }
.gnb-all .all-wrapper .container > ul > li { display: inline-block; vertical-align: top; padding:0px 24px;}
.gnb-all .all-wrapper .container > ul > li > a { margin:0px 0px 18px; font-size: 25px; font-weight: 600; text-decoration:none;}
.gnb-all .all-wrapper .container > ul > li:first-child { display: none; }
.gnb-all .all-wrapper .container > ul > li > ul > li > a { color: #E4E3E1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:20px; padding:6px 0px;}
.gnb-all .all-wrapper .container > ul > li > ul > li > a:hover { font-weight:bold; transition:0.2s all ease;}
.gnb-all .all-wrapper .container > ul > li > ul > li > ul > li > a { color: #fff; display: block; margin-bottom: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px;}
.mob-login { overflow: hidden; padding: 15px 0; border-bottom: 1px solid #808080; margin-bottom: 10px;}
.mob-login li { float: right; overflow: hidden;}
#topbar_m {position:relative; background: #000; top:0; z-index:10; width:100%; padding:10px 0px; transition:0.3s;}
.mob-login a { display: inline-block !important; font-size: 17px !important; border: 0px !important; box-shadow: none !important; color: #fff !important; padding: 0px 10px !important; }
.black {background-color:rgba(0,0,0,0.5);}
.mm-listview>li>a, .mm-listview>li>span { padding: 10px 20px!important; font-size: 17px;}
.mmenu-depth2 > a { color: #E4E3B9!important; }
.mmenu-depth3 > a { color: #fff!important; }
a.mm-next { width: 100%!important; }
.mmenu-depth1 > a { color: #fff!important;}
.none-color {background-color:transparent;}
.clicked { color:#fff;}
.selected { color:red;}
.mmenu-login {margin-top: 30px;}
.mmenu-login a {color: #fff !important;}
#my-menu { z-index: 999999; }
.footer ul li {word-break: keep-all; font-size: 16px; color: #fff; font-family: 'Pretendard-Regular';}
.footer ul li a { color:#E4E2E3;  }
.subTitle{text-align: center; display: inline-block;width: 100%;}
#subgnb { border-bottom:1px solid #E5E5E5; padding:0px 0px;background-color: #f9f9f9;}


#subgnb .subgnb-home { float:right; display:inline-block; margin:12px 0px 0px 0px;}
#subgnb .container > div{margin: 15px 0; display: inline-flex;}
#subgnb span, #subgnb a { font-size:16px; color:#777; position:relative; top:3px; text-decoration:none;}
#subgnb a.active { color:#6599CB; font-weight:bold; }
#subgnb .dropdown {display: inline-block;border-right: 1px solid #E5E5E5; float: left;}
#subgnb .dropdown:last-child{border:none;}
#subgnb .dropdown .btn { font-size: 17px; font-weight: bold;color:#666666; display: flex; grid-gap: 40px; align-items: center;}
#subgnb .dropdown .btn-default { border:none;}
#subgnb .dropdown .btn:hover { background-color:transparent!important; transition:0.3s all ease;}
#subgnb .dropdown .btn,
#subgnb .dropdown .btn .active  { background-color:transparent!important; }
#subgnb .dropdown-menu>li>a { padding:10px 20px; transition:0.3s all ease; font-size:17px;}
#subgnb .caret {border-top: 6px solid #fff;border-bottom: 6px solid transparent;border-right: 6px solid transparent;border-left: 6px solid #fff;
position: relative;margin: 0;height: 8px;width: 8px;transform: rotate(225deg);transition: all 0.6s;margin-top: -15px;margin-left: 20px;}
#content { padding: 40px 0px;}
#sub_title { font-size: 40px; font-weight: bold; margin: 0; display: inline-block; padding: 0px 0px 20px; width: 100%; float: left;}
/*ul#gnb li:after{content: '\f107';line-height: 1;font-family: FontAwesome,FontAwesome;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}*/
.menu-icon {
    padding-right: 15px;
}
.mm-listview>li>a, .mm-listview>li>span { padding: 10px 20px!important; font-size: 17px;}
#my-menu { background-color: rgba(0,0,0,.3); max-width: 240px;}
#topbar_m img { float:left;}
#topbar_m .toggle {float: right; position:relative; top: 10px;}
.glyphicon-menu-hamburger { font-size: 30px; margin-top:0px; color:#fff; padding:0px;}
.navbar-toggle {margin-top:5px; margin-right:0px;}
.mobile-depth1 li {padding-top:15px; clear:both;}
.mobile-depth1 span { float:right;}
.mobile-depth2 a { font-size:14px!important; color: #9e9e9e!important; text-decoration:none;}
.mobile-gnb .mobile-depth1 a { font-size:14px; color:#00abe1; text-decoration:none;}
.mobile-depth2 { display:none;}
.mobile-depth2 ul { padding-top:20px;}
.navbar-toggle { padding:0px;}
.mobile-depth1 .fas {background-color:none!important;}
.mobile-depth1 { margin-top:15px; padding:0px 30px;}
.footer .footerM .footerUR {padding: 5px 10px; border: 1px solid #fff; display: flex ; grid-gap: 40px; align-items: center; color: #fff; justify-content: space-between; font-size: 16px; text-decoration: none;}


.side-line {
	background-image: url(/UserData/sdream/Partials/Main/Images/dot.png);
    background-repeat: no-repeat;
    background-position: 0px 14px;
    background-size: 1px 34px;
}

.side-line.top {
    background-position: 0 0;
    background-size: 1px 33px;
}

.side-line.both {
	background-position: 0 0;
	background-size: 1px 100%;
}

.side-line.one {
    background-size: 1px 26px;
}
.modal-body {text-align:center;}


#sub-top-bar {
    background-color: #fff;
    padding: 300px 0px 30px;
}

    #sub-top-bar ul {
        float: right;
    }

    #sub-top-bar li {
        display: inline-block;
        padding: 30px 0px 30px 55px;
    }

        #sub-top-bar li a {
            color: #808080;
            font-size: 24px;
            font-weight: bold;
            text-decoration: none;
        }

        #sub-top-bar li .active {
            border-bottom: 2px solid #000;
            padding-bottom: 10px;
            color: #000;
        }
        #sub-top-bar li.active a{
            font-size:26px;
            color:#000;
            border-bottom:2px solid #000;
            transition:0.3s;
            padding-bottom:10px;
        }

            @media (min-width:1200px) and (max-width:1499px) {
                .depth1 > li { margin: 0 15px;}
                .gnb_white a {font-size: 18px; color:#fff; text-decoration:none; padding-bottom:5px; font-weight:500;}
.gnb_black a {font-size: 18px; color:#000; text-decoration:none; padding-bottom:5px; font-weight:500;}
    .footer table td { font-size: 16px; font-weight: 400; padding: 0px 10px 5px; color: #E4E3E1; }
	.side-line {
		background-size: 1px 33px;
		background-position: 0 9px;
	}

	.side-line.top {
		background-position: 0 0;
		background-size: 1px 27px;
	}
}

@media (max-width:1800px) {
    #gnb > li.depth1 {width: 130px;}
}

@media (max-width:1700px) {
    #gnb > li.depth1 {width: 120px;}
}

@media (max-width:1500px) {
    .footer {padding: 30px 15px 30px;}
    .gnb-all .all-wrapper .container > ul > li > a {font-size: 20px;}
    .gnb-all .all-wrapper .container > ul > li > ul > li > a {font-size: 16px;}
    .gnb-all .all-wrapper .container > ul > li {padding: 0 15px;}
    #gnb-wrap .gnbTR {grid-gap: 10px;}
    #gnb > li.depth1 {width: 110px;}
}

@media (max-width:1350px) {
    #gnb > li.depth1 {width: 105px;}
}

@media (max-width:1300px) {
    .gnbBTN {right: 10%;}
    #gnb {left: 3%;}
    .logo-wrap {left: 10%;}
    #gnb-wrap .gnbTR {right: 5%;}
    .top-href-btn { right: 2%;}
    #gnb > li.depth1 {width: 100px;}
}


@media (max-width:1100px) {
    .logo-wrap {left: 5%;}
    .logo-wrap img {width: 150px;}
    .gnbBTN {right: 5%;}
    .gnb-all .all-wrapper .container > ul > li {padding: 0 6px;}
    #gnb > li > a {font-size: 16px;}
    #gnb {left: -2%;}
}

@media (min-width:993px) and (max-width:1199px) {

.mobile_nav_bar > a > span { font-size: 20px; letter-spacing: -0.025em; line-height: 1;}
.mobile_nav_bar a i:after {content: '';  display: inline-block; vertical-align: top; font-size: 1.8rem; color: #fff; font-style: normal;}
.mobile_nav_bar a.menu i:after { content: '\e92d';}
.mobile_nav_bar a i {display: block; margin-bottom: 0.7rem;}
.mobile_nav_bar.fixedup{bottom: 0; }
.mobile_nav_bar.fixeddown{bottom: -100px; }
.mobile_nav_bar { position: fixed; display: block;  width: 100%; background: #554644; font-size: 0; z-index: 550; -webkit-transition: bottom 300ms; transition: bottom 300ms; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}
.mobile_nav_bar a {position:relative;  display: inline-block; vertical-align: top; width: 25%; height: 100%; text-align: center; color: #fff; padding-top: 4.3rem; height: 7rem; }
.mobile_nav_bar a img { position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%);}
.mobile_nav_bar a:hover {text-decoration: none;}
.mobile_nav_bar a:active {text-decoration: none;}
.top-btn {  right: 38px; bottom: 55px;}
.top-btn .top {width: 100px;}
.gnb_white a {font-size: 16px; color:#fff; text-decoration:none; padding-bottom:5px; font-weight:500;}
.gnb_black a {font-size: 16px; color:#000; text-decoration:none; padding-bottom:5px; font-weight:500;}
	.footer table td { font-size: 14px; font-weight: 400; padding: 0px 10px 5px; color: #E4E3E1; }

	.side-line {
		background-position: 0px 6px;
		background-size: 1px 42px;
	}
	
	.side-line.top {
		background-size: 1px 44px;
	}
	
	.side-line.one {
		background-size: 1px 37px;
	}
.depth1 > li {
    position: relative;
    text-align: center;
    margin: 0px 20px;
}
}


@media (min-width:768px) and (max-width:992px) {
#gnb-wrap { height: 75px; }
.mobile_nav_bar a:hover {text-decoration: none;}
.mobile_nav_bar a:active {text-decoration: none;}
.mobile_nav_bar > a > span { font-size: 15px; letter-spacing: -0.025em; line-height: 1;}
.mobile_nav_bar a i:after {content: '';  display: inline-block; vertical-align: top; font-size: 1.8rem; color: #fff; font-style: normal;}
.mobile_nav_bar a.menu i:after { content: '\e92d';}
.mobile_nav_bar a i {display: block; margin-bottom: 0.7rem;}
.mobile_nav_bar.fixedup{bottom: 0; }
.mobile_nav_bar.fixeddown{bottom: -100px; }
.mobile_nav_bar { position: fixed; display: block;  width: 100%; background: #554644; font-size: 0; z-index: 550; -webkit-transition: bottom 300ms; transition: bottom 300ms; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}
.mobile_nav_bar a {position:relative;  display: inline-block; vertical-align: top; width: 25%; height: 100%; text-align: center; color: #fff; padding-top: 4.3rem; height: 7rem; }
.mobile_nav_bar a img { position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%);}
.top-btn { right: 40px; bottom: 55px;}
.top-btn .top {width: 100px;}
	.footer { padding:30px 15px 30px; }
	.footer img { width:100%; display:block; float:none;}
	.footer ul {clear:both; margin-top: 30px;}
	.footer ul li { padding:5px 0px; color: #E4E2E3;}
.footer .container {     padding: 0px 30px; }
	.side-line {
		background-size: 1px 65px;
	}
	
	.side-line.top {
		background-size: 1px 57px;
	}
}

@media (max-width:767px) {
.footer ul li {font-size: 15px;}
.footer .footerM li span {font-size: 15px; }
.footer .footerM .footerUR img{width: auto;}
.footer .footerU img {width: 150px;}
.containerGnb .row { margin: 0; }
.top-href-btn { right: 5%;}
.logo-wrap img { width: 160px;}
#gnb-wrap { height: 65px; }
.gallery .list-categories {display: inline-block !important; width: 100%;}
	#subgnb{width:100%;}
.footer .footerUM {display: inline-block;}
.footer .footerU {display: inline-block;}
.mobile_nav_bar a:hover {text-decoration: none;}
.mobile_nav_bar a:active{text-decoration: none;}
.mobile_nav_bar > a > span { font-size: 15px; letter-spacing: -0.025em; line-height: 1;}
.mobile_nav_bar a i:after {content: '';  display: inline-block; vertical-align: top; font-size: 1.8rem; color: #fff; font-style: normal;}
.mobile_nav_bar a.menu i:after { content: '\e92d';}
.mobile_nav_bar a i {display: block; margin-bottom: 0.7rem;}
.mobile_nav_bar.fixedup{bottom: 0; }
.mobile_nav_bar.fixeddown{bottom: -100px; }
.mobile_nav_bar { position: fixed; display: block;  width: 100%; background: #554644; font-size: 0; z-index: 550; -webkit-transition: bottom 300ms; transition: bottom 300ms; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}
.mobile_nav_bar a {position:relative; display: inline-block; vertical-align: top; width: 25%; height: 100%; text-align: center; color: #fff; padding-top: 4.3rem; height: 6rem; }
.mobile_nav_bar a img { position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%);}
	.modal-dialog {width:100%!important; margin:0;}
    .sermon_modal { padding:30px 15px!important; }
    .sermon_modal .btn { font-size:15px!important; }
    .sermon_modal h4 { font-size:17px!important; }
	
	.mobile-quick { position:fixed; bottom:20px; right:15px; z-index:3; 

				
		}
		
	.mobile-quick li		{	background-color: #333;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    text-align: center;
  padding:10px 10px; }
	
	.mobile-quick li a { color:#fff; text-decoration:none; }
	
	.mobile-quick li:hover { background:#00abe1; transition:0.3s all; }
			
	
.black {     background-color: rgba(0,0,0,0.7)!important; }
	
.footer .footerM	{grid-gap: 10px;}
#topbar_m .container { padding:0px 15px; }
    #main_logo { width:35%; padding:0px;}
    .navbar-toggle { margin:0px;}
    .footer img {  padding:0px; float:none;}
    .footer img {  padding:0px; float:none;}
    .footer .row { margin:0px;}
    .footer { padding:30px 30px 30px; }
    .footer ul {clear:both; }
    .footer ul li { padding:5px 0px; color: #E4E2E3;}
    .footer .container {padding:0px;}
	
	.side-line {
		background-position: 0px 7px;
		background-size: 1px 55px;
	}
	
	.side-line.top {
		background-size: 1px 48px;
	}
	
	.side-line.one {
		background-size: 1px 50px;
	}
	
	#sub-top-bar { padding:100px 0 10px;}
	#sub-top-bar li { padding:10px 20px;}
	#sub-top-bar li a{ font-size:20px;}
	#sub-top-bar li.active a { font-size:22px;}
}

@media (max-width:992px) {

.top-btn { right: 0px; bottom: 87px;}
.top-btn .top {width: 65px;}
	.side-line.hide-sm {
		background-image:none!important;
	}
}