html, body {
}
.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: 674px;
    background: url(/UserData/ghpchp/Layouts/ghpchp_layout/Images/new/bg_new2026.jpg);
    background-position-x: center;
    margin-top: -60px;
    background-color: #cce2fa;
    background-repeat:no-repeat;
}

.container{width:1500px;}
.position-relative {position:relative;}
/*
.left-menu-box{float:left;display:inline-block;position:absolute; top: 41%; left:30px; transform: translateY(-65%); width:900px;}
*/
.left-menu-box{float:left;display:inline-block;position:absolute; top: 35%; right:495px; transform: translateY(-65%); width:570px;}
.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 > h2{ font-size: 19px ;font-weight: bold;position:absolute;right:15px; color:#371c30; }
.left-menu-box2{float:left;position:relative;}
.left-menu-box2 > h2{font-size: 19px ;font-weight: bold;position:absolute;right:15px; color:#234b37; }
.left-menu-box3{float:left; position:relative;}
.left-menu-box3 > h2{font-size: 19px ;font-weight: bold;position:absolute;right:15px; color:#5b5531; }
.left-menu-box4{float:left;position:relative;}
.left-menu-box4 > h2{font-size: 19px ;font-weight: bold;position:absolute;right:15px; color:#3b5b98; }

.bottom-menu-box{position:absolute;bottom:0;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:15px; line-height:120%; font-weight:600; font-family:'NanumSquare';}
.bottom-menu-box .bible{font-size:11px; color:#fff;}
.bottom-menu-box .pastor{font-size:11px; color:#fff;}
.bottom-menu-box .day{font-size:8px; color:#fff;}

.right-wrap-header { color:#00436e; font-weight:600; font-size:18px; margin-top:0px; margin-bottom:5px; }
.right-wrap{width:295px;}
.right-wrap a {text-decoration:none;}
.right-wrap-line { max-width:295px; display:block; }
.img-wrap{display:inline-block; margin-top:20px; }
.img-wrap img { max-width:140px;  }
.img-wrap img:hover{transform: scale(1.02);transition: 0.2s all; overflow:hidden;box-shadow: 2px 2px 2px 0px #999;}

.right-menu-box {
    float: right;
    display: inline-block;
    padding-top: 25px;
    padding-bottom: 60px;
    padding-left: 50px;
    padding-right: 50px;
    width: 480px;
    /*height: 620px;*/
    height: 600px;
    /*background: url(/UserData/ghpchp/Layouts/ghpchp_layout/Images/right_menu_bg.png)*/
    background: #EFE7D7;
}
.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:16px; color:#475063; padding:3px 3px 2px; margin-bottom:0px;     text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
    overflow: hidden; }
/*.right-menu-box p:hover{transition:0.3s all; text-shadow: 1px 1px 1px #171616;}*/

.watchword { font-family: 'Nanum Myeongjo'; display:inline-block; }
.watchword img { width:295px; margin-top:0px; }
.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: relative; width: 100%;display: block;}
.news-content{padding:0PX;}
.news-content-left{height:270px; background:#f4f4f4;  padding-top: 45px; padding-right:0px; position:relative;}
.news-content-right{height:270px;background:#f4f4f4;}
.news-content-bottom {height:55px;background:#f4f4f4; text-align:center; max-width:1765px; margin-top:15px; }
.news-content-bottom li { display:inline-block; padding:0px 10px;   }
.news-content-bottom li img { /*width:125px;*/ height:30px; }

#main_banner {
    background: #F7F7F7;
    padding: 30px;
    float: left;
    padding-left: 140px;
}
#swiperSlider581 { width:1050px;  }
#swiperSlider581 .swiper-slide { border:1px solid #efefef; }

#swiperSlider18168 { width:930px;  }
#swiperSlider18168 .swiper-slide { border:1px solid #efefef; }
.swiper-button-prev, .swiper-button-next { display:none; }
#swiperSlider18168 .swiper-pagination { bottom:3px !important; }

#main_icons {
    float: left;
    /* background: #F7F7F7;*/
    height: 100%;
}
#main_icons .main-bottom-icons li {padding:45px 15px 15px; }
#main_icons .main-bottom-icons img { margin-bottom:15px; width:70px; }
.main-bottom-icons2 li { display:inline-block; padding:0px 5px;  }
.main-bottom-icons2 img { width:150px;  }
#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-box4,
.left-menu-box3 { width:140px; height:180px; /*height:330px;*/ background-size:cover; background-position:center !important; 
    box-shadow: 2px 2px 2px 0px #777; transition:all 0.3s ease; }

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

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


 footer { float: left;  height:355px; }
.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;
}
.margin-top-60 {
    margin-top: 60px;
}
.main-bottom-icons li img {  }
.main-bottom-icons li { display:inline-block; text-align:center; }

/*.direct-popup .visible-popups > .each { left:inherit !important; right:150px; }*/

@media(max-width:1880px)
{
    #main_banner { /*padding-left:30px; width:65%;*/ }
    #swiperSlider581 { width:100%; }
    #main_icons { /*width:35%;*/ float:right; margin-right:100px; }
    .news-content-bottom { padding-left:30px; padding-right:30px; }
}

@media(max-width:1580px)
{
    .main-advertising > div:first-child { /*padding-right:30px;*/ }
    /*.left-menu-box { left:10px; }*/
	.left-menu-box{right:515px;}

    .main-news > div { /*padding-left:30px !important; padding-right:30px !important;*/ }
    #main_icons li { /*padding:55px 30px;*/ }
    .news-content-bottom a {width:14.2%;}
    
    footer { /*height:300px;*/ }
    .container-fluid { padding-left:15px; padding-right:15px; }
    #main_banner { padding-left:60px; width:67%; }
    #swiperSlider18168 { /*width:880px;*/ width:100%; }
}

@media(max-width:1450px)
{
    .right-menu-box { width:400px; }
    /*
    #main_icons li { padding:40px 20px; }
    footer { height:250px; }
        */
    footer { height:300px; }
    #main_icons .main-bottom-icons li { padding-top:30px; }
    #main_icons { margin-right:50px; }
}

@media(max-width:1260px)
{
    .left-menu-box { width:450px; top:40%; right: 440px; }
    .left-menu-box1, .left-menu-box2,.left-menu-box4, .left-menu-box3 {
        width: 100%;
        height: 120px;
        float: none;
        display: block;
        background-size: 100% auto !important;
        background-position-y:center !important;
    }
	.bottom-menu-box .title{font-size: 16px;}
    .left-menu-box h1 br { display:none; }
   .left-menu-box2,  .left-menu-box3,.left-menu-box4  { margin-top:10px !important;}
    /*#main_icons li { padding:30px 10px; }
    #main_icons span { font-size:14px; }*/

}

@media(max-width:1150px)
{
    .left-menu-box { width:450px; right: 395px;  }
    .right-menu-box { width:360px; padding-left:30px; padding-right:30px; }
    #main_banner { padding-left:30px; padding-right:15px; width:63%; }
    #main_icons { margin-right:15px; }
    footer { height: 270px; }
}