/*서브탑*/
#subtop { position: relative; margin-top: 100px; margin-bottom: 50px; }
#subgnb { text-align: left; background: transparent; width: 100%; }
#subgnb > .container { background: #fff; padding: 0 15px; border-radius: 5px; z-index: 10; }
#subgnb span, #subgnb a { font-size: 18px; color: #777; font-weight: bold; position: relative; text-decoration: none; transform: skew(-0.05deg); }
#subgnb > div > div > div > img { float: left; padding: 11px 15px 15px 5px; position: relative; top: 2px; max-width: 45px; }
#subgnb a.active { color: #f1592a; font-weight: bold; }
#subgnb .subgnb-home { float: left; margin-top: 15px; margin-right: 0; }

.sub-top-2 { position: relative; }
.sub-top-2 .subtop-bottom { background-color: rgba(255,255,255,1); position: relative; bottom: 0; padding: 2% 0 0%; width: 100%; }
.sub-top-2 .subtop-bottom .subtop-menu ul { text-align: center; display: flex; flex-wrap: wrap; justify-content: center; }
.sub-top-2 .subtop-bottom .subtop-menu ul li { display: inline-block; }
.sub-top-2 .subtop-bottom .subtop-menu ul li a { display: inline-block; padding: 52px 13px 25px; font-size: 17px; font-weight: 700; text-decoration: none; color: #343434; position: relative; }
.sub-top-2 .subtop-bottom .subtop-menu ul li p { display: inline-block; padding: 52px 0px 25px; font-size: 17px; font-weight: 700; text-decoration: none; color: #343434; position: relative; }
.sub-top-2 .subtop-bottom .subtop-menu ul li a .btn-plus { position: absolute; top: 40%; left: 45%; background: #f1592a; width: 6px; height: 6px; border-radius: 50%; text-align: center; opacity: 0; transition: all .3s linear; }
.sub-top-2 .subtop-bottom .subtop-menu ul li a:hover .btn-plus,
.sub-top-2 .subtop-bottom .subtop-menu ul li.active a .btn-plus,
.sub-top-2 .subtop-bottom .subtop-menu ul li a:focus .btn-plus { opacity: 1; }

.subtop-bottom2 { background-color: rgba(255,255,255,1); height: 140px; position: relative; bottom: 0; left: 10px; width: 100%; }
.subtop-bottom2 .subtop-menu ul { text-align: center; display: flex; flex-wrap: wrap; justify-content: center; }
.subtop-bottom2 .subtop-menu ul li { display: inline-block; }
.subtop-bottom2 .subtop-menu ul li a { display: inline-block; margin: 30px 0; width: 420px; padding: 15px 70px; border: solid 1px #dfdfdf; font-size: 17px; font-weight: 700; text-decoration: none; color: #343434; position: relative; }
.subtop-bottom2 .subtop-menu ul li p { display: inline-block; padding: 52px 0px 25px; font-size: 17px; font-weight: 700; text-decoration: none; color: #343434; position: relative; }
.subtop-bottom2 .subtop-menu ul li a:hover, .subtop-bottom2 .subtop-menu ul li.active a, .subtop-bottom2 .subtop-menu ul li a:focus { border: solid 1px #123369; color: #123369; }

.subTitle { position: relative; text-align: center; }
#sub_title { font-size: 40px; font-weight: 600; border-bottom: 4px solid black; display: inline-block; padding-bottom: 10px; }

.board-title { margin-top: 30px; margin-bottom: 30px; position: relative; display: inline-block; transform: translateX(-50%); left: 50%; text-align: center; padding-bottom: 15px; text-align: center; border-bottom: 3px solid #000; font-size: 40px; }
.img-wrap { word-break: keep-all; text-align: center; }
.page-content { word-break: keep-all !important; }
.board-theme.gallery .theme-list > .each-document > a.title-image > .list-items { background: rgba(255, 255, 255, 0.3) !important; }
.board-theme.gallery .theme-list > .each-document > a.title-image:hover > .list-items { /*opacity: 0 !important;*/ }
.board-theme.gallery .theme-list > .each-document > a.title-image > .list-items .items-wrapper { display:none !important; }

/*버튼*/
.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%); }

/*탭 페이지 S*/
.sub-section1 { height: 620px; background-size: cover; position: relative; min-height: 200px; background: url(/UserData/pcltvhp/Layouts/pcltvhp_Layout/Images/sub/four/1.2_titleimg.jpg); }
.sub-section2-back { height: 620px; background-size: cover; position: relative; min-height: 200px; background: url(/UserData/pcltvhp/Layouts/pcltvhp_Layout/Images/sub/outsideview/outsideview.jpg); }
.tab-content-right { transition: 0.3s all; position: absolute; top: 0; left: auto; right: 0; height: 100%; width: 50%; background-size: cover !important; background-position: 50% 50% !important; background-repeat: no-repeat; }

.active-tab { display: block; opacity: 1; transition: 150ms all; }
.tab-wrap { position: relative; background-color: #fdb723; width: 260px; padding: 40px 0; text-align: center; position: absolute; top: 140px; left: 50%; z-index: 10; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.tab-top { display: none; padding: 35px 0 0 100px; color: #fdb723; margin: 0 0 30px; }
.tab-header { cursor: pointer; color: #fff; position: relative; -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out; font-size: 24px; letter-spacing: .72px; }
.tab-header.active-tab, .tab-header:hover { color: #000; }
.tab-header.active-tab:before { content: ''; position: absolute; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-right: 10px solid #fdb723; top: 50%; left: -10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.tab-content-wrap { min-height: 700px; background: black; }
.tab-content-wrap:after { content: ""; display: table; clear: both; }
.tab-content-left { word-break: keep-all; padding: 75px; height: 100%; width: 50%; float: left; padding-top: 125px; padding-right: 170px; color: white; }
.each-tab { opacity: 0; min-height: 700px; float: left; position: relative; top: 0; left: 0; width: 100%; height: 100%; }
.title { /*font-size:30px;*/ font-weight: bold; margin-bottom: 30px; }
.sub-title { font-size: 23px; margin-bottom: 30px; }
.content { font-size: 20px; }

/*원서클*/
.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; color: white; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
.circletime-wrap { width: 900px; }
/*탭 페이지 E*/
.slide-head-title { font-size: 35px; margin-bottom: 20px; }
.slide-body-content { font-size: 25px; line-height: 1.5; margin-bottom: 20px; }
.slide-footer-add li { font-size: 25px; line-height: 1.5; }
.awana-wrap { position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: table; }
.awana-wrap2 { display: table-row; }
.awana-wrap3 { display: table-cell; vertical-align: middle; }
.sub-slide-section1-back1 { height: 620px; background-size: cover; position: relative; min-height: 200px; background: url(/UserData/pcltvhp/Layouts/pcltvhp_Layout/Images/sub//kids/kids_back.jpg); }
.sub-slide-section1-back2 { height: 620px; background-size: cover; position: relative; min-height: 200px; background: url(/UserData/pcltvhp/Layouts/pcltvhp_Layout/Images/sub/awana/awana_back.jpg); }
.sub-slide-section1-back3 { height: 620px; background-size: cover; position: relative; min-height: 200px; background: url(/UserData/pcltvhp/Layouts/pcltvhp_Layout/Images/sub/discipleship/discipleship_back.jpg); }
.sub-slide-section2 { padding-top: 90px; padding-bottom: 90px; background-color: #fdb723; text-align: center; font-size: 25px; color: white; }
.sub-slide-section2 .inner-content p { margin: 0px; }

#custom_carousel .item { color: #000; padding: 0px 0; }
#custom_carousel .controls { overflow-x: auto; overflow-y: hidden; padding: 30px 0px; margin: 0; white-space: normal; text-align: center; position: relative; background: #000 }
#custom_carousel .controls li { display: inline-block; }
#custom_carousel .controls li:before { content: '/'; position: absolute; left: -4px; top: 15px; color: #fff; font-size: 20px; z-index: 999; }
#custom_carousel .controls li:first-child:before { display: none; }
#custom_carousel .controls li.active a { color: white; font-size: 20px; }
#custom_carousel .controls li a { overflow: hidden; display: block; font-size: 20px; margin-top: 5px; font-weight: bold; color: orange; }
/*슬라이드 페이 E*/
.text-clean li { counter-increment: chapter; padding-left: 1em; text-indent: -1.1em; }
.text-clean li:before { content: counter(chapter)". "; }
.center-padding p img { padding: 0px 5px !important; }
.slide__content { padding-top: 50px; }
.ul-secondary li { line-height: 1.5; }
.margin-15px { margin: 15px 0px; }

/*교회소개 > 연혁*/
.history_01 td:nth-child(1) { white-space: nowrap; }
.sub17 #unit6717 > hr { z-index: -99; width: 16% !important; }

/*교회소개 > 찾아오시는 길*/
.sub143 #unit6717 > div { padding: 50px 20px !important; }
.sub143 #unit6717 > div .col-lg-6 > div { text-align: center; white-space: nowrap; }

@media (max-width:1900px) { }

@media(max-width:1700px) {
}

@media(max-width:1520px) {
}

@media(max-width:1300px) {
}

@media(max-width:1199px) {
    .circletime-wrap { width: 700px; }
    .board-title-padding { padding-bottom: 45px !important; }
    div#daumRoughmapContainer1688101963246 { width: 425px !important; height: 320px !important; }

    /*교회소개 > 담임목사 인사말*/
    .sub15 #component4138 #unit6878 > div { padding: 20px !important; }

    /*교회소개 > 찾아오시는 길*/
    .sub143 #unit6717 > div .col-lg-6 > div { text-align: left !important; margin-bottom: 10px; }

    /*교회소개 > 온라인헌금*/
    .sub21 #unit1318 > div > div { top: 50% !important; left: 70% !important; width: 55%; transform: translate(-50%, -50%); }
}

@media(max-width:991px) {
    .img-wrap img { min-height: 300px; }
    #dimodePage .dimode-sort { display: flex; flex-direction: column; }
    #pastor-wrap { display: block !important; }
    .awana-wrap { position: relative; padding: 15px; }
    .open { left: 0px !important; }
    #sub_title { font-size: 30px; }
    .tab-wrap { width: 320px; height: 100%; top: 0; z-index: 10; text-align: left; padding: 35px 12px 35px 35px; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; left: -260px; }
    .tab-content-left { padding-top: 250px; padding-right: 75px; width: 100%; height: 50%; }
    .tab-content-right { position: relative; width: 100%; padding: 35px 20px 50px 90px; height: 250px; }
    .arrow { width: 20px; height: 20px; background-color: #fff; position: absolute; right: 25px; top: 39px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
    .arrow:before { font-family: FontAwesome,FontAwesome; content: '\f104'; position: absolute; color: #fdb723; line-height: 20px; font-size: 18px; font-weight: 700; left: 6px; }
    .be-arrow:before { font-family: FontAwesome,FontAwesome; content: '\f105'; position: absolute; color: #fdb723; line-height: 20px; font-size: 18px; font-weight: 700; left: 8px; }
    .tab-wrap:before { content: ''; position: absolute; right: -10px; top: 39px; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-left: 10px solid #fdb723; opacity: 1; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
    .tab-top { display: block; margin-bottom: 40px; padding-right: 50px; line-height: 1; }
    .tab-header { max-width: 200px; }

    /*교회소개 > 담임목사 인사말*/
    .sub15 #unit4737 > div { width: fit-content; }

    /*교회소개 > 연혁*/
    .sub17 #unit6717 > hr { width: 16% !important; }
}

@media(max-width:767px) {
    .img-wrap span { font-size: 25px !important; }
    .slide-head-title { font-size: 30px; margin-bottom: 20px; }
    .slide-body-content { font-size: 20px; line-height: 1.5; margin-bottom: 20px; }
    .slide-footer-add li { font-size: 20px; line-height: 1.5; }
    .page-content { font-size: 14px !important; }
    #subtop { margin-top: 60px; }
    #subtop > img { min-height: 200px }
    #subtop .sub-desc .sub-top-title { font-size: 28px; }

    /*교회소개 공통*/
    #unit6717 > div { padding: 20px !important; }

    /*교회소개 > 비전*/
    .sub16 #unit4874 > div > div { width: 80%; }

    /*교회소개 > 연혁*/
    .sub17 #unit6717 > hr { width: 16% !important; }
    .sub17 #unit6717 .font-l { font-size: 0.9rem; }

    /*교회소개 > 예배안내*/
    .worship_01 td.font-l { font-size: 0.9rem; }

    /*교회소개 > 찾아오시는 길*/
    .sub143 #unit6717 > div { padding: 20px !important; }
    .sub143 #unit6717 .font-l { font-size: 0.9rem; }
    .sub143 #unit6717 > div .col-lg-6 > div { white-space: break-spaces;}

    /*교회소개 > 온라인헌금*/
    .sub21 #unit1318 > div > div { left: 50% !important; width: 90%; background: #00000073; padding: 15px; color: #fff; }
}


@media(max-width:567px) {

}