/* common */
.slider .manage-link{
	 transform: translateY(120px);
}	


#dimodePage .page-actions { position:absolute; bottom:30px; left:30px; }
.np { padding:0; }

#mainTop { padding:30px 0 0; position:relative; background:url(../../../Layouts/hanyoung/Images/3.welcome_bg.png); height:613px; }
#mainTop .row { margin:0; }
#mainTop .col-lg-7 { padding-left:0; }
#mainTop .col-lg-5 { padding-left:0; }
#mainTop hr { float:left; width:80px; border-top:1px solid #333; margin-top:60px; }
#mainTop h1 { clear:both; font-weight:bolder; font-size:35px; margin:95px 0 30px; }
#mainTop h2 { font-size:18px; color:#888888; font-weight:bold; line-height:30px; }
#mainTop ul { margin-top:50px; }
#mainTop ul > li:last-child { padding:0; }
.hanyoung-quick li { display:inline-block; text-align:center; font-size:17px; color:#333; padding-right:30px; }
.hanyoung-quick li img { display:block; margin:0 auto 15px; max-width:59px; }
.hanyoung-quick li a { color:#333; text-decoration:none; font-weight:bold; }
.hanyoung-quick li a:hover { color:#1B7261; font-weight:bold; }
.hanyoung-quick > li:nth-child(2) img { margin:0 auto 20px; }
#mainTop .container-fluid { padding:0; }
#mainTop .top-notice { position:absolute; bottom:0; width:61%; right:0; padding:36px 0; overflow:hidden; }
#mainTop .top-notice .top-notice-left { position:relative; float:left; text-align:center; width:185px; }
#mainTop .top-notice .top-notice-left p { position:absolute; top:0; right:0; color:#fff; font-size:20px; margin:0; }
#mainTop .top-notice .top-notice-left h1 { margin:14px 0 0; font-size:24px; color:#fff;  }
#mainTop .top-notice .top-notice-left2 { float:left; text-align:left; max-width:750px; overflow:hidden; }
#mainTop .top-notice .top-notice-left2 ul { margin:0; }
#mainTop .top-notice .top-notice-left2 li { text-align:left; color:#fff; width:100%; max-width:750px; }
#mainTop .top-notice .top-notice-left2 li a { font-size:19px; color:#fff; text-decoration:none; font-weight:normal;  text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap ; word-wrap: normal !important; display:inline-block; width:100%; max-width:750px; }
#mainTop .top-notice .top-notice-left2 li a em { font-style:normal; }
#mainTop .top-notice .top-notice-left2 li span { font-size:18px; }
#mainTop .top-notice .top-notice-right { float:right; margin-right:50px; margin-top:0; }
#mainTop .top-notice .top-notice-right img { margin:0 3px; cursor:pointer; cursor:pointer; }
#mainTop #topChurchImg { display:none; }

#mainTop .top-notice .top-notice-left2 li {
    position: absolute;
    background-color: transparent;
    -webkit-transform: translateY(-75px);
    -moz-transform: translateY(-75px);
    -ms-transform: translateY(-75px);
    -o-transform: translateY(-75px);
    transform: translateY(-75px);
    opacity: 0;
}

#mainTop .top-notice .top-notice-left2 li.current {
    opacity: 1 !important;
    -webkit-transform: translateY(0px) !important;
    -moz-transform: translateY(0px) !important;
    -ms-transform: translateY(0px) !important;
    -o-transform: translateY(0px) !important;
    transform: translateY(0px) !important;
}

#mainTop .top-notice .top-notice-left2 li.next {
    opacity: 0 !important;
    -webkit-transform: translateY(75px) !important;
    -moz-transform: translateY(75px) !important;
    -ms-transform: translateY(75px) !important;
    -o-transform: translateY(75px) !important;
    transform: translateY(75px) !important;
}

#mainSlogan { font-size:37px; font-weight:bold; padding:70px 0; }

