@media print{
   .noprint {display:none !important;}
	.printonly {display: block !important; width: 200px; height: auto; margin:0 0 40px -20px;}
	* {font-size: 1rem !important; line-height: 1.3rem !important;}
	p, h1, h2, h3 {margin-bottom: 1em !important;}
}

#lang {display: none!important}

.xm .signin {
position: absolute;
margin:0;
margin-left: calc(50% - 200px);
margin-top: 50px;
}

/* .btnArea {display: none;} */

body, html {height: 100%; margin:0; padding:0; font-size: 14px; background: #fff}

#global-container {width: 100%; height: 100%;}
#page-container {width: 100%; max-width: 1680px; min-height: 100%;margin: 0 auto; position: relative; background: #fff; box-shadow: 0px 0px 150px 0px rgb(0 0 0 / 20%)}

p, h1, h2, h3, h4 {margin-top: 0; padding-top: 0;}
h1, h2, h3 {word-break: keep-all}

a {color: #005dd0; text-decoration: none;}
a:hover {color: #005dd0; text-decoration: underline;}

.home h1 {color: #005dd0; font-size: 1.875rem;}
.home h2 {font-size: 1.3rem; line-height: 2.0rem; margin: 0 0 1rem;}

.mobile-off {display: block}
.mobile-on {display:none}
.printonly {display:none}
.mobile-full-width {}
* {box-sizing: border-box;}
img {max-width: 100%; display: inline-block;}
.clearfix {clear:both;}

.button-primary-white {background: #ffffff; border: 1px solid #ffffff; border-radius: 4px; color: #000000; display: inline-block; margin-right: 10px;}
.button-secondary-white {background: none; border: 1px solid #ffffff; border-radius: 4px; color: #ffffff; display: inline-block;}
.button-primary-white, .button-secondary-white {text-decoration: none; font-size: 1rem; padding: 7px 10px 5px; font-family: 'GmarketSansMedium', serif; transition: all 0.3s;} 
.button-primary-white:hover {border: 1px solid #ffffff; background: none; color: #ffffff; text-decoration: none;}
.button-secondary-white:hover {background: #ffffff; color: #000000; text-decoration: none;}

.button-primary-primary {background: #005dd0; border: 1px solid #005dd0; border-radius: 4px; color: #ffffff; display: inline-block; margin-right: 10px;}
.button-secondary-primary {background: none; border: 1px solid #005dd0; border-radius: 4px; color: #005dd0 !important; display: inline-block;}
.button-primary-primary, .button-secondary-primary {text-decoration: none; font-size: 1rem; padding: 7px 10px 5px; font-family: 'GmarketSansMedium', serif; transition: all 0.3s;} 
.button-primary-primary:hover {border: 1px solid #005dd0; background: none; color: #005dd0; text-decoration: none;}
.button-secondary-primary:hover {border: 1px solid #005dd0; background: #005dd0 !important; color: #ffffff !important; text-decoration: none;}

#home-slider .bx-wrapper, #home-slider .bx-viewport, #home-slider .bxslider, #home-slider .bxslider li {height: 450px !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important; border: 0 !important; left:0 !important;} 
	#home-slider .bx-wrapper .bx-viewport {background: #ccc;}
	#home-slider .bx-wrapper .bx-controls-direction a {transition: bottom 0.5s; transition: left 0.5s; top: 50%;}
	#home-slider .bxslider li {background-size: cover !important; background-position: center !important;}

#scriptures {background: #327fde; height: 54px; font-size: 1.1rem;}
	#scriptures .bx-wrapper, #scriptures .bx-viewport, #scriptures .bxslider, #scriptures .bxslider2 li {height: 54px !important;margin: 0 !important; padding: 0 !important; box-shadow: none !important; border: 0 !important; left:0 !important; text-align: left; background: #327fde; color: #fff;}
	#scriptures .bxslider2 {padding:0 !important;}
	#scriptures .bxslider2 li {display: flex; align-items: center; padding: 0 60px 0 20px !important; line-height: 22px;}
	#scriptures ul {margin:0;}
	#scriptures #book {float:left; width: 120px; color: #ffffff; line-height: 54px; text-align: center; font-weight: 700; background: #005dd0}
	#scriptures .bxholder {float:left; width: calc(100% - 120px);}
	#scriptures .bx-wrapper .bx-prev {left: auto; right: 46px;}
	#scriptures .bx-wrapper .bx-controls-direction a {text-indent: 0 !important; margin-top: -9px; width: 16px; height: 16px;}
	#scriptures .bx-wrapper .bx-prev {background: none !important; color: #ffffff; right: 32px;}
	#scriptures .bx-wrapper .bx-next {background: none !important; color: #ffffff}

#mobile-header {display: none;}

nav {margin-top:20px;}
	nav a {color: #000000}
	nav ul {padding: 0;} 
	nav ul > li {list-style: none; text-align: right; font-size: 1.2rem; margin-bottom: 2rem; color: #000000; font-weight: 700; word-break: keep-all;}
		li.child {margin-bottom: 0.7rem; font-weight: 300; font-size: 1.1rem;}
	nav ul > li > ul {display: none;}
	nav ul > li.active > ul {display: block} 
	nav ul > li.active .fa {margin-right: -11px;}
	nav ul > li.active, nav ul > li.active a {color: #005dd0}
	nav ul > li.active > ul > li.active > a {color: #005dd0}
	nav ul > li.active > ul > li > a {color: #000000}
	nav ul > li.active > ul > li > a:hover {color: #005dd0}
	nav ul > li > ul {margin-top: 10px;}


#panel-left {position: fixed; width: 350px; height: 100%; background: #fffbe7; padding: 40px 40px 40px; text-align: right;}

	#main-logo {width: 90%; height: auto; display: inline-block;}
	footer {position: fixed; bottom: 40px; text-align: right; width: 270px; font-size: 1rem;}
		footer p {font-family: 'GmarketSansMedium', serif !important;}
		.social-icons .fa {font-size: 1.8rem;}
		.social-icons a {color: #000;}
		.copyright {font-size: 0.8rem}
		.address {font-size: 0.8rem;}
		.address a {color: #000000}

#panel-right {position:relative; left: 350px; width: calc(100% - 350px); background: #ffffff;}
	#main-content {position: relative; padding: 40px; background: #ffffff;}
	.main-content-left {float: left; position: relative; width: calc(100% - 280px); padding-right: 20px; margin-bottom: 20px;}
	.main-content-left:last-of-type {margin-botom: 0px;}
	.main-content-right {float: right; position: relative; width: 280px;}
		.pod-right {width: 100%; height: 356px; position: relative; padding: 20px 20px; color: #ffffff; background-size: cover !important; background-position: center !important; background-repeat: no-repeat;}
		.pod-right h3 {font-size: 1.8rem; margin-bottom: 10px;}
		.pod-right p {font-size: 1.1rem; line-height: 1.7rem; margin-bottom: 1rem; word-break: keep-all;}
		.pod-right .text-box {width: calc(100% - 40px); position: absolute; bottom: 20px;}
		#pod-right-1 {background-image: url('/layouts/ma_home/include/images/home-pod1.jpg'); background-color: #348f2b;}

		.four-col-container {float: left; position: relative; width: 23.5%; margin: 0 2% 20px 0; height: 242px; word-break: keep-all;}
			.four-col-container:nth-of-type(4n+0) {margin-right: 0;}

			.four-col-container h3 {font-size: 1.5rem; margin: 0 0 10px; color:#ffffff;}
			.four-col-container .text-box {width: 100%; padding: 10px; position: absolute; bottom:0; z-index: 2;}
			#pod1, #pod2, #pod3, #pod4 {background-size: cover !important; background-position: center !important; background-repeat: no-repeat;} 
			.full-link {width: 100%; height: 100%; display: block;position: absolute;top: 0;left: 0; background: rgba(0,0,0,0.3); transition: background 0.5s;}
			.full-link:hover {background: rgba(0,0,0,0);}

		/* 홈페이지 최근 게시물 */
		.main-content-left.section4 {width: 100%; padding-right: 0; border-top: 1px solid #cadcf3; padding-top: 30px;}
		.main-content-left.section4 h3 {font-size: 1.5rem; color:#005dd0}

		.widgetGalleryA {width: 100% !important;}
		.widgetGalleryA li {width: 23.5% !important; margin-right: 1.5% !important; text-align: center; background: #fff; padding-bottom: 10px; overflow: visible; white-space:normal; line-height: 1.5rem !important;}
		.widgetGalleryA li:nth-of-type(4n+0) {margin-right: 0 !important}

		.widgetGalleryA li .title {font-size: 1.1rem; color: #005dd0;}
		.widgetGalleryA li .hour, .widgetGalleryA li .date {display: none;}
		.widgetGalleryA li .thumb, .widgetGalleryA li .thumb img {width: 100% !important; object-fit: cover;}
.subpage .widgetGalleryA {margin:0 !important; padding: 0 !important}


#lang {position: fixed; right: 40px; top: 40px; z-index: 500;}
	#lang a {display: block; line-height: 40px; font-size: 1.1rem; padding: 2px 20px 0px; text-decoration: none !important; text-transform: uppercase; color: #fff !important; background: #005dd0; text-align: center; border-radius: 20px;}
	#lang a:hover {background: #0053b9}


/* Subpage Content */

#subpage-content {width: 100%;}
	.subpage h1 {color: #005dd0; font-size: 2.2rem;}
	#subpage-content #page-content {padding: 40px;}
	#subpage-content h1, h2, h3 {line-height: 150%;}
	#subpage-content h3 {font-size: 1.5rem; color:#3684c7;}
	#subpage-content p, #subpage-content li {font-size: 1.25rem !important; line-height: 1.8rem;} 
	#subpage-content li {margin-bottom: 1rem;}
	#subpage-content li > ul {margin-top: 1rem; margin-bottom: 1rem;}
	#subpage-content li > ol {margin-top: 1rem; margin-bottom: 1rem;}
	#subpage-content .button-primary-primary, .button-secondary-primary {font-size: 1.2rem; padding: 10px 12px 8px;}

	.three-col-button, .two-col-button {display: flex; align-items: center; justify-content: center; float: left; text-align: center; border: 1px solid #005dd0; background-size: cover !important; background-position: center !important; background-repeat: no-repeat; transition: all .3s;}
	.three-col-button:hover, .two-col-button:hover {text-decoration: none; border: 6px solid #005dd0;}
	.three-col-button, .two-col-button span {font-size: 2rem; text-shadow: 0 0 10px #ffffff;}
	.three-col-button {height: 120px; width: 31%; margin: 0 2% 1rem 0; line-height: 2.5rem; word-break: keep-all;padding: 10px;}
	.two-col-button {height: 200px; width: 48%; margin: 0 2% 0 0;}

	.youtube {color:#890000; border: 1px solid #890000}
	.youtube:hover {color:#890000; text-decoration: none; border: 6px solid #890000}

	.contact-tile {float: left; position: relative; width: 23.5%; margin: 0 2% 20px 0; word-break: keep-all;}
	.contact-tile img {max-width: 50%; display: block; margin: 0 auto;}
	.contact-tile:nth-of-type(4n+0) {margin-right: 0;}

	.contact-tile .contact-icon {margin-bottom: 20px;}
	.contact-tile .contact-detail {text-align: center}
	.contact-tile .contact-detail h3 {margin: 0;}

	#fo_write {padding: 40px;}


/* 갤러리 오버라이드 */
	.board-header {padding: 40px 40px 0;}
	.bd {padding: 0 40px 40px;}
	.rd {width: 60%; margin: 0 auto;}
	.bd h1 {font-size: 1.5rem !important; font-family: 'GmarketSansMedium', serif; padding: 0 !important;}
	.rd_hd .board .btm_area {display: none;}
	.rd_hd .board .top_area {background: none; border-top: 0;}
	.fdb_lst_wrp, .bd_prev_next {display: none !important;}
	.rd_hd .board .date {font-size:1.2rem !important; font-family: 'GmarketSansMedium', serif; line-height: 40px;}
	.extraimages img:nth-last-of-type(1) {display: none;}
	.bd_tmb_lst p, .bd_tmb_lst p b {font-size: 1.2rem;}
	.rd_nav .help, .font-plus, .font-minus, .back-to, .bubble {display: none;}


	.widgetGalleryA li .thumb .board {
		bottom: 0;
		top: auto;
		padding: 4px !important;
		font-size: 14px;
		color: #ffffff;
		background: #005dd0 !important;
		opacity: 0.8;
	}

	

@media all and (max-width:1024px) {
	.button-primary-primary, .button-secondary-primary {margin-bottom: 1rem;}
	#panel-left {width: 280px;}
	#panel-right {left: 280px; width: calc(100% - 280px);}
		.section1 {width: 100%; padding-right:0;}
		.section4 {width: 100%; padding-right:0;}
		.section2 {width: 250px; padding-right:0;}
		.section3 {width: calc(100% - 250px);}
			.four-col-container {width: calc(50% - 10px); margin: 0 20px 20px 0; height: 242px; word-break: keep-all;}
			.four-col-container:nth-of-type(even) {margin-right: 0;}
	
			.widgetGalleryA li {width: calc(50% - 10px) !important; margin: 0 20px 20px 0 !important; }
			.widgetGalleryA li:nth-of-type(even) {margin-right: 0 !important;}
	
		#scriptures {width: 100%; height: 120px; position: relative; background: none;}
			#scriptures .bxholder {width: 100% !important;}
			#scriptures .bx-wrapper, #scriptures .bx-viewport, #scriptures .bxslider, #scriptures .bxslider2 li {height: 80px !important;}
			#scriptures .bxslider2 li {padding: 0 38px !important; word-break: keep-all;}
			#scriptures #book {height: 40px; margin:0; width: 100%; line-height: 40px; font-size: 1.3rem;}
			#scriptures .bx-wrapper .bx-prev {left: 14px; right: auto;}	
	
			.contact-tile {width: calc(50% - 10px); margin: 0 20px 20px 0; ord-break: keep-all;}
			.contact-tile:nth-of-type(even) {margin-right: 0;}
		.full-link {background: none;}
		.rd {width: 80%;}
}

@media all and (max-width:768px) {
	.section1 {width: 100%; padding-right:0;}
	.section2 {width: 100%; padding-right:0; margin-bottom: 20px;}
	.section3 {width: 100%; padding-right:0;}
	.rd {width: 100%;}
}

@media all and (max-width:767px) {
	
	.xm .signin {
		position: relative;
		margin: 50px auto;
		width: 90%;
	}		
	
	.mobile-full-width {width: 100% !important}
	.mobile-off {display: none !important}
	.mobile-on {display:block !important}
	
	body, html {font-size: 12px;}
	#page-container, #global-container {height: auto;}      
	
	
	#panel-left {display: none}
	
	#mobile-header {display: block;}
		#mobile-nav {width: 100%; height: 60px; position: fixed; background: #fffbe7; top:0; z-index: 999; box-shadow: 0 0 20px 0 rgba(0,0,0,0.3); }	
		#main-logo {width: auto;}
		#main-logo img {height: 54px; margin:4px 10px 0px; width: auto;}
		nav {position: fixed; top: 0; margin-top: 0; min-height: 100%; background: #ffffff !important; background: linear-gradient(0deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.9) 80%) !important; backdrop-filter: blur(16px); display: block; z-index: 9; top: -100vh; transition: top 0.5s;}  

			nav.slideIn {top: 0;}
			#mobile-nav #mobile-nav-button {font-weight: 500; font-size: 18px; line-height: 60px; color: #fff; width: 60px; float: right; text-align: center; cursor: pointer;}
			.mobile-nav-button {width:60px; height: 60px; display: block}
			nav > ul {position: relative; margin: 60px 0 0 0; padding: 40px 30px; overflow-y: scroll}
			nav ul > li {text-align: center; font-size: 1.6rem; line-height: 2rem; margin-bottom: 2.5rem; text-shadow: 0 0 5px #ffffff;}
				li.child {margin-bottom: 1rem; font-weight: 300; font-size: 1.4rem;}
			.in-nav-close {border-radius: 30px !important; margin-top: 40px;}
			.no-scroll {height: 100vh !important; overflow: hidden;}

		.bx-wrapper .bx-controls-direction a {z-index:0}

	#panel-right {left:0; top:60px;}
		#home-slider .bx-wrapper, #home-slider .bx-viewport, #home-slider .bxslider, #home-slider .bxslider li {height: 300px !important;}

		#subpage-content #page-content {padding: 20px;}
			#subpage-content p, #subpage-content li {font-size: 1.4rem !important; line-height: 2.2rem;} 
			.three-col-button {width: 100%; margin: 0 0 20px;}
			.two-col-button {width: 100%; margin: 0 0 20px;}
	
		#main-content {padding: 20px;}
			.pod-right {height: 300px;}
			.main-content-left {padding:0}
	
			.contact-tile {width: 100%; margin: 0 0 40px 0; word-break: keep-all;}
			.contact-tile .contact-icon img {max-width: 30%;}
			
		.btnArea {text-align: center !important;}
		.btnArea .btn {height: 30px !important; line-height: 30px !important;}
	
	.bd {padding: 0 20px 40px;}
	.board-header {padding: 40px 20px 0px;}
	
	.rd_body {margin: 0;}
	.rd_hd .board .top_area {padding: 0;}
	.rd_hd .board .date {display: block !important;}
	.top_area .fr {float: none;}
		#fo_write {padding: 20px;}

	
	footer {position: relative; bottom: 0; width: 100%; text-align: center; padding: 0px 20px 60px 20px; top: 60px; background: #ffffff;}
		.copyright {font-size: 1rem}
		.address {font-size: 1rem;}

	
	#lang {top:13px; right:62px;}
	#lang a {line-height: 32px; padding: 2px 12px 0px; width: 96px; height: 34px;}

	
	#logo img {width: auto; height: 60px; margin-left:10px;}

	#staff-only {display: none;}

}


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

	#main-logo img {height: 50px;}
	#lang {right:58px;}
	#lang a {width: 80px;}
	#lang a .fa {display: none;}

}