div, p , td{-ms-word-break: keep-all;
word-break: keep-all;}

#directPopup{background-color: rgba(255,255,255,.4);}
#mainTop { padding:30px 0 60px; position:relative; }
#mainTop #snsBtn { position: fixed;bottom: 30px;right: 30px;z-index: 99999;}
#mainTop .container-fluid { -webkit-box-shadow: 4px 3px 7px 2px rgba(122,122,122,0.74); -moz-box-shadow: 4px 3px 7px 2px rgba(122,122,122,0.74); box-shadow: 4px 3px 7px 2px rgba(122,122,122,0.74); }  
#mainTop .slide-box { max-width:46.51%; }
#mainTop .content-box { max-width:53.489%; }
.content-row1, .content-row2, .content-row3 { width:100%; }  
.cont-box { float:left; height:280px; position:relative; padding:30px 15px; }
.cont-box a { text-decoration:none; }
.cont-box h2 { margin:0; font-size:23px; font-weight:bold; }
.cont-box1, .cont-box4 { width:50%; }
.cont-box1 p { clear:both; font-size:18px; color:#fff; margin:60px 0 5px; }
.cont-box2, .cont-box3, .cont-box5, .cont-box6, .cont-box7, .cont-box8, .cont-box9, .cont-box10, .cont-box11 { width:25%; } 
.cont-box1 { background:#56607B; }
.cont-box1 .sermon-cont { text-align:right; }
.cont-box1 .sermon-cont img { float:right; max-width:40px; margin-left:50px; margin-top:10px; }
.cont-box1 .sermon-cont a { font-size:22px; text-decoration:none; color:#fff; font-weight:bold; }
.cont-box1 .sermon-cont > a:nth-child(4){overflow: hidden;white-space: normal;line-height: 1.4;
word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
text-align: right;float: right;width: 55%;height: 2.8em;word-break:keep-all;}
.cont-box1 .sermon-cont ul {font-size: 17px;margin: 10px 0 0;color: #fff;float: right;width: 100%;}
.cont-box1 .sermon-cont h3 { font-weight:bold; color:#fff; margin:0; font-size:24px; }
.cont-box1 #sermon-pastor { position:absolute; bottom:0; left:8px; }
.cont-box2, .cont-box6, .cont-box9 { background: #AE9B8A; }
.cont-box4 { background:#E2E9F1; }
.cont-box4 ul { margin:30px 0 0; font-size:18px; }
.cont-box4 ul li { overflow:hidden; padding:5px 0; font-weight:bold; }
.cont-box4 span { float:right; }
.cont-box4 .more { font-size:18px; border:2px solid #333; padding:0px 13px; font-weight:bold; text-decoration:none; color:#333; }
.cont-box4 .more:hover { background:#333; color:#fff; transition:.2s all; }
.cont-box3, .cont-box5, .cont-box7, .cont-box10 { background:#F5F5F5; }
/*
.cont-box5 { background:url(../../../Layouts/daekwangch_newLayout/Images/training_bg.png) no-repeat; }
*/
.cont-box8 { background:url(../../../Layouts/daekwangch_newLayout/Images/location_bg.png) no-repeat; }
/*
.cont-box10 { background:url(../../../Layouts/daekwangch_newLayout/Images/pray_bg.png) no-repeat; }
    */
.cont-box3 h2, .cont-box5 h2, .cont-box7 h2, .cont-box10 h2 { color:#97795F; }
.cont-box2 h2, .cont-box6 h2, .cont-box8 h2, .cont-box9 h2 { color:#fff; }
.cont-box h5 { margin:50px 0 0; font-size:18px; line-height:1.7; font-weight:normal; }
.cont-box h6 { margin:15px 0 0; font-size:15px; line-height:1.7; font-weight:normal; transform: skew(-0.05deg); }
.cont-box2 h5, .cont-box6 h5, .cont-box8 h5, .cont-box9 h5 { color:#fff; }
.cont-box2 h6, .cont-box6 h6, .cont-box8 h6, .cont-box9 h5 { color:#fff; }

.cont-box3 h5, .cont-box5 h5, .cont-box7 h5, .cont-box10 h5 { color:#97795F; }
.cont-box3 h6, .cont-box5 h6, .cont-box7 h6, .cont-box10 h6 { color:#97795F; }
.cont-box2, .cont-box3, .cont-box4, .cont-box5, .cont-box6, .cont-box7, .cont-box8 { padding:30px; }
.cont-arrow { position:absolute; bottom:40px; right:20px; }

#mainQuick { background:url(../../../Layouts/daekwangch_newLayout/Images/bible_bg.png) no-repeat; height:420px; padding:60px 0; background-position:center; }
#mainQuick h1 { margin:0 0 50px; font-size:38px; font-weight:bolder; color:#fff; }
#mainQuick a { text-decoration:none; }
#mainQuick .container-fluid { padding:0 145px; }
#mainQuick .quick-wrap { height:210px; width:210px; background:#fff; border-radius:50%; font-size:25px; color:#000; font-weight:bold; text-align:center; margin:0 auto; padding:35px 0; position:relative; top:0; }
#mainQuick .quick-wrap:hover { top:-10px; transition:.3s all; }
#mainQuick .quick-wrap img { display:block; margin:0 auto 10px; }

#mainGallery { padding: 60px 0 50px; }
#mainGallery h1 { margin:0 0 50px; font-size:38px; font-weight:bolder; color:#000; }
#mainGallery .gallery-box { height:200px; background-position:center!important; }
#mainGallery .gallery-box > div { height:100%; background:rgba(0,0,0,0.8); position:relative; }
#mainGallery .gallery-box > div p { position:absolute; margin:0; font-size:18px; color:#fff; bottom:15px; left:15px; font-weight:bold; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; width:90%; }
#mainGallery .gallery-box > div p span { font-size:17px; font-weight:normal; display:inline-block; margin:3px 0 0; }
#mainGallery .gallery-wrap > div { padding:0 10px; }

@media (min-width:1200px) and (max-width:1499px) {
	#mainTop .slide-box { margin:0 auto; float:none!important; width:100%; max-width:100%; }
	#mainTop .content-box { margin:0 auto; float:none!important; width:100%; max-width:100%; }
	#mainTop .container-fluid { max-width:920px!important; }
	#mainQuick .container-fluid { padding:0 15px; width:100%; }
}

@media (min-width:993px) and (max-width:1199px) {
	#mainTop .slide-box { margin:0 auto; float:none!important; width:100%; max-width:100%; }
	#mainTop .content-box { margin:0 auto; float:none!important; width:100%; max-width:100%; }
	#mainTop .container-fluid { max-width:920px!important; }
	#mainQuick .container-fluid { padding:0 15px; }
	#mainGallery .gallery-wrap > div { padding:0 15px; margin:0 0 15px; }	
}

@media (min-width:768px) and (max-width:992px) {
	#mainTop .slide-box { margin:0 auto; float:none!important; width:100%; max-width:100%; }
	#mainTop .content-box { margin:0 auto; float:none!important; width:100%; max-width:100%; }
	#mainTop .container-fluid { max-width:720px!important; }
	#mainQuick .container-fluid { padding:0 15px; }
	#mainGallery .gallery-wrap > div { padding:0 15px; margin:0 0 15px; }
	#mainQuick .quick-wrap { width:150px; height:150px; font-size:18px; }
	#mainQuick .quick-wrap img { max-width:50px; }
	.cont-box1 #sermon-pastor { max-width:180px; }
	.cont-box h2 { font-size:18px; }
	.cont-box2, .cont-box3, .cont-box4, .cont-box5, .cont-box6, .cont-box7, .cont-box8 { padding:30px 15px; }
	.cont-box h5 { font-size:16px; }
	/*#mainTop #snsBtn { position:relative; bottom:0; display:block; margin:0 auto 20px; }		*/
}

@media (max-width: 767px) {
	#mainTop #snsBtn{bottom:70px;}
	/*#mainTop #snsBtn { position:relative; bottom:0; display:block; margin:0 auto 20px; }		*/
	.cont-box5 { background-size:100% auto!important; }
	.cont-box8 { background-size:100% auto!important; }
	.cont-box10 { background-size:100% auto!important; }
	.cont-box1 #sermon-pastor { max-width:150px; }
	.cont-box4 ul { margin:15px 0 0; font-size:15px; }
	.cont-box1 .sermon-cont h3 { font-size:20px; }
	.cont-box1 .sermon-cont img { margin-top:0; }
	.cont-box1 p { margin:35px 0 5px; }
	.cont-box1 .sermon-cont a { font-size:20px; }
	.cont-box2, .cont-box3, .cont-box4, .cont-box5, .cont-box6, .cont-box7, .cont-box8 { padding:15px; }
	.cont-box { height:170px; padding:15px; }
	.cont-arrow { bottom:15px; right:15px; max-width:30px; }
	.cont-box4 .more { font-size:15px; }
	.cont-box h5 { font-size:15px; margin:15px 0 0; word-break:keep-all; transform: skew(-0.05deg); }
	.cont-box h2 { font-size:19px; }
	#mainQuick  { height:auto; padding:20px 0 5px; }
	#mainTop { padding:30px 15px; }
	#mainGallery { padding:20px 0; }
	#mainQuick .quick-wrap img { max-width:35px; }
	#mainTop .slide-box { margin:0 auto; float:none!important; width:100%; max-width:100%; }
	#mainTop .content-box { margin:0 auto; float:none!important; width:100%; max-width:100%; }
	#mainQuick .quick-wrap { width:120px; height:120px; margin:0 auto 15px; font-size:18px; padding:22px 0; }
	#mainQuick .container-fluid { padding:0 15px; }
	#mainQuick h1 { font-size:20px; margin:0 0 20px; }
	#mainGallery h1 { font-size:20px; margin:0 0 20px; }
	#mainGallery .gallery-box { height:155px; }
	#mainGallery .gallery-wrap > div { padding:0 15px; margin:0 0 15px; }
	.cont-box1, .cont-box4 { width:100%; height:auto!important; }
	.cont-box2, .cont-box3, .cont-box5, .cont-box6, .cont-box7, .cont-box8, .cont-box9, .cont-box10, .cont-box11 { width:50%; }
	#mainGallery .gallery-box > div p { font-size:15px; transform: skew(-0.05deg); }
	#mainGallery .gallery-box > div p span { font-size:14px; transform: skew(-0.05deg); }
}