#mainSermon-top .sermon-top { background: url(../../../Layouts/hanyoung/Images/4.sermon_bg.jpg); background-size: 100% auto; background-position: center; padding: 100px 0 250px; position: relative; }
#mainSermon-top .sermon-top #liveBtn { position:absolute; left:6vw; top:4vw; max-width: 35vw; }
#mainSermon-top .sermon-top p { font-size:15px; color:#fff; margin:0; }
#mainSermon-top .sermon-top h4 { color:#fff; font-size:25px; margin:15px 0 15px; }
#mainSermon-top .sermon-top #sermonTitle { font-size:60px; text-decoration:none; color:#fff; font-weight:bold; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap ; word-wrap: normal !important; }
#mainSermon-top .sermon-top h3 { color:#fff; font-size:23px; margin:0; font-weight:bold; }
#mainSermon-top .sermon-top #sermonMore { display:inline-block; color:#fff; padding:5px 50px; color:#fff; border:1px solid #fff; border-radius:15px; text-decoration:none; font-size:17px; margin-top:50px; }
#mainSermon-top .sermon-top #sermonMore:hover { background:#008BFF; border:1px solid #008BFF; transition:.2s all; }
#mainSermon-top .sermon-bottom { padding:0 150px; margin-top:-150px; }
#mainSermon-top .sermon-bottom > div { padding:0 7.5px; }
#mainSermon-top .sermon-bottom > div > div { padding:10px; border:1px solid #f2f2f2; background:#fff; }
/*

#mainSermon .sermon-bottom > div > div .sermon-box-top { text-align:center; }
#mainSermon .sermon-bottom > div > div .sermon-box-top img { max-height:200px; width:95%; }
#mainSermon .sermon-bottom a { text-decoration:none; color:#333; }
#mainSermon .sermon-bottom a .sermon-box-bottom {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
}
#mainSermon .sermon-bottom a:nth-child(2) .sermon-box-bottom { margin-top:20px; }

    #mainSermon p {
        font-size: 26px;
        color: #2C8AC8;
        font-weight: bold;
        transform: skew(-0.05deg);
        margin: 0;
        background: #fff;
        text-align: center;
        padding: 5px 0;
    }
#mainSermon .sermon-bottom .sermon-box-bottom h5 {
    transform: skew( -0.05deg );
    width: 70%;
    margin-top: 10px !important;
    margin: 0;
    color: #333;
    font-weight: bold;
    font-size: 15px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
}
#mainSermon .sermon-bottom .sermon-box-bottom span {color: #757575;font-weight: bold; font-size: 15px; transform: skew(-0.05deg);}
#mainSermon .sermon-bottom .sermon-box-bottom h6 {
    font-size: 15px;
    color: #999999;
    margin: 0;
    transform: skew(-0.05deg);
}*/
#mainSermon {margin-top:-150px;}
#mainSermon .container-fluid { padding:0 15px; }
#mainSermon #notice-box4 .notice-bottom { border-right:none!important; }
#mainSermon .sermon-bottom p { background:#fff; text-align:center;font-size:22px; font-weight: bold;  margin:0; padding:3px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#2C8AC8; }
#mainSermon .sermon-bottom div:nth-child(4) p { border-right:none;}
#mainSermon .notice-bottom { background-color:#fff; padding:20px 30px 40px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
#mainSermon .notice-bottom ul > li:last-child { padding:0; }
#mainSermon .notice-bottom li { overflow:hidden; padding-bottom:10px; }
#mainSermon .notice-bottom li h5 { float:left; font-size:15px; font-weight:bold; margin:10px 0 0; transform: skew(-0.05deg); color:#333; text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    width: 250px; }
#mainSermon .notice-bottom li h5 span { display:inline-block; margin:10px 0 0; color:#757575; }
#mainSermon .notice-bottom li h5 a { color:#333; }
#mainSermon .notice-bottom li img { float:left; max-width:85px; margin-right:20px; max-height:52px; }
#mainSermon .notice-box .tab-dots { text-align:center; position: absolute; right: 30px;  bottom: 16px; margin:0; margin:0; border-bottom:none; display:inline-block; }
#mainSermon .notice-box .tab-dots > li { margin:0 7px 0; float:none; display:inline-block; border-bottom:none; vertical-align: bottom;}
#mainSermon .notice-box .tab-dots > li > a { display: inline-block; width: 10px; height: 10px; background: #CDCDCD; cursor: pointer; border-radius: 50%; padding: 0; }
#mainSermon .notice-box .tab-dots > li > a:hover { background:#0189FF!important; border:1px solid #0189FF; transition:.3s all; }
#mainSermon .notice-box .tab-dots > li.active  > a { background:#0189FF!important; border:1px solid #0189FF; }



