@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.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: 'tway_sky';
    src: url(webfont/tway_sky.ttf) format('truetype');
}

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

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


body * { /*font-family: 'Pretendard-Regular';*/ font-family:'NotoSansKR-Regular',sans-serif; letter-spacing: -0.5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; word-break:keep-all;}
 
a, a:hover{text-decoration:none;} 

.dimode-component-WIDE {    margin-top: 0!important;}

#dimodePage .page-content{ padding-bottom:50px; }
 
img[usemap] { border: none; height: auto; max-width: 100%;  width: auto; } 
.board-setting { padding-top:220px; }
.plain-message { padding-top: 300px; } 
.dimode-widget.popup .popup-content .each-content { max-width:1200px!important; }

#loginForm { margin:220px auto 21px auto!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; }

.dimode-component-WIDE {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    background-color: #f9f9f9; 
}


/*사이트맵*/
.site-map {height:100%;background: white;display: none;transition: 0.3s all;padding-top: 100px; width: 100%;position: fixed;top:0;left:0;z-index: 998;}
.site-map .depth3 {padding-left: 30px;}
.site-map .depth3 > a {color: black !important;}
.site-map .depth4 > a {color: #8D8D8D !important;}
.site-map .navbar-nav{position: relative;left: 50%; transform: translate(-50%);}
.site-map .navbar-nav > li {padding: 40px;text-align: left !important;height: 800px;border-right: 1px solid #F2F2F2;}
.site-map .navbar-nav > li:first-child {border-left: 1px solid #F2F2F2;}
.site-map .navbar-nav > li > a {padding: 10px 0px;color: black;font-size: 18px;}
.site-map .navbar-nav > li ul li a {font-size: 14px;color: black;line-height: 1.7;}
.site-map hr {margin: 5px 0px 20px 0px;border: 2px solid #f1592a;width: 65px;}
/*.nav > li > a:focus, .nav > li > a:hover {background:none!important;}*/



@media (min-width: 1500px) {.container  { width: 1370px; } }
/*@media (min-width: 1200px) {.container  { width: 1100px; } }*/


.glyphicon-chevron-down { font-size:13px!important; padding:0px!important; padding-right:7px!important;}

.topbarContainer {width: 100%; }
#topbar { height:202px; width:100%; position:fixed;  top:0px; z-index:50; transition:0.3s; z-index: 999; }
#topbar.fixeddown { top: -270px;}
#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:block;   /*max-width: 235px;*/}
#topbar .container {padding:0px 100px; }
.beforeLogo{    padding-top: 15px; width: 10%;     display: flex;    align-items: flex-start;    justify-content: flex-start;  font-family:'tway_sky'; }
.beforeLogo a {    color: black;    font-family: 'tway_sky';     display: flex;    justify-content: space-between;    flex-direction: row;    align-items: center;}


#gnb-bar {margin-top:35px; width:100%; display: flex;     flex-direction: column;    align-items: center;}
.gnb-top-logo{ display: flex;     width: 100%;     justify-content: space-between; padding-bottom: 25px;    border-bottom: 1px solid black;}
.gnb-top-logo >ul {    display: flex;    justify-content: center;    align-items: center;}
.gnb-top-logo >ul >li {    padding: 5px;    font-size: 20px; text-align: center;}
.gnb-top-logo >ul >li a{    color: black;    font-size: 20px; }
.gnb-top-logo >ul >li:last-child  {   padding-left: 20px; }
.black {background-color:#fff;}  

#gnb { display:block;      }
#gnb > ul > li {   vertical-align:top; /*padding: 30px 0px;*/ line-height: 1.2; padding-top: 20px ;}
/* #gnb > ul > li:first-child { padding-top: 40px ;} */
.depth1 > li { position:relative; text-align:center; margin:0px 30px;}
#gnb .depth1{    display: flex;    justify-content: center;    align-items: center;    flex-direction: row; /*align-items: flex-end;*/}
#gnb .depth1 a p{font-size: 21px; color:#000; text-decoration:none; padding-bottom:5px; font-weight:500; padding:0;}
#gnb .depth1 #sitemenu6 >a >  p {color:#3f54a3;}
/* #gnb .depth1 > li:not(:first-child) >a >p:first-letter {         font-size: 50px;      }    */
#gnb .depth1 > li >a >p:first-letter {         font-size: 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 > ul > li >a >p  {   font-family:'tway_sky';}
#gnb > ul > li >a >p span { font-size: 15px;  font-family:'tway_sky';     color: #53616d7a}

.gnb_black span { color:#000;}
.gnb_white span { color:#fff;} 

.gnb_white a p{    color: white!important;}
.gnb_white a p span{    color: #ffffff7a!important;}
.gnb-top-logo-white{border-bottom: 1px solid white;}
.white .gnb-top-logo-white li,.white .gnb-top-logo-white a{color: white!important;} 
.yesChange .gnb-top-logo-white li,.yesChange .gnb-top-logo-white a{color: white;} 

.black .gnb_white a p{    color: black!important;} 
.black .gnb_white a p span{    color: #53616d7a!important;}
.black .gnb-top-logo-white li, .black .gnb-top-logo-white a{color: black!important;} 
.black .gnb-top-logo-white {    border-bottom: 1px solid black;}

.gnb2 { width: 100vw;transform: translateY(-2px); display:none; }
.subtext >p{display:none;}
#topbar .gnb2 .container {    padding: 4.3% 60px;}

.gnb2 .subtext-wrap {    height: 480px;    border-right: 1px solid white;}
.gnb2 .subul  {     flex-direction: column;    align-items: flex-start;    padding: 0 80px;}
.gnb2 .subul li {    padding: 10px 0;    font-size: 21px;}
.gnb2 .subul li a {    color: white;}
.gnb2 .subul li:hover a {    background: #6590bb;}

.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 !important;}
.footer img {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;}


.footer_text {    padding: 15px 0;} 
.footer_text li {    color:white;     font-size: 16px; line-height: 1.6;} 


.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: #585858; 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:30px 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; }




.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;}
.footer ul li a { color:#E4E2E3;  }
.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/gwangsung/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) {
    .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 (min-width:993px) and (max-width:1199px) {
	.top-btn {  right: 38px; bottom: 55px;}
	.top-btn .top {width: 68%}
	.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;
	}
	
	
	#gnb .depth1 a p {    font-size: 16px; }
	.gnb2 .subul li {    padding: 5px 0;    font-size: 18px;}
	
}


@media (min-width:768px) and (max-width:992px) {
	.top-btn { right: 40px; bottom: 55px;}
	.top-btn .top {width: 68%}
	.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:992px) {
	#topbar_m { padding: 15px 0; z-index:9999;}
	.top-btn { right: 0px; bottom: 87px;}
	.top-btn .top {width: 68%}
	.side-line.hide-sm { background-image:none!important; }
}


@media (max-width:767px) {
	.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; }
	
	
	#topbar_m .container { padding:0px 30px; }
    #main_logo { width:50%; padding:0px;}
    .navbar-toggle { margin:0px;}
    .footer img { width:50%; padding:0px; float:none;}
    .footer .row { margin:0px;}
    .footer { padding:30px 30px 30px; }
    .footer ul {clear:both; margin-top: 20px;}
    .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;}
}