.bluebar { border-top: 5px solid #0069ac;}
.brownbar { border-top: 1px solid :#710021;}

.pbc2 .tooltip > .tooltip-inner {
	  width:160px;
	  background-color: #710021;
}
    /* Tooltip on top */
.pbc2 .tooltip.top > .tooltip-arrow {
      border-top: 5px solid #710021;
}

/* 게시글 내용 */
.read-content {
	padding-bottom: 20px;
}
.sorting-grid li:nth-child(4n +1) { clear: left; }

/* 이전글/다음글 */
.prev-next {
	padding: 8px 0 4px;
	border-bottom: 1px solid #aaa;
}
.prev-next div {
	padding-bottom: 4px;
}

/* 메인 최근게시물*/
.notice-not-li .list-normal li a, .notice-noti-li .list-normal li a, .notice-not-li3 .list-normal li a, .notice-not-li4 .list-normal li a, .main-notice-li li a {
	border:0px solid red;
	width:86%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}


@media (min-width:1201px) {
	.container { 
		width:970px !important;
	}

	.notice-gallery-li img.img-responsive {
		width:165px;
		height:76px;
	}
	.foot-left-first {
		width:18% !important;
	}
	.dj-org {
	 width: 12%;
	}
	.dj-links {
	 width: 21.33333334%;
	}
	.bottom-links .btn-group {
	 margin-right:12px;
	}
	.bottom-links .btn-group .btn i {
	 margin-left:10px;
	}
	.bottom-links .btn-group:nth-last-child(1) {
	 margin-right:0;
	}
	.img-wrap img {
		max-height: 101px;
		margin:0 auto;
	}
	.pgwSlideshow .ps-list li .ps-item img {
		max-height: 54px !important;
		margin:0 auto;
	}
	.pgwSlideshow .ps-current>ul>li img {
		max-height: 460px !important;
		margin:0 auto;
	}
	.dj-schedule {
		/*max-height: 257px;*/
		height:180px; 
		min-height:245px;
		overflow-y:auto;
	}
	.dj-schedule ul.list-date li span.dt { width:58px;}
	.dj-schedule ul.list-date li span.dt-s a {  width:180px !important; border:0px solid; text-align:left; padding-left:4px; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
	.notice-gallery-li .col-xs-6 {
		padding-left:6px;
		padding-right:6px;
	}
}
@media (min-width: 992px) and (max-width:1200px) {
	ul.nav li.no-border { display:none;}

	.notice-gallery-li img.img-responsive {
		width:165px;
		height:94px;
	}
	.img-wrap img {
		max-height: 101px;
		margin:0 auto;
	}
	.dj-org {
	 width: 12%;
	}
	.dj-links {
	 width: 21.33333334%;
	}
	.bottom-links .btn-group {
	 margin-right:12px;
	}
	.bottom-links .btn-group .btn i {
	 margin-left:10px;
	}
	.bottom-links .btn-group:nth-last-child(1) {
	 margin-right:0;
	}
	.pgwSlideshow .ps-list li .ps-item img {
		max-height: 54px !important;
		margin:0 auto;
	}
	.pgwSlideshow .ps-current>ul>li img {
		max-height: 462px !important;
		margin:0 auto;
	}
	.dj-schedule {
		/*max-height: 257px;*/
		/*height:280px; 
		min-height:280px;*/
		overflow-y:auto;
	}
	.notice-gallery-li .col-xs-6 {
		padding-left:6px;
		padding-right:6px;
	}
}

@media (max-width: 991px) {
	.today-words { display:none;}
	ul.nav-sns li { float:left !important; }
	.notice-tab li a {
		font-size:13px !important;
		padding:6px 0 4px 0 !important;
	}
	.footer-v1 .copyright .container .col-md-3 {
		display:none;
	}
	.header-v4 .list-inline .login-open .form-group {
	    display: inline-block;
	    margin-bottom: 0;
		vertical-align: middle;
	}
	.header-v4 .list-inline .login-open input {
		width: 100px;
		height: 20px;
	}

	.sorting-grid li:nth-child(2n + 1) {
		clear: left;
	}
	.img-wrap img {
		max-height: 230px;
		margin:0 auto;
	}
	.today-words-txt p {
		margin: 4px 0 8px 0 !important;
	}
	.container-banner {
		margin-top:20px !important;
	}
	.shrine-info > img { width:100%;}
}

/* 교구주보 */
.subSaint { 
	position: relative;
	width: 100%;
	clear: both;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background: url(/images/info/info_saint.png) no-repeat right top;
}

.subSaint h2 {
	position: relative;
	display: block;
	padding: 3px 15px 3px 0px;
	margin: 40px 0 20px !important;
	font-size: 23px !important;
	font-weight: 500;
	color: #6d3536;
	font-family: 'Noto Sans Kr', sans-serif;
	z-index: 10;
}

.subSaint h3 {
	position: relative;
	display: block;
	width: 290px;
	padding: 15px 15px 40px 0px;
	margin: 0px  !important;
	font-size: 18px !important;
	letter-spacing: -1px;
	font-weight: 300;
	line-height: 27px;
	color: #000;
	font-family: 'Noto Sans Kr', sans-serif;
	background: #FFF;
	z-index: 10;
}

.subSaint img.img-responsive  {
	float: right;
	display: inline-block;
	z-index: 0;
}

.subSaint .saintTxt {
	position: relative;
	display: inline-block;
	width: 100%;
	overflow: hidden;
}

.subSaint .saintTxt p {
	font-weight: normal;
	line-height: 20px;
}

.subSaint .saintTxt p.txt01 {
	display: inline-block;
	width: 290px;
	background: #FFF;
	padding-right: 30px;

}

/* 교구2주보 */
.subSaint2 { 
	position: relative;
	width: 100%;
	clear: both;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background: url(/images/info/info_saint2.png) no-repeat right top;
}

.subSaint2 h2 {
	position: relative;
	display: block;
	padding: 3px 15px 3px 0px;
	margin: 40px 0 20px !important;
	font-size: 23px !important;
	font-weight: 500;
	color: #6d3536;
	font-family: 'Noto Sans Kr', sans-serif;
	z-index: 10;
}

.subSaint2 h3 {
	position: relative;
	display: block;
	width: 290px;
	padding: 15px 15px 40px 0px;
	margin: 0px  !important;
	font-size: 18px !important;
	letter-spacing: -1px;
	font-weight: 300;
	line-height: 27px;
	color: #000;
	font-family: 'Noto Sans Kr', sans-serif;
	background: #FFF;
	z-index: 10;
}

.subSaint2 img.img-responsive  {
	float: right;
	display: inline-block;
	z-index: 0;
}

.subSaint2 .saintTxt2 {
	position: relative;
	display: inline-block;
	width: 100%;
	overflow: hidden;
}

.subSaint2 .saintTxt2 p {
	font-weight: normal;
	line-height: 20px;
}

.subSaint2 .saintTxt2 p.txt02 {
	display: inline-block;
	width: 290px;
	background: #FFF;
	padding-right: 30px;

}



/* 오시는 길 st */
.txt01	{ font-weight: bold; line-height: 25px; }
.txt02	{ line-height: 18px; }
.txt03	{ line-height: 28px; font-weight: bold; color: #3498db; }

.dropcap-bg {
    min-width: 90px;
    font-size: 30px;
    line-height: 75px;
    text-align: center;
    margin: 0px 20px 0 0;
}


/* mobile menu */
/* ToggleMenu */
.toggle_menu_wrap { font-family:'NotoSansR', sans-serif; position:fixed; top:0; right:-300px; width:300px; height:100%; overflow-y:auto; background-color:#fff; z-index:100000; transition:all .5s; }
.toggle_menu_wrap * { margin:0; padding:0; box-sizing: border-box; }
.toggle_menu_wrap.active { right:0; }
.toggle_menu h1 { text-align:left; margin:20px 0; line-height:0.6;}
.toggle_menu h1 a { color:#000;}
.toggle_menu h1 img { width:70px; float:left; padding:0 10px 0 20px;}
.toggle_menu h1 span { font-size:19px; color:#710021; font-weight:bold;}
.toggle_menu h1 span.sub-typo { font-size:11px;}

.toggle_btns { text-align:center; width:100%; margin-bottom:20px; }
.toggle_btns button { border:none; background-color:transparent; color:#000; font-size:14px; font-weight:500; padding:0 15px; border-right:1px solid #000; }
.toggle_btns button:last-child { border-right:none; }
.toggle_menu > ul { width:100%; }
.toggle_menu > ul > li { width:100%; overflow:hidden; }
.toggle_menu > ul > li:first-child > a { border-top:1px solid #ddd; }
.toggle_menu > ul > li > a { display:block; padding:10px 20px; color:#000; border-bottom:1px solid #ddd; font-size:15px; }
.toggle_menu > ul > li.active > ul { display:block; }
.toggle_menu > ul > li > ul { width:100%; background-color:#999; display:none; }
.toggle_menu > ul > li > ul > li { width:100%; position:relative; }
.toggle_menu > ul > li > ul > li.active > ul { display:block; }
.toggle_menu > ul > li > ul > li > a { display:block; width:100%; padding:10px 25px; border-bottom:1px solid rgba(255, 255, 255, 0.3); color:rgba(255, 255, 255, 0.7); font-size:15px;}
.toggle_menu > ul > li > ul > li > img { position:absolute; top:20px; right:20px; width:9.5px; transition:all .3s; opacity:.7; }
/* .toggle_menu > ul > li > ul > li > a:before { content:'-'; color:rgba(255, 255, 255, 0.7); margin-right:5px; } */
.toggle_menu > ul > li > ul > li:last-child > a { border-bottom:none; }
.toggle_menu > ul > li.active > a { border-left:3px solid #fff; }
.toggle_menu > ul > li.active_i > a { border-left:3px solid #fff; }
.toggle_menu > ul > li > ul > li.active > a { color:#fff; }
.toggle_menu > ul > li > ul > li.active_i > a { color:#fff; }
.toggle_menu > ul > li > ul > li.active > img { transform:rotate(180deg); opacity:1; }
.toggle_menu > ul > li > ul > li.active_i > img { transform:rotate(180deg); opacity:1; }
.toggle_menu > ul > li > ul > li > ul { display:none; }
.toggle_menu > ul > li > ul > li > ul > li { padding:10px 30px; background-color:#aaa; border-bottom:1px solid rgba(255, 255, 255, 0.3); }
.toggle_menu > ul > li > ul > li > ul > li:last-child { border-bottom:none; }
.toggle_menu > ul > li > ul > li > ul > li > a { color:rgba(255, 255, 255, 0.7); font-size:14px;}
/* .toggle_menu > ul > li > ul > li > ul > li > a:before { content:'·'; font-weight:bold; font-size:20px; margin-right:5px; } */
.toggle_menu > ul > li > ul > li > ul > li.active > a { color:#fff; }
.toggle_menu > ul > li > ul > li > ul > li.active_i > a { color:#fff; }

.toggle_button { position:absolute; top:50%; transform:translateY(-50%); right:20px; display:none; transition:all .5s; z-index:98; cursor:pointer; }
.toggle_button span { display:block; width:30px; height:3px; background-color:#993333; margin-bottom:5px; transition:all .5s; }
.toggle_button.active { right:312px; z-index:1000001}
.toggle_button.active span:nth-child(1) { transform:translateY(8px) rotate(225deg); background-color:#fff; }
.toggle_button.active span:nth-child(2) { opacity:0; }
.toggle_button.active span:nth-child(3) { transform:translateY(-8px) rotate(-225deg); background-color:#fff; }

.backdrop { position:fixed; top:0; left:0; width:100vw; height:100vh; background-color:rgba(0, 0, 0, 0.7); z-index: 100000; }

@media screen and (max-width: 1220px) {
	.toggle_button {
		display: block;
	}
}

@media screen and (max-width: 980px) {
	.padding-left-40 {
		padding-left:15px;
	}
	.mobile-space { margin-top:5px !important;}
}
@media screen and (max-width: 490px) {
	 .mobile-space { margin-top:5px !important;}
}


@media screen and (max-width: 670px) {

	/* 교구주보 */	
	.subSaint { 
		position: relative;
		width: 100%;
		clear: both;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
		background: url(/images/info/info_saint.png) no-repeat right top;
		background-size: 50%;
	}

	.subSaint h2 {		
		margin: 20px 0 10px !important;
		font-size: 18px !important;
	}

	.subSaint h3 {
		font-size: 15px !important;
		line-height: 20px;
		width: 47%;
	}

	.subSaint .saintTxt p.txt01 {
		width: 47%;

	}
}

@media screen and (max-width: 580px) {

	/* 교구주보 */
	.subSaint { 
		background-size: 50%;
	}

	.subSaint h2 {		
		margin: 0px !important;
		font-size: 17px !important;
	}

	.subSaint h3 {
		/* width: 270px;		 */
		font-size: 14px !important;
	}

	.subSaint .saintTxt p.txt01 {		
		/* width: 270px; */
	}
}

@media screen and (max-width: 460px) {

	/* 교구주보 */
	.subSaint { 		
		overflow: hidden;
		background: url(/images/info/info_saint.png) no-repeat right top;
		background-size: 100%;
	}

	.subSaint h2 {
		position: relative;
		display: block;
		background: #FFF;
		width: 100%;
		padding: 15px 15px 3px 0px;
		margin: 250px 0 0 !important;
		font-size: 17px !important;
		font-weight: 500;
		color: #6d3536;
		font-family: 'Noto Sans Kr', sans-serif;
		z-index: 10;
	}

	.subSaint h3 {
		position: relative;
		display: block;
		width: 100%;
		padding: 15px 15px 30px 0px;
		margin: 0px  !important;
		font-size: 14px !important;
		font-weight: 300;
		line-height: 20px;
		color: #000;
		font-family: 'Noto Sans Kr', sans-serif;
		background: #FFF;
		z-index: 10;
	}
	
	.subSaint .saintTxt p.txt01 {
		display: inline-block;
		width: 100%;
		background: #FFF;
		padding-right: 0px;

	}
}

@media screen and (max-width: 320px) {

	/* 교구주보 */
	.subSaint h3 br {
		display: none;
	}
}