#mainNotice { margin-top:50px; margin-bottom:50px; }
#mainNotice .container-fluid { padding:0 15px; }
#mainNotice #notice-box1 .notice-top { background: url(../../../Layouts/hanyoung/Images/5.ministry_pic01.jpg); }
#mainNotice #notice-box2 .notice-top { background: url(../../../Layouts/hanyoung/Images/5.ministry_pic02.jpg); }
#mainNotice #notice-box3 .notice-top { background: url(../../../Layouts/hanyoung/Images/5.ministry_pic.jpg); }
#mainNotice #notice-box4 .notice-top { background: url(../../../Layouts/hanyoung/Images/5.ministry_pic04.jpg); }
#mainNotice .notice-top { padding:50px 0; text-align:center; }
#mainNotice .notice-top h1 { margin:0; font-size:35px; color:#fff; font-weight:bold; }
#mainNotice .notice-top p { font-size:18px; color:#fff; margin:25px 0 40px; }
#mainNotice .notice-top a { color:#fff; display:inline-block; border-radius:30px; font-size:19px; border:1px solid #fff; padding:10px 60px; text-decoration:none; }
#mainNotice .notice-top a:hover { background:#008BFF; border:1px solid #008BFF; transition:.2s all; }
#mainNotice #notice-box4 .notice-bottom { border-right:none!important; }
#mainNotice .notice-bottom { padding:20px 30px 40px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
#mainNotice .notice-bottom ul > li:last-child { padding:0; }
#mainNotice .notice-bottom li { overflow:hidden; padding-bottom:10px; }
#mainNotice .notice-bottom li h5 { float:left; font-size:15px; font-weight:bold; margin:10px 0 0; transform: skew(-0.05deg); color:#333; text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    width: 270px; }
#mainNotice .notice-bottom li h5 span { display:inline-block; margin:10px 0 0; color:#757575; }
#mainNotice .notice-bottom li h5 a { color:#333; }
#mainNotice .notice-bottom li img { float:left; max-width:85px; margin-right:20px; max-height:52px; }
#mainNotice .notice-box .tab-dots { text-align:center; position: absolute; right: 30px;  bottom: 16px; margin:0; margin:0; border-bottom:none; display:inline-block; }
#mainNotice .notice-box .tab-dots > li { margin:0 7px 0; float:none; display:inline-block; border-bottom:none; vertical-align: bottom;}
#mainNotice .notice-box .tab-dots > li > a { display: inline-block; width: 10px; height: 10px; background: #CDCDCD; cursor: pointer; border-radius: 50%; padding: 0; }
#mainNotice .notice-box .tab-dots > li > a:hover { background:#0189FF!important; border:1px solid #0189FF; transition:.3s all; }
#mainNotice .notice-box .tab-dots > li.active  > a { background:#0189FF!important; border:1px solid #0189FF; }

