@charset "utf-8";

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
@font-face {
    font-family: 'Cafe24Oneprettynight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Oneprettynight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* css초기화 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, input, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, select, summary, time, textarea, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; word-break: keep-all; word-wrap: break-word; font-family: 'SUIT Variable', sans-serif; font-size: 16px; color: #222; letter-spacing: -.5px; box-sizing: border-box;}
    /* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1; font-family: 'SUIT Variable', sans-serif;}
header, ol, ul, li{list-style: none; box-sizing: border-box;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
a, a:hover {text-decoration: none;}
ul, li {list-style: none; margin: 0; padding: 0; box-sizing: border-box;}
input, label {box-sizing: border-box;}
button {background: none; cursor: pointer; border-radius: 0; border: 0;}
.loading {position: fixed; width: 100%; height: 100vh; background-color: #fff; z-index: 10;}
:focus-visible{outline: none;}
.cursor-p{cursor: pointer;}
.dp-flex{display: flex;}
.dp-center{display: flex; align-items: center; justify-content: center;}
.dp-sp-between{display: flex; justify-content: space-between;}
.fade-out{opacity: 0; transition: all 0.8s cubic-bezier(0.25, 0.47, 0.12, 0.99); visibility: hidden;}
.bi-plus-lg{font-size: 40px;}
.flex{display: flex;}
.fjc{display: flex; justify-content: center;}
.fac{display: flex; align-items: center;}
.fcc{display: flex; align-items: center; justify-content: center;}
.between{justify-content: space-between;}
.fdc{flex-direction: column;}
*{font-family: 'SUIT Variable', sans-serif;}
.dsNone{display: none;}
/* 공통영역 */
    /*폰트사이즈 */
    h1{font-size: 60px;}
    h2{font-size: 30px;}
    h3{font-size: 24px;}
    h4{font-size: 22px;}
    h5{font-size: 18px;}
    h6{font-size: 14px;}
      /*폰트 굵기 */
    .bold1{font-weight: 900;}
    .bold2, strong{font-weight: 700;}
    .bold3{font-weight: 500;}
    .light1{font-weight: 300!important;}
    /* 다른 글씨체 */
    .prettynight{font-family: 'Cafe24Oneprettynight', sans-serif; font-weight: bold;}
        /* 컬러 */
    .bg-white{background-color: #fff;}
    .bg-green{background-color: #489d87;}
    .bg-mint{background-color: #daf7ef;}
    .bg-sky{background-color: #0ca3d5;}
    .cl-green{color: #489d87;}
    .cl-mint{color: #daf7ef;}
    .cl-white{color: #fff;}
    .cl-7c{color: #7c7c7c;}
        /*width, height*/
    .w-1400{width: 1400px; margin: 0 auto;}
    .w-1000{width: 1000px; margin: 0 auto;}
    .height100{height: 100%;}
        /*margin,padding*/
    .mg-t-120{margin-top: 120px;}
    .mg-r-60{margin-right: 60px;}
    .mg-l-60{margin-left: 60px;}
    .mg-l-50{margin-left: 50px;}

    .myeongjo{font-family: 'Nanum Myeongjo', serif;}
    main{margin:160px auto; width: 1200px;}
    .mt28{margin-top: 28px;}
    .title{font-weight: bold; font-size: 26px; letter-spacing: -1.5px; color: black;}
    .joonTitle{font-size: 22px; letter-spacing: -1.5px; color: #000; font-weight: bold;}
    .subtitle{font-size: 19px; letter-spacing: -1.5px; color: #6d6d6d;}
    .heavyTitle{font-size: 48px; letter-spacing: -4.5px; color: #333333; line-height: 60px;}
    .textCenter{text-align: center;}
    .lh30{line-height: 30px;}
    .write-form{width: 1200px; margin: 80px auto;}
/* 헤더 */
header{width: 100%; z-index: 20; position: fixed;}
header .basic, header .scroll{padding: 28px 3vw; align-items: center; position: absolute; width: 100%; justify-content: space-between;}
header .scroll{border-bottom: 1px solid #e1e1e1; box-shadow: 0 1px 8px #d3d3d373;}
    /* .gnb{padding: 0 420px;} */
    .gnb-menu{justify-content: space-between}
    .gnb-list{margin-right: 40px; position: relative;}
    .gnb-list:hover .second-menu{opacity: 1; visibility: visible; transition: all 0.3s;}
    .gnb-list::before{content: ' '; display: block; width: 10px; height: 10px; border-radius: 100%; background-color: #69b82e; position: absolute; top: 4px; left: -16px; transition: all 0.2s; opacity: 0;}
    .gnb-list:hover::before{opacity: 1; transition: all 0.2s;}
        .gnb-list .first-menu{color: #222;}
        .gnb-list .second-menu{opacity: 0; visibility: hidden; transition: all 0.3s; position: absolute; width:300%; height: auto; padding: 20px 20px 20px 30px; top: 30px; line-height: 40px; border-radius: 16px; left: -32px;}
header .basic .gnb-list .second-menu{background-color: #00000059;}
header .basic .gnb-list .second-menu a{color: #fff;}
header .scroll .gnb-list .second-menu{background-color: #ffffffea; border: 1px solid #f4f4f4; box-shadow: 1px 2px 6px #8989892e; top: 50px;}
    .btn-sitemap{position: relative; width: 20px; height: 20px; margin-left: 20px;}
    .btn-sitemap span{width: 20px; height: 3px; background-color: #333; position: absolute;}
    .btn-sitemap span:nth-child(1){top: 0;}
    .btn-sitemap span:nth-child(2){top: 7px}
    .btn-sitemap span:nth-child(3){top: 14px}
    .sns a{display: block; width: 27px; height: 27px; background-size: cover; border-radius: 100%;}
    .sns a:nth-child(1){background: url(../img/main/sns_youtube.png) no-repeat;}
    .sns a:nth-child(2){background: url(../img/main/sns_kakao.png) no-repeat; margin: 0 16px;}
    .sns a:nth-child(3){background: url(../img/main/sns_insta.png) no-repeat;}
    #responBoard{width: 1200px; margin: 160px auto;}
    .anima:first-child{animation-delay: 0.6s}
    .anima:nth-child(2){animation-delay: 0.85s;}
    .anima:nth-child(3){animation-delay: 1.05s;}
    .anima:nth-child(4){animation-delay: 1.25s;}
    .anima:nth-child(5){animation-delay: 1.45s;}
    .anima:nth-child(6){animation-delay: 1.65s;}
    .logo img{width: 170px !important;}

 /* 사이트맵 */
.sitemap {opacity: 0; visibility: hidden; width: 100%; height: 0; position: fixed; z-index: 99; top: 0; padding: 0 50px 72px 0; transition: all .6s; display: flex; flex-direction: column; justify-content: space-between;}
.sitemap .wrap{width: 72.9166%; margin: 0 auto; padding-top: 140px;}
.sitemap .menu-wrapper{height: 417px;}
.sitemap .menu-wrap{border-left: 1px solid #55bfe2; padding-left: 28px;  opacity: 0; transition: all .3s; transform: translate(0, -70px); transition-delay:0}
.sitemap .main-menu,
.sitemap .sub-menu{color: #fff;}
.sitemap a{font-size: 18px; line-height: 54px;}
.sitemap .main-menu{font-size: 30px; line-height: 30px; margin-bottom: 24px;}
.sitemap .menu-wrap ul{margin-top: 20px;}
.sitemap .menu-wrap li{position: relative;}
.sitemap .menu-wrap li::before{content: " "; display: inline-block; position: absolute; width: 8px; height: 8px; border-radius: 100%; background-color: #fff; top: 50%; transform: translateY(-50%); left: -14px; visibility: hidden;}
.sitemap .menu-wrap li:hover::before{visibility: visible;}
.sitemap button{width: 30px; height: 30px; position: absolute; top: 40px; right: 50px;}
.sitemap .icon-x::before,
.sitemap .icon-x::after{content: " "; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -15px; display: block; width: 24px; height: 2px; background: #fff;}
.sitemap .icon-x::before{transform: rotate(-45deg);}
.sitemap .icon-x::after{transform: rotate(45deg);}
.sitemap .sns-box{justify-content: flex-end;}
.sitemap .sns-circle{opacity: 0; width: 50px; height: 50px; border-radius: 100%; margin-left: 16px; background-color: #fff;}
.sitemap .sns-circle a{width: 100%; height: 100%;}
.sitemap .sns-circle a:hover{border-radius: 100%; border: 3px solid #0161b0; transform: scale(1.2); transition: transform 0.5s;}
.sitemap.open{opacity: 1; visibility: visible; height: 100vh; transition: all 1s;}
.sitemap.open .menu-wrap,
.sitemap.open .sns-circle{opacity: 1; transform: none; transition: all 0.7s ease-in-out; transition-delay: 1s;}
.sitemap.open .menu-wrap:nth-child(1){transition-delay: 0.3s;}
.sitemap.open .menu-wrap:nth-child(2){transition-delay: 0.4s;}
.sitemap.open .menu-wrap:nth-child(3){transition-delay: 0.5s;}
.sitemap.open .menu-wrap:nth-child(4){transition-delay: 0.6s;}
.sitemap.open .menu-wrap:nth-child(5){transition-delay: 0.7s;}
.sitemap.open .menu-wrap:nth-child(6){transition-delay: 0.8s;}

/* 메인 - 비주얼 */

.swiper-wrapper{ transition-timing-function: linear;}
.swiper-slide-active{transition-timing-function: ease-in-out; animation-duration: 0.5s; animation-delay: 1s;}
.swiper-slide-active .typo{ animation-duration: 0.5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards;}
.swiper-slide-active .typo01{animation-name: moveLeft;}
.swiper-slide-active .typo02{animation-name: moveRight; }

@keyframes moveLeft{
    from {
        opacity: 0;
        margin-left: -40px;
    }
    to {
        opacity: 1;
        margin-left:-20px;
    }
}

@keyframes moveRight{
    from {
        opacity: 0;
        margin-left: -50px;

    }
    to {
        opacity: 1;
        margin-left: -60px;
    }
}

.visual{position: relative; z-index: 1; overflow: hidden;}
.visual .v-slide{width: 100%; height: 100%; position: absolute;}
.visual .slide01{background-image: url(../img/main/main_visual.jpg); background-repeat: no-repeat; background-size: cover;}
.visual .slide02{background-image: url(../img/main/main_visual03.jpg);  background-repeat: no-repeat; background-size: cover;}
/* .visual img.bg{width: 100%;} */
.visual .txt-wrap{position: absolute;}
.visual .txt-wrap01{padding-left: 340px; top: 50%; transform: translateY(-64%);}
.visual .txt-wrap02{top: 50%; left: 50%; transform: translate(-50%, -64%);}
.visual .txt-wrap h1{line-height: 80px; margin-top: 16px;}
.visual .txt-wrap img{display: block; text-align: center;}
.visual img.typo01{margin-left: -20px;}
.visual img.typo02{margin-left: 80px; margin-top: 10px;}
.bi-caret-down-fill{color: #FFFFFF;}

.swiper_box_custom {
    aspect-ratio: 190 / 93;
}
/* 서브비쥬얼 */
.sv_img>img{width: 100%; max-height: 460px;}
.sub_visual{position: relative;}
.svAB {position: absolute;color: #FFFFFF; height: 220px; left: 50%; top: 45%; transform: translate(-50%, 0%); width: 100%;}
.sub_visual_tab_wrap{position:relative;}
.sub_visual {position: relative; line-height: 0;}
.sub_visual > img {width: 100%;}
    .sub_visual_text {position: absolute; width: 100%; height:calc(100% - 66px); top: 0; left: 50%; transform: translateX(-50%); display:flex; justify-content:center; align-items:center; flex-direction:column;}
    .sub_visual_text .order_text{color: #fff; font-size: 18px; font-weight:500; text-align: center; margin-bottom:15px;}
    .sub_visual_text p {color: #fff; font-size: 32px; font-weight:600; text-align: center;}

    /* tabs*/
        .sub_tab {display: flex; justify-content: center; align-items: center; width: 100%; background-color:rgba(0,0,0,.5); position:absolute; bottom:0; border-top:1px solid rgba(255, 255, 255, .3);}
            .tab_wrap {width: 1625px; margin: auto; display: flex; justify-content: flex-start; align-items: center; height: 66px;}
            .tab_wrap > div > ul {display: none; position: absolute; left: 0; top: 66px; width: 100%;background-color: #fff; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; z-index: 3;}
            .tab_wrap > div > ul > li {border-bottom: 1px solid #e5e5e5;}
            .tab_wrap > div > ul > li > a {display: flex; height: 54px; align-items: center; justify-content: flex-start; padding: 0 30px; color:#333; transition:all .2s;}
            .tab_wrap > div > ul > li > a:hover{background-color:#e5e5e5; color:#333;}
            .tab_wrap > div > ul > li.active > a{background-color:#0c5992; color:#fff;}
            .tab_wrap > div > ul > li .sub_tab_dep3{background-color:#f1f1f1;}
            .tab_wrap > div > ul > li .sub_tab_dep3 > li > a{display:block; line-height:1em; font-size:14px; color:#333; padding:13px 20px; transition:all .2s; font-weight:500;}
            .tab_wrap > div > ul > li .sub_tab_dep3 > li > a:hover,
            .tab_wrap > div > ul > li .sub_tab_dep3 > li > a.active{background-color:#c0ddf6;}

            .tab_wrap > .home_site{display: flex; justify-content: center; align-items: center; width: 60px; height: 66px; border-right: 1px solid rgba(255, 255, 255, .3);}
            .tab_wrap > a > i {color: #fff;}
                .depth {display: flex; height: 100%; flex-direction: column; justify-content: center; align-items: center; position: relative;}
                .depth span {padding: 0 30px; width: 260px; height: 100%; display: flex; justify-content: space-between; align-items: center; color: #fff; cursor: pointer; border-right: 1px solid rgba(255, 255, 255, .3);}

            .zoom_wrap {margin-left: auto; display: flex; justify-content: center; align-items: center;}
                .zoom_btn {width: 66px; height: 66px; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(255, 255, 255, .3); border-top: 0; border-bottom: 0; cursor:pointer;}
                .zoom_btn:last-child {border-left: 0;}
                .zoom_btn i {color: #fff; font-size: 25px;}

    .sub_wrap_tab{display:flex; justify-content:center; align-items:center; margin-bottom:60px;}
    .sub_wrap_tab ul{width:100%;}
    .sub_wrap_tab ul li a{font-size:16px; font-weight:500; line-height:1em; color:#333; background-color:#f2f2f2; display:flex; justify-content:center; align-items:center; height:60px; width:100%; transition:all .2s; border-right:1px solid #fff;}
    .sub_wrap_tab ul li:last-child a{border-right:0;}
    .sub_wrap_tab ul li.tab_on a,
    .sub_wrap_tab ul li a:hover{color:#fff; background-color:#06459a;}

    .sub_content_wrap {padding: 100px 0 100px; display: flex; justify-content: space-between; align-items: flex-start;}
    .sub_content_section{width:calc(100% - 220px); padding-right:75px;}

    .sv_tit>p{text-align: center; margin-bottom: 35px; font-size: 16px;}
    .sv_tit>h3{text-align: center; font-size: 36px; font-weight: bold;}
/* 메인 - Area */
#main-wrapper{width: 100%;}
    /* 영역 공통 */
    #area01 .txt-wrap,
    #area02 .txt-wrap{flex: 1.5; align-items: center;}
    #area01 .play-wrap,
    #area02 .btn-wrap{flex: 3;}
    #area02, #area03{padding: 150px 260px;}
        .title h2{font-size: 38px; margin-top: 10px;}
    #area03 .album-wrap,
    #area04 .map-wrap{margin-top: 28px;}
    #area03 .txt-wrap,
    #area04 .txt-wrap{justify-content: space-between; align-items: center;}
    a.more-plus{width: 56px; height: 56px; border-radius: 100%; border: 0px solid #489d87; margin-right: 12px;}
    a.more-plus i::before{transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);}
    a.more-plus:hover{border: 1px solid #489d87; transition: all 0.3s ease-in-out;}
    a.more-plus:hover i{color: #489d87; transition: all 0.2s;}
    a.more-plus:hover i::before{color: #489d87; transform: rotate(90deg); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 0.3s ease-in-out;}
    
    /* 비디오 버튼 */
    .video-play-button { position: absolute; z-index: 10; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 32px; height: 44px; /* background: #fff; */ border-radius: 50%; padding: 18px 20px 18px 28px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
    .video-play-button:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: rgba(255, 255, 255, .7); border-radius: 50%; animation: pulse-border 1500ms ease-out infinite; transition : all .3s;}
    .video-play-button:after {content: "";position: absolute;z-index: 1;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: block;width: 80px;height: 80px;background: #fff;border-radius: 50%;transition: all 200ms; transition : all .3s;}
    .video-play-button:hover:after {background-color: darken(#fff, 10%);}
    .video-play-button span {display: block;position: relative;z-index: 3;width: 0;height: 0;border-left: 14px solid #0C5A9C; border-top: 10px solid transparent; border-bottom: 10px solid transparent;}

    /* tv_layer */
    .tvl_wrap {position: fixed; width: 100%; height: 100vh; z-index: 20; background-color: rgba(0, 0, 0, .65); top: 0; left: 0; display: none; display: flex; justify-content: center; align-items: center;}
    .tvl_close {position: absolute; top: 50px; right: 30px; border-radius: 100%; border: 1px solid #fff; width: 58px; height: 58px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
    .tvl_close i {color: #fff; font-size: 32px;}

    .bt_banner_m{display:none;}
    @keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; }}

        ul.widgetA.youtube_v2 li:hover .video-play-button:before,
        ul.widgetA.youtube_v2 li:hover .video-play-button:after {background: #0051a3; opacity: .8; transition : all .3s;}
        ul.widgetA.youtube_v2 li:hover .video-play-button span {border-left: 14px solid rgba(255, 255, 255, .9); }
    /* 주일설교 위젯 */
    #area01{padding: 120px 0;}
    #area01 .video-wrap{width: 50%;}
    #area01 .video-wrap:nth-child(1){padding-right: 24px;}
    #area01 .video-wrap:nth-child(2){padding-left: 24px;}
    /* welcome 버튼 */
    #area02{height: 643px!important; background: url('../img/main/main_bg.jpg') no-repeat center center / cover;}
    #area02 .txt-wrap h5{margin-top: 20px;}
    #area02 .btn-wrap{height: 330px; display: flex; flex-direction: row; flex-wrap: wrap; align-content: space-between;}
    #area02 .btn-wrap li{flex: auto; width: 450px; height: 150px; border-radius: 20px; background-color: #fff; transition: all 0.2s linear; cursor: pointer;}
    #area02 .btn-wrap a{font-size: 30px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
    #area02 .btn-wrap li:nth-child(odd){margin-right: 24px;}
    #area02 .btn-wrap li:hover{background-color: #00000065; transform: scale(0.85); transition: all 0.2s ease-in-out;}
    #area02 .btn-wrap li:hover a{color: #fff;}
    /* 교회앨범 위젯 */
    #area03{padding: 110px 0; background-color: #f8f8f8;}
    #area03 .album-wrap{height: 345px;}
    #area03 .widgetGalleryA{width: 1400px!important; display: flex; justify-content: space-between; height: 400px;}
    #area03 .widgetGalleryA:after{display: none!important;}
    #area03 .widgetGalleryA li{width: 440px!important; float: none; margin-right: 0; position: relative;}
    #area03 .widgetGalleryA li:hover img{transform: scale(1.05); transition: all 0.4s ease-in-out;}
    #area03 .widgetGalleryA li .thumb{width: 100%!important; height: auto!important; margin-bottom: 20px; border-radius: 16px; overflow: hidden; display: block;}
    #area03 .widgetGalleryA li .thumb img{width: 100%!important; height: auto; transition: all 0.4s ease-in-out;}
    #area03 .widgetGalleryA li .title{font-size: 20px; margin-top: 16px; position: absolute; top: 300px; left: 0;}

    /* 오시는길 */
    #area04{padding: 120px 0;}
        .map-wrap iframe{border-radius: 16px;}
        .map-wrap .info-box{padding-left: 28px; margin-top: 40px;}
            .info-box .item-bus{align-items: center;}
            .info-box .item-bus:first-child{margin-bottom: 24px;}
            .info-box span{width: 32px; height: 32px; display: block; border-radius: 100%;  text-align: center; padding: 6px; display: flex; align-items: center; justify-content: center;}  
            .info-box span i{color: white; font-size: 15px;}
            .info-box p{font-size: 18px; line-height: 32px; margin-left: 20px;}
            .info-box strong{font-size: 18px; font-weight: 400;}
            
    .info-box .item-bus{margin-bottom: 24px;}

/* 푸터 */
footer{background-color: #333; height: 180px; padding: 40px 0;}
footer .txt-wrap{color: #898989; font-size: 14px; text-align: center; letter-spacing: 1.1px; padding: 32px 0;}
footer .map-btn a{display: inline-block; width: fit-content; height: fit-content; margin-right: 24px;}
footer .map-btn a:last-child{margin-right: 0;}

/* 교회비전 */
.visionText{margin-top: 78px;}
.visionText h1{font-size: 48px; line-height: 28px; letter-spacing: -4.5px; color: #333333;}
.visionText .t-box{font-size: 17px; line-height: 48px;margin-top: 50px; letter-spacing: -1.5px; color: #5e5e5e;}
    .t-box div{margin: 30px auto; display: flex; flex-direction: column; align-items: center}
.vision-txt{line-height: 3rem; font-size: 20px; width: fit-content; font-weight: 500; color: #333; position: relative; animation-duration: 1.5s;}
.vision-txt::before{content: ''; display: block; width: 100%; height: 16px; background-color: #defff6; position: absolute; bottom: 8px; z-index: -1;}
.vision{text-align: center;}
.fadeIn img {
    width: 100%;
}

.visionText > h4 {
    color: #000;
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 44px;
}

.visionText .info {
    font-family: "NotoSansKR";
    font-weight: 600;
    font-size: 19px;
    line-height: 2.53;
    color: #6d6d6d;
}

.visionText .list {
    border-bottom: 1px solid #e8e8e8;
    margin-top: 30px;
    margin-bottom: 80px;
}

.visionText .item {
    padding-left: 20px;
    border-top: 1px solid #e8e8e8;
    margin-bottom: 20px;
    display: flex;
}

.visionText .item > div:nth-child(1) {
    background-color: #469e88;
    width: 60px;
    height: 75px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-right: 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.visionText .item > div:nth-child(1) > p{
    color: white;
    border-bottom: 1px solid white;
    line-height: 24px;
}

.visionText .item > div:nth-child(1) > h2{
    color: white;
    font-weight: 800;
    font-size: 25px;
    margin-top: 3px;
    padding-bottom: 5px;
}

.visionText .item > div:nth-child(2) {
    display: flex;
    align-items: end;
    padding-bottom: 10px;
}

.visionText .item > div:nth-child(2) > .first_text {
    display: flex;
}

.visionText .item > div:nth-child(2) > .first_text > p{
    font-size: 26px;
    font-weight: 900;
    background-color: #dafdf4;
    width: 32px;
    height: 32px;
    padding-right: 5px;
    border-radius: 16px;
    margin-right: -5px;
    display: flex;
    align-items: center;
    justify-content: end;
}

.visionText .item > div:nth-child(2) > .first_text > span {
    color: #6d6d6d;
    font-size: 19px;
    font-weight: 500;
    padding: 8px 0 5px 0;
}

.visionText .item > div:nth-child(2) > .text_line {
    background-color: #cccccc;
    height: 15px;
    width: 2px;
    margin: 0 30px 8px 30px;
}

.visionText .item > div:nth-child(2) > .text_box1 {
    display: flex;
}

.visionText .item > div:nth-child(2) strong {
    font-size: 19px;
    font-weight: 900;
}

.visionText .list2 .item > div:nth-child(1) {
    background-color: #44a6c6;
}

.visionText .list2 .item > div:nth-child(2) > p {
    background-color: #ddf4fc;
}

/* 섬기는 사람들 */
.miniTitle{font-size: 26px; font-weight: bold; letter-spacing: -1.5px; color: black; border-bottom: 1px solid #888888; padding-bottom: 25px;}
.ministerContent{padding: 40px 0 120px; }
.ministerContent>img{margin-right: 80px; width: 200px; height: 262px;}
.ministerLeader{width: 220px; height: 290px;}
.ministerHistory>h4{font-size: 20px; font-weight: bold; letter-spacing: -1.5px; color: #333333; margin-bottom: 50px;}
.ministerHistory>ul>li{line-height: 36px; font-size: 16px; color: #6d6d6d; }
.twiceMini{padding: 0 30px;}
.twiceMini>h4{margin:30px 0 15px; text-align: center;}
.minorMinister{width: 200px !important; height: 262px;}

.minorMinister, .ministerLeader{border-radius: 24px;}
.ministerContent>div{margin-right: 40px;}
.w560{width: 560px;}
.wonro{padding-left: 250px;}
.twiceMini>p{color: #6d6d6d; text-align: center;}


/* 예배시간 */
.mt160{margin-top: 160px;}
.infoBox{width: 260px; height: 180px; padding: 40px 0; text-align: center;border: 1px solid #CBCBCB; border-radius: 10px; margin: 30px 40px 60px 0;}
.infoBox>.flex>div>h4{font-size: 22px; letter-spacing: -1.5px; color: #489d87; padding-bottom: 20px;}
.infoBox>h4{font-size: 22px; letter-spacing: -1.5px; color: #489d87; padding-bottom: 20px; font-weight: 500;}
.infoBox>div>p{font-size: 19px; letter-spacing: 0; color: #6d6d6d;}
.infoBox>div>p:nth-child(2){padding: 5px 0;}
.BeigeBG{background-color: #F8F8F8;}
.dds .title{padding-top: 60px;}
.car{width: 860px; height: 420px; text-align: left;padding: 0px 0 60px 80px; }
.car>.flex{padding-top: 60px;}
.ml15>div>p>.bi{padding: 0 30px; font-weight: bold; font-size: 20px;}

.boxLeader{display: flex; justify-content: center; }
.boxLeader:last-child{margin-bottom: 100px;}
.w1200{width: 1200px; margin: 0 auto;}
.jipsa>span{font-size: 19px; letter-spacing: -1.5px; color: #6d6d6d;}
.jipsa>span:last-child{padding-left: 40px;}
.infoBus{width: 32px;height: 32px; display: block;border-radius: 100%;text-align: center;padding: 6px;display: flex;align-items: center;justify-content: center}
.ml15{margin-left: 15px;}
.flex .bi-telephone-fill{color: #FFFFFF;}

/* 새가족안내 */
.mbt150{margin-bottom: 150px; margin-top: 150px;}
.mbt64{margin-bottom: 64px;}
.new-fam .new-process .np-list{width: 206px; height: 206px; border-radius: 100%; border: 3px solid #489d87; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding-top: 44px;}
.new-fam .new-process .np-list~span{display: block; width: 35px; height: 57px; margin: 0 30px; background-image: url(../img/sub/chevron_right_grey.png);}
.new-fam .new-process h2{color: #489D87; margin-bottom: 24px;}
.new-fam .new-process p{font-size: 18px; line-height: 28px; color: #6d6d6d;}
.new-info p{font-size: 18px; line-height: 38px; color: #6d6d6d; margin-bottom: 24px;}
.new-info span{width: 62px; height: 62px; border-radius: 10px; background-color: #489D87; color: #fff; font-size: 19px; margin-right: 18px;}

/* 온라인 헌금 */
.donation .title{margin-bottom: 40px;}
.donaInfo{margin-bottom: 120px;}
.lh48{line-height: 48px;}
.mbt80{margin-bottom: 80px;}
.bigInfo{width: 373px; height: 373px; padding: 90px 0; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 80px 40px 60px 0;}
.bigInfo>h4>i{font-size: 50px; color: #489D87;}
.bigInfo>div>p{line-height: 30px;}
.bigInfo>h4:nth-child(2){padding-bottom: 40px;}
.bigInfo>h4:nth-child(1){padding-bottom: 60px;}

/* 목장소개 */
.mokjang .title{margin-bottom: 50px;}
.mokjang .heavyTitle{margin-bottom: 77px;}
.mokjang .group{margin-top: 80px;}
.grayBox{width: 580px; height: 220px; padding:30px 40px; border: 1px solid #CBCBCB; border-radius: 10px;}
.wrap{flex-wrap: wrap;}
.grayBox:first-child{margin-right: 20px; margin-bottom: 20px;}
.grayBox:nth-child(2){margin-left: 20px; margin-bottom: 20px;}
.grayBox:nth-child(3){margin-right: 20px; margin-top: 20px;}
.grayBox:nth-child(4){margin-left: 20px; margin-top: 20px;}
.grayBox .subtitle{margin-bottom: 0px; line-height: 36px;}
.grayBox .joonTitle{margin-bottom: 35px;}


/* 목장스케치 */
.sketch .subtitle{margin-bottom: 80px;}
.threeTable>tbody>tr>td:first-child{background-color: #F8F8F8; border-right: 1px solid #cdcdcd; width: 20%; text-align: center; vertical-align: middle;}
.infoTableArea{margin-top: 80px;}
.infoTableArea>p{color: #489d87; font-size: 16px; letter-spacing: -1.5px; padding-top: 12px; padding-bottom: 20px;}
.threeTable>tbody>tr>td{font-size: 19px; color: #6d6d6d; letter-spacing: -1.5px; border-bottom: 1px solid #Cdcdcd; padding: 25px 0; }
.threeTable>tbody>tr>td:nth-child(2){padding-left: 60px;}
.threeTable>tbody{border-top: 2px solid black; line-height: 30px;}
.infoTableArea{margin-bottom: 80px;}
.threeTable{width: 100%;}
.mbt25{margin-bottom: 25px;}
.threeTable>tbody>tr>td>p{font-size: 19px; color: #6d6d6d; letter-spacing: -1.5px;}

/* 청소년부서 */
.teen2 .infoTableArea{margin-bottom: 40px;}

/* 취학부서 */
.school .tab-visual{border-radius: 40px; overflow: hidden;}
.school .prettynight{font-size: 28px;}

/* 연혁 */
.historyYear h2 {text-align: right;font-size: 24px; font-weight: 700;}
.historyYear > p {color: #5CB2DB;text-align: right;font-weight:600}
.historyContent >div> p {font-weight: 700;width: 110px; margin-right: 10px;}
.circleSign{font-size: 20px;font-weight: 900;color: green;position:absolute;top: -18px;left: -9px;}
.headWhite{background-color: white; box-shadow: 5px 5px 10px hsl(0deg 0% 0% / 0.15);}
.thirdMenu{width: 650px;justify-content: space-between; margin: 85px auto;}
.sub_tab_btn{margin-top: 100px;}
.flex .historyYear{ flex: 1; padding: 35px;}
.flex .rightHistory{ flex: 1.2; padding: 35px; position: relative;}
.flex .rightHistory::before {content: 'O'; position: absolute; left: -5px; top: 20px; color: #489D87; font-weight: bold;}
.flex .rightHistory::after {content:''; position: absolute; left: 1px; top: 40px; background-color: #ccc; width: 1px; height: 90%;}
.history_item:not(:last-child) {margin-bottom: 30px;}
.history_wrap {margin-top: 50px;}
.pinkButton{width: 190px;height: 55px;background-color:white ;border: 1px solid  #dff0eb; border-radius: 50px;margin: 0 10px; font-size: 16px;}
.pinkSelected{background-color: #dff0eb;}
.historyBtn{text-align: center;}
.historycontentDiv>p, .historycontentDiv>div{font-size: 18px; font-weight: 300; color: #6d6d6d; letter-spacing: -1.5px;}

.infoN{background-color: #E9F4F1; height: 80px;border-top: 2px solid #888;}
.churchFlex:nth-child(1), .churchFlex:nth-child(2){display: none !important;}
.peruse{width: 1200px; margin: 80px auto;}
.youtubeBoard{margin-bottom: -200px;}

/* 훈련 */
.training{padding: 0 16px;}
.training .subtitle{line-height: 40px; font-weight: 500; margin-top: 46px;}
.training table{width: 100%; border-top: 2px solid #121212; margin: 54px 0 72px 0;}
.training td{padding: 28px 34px; color: #6d6d6d; font-weight: 500; font-size: 18px; border-bottom: 1px solid #ccc;}
.training td.division{border-right: 1px solid #ccc; background-color: #f7f7f7; text-align: center;}
.training td .cover{display: block; margin-top: 32px; margin-left: -8px;}
.training .title2{margin-bottom: 36px;}
.training ul.week{display: flex; flex-direction: row; flex-wrap: wrap; width: 100%;}
.training ul.week li{width: 50%; margin-bottom: 18px; font-size: 18px; color: #6d6d6d; font-weight: 500; display: flex; align-items: center;}
.training ul.week span{display: inline-block; width: 75px; height: fit-content; padding: 10px 0; background-color: #489d87; color: #fff; text-align: center; border-radius: 10px; margin-right: 16px; }
.training ul.week p{font-size: 18px; color: #555;} 
.training .refer{font-weight: 400; font-size: 18px; color: #489d87; margin-top: 32px;}

/* 국외선교 */
.overseas li{padding: 80px 0;}
.overseas li:nth-child(1){padding-top: 0}
.overseas li:last-child{padding-bottom: 0;}
.overseas li:nth-child(even){background-color: #f8f8f8;}
.overseas li .profile{width: 370px; height: 250px; border-radius: 10px; margin-right: 60px;}
.overseas li:nth-child(1) .profile{background-image: url(../img/sub/mission_img_01.jpg);}
.overseas li:nth-child(2) .profile{background-image: url(../img/sub/mission_img_02.jpg);}
.overseas li:nth-child(3) .profile{background-image: url(../img/sub/mission_img_03.jpg);}
.overseas .list-wrap{display: flex;}
.overseas .info{flex: 3;}
.overseas .info h3{font-size: 26px; color: #222; padding-bottom: 20px; border-bottom: 1px solid #ccc;}
.overseas .info span.nation{display: inline-block; margin-left: 16px; font-size: 24px;}
.overseas .info span i{font-size: 18px; margin-right: 14px;}
.overseas .info .item p{line-height: 26px; color: #6d6d6d; font-weight: 500;}
.overseas .info .item strong{line-height: 26px; color: #6d6d6d; font-weight: 700;}
.overseas .item{margin-top: 32px;}
.overseas .item span{display: block; padding: 10px 24px; color: #fff; font-weight: 600; width: fit-content; border-radius: 10px; margin-bottom: 16px;}
.overseas .intro p{margin-bottom: 20px;}
.overseas .pray{margin-top: 48px;}
.overseas .pray p{margin-top: 8px;}
.overseas li:nth-child(1) .info span.nation{color: #1e876b;}
.overseas li:nth-child(1) .info span i{color: #61d7b8;}
.overseas li:nth-child(1) .item-01 span{ background-color: #489d87;}
.overseas li:nth-child(2) .info span.nation{color: #176cb4;}
.overseas li:nth-child(2) .info span i{color: #5aabef;}
.overseas li:nth-child(2) .item-02 span{ background-color: #5aabef;}
.overseas li:nth-child(3) .info span.nation{color: #136a0c;}
.overseas li:nth-child(3) .info span i{color: #69b82e;}
.overseas li:nth-child(3) .item-03 span{ background-color: #69b82e;}

/* 반응형 */
@media (max-width:991px) {
    /* 공통영역 */
    .mbBetween{justify-content: space-between;}
    .mbWrap{flex-wrap: wrap; justify-content: space-between;}
    .peruse{width: 100%; margin: 40px auto;}
    .mbpd14{margin-bottom: 14px;}
    .w560{width: 100%;}
    .lh48{line-height: 28px;}
    /*폰트사이즈 */
    h1{font-size: 30px;}
    h2{font-size: 24px;}
    h3{font-size: 18px;}
    h4{font-size: 16px;}
    h5{font-size: 14px;}
    h6{font-size: 12px;}
    pre, a, li, form, label, tr, th, td, select {font-size: 15px;}
    .title h2{font-size: 26px;}
    .sub_contents {width:100%; width:100%; margin:auto;}
    /* 모바일 헤더 */
    header .basic, header .scroll{padding: 20px 5vw;}
    .gnb{padding: 0;}
    .logo img{width: 120px !important;}
    .sns{position: absolute; left: 50%; transform: translateX(-50%); top: 90vh; z-index: 1;}
    .sns a{width: 36px; height: 36px; border-radius: 100%; overflow: hidden; background-size: contain!important;}
    .sns a:nth-child(1){background-image: url(../img/main/m_youtube.png);}
    .sns a:nth-child(2){background-image: url(../img/main/m_kakao.png); margin: 0 28px;}
    .sns a:nth-child(3){background-image: url(../img/main/m_insta.png);}

    /* 모바일 비주얼 */
    .visual{height: 100vh;}
    .visual .v-slide{background-size: cover;}
    .visual .slide01{background-image: url(../img/main/m_visual.jpg);}
    .visual .slide02{background-image: url(../img/main/m_visual_03.jpg);}
    .visual .txt-wrap01{padding-left: 40px;}
    .visual .txt-wrap h1{line-height: 40px;}
    .visual .txt-wrap02{width: 100%; display: flex; flex-direction: column; align-items: center; transform: translate(-50%, -100%);}
    .visual .txt-wrap img{width: 80%;}

    @keyframes moveRight{
        from {
            opacity: 0;
            margin-left: 80px;
        }
        to {
            opacity: 1;
            margin-left: 0px
        }
    }
    .visual img.typo02{margin-left: 80px; margin-top: 10px;}

    /* 모바일 사이트맵 */
    .sitemap{padding: 27px 16px 10px 16px; align-items: center;}
    .sitemap .wrap{width: 100%; display: flex; padding-top: 48px; position: relative;}
    .sitemap button{top: 27px; right: 16px;}
    .sitemap .menu-wrapper{height: fit-content; flex-direction: column; flex: 1.1; margin-right: 28px;}
    .sitemap .menu-wrap{border: 1px solid #86d1ea; padding-left: 0; padding: 28px 0; background-color: #23adda; border-radius: 15px; margin-bottom: 15px; transition: all 0.5s; transition-delay: 0s;}
    .sitemap .menu-wrapper>li>span.active{background-color: #fff; border: 1px solid #fff;}
    .sitemap .menu-wrap.active>li>span{color: #0ca3d5;}
    .sitemap a{font-size: 18px; line-height: 54px;}
    .sitemap .main-menu{font-size: 18px; line-height: 20px; margin-bottom:0; display: block; text-align: center;}
    .sitemap .sub-wrap{flex: 2; margin-top: 10px;}
    .sitemap .sub-wrap ul{position: absolute; top: 70px; left: 140px; width: 55%;}
    .sitemap .sub-wrap li{border-bottom: 1px solid #86d1ea;}
    .sitemap .sub-wrap a{display: flex; justify-content: space-between; }
    .sitemap .sub-wrap i{color: #fff; font-size: 15px;}
    .sitemap .sns-box{justify-content: flex-end;}
    .sitemap .sns-circle{opacity: 0; width: 34px; height: 34px; margin-left: 12px;}
    .sitemap .sns-circle img{width: 50%;}
    .sitemap.open .menu-wrap{transition: all 0.5s; width: 110px; margin-right: 25px; margin-top: 10px;}
    .sitemap .menu-wrapper>li.active>span{background-color: #fff; border: 1px solid #fff; color: #0CA3D5;}
    .sitemap.open .sns-circle{transition-delay: 0.8s; transition: all 0.8s;}
    .sitemap.open .menu-wrap:nth-child(1),
    .sitemap.open .menu-wrap:nth-child(2),
    .sitemap.open .menu-wrap:nth-child(3),
    .sitemap.open .menu-wrap:nth-child(4),
    .sitemap.open .menu-wrap:nth-child(5),
    .sitemap.open .menu-wrap:nth-child(6){transition-delay: 0.2s;}

    /* main-area시작 */
    section,
    section .w-1400{width: 100%!important;}
    #area02{background-image: url(../img/main/m_bg.jpg); height: auto!important;}
    #area02 h1{line-height: 35px; font-size: 26px;}
    #area02, #area03, #area04{padding: 60px 20px;}
    #area02 .dp-flex{flex-direction: column;}
    #area02 .btn-wrap{width: 100%; height: 216px;}
    #area02 .txt-wrap h5{margin: 16px 0;}
    #area02 .btn-wrap li{width: 46%; height: 100px; margin-top: 16px;}
    #area02 .btn-wrap li:nth-child(odd){margin-right: 16px;}
    #area02 .btn-wrap li:hover{background-color: #fff; transform: scale(1);}
    #area02 .btn-wrap li:hover a{color: #333;}
    #area02 .btn-wrap a{font-size: 15px;}
    #area04 .m-direction{width: 100%; height: 400px; border-radius: 0;}
    .map-wrap .info-box{padding-left: 0; margin-top: 24px;}
    .map-wrap .more{padding: 14px 20px; width: 100%; border: 1px solid #d6d6d6; margin-top: 24px; display: none;}
    .map-wrap .more a{display: block; font-size: 12px; display: flex; flex-direction: row; justify-content: space-between; }
    .map-wrap .more i{font-size: 12px;}
    .info-box p{font-size: 15px;}
    .info-box .item-bus:first-child{margin-bottom: 16px;}
    a.more-plus{width: 40px; height: 40px;}
    .bi-plus-lg{font-size: 24px;}
    #area01{flex-direction: column; align-items: center;}
    #area01 .video-wrap{width: 100%;}
    #area01 .video-wrap:nth-child(1){padding-right: 0; margin-bottom: 48px;}
    #area01 .video-wrap:nth-child(2){padding-left: 0;}
    #area01 .mt28{margin-top: 8px;}

    #area03 .album-wrap{height: 340px; background-color: #fff; border-radius: 16px; overflow: hidden; border: 1px solid #ccc;}
    .album-wrap .xe-widget-wrapper{overflow: visible;}
    .album-wrap .visual{overflow: visible;}
    .album-wrap .swiper-widget-container h1{text-shadow: none; font-weight: 500;}
    .album-wrap .swiper-slide{background-size: cover; background-position: center;}
    .album-wrap .swiper-slide-next,
    .album-wrap .swiper-slide-prev{visibility: hidden;}
    .album-wrap .swiper-widget-container > div > div > div > div{width: 100%; position: absolute; bottom: -96px;}
    #area03  .swiper-pagination{position: absolute; left: 0; text-align: center; bottom: -110px; width: 100%;}
    #area03  .swiper-pagination-bullet{width: 50px; height: 5px; display: inline-block; border-radius: 0; background: #000; opacity: .2;}
    #area03  .swiper-pagination-bullet:nth-child(2){margin: 0 5px;}
    #area03  .swiper-pagination-bullet-active{opacity: .7;}

    footer{height: 200px; padding: 32px 0;}
    footer .txt-wrap{color: #dddddd; line-height: 17px; padding: 20px 0;}
        .f-sns-box a{width: 20px; height: 20px; border-radius: 100%; display: inline-block}
        .f-sns-box a:nth-child(1){background: url(../img/main/f-sns-01.png) center center / cover;}
        .f-sns-box a:nth-child(2){background: url(../img/main/f-sns-02.png) center center / cover; margin: 0 10px;}
        .f-sns-box a:nth-child(3){background: url(../img/main/f-sns-03.png) center center / cover;}
		.depth{width:100%; }
		.depth span{width:100%; padding:0 15px; font-size:14px;}
		.depth_three{display:none;}
    footer .map-btn a{margin-right: 0; display: flex; justify-content: center;}
    footer .map-btn img{width: 70%;}

    .tab_wrap{width: 100%;}
    #responBoard{width: 100%;}
    #area01{padding: 40px 20px 64px;}
    .mt160{margin-top: 80px;}
    .w1200{width: 100%;}
    /* 서브비쥬얼 */
    .sv_tit>p{font-size: 15px;}
    .sv_tit>h3{font-size: 24px;}
    .sv_img>img{max-height: 300px;}
    /* 교회비전 */
    main{width: 100%; margin: 80px 0; padding: 0 16px;}
    main>img{width: 100%;}
    .visionText>h1{font-size: 24px; line-height: 30px!important; letter-spacing: -2.2px; }
    .mbfont14{font-size: 16px !important; line-height: 28px!important; letter-spacing: -1.5px; margin-top: 32px!important;}
    .visionText{margin-top: 43px;}
    .visionText>div{margin-top: 25px; line-height: 32px;}
  

    /* 섬기는 사람들 */
    .mbBlock{display: block;}
    .wonro{padding: 0;}
    .ministerContent{text-align: center;}
    .ministerContent>div{margin-right: 0;}
    .ministerContent>img{margin-right: 0;}
    .ministerContent{padding: 30px 0 60px 0; gap: 20px;}
    .minorMinister{
        width: 160px !important;
        height: auto;
    }
    .twiceMini>h4{font-size: 14px; margin: 15px 0 15px;}
    .twiceMini>p{font-size: 14px;}
    .twiceMini{width: 150px; padding: 0;}
    .ministerHistory>h4{margin-bottom: 12px;}
    .mbmt20{margin-top: 20px;}
    .ministerHistory>ul>li{line-height: 32px;}
    .twiceMini>h4{font-size: 18px;}
    .twiceMini>p{font-size: 16px;}
    .minorMinister, .ministerLeader{border-radius: 12px;}
    
    /* 예배안내 */
    .infoBox{width: 48%; margin:10px 0; height: 130px; padding: 20px 0; display: flex; align-items: center; justify-content: center; flex-direction: column;}
    .infoBox:last-child{margin-bottom: 24px;}
    .donation .mbWrap{justify-content: space-between; margin-top: 24px; padding: 0 16px; flex-direction: column;} 
    .title{padding: 0; font-size: 22px;}
    .dds{padding-bottom: 24px;}
    .dds .title{padding-top: 24px;}
    .infoBox>h4{font-size: 16px;}
    .ml15 >h4{font-size: 16px;}
    .infoBox>div>p{font-size: 16px; line-height: 20px;}
    .mb100{width: 100%;}
    .boxLeader{padding: 0 16px;}
    .boxLeader:last-child{margin-bottom: 80px;}
    .mbCar{width: 100%; height: 300px; justify-content: start; align-items: start; padding: 0 14px;}
    .car>h4{padding-top: 24px;}
    .ml15>div>p>.bi{font-size: 14px; padding: 0 15px;}
    .jipsa>span{font-size: 13px;}
    .dd{margin-bottom: 80px;}
    .car>.flex{padding-top: 20px;}
    .infoBox>.flex>div>h4{font-size: 16px; letter-spacing: -0.5px;}
    .ml15>div>p{font-size: 13px;}
    .jipsa{display: block;}
    .jipsa>span{display: block;}
    .jipsa>span:last-child{padding-left: 0; padding-top: 10px;}
    .w100{width: 100%;}
    .time .title{margin-bottom: 24px;}
    .time .boxLeader{margin-bottom: 32px;}
    .dds .title{padding-top: 30px;}
    /* 취학부서 */
    .school .tab-visual{border-radius: 16px; overflow: hidden;}
    .school .prettynight{font-size: 18px;}


    /* 오시는길 */
    .info-box strong{font-size: 15px;}

    /* 국외선교 */
    .overseas li{padding: 48px 0;}
    .overseas .list-wrap{flex-direction: column; align-items: center; width: 100%;  padding: 0 16px;}
    .overseas li .profile{width: 100%; height: 200px; margin-right: 0; margin-bottom: 24px; background-size: cover;}
    .mbt150{margin: 80px 0;}
    .overseas .info h3{font-size: 20px;}
    .overseas .info span.nation{font-size: 18px;}
    .overseas .info span i{font-size: 15px;}

    /* 새가족안내 */
    .mbt64{margin-bottom: 48px;}
    .new-fam{padding: 0 16px;}
    .new-fam .new-process{flex-direction: column;}
    .new-fam .new-process .np-list{width: 180px; height: 180px; border: 2px solid #489d87; padding-top: 0; justify-content: center;}
    .new-fam .new-process .np-list~span{width: 32px; height: 20px; margin: 20px 0; background-image: url(../img/sub/m_chevron_down.png);}
    .new-fam .new-process h2{margin-bottom: 16px; font-size: 19px;}
    .new-fam .new-process p{font-size: 16px; line-height: 24px;}
    .new-info p{font-size: 16px; line-height: 30px; align-items: flex-start; flex-direction: column; margin-bottom: 40px;}
    .new-info span{width: 56px; height: 56px; font-size: 18px; margin-bottom: 8px;}

    /* 온라인 헌금 안내 */
    .donaInfo{margin-bottom: 40px;}
    .donaInfo .lh48{line-height: 28px;}
    .donation .title{margin-bottom: 20px; padding: 0; line-height: 19px;} 
    .donation .infoBox{width: 100%;}
    .donation .infoBox>h4{font-size: 18px;}
    .subtitle{font-size: 16px;}
    .donaInfo{padding: 0 16px;}
    .bigInfo>h4>i{font-size: 25px;}
    .bigInfo>h4:nth-child(1){padding-bottom: 15px;}
    .bigInfo>h4:nth-child(2){padding-bottom: 15px;padding-left: 10px; padding-right: 10px;}
    .bigInfo{height: 170px;}

    /* 훈련 */
    .training .title:first-child{padding-top: 0;}
    .training .subtitle {line-height: 25px; font-weight: 500; margin-top: 14px;}
    .training td{padding: 20px 28px; font-size: 16px; line-height: 24px;}
    .training td .cover{width: 100%; margin-top: 16px; margin-left: 0px;}
    .training ul.week{flex-direction: column; flex-wrap: nowrap;}
    .training ul.week li{width: 100%; display: flex; align-items: center;}
    .training ul.week span{flex: 1;}
    .training ul.week p{flex:4; font-size: 15px; color: #555; line-height: 20px;} 
    .training .title2{margin-bottom: 32px;}
    .training table{margin-top: 36px;}
    .training .refer{margin-top: 20px; font-size: 15px; line-height: 24px;}

    /* 게시판 */
    #responBoard{margin: 60px 0 !important; padding: 0 16px;}
    .write-form{width: 100%;}
    .heavyTitle{font-size: 22px; letter-spacing: -2px;}
    #responBoard .thumbnail{border: none; padding: 10px;}


    /* 목장 */
    .mokjang .title{margin-bottom: 25px;}
    .mokjang .heavyTitle{margin-bottom: 35px; line-height: 36px;}
    /* .mokjang .subtitle{margin-bottom: 20px;} */
        /* .mokjang .subtitle{margin-bottom: 30px;} */
    .mokjang .group{margin-top: 40px;}
    .grayBox{height: fit-content; padding: 30px 20px;}
    .grayBox:nth-child(1),.grayBox:nth-child(3){margin-right: 0;}
    .grayBox:nth-child(2),.grayBox:nth-child(4){margin-left: 0;}
    .joonTitle{font-size: 18px;}
    .grayBox .joonTitle{margin-bottom: 15px;}
    .grayBox .subtitle{line-height: 28px;}
    
    .grayBox:nth-child(3){margin-right: 0; margin-top: 0;}
    .threeTable>tbody>tr>td:first-child{padding-left: 5px; padding-right: 5px;}
    /* .mbTl{text-align: left;} */

    .school>div>img{width: 100%;}
    /* 목장스케치 */
    .sketch .subtitle{margin-bottom: 40px;}
    .sketch .group{padding-bottom: 40px;}
    .infoTableArea{margin-top: 40px;}
    .sketch .infoTableArea{margin-top: 0;}
    .threeTable>tbody>tr>td{font-size: 16px; line-height: 28px;}
    .threeTable>tbody>tr>td:nth-child(2){padding-left: 20px;}
    .sketch .title{padding-bottom: 12px;}

    /* 목장 청소년부서 */
    .teen2>div>img{width: 100%; height: 150px;}

    #youtube_tv{width: 90%;}
}

.home_album_wrap {
    display: flex;
    justify-content: space-between;
} 

@media (max-width:991px) {
    .home_album_wrap {
        display: block;
    } 

    .visionText .item > div:nth-child(2) > .first_text > span {
        padding-top: 0;
    }
}

@media (max-width: 768px) {
    .visionText > h4 {
        font-size: 22px;
        margin-bottom: 25px;
    }

    .visionText .info {
        font-size: 17px;
        line-height: 2;
    }

    .visionText .item {
        padding-left: 5px;
        height: 100px;
        margin-bottom: 0;
    }

    .visionText .item > div:nth-child(2) {
        height: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: start;
    }

    .visionText .item > div:nth-child(2) > .first_text > span {
        font-size: 16px;
        padding-top: 0;
    }

    .visionText .item > div:nth-child(2) > .first_text > p {
        font-size: 24px;
        width: 28px;
        height: 28px;
    }

    .mobile_show {
        display: block;
    }

    .mobile_hide {
        display: none;
    }
}