@charset "UTF-8";

@import url("main_pc.css");

@media only all and (max-width: 1023px) {
	.main-slider-wrapper {
		height: auto;
	}

	.main-slider-area {
		position: relative;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: auto;
		margin-left: 0;
	}

	.main-slider-box > #big01 .item > .pc {
		display: none;
	}

	.main-slider-box > #big01 .item > .mobile {
		display: block;
	}

	.main-word-slogan-wrapper {
		position: relative;
		bottom: 0;
		left: 0;
		width: 100%;
		height: auto;
		margin-left: 0;
		background-image: url(../img/main/bg_slide_slogan_mobile.jpg);
		background-size: cover;
	}

	.main-word-slogan-area {
		float: none;
		width: 100%;
		max-width: 100%;
		height: auto;
		padding: 2.167rem 1.667rem 1.708rem 1.667rem;
	}

	.main-word-slogan > h2 {
		padding-top: 1.125rem;
		margin-bottom: 0.4167rem;
		font-size: 1.917rem;
		line-height: 2.333rem;
	}

	.main-word-slogan > h2 .line {
		height: .2083rem;
	}

	.main-word-slogan > p {
		top: -0.625rem;
		font-size: 1rem;
		line-height: 1.417rem;
	}

	.main-slider-btns-wrapper {
		bottom: 1.5rem;
	}

	.main-word-slogan-area.active .main-word-slogan > h2 .line {
		width: 4.625rem;
	}

	.main-slider-btns-wrapper > ul > li {
		margin: 0 0.4167rem;
	}

	.main-slider-btns-wrapper > ul > li > button {
		width: 1.083rem;
		height: 1.083rem;
		border: 0.2083rem solid #fff;
	}

	.main-slider-btns-wrapper > ul > li.active > button {
		border: 0.2083rem solid #883fa8;
	}

	.main-slider-btns-wrapper > button {
		margin: 0 0.4167rem;
		width: 0.875rem;
		height: 1.042rem;
		background-size: 0.875rem 1.042rem;
	}

	.main-container {
		display: block;
	}

	.main-contents01 {
		background-image: none;
	}

	.main-contents01 > .bg-flower01 {
		display: none;
	}

	.main-contents-wrapper {
		max-width: 100%;
		margin: 0;
		padding: 3.083rem 1.458rem 0 1.458rem;
	}


	.daily-bible-wrapper {
		position: relative;
		min-height: auto;
		padding-left: 0;
		margin-bottom: 2.1875rem;
	}

	.daily-bible-wrapper > h2 {
		position: static;
		top: 0;
		left: 0;
		left: 0;
		width: 100%;
		transform: translate(0, 0);
		margin-bottom:  0.9167rem;
	}

	.daily-bible-wrapper > h2 > span {
		font-size: 1rem;
		line-height: 1.292rem;
	}

	.daily-bible-wrapper > h2 > strong {
		font-size: 1.542rem;
		line-height: 2.042rem;
	}

	.daily-bible-wrapper > .daily-bible-area {
		display: block;
		width: 100%;
		min-height: auto;
		padding-left: 0;
		background: none;
	}

	.daily-bible-wrapper > .daily-bible-area > dl {
		display: block;
	}

	.daily-bible-wrapper > .daily-bible-area > dl > dt {
		font-size: 1.5rem;
		line-height: 2rem;
		margin-bottom: 0.3333rem;
		word-break: keep-all;
	}

	.daily-bible-wrapper > .daily-bible-area > dl > dd {
		font-size: 1rem;
		line-height: 1.5rem;
		height: 3rem;
	}

	.main-board-wrapper {
		margin-bottom: 1.625rem;
	}

	.main-board-area.pc {
		display: none;
	}

	.main-board-area.mobile {
		position: static;
		width: 100%;
		z-index: 10;
		opacity: 1;
	}

	.main-board-box {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.main-board-box >  a > .information {
		display: block;
		height: auto;
		padding: 1.792rem 2.042rem 1.708rem 2.042rem;
	}

	.main-board-box >  a > .information > .title {
		margin-bottom: 0.25rem;
		font-size: 1.583rem;
		line-height: 2.083rem;
		max-height: 4.167rem;
	}

	.main-board-box >  a > .information > .substance {
		margin-bottom: 1.083rem;
		font-size: 1.167rem;
		line-height:1.667rem;
		max-height: 5rem;
	}


	.main-board-box >  a > .information > .date {
		padding-left: 1.875rem;
		height: 1.25rem;
		font-size: 1.167rem;
		line-height: 1.25rem;
		background-size: 1.25rem 1.25rem;
	}

	.main-board-area.mobile .owl-dots {
		padding: 1.417rem 0;
		text-align: center;
	}

	.main-board-area.mobile .owl-dots .owl-dot {
		display: inline-block;
		vertical-align: middle;
		width: 0.8333rem;
		height: 0.8333rem;
		border-radius: 0.4167rem;
		background-color: #cbd2d5;
		margin: 0 0.2083rem;
		transition: all 0.2s ease-in-out;
	}

	.main-board-area.mobile .owl-dots .owl-dot.active {
		width: 1.25rem;
		background-color: #39555f;
	}

	/* main menu */
	.main-menu-area01 {
		float: none;
		height: auto;
		width: 100%;
		max-width: 100%;
	}

	.main-menu-message {
		height:  13.13rem;
	}

	.main-menu-message > a {
		position: relative;
		display: block;
		height:  13.13rem;
		padding-top: 2.375rem;
	}

	.main-menu-message > a > img {
		left: 2.5%;
		width: 13.75rem;
	}

	.main-menu-message > a > .information {
		width: 100%;
		height: 10.75rem;
		padding-top: 1.542rem;
		padding-left: 61.23%;
		background-color: #ffa429;
		background-image: url(../img/main/bg_menu0101.png);
		background-size: cover;
	}


	.main-menu-message > a > .information .title01 {
		margin-bottom: 0.375rem;
		font-size: 1rem;
		line-height: 1.25rem;
	}

	.main-menu-message > a > .information .title02 {
		margin-bottom: 1.042rem;
		font-size: 1.583rem;
		line-height: 1.833rem;
	}

	.main-menu-message > a > .information .detail-view {
		font-size: 0.9167rem;
		line-height: 1.25rem;
	}

	.main-menu-message > a > .information .detail-view > .arrow {
		position: absolute;
		top: 50%;
		right: 0;
		margin-right: -2.917rem;
		display: block;
		width: 2.208rem;
		height: 0.5417rem;
		background-image: url(../img/main/icon_arrow_right01_pc.png);
		background-size: 2.208rem 0.5417rem;
	}

	.main-menu-message > a:hover > .information .detail-view > .arrow,
	.main-menu-message > a:focus > .information .detail-view > .arrow {
		margin-right: -3.125rem;
	}


	.main-menu-message > a > .information .bg-opacity {
		height: 10.75rem;
	}

	.main-menu-message > a:hover > img,
	.main-menu-message > a:focus > img {
		left: 1%;
	}

	.main-menu-box02 {
		height: auto;
	}

	.main-menu-box02 > a {
		height: 11rem;
		padding: 1.667rem 1.875rem 0 1.875rem;
	}

	.main-menu-box02 > a > strong {
		font-size: 1.25rem;
		line-height: 1.625rem;
		margin-bottom: 0.4167rem;
		word-break: keep-all;
	}

	.main-menu-box02 > a > span {
		font-size: 0.9167rem;
		line-height: 1.083rem;
		word-break: keep-all;
	}

	.main-menu-box02 > a > img {
		bottom: 1.167rem;
		right: 1.167rem;
		width: 0.9167rem;
	}

	.main-menu-area02 {
		clear: both;
		float: none;
		width: 100%;
		max-width: 100%;
		padding-top: 0.8333rem;
		height: auto;
	}

	.main-type-menu-wrapper {
		height: auto;
	}

	.main-type-menu-wrapper > ul {
		padding-top: 3.333rem;
	}

	.main-type-menu-wrapper > ul > li > button {
		width: 25%;
		height: 3.333rem;
		font-size: 1.083rem;
	}

	.main-type-menu-wrapper > ul > li:nth-child(1) > button {
		left: 0;
	}

	.main-type-menu-wrapper > ul > li:nth-child(2) > button {
		left: 25%;
	}

	.main-type-menu-wrapper > ul > li:nth-child(3) > button {
		left: 50%;
	}

	.main-type-menu-wrapper > ul > li:nth-child(4) > button {
		left: 75%;
	}


	.main-type-menu-area {
		display: none;
		padding: 1.875rem 0.8333rem 0 0.8333rem;
		border: 1px solid #dddddd;
		border-top: 0;
	}

	.main-type-menu-area > ul > li {
		width: 24.625%;
		height: 6.083rem;
	}

	.main-type-menu-area > ul > li:nth-child(5n) {
		margin-right: 0.5%;
	}

	.main-type-menu-area > ul > li:nth-child(4n) {
		margin-right: 0;
	}

	.main-type-menu-area > ul > li > a {
		width: 100%;
		height: 6.083rem;
		padding-top: 0;
	}

	.main-type-menu-area > ul > li > a > img {
		width: 2.5rem;
		margin: 0 auto 1rem auto
	}

	.main-type-menu-area > ul > li > a > strong {
		font-size: 1rem;
		line-height: 1.25rem;
	}

	.main-contents02 {
		padding-top: 0.8333rem;
	}

	.main-contents02 .main-contents-wrapper {
		padding: 0 1.458rem;
	}

	.main-board-wrapper02 {
		position: relative;
		padding-right: 0;
		margin-bottom: 1.125rem;
	}

	.main-tabmenu > li {
		width: 20%;
		text-align: center;
	}

	.main-tabmenu > li > button {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		height: 2.917rem;
		padding: 0 0.2083rem;
		font-size: 1.083rem;
		line-height: 1.083rem;
	}

	.main-tabmenu > li > button:after {
		height: 0.25rem;
	}


	.main-board-box01 {
		display: none;
		height: auto;
	}

	.top-board-information {
		height: 8.917rem;
	}

	.top-board-information > a > .date {
		width: 7.417rem;
	}

	.top-board-information > a > .date > dt {
		font-size: 1.25rem;
		line-height: 1.75rem;
	}

	.top-board-information > a > .date > dd {
		font-size: 2.833rem;
		line-height: 2.917rem;
	}

	.top-board-information > a > .information {
		display: table-cell;
		vertical-align: middle;
		width: calc(100% - 7.417rem);
		padding: 0 1.25rem 0 0;
		text-align: left;
	}

	.top-board-information > a > .information > dt {
		font-size: 1.083rem;
		line-height: 1.5rem;
		margin-bottom: 0.125rem;
		max-height: 3rem;
		font-weight: 500;
	}

	.top-board-information > a > .information > dd {
		font-size: 1rem;
		line-height: 1.5rem;
		max-height: 4.5rem;
	}

	.main-board-box01 > ul {
		padding: 1rem 0 1.042rem 1rem;
	}


	.main-board-box01 > ul > li > a {
		padding-left: 0.875rem;
		padding-right: 5.667rem;
		background-size: 0.2083rem 0.2083rem;
	}


	.main-board-box01 > ul > li > a > .title-wrapper > .title {
		max-width: calc(100% - 1.25rem);
		font-size: 1rem;
		line-height: 1.667rem;
	}

	.main-board-box01 > ul > li > a > .title-wrapper > img {
		width: 0.8333rem;
	}

	.main-board-box01 > ul > li > a > .date {
		font-size: 1rem;
		line-height: 1.667rem;
	}

	/* 학사일정 */
	.main-schdule-wrapper {
		position: relative;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		margin-top: 1.125rem;
	}

	.main-schdule-wrapper > h2 {
		height: 3.333rem;
		padding: 0.8333rem 3.333rem 0 1.5rem;
		font-size: 1.25rem;
		line-height: 1.958rem;
	}

	.main-schdule-area {
		height: auto;
	}

	.main-schdule-area > a {
		height: 5.5rem;
	}

	.main-schdule-area > a > dl {
		height: 100%;
		padding: 1.167rem 1.167rem 1.167rem 6.333rem;
	}

	.main-schdule-area > a > dl > dt {
		left: 1.375rem;
		width: 4rem;
		height: 4rem;
		padding-top: 0.7917rem;
	}

	.main-schdule-area > a > dl > dt > .yymm {
		font-size: 0.75rem;
		line-height: 1.042rem;
		margin-bottom: 0.08333rem;
	}

	.main-schdule-area > a > dl > dt > .nn {
		font-size: 1.25rem;
		line-height: 1.5rem;
	}

	.main-schdule-area > a > dl > dd {
		padding-top: 0;
	}

	.main-schdule-area > a > dl > dd .date {
		font-size: 1.083rem;
		line-height: 1.5rem;
	}

	.main-schdule-area > a > dl > dd .information {
		font-size: 1.083rem;
		line-height: 1.5rem;
	}

	.main-schdule-wrapper .btn-more {
		top: 1.167rem;
		right: 1.167rem;
		width: 1.083rem;
		height: 1.083rem;
		background-size: 1.083rem 1.083rem;
	}

	/* main banner, ipsi, menu03 */
	.main-banner-ipsi-wrapper {
		height: auto;
		padding-right: 0;
	}

	.main-banner-ipsi-area {
		padding-left: 0;
		min-height: auto;
	}

	.main-banner-wrapper {
		float: none;
		position: static;
		width: 100%;
		height: auto;
	}

	.main-banner-area .item {
		height: auto;
	}

	.main-banner-area .item > a {
		position: relative;
		display: block;
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.main-banner-area .item > a > img {
		position: static;
		width: 100% !important;
	}

	.banner-btns-wrapper {
		height: 3.125rem;
		padding: 1.125rem 1.708rem 0 1.708rem;
	}

	.banner-btns-wrapper > button {
		display: inline-block;
		vertical-align: middle;
		width: 0.8333rem;
		height: 0.9167rem;
		margin-left: 0.8333rem;
	}

	.banner-btns-wrapper > button.btn-previous {
		background-size: 0.8333rem 0.9167rem;
	}

	.banner-btns-wrapper > button.btn-next {
		background-size: 0.8333rem 0.9167rem;
	}

	.banner-btns-wrapper > button.btn-play {
		background-size: 0.8333rem 0.9167rem;
	}

	.banner-btns-wrapper > button.btn-stop {
		background-size: 0.8333rem 0.9167rem;
	}


	.main-ipsi-wrapper {
		position: relative;
		float: none;
		width: 100%;
		margin-top: 0.8333rem;
		height: auto;
		background-image: url(../img/main/bg_ipsi01_mobile.png);
		background-position: right center;
		background-size: 100% 100%;
	}

	.main-ipsi-box > a {
		height: auto;
	}

	.main-ipsi-box > a > img {
		position: static;
		min-width: 100%;
		margin: 0;
	}

	.ipsi-btns-wrapper {
		position: relative;
		height: 3.125rem;
		padding: 1.125rem 1.708rem 0 1.708rem;
	}

	.ipsi-btns-wrapper > button {
		display: inline-block;
		vertical-align: middle;
		width: 0.8333rem;
		height: 0.9167rem;
		margin-left: 0.8333rem;
	}

	.ipsi-btns-wrapper > button.btn-previous {
		background-size: 0.8333rem 0.9167rem;
	}

	.ipsi-btns-wrapper > button.btn-next {
		background-size: 0.8333rem 0.9167rem;
	}

	.ipsi-btns-wrapper > button.btn-play {
		background-size: 0.8333rem 0.9167rem;
	}

	.ipsi-btns-wrapper > button.btn-stop {
		background-size: 0.8333rem 0.9167rem;
	}


	.main-chapel-wrapper {
		height: 7.708rem;
		background-size: cover;
	}

	.main-another-linked-wrapper {
		padding-top: 1.958rem;
		padding-bottom: 1.458rem;
	}

	.main-another-linked-area {
		text-align: center;
	}

	.main-another-linked-area > a > dl > dt {
		padding-left: 0;
		height: auto;
		margin-bottom: 0.4167rem;
	}

	.main-another-linked-area > a > dl > dt > img {
		position: static;
		width: 4.083rem;
		margin: 0 auto 1rem auto;
		transform: translate(0, 0);
	}

	.main-another-linked-area > a > dl > dt > strong {
		font-size: 1.333rem;
		line-height: 1.667rem;
	}

	.main-another-linked-area > a > dl > dt > strong > .arrow {
		margin-right: -0.9583rem;
		width: 0.4583rem;
		height: 0.7083rem;
		background-size: 0.4583rem 0.7083rem;
	}

	.main-another-linked-area > a:hover > dl > dt > strong > .arrow,
	.main-another-linked-area > a:focus > dl > dt > strong > .arrow {
		margin-right: -0.9583rem;
	}

	.main-another-linked-area > a > dl > dd {
		font-size: 0.9167rem;
		line-height: 1.25rem;
	}

	/* main contents 03 */
	.main-contents03 {
		padding-top: 4.708rem;
		height: auto;
		background-color: #414143;
		background-image: url(../img/main/bg_contents03_mobile.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: cover;
	}

	.main-contents03 .main-contents-wrapper {
		display: block;
		padding: 3.083rem 1.458rem 0 1.458rem;
	}


	.main-contents-since {
		width: 16.67rem;
		margin-left: -12.88rem;
		z-index: 10;
	}

	.main-contents-since > img {
		width: 6.042rem;
		margin-left: 0.625rem;
	}

	.main-contents-since > dl {
		padding-top: 0.8333rem;
	}

	.main-contents-since > dl > dt {
		font-size: 2rem;
		line-height: 2.333rem;
	}

	.main-contents-since > dl > dd,
	.main-contents-since > dl > dd > img {
		display: block;
	}

	.main-contents-since > dl > dd > img {
		width: 9.75rem;
	}

	.main-contents-yy {
		top: 4rem;
		left: 50%;
		margin-left: 3.792rem;
	}

	.main-contents-yy:after {
		content: "";
		clear: both;
		display: block;
	}

	.main-contents-yy > img {
		width: 6.042rem;
		z-index: 10;
	}

	.main-contents-yy > p {
		position: absolute;
		bottom: 5.958rem;
		left: 0;
		font-size: 3.75rem;
		line-height: 3.75rem;
		font-weight: 500;
		color: #fff;
		margin-left: -8px;
		margin-bottom: -16px;
		letter-spacing: -1px;
		z-index: 5;
	}

	.main-information-wrapper01 {
		float: none;
		width: 100%;
		margin-top: 7.667rem;
	}


	.main-information-wrapper01 > dl {
		margin-bottom: 2.5rem;
	}

	.main-information-wrapper01 > dl > dt > img {
		width: 4.083rem;
		margin: 0 auto 0.625rem auto;
	}

	.main-information-wrapper01 > dl > dt > strong {
		font-size: 1.083rem;
		line-height: 1.542rem;
	}

	.main-information-wrapper01 > dl > dd {
		height: 2.167rem;
		color: #ffba58;
		font-size: 1.5rem;
		line-height: 2.167rem;
	}

	.main-information-wrapper01 > dl > dd > strong {
		font-size: 1.917rem;
		line-height: 2.167rem;
	}

	.main-information-wrapper01 > dl > dd + dd {
		display: none;
	}

	.main-information-wrapper02 {
		position: relative;
		float: none;
		width: 100%;
		margin-top: 0;
		height: auto;
		padding-bottom: 7.083rem;
	}

	.main-information-wrapper02:after {
		content: "";
		clear: both;
		display: block;
	}

	.main-movie-linked {
		width: 18.96rem;
		height: 11.5rem;
	}

	.main-movie-linked > a > .play {
		margin-top: -1.5rem;
		margin-left: -1.5rem;
		width: 3rem;
		height: 3.042rem;
		background-size: 3rem 3.042rem;
	}

	.main-movie-linked > a > img {
		width: 18.96rem;
	}

	.main-linked-wrapper {
		width: 12.5rem;
		height: 12.13rem;

		-webkit-box-shadow: 0.7083rem 0.7083rem 0.875rem 0px rgba(0,0,0,0.44);
		-moz-box-shadow: 0.7083rem 0.7083rem 0.875rem 0px rgba(0,0,0,0.44);
		box-shadow: 0.7083rem 0.7083rem 0.875rem 0px rgba(0,0,0,0.44);
	}

	.main-linked-wrapper > a {
		padding: 1.625rem 0 0 1.583rem;
		font-size: 1.167rem;
		line-height: 1.5rem;
	}

	.main-linked-wrapper > a  > .arrow {
		bottom: 1.583rem;
		right: 1.708rem;
		width: 2.208rem;
		height: 0.5417rem;
		background-size: 2.208rem 0.5417rem;
	}

	.main-linked-wrapper > a:hover  > .arrow,
	.main-linked-wrapper > a:focus > .arrow {
		margin-right: -0;
	}



}

@media only all and (max-width: 639px) {
	.main-tabmenu > li > button {
		height: 2.5rem;
		padding: 0 0.2143rem;
		font-size: 0.9286rem;
		line-height: 0.9286rem;
		letter-spacing: -1px;
	}
}

@media only all and (max-width: 475px) {
	.main-word-slogan > h2 {
		padding-top: 1rem;
		margin-bottom: 0.3571rem;
		font-size: 1.643rem;
		line-height: 2rem;
	}

	.main-word-slogan > p {
		font-size: 0.8571rem;
		line-height: 1.214rem;
	}

	.main-board-wrapper {
		margin-bottom: 0;
	}

	.main-menu-message {
		height: 10.75rem
	}

	.main-menu-message > a {
		height: 10.75rem;
		padding-top: 0;
	}

	.main-menu-message > a > img {
		left: 0 !important;
		width: 12rem;
	}
	.main-menu-message > a > .information {
		padding-left: 55%;
	}

	.main-type-menu-area > ul > li > a > strong {
		font-size: 0.8571rem;
		line-height: 1rem;
	}




	.main-another-linked-area > a > dl > dd {
		font-size: 0.7857rem;
		line-height: 1.071rem;
		letter-spacing: -1px;
	}

	.main-contents-yy > p {
		bottom: 6.458rem
	}
}

@media only all and (max-width: 359px) {
	.main-tabmenu > li > button {
		font-size: 0.8571rem;
	}
}