#mainGallery { overflow:hidden; position:relative; background:#F9F9F9; display:none; }
#mainGallery h1 { font-weight:100; font-size:35px; margin:100px 0 50px; font-weight:bold; }
#mainGallery .gallery-wrapper { position:relative; overflow:hidden; padding:70px 15px;}
#mainGallery #galleryWrap { overflow:hidden; }
#mainGallery .gallery-arrow { position:absolute; top:65%; transform:translate(0, -50%); z-index:5; }
#mainGallery #gallery-right { right:3%; }
#mainGallery #gallery-left { left:3%; }
#mainGallery .gallery-box { height:250px; position:relative; background-size:auto 100%!important; background-position:center!important; }
#mainGallery .gallery-box .gallery-desc { background:rgba(0,0,0,0.7); position:relative; height:100%; text-align:center; }
#mainGallery .gallery-box .gallery-desc p { color:#fff; font-size:21px; line-height:35px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
#mainGallery .gallery-box .gallery-desc p span { font-size:17px; }

@media (min-width:1500px) and (max-width:1799px) {
	#mainSermon .sermon-bottom { padding: 0 15px; }
	.hanyoung-quick li { padding-right:25px; }
	#mainTop h1 { margin-top:0; }
	#mainTop h2 { font-size:15px;  transform: skew(-0.05deg); }
	#mainTop hr { margin:30px auto 15px; }
}

@media (min-width:1200px) and (max-width:1499px) {
	#mainNotice .notice-bottom li h5 { width:163px; }
	#mainSermon .sermon-bottom { padding:0; }
	#mainSermon .sermon-bottom { padding: 0 15px; }
	.hanyoung-quick li { padding-right:25px; margin:5px 0; }
	#mainTop h1 { margin:0; }
	#mainTop ul { margin-top:0; }
	#mainTop h2 { font-size:15px; transform: skew(-0.05deg); }
	#mainTop hr { margin:45px auto 15px; }
	#mainNotice .notice-top h1 { font-size:22px; }	
	#mainNotice .notice-top p { font-size:15px; transform: skew(-0.05deg); margin:25px 0; }
	#mainNotice .notice-bottom { padding:15px 15px 40px; }	
	#mainTop .top-notice { padding:35px 0; }
	#mainTop .top-notice .top-notice-left h1 { font-size:20px; margin:13px 0 0; }
	#mainTop .top-notice .top-notice-left2 li { width:350px; }
	#mainTop .top-notice .top-notice-left2 li a { font-size:17px; }
	#mainTop .top-notice .top-notice-left2 li span { font-size:15px; }
	#mainTop .top-notice .top-notice-right { margin-top:0; }
}

@media (min-width:993px) and (max-width:1199px) {
	#mainTop .col-lg-5 { position:relative; text-align:center; padding: 0 15px; }
	#mainTop .col-lg-7 { position:relative; text-align:center; padding: 0 15px; }
	#mainTop hr { float:none; }
	#mainTop h1 { margin:30px 0; font-size:35px; }
	.hanyoung-quick li { padding:0 12px; }
	#mainNotice .notice-top { background-size:100% auto!important; background-position:center!important; background-repeat:no-repeat!important; }
	#mainSermon .sermon-bottom { margin:0; padding:0; }
	#mainSermon .sermon-top { background-size:100% auto!important; background-position:center!important; background-repeat:no-repeat!important; padding:50px 0; }
	#mainSermon .sermon-bottom > div > div { text-align:center; margin-bottom:15px; }
	#mainNotice { margin-top:50px; }
	#mainSermon .sermon-top #sermonTitle { font-size:45px; }
	#mainSermon .sermon-top #liveBtn { display:none; }
	#mainTop { background:none; height:auto; }
	#mainTop #topChurchImg { display:block; margin:0 auto; }
	#mainTop .top-notice { position:relative; width:100%; overflow:hidden; }
	#mainTop ul { margin:50px  0 30px; }
	#mainTop .top-notice { padding:20px 0; background:#83B0B0; }
	#mainTop .top-notice .top-notice-left2 li a { font-size:20px; }
	#mainTop .top-notice .top-notice-left2 li span { font-size:16px; }
	#mainTop .top-notice .top-notice-left h1 { font-size:21px; margin-top:17px; }
	#mainTop .top-notice .top-notice-right { margin-top:5px; }
	#mainSlogan { padding:50px 0; font-size:30px; }
}

