﻿/*메인*/
#dimodePage{display: block!important;}
.main-section1, .main-section2, .main-section3, .main-section4, .main-section5, .main-section6{overflow:hidden;}
/*section1*/
:root{--gap:30px;--width1:30%;--width2:8;}
.black{color:#000;}
.white{color:#fff;}
.blacksky{color:#020E40;}
.blacksky2{color:#030F3F;}
.opacityM {
    opacity: .7;
}

#main1 .main1M{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,var(--width1)),1fr));padding: 30px 0;}
#main1 .main1M .main1L{grid-column: 1;display: inline-flex;flex-direction: column;justify-content: space-between;}
#main1 .main1M .main1L hr{width: 13%;margin: 0 auto 0 0;border: 1px solid #000;}
#main1 .main1M .main1L img{margin: 33px  0 0;font-size: 37px;font-weight: bold;letter-spacing: .5px; width: 70%; }
#main1 .main1M .main1L h5{margin: 0;line-height: 1.5;display: inline-block;font-size: 18px;letter-spacing: .5px; color: #888888;}

#main1 .main1M .main1R{grid-column: 2/4;display: inline-flex;width: 100%;justify-content: space-between;align-items: flex-end;}
#main1 .main1M .main1R .main1RBOX{height:125px;width:calc(100% / var(--width2) - 10px);display: inline-flex;position:relative;
justify-content: center;align-items: center;gap: 20px;flex-direction: column;text-decoration:none;color:inherit;border: 1px solid #000;}
#main1 .main1M .main1R .main1RBOX:hover{animation: updown 1s ease-in-out infinite;-webkit-animation: updown 1s ease-in-out infinite;transition: all 1s;background-color:#fff;}
#main1 .main1M .main1R .main1RBOX h1{margin:0;font-size:17px;}
#main1 .main1M .main1R .main1RBOX .main1IMG{width:50px;height:50px;position:relative;}
#main1 .main1M .main1R .main1RBOX .main1IMG .on,
#main1 .main1M .main1R .main1RBOX .main1IMG .off{background-size:contain;background-repeat:no-repeat;background-position:center;
position:absolute;width:100%;height:100%;}

/*section2*/
.section2-1 {
    padding: 60px 0px;
}
.section2-1-title{font-weight:bold;font-size:25px;margin-bottom:15px;text-shadow: 0px 1px 1px #000;}
.section2-1-content{margin-bottom:5px!important;font-size:25px;}

/*section2*/
.section2-2 {background:url(/UserData/pcltvhp/Layouts/pcltvhp_Layout/Images/main/worship_bg01.jpg);padding:100px 0px 150px;background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}
.section2-2-wrap{color:white;}
.section2-2-wrap .section2-2-left{text-align: center;}
.section2-2-wrap .section2-2-left .col-sm-3 a{display:inline-block; border-radius:120px; text-decoration:none; color:white;}
.section2-2-wrap .section2-2-right{text-align:center;}
.section2-2-wrap .section2-2-right a{display:inline-block; border-radius:120px; text-decoration:none; color:white;}
.section2-2-title{font-size:25px; margin:30px 0px; font-weight:bold;}
.section2-2-circle {width: 140px;height: 140px;position: relative;display: inline-block;border: 6px solid #fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.section2-2-circle p{font-size: 20px;position: absolute;left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
.section2-2-circle img{position: absolute;left: 50%; top: 45%; transform: translateX(-50%) translateY(-50%);}

/*section3*/
.section3-1,.section3-2{background:#FBFBFB;}
.section3-1{padding:50px 0px 0px;}
.section3-1-wrap{padding-bottom:30px; border-bottom:2px solid #EFEFEF;}
.section3-1 .week-bible{font-size:35px; font-weight:bold;}
.section3-1 .week-date{font-size:20px; font-weight:bold;}
.section3-1 .week-content .title{font-size:25px; font-weight:bold;}
.section3-1 .week-content .bible{font-size:20px; }
.section3-2{padding:50px 0px 50px; word-break:keep-all;}
.section3-2-right{padding-left: 20px;padding-right: 0px;}
.section3-2-title{color:#D29065; font-size:18px; font-weight:bold;}
.section3-2-content{ font-size:20px;}
.section3-2 .map-veiw-btn{border: 3px solid #000;color:#FC5D33; font-size:18px; text-decoration:none; padding:15px 30px; background:black;display: inline-block; transition:0.3s all;}

/*section4*/
.main-section4-wrap {word-break:keep-all;padding: 100px 0px 100px;display: inline-block; width: 100%; }
.section4-1-wrap{margin-bottom:30px;}
.section4-2-wrap{margin-bottom:30px;}
.section4-2-title{font-size:30px; }
.together-box{border-right: 1px solid #fff; padding:0px;}
.together-box:last-child{border-right:0px;}
.together-box a{font-size:25px; width:100%; height:100%;    padding: 90px 0px;display:inline-block; color:white; text-decoration:none;}
.together-box a p{font-size: 30px;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.section4-3-circle { font-wieght:bold;width: 200px;height: 200px;position: relative;display: inline-block;border: 6px solid #fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.section4-3-circle p{font-wieght:bold;} 
.section4-3-box1{background:url(/UserData/pcltvhp/Layouts/pcltvhp_Layout/Images/main/together01_bg.jpg); background-repeat:no-repeat; background-size:100% 100%; background-position:center;}
.section4-3-box2{background:url(/UserData/pcltvhp/Layouts/pcltvhp_Layout/Images/main/together02_bg.jpg); background-repeat:no-repeat; background-size:100% 100%; background-position:center;}
.section4-3-box3{background:url(/UserData/pcltvhp/Layouts/pcltvhp_Layout/Images/main/together03_bg.jpg); background-repeat:no-repeat; background-size:100% 100%; background-position:center;}
.section4-3-box4{background:url(/UserData/pcltvhp/Layouts/pcltvhp_Layout/Images/main/together04_bg.jpg); background-repeat:no-repeat; background-size:100% 100%; background-position:center;}

/*section5*/
.uuchunchung {width: 259px;height: 267px;display: inline-block;background-size: 100%;background: url(/UserData/pcltvhp/Layouts/pcltvhp_Layout/Images/main/circle_off.png);
    background-repeat: no-repeat;background-size: 100% 100%!important; background-position: center;}
.section5-1-title{font-weight:bold;font-size:25px;margin-bottom:15px;text-shadow: 0px 1px 1px #000;}
.section5-1-content{font-size:25px;}
.uuchunchung-box{padding:90px 0px;}
.uuchunchung{position: relative;font-size:30px; color:black!important; text-decoration:none!important; border-radius: 0px 120px 120px 120px;}
.uu-text{position: absolute;top: 50%;transform: translateX(-50%) translateY(-50%);left: 50%;}

/*section6*/
/*이미지*/
.section6-1-left{ min-height: 450px;background:url(/UserData/pcltvhp/Layouts/pcltvhp_Layout/Images/main/img01.jpg); background-repeat:no-repeat;}
.section6-2-right{ min-height: 450px;background:url(/UserData/pcltvhp/Layouts/pcltvhp_Layout/Images/main/img02.jpg);background-repeat:no-repeat;}
.section6-3-left{ min-height: 450px;background:url(/UserData/pcltvhp/Layouts/pcltvhp_Layout/Images/main/img03.jpg);background-repeat:no-repeat;}
.section6-4-right{ min-height: 450px;background:url(/UserData/pcltvhp/Layouts/pcltvhp_Layout/Images/main/img04.jpg);background-repeat:no-repeat;}
/*텍스트*/
.main-section6-wrap{display:block; width:100%;padding-top:45px;background:#373d4a;}
.main-section6-wrap > .seciont6-line{background:white;}
.ham-wrap, .notice-wrap{padding-left:90px; width: 100%; position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.office-wrap {padding-left:30px;padding-right:90px;}
.new-box-wrap {position: absolute; display:flex; top: 50%;transform: translateY(-50%);}
.thumb-nail{text-align:right;}
.office-wrap{right:0%;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.section6-1-right, .section6-2-left, .section6-3-right, .section6-4-left {position:relative;min-height: 450px;}
.notice-text-title, .news-text-title, .ham-text-title, .office-text-title{font-size:25px;font-weight:bold; margin-bottom:20px;}
.news-text-subtitle, .ham-text-subtitle, .office-text-subtitle{font-size:20px;}
.notice-text-content, .news-text-content, .ham-text-content, .office-text-content{font-size:20px;}
.section6-more-btn {display:inline-block; position:relative; text-align: center; transition:0.3s all;border: 3px solid #000;color:#FC5D33; font-size:18px; text-decoration:none;  background:black;border: 3px solid #000;width: 180px;height: 60px;}
.section6-more-btn:hover{ text-decoration:none;color:#FC5D33; }
.section6-more-btn span{position: absolute;top: 50%;left: 50%;width: 100%;transform: translateX(-50%) translateY(-50%);}
.email-text, .tel-text {font-size:18px;}
.notice-text, .news-text, .ham-text, .office-text{margin-bottom:45px; word-break:keep-all;}
/*슬라이드 지우기*/
/*.slider .move-btn.prev-btn{background:rgba(0,0,0,0);}
.slider .move-btn.next-btn{background:rgba(0,0,0,0);}
.slider-dots{display:none;}*/




@media(min-width:1320px) {
    .container{width:1300px;}
}
@media(max-width:1199px) {
    #main1 .main1M { gap: 25px; height: inherit; padding: 40px 0;}
    #main1 .main1M .main1L { grid-column: 1 / 4;}
    #main1 .main1M .main1L img {width: 40%;}
    #main1 .main1M .main1R {grid-column: 1 / 4;}
    #main1 .main1M .main1R .main1RBOX {--gap: 10px;}
    #main1 .main1M .main1L h5 {font-size: 17px; word-break:keep-all;}
    .section4-3-circle{width:180px;height:180px;}
    .thumb-nail{display:none;}
}
@media(max-width:991px) {
    .uuchunchung{width: 249px; height: 257px;}

}
@media(max-width:767px) {
    #main1 .main1M .main1L h5 {font-size: 13px;}
    :root {
        --width2: 4;
        --width3: 4;
    }
    /*모바일 플렉스*/
    .main-section6-wrap > .seciont6-line{display:flex;flex-direction:column;width: 100%;}
    .section6-1-left{order: 1;display: inline-block;width: 100%;}
    .section6-1-right{order: 2;display: inline-block;width: 100%;}
    .section6-2-left{order: 2;display: inline-block;width: 100%;}
    .section6-2-right{order: 1;display: inline-block;width: 100%;}
    .section6-3-left{order: 1;display: inline-block;width: 100%;}
    .section6-3-right{order: 2;display: inline-block;width: 100%;}
    .section6-4-left{order: 2;display: inline-block;width: 100%;}
    .section6-4-right{order: 1;display: inline-block;width: 100%;}

    /**/
    .section4-3-box1{margin-bottom:15px!important;}
    .section4-3-box2{margin-bottom:15px!important;}
    .section4-3-box3{margin-bottom:15px!important;}
    .section4-3-box4{margin-bottom:15px!important;}
    .ham-wrap, .notice-wrap{padding:0px!important;text-align:center;}
    .office-wrap{padding:0px!important;}
    .uuchunchung-box{padding:15px 0px;}
    .main-section1{display: flex;flex-direction: column;}
    .section2-1{padding-top:0px; word-break:keep-all;}
    .section2-2-title{margin:50px 0px 30px;}
    .section3-2-left,.section3-2-right{text-align:center;padding:30px 0px;}
    .notice-wrap{width:100%; left:0%; text-align:center;}
    .office-wrap{width:100%; right:0%; text-align:center;}
    .news-wrap{width:100%;right:0%; text-align:center;}
    .ham-wrap{width:100%;left:0%; text-align:center;}
}

