#bandMessage { z-index:1!important; }
.dimode-component { z-index:0!important; }

header .navbar-default { position:absolute; }
.footer { margin-top:80px; }
.footer ul { border-top: 1px solid #cecece; }

.fullpage-nav, .main-quick { display:none; }
.pomo-content { background: rgba(0,0,0,0.5)!important; overflow: hidden;}
.sub-top { position: relative; height: 420px; width: 100%; top: 0; z-index: 0; background-size: cover!important; background-position: 50% 50%!important; opacity: 0.8;     -webkit-animation: zoomin 9s 1; animation: zoomin 9S 1;}
.sub-rel { position: relative; height: 420px; }
.sub-top-ul { position: absolute; bottom: 0px; text-align: center; margin: 0 auto; background-color: rgba(12, 76, 163, 0.5); width: 100%; }
.sub-top-ul li { font-size: 17px; padding: 30px 30px; text-align: center; display: inline-block; }
.sub-top-ul a { color: #fff; text-decoration: none; }
.sub-cont { background: #fff; position: relative; padding: 0; }
.sub-title2 { margin: 0 0 50px!important; font-size: 30px; display: inline-block; border-bottom: 2px solid #E6061B;  padding-bottom: 15px; font-weight: bold; }
#subgnb {  border-bottom:1px solid #ddd; background:#fff; }
#subgnb_pc img { position:relative; top:-3px; }
#subgnb_pc span { font-size:17px; color:#333; margin:0 3px; }
#subgnb_pc a { font-size:17px; color:#333; text-decoration:none; display:inline-block; border-radius:15px; background:#fff; padding:5px 15px; box-shadow: 4px 3px 2px 0px #afafaf;}

#gnb > li > a {color:white;}
 nav.navbar.navbar-default.navbar-static-top{height:100px; background:rgba(0,0,0,0.5);    position: fixed;} 


 .dipc-content {overflow: hidden;}


.subTitle { text-align:center; }
.sub-top-ul2 { /*border-bottom:1px solid #ddd;*/ text-align:center;  padding-top: 30px;    padding-bottom: 70px; }
.sub-top-ul2 li { word-break:keep-all; }
.sub-top-ul2 li hr { display:none; left: 50%;    transform: translateX(-50%);    position: absolute; margin-top: 5px;}
.sub-top-ul2 li:hover hr { display:block; width: 50px; border-bottom:3px solid #000; transition:.1s all; margin-top: 5px; }
.sub-top-ul2 li:hover a { color:#000; transition:.1s all; }
.sub-top-ul2 li { display:inline-block; font-size:18px; /*width:150px;*/ padding:20px 0; margin:0 15px; height:65px; position: relative; }
.sub-top-ul2 li.active hr { display:block; width: 50px; border-bottom:3px solid #000; }
.sub-top-ul2 li.active a { color:#000; }
.sub-top-ul2 li a { color:#333; text-decoration:none; }



.sub-top-ul3 { /*border-bottom:1px solid #ddd;*/ text-align:center;  padding-top: 30px;    padding-bottom: 70px;     display: flex;    justify-content: flex-start;}
.sub-top-ul3 li { word-break:keep-all; }
.sub-top-ul3 li:hover , .sub-top-ul3 li.active {    transition:.1s all; color:#fff; background: #1b99d6; font-weight:bold;}
.sub-top-ul3 li:hover a { color:#fff; transition:.1s all; }
.sub-top-ul3 li { min-width: 100px; color:#000; display:inline-block; font-size:18px; width:13%; padding:10px; margin:0 5px;   position: relative; background: white;    border: 1px solid #bbb; }
 
.sub-top-ul3 li.active a { color:#fff; }
.sub-top-ul3 li a { color:#333; text-decoration:none; }





.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: #ff6d6d; }
.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:#ff6d6d; }
.sub_depth2 li.active a, .sub_depth2 > li:hover a { color:#fff; }
.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-bottom:none; }
.sub_depth3 { padding:0px 15px; margin-top:15px; display:none; }
.sub_depth3.active { display:block; }
.sub_depth3 li { padding: 10px 20px; border-bottom:1px solid #fff; background-color: #ff6d6d; }
.sub_depth3 li a  { color:#999; font-size:15px;  text-decoration:none;  transition:all ease 0.3s; }
#sub_title { font-size: 35px; font-weight: 600; border-bottom: 4px solid #5670a5; display: inline-block; padding-bottom: 10px; margin:50px 0; }

@-webkit-keyframes zoomin { 0% { -webkit-transform: scale(1.2); } 100% {  -webkit-transform: scale(1); } }

.next-box-img { text-align:center; }
.next-box-img img { max-height:138px; }








/*범어교회 게시판 css*/


.board-theme .theme-detail .detail-upper .document-readed_count {    display: none;}
#sub-29  .board-theme.gallery .sermon-content .title h4 {    font-size: 1.3rem;}
#sub-29  .board-theme.gallery .sermon-content .sermon-speaker{    font-size: 1.1rem;}

#sub-31 .board-theme.gallery .theme-list > .each-document > a.title {font-size: 1.2rem;}
#sub-31 .board-theme.gallery .theme-list > .each-document {    margin-bottom: 40px!important;}

.board-theme.gallery .col-xs-12.col-sm-6.col-md-3.each-document.sermon-box .sermon-content a.title h4 {    font-size: 1.3rem;}
.board-theme.gallery .col-xs-12.col-sm-6.col-md-3.each-document.sermon-box .sermon-content h5{    font-size: 1.1rem;}
.board-theme.gallery .col-xs-12.col-sm-6.col-md-3.each-document.sermon-box .sermon-content .sermon-speaker{    font-size: 1.1rem;}
.board-theme.gallery .col-xs-12.col-sm-6.col-md-3.each-document.sermon-box .sermon-content .sermon-date{    font-size: 1.1rem;}



#sub-648 .visible-648{display:none;}


@media (min-width:768px) and (max-width:1499px) {
	#sub-648 .visible-648{display:block;}
	#sub-648 #unit2762 >p{height:350px;}
}



@media (max-width:1499px) {
	.sub-bottom li {    width: 100%;} 
	#daumRoughmapContainer1658306795071{width: 40vw!important; height: 35.9vw!important;}
	
	.sub-top-ul2 li {       font-size: 16px;}
	 
	
	
	/*범어교회 서브 반응형*/
	#sub-17 td , #sub-18 td {word-break:keep-all;}
	
	.test-591 .sub-bottom .container .row {     width: 100%; }
	.test-591  .sub-bottom li {    width: calc(100% / 13);}
}

@media (max-width:1366px) {
	 
	
	#component2362 #unit4513  span, .mission_02{font-size:16px!important;}
	#sub-71 #unit5207 >div >div{left: 25%!important;}
	
	#component2362 #unit4513 p {      word-break: keep-all;}
	
	.s_box2 , .s_box_4{     font-size: 16px;  }
	.s_box3 {     padding: 20px 10px 40px!important;    text-align: center;}
}

@media (max-width:1200px) {
	 
	
	#sub-14 #unit5207 >div >div{
		left: 4%!important;
		
	}
	#sub-14 #unit5207 >div >div>div{
		 
		font-size: 19px!important;
		
	}
	
	#sub-71 #unit5755 {margin:0!important;}
	#sub-71 #unit5207 >div >div{left: 20%!important;}
	
	#unit4351 >div>div>div>div>div{font-size: 22px!important;}
	#unit4351 >div>div>div>div>p{margin-top: 40px!important;}
	
	#component5848 #unit6510  .sub69_1 {font-size:18px!important;}
	
	.sub68_table_1 .col-sm-2{width:21.8%!important;  padding-right:9px!important;}
	.sub68_table_1 .col-sm-4{width:34.6%!important;  padding-right:9px!important;} 
	.sub68_table_1 .col-sm-6{padding-left:9px!important; padding-right:9px!important;} 
	
	#sub-67 p{word-break:keep-all!important;}
	
	.next_list {    font-size: 19px!important;}
	
	#sub-14 #unit6221 >div{ font-size: 19px!important;}
	
	.history_01 td:nth-child(1) { font-size: 14px!important;}
	
	.thumb_box{width:initial!important; height:initial!important;}
	
	
	
	
	
	
	/*범어교회 서브 반응형*/
	
	#sub-15 #unit5658 >div, #sub-15 #unit8158 >div {height: 450px!important;}
	/* #sub-44 #unit9050 {padding:15px!important;} */
	.info_line {    padding: 0!important; }
 
	#unit8023 .t_fs_60{    font-size: 38px;}
	#sub-56, #sub-60, #sub-61, #sub-63 {word-break:keep-all;}
	
	.test-591 .sub-bottom ul {     flex-wrap: wrap;justify-content: center;}
	.test-591  .sub-bottom li {    width: calc(100% / 8);}
	
}

 

@media (min-width:993px) and (max-width:1199px) {
	.sub_depth2 li { padding:20px 10px; }
	#content > .container > .row { margin:0; }
	
	.v_box {     height: 350px;}
}


@media (max-width:992px) {
    #unit2627 {width: 50% !important; float: left;}
    #unit9684 div div:nth-child(2) div {width: 100px !important; height: auto !important; padding: 18px 0 !important;}
    #unit9684 div div:nth-child(2) {top: -140px !important; right: 0% !important; }
    #unit7076 div div:nth-child(2) {top: -215% !important; right: 0% !important; }
    #unit7076 div div:nth-child(2) div {width: 100px !important; height: auto !important; padding: 18px 0 !important;}
	 #component3107 .col-sm-3 { width: 50%; float: left; margin-bottom: 10px;}
	 /*범어교회 서브 반응형*/
	 .s_box2 p, .s_box_4 p{      word-break: break-all!important;}
	 .row.s_box_4 >div {    text-align: center;}
	 .s_box_4 {     height: 300px;}
	 
	 #sub-44 #unit9050 >div.row >div, #sub-45 #unit3526 >div.row >div , #sub-46 #unit3526 >div.row >div,
	 #sub-47 #unit3526 >div.row >div, #sub-48 #unit3526 >div.row >div , #sub-49 #unit3526 >div.row >div,
	 #sub-50 #unit3526 >div.row >div, #sub-51 #unit3526 >div.row >div , #sub-52 #unit3526 >div.row >div{text-align:left!important;padding: 10px 15px!important;}
	 .info_line { border:0px!important;}


	#sub-647 .a_box2 {margin: 10px !important; padding: 26px 10px!important;}
	#sub-647 .a_wrap {width:50%!important;}
	#sub-647 .a_wrap .a_box2 {width:auto!important; height: 150px; word-break:keep-all; font-size: 15px;}

}

@media (min-width:768px) and (max-width:992px) {
	#sub_title { font-size:30px; }
	.sub-cont-desc { padding:0; }
	.subTitle { text-align:center; }
	.sub-top-ul2 li a.active { border-bottom:none; }
	.sub-top-ul2 li { font-size:15.5px; width:20%; margin:0; }
	#content > .container > .row { margin:0; }	
	#dimodePage * { word-break:keep-all; }
	.map-span { font-size:17px!important; display:block; }
	
	/* sub */
	
	#unit8023 .t_fs_60{    font-size: 35px;} 
	#unit8023 .t_fs_50{    font-size: 45px;}
} 

@media  (max-width:766px) {
    #sub-cont { padding-top: 0; }
    .sub-top-ul2 { padding-bottom: 10px; }
    .sub-top-ul2 { overflow: hidden; }
    .sub-cont-desc { padding: 0;}
    .sub-cont { z-index: 0;}
    .dipc-content { background: #fff !important;}
    #unit6226 > div {padding: 0 15px !important;}
    #unit2625 .col-sm-4 {width: 50%; float: left;}
    #unit2625 > div {padding: 15px !important;}
    #unit9615 > div  {padding: 15px !important;}
    #unit1426 > div {padding: 15px !important;}
    #unit4750 > div {padding: 15px !important;}
    #unit4728 > div {padding: 15px !important;}
    nav.navbar.navbar-default.navbar-static-top {height: 70px;}
    #component1944 div div div  {padding: 15px !important;}
	header .navbar-default { position:fixed; height:75px; background:#fff; box-shadow: rgba(113, 113, 113, 0.28) 5px 7px 7px; }
	#dimodePage .page-actions { padding:15px!important; }
	#sub_title { position:relative; z-index:1; }
	#sub-cont { padding-top:0; }
	.sub-top-ul2 { overflow:hidden;}
	.sub-top-ul2 li { float:left; width:50%; height:auto; }
	#subgnb_pc span { font-size:13px; position:relative; top:3px; }
	#subgnb_pc a { padding:5px 10px; font-size:13px; }
	#subgnb { position:relative; z-index:1; }	
	#sub_title { font-size:23px; margin:30px 0 40px; }
	.pomo-content { background:#fff!important; }
	.sub-rel, .sub-top { height:135px; margin-top:70px; }
	.sub-top { position:relative; }
	.sub-top-ul3 li { font-size:15px; }
	.sub-top-ul2 li a.active { border-bottom:none; }
	.sub-top-ul2 li { font-size:14px; margin:0; transform: skew(-0.05deg); padding:10px 0; height:41px; }
	.subTitle { text-align:center; }
	#themeForm > .themes { margin-left:0;  margin-right:0; }
	#dimodePage .page-content { padding:0 15px; }
	
	 .sub-top-ul2 {     padding-bottom: 10px;}
	 
	 .sub-top h2 {       position: relative;  top: 38%; text-align: center; font-size: 15px;}
	 .sub-top h1 {      position: relative;   top: 43%;     text-align: center; font-size: 20px;}	
	
	
	/*범어교회 서브 반응형*/
	
	#sub-15 #unit5658 >div, #sub-15 #unit8158 >div {height: auto!important;}
	#sub-19 #unit8271 .col-xs-1, #sub-19 #unit6751 .col-xs-1{padding:0px;}
	
	#sub-19 #unit8271 .row, #sub-19 #unit6751 .row{margin:0;}
	#sub-20 #component2468, #sub-21 #component2468 {padding: 25px!important;}
	#sub-20 div#unit4991 >p, #sub-21 div#unit4991 >p {    text-align: center;}
	
	.s_box2, .s_box_4 {    height:auto; text-align:center;}
	#sub-25 #dimodePage .dimode-sort {     display: flex;     flex-wrap: wrap;} 
	#sub-25 #unit2762 {    width: 25%;}
	#sub-44 #unit9050, #sub-45 #unit3526,  #sub-46 #unit3526,
	#sub-47 #unit3526, #sub-48 #unit3526,  #sub-49 #unit3526,
	#sub-50 #unit3526, #sub-51 #unit3526,  #sub-52 #unit3526{margin: 15px!important;}
	#sub-44 #unit9042, #sub-45 #unit9042, #sub-46 #unit9042,
	#sub-47 #unit9042, #sub-48 #unit9042, #sub-49 #unit9042,
	#sub-50 #unit9042, #sub-51 #unit9042, #sub-52 #unit9042{padding: 30px!important;}
	#sub-44 div#unit4921 , #sub-45 div#unit4921, #sub-46 div#unit4921,
	#sub-47 div#unit4921 , #sub-48 div#unit4921, #sub-49 div#unit4921,
	#sub-50 div#unit4921 , #sub-51 div#unit4921, #sub-52 div#unit4921{padding: 0px!important;}
	
	#sub-44 #unit8079 >p:nth-of-type(2), #sub-45 #unit8023 >p:nth-of-type(2), #sub-46 #unit8023 >p:nth-of-type(2),
	#sub-47 #unit8023 >p:nth-of-type(2), #sub-48 #unit8023 >p:nth-of-type(2), #sub-49 #unit8023 >p:nth-of-type(2),
	#sub-50 #unit8023 >p:nth-of-type(2), #sub-51 #unit8023 >p:nth-of-type(2), #sub-52 #unit8023 >p:nth-of-type(2){margin-top:0px!important;}

	.t_3 td, .t_2 td {     word-break: keep-all;}
	#sub-58 {     word-break: keep-all;}
	#sub-59 colgroup col:nth-of-type(1) { width: 25%!important;}
	
	#sub-60 #unit1935 div.row >div:nth-of-type(1) >p, #sub-61 #unit1935 div.row >div:nth-of-type(1) >p, 
	#sub-62 #unit1935 div.row >div:nth-of-type(1) >p, #sub-63 #unit1935 div.row >div:nth-of-type(1) >p{max-width:200px;}  
	
	
	#sub-65 #unit9025 >div >div, #sub-67 #unit9025 >div >div, #sub-68 #unit9025 >div >div,
	#sub-69 #unit9025 >div >div, #sub-70 #unit9025 >div >div, #sub-71 #unit9025 >div >div,
	#sub-72 #unit9025 >div >div, #sub-73 #unit9025 >div >div{position:relative!important; padding:25px;}
	#sub-65 #unit9025 >div, #sub-67 #unit9025 >div, #sub-68 #unit9025 >div, #sub-69 #unit9025 >div, #sub-70 #unit9025 >div,
	#sub-71 #unit9025 >div, #sub-72 #unit9025 >div, #sub-73 #unit9025 >div{height:300px!important;}
	
	.test-591  .sub-bottom li {    width: calc(100% / 5);}
	
	.test-647 #dimodePage .page-content {    padding: 0 30px;}
	.test-647 {word-break:keep-all;}
}

@media  (max-width:600px) {
	 nav.navbar.navbar-default.navbar-static-top{height:70px;  } 
	/*범어교회 서브 반응형*/
	#sub-25 #unit2762 {    width: 50%;}
	.test-591  .sub-bottom li {    width: calc(100% / 4);}
 
	.test-591 colgroup col:nth-of-type(1) { width: 15%!important;}
	.test-591 td { word-break: keep-all!important; padding: 10px 7px;}
	
	#sub-631 .a_box2 {margin: 10px !important;}
	.test-647 div#component3698{padding: 20px!important;}

}



@media  (max-width:400px) {
    .sub-rel, .sub-top { height:120px; margin-top:70px; }
	/*범어교회 서브 반응형*/
	#sub-15 #unit5333 >div >p   {margin-right:0!important;}
	 
	#sub-44 #unit9042, #sub-45 #unit9042, #sub-46 #unit9042, #sub-47 #unit9042,
	#sub-48 #unit9042, #sub-49 #unit9042, #sub-50 #unit9042, #sub-51 #unit9042, #sub-52 #unit9042{padding: 20px!important;}
 
 

}