@media (min-width:768px) and (max-width:992px) {
	#mainTop { background:none; height:auto; }
	#mainTop .col-lg-5 { position:relative; text-align:center; padding: 0 15px; }
	#mainTop .col-lg-7 { position:relative; text-align:center; padding: 0 15px; }
	#mainTop hr { float:none; margin-top:40px; }
	#mainTop h1 { margin:30px 0; font-size:35px; }
	.hanyoung-quick li { float:left; width:20%; padding:0; text-align:center; margin:10px 0; }
	#mainTop ul { margin:30px  0 30px; overflow:hidden; }
	#mainTop .top-notice { padding:20px 0; }
	#mainTop .top-notice { position:relative; width:100%; overflow:hidden; }
	#mainTop .top-notice .top-notice-left2 li a { font-size:20px; }
	#mainTop .top-notice .top-notice-left2 li span { font-size:16px; }
	#mainTop .top-notice .top-notice-left h1 { font-size:21px; margin-top:17px; }
	#mainTop .top-notice .top-notice-right { margin-top:5px; }
	#mainTop .top-notice .top-notice-left { width:160px; }
	#mainTop .top-notice .top-notice-left2 li { width:400px; }
	#mainNotice .notice-top { background-size:100% auto!important; background-position:center!important; background-repeat:no-repeat!important; }
	#mainSermon .sermon-bottom { margin:10px 0 0; padding:0; }
	#mainSermon .sermon-top { background-size:100% auto!important; background-position:center!important; background-repeat:no-repeat!important; padding:50px 0; }
	#mainSermon .sermon-bottom > div > div { text-align:center; margin-bottom:15px; }
	#mainNotice { margin-top:50px; }
	#mainSermon .sermon-top #sermonTitle { font-size:37px; }
	#mainSermon .sermon-top #liveBtn { display:none; }
	#mainSlogan { font-size:30px; padding:30px 0 30px; }
	#mainSermon .sermon-top #sermonMore { margin-top:20px; }
	#mainTop .top-notice { padding:20px 0; background:#83B0B0; }
	#mainNotice .notice-top h1 { font-size:25px; }
	#mainNotice .notice-top p { font-size:17px; margin:20px 0; }
	#mainNotice .notice-top a	{ font-size:17px; }
	#mainNotice .notice-bottom { padding:15px 15px 40px; }
	#mainNotice .notice-bottom li img { display:none; }
   
	#mainGallery .gallery-wrapper { padding:40px 15px; }
	#mainGallery h1 { margin:50px 0 0; }
	#mainTop #topChurchImg { display:block; margin:0 auto; }



     #mainSermon .notice-bottom li img { display:none;   }
    #mainSermon .sermon-bottom p {text-align:left;}
    #mainSermon .notice-bottom li h5{text-align:left;}

}

