

@media (max-width: 900px) {
		.juldae {display:block;width:80% !important}	
	}


@media (max-width: 700px) {
		.juldae {display:block;width:100% !important}	
	/*	.juldaephoto {display:none}*/
	}


/***** 공용레이아웃 *****/
/* 일반페이지에서 50:50 플렉스 컬럼일때 700이하면 1row 형태로 전환  이미지는 break point 1th ; 700px로 작성 */
.flex2colum_half {display:flex;width:100%;overflow:hidden;flex-wrap:wrap;box-sizing:border-box}

.flexleft {width:50%;padding:10px}
.flexleft .content_header {font-size:32px;font-weight:300;margin-top:10px;}
.flexleft .content_desc {margin-top:20px;letter-spacing:1;line-height:190% !important;text-align:justify}

.flexright {width:50%;padding:10px}
.flexright .content_header {font-size:32px;font-weight:300;margin-top:10px;}
.flexright .content_header2 {font-size:32px;font-weight:300;margin-top:30px;border:0px solid red}
.flexright .content_subheader {font-size:18px;font-weight:500;display:inline-block;width:100%;border:0px solid red}
.flexright .content_subheaderInline {font-size:18px;font-weight:500;}
.flexright .content_subTXT {display:inline-block;width:100%;margin-bottom:15px}
.flexright .content_bold {font-weight:700}
.flexright .content_desc {margin-top:20px;letter-spacing:1;line-height:190% !important;text-align:justify}
.flexright .content_descL {margin-top:20px;letter-spacing:1;line-height:190% !important;text-align:left}


	@media (max-width: 700px) {
			.flexleft {width:100%}
			.flexright {width:100%;margin-top:20px}
	}



/*2컬럼 80% - 20% */

.flex2colum_8020 {display:flex;width:100%;overflow:hidden;flex-wrap:wrap;box-sizing:border-box}

.flex2colum_8020 .flexleft {width:80%;padding:10px}
.flex2colum_8020 .flexleft .content_header {font-size:32px;font-weight:300;margin-top:10px;}
.flex2colum_8020 .flexleft .content_desc {margin-top:20px;letter-spacing:1;line-height:190% !important;text-align:justify}

.flex2colum_8020 .flexright {width:20%;padding:10px}
.flex2colum_8020 .flexright .content_header {font-size:32px;font-weight:300;margin-top:10px;}
.flex2colum_8020 .flexright .content_header2 {font-size:32px;font-weight:300;margin-top:30px;border:0px solid red}
.flex2colum_8020 .flexright .content_subheader {font-size:18px;font-weight:500;display:inline-block;width:100%;border:0px solid red}
.flex2colum_8020 .flexright .content_subheaderInline {font-size:18px;font-weight:500;}
.flex2colum_8020 .flexright .content_subTXT {display:inline-block;width:100%;margin-bottom:15px}
.flex2colum_8020 .flexright .content_bold {font-weight:700}
.flex2colum_8020 .flexright .content_desc {margin-top:20px;letter-spacing:1;line-height:190% !important;text-align:justify}
.flex2colum_8020 .flexright .content_descL {margin-top:20px;letter-spacing:1;line-height:190% !important;text-align:left}


	@media (max-width: 700px) {
			.flex2colum_8020 .flexleft {width:100%}
			.flex2colum_8020 .flexright {width:100%;margin-top:20px}
	}







/* 3컬럼 레이아웃 : 추후변경 */
.flexcolumjustify {display:flex;width:100%;overflow:hidden;flex-wrap:wrap;box-sizing:border-box;border:0px solid blue}
.flex3item {width:33.133%;padding:10px;border:0px solid red}


.flex3item  .content_header {font-size:32px;font-weight:300;margin-top:10px;}
.flex3item  .content_subheader {font-size:18px;font-weight:500;display:inline-block;width:100%;border:0px solid red}
.flex3item  .content_desc {margin-top:20px;letter-spacing:1;line-height:170% !important;text-align:justify}
.flex3item  .content_subTXT {display:inline-block;width:100%;margin-bottom:15px}


	@media (max-width: 700px) {
			.flex3item {width:100% }
	}



/* 1row flexbilebox */
.flex1colum100 {width:100%;text-align:justify;overflow:hidden;line-height:180%;padding:10px 0px}
.flex1colum80 {width:80%;margin:0 auto;text-align:justify;overflow:hidden;line-height:180%;padding:20px 5px}


