﻿#loginForm { margin-top:50px!important; }





.ms-1-left-top .slider .move-btn {display:none;}
.ms-1-left-top .slider .slider-dots .each-dot.active{ background: #ffffff; border-color: #ffffff; width:25px; border-radius:10px; opacity:1; transition:all ease-in-out .35s;}
.ms-1-left-top .slider .slider-dots .each-dot { background:#cecece; border-color:#cecece; opacity:0.7;}
/* common */
.ms1-box .quick1 {position: absolute; right: -94px; top: 10px;}
.ms1-box .quick2 {position: absolute; right: -94px; top: 130px;}
.main-title {font-family: 'GimpoBatang00';  padding: 5px 80px; border:2px solid #000; display:inline-block; font-size:27px; margin:0px 0px 55px; font-weight:bold; text-align:center; }
#main-section1 { padding:30px 0 40px; }
.ms-1-right-top2 hr { width:100px; margin-bottom:15px; margin-top:15px; border-top:2px solid #000;}
#main-section1 hr { width:100px; margin-bottom:30px; margin-top:15px; border-top:2px solid #000;}
#main-section1 .ms-1-right-top1 hr { border-top:1.5px solid #fff;}
#main-section1 .ms-1-left-bottom1 hr { width:100px; margin-bottom:30px; margin-top:15px; border-top:2px solid #fff; }
#main-section1 .ms-1-right-top2 hr { margin-bottom: 30px; margin-top: 15px; border-top:1px solid #fff; }

.main_indroduce { position:relative; top:15%; text-align:center; color:white; }
.main_indroduce h1 { color:#000; font-size:45px; font-weight:bold; margin:0 0 5px;}
.main_indroduce p { font-size:17px; color:#fff; margin:20px 0 0; text-align:left; padding:0 94px; }
.main_indroduce a { display:inline-block; color:#fff; font-size:17px; font-weight:bold; padding:8px 60px; margin-top:30px; text-decoration:none; background:#414A71; }
.main_indroduce a:hover { background:#fff; transition:0.2s all; color: #414A71; }
.main_indroduce a span { font-weight:bold; position:relative; margin-left:10px; top:-3px;}

.ms1-box { padding:0px;}
.ms-1-left-bottom1 { background: url(../Images/3.bulletin_bg.png); background-position:center; background-size: 100% 100%; padding: 30px 0px; height:320px; }
.ms-1-left-bottom1 h4 { text-align:center; color:#fff; margin:0px; padding:3px; font-family:"GimpoBatang00";  font-size:19px; }
.ms-1-left-bottom1 h5 { text-align:center; color:#fff; margin:0px; padding:3px; font-family:"GowunDodum-Regular";  font-size:19px; }

.ms-1-left-bottom1:hover { opacity:0.8; transition:0.3s;}
.ms-1-left-bottom2 {
    background: url(../Images/4.media_bg.png);
    background-position: center;
    background-size: 100% 100%;
    padding: 30px 0px;
    text-align: center;
    color: #000;
    text-decoration: none;
    height: 320px;
}
.ms-1-left-bottom2 ul { border:2px solid #000; padding:10px 15px; font-size:15px; text-align:left; width: 235px;margin: 15px auto; transform: skew(-0.05deg);}
.ms-1-left-bottom2 ul li span { float:right; }
.ms-1-left-bottom2 ul li { overflow:hidden; padding:1px 0;}
.ms-1-left-bottom2:hover { opacity:0.8; transition:0.3s;}
.ms-1-left-bottom2 h4 { text-align:center; color:#000; padding:3px; margin:0px; font-size:18px; font-family:"GimpoBatang00"; }
.ms-1-left-bottom2 h5 { text-align:center; color:#000; padding:3px; margin:0px; font-size:18px; font-family:"GowunDodum-Regular"; }
.ms-1-left-bottom2 h6 { margin-top:10px; font-weight:600; font-size:16px;}
.ms-1-right-bottom ul li img { float:left; margin-right:20px; }

.ms-1-right-top1 {margin: 5px; background: #97A566; background-position:center; background-size: 100% 100%; padding: 50px 0px; text-align:center; color:#000; text-decoration:none; height:330px; position: relative;}
.ms-1-right-top1 .sermon-box p { color: #000;}
.ms-1-right-top2 .sermon-box p { color: #000;}
.ms-1-right-top1 h5 { color:#000; font-size:19px; font-weight:normal; margin:0 0 0; font-family:"GowunDodum-Regular";}
.ms-1-right-top1 h4 { text-align:center; color:#000; margin:5px 0; font-size:19px; font-family:"GimpoBatang00"; }
 .ms-1-right-top2 .sutitle {position: absolute; right: 0px; top: 10px; }
 .ms-1-right-top1 .sutitle {position: absolute; right: 0px; top: 10px; }
 .ms-1-right-bottom .sutitle {position: absolute;  top: 20px; left: 130px;}
.ms-1-right-top1 .praise-box h3 {
    font-size: 19px;
    color: #333;
    margin: 0;
    font-weight: bold;
}
.ms-1-right-top1 .praise-box h1 { margin:20px 0; font-size:30px; color:#333; font-weight:bold; }
.ms-1-right-top1 p { font-size:15px; margin:0px 0px 3px; }
.ms-1-right-top2 {margin-top: 5px; background: #4E8D92; background-position:center; background-size: 100% 100%; padding: 50px 0px; text-align:center; color:#000; text-decoration:none; height:330px; position:relative;}
.ms-1-right-top2 > div { padding:30px 20px;}
.ms-1-right-top1 > div {padding: 30px 20px;}
.ms-1-right-top2 > div h2 {font-size:25px;  min-height: 70px;word-break: keep-all; overflow: hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ms-1-right-top1 > div h2 {font-size: 25px;  min-height: 70px;word-break: keep-all; overflow: hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ms-1-right-top2 > div > ul { padding:10px 20px; background:rgba(255,255,255,.7); border:1px solid #000; }
.ms-1-right-top2 > div > ul > li { color:#000; font-size:14px; margin:5px 0; text-align:left;}
.ms-1-right-top2 > div > ul > li > span { float:right;}
.ms-1-right-top2 h4 { text-align:center; color:#fff; margin:0px; font-size:19px; font-family:"GimpoBatang00"; }
.ms-1-right-top2 h5 { text-align:center; color:#fff; margin:0px; font-size:19px; font-family:"GowunDodum-Regular"; }
.ms-1-right-top2 p { font-size:12px; margin:0px 0px 3px; }
.ms-1-right-bottom {margin-top: 5px; background: url(../Images/bg_01.png); position: relative; background-position:left; background-size: cover; padding: 50px 0; text-align:center; color:#fff; text-decoration:none; height:330px; clear:both;}
.ms-1-right-bottom a { text-decoration:none; }
.sermon-box {  padding:60px  20px 0; text-align:left;   }
.sermon-box ul { margin-top:30px; }
.sermon-box li { font-size:17px; color:#333; padding:3px 0; }
.sermon-box h5 { font-size:34px;  min-height: 65px; color:#fff; font-weight:bold; margin:20px 0 10px 0;  -ms-word-break: keep-all;
word-break: keep-all; line-height: 140%; overflow: hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.sermon_box_padding { padding-top: 10px;}
.sermon-box h6 { color: #FFF8C6; font-size: 1.5em; font-weight: normal; margin-top: 0; margin-bottom:0; }

.sermon-box .button {
    position: absolute;
    top: -20px; 
    left: 10px;
}

.sermon-box .button img {
        box-shadow:  5px 4px 2px rgba(0,0,0,0.09)
    }



.sermon-box p {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    margin: 0px;
}




    .sermon-box #sermonMore {
        position: absolute;
        right: 30px;
        bottom: 30px;
        font-size: 16px;
        padding: 0;
    }

.ms-1-right-bottom h3 {
    color: #96785d;
    font-family: "GimpoBatang00";
    font-size: 3.2em;
	text-align: left;
	margin-left: 40px;
}


.swiper-slide-next {
    background: url(../Images/common/slider_right.png) no-repeat;
    background-size: 50% auto;
    background-position: center;
}

.swiper-slide-prev {
    background: url(../Images/common/slider_left.png) no-repeat;
}

.ms-1-left-top .slider .slider-dots .each-dot.active {
    width: 10px;
}

.ms-1-left-top .slider .slider-dots .each-dot {
    background: #4E2910;
    border-color: #4E2910;
    opacity: 0.7;
    display: none;
}

.slider .slider-wrapper .slide img {
    position: relative;
    width: 100%;
}

.slider .slider-wrapper .slide p {
    height: 100%;
}


.slider .move-btn {
    background: none !important;
}

@-webkit-keyframes array1 {
    0%,100% {
        -webkit-transform: translateX(0);
    }

    50% {
        -webkit-transform: translateX(10px);
    }
}

@keyframes array1 {
    0%,100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(10px);
    }
}




#main-section2 {
    background-color: #F3F4F6;
    padding: 50px 0px;
}
#main-section2 .container { text-align:center; }
#main-section2 a { color: #4e4e4f; text-decoration:none;}
#main-section2 .ms2-box { padding: 0px 30px;}
#main-section2 .ms2-box h4 { float:left; font-size:20px; font-weight:bold; font-family: 'GowunDodum-Regular'; }
#main-section2 .ms2-box h5 { float:right; font-size:17px; font-weight:bold; font-family: 'GowunDodum-Regular'; }
#main-section2 ul { clear:both; margin-top:40px;}
#main-section2 li { font-size: 16px; padding:10px 0px 0px; border-bottom:1px solid #d4d4d4; text-align:left;}
#main-section2 li:hover p { color:#81c6ff; transition:0.2s all; }
#main-section2 li p { font-family: 'GowunDodum-Regular'; display:inline-block; margin:0; width:74%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#main-section2 li span{ float:right; font-family: 'GowunDodum-Regular';}
.ms2-quick li { border:1px solid #000 !important; padding:14px!important; margin-bottom:10px;}
.ms2-quick li:hover { background:white; transition:0.3s; }
.ms2-quick { margin-top:45px!important; }

#main-section3 { padding:40px 0px 70px; text-align:center; }
#main-section3 li { display:inline-block; margin:0 13px; width:275px; }
#main-section3 li img { width:100%; max-height:270px; }
#main-section3 li img:hover { opacity:0.7; transition:0.3s;}

@media (min-width:1200px) and (max-width:1499px) {
	.main_indroduce p { padding:0 80px; }
    #main-section3 li {
        width: 263px;
    }
    .slider .slider-wrapper .slide img {
        height: 100%;
    }

    .slider .slider-wrapper .slide p {
        height: 100%;
    }

}

@media (min-width:993px) and (max-width:1199px) {
    .ms-1-right-bottom .sutitle img {width: 150px;}
    .ms-1-right-top2 .sutitle img{width: 130px;}
    .ms-1-right-top1 .sutitle img{width: 130px;}
    .sermon-box .button img {width: 70px;}
    .ms-1-right-top1 > div {padding: 20px 15px;}
    .ms-1-right-top2 > div {padding: 20px 15px;}
    .ms-1-right-top2 .sutitle
    .ms-1-right-top2 .sutitle {position: absolute; right: 0px; top: 20px;}
    .ms-1-right-top1 .sutitle {position: absolute; right: 0px; top: 20px;}
    .ms-1-right-bottom .sutitle {right: 135px;}
    .sermon-box h6 {margin-top: 15px;}
    .sermon-box { padding: 20px 20px; }
    .ms-1-right-top2 > div h2 {font-size: 23px;}
    .sermon-box h5 {
        font-size: 25px;
    }
    .main_indroduce p {
        padding: 0 30px;
    }

    .sermon-box p {
        font-size: 1.3em;
    }
    #main-section3 li {
        width: 21%;
    }
    #main-section2 li p { width:65%; }
    .main_indroduce h1 { font-size:35px; }
    .ms-1-right-bottom h1 { font-size:35px; }
    .slider .slider-wrapper .slide img {
        height: 100%;
    }
}


@media (min-width:768px) and (max-width:992px) {
    .sermon-box .button img {width: 70px;}
    .ms-1-right-top1 > div {padding: 40px 15px 0;}
    .ms-1-right-top2 > div {padding: 40px 15px 0;}
    .sermon-box .button img {width:  70px;}
    .sermon-box h6 {font-size: 20px;}
    .sermon-box p {font-size: 20px;}
    #gnb-wrap .quick1 img{width: 60px; margin: 0px;}
    #gnb-wrap .quick2 img{width: 60px; margin: 0px;}
    .ms1-box .quick1 {display: none;}
    .ms1-box .quick2 {display: none;}
    #gnb-wrap .quick1 {position: absolute; right: 200px; top: 15px;}
    #gnb-wrap .quick2 {position: absolute; right: 120px; top: 15px;}
    .ms-1-right-bottom .sutitle {left: 130px;}
    .ms-1-right-top2 {height: auto; padding: 30px 0;}
    .ms-1-right-top1 {height: auto; padding: 30px 0;}
    .ms-1-right-bottom {height: auto; padding: 30px 0;}
    .sermon-box h5 {font-size: 30px;}
	.ms-1-right-top1 .praise-box{width:325px;}
	#main-section3 li { width:48%; margin: 0 5px 15px; }
	#main-section2 li p { width:50%; }
	.main_indroduce h1 { font-size:35px; }
	.ms-1-right-bottom h1 { font-size:35px; }
	.main_indroduce p { padding:0 100px; font-size:22px; }
	.sermon-box{min-height: 130px;}
}

@media (max-width:767px) {

    .ms-1-right-top1 > div {padding: 0px 10px;}
    .ms-1-right-top2 > div {padding: 0px 10px;}

    .ms-1-right-bottom .sutitle img {width: 150px;}
    .ms1-box .quick1 {display: none;}
    .ms1-box .quick2 {display: none;}
    #gnb-wrap .quick1 {position: absolute; right: 85px;}
    #gnb-wrap .quick2 {position: absolute; right: 45px;}
    #gnb-wrap .quick1 img{width: 35px; margin: 0px;}
    #gnb-wrap .quick2 img{width: 35px; margin: 0px;}
    .ms-1-right-top2 > div h2 { font-size: 20px; }
    .ms-1-right-top1 > div h2 {font-size: 20px;}
	.ms-1-right-top1 .sermon-box{min-height: 170px;}
	.ms-1-right-top2 .sermon-box{min-height: 170px;}
    .sermon-box p {font-size: 15px;}
    .sermon-box {margin-top: 50px ;padding: 0px 10px; }
    .sermon-box .button {top: -10px;}
    .sermon-box .button img {width: 55px;}
    .sermon-box .button a { width: 50%;}
    .ms-1-right-bottom h3 { font-size: 2.5em; }
    .ms-1-right-top1 .praise-box h1 { font-size: 20px; }	
	.main_indroduce img { max-width:210px; }
	.ms-1-right-top1 .praise-box { height:auto;}
	.ms-1-right-top1 h5 { font-size:17px; }
	.ms-1-right-top1 > div h2{min-height: unset;}
	.ms-1-right-top1 .praise-box h3 { font-size:17px; }
	.ms-1-left-bottom1 hr { width: 100px; margin-bottom: 15px;  margin-top: 15px;  }
	.ms-1-right-top1 hr, .ms-1-left-bottom2 hr { width: 100px; margin-bottom: 15px; margin-top: 15px; border-top: 2px solid #000;}
	#main-section2 .ms2-box { padding:0 20px; }
	.ms-1-rigth { margin:0!important; }
	#main-mobile > div > div { margin:0; }
	#main-section1 { padding:0px 0px;}
	.main-title { font-size:17px; margin-bottom:30px; }
	#main-section3 li { margin: 0 0 15px;}
	.ms-1-left-top .main_indroduce{ top:5%;}
	.main_indroduce h1 { font-size:25px;}
	.main_indroduce p { font-size:15px; padding:0 15px;}
	.main_indroduce a { font-size:15px; margin-top:15px; }
	.ms-1-right-bottom h1 { font-size:25px;}
	.ms-1-right-bottom p { font-size:16px; }
	.ms-1-right-bottom a { font-size:16px; }
	.ms-1-right-bottom .sutitle{left:100px;}
	.ms-1-right-top2 { margin-bottom:15px; }
	.ms-1-right-top2 > div h2{min-height: unset;}
	.ms-1-left-top { height: auto; }
	.ms-1-right-bottom { height: auto;}
	#main-section2 li { font-size:13px; }
	#main-section2 ul { margin-bottom:25px;}
	#main-section2 .ms2-box h4 { font-size:17px; }
	#main-section2 { padding:30px 0; }
	#main-section3 { padding:30px 0; }
    .ms-1-right-top1  {margin: 5px 0 0 0; padding:10px 5px; height: auto;}
    .ms-1-right-top2 { padding:10px 5px; height: auto;}
	.ms-1-right-bottom { padding:10px 15px; }
	.ms-1-right-bottom > img { max-width:120px; }

    .sermon-box h5 { font-size: 22px;  min-height: unset;}
	.sermon-box h6{ font-size: 15px; margin-bottom: 20px; }
	.sermon-box ul { margin-top:15px; text-align:right;}
	.sermon-box #sermonMore { display:none; }
	.sermon-box li { font-size:15px; padding:1px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
    .ms-1-right-bottom .sutitle img{width: 130px; }
	.ms-1-right-top2 .sutitle img{width: 130px; }
    .ms-1-right-top1 .sutitle img{width: 130px; }



}

@media (max-width:460px) {
    .ms-1-right-top2 .sutitle img{width: 100px; }
    .ms-1-right-top1 .sutitle img{width: 100px; }
    .sermon-box .button img {width: 50px;}
    .ms-1-right-bottom .sutitle img {width: 100px;}

}