@media (max-width: 767px) {
	#mainSermon .sermon-bottom > div > div .sermon-box-top img { max-height:unset; }
	#mainSlide { margin-top:85px; }
	#mainTop { background:none; height:auto; }
	#mainTop #topChurchImg { display:block; margin:0 auto; }
	#mainTop .col-lg-5 { position:relative; text-align:center; padding: 0; }
	#mainTop .col-lg-7 { position:relative; text-align:center; padding: 0 15px; }
	#mainTop hr { float:none; margin-top:30px; width:50px; }
	#mainTop h1 { margin:20px 0; font-size:25px; }
	.hanyoung-quick li { padding:0; float:left; width:33.333%; margin:0 0 15px; }
	.hanyoung-quick > li:nth-child(2) img { margin:10px auto 20px; }
	#mainTop ul { margin:20px 0; overflow:hidden; }
	.hanyoung-quick li img { margin:0 auto 10px; }
	#mainTop h2 { margin:0; font-size:16px; transform: skew(-0.05deg); }
	#mainTop .top-notice { padding:20px 0; }
	#mainTop .top-notice { position:relative; width:100%; overflow:hidden; background:#83B0B0;}
	#mainTop .top-notice .top-notice-left2 { width:100%; text-align:center; height:70px; }
	#mainTop .top-notice .top-notice-left2 li { width:100%!important; margin:10px 0; text-align:center; float:none; display:block; }
	#mainTop .top-notice .top-notice-left2 li a { width:100%; }
	#mainTop .top-notice .top-notice-left2 li a { font-size:17px; padding:0 15px; }
	#mainTop .top-notice .top-notice-left2 li span { font-size:15px; }
	#mainTop .top-notice .top-notice-left h1 { font-size:17px; margin:0; }
	#mainTop .top-notice .top-notice-right { margin-top:5px; float:none; }
	#mainTop .top-notice .top-notice-left { width:100%; text-align:center; float:none; }
	#mainTop .top-notice .top-notice-right img { max-width:30px; }
	#mainNotice .notice-top { background-size:100% auto!important; background-position:center!important; background-repeat:no-repeat!important; }
	#mainSermon .sermon-bottom { margin:10px 0 0; padding:0; }
	#mainTop .top-notice .top-notice-right { margin:0; text-align:center; }
	#mainSermon .sermon-top { background-size:100% auto!important; background-position:center!important; background-repeat:no-repeat!important; padding:20px 0; }
	#mainSermon .sermon-bottom > div > div { text-align:center; margin-bottom:15px; padding:15px; }
	#mainSermon .sermon-bottom > div { padding:0 15px; }
	#mainNotice { margin-top:30px; padding:0 15px; }
	#mainSermon .sermon-top h3 { display:none; }
	#mainSermon .sermon-top h4 { display:none; }
	#mainSermon .sermon-top #sermonTitle { font-size:20px; display:block; margin-top:10px; }
	#mainSermon .sermon-top #liveBtn { display:none; }
	#mainSlogan { font-size:20px; padding:30px 0; }
	#mainSermon .sermon-top #sermonMore { margin-top:20px; }
	#mainNotice .notice-top h1 { font-size:20px; }
	#mainNotice .notice-top p { font-size:17px; margin:20px 0; }
	#mainNotice .notice-top a	{ font-size:17px; }
	#mainNotice .notice-bottom { padding:15px 15px 40px; }
	#mainNotice .notice-bottom li img { display:none; }
	#mainGallery .gallery-wrapper { padding:30px 15px 40px; }
	#mainGallery h1 { margin:30px 0 0; font-size:20px; }
	#mainGallery .gallery-arrow { top:62%; }
	#mainNotice .notice-top { padding:35px 0; }
	#mainNotice #notice-box4 .notice-bottom { border-right:1px solid #ddd!important; }
	#mainNotice .notice-bottom { border-left:1px solid #ddd; margin-bottom:15px; }
	#mainNotice .notice-box .tab-dots { right:15px; bottom:25px; }
	#mainNotice .notice-box .tab-dots > li { margin:0 5px; }
	#mainSermon .sermon-bottom .sermon-box-bottom h5 { font-size:17px; margin:12px 0; }
	#mainSermon .sermon-bottom .sermon-box-bottom { margin-top:0px; }
    #mainSermon .sermon-bottom a:nth-child(2) .sermon-box-bottom {  margin-top: 0px; }

    #mainSermon .notice-bottom li img { display:none;   }
    #mainSermon .sermon-bottom p {text-align:left;}
    #mainSermon .notice-bottom li h5{text-align:left;}
	
	#mainSermon-top .sermon-top #sermonTitle{ font-size: 7vw; }
	
}

#mainSermon .sermon-bottom a .sermon-box-bottom {
    display: flex;
    align-items: center;
    text-align: left;
    justify-content: space-between;
}