html, body {
    overflow: auto;
    /*touch-action: none;*/
}
.box-shadow {
    box-shadow: 8px 8px 8px 0px #171616;
    transition: 0.3s all;
}

#dimodePage{float:left;}
#dimodePage .page-content {word-break: keep-all !important;}

.main-advertising{width:100%; height:846px;background:url(/UserData/ghpchp/Layouts/ghpchp_layout/Images/main_bg2.png)}

/*.container{width:1500px;}*/
.position-relative {position:relative;}
.left-menu-box{float:left;display:inline-block;position:absolute; top: 50%; left:12%; transform: translateY(-65%);}
.left-menu-box h1 {color:white; font-family:serif; text-align:right; letter-spacing:-5px; }
.left-menu-box1{float:left; position:relative; box-shadow: 8px 8px 8px 0px #171616;}
.left-menu-box1 > h1{ position:absolute;right:15px;}
.left-menu-box2{float:left;position:relative;}
.left-menu-box2 > h1{position:absolute;right:15px;}
.left-menu-box3{float:left; position:relative;}
.left-menu-box3 > h1{position:absolute;right:15px;}

.bottom-menu-box{position:absolute;bottom:15px;text-align:right;color:white;display: inline-block; width: 100%; padding:0px 15px;}
.bottom-menu-box p { margin-bottom:5px; }
.ordering1{z-index:1;position:relative;}
.ordering2{z-index:2;}



.bottom-menu-box .title{font-size:18px;}
.bottom-menu-box .bible{font-size:14px; color:#D7E0E7;}
.bottom-menu-box .pastor{font-size:14px; color:#C3CBD6;}

.right-wrap{width:300px;}
.right-wrap a {text-decoration:none;}
.img-wrap{display:inline-block; margin-top:30px; }
.img-wrap img:hover{transform: scale(1.05);transition: 0.2s all; overflow:hidden;box-shadow: 4px 4px 9px 0px #171616;}

.right-menu-box {
    float: right;
    display: inline-block;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 50px;
    padding-right: 50px;
    width: 551px;
    height: 698px;
    background: url(/UserData/ghpchp/Layouts/ghpchp_layout/Images/right_menu_bg.png)
}
.left-img {float:left; margin-bottom:15px;}
.right-img {float:right; margin-bottom:15px;}
.left-img-bottom {float:left; margin-bottom:15px;}
.right-img-bottom {float:right; margin-bottom:15px;}
.right-menu-box p{border-bottom:1px solid #8798B4;font-size:18px; color:white; padding:6px 0px 3px; margin-bottom:0px; font-weight:600; }
.right-menu-box p:hover{transition:0.3s all; text-shadow: 3px 3px 3px #171616;}

.watchword { font-family: 'Nanum Myeongjo'; display:inline-block; }
.watchword hr {  border-color:#8798B4; }
.watchword h2{color:#fff;font-size:28px;margin-top:15px;}
.watchword h3{color:#fff; font-size:22px;margin-top:15px; font-weight:700;}
.watchword h4{color:#fff;margin-top:15px;}

.right-menu-bottom { margin-top:30px; opacity:0.85; }

.main-news {z-index: 997;position: absolute;bottom: -180px;width: 100%;display: inline-block;}
.news-content{padding:0PX;}
.news-content-left{height:270px; background:#ECF1F5;  padding-top: 45px; padding-right:0px; position:relative;}
.news-content-right{height:270px;background:#F7F7F7;}
.news-content-bottom{height:92px;background:#FFFFFF;padding:30px 60px 10px 60px; text-align:center;}
.news-content-bottom img{border-right:2px dotted #DADADA;}
.news-content-bottom a:first-child img{border-left:2px dotted #DADADA;}

#main_banner {
    background: #F7F7F7;
    padding: 30px;
    float: left;
    padding-left: 160px;
}
#main_icons {
    float: left;
    background: #F7F7F7;
    height: 100%;
}
#main_icons li {padding:70px 35px; }
#main_icons img { margin-bottom:15px; }
#main_icons a { text-decoration:none; }
#main_icons span { font-size:16px; color:#22456b; }

.news-content-left .tab-wrap1 {
    width: 120px;
    display: inline-block;
}
.news-content-left .tab-wrap2{width:120px;display:inline-block;}
.news-content-left .tab-wrap3{width:120px;display:inline-block;}

.news-content-left .top-title{font-size:14px;color:#6D6E70; padding-top:5px;border-top:1px solid #000;}
.news-content-left .title {margin-top: 25px;margin-bottom: 15px;color:black;}
.news-content-left .content{font-size:16px; color:#999999; width:155px;display:inline-block;}
.news-content-left .tab-wrap{width:150px; display:inline-block;float:right; position: absolute; right: -45px;}
.news-content-left .tab-content{height:100%;width:165px; display: inline-block;position:absolute; right:110px;}
.news-content-left .tab-title{ color:#000; text-decoration:none; display:inline-block; margin:0px;cursor:pointer;font-size:16px;padding:12px 15px; position:relative; z-index:0; width:100%; border-bottom: 1px solid #E1E1E1;}
.news-content-left .tab-title.active{transition: 0.3s all;font-size:16px; color:white; background:#2B496B; padding:12px 15px; position:relative; z-index:2; width:100%;margin-left: 15px;}

#data-mapping .content{padding:45px 60px; height:100%;}
.tab-pane{height:100%;}


.tab1-title{word-break:keep-all;font-size:20px;margin-bottom:30px;display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tab1-content{color:#808080;margin-bottom:30px;word-break:keep-all; font-size:16px;display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;white-space: normal; line-height: 1.2; height: 3.6em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.tab1-date{font-size:14px;color:#A4A4A4;}

.tab2-title{word-break:keep-all;font-size:20px;margin-bottom:30px;}
.tab2-content{color:#808080;margin-bottom:30px;word-break:keep-all; font-size:16px;display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;white-space: normal; line-height: 1.2; height: 3.6em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.tab2-date{font-size:14px;color:#A4A4A4;}

/*갤러리*/
.gallery {padding: 0px 0;overflow: hidden;}
.main.container { padding: 0;}
.gallery_area > .wrapper{  white-space: nowrap; position: relative; font-size: 0; left: 0;}
.gallery_area > .wrapper .each-slide {display: inline-block;width: calc(100%/4);padding: 0 25px;vertical-align: top;}
.gallery_area > .wrapper .each-slide > .wrapper{position: relative; height:180px;}
.gallery_area > div p {text-align:center; font-size: 16px;position: absolute;top: 0;left: 0px;right: 0px;padding: 5px;color: #fff;background-color: rgba(0,0,0,0.5);display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.gallery_area .btn_more{position: absolute;top: 50%; margin-top: -15px;left: 50%; margin-left: -25px; width: 50px;}
.hover-active{transform: rotate( 45deg ); transition:0.3s all; opacity: 0.8;}
.btn_area{text-align:center;padding-top:10px;}
.each-slide .wrapper .img-height img{height:100%;}

.left-menu-box1,
.left-menu-box2,
.left-menu-box3 { width:240px; height:330px; background-size:auto 100% !important; background-position:center !important; 
    box-shadow: 4px 4px 4px 0px #333; transition:all 0.3s ease; }

.left-menu-box1:hover, 
.left-menu-box2:hover, 
.left-menu-box3:hover {
    opacity:0.9;
}

.move-btn {
    border: 0;
    padding: 0;
}
.move-btn-next-more{  border: 0;    padding: 0;}


 footer { }
.padding-top-0 {padding-top: 0px;}
.padding-top-15{padding-top:15px;}
.padding-top-30{padding-top:30px;}
.padding-top-45{padding-top:45px;}
.padding-top-60{padding-top:60px;}
.padding-top-75{padding-top:75px;}
.padding-left-70 {
    padding-left: 70px;
}
.padding-right-70{padding-right:70px;}
.padding-left-right-30{padding:0px 30px;}
.page-actions{position: absolute;bottom: 0;z-index: 999;}

.margin-top-15 {
    margin-top: 15px;
}
.margin-top-45 {
    margin-top: 45px;
}
.margin-top-75 {
    margin-top: 75px;
}

.main-bottom-icons li img {  }
.main-bottom-icons li { display:inline-block; text-align:center; }

#main-slider .swiper-slide { text-align:center; position:relative; }
#main-slider .swiper-slide img { margin:0 auto; display:block; }

#main-slider { margin-bottom:50px; }

.ch1-4-title { font-size:22px; font-weight:600; }
.ch1-4-title span { position:relative; left:10px; }

#found-gallery .ghpchp-gallery1 li { width:33%; height:185px; }

@media(max-width:1700px) {
    .news-content-bottom{padding-left:0px;padding-right:0px;}
}
@media(max-width:1575px) {
    .news-content-bottom{padding:0px;height:140px;}
    .news-content-bottom a{display:inline-block;line-height:5.5;}
    .main-news{bottom: -260px;}
    .left-menu-box{left:5%;}
    #data-mapping .content{padding:45px;}
    .padding-left-right-30{padding:0px 15px;}
    .gallery_area > .wrapper .each-slide{width: calc(100%/3);}
}
@media(max-width:1400px) {
    .right-menu-box{width:450px;}
}
@media(max-width:1300px) {
    .left-menu-box{top:60%;}
    .left-menu-box a > div{padding:0px; height:200px; width:100%;}
    .left-menu-box a > div img{width:100%; height:200PX;}
    .left-menu-box > a{display:block;}
    .left-menu-box1 > h1{right:0;width:100%;text-align:center;}
    .left-menu-box2 > h1{right:0;width:100%;text-align:center;}
    .left-menu-box3 > h1{right:0;width:100%;text-align:center;}

}
@media(max-width:1199px) {
    .tab1-title{ font-size: 18px;}
    .tab1-content{ font-size: 15px;}
    .tab2-title{ font-size: 18px;}
    .tab2-content{ font-size: 15px;}
    .tab3-title{ font-size: 18px;}
    .tab3-content{ font-size: 15px;}
    .gallery_area > .wrapper .each-slide{width: calc(100%/2);}

}
@media(max-width:991px){
    .main-advertising{height:1000px}
    .main-news{    bottom: -435px;}
}
@media(max-width:965px) {
    .news-content-bottom{height:200px;}
}
@media(max-width:767px) {
    .gallery_area > .wrapper .each-slide {
        width: 100%;
    }
}