@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');
}


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; }

.board-setting { padding-top:220px; }
.plain-message { padding-top: 300px; }
#loginForm { margin:220px auto 21px auto!important; }
.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:'Noto Sans Korean',sans-serif; 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;}
#topbar { height:110px; width:100%; position:fixed;  top:0px; z-index:50; transition:0.3s;}
#topbar.fixeddown { top: -150px;}
#topbar.fixedup { top: 0px;}
#topbar_m.fixeddown { top: -150px;}
#topbar_m.fixedup { top: 0px;}
#topbar .black {background-color:rgba(0,0,0,0.8); }
#main_logo { display:inline-block; float:left; max-width: 235px;}
#topbar .container {padding:0px; }
#gnb { display:inline-block; float:right; }
#gnb-bar {margin-top:35px; width:100%;}
#gnb > ul > li { display:inline-block ; vertical-align:top; padding: 15px 0px;}
.depth1 > li { position:relative; text-align:center; margin:0px 30px;}
.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;}
.gnb_black span { color:#000;}
.gnb_white span { color:#fff;} 
.depth1 li a:hover, a:active {color:#bdbdbd; transition:0.3s; }
.gnb_black a:hover { color:#808080!important; transition:0.3s; }
.depth1 { padding:0px;}
.depth2 { display:none; position:absolute;text-align:left; padding:0px; }
.depth2 li { padding:5px 0px; z-index:15; width:150px;}
a[href^="tel"] { color:inherit; text-decoration:none;}
.depth1 > li:last-child { margin-right:0px; }
.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:fixed; 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; }
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;border-bottom: 2px solid #000;display: inline-block;width: 100%;margin:0 0 20px;}
#subgnb { border-bottom:1px solid #ddd; padding:0px 0px;background-color: #93BCD2;}
#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 #fff;float: left;}
#subgnb .dropdown:last-child{border:none;}
#subgnb .dropdown .btn { padding: 5px 20px 5px;font-size: 17px;font-weight: bold;color:#fff;}
#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: 0px;}
.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;}

.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;
	}
}

.mobile_nav_bar {display: none;}

@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) {
.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 .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;
	}
}