@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

.mb10 {margin-bottom: 10px;}
.mb30 {margin-bottom: 30px !important;}

#sub1_1{width:100%;margin:0 auto}
#sub1_1:after{display:block;content:'';clear:both}
#sub1_1 .sub_menu li a.on {color:#ff6600;}

	.visual{width:100%;height:270px;line-height:0;overflow:hidden; position:relative;}
	.visual img{width:2000px;position:absolute;left:50%;margin-left:-1000px}
	.sub_menu{padding-top:3px;background:#f5f5f5;text-align:center}
	.sub_menu:after{display:block;content:'';clear:both}
	.sub_menu li{display:inline-block;padding:13px 0 13px 25px}
	.sub_menu li:first-child{padding-left:0}
	.sub_util{max-width:1200px;margin:0 auto; padding-bottom: 50px;}
	.sub_util span{float:right;margin:15px 15px 0 0;font-size:13px}

	.menu_3D{display:none;max-width:1200px;margin:0 auto;margin-top:35px;margin-bottom:60px}
	.menu_3D:after{display:block;content:'';clear:both}
	.menu_3D li{width:33.33333%;float:left;text-align:center;border:1px solid #4676a1}
	.menu_3D li:nth-child(2){border:none;border-top:1px solid #4676a1;border-bottom:1px solid #4676a1}
	.menu_3D li.sub_on{background:#4676a1}
	.menu_3D li.sub_on a{color:#fff}
	.menu_3D li a{width:100%;height:100%;display:block;color:#234976;font-size:17px;padding:12px 0}

	#sub1_1 h4{font-size:47px;font-weight:300}
	#sub1_1 h5{font-size:25px;font-weight:normal}
	#sub1_1 h6{font-weight:normal}
	#sub1_1 p{color:#666;line-height:26px}

	#sub1_1 .top{clear:both;max-width:1200px;margin:0 auto;padding:0 0px; text-align:center;}
	#sub1_1 .top h4{padding-top:65px;text-align:center; font-weight: 500; color: #222222;}
	#sub1_1 .top h5{width:100%;text-align:center;position:relative;background:url(../images/sub/bg1.jpg) repeat-x center center;margin:20px 0 27px 0}
	#sub1_1 .top h5 i{position:absolute;top:15px;width:5px;height:5px;border-radius:10px;background:#ced1d7}
	#sub1_1 .top h5 i:first-child{left:0}
	#sub1_1 .top h5 i:last-child{right:0}
	#sub1_1 .top h5 span{background:#fff;padding:0 30px}
	#sub1_1 .top p{text-align:left}

	#sub1_1 .bot{width:100%;position:relative;background:#eee;margin-top:40px;padding:60px 15px 100px 15px}
	#sub1_1 .bot h6{width:260px;position:absolute;top:42px;left:50%;margin-left:-130px;text-align:center;font-size:18px;color:#fff;background:#2f3b49;display:inline-block;border-radius:100px;padding:8px 0}
	#sub1_1 .bot h6 i{color:#73ffe6}
	#sub1_1 .bot .box{max-width:1200px;margin:0 auto;background:#fff;border:1px solid #ddd;padding:50px 25px 40px 25px}
	#sub1_1 .bot .box li:first-child{float:left;width:20%;text-align:center}
	#sub1_1 .bot .box li:last-child{float:right;width:80%;padding:8px 0 0 25px}
	#sub1_1 .bot .box li img{width:100%;max-width:180px;border-radius:10px;margin-bottom:5px}
	#sub1_1 .bot .box li h5{margin:17px 0 20px -5px}
	#sub1_1 .bot .box li h5 span{color:#888;font-size:17px;margin-left:25px}
	#sub1_1 .bot > p{text-align:center;color:#222;font-size:17px;line-height:28px;margin-top:30px}


	/* 교회비전 */



	/* 인사말 */
	#sub1_1 .greetings_box {
		margin-top: 30px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
	}

	#sub1_1 .greetings_box .img_box { width: 22.22%; max-width: 228px; }

	#sub1_1 .greetings_box .img_box img { border: 1px solid #ddd; padding: 20px; margin: 7px 0px 0px 0px;}

	#sub1_1 .greetings_box .img_box p {
		text-align: center;
		margin-top: 10px;
		font-size: 24px;
		font-weight: 600;
		color: #222;
		font-family: 'Noto Serif KR', serif;
	}

	#sub1_1 .greetings_box .img_box p span {
		font-size: 16px;
		color: #767676;
		font-weight: 400;
		font-family: "Noto Sans KR", serif;
	}

	#sub1_1 .greetings_box .text_box { width: calc(100% - 228px); padding-left: 30px; }
	#sub1_1 .greetings_box .text_box h6 {font-size: 25px; line-height: 40px; font-family: "Noto Serif KR", serif; font-weight: 500; text-align: left; color: #222; margin-bottom: 15px;}
	#sub1_1 .greetings_box .text_box p {font-size: 16px; line-height: 32px; font-weight: 300; font-family: "Noto Sans KR", serif; text-align: left; color: #333;}


	/* 예수문교회 */
	#sub1_1 .top p.sub01_phrases {position: relative;  text-align:center; font-size: 25px; line-height: 40px; font-family: "Noto Serif KR", serif; font-weight: 300; color: #222; padding: 0 35px; margin: 30px 0px 50px 0px; width: auto; display: inline-block; }
	#sub1_1 .top p.sub01_phrases > span {font-size: 16px; color: #222;}
	#sub1_1 .top p.sub01_phrases::before {position: absolute; content: ""; width: 30px; height: 30px; background: url("/images/quotes_left.png") no-repeat; top: -15px; left: 0px;}
	#sub1_1 .top p.sub01_phrases::after {position: absolute; content: ""; width: 30px; height: 30px; background: url("/images/quotes_right.png") no-repeat; top: -15px; right: 0px;}

	#sub1_1 .top p.sub02_phrases {font-size: 25px; font-family: "Noto Serif KR", serif; font-weight: 600; color: #222; margin-bottom: 15px;}
	#sub1_1 .top p.sub02_phrases > span {font-size: 16px; font-family: "Noto Sans KR", serif; font-weight: 400; color: #222;}

	#sub1_1 .top p.sub03_phrases {position: relative; width: 100%; margin-bottom: 5px; font-size: 25px; font-weight: 600; color: #222; padding: 0px 10px 5px 16px; margin: 30px 0px 15px 0px;}
	#sub1_1 .top p.sub03_phrases::before { position: absolute; content: ""; width: 3px; height: 28px; background: #8c35e4; left: 0; top: 0px;}

	#sub1_1 .top ul li.text3 p {position: relative; font-size: 20px; line-height: 36px; color: #222; font-family: "Noto Sans KR", serif; font-weight: 300;  margin: 20px 0px 20px 0px; padding-left: 15px; word-break: keep-all;}
	#sub1_1 .top ul li.text3 p::before {content: ""; position: absolute; left: 0px; top: -5px; background-color: rgba(193, 100, 120, 0.3); width: 27px; height: 27px; border-radius: 50%; z-index: -1;}


	#sub1_1 .top ul li.text3 ul.school_text_list2 {display: flex; flex-direction: row; justify-content: space-between;}
	#sub1_1 .top ul li.text3 ul.school_text_list2 li {margin-right: 30px;}
	#sub1_1 .top ul li.text3 ul.school_text_list2 li.img img {width: 100%;}
	#sub1_1 .top ul li.text3 ul.school_text_list2 li:last-child {margin-right: 0px;}

	#sub1_1 ul.contents_ul {display: flex;}
	#sub1_1 ul.contents_ul li.img {width: 50%;}
	#sub1_1 ul.contents_ul li.img img {width: 100%;}
	#sub1_1 ul.contents_ul li.text {width: 50%; padding: 0px 0px 0px 30px;}
	#sub1_1 ul.contents_ul li.text p {font-size: 16px; color: #666666; font-family: "Noto Sans KR", serif; font-weight: 300; margin-bottom: 20px; word-break: keep-all;}
	#sub1_1 ul.contents_ul li.text p.purple {color: #433d9f; margin-bottom: 20px; font-weight: 400;}
	#sub1_1 ul.contents_ul li.text p.purple span {color: #6c65e6; font-weight: 300; margin-top: 5px; display: inline-block;}


	#sub1_1 ul.contents_ul4 {display: flex; margin: 50px 0px 0px 0px;}
	#sub1_1 ul.contents_ul4 li.img {width: 45.5%; max-width: 546px;}
	#sub1_1 ul.contents_ul4 li.img img {width: 100%;}
	#sub1_1 ul.contents_ul4 li.text3 {width: 62.5%; padding: 0px 0px 0px 35px;}

	#sub1_1 ul.contents_ul4 li.text3 h3.sub03_phrases {position: relative; width: 100%; margin-bottom: 5px; font-size: 25px; font-weight: 600; color: #222; padding: 0px 0px 0px 16px; margin: 0px 0px 0px 0px; text-align: left;}
	#sub1_1 ul.contents_ul4 li.text3 h3.sub03_phrases::before {position: absolute; content: ""; width: 3px; height: 28px; background: #8c35e4; left: 0; top: 4px;}

	#sub1_1 ul.contents_ul4 li.text3 ul.give_contents {padding-left: 16px; color: #222; word-break: keep-all;}
	#sub1_1 ul.contents_ul4 li.text3 ul.give_contents::before {position: static;}

	#sub1_1 ul.contents_ul4 li.text3 ul.give_contents li {
		position: relative;
		font-size: 20px;
		line-height: 36px;
		color: #222;
		font-family: "Noto Sans KR", serif;
		font-weight: 300;
		margin: 20px 0px 20px 0px;
		padding-left: 0px;
		word-break: keep-all;
		text-align:left;
	}

	#sub1_1 ul.contents_ul4 li.text3 p.give_end {padding-left: 16px; color: #222; word-break: keep-all; font-family: "Noto Serif KR", serif; font-weight: 500;}
	#sub1_1 ul.contents_ul4 li.text3 p.give_end::before {position: static;}

	#sub1_1 ul.contents_ul4 li.text3 p.give_link {padding-left: 16px; font-weight: 500; color: #222; word-break: keep-all;}
	#sub1_1 ul.contents_ul4 li.text3 p.give_link a {font-weight: 400; color: #222; }
		#sub1_1 ul.contents_ul4 li.text3 p.give_link a:hover {color: #4164e8;}
	#sub1_1 ul.contents_ul4 li.text3 p.give_link::before {position: static;}

	#sub1_1 ul.contents_ul4 li.text3 p.give_contents2 {padding-left: 16px; color: #222; word-break: keep-all;}
	#sub1_1 ul.contents_ul4 li.text3 p.give_contents2::before {position: static;}


	#sub1_1 ul.img_text_list {display: flex; margin-bottom: 30px;}
	#sub1_1 ul.img_text_list li.img {}
	#sub1_1 ul.img_text_list li.text {text-align: left; padding: 0 0 0 30px; font-size: 16px; font-weight: 300; line-height: 28px; color: #222;}
	#sub1_1 ul.img_text_list li.text > b {display: inline-block; font-size: 20px; margin-bottom: 12px;}


	#sub1_1 .top ul.school_text_list {display: flex; margin: 30px 0px 0px 0px;}
	#sub1_1 .top ul.school_text_list li.img {width: 80%; }
	#sub1_1 .top ul.school_text_list li.img img {width: 100%; }
	#sub1_1 .top ul.school_text_list li.text {width: 100%; text-align: left; padding: 0 0 0 30px;}
	#sub1_1 .top ul.school_text_list li.text p {margin: 0px 0px 0px 0px;}
	
	.bg {
		padding: 15px 25px;
		background: #f5f5f5;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}

	.scroll_guide { display: none; }


	#sub1_1 .gujo-row-list {
		width: 75%;
		border-collapse: collapse;
		margin-bottom: 30px;
		border-top: 2px solid #8c35e4;
		border-bottom: 1px solid #000;
		color: #333;
		text-align: center;
	}

	#sub1_1 .overflow .gujo-row-list:last-child {margin-bottom: 0px;}

	div .gujo-row-list:last-child {margin-bottom: 0px;}

	#sub1_1 .gujo-col-list tr th {
		padding: 10px 0;
		font-size: 17px;
		background: #f1eaff;
	}

	#sub1_1 .gujo-col-list thead tr th {
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}

	#sub1_1 .gujo-col-list tbody tr:nth-child(2n) {
		background-color: rgb(246, 246, 246);
		border-bottom: 1px solid #ddd;
	}

	#sub1_1 .gujo-col-list tbody tr:last-child {
		border-bottom: 0px solid #ddd;
	}

	#sub1_1 .gujo-col-list tbody tr td {
		border-right: 1px dashed #ddd;
		padding: 10px 0;
		font-size: 17px;
	}

	#sub1_1 .gujo-col-list tbody tr td:first-child {
		font-weight: 600;
	}

	#sub1_1 .gujo-col-list thead tr th:last-child,
	#sub1_1 .gujo-col-list tbody tr td:last-child {
		border-right: 0px solid #ddd;
	}

	#sub1_1 .gujo-row-list2 {width: 100%; margin: 30px auto;}

	#sub1_1 .gujo-row-list tr,
	#sub1_1 .gujo-row-list2 tr,
	#sub1_1 .gujo-row-list3 tr { border-top: 1px solid #d3bdfe; }

	
	#sub1_1 .gujo-row-list2 tr:last-child,
	#sub1_1 .gujo-row-list3 tr:last-child,
	#sub1_1 .gujo-row-list3 td:last-child {
		border-bottom: 1px solid #d3bdfe;
	}

	#sub1_1 .gujo-row-list tr th,
	#sub1_1 .gujo-row-list2 tr th,
	#sub1_1 .gujo-row-list3 tr th {
		background-color: #f1eaff;
		padding: 0px 10px;
		font-size: 16px;
		height: 46.5px;
		width: 142px;
		text-align: center;
	}

	#sub1_1 .gujo-row-list tr td,
	#sub1_1 .gujo-row-list3 tr td {
		font-size: 16px;
		font-weight: 300;
		line-height: 30px;
		padding: 15px 3%;
		text-align: center;
		word-break: keep-all;
		color: #222;
	}

	#sub1_1 .gujo-row-list tr td {border-right: 1px dashed #ddd;}
	#sub1_1 .gujo-row-list tr td:last-child {border-right: 0px dashed #ddd; text-align: left;}

	#sub1_1 .gujo-row-list tr td.center {text-align: center;}

	#sub1_1 .gujo-row-list tr td.senior_pastor {border-right: 1px dashed #ddd;}

	#sub1_1 .gujo-row-list tr td.senior_pastor img {width: 100%;}
	#sub1_1 .gujo-row-list tr td.senior_pastor p {text-align: center; color: #222; font-family: "Noto Sans KR", serif; font-weight: 500; font-size: 17px;}

	#sub1_1 .gujo-row-list tr:first-child {
		border-top: 0;
	}

	#sub1_1 .gujo-row-list tr:nth-child(2n) {
		background-color: rgb(246, 246, 246);
	}


	/* 섬기는 사람들 */
	#sub1_1 .pp_box {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	#sub1_1 .pp_box > div {
		width: 48.75%;
		max-width: 585px;
		border: 1px solid #ddd;
		padding: 25px;
		margin-bottom: 30px;
		margin-right: 2.5%;
		box-sizing: border-box;
	}

	#sub1_1 .pp_box > div:nth-child(2n) {margin-right: 0px;}

	#sub1_1 .pp_box > div > ul {display: flex;}

	#sub1_1 .pp_box > div > ul > li:first-child {width: 45%;}
	#sub1_1 .pp_box > div > ul > li:first-child > img {width: 100%; max-width: 100%;}
	#sub1_1 .pp_box > div > ul > li:last-child {width: 55%; padding: 0px 0px 0px 20px;}

	#sub1_1 .pp_box > div > ul > li > img {
		width: 100%;
		max-width: 100%;
		vertical-align: middle;
		margin-bottom: 0px;
	}

	#sub1_1 .pp_box > div h2 {text-align: left; word-break: keep-all; margin-bottom: 5px;}

	#sub1_1 .pp_box > div h5 {
		margin: 0px 0 10px 0;
	}

	#sub1_1 .pp_box > div p {
		color: #222;
		margin: 5px 0 5px 0;
		display: flex;
		flex-direction: row;
		align-items: center;
		font-size: 16px;
	}

	#sub1_1 .pp_box > div p > a {font-size: 14px;}

	#sub1_1 .pp_box > div p:last-child {
		margin: 10px 0 0px 0;
	}

	#sub1_1 .pp_box > div p img {margin-right: 5px;}

	
	#sub1_1 ul.m_church_ul li.img1 {float: left; width: 48.75%; margin-right: 2.5%;}
	#sub1_1 ul.m_church_ul li.img2 {float: left; width: 48.75%; margin-bottom: 26px;}
	#sub1_1 ul.m_church_ul li.img3 {float: left; width: 48.75%;}

	#sub1_1 ul.m_church_ul li.img1 > img {width: 100%; height: auto;}
	#sub1_1 ul.m_church_ul li > img {width: 100%;}


	#footer{ margin-top:100px; }
	.nav > ul > li > ul{background:#fff}

/* 공통 */
    .sub {width: 100%; max-width: 1200px; margin: 0 auto; display: block; padding: 0 10px;}
    .sub_text {width: 100%; max-width: 1200px; margin: 0 auto; display: block; font-family: 'NanumGothic'}
	.camera_wrap .camera_pag .camera_pag_ul{margin-right:-30px !important}
	.mb_nav > li a{cursor:pointer}
	.sub_util span{color:#aaa}
	.sub_util span a{padding:0 5px;color:#888}
	.sns_icon li a{background:url(/images/sns_icon.png) no-repeat}
	.util_btn{background:url(/images/bg1.png) no-repeat}
	.util_cont section nav{cursor:pointer}
	.util_cont .cl-effect a h5{height:18px}
	.mb_btn{background:url(../images/bg2.png) no-repeat}
	.mb_nav > li > a > span{background:url(../images/bg5.png) no-repeat right bottom}

	.lnb{border-bottom:1px solid #ddd}
	.lnb > .sub_menu{position:relative;max-width:1200px;margin:0 auto}
	.lnb > .sub_menu .sub3{position:absolute;top:50px;left:0}
	.lnb > .sub_menu .sub3 li{width:170px;height:40px;border:1px solid #245c90;margin:10px 5px;padding:0; display: none;}
	.lnb > .sub_menu .sub3 li a{color:#245c90;text-align:center;padding:11px 0 0;width:100%;height:100%;display:block;;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
	.lnb > .sub_menu .sub3 li a:hover{background:#245c90;color:#fff;;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

/* 설교게시판 */
	.board{clear:both;max-width:1200px;width:100%;margin:0 auto}
	.sermon{clear:both}
	.sermon dl dt a{font-size:16px}
	.sermon dl dd ul li{font-size:14px;color:#888}
	.sermon dl dd ul li strong{color:#444}
		#submitForm{width:100%;max-width:1200px;margin:0 auto}
	.vodList > div a p span{font-size:13px}
	.con_vod .vod_left h2{width:100% !important;margin-top:10px !important}
	.con_vod .vod_left h2 img{position:relative;top:10px}
	.searchBox .right > select{font-family:"NotoSans", sans-serif;height:34px}
	.searchBox .right input[type="text"]{height:34px;margin-right:37px}
	.searchBox .right > a{position:absolute;right:0;bottom:0;line-height:0}

/* 앨범게시판 */
	.defaultWrite > table{width:100%}
	.defaultBoard{width:100%;max-width:1200px;margin:0 auto;font-size:14px}
	.defaultBoard table{width:100%}
		.albumList{max-width:1150px}
		.albumList > div{margin:0 5px 20px}
		.albumList > div a p span{font-size:13px}
	.searchBox{padding:20px 0 10px}
	.searchBox input[type="text"]{max-width:200px !important;height:35px}
		.board .right{margin-right:10px;position:relative}
		.board .overflow{margin-bottom:100px}

/* 행사게시판 */
	.vodList {width: 100%; max-width: 1200px;}
	.vodList > div {padding-bottom:15px; padding: 15px; margin: 0px 25px 25px 0px;}
	.vodList > div:nth-child(5n) {margin: 0px 0px 25px 0px;}
	.vodList > div a {padding: 0px 0 0 0;}

	.vodList > div a p {padding: 0px 0 0 0;}

	.vodList > div a strong{width:95%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.vodList > div p{ padding-left: 0px; }

	.vodList > div > p.btns a {height: auto;}
	.vodList > div a img {width:100%; border: 1px solid #ddd;}

/* 웹진게시판 */
	.blog ul li .img{position:relative;width:230px;max-width:500px;height:130px;overflow:hidden}
	.blog ul li .img img{width:100% !important;height:170px}
	.blog ul li .txtBox{width:65%}
	.blog ul li .txtBox a strong{padding:18px 0 10px;font-size:18px}
	.blog ul li .txtBox a p{width:100%;height:20px;font-size:15px;color:#666;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.blog ul li .txtBox a span{font-size:15px;color:#666}
		.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
		.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

	._pgUPDN{display:none !important}


/*이달의 행사*/
.date{width: 100%; max-width: 1200px; margin: 50px auto 0; display: block;}
.tCalendar {width: 100%; max-width: 1200px; margin: 0 auto; display: block;}
.tWeek table {width: 100%; max-width: 1200px; margin: 0 auto;}
.defaultBoard .date {margin: 0; display: table-cell}
.calendar {width: 100%; max-width: 1200px; margin: 0 auto;}
.schedule p {text-align: center;}
/* 반응형 */


	@media(max-width:1240px){
		.vodList {width: 95%; max-width: 1200px; display: flex; flex-direction: row; flex-wrap: wrap;}
		.vodList > div:nth-child(5n) {margin: 0px 30px 25px 0px;}
		.vodList > div:nth-child(4n) {margin: 0px 0px 25px 0px;}

		#sub1_1 .top ul li.text3 p {width: 95%; margin: 30px auto;}
		#sub1_1 ul.m_church_ul {width: 95%; margin: 0 auto;}
		#sub1_1 .top {width: 95%; margin: 0 auto;}
	}
	@media(max-width:1200px){
		#sub1_1 .top p br{display:none}
		#sub1_1 .top p.sub02_phrases br{display:block;}
		#sub1_1 .greetings_box .text_box p br {display: block;}
	}
	@media(max-width:1170px){
		.albumList{max-width:920px}
		
		.vodList > div {width: 23.125%; padding-bottom:15px; padding: 15px; margin: 0px 20px 25px 0px;}
		.vodList > div:nth-child(5n) {margin: 0px 20px 25px 0px;}
		.vodList > div:nth-child(4n) {margin: 0px 0px 25px 0px;}

		#sub1_1 .pp_box > div { width: 48.75%; max-width: 585px;}
	}
	@media(max-width:1000px){
		.sub_menu{display:none}
		.visual{height:230px}
		.visual img{width:1700px;margin-left:-850px}
		#sub1_1 .top h4{padding-top:50px}
		#sub1_1 .bot .box li p br{display:none}

		#sub1_1 h4 { font-size: 40px; font-weight: 600;}

		#sub1_1 .greetings_box .img_box p {width: 100%;}
		#sub1_1 .greetings_box .img_box { width: 100%; max-width: 228px; }
		#sub1_1 .greetings_box .text_box { width: calc(100% - 228px); padding-left: 30px;}

		#sub1_1 .top p.sub03_phrases {font-size: 22px; word-break: keep-all; line-height: 32px; padding: 0px 0px 0px 14px;}
		#sub1_1 .top p.sub03_phrases::before {width: 3px; height: 26px; left: 0; top: 2.5px;}

		#sub1_1 ul.contents_ul4 li.text3 h3.sub03_phrases {font-size: 22px; word-break: keep-all; line-height: 32px; padding: 0px 0px 0px 14px;}
		#sub1_1 ul.contents_ul4 li.text3 h3.sub03_phrases::before {width: 3px; height: 26px; left: 0; top: 2.5px;}

		#sub1_1 .top ul li.text3 p {width: 100%; margin: 20px auto;}
		#sub1_1 ul.contents_ul4 li.img { width: 45.5%; max-width: 546px; }
		#sub1_1 ul.contents_ul4 li.text3 { width: 62.5%; padding: 0px 0px 0px 30px; }
		#sub1_1 ul.contents_ul4 li.text3 p.give_contents {padding-left: 16px;}
		#sub1_1 ul.contents_ul4 li.text3 p.give_end {padding-left: 16px; font-size: 18px;}
		#sub1_1 ul.contents_ul4 li.text3 p.give_link {padding-left: 16px;}
		#sub1_1 ul.contents_ul4 li.text3 p.give_contents2 {padding-left: 16px;}
	}
	@media(max-width:940px){
		.albumList{max-width:690px}
	}
	
	@media(max-width:870px){		
		.vodList > div {width: 30.83333333333333%; padding-bottom:15px; padding: 15px; margin: 0px 3.750000000000005% 25px 0px;}
		.vodList > div:nth-child(5n) {margin: 0px 3.750000000000005% 25px 0px;}
		.vodList > div:nth-child(4n) {margin: 0px 3.750000000000005% 25px 0px;}
		.vodList > div:nth-child(3n) {margin: 0px 0px 25px 0px;}

	}

	@media(max-width:800px){
		.visual{display:none}
		.sub_util span{font-size:12px}
		.menu_3D li a{font-size:15px;letter-spacing:-0.5px}
		#sub1_1 h5{font-size:20px}
		#sub1_1 .top h5{background:none;margin:15px 0 22px 0}
		#sub1_1 .top h5 i{display:none}
		#sub1_1 .top h5 span{padding:0 10px}
		#sub1_1 .bot h6{width:230px;margin-left:-115px;font-size:15px}
		#sub1_1 .bot .box li:first-child{float:none;width:100%;margin:0 auto}
		#sub1_1 .bot .box li:last-child{float:none;width:100%;text-align:center;padding:8px 0 0 0}
		#sub1_1 .bot .box li img{max-width:125px;min-width:125px}
		#sub1_1 .bot .box li h5 span{font-size:15px;margin-left:15px}
		#sub1_1 .bot > p{font-size:15px;line-height:26px}
		#sub1_1 .bot > p br{display:none}
	}
	@media(max-width:767px){
		#sub1_1 h4 {font-size:30px;}

		#sub1_1 .top ul li.text3 p {width: 100%; font-size: 18px; line-height: 32px; margin: 20px auto 20px auto;}
		#sub1_1 ul.m_church_ul {width: 90%; margin: 0 auto;}
		#sub1_1 .top {width: 90%; margin: 0 auto;}

		#sub1_1 .top ul.school_text_list {flex-direction: column; margin: 10px 0px 0px 0px;}
		#sub1_1 .top ul.school_text_list li.img  {width: 100%; margin: 10px 0px 20px 0px;}
		#sub1_1 .top ul.school_text_list li.text { padding: 0 0 15px 0px; }



		.blog ul li .img{width:230px;height:130px;margin-right:20px}
		.blog ul li .img img{height:170px}
		.blog ul li .txtBox{width:50%}

		#sub1_1 .top p.sub01_phrases {font-size: 20px; line-height: 36px; margin: 30px 0px 30px 0px;}
		#sub1_1 ul.contents_ul { flex-direction: column; }
		#sub1_1 ul.contents_ul li.img {width: 100%;}
		#sub1_1 ul.contents_ul li.text {width: 100%; padding: 30px 0px 0px 0px;}
		#sub1_1 ul.contents_ul li.text p {line-height: 30px}

		#sub1_1 .greetings_box { margin-top: 30px; flex-direction: column; align-items: center;}
		#sub1_1 .greetings_box .img_box { width: 100%; max-width: 228px; }
		#sub1_1 .greetings_box .text_box h6 {font-size: 20px; margin-top: 15px; margin-bottom: 15px;}
		#sub1_1 .greetings_box .text_box {width: 90%; padding-left: 0px;}

		#sub1_1 .top ul li.text3 ul.school_text_list2 { flex-direction: column; }
		#sub1_1 .top ul li.text3 ul.school_text_list2 li {margin: 0px 0px 20px 0px;}
		#sub1_1 .top ul li.text3 ul.school_text_list2 li:last-child {margin: 0px 0px 0px 0px;}


		#sub1_1 ul.contents_ul4 {flex-direction: column;}
		#sub1_1 ul.contents_ul4 li.img {width: 100%;}
		#sub1_1 ul.contents_ul4 li.img img {width: 100%;}

		#sub1_1 ul.contents_ul4 li.text3 { width: 100%; padding: 35px 0px 0px 0px; }
		#sub1_1 ul.contents_ul4 li.text3 p.give_contents {padding-left: 0px;}
		#sub1_1 ul.contents_ul4 li.text3 p.give_end {padding-left: 0px; font-size: 18px;}
		#sub1_1 ul.contents_ul4 li.text3 p.give_link {padding-left: 0px;}
		#sub1_1 ul.contents_ul4 li.text3 p.give_contents2 {padding-left: 0px;}


		.scroll_guide { display: block; min-width: 100%; }
		.overflow { width: 100%; overflow: auto; }
		.overflow table { min-width: 767px; }

		#sub1_1 ul.img_text_list { margin-bottom: 30px; flex-direction: column; }
		#sub1_1 ul.img_text_list li.text {padding-left: 0px;}
		#sub1_1 ul.img_text_list li.img {padding-left: 0px;}
		#sub1_1 ul.img_text_list li.img img {width: 100%;}
		#sub1_1 ul.img_text_list li.text > b {margin-top: 12px;}

		#sub1_1 ul.m_church_ul li.img1 {float: left; width: 100%; margin-right: 0%; margin-bottom: 20px;}
		#sub1_1 ul.m_church_ul li.img2 {float: left; width: 100%; margin-bottom: 20px;}
		#sub1_1 ul.m_church_ul li.img3 {float: left; width: 100%;}

		#sub1_1 .pp_box > div {padding: 20px;}
		#sub1_1 .pp_box > div > ul {flex-direction: column;}
		#sub1_1 .pp_box > div > ul > li:first-child {width: 100%;}
		#sub1_1 .pp_box > div > ul > li:last-child { width: 100%; padding: 20px 0px 0px 0px; }

		.vodList {justify-content: center;}
		.vodList > div {width: 48.75%; padding-bottom:15px; padding: 15px; margin: 0px 2.5% 25px 0px;}
		.vodList > div:nth-child(5n) {margin: 0px 2.5% 25px 0px;}
		.vodList > div:nth-child(4n) {margin: 0px 2.5% 25px 0px;}
		.vodList > div:nth-child(3n) {margin: 0px 2.5% 25px 0px;}
		.vodList > div:nth-child(2n) {margin: 0px 0px 25px 0px;}
	}
	@media(max-width:710px){
		.albumList{max-width:460px}
		#top_btn{display:none !important}
	}
	@media(max-width:600px){
		.blog ul li .img{width:120px;height:80px;margin-right:15px}
		.blog ul li .img img{height:100px}
		.blog ul li .txtBox{width:47%}
		.blog ul li .txtBox a strong{padding:3px 0 5px;font-size:16px}
		.blog ul li .txtBox a p{font-size:13px;margin-bottom:5px}
		.blog ul li .txtBox a span{font-size:13px}

		#sub1_1 .top ul li.text3 p { font-size: 16px; line-height: 32px; padding-left: 15px; }


		

		#sub1_1 .pp_box > div {width: 100%; padding: 20px;}
		#sub1_1 .pp_box > div > ul {flex-direction: column;}
		#sub1_1 .pp_box > div > ul > li:first-child {width: 100%;}
		#sub1_1 .pp_box > div > ul > li:last-child {width: 100%; padding: 20px 0px 0px 0px;}
		#sub1_1 .pp_box > div h2 {font-size: 18px;}
	}
	@media(max-width:480px){
		.albumList{max-width:230px}
		.searchBox input[type="text"]{width:150px}
		.searchBox .right > select{right:191px}

		#sub1_1 .greetings_box .text_box p br {display: none;}
	}
	@media(max-width:400px){
		#sub1_1 .bot .box li h5{margin:17px 0 20px 0;line-height:30px}
		#sub1_1 .bot .box li h5 span{margin-left:0;display:block}
	}
	@media(max-width:380px){
		.blog ul li{padding:25px 20px}

		.vodList {width: 70%; justify-content: center;}
		.vodList > div {width: 100%; padding-bottom:15px; padding: 15px; margin: 0px 0% 25px 0px;}
		.vodList > div:nth-child(5n) {margin: 0px 0% 25px 0px;}
		.vodList > div:nth-child(4n) {margin: 0px 0% 25px 0px;}
		.vodList > div:nth-child(3n) {margin: 0px 0% 25px 0px;}
		.vodList > div:nth-child(2n) {margin: 0px 0px 25px 0px;}
	}