/*고정픽셀 비율 breakpoint 800 : 800아래는 %로 전환


/***** 페이지별 *****/

/*컨텐츠 가로 / 세로 중간정렬 부모요소 position : relative 필요*/
.CenterMiddle {position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%)}



/*대표이사소개/소장소개 RWD video */

.RWDvideo {
  width: 100%;
  max-width: 900px;
  margin: 30px auto;
  border-radius: 30px;
  background-color: #ffffff;
  /*padding: 40px;*/
  box-sizing: border-box;
  /*box-shadow: 0px 8px 33px #999;*/
}

	@media (max-width: 800px) {
	  margin: 10px auto;
	}



.RWDvideo-container {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 50%;
}

.RWDvideo-container iframe {
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

/* radius box : 연혁 >년도 */
.yearBox {width:60%;margin:0 auto;background-color:#EEEEEE;color:#000000;border-radius:66px;text-align:center;font-weight:700;font-size:24px;padding:20px 30px;border:0px solid red }


/*mts교재소개  framework 외곽에 별도의 page id 줘서 제어 : 충동방지*/
/*	 #mtsbook > .ui .card {width:275px !important;border:0px solid red !important} /*프레임워크 재정의시 */

/*
	@media (max-width: 940px) {
	#mtsbook > .ui .card {width:250px !important;border:0px solid red !important}
	#mtsbook > .header {border:1px solid red;font-size:18px !important}
	#mtsbook > .card .content .meta .date {font-size:14px}
	}

	@media (max-width: 850px) {
	#mtsbook > .ui .card {width:230px !important;border:0px solid red !important}
	#mtsbook > .header {border:1px solid red;font-size:18px !important}
	#mtsbook > .card .content .meta .date {font-size:14px}
	}

	@media (max-width: 700px) {
	#mtsbook > .ui .card {width:47% !important;border:0px solid red !important}
	#mtsbook > .header {border:1px solid red;font-size:18px !important}
	#mtsbook > .card .content .meta .date {font-size:14px}
	}
*/


/*회원 + 마이페이지 */

.fixed800Wrap {border:0px solid red;width:800px;margin:0 auto;padding:10px 0}
	@media (max-width: 799px) {
		.fixed800Wrap {width:100%;border:0px solid red}
	}



.formRowWrap {width:100%;padding:10px 0;display:flex}
.formRowLeft {width:20%;border:0px solid blue;padding-top:10px;text-align:center}
.formRowRight {width:80%;border:0px solid blue}

.formMsgWrap {width:800px;padding:0;display:flex;margin-top:-10px}
	@media (max-width: 799px) {
		.formMsgWrap {width:100%;border:0px solid red}
	}


.commonInputBox100 {border-radius:4px !important;border:1px solid #CCCCCC;height:42px;padding:4px 14px;width:99% !important}
.commonInputBox90 {border-radius:4px !important;border:1px solid #CCCCCC;height:42px;padding:4px 14px;width:89% !important}
.commonInputBox80 {border-radius:4px !important;border:1px solid #CCCCCC;height:42px;padding:4px 14px;width:79% !important}
.commonInputBox50 {border-radius:4px !important;border:1px solid #CCCCCC;height:42px;padding:4px 14px;width:49% !important}
.commonInputBox30 {border-radius:4px !important;border:1px solid #CCCCCC;height:42px;padding:4px 14px;width:29% !important}
.commonInputBox10 {border-radius:4px !important;border:1px solid #CCCCCC;height:42px;padding:4px 14px;width:15% !important}
.commonSelectBox {border-radius:4px !important;border:1px solid #CCCCCC;height:42px;padding:4px 20px;}



.loginWrap {border:0px solid red;width:800px;margin:0 auto;padding:30px 0;text-align:center}
	@media (max-width: 799px) {
		.loginWrap {width:100%}
	}


.loginInputBox {border-radius:6px !important;border:1px solid #CCCCCC;height:60px;padding:5px 20px;width:99% !important}
.loginbottomBox {border-bottom:1px solid #CCCCCC;padding:10px 0 30px 0;width:auto;margin-top:16px;text-align:center}
.loginedBoxWrap {border-bottom:1px solid #CCCCCC;padding:10px 0 30px 0;width:auto;margin-top:16px;text-align:center}
.loginedBox {line-height:190%;width:100%;border:1px solid #CCCCCC;border-radius:12px;padding:24px 0;text-align:center !important}

.guidetext {
	border:0px solid red;
	display: inline-block;
    line-height: 20px;
    margin-top: 8px;
    padding-left: 26px;
    font-size: 13px;
    font-weight: 400;
    color: #7a7a7a;
    background: url('/images/icon_guide.png') no-repeat 0 0;
    letter-spacing: -0.04em;
    background-size: auto 18px;
	}

.errortext {
	border:0px solid red;
	display: inline-block;
    line-height: 20px;
    margin-top: 8px;
    padding-left: 26px;
    font-size: 13px;
    font-weight: 400;
    color: #f7444e;
    background: url('/images/icon_warn.png') no-repeat 0 0;
    letter-spacing: -0.04em;
    background-size: auto 18px;
	}

.formRowWrap  input:focus {
	outline:none;
    border-color:#9ecaed;
    box-shadow:0 0 10px #9ecaed;
}

/* 회원가입 동의 */
.joinagreeWrap {border:0px solid red;width:800px;margin:0 auto;padding:30px 0;text-align:center}

	@media (max-width: 799px) {
		.joinagreeWrap {width:100%}
	}

/*div 스크롤박스 */
.agreeBox {
	width:100%;
	padding: 20px;
    height: 133px;
    background: #f9f9f9;
    overflow-y: scroll;
    line-height: 170%;
    color: #888;}

.memberTextarea {padding:15px;line-height:170%;font-size:13px;width: 100%;height: 90px; margin-top:8px;border:1px solid #EEEEEE;color: #888;}

.noresize { 
	resize: none; /* 사용자 임의 변경 불가 */
	resize: both; /* 사용자 변경이 모두 가능 */
	resize: horizontal; /* 좌우만 가능 */
	resize: vertical; /* 상하만 가능 */
  }

/*검색결과 */
.searchkeywordWrap {font-size:20px;width:auto;margin-top:10px;border-bottom:1px solid #EEEEEE;padding:10px 0 20px 0;text-align:center}
.keywordbold {font-weight:700;font-size:20px}

.searchresultWrap {width:auto;margin-top:10px;border-bottom:1px solid #EEEEEE;padding:10px}
.searchresult_url {width:auto;padding:8px 0;font-size:14px}
.searchresult_subject {padding:8px 0;color:#0066ff !important;font-size:18px;font-weight:500;overflow:hidden;width:90%;border:0px solid red;text-overflow:ellipsis}
.searchresult_desc {width:auto;padding:8px 0}
.searchresult_regdate {width:auto;padding:8px 0;font-size:14px}


/*마이페이지 */
.mypageWrap {border:0px solid red;width:800px;margin:0 auto;padding:30px 0;text-align:left}

	@media (max-width: 799px) {
		.mypageWrap {width:100%}
	}


/* 스크랩 */
.scrapSubject {font-weight:700;padding:10px 0}
.scrapDate {font-size:14px;color:#adadad}
.scrapDesc {padding:10px 0}
.nbold {font-weight:700 !important;font-size:16px}
.nboldred {font-weight:700  !important;color:red}
.nboldblue {font-weight:700  !important;color:blue}
.nboldgreen {font-weight:700  !important;color:green}


.normaldivBoxCenter {width:100%;text-align:center;line-height:190%;border:0px solid red;margin-bottom:20px;padding:10px 0}
.normaldivBoxLeft {width:100%;text-align:left;line-height:190%;border:0px solid red;margin-bottom:20px;padding:10px 0}

.marginT10 {margin-top:10px !important}
.marginB10 {margin-bottom:10px !important}
.marginT50 {margin-top:50px !important}
.marginB50 {margin-bottom:50px !important}

.paddingT10 {padding-top:10px !important}
.paddingB10 {padding-bottom:10px !important}
.hline {border-top:1px solid #EEEEEE;height:1px;width:100%;margin:20px 0}
.redbold {font-weight:900;font-size:14px;color:red;display:inline-block;padding-right:4px}
.etcheader1 {font-size:16px;font-weight:900;padding:6px 0}
.etcheader2 {font-weight:700;padding:6px 0}


/*교회홈페이지 생성 */
.createHomepagebtn > button{display:inline-block !important;margin-top:5px !important;border:3px solid red}

/*find ID PW*/
.findWrap {width:600px;border:0px solid red;margin:0 auto}
	@media (max-width: 600px) {
		.findWrap {width:80%}
	}

.findIDPWtitle {width:100%;text-align:center;padding:30px;line-height:200%}
.findIDPWguide {width:100%;line-height:180%;margin-top:20px}
.findIDPWresult {width:99%;line-height:180%;padding:50px 0px;text-align:center;border:1px solid #CCCCCC;border-radius:8px}

/* search */
.ft16px { font-size:16px !important}
.ftnormal {font-weight:500 !important}
.searchword {display:inline-block;background-color:#EEEEEE;padding:8px 14px 10px 14px;border-radius:8px;margin:0 2px;font-size:14px}

textarea:focus {
  outline: none;
}
button:focus {
  outline: none;
}
input:focus {
  outline: none;
}

/*검색 */
#searchWraper {height:140px;border:0px solid red;width:100%;margin:0 auto;max-width:1180px !important;padding-top:20px}
#searchContent {width:60%;margin:0 auto;border:0px solid green;}
.searchInput {border:1px solid #CCCCCC;width:100%;overflow:hidden;border-radius:60px !important;padding-left:20px}
.searchInputTXT {box-sizing:border-box;width:92%;border:0px solid #CCCCCC;padding:16px;font-size:18px}
	@media (max-width: 800px) {
		.searchInputTXT {box-sizing:border-box;width:86%;border:0px solid #CCCCCC;padding:16px;font-size:18px}
	}
	@media (max-width: 520px) {
		.searchInputTXT {box-sizing:border-box;width:82%;border:0px solid #CCCCCC;padding:16px;font-size:18px}
	}

#recentkeyWord {height:38px !important;clear:both;width:100%;border:0px solid red;margin-top:15px;text-align:center !important ;overflow:hidden}


/*상단공지배너*/
#searchWraper {}


/*하단 go top button */
      .scrolltop {
        display: none;
        position: fixed;
        right: 30px;
        bottom: 50px;
        z-index: 1030;
        font-size: 1.875rem;
        color: #868e96;
        transition: all 0.5s ease-in-out;
        opacity: 0.8;
      }
      .scrolltop:hover,
      .scrolltop:focus {
        color: #dc3545;
        transition: all 0.5s ease-in-out;
      }

/* 설교자 */
.dataListWrap {with:100%;padding:20px;border:1px solid #dbdbdb;border-radius:20px;overflow:hidden;margin-bottom:10px}
	.dataListContent {height:110px;display:flex;flex-wrap:no-wrap;border:0px solid red}
	.preacherProfile {border-radius:50%;max-width:100%}
	.dataItem1 {flex-shrink:0;width:100px;border:0px solid blue}
	.dataItem2 {flex-grow:1;border:0px solid orange !important;padding:0px 10px 0px 20px}
	.dataItem3 {flex-shrink:0;width:100px;border:0px solid black;text-align:center;line-height:100px}

.dataViewWrap {with:100%;padding:20px;border:1px solid #EEEEEE;overflow:hidden;margin-bottom:10px}
.dataPreacherWrap {with:100%;overflow:hidden;margin-bottom:10px}
	.dataViewContent {height:auto;display:flex;flex-wrap:no-wrap;justify-content: space-between;border:0px solid red}
	.dataViewItem1 {flex-shrink:0;width:140px;border:0px solid blue;padding-top:10px}
	.dataIViewtem2 {flex-grow:1;border:0px solid blue !important;padding:7px 10px 0px 20px;line-height:170%}
	.dataViewSubject {font-weight:700;font-size:20px;text-align:center}
	.dataViewDesc {line-height:170%}

.pagingDiv {width:100%;margin-top:30px;padding:20px 0;text-align:center}

/* display */
.dp_inlineblock {display:inline-block;width:100%;margin-bottom:15px;clear:both}
.dp_inlineblockT {display:inline-block;width:100%;margin-bottom:15px;clear:both;margin-top:15px}

/* align */
.align_left {text-align:left}
.align_center {text-align:center}
.align_right {text-align:right}

/* auto cut str */
.autoCutstr {
	border:0px solid blue;
	width:calc(100% - 30px);
	overflow:hidden !important;
	text-overflow:ellipsis !important;
	white-space: nowrap !important;
}

/*레이아웃이 깨지는걸 막기위해 영상정보처리방침은 가린다 */
@media (max-width: 600px) {
	.movieguide { display:none }
}

