@charset "utf-8";

/* —————————————————————————————————

반응형 모바일 17.02.07 jiyeon start

————————————————————————————————— */

.headqTitle h2{text-align:left; font-size:26px; font-family:georgia; color:#444; font-style:italic; font-weight:normal; padding:26px 0 23px 0; text-shadow:#ccc 1px 1px 3px}
/* 슬라이드 */
.headq-header{position: relative}
.headq-header .swiper-container-horizontal{display:none}
.headq-header .headqTitle{margin-left:50px}
.headqSub h3{font-size:0 ;line-height:0}

.introSubject h3, .jeSubject h3{font-size:0;line-height:0}

.m-family-img{display:none}
.official .explain {font-size: 0}

/* —————————————————————————————————
모바일 미디어쿼리 시작 ➠➠➠➠➠
————————————————————————————————— */

@media(max-width:960px){

html, body.bgAll{font-family:'Open Sans', Open Sans, "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo" !important}
.subArea .introStyle{font-family:'Open Sans', Open Sans, "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo" !important}

.introM{width:100%; margin:0 auto; padding:17px 0 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:#fff; height:auto; background-size:660px}
.introTitle{padding:0 15px}

.greetings, .headQ, .facilities, .family{width:100%; margin:0 auto; padding:17px 15px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:#fff; height:auto !important; background-size:660px}
.introTitle h2, .greetings h2, .headqTitle h2, .jerTitle h2, .facilities h2, .family h2{text-align:left; font-size:14px; font-family:inherit; color:#2D82D7; font-style:normal; font-weight:normal; padding:0; text-shadow:none; letter-spacing:0; height:auto}

.introSubject h3 img{display:none}
.introTop h4{width:100%; padding:20px 0}
.introM h4 img{width:100%; padding:0}
.introM .content{padding:0; width:100%; padding:20px 15px; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.introM .left{float:none; width:100%; padding:0; border-top:1px solid #e6e6e6}
.introM .conTitle{float:none; width:100%; margin:0; padding:20px 0 0;}
.introM .conList img{float:none; max-width:100%; height:100%; vertical-align:top}
.introM .biblePas, .jeSubject .biblePas{text-align:left; font-size:14px; font-family:inherit; color:#333; padding:0 30px; line-height:1.5; position:relative; margin-bottom:20px}
.introM .biblePas span{display:block ; margin-top:10px; color:#999; font-size:12px}
.biblePas .point{margin-top:0px}
.introM .biblePas::before{content:''; display:inline-block; height:100%; width:2px; background:#2D82D7; position:absolute; left:15px}
.introM .explain{text-align:left; font-size:14px; font-family:inherit; color:#777; padding:0 15px !important; letter-spacing:0; line-height:1.5; font-weight:400}
.introM .conList{position:relative; text-align:center}
.introM .con .thum{padding:10px 0}
.introM .conTitle h4{font-size:16px; color:#333; font-family:inherit; padding-bottom:10px; line-height:1.5; font-weight:600; letter-spacing:-0.03em}
.introM .conTitle p{text-align:left; font-size:14px; font-family:inherit; color:#777; letter-spacing:0; line-height:1.5; margin-bottom:20px; font-weight:400}
.btnChurch{display:none}


.greetings .sub, .headQ .headqCon h4, .jerusalem .subTitle, .facilities .sub, .official .siteLink .ex01, .familyCon .partTitle{font-size:16px; color:#333; font-weight:600; padding:10px 0 20px 0; font-style:normal; text-shadow:none; margin:0; width:auto; border:0;font-family:inherit}
.greetings .sub br, .facilities .sub br{display: none}

.greetings .greetCon .con, .greetCon2 p.con2, .greetCon2 p, .headQ .explain,
.jerEx p, .jerusalem .explain, .facilities .des{width:100%; text-align:left; font-size:14px; color:#777; padding:0; letter-spacing:0; line-height:1.5; margin-bottom:20px; font-family:inherit; font-style:normal; text-shadow:none; font-weight:normal}

.greetSub{font-size:16px; font-family:inherit}
.greetings .greetCon{float:none; width:100% !important}
.greetings .minister{display: none;}
.greetings .greetCon2{clear:none; width:100%; padding:0 0 275px; background:url(images/welcome_bg.jpg) center bottom 20px no-repeat; background-size:190px; height:100%}
.greetings .greetCon2 .img{display: none;}
.greetings .greetCon2 img{display: none;}
.greetings .greetCon2 p{float:none; width:100%;}
.greetings .rev{color:#333; font-size:12px}
.greetings h3{font-size:23px; text-align:left; padding:0; line-height:1.3; margin-top:10px; font-family:inherit; font-style:normal; font-weight:600; color:#333}

.headQ .headqTop{width:100%}
.headQ img{width:100%; margin:5px 0 50px}
.headQ .headqCon h4{padding:15px 0}
.headQ .headqBimg{float:none; width:338px; display:table; zoom:1}
.headQ .headqSub{float:none; width:100%}
.headQ .headqSimg img{width:33.3333333%; padding:0 !important}
.headQ .headqSimg img{border:2px solid #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.headQ .headqSimg img:first-child{border-right:2px solid #fff}
.headQ .headqSimg img:last-child{border-left:2px solid #fff}
.headQ .headqBimg{margin:15px 0; width:100%; background:#111}
.headQ .stepcarousel{height:505px !important; margin:0 auto}
.headQ .stepcarousel .panel{margin:0 !important}
.headQ .stepcarousel .panel img{padding:0; margin:0}
.headQ #mygallery-paginate img{display:none}
.headQ .headqBimg{display:none}
.headQ .headqSub h3 img{display:none}
.headqSub h3{font-size:23px; text-align:left; padding:0; line-height:1.3; margin-bottom:10px; font-family:inherit; font-style:normal; font-weight:600; color:#333}

.biblePas02 span{display:block ; margin-top:10px; color:#999; font-size:12px}
.biblePas span{display:block ; margin-top:10px; color:#999; font-size:12px}
.jerusalem .passage{display:block; margin-top:10px; color:#999; font-size:12px}

/* 슬라이드 */
.headq-header{background:#fff; padding:17px 15px 0}
.headq-header .swiper-container-horizontal{display:block}
.headq-header .swiper-button-next{opacity:0!important}
.headq-header .swiper-button-prev{opacity:0!important}
.headq-header .swiper-container{max-width:338px;height:100%;margin-top:10px;position:relative}
.headq-header .swiper-container-horizontal > .swiper-pagination-bullets{position:relative;bottom:0;padding:20px 0 0;text-align:center}
.headq-header .swiper-pagination-bullet{width:30px; height:2px; border-radius:0}
.headq-header .headqTitle{margin:0}
.headQ .headqSimg{width: 100%; height: 100%; display: inline-block; padding-bottom: 30px; border-bottom:1px solid #e6e6e6; margin-bottom: 10px}


 /* —————————————————————————————————
jerusalem
————————————————————————————————— */
.jerusalem{width: 100%; margin: 0 auto; padding: 17px 0 330px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; background:#fff  url(images/jeru_bg.jpg) left bottom no-repeat}
.jerTop{width:100%; margin:0 auto; padding:0 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.jerusalem .jeSubject, .jerEx{width:100%}
.jerusalem .jeSubject h4{margin:10px 0 20px}
.jerusalem .jeSubject h4 img{width:100%}
.jerImg{float:none; width:100%; vertical-align:top}
.jerImg img{width:50%; border:3px solid #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.jeSubject h3{font-size:23px; text-align:left; padding:0 15px; line-height:1.3; margin-bottom:20px; font-family:inherit; font-style:normal; font-weight:600; color:#333}
.jeSubject h3 img{display:none}
.jeSubject .biblePas::before{content:''; display:inline-block; height:100%; width:2px; background:#2D82D7; position:absolute; left:15px}
.jerCon{clear:none; width:100%; margin:0 auto; display:inline-block; padding:0 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.jerCon02{clear:both; float:none; width:100%}
.jerusalem .biblePas02{text-align:left; font-size:14px; font-family:inherit; color:#333; padding:0 15px; line-height:1.5; position:relative; margin-bottom:20px}
.jerusalem .biblePas02::before{content:''; display:inline-block; height:100%; width:2px; background:#2D82D7; position:absolute; left:0}
.jerusalem .point{display: inline-block}
.jerCon01 br, .jerCon02 br{display: none}
	
/* —————————————————————————————————
facilities
————————————————————————————————— */
.facilities .thum{font-size:23px; color:#333; font-weight:600; letter-spacing:0;padding:10px 0 0; font-family:inherit }
.facilities .facCon, .facilities .facCon02{width:100%; height:auto; padding:0 0 20px; margin:0 0 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-bottom:1px solid #E6E6E6}
	.facilities .facCon02{border:0}
.facilities .facEx{float:none; width:100%}
.facilities .fGallery{float:none; width:100%;padding:0}
.facilities .fGallery iframe{width:100%}

.official .explain{font-size: 23px}
.official .siteLink{margin:0}
.official .siteLink p{color: #EC2031; font-family: inherit; font-size: 12px; background: 0; padding: 0 15px !important; border: 1px solid #EC2031; display: inline-block; height: 29px; line-height: 2.5; border-radius:2px}
.official .siteLink .ex02{font-size:12px; font-family:inherit}
.official .siteLink .ex03{font-size:12px; font-weight:600; margin:0; font-family:inherit}
.btnRead{margin:0; height:auto; padding:10px 0; font-family:inherit}
.btnRead a, .btnRead a .learn{font-size:15px; color:#2D82D7; font-style:normal; background:0; border:0; padding:0; text-align:left; width:100%; font-family:inherit}
.btnRead a::after{content:''; display:inline-block; background:url(/images/website-arrow@2x.png); background-size:5px; width:5px; height:8px; margin-left:4px; position:relative; top:-1px}

.familyCon{width:auto; border-top:1px solid #e6e6e6; padding:10px 0}
.familyCon dl:nth-child(9){border:0}
.familyCon dl:last-child{border:0}
	
.familyCon dl{margin:0; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:2px solid #fff; height:100%;overflow: hidden;/*!  *//*!  */border-bottom: 1px solid #e6e6e6;padding: 10px 0;border-top: 0;}
.familyCon dt{width:80px;float: right;height: auto;margin: 0;}
.familyCon dt a img{width:80px; height:auto;position: relative;}
.familyCon dd{width:calc(100% - 80px); font-size:14px;  font-family:inherit; font-weight:600;color: #333;/*!  *//*!  *//*!  */padding-top: 9px;padding-right: 10px;vertical-align: top;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.familyCon dd:nth-child(3){padding-top: 0;}
.familyCon dd a{font-size:12px; color:#2D82D7; font-weight:normal; font-family:inherit;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;width: 100%;}
.familyCon dd a::after{content:''; display:inline-block; background:url(/images/website-arrow@2x.png); background-size:5px; width:5px; height:8px; margin-left:4px}
.familyCon .partTitle{padding: 30px 0 20px 0;}

#korean01, #korean02, #korean03,  #korean04,  #korean05,  #korean06,  #korean07,  #korean08, 
	#languages01,  #languages02, #languages03,  #languages04,  #languages05,  #languages06,  #languages07,  #languages08{display: none} 
.btnRead a:hover .learn{color:#2D82D7}
.btnRead a:hover{color:#2D82D7; border:0; font-style:normal}

.jerEx{width:100% !important}
	
.facBtn{height:34px; font-size:14px; font-family:inherit; padding:0 0 0 0; margin-bottom:10px}
.facBtn a{width:115px; height:22px; text-align:left; color:#2D82D7; padding:0 !important; display:inline-block; background:0; line-height:1.0 !important}
.facBtn a::after{content:''; display:inline-block; background:url(/images/website-arrow@2x.png); background-size:5px; width:5px; height:8px; margin-left:4px; position:relative; top:0}
.facBtn a .grayFont{color:#2D82D7; font-style:normal}
.facBtn a:hover .grayFont{color:#2D82D7}
.facBtn a:hover{text-decoration:none; background:0; opacity:0.8}

.explain{font-size:23px; text-align:left; line-height:1.3; margin:10px 0 20px; font-family:inherit; font-style:normal; font-weight:600; color:#333}
.explain img{display:none}
.m-family-img{display:block; width:100%; text-align:center; margin:20px 0 10px}
.m-family-img img{max-width: 100%}

.headQ .headqTop{min-height: auto;}
}