.contact-info .img-thumb {
    width: 90px; height: 90px; display:inline-block; border: 0.5px solid rgba(0,0,0,.05); border-radius: 3px;
}
.primaryPhoto {
    max-height: 580px; overflow:hidden;
}
.primaryBoard {
    max-height: 580px; overflow:hidden;
}
.news, .sches, .ann, .schedule, .memory, .widget, .church_bbs {
    border-bottom: 0.5px solid rgba(0,0,0,.2);
}
.slick-slider {
    margin:0;
}

@media only screen and (min-width: 1700px) {
    #flickr-feed .thumbImg
    {
        width: 124px;
        height: 90px;
    }
}
@media only screen and (max-width: 1699px) {
    #flickr-feed .thumbImg
    {
        width: 99px;
        height: 70px;
    }
}
@media only screen and (max-width: 1399px) {
    .primaryPhoto {
        max-height: 630px; overflow:hidden;
    }
    .primaryBoard {
        max-height: 630px; overflow:hidden;
    }
    #flickr-feed .thumbImg
    {
        width: 126px;
        height: 80px;
    }
}
@media only screen and (max-width: 1199px) {
    #flickr-feed .thumbImg
    {
        width: 101px;
        height: 72px;
    }
}
@media only screen and (max-width: 991px) {
    #flickr-feed .thumbImg
    {
        width: 115px;
        height: 75px;
    }
}

.close_mbanner {
    position:absolute;
    right: 0;
    border: 0.5px solid rgba(0,0,0,.2);
    padding: 4px 10px;
    font-size: 12px;
    cursor:pointer;
    margin-top:-35px;
    z-index: 1001
}

#home {
    z-index: 10
}

.mymoim_content {
    padding:0 0 15px 15px;
    margin:0;
    font-size: 20px;
}
.personZone {
    border-radius: 5px;
    padding: 15px;
    background-color: rgba(0,0,0,.02);
    border: 0.5px solid rgba(0,0,0,.1);
}
.personZone_mobile {
    display:none;
}

.personZone div.widget:last-child {
    border:0 !important;
}

.primary_moim {
    border-radius: 5px;
    padding: 15px;
    background-color: rgba(0,0,0,.02);
    border: 0.5px solid rgba(0,0,0,.2);
}
.primary_moim h4 {
    padding: 0;
}
ul.listBBS {
   padding-left:20px;
    padding-right: 0px;
}
ul.listBBS li {
    padding: 3px 0;
    cursor:pointer;
}
ul.listBBS li:hover {
    background-color: rgba(0,0,0,.05);
}

article {
    cursor:pointer
}
.board_sns article.media-post, .prayer article.media-post {
    padding-bottom: 20px;;
}
.church_bbs article p.desc, .board_sns article p.desc, .prayer article p.desc {
    height: 30px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;
}
.board_sns article .post-thumb, .prayer article .post-thumb {
    width: 50px; height: 50px; overflow:hidden; background-color:rgba(0,0,0,.06);
    border-radius: 2px;
}
.board_sns article .post-thumb img, .prayer article .post-thumb img, .groups article .post-thumb img {
    width: 100%;
}

.mygroup article .post-thumb {
    background-color:rgba(0,0,0,.06);
    width: 65px; height: 65px;
}
.main-banner .page {
    display:none;
}
.main-banner .slick-dots {
    bottom:10px;
}
.sub-banner .slick-dots {
    bottom:10px;
}
.main-banner .slick-dots li {
    margin: 0;
}

.max185 {
    width: 145px; height: 110px; overflow:hidden;
}
.max75 {
    width: 75px;
}
.thumbLockHeight {
    min-height: 60px; max-height: 80px; overflow:hidden;
}

.border-left {
    border-left: 0.5px solid rgba(0,0,0,.06) !important;
}


.ann ul.notice {
    padding-left:20px;
}
.ann ul.notice li {
    cursor:pointer;
    line-height: 120%;
    padding: 10px 0;
}
.ann ul li:hover {
    background-color:rgba(0,0,0,.04)
}
.sche {
    cursor:pointer;
}
.widget {
    padding-bottom : 20px;
}
.sermon .icon-box {
    border-radius: 5px;
}
.memory .sentence small {
    color:rgba(0,0,0,.4);
    margin-left: 10px; margin-right:4px;
}
.memory .sentence small:first-child {
    margin-left: 0px;
}

#audioPlayModal .modal-body .sentence {
    clear:both; margin-bottom: 30px;
    font-size: 18px;
}
#audioPlayModal .modal-body .sentence small {
    margin-left: 10px; margin-right:4px;
    color:rgba(0,0,0,.4);
}
#audioPlayModal .modal-body .sentence small:first-child {
    margin-left: 0px;
}
#audioPlayModal .modal-body .audio {
    clear:both; height: 40px;
}

.cmMenu {
    border-bottom: 0.5px solid rgba(0,0,0,.0);
    padding: 8px 2px;
    margin-bottom: 4px;
}
.cmMenu:hover {
    cursor:pointer;
    border-bottom: 0.5px solid rgba(0,0,0,.2);
}
.cmMenu .cmIcon {
    height: 12px;
}
.cmMenu .fa {
    font-size: 9px;
    margin-right: 6px;
    color:#666;
}
.cmMenu:hover .fa {
    color:#F4A3AC;
}
.cmMenu .cmTitle {
    margin-left: 16px;
    line-height: 110%;
    font-size: 14px;
    color:#666;
}
.cmMenu:hover .cmTitle {
    color:#000;
}
.cmMenu .cmUrl {
    margin-left: 16px;
    font-size: 10px;
    color:#ccc;
    height: 14px;
    overflow:hidden;
}

h3 .pull-right {
    display:none
}

.fe_bbs {
    margin-top: 20px;
}
.mobileMainBanner {
    display:none;
}
.pcMainBanner{
    display:block;
    box-shadow: 0 10px 15px rgba(0,0,0,.05), 0 4px 10px rgba(0,0,0,.05), 0 1px 3px rgba(0,0,0,.2);
    border-radius: 8px;
    overflow: hidden;
    transition-duration: 0.3s;
}
.pcMainBanner:hover {
    box-shadow: 0 20px 30px rgba(0,0,0,.1), 0 4px 20px rgba(0,0,0,.1), 0 4px 10px rgba(0,0,0,.2);
}

.ann_last {
    display:none;
}

@media only screen and (max-width: 1200px) {
    .max185 {
        width: 100px; height: 75px;
    }
}
@media only screen and (max-width: 991px) {
    .fe_bbs {
        border-bottom: 0.5px solid rgba(0,0,0,.1);
    }
    .mobileMainBanner {
        display:block;
    }
    .pcMainBanner {
        display:none;
    }

    .sm-pull-none, .pull-left.flip.sm-pull-none, .pull-right.flip.sm-pull-none {
        float: none !important;
    }

    .mygroup article .post-thumb {
        background-color:rgba(0,0,0,.06);
        width: 90px; height: 90px;
    }

    .board_sns article .post-thumb, .prayer article .post-thumb {
        width: 70px; height: 70px; overflow:hidden; background-color:rgba(0,0,0,.06);
        border-radius: 2px;
    }

   .news .col-md-6, .sches .col-md-6, .ann .col-md-6, .schedule .col-md-6, .memory .col-md-6 {
        border-bottom: 0.5px solid rgba(0,0,0,.1);
    }
    .customMenu, .personZone {
        border:0 !important;
    }
    .customMenubox {
        max-height: 300px; overflow: auto;
        background:rgba(0,0,0,.05);
        padding: 15px;
        border-radius: 15px;
        margin-bottom: 50px;
    }

    .mymoim_content {
        padding: 0 0 0 0;
    }
    .personZone_mobile .post-thumb {
        width: 100%;
        height: auto;
    }
    .personZone_mobile .post-title {
        padding: 10px 10px !important;
        font-size: 15px !important;
        font-weight: 500 !important;
    }
    .personZone_mobile .post-footer {
        padding: 7px 10px !important;
        font-size: 12px !important;
    }

    .primary_moim {
        background-color: rgba(0,0,0,.03);
        border-radius: 15px;
        padding-top:0;
        padding-bottom:0;
    }

    .orderChurch {
        margin-top: 30px;
    }

    .hideOrderChurch {
        display:none;
    }


    .fname_news {
        margin-top:0 !important;
    }

    .only_pc {
        display:none;
    }

}

@media only screen and (max-width: 767px) {
    /*PC용 더보기 가리기*/
    .more {
        display:none;
    }

    /*암송*/
    .prevw, .nextw {
        display:none
    }

    /*뉴스와 일정 skick 영역을 지정해서 우측이 보이도록 만든다.*/
    .slick-item {
        width: 250px;
    }

    /*메임배너 점 위치 조정*/
    .main-banner .slick-dots {
        bottom:-7px;
    }

    /*첫번째 컨텐츠 상단 여백 조정*/
    .mychurch .notice, .otherchurch .bbs {
        padding-top: 0 !important;
    }

    /*앨범목록*/
    #flickr-feed {
        max-height: 60px; overflow:hidden;
    }

    .personZone {
        display:none;
    }

    /*더보기*/
    h3 .pull-right {
        display:block;
        cursor: pointer;
        padding-left: 20px; padding-right: 4px;
    }

    /*공지사항 하단 더보기 여백조정*/
    .btnmore {
        margin: 0 0 5px 0
    }
}

/* ════════════════════════════════════════════════════════════════════════
   인덱스 배치(manager > 인덱스 배치) 전용 규칙 — 2026-10-01 index_new.css 를 병합 (index.php 승격)
   .il-col(칸)·.il-block(콘텐츠 단위) 기준이라 다른 페이지에는 영향 없음
   ════════════════════════════════════════════════════════════════════════ */
/* ── 인덱스 배치(index_new.php) — 칸(.il-col)의 첫 블록은 위 여백 없이 시작 ──────────────────
   블록들이 pt-20/mt-30 처럼 위 여백을 갖고 있어 배너가 비면 첫 블록이 떠 보인다.
   첫 블록의 위 여백만 없애고 블록 사이 간격은 각 블록의 아래 여백(pb-20/mb-*)이 맡는다. */
.il-col > :first-child { margin-top:0 !important; padding-top:0 !important; }
.il-col > .row:first-child > [class*="col-md-"] { padding-top:0 !important; }
.il-col > .onlyMobile:first-child > div,
.il-col > .onlyPc:first-child > div { padding-top:0 !important; margin-top:0 !important; }
@media (max-width:767px) {
	/* 모바일에서 첫 블록이 PC 전용이면 그 다음 블록이 실제 첫 블록 */
	.il-col > .onlyPc:first-child + * { margin-top:0 !important; padding-top:0 !important; }
	.il-col > .onlyPc:first-child + .onlyMobile > div { padding-top:0 !important; }
}

/* ── 인덱스 배치 — 블록 안쪽은 '칸 폭'에 맞춰 유연하게 (컨테이너 쿼리) ────────────────────
   부트스트랩 col-* 는 화면 폭 기준이라 블록을 좁은 칸(오른쪽·지정메뉴)으로 옮겨도 두 열이 그대로 남는다.
   칸(.il-col)과 좌우 짝의 각 셀을 컨테이너로 두고, 그 폭이 좁으면 좌우 배치를 위아래로 바꾼다. */
.il-col { container-type: inline-size; }
.il-col .row.il-block > [class*="col-md-"] { container-type: inline-size; }

/* 좁은 칸(≤420px): 좌우 → 위아래 */
@container (max-width: 420px) {
	.row.il-block > [class*="col-md-"] { width:100%; }                /* 좌우 짝 두 블록 → 위아래 */
	.media-post.col-sm-6 { width:100%; }                              /* 교회소식·전국교회소식 두 열 → 한 열 */
	.row.news > .col-md-6, .row.schedule > .col-md-6,
	.row.ann > .col-md-6 { width:100%; }                              /* 일정 등 두 열 → 한 열 */
	.primary_moim .col-md-6 { width:100%; }                           /* 교회의 대표 교제 두 열 → 한 열 */
}
/* 아주 좁은 칸(≤300px, 지정메뉴 칸): 소식 썸네일은 글 위로, 게시판 프로필 사진은 작게 유지 */
@container (max-width: 300px) {
	.media-post .post-thumb:not(.userprofile) { float:none; width:100%; height:auto; margin:0 0 8px 0; }
	.media-post .post-thumb.max185 { width:100%; height:auto; }
	.media-post .post-thumb:not(.userprofile) img { width:100%; height:auto; }
	/* 최근게시판의 프로필 사진 — 폭이 좁아도 커지지 않게 36px 원형 고정 */
	.media-post .post-thumb.userprofile { float:left; width:36px; height:36px; margin:0 8px 0 0; overflow:hidden; border-radius:50%; }
	.media-post .post-thumb.userprofile img { width:100%; height:100%; object-fit:cover; }
	.media-post.post-list .post-right { overflow:hidden; }
	.media-post.post-list .post-title { font-size:12px; line-height:1.35; }
}

/* ── 최근사진 — 정사각형 박스에 background cover ─────────────────────────────────────
   index_new.php 가 .thumbImg 에 style="background-image" 로 사진을 넣는다.
   PC(.primaryPhoto)는 칸 폭에 맞춰 열 수가 자동으로 바뀌는 그리드, 모바일(.photo_box)은 slick 슬라이드라 고정 크기. */
.il-col #flickr-feed .thumbImg { background-size:cover; background-position:center; background-repeat:no-repeat; background-color:#f0f1f3; border-radius:4px; }
.il-col #flickr-feed.primaryPhoto { display:grid; grid-template-columns:repeat(auto-fill, minmax(92px, 1fr)); gap:6px; }
/* .clearfix 의 ::before/::after(display:table)가 그리드 셀로 잡혀 첫 칸이 비던 것 */
.il-col #flickr-feed.primaryPhoto::before, .il-col #flickr-feed.primaryPhoto::after { display:none; content:none; }
.il-col #flickr-feed.primaryPhoto .thumbImg { width:auto; height:auto; aspect-ratio:1 / 1; margin:0; float:none; }
.il-col #flickr-feed.photo_box .thumbImg { width:110px; height:110px; margin-right:6px; }

/* 블록 제목(.line-bottom h3)의 위 여백 제거 — 블록 위 패딩(pt-20)도 마크업에서 뺐으므로 간격은 아래쪽(pb-20)만 담당 */
.il-col .line-bottom { margin-top:0 !important; }

/* ── 콘텐츠 하단 라인·여백 통일 (index_new.php 가 모든 블록·좌우 짝·지정메뉴 묶음을
   .il-block 하나로 감싸 렌더한다) ────────────────────────────────────────────────
   블록마다 제각각이던 pb-20/mb-*·border-bottom(.ann/.news/.schedule/.church_bbs/.bbs/
   .sermon/.bible_memory/.widget — .primary_moim 은 자체 박스 테두리라 제외)을 모두 죽이고, 통일 단위(.il-block)
   하나에만 같은 여백·밑줄을 준다. PC 에서 두 블록이 좌우로 나란한 경우도 이 단위가
   그 row 전체이므로 밑줄이 하나만 생긴다. */
.il-col .ann, .il-col .news, .il-col .schedule, .il-col .church_bbs,
.il-col .bbs, .il-col .sermon, .il-col .bible_memory,
.il-col .widget {
	border-bottom: 0 !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.il-col > .il-block:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* PC 전용(view=pc) 블록들로만 이루어진 단위 — 모바일에서는 내용이 통째로 없으므로,
   모바일 전용(view=mo) 블록들로만 이루어진 단위 — PC 화면에서는 내용이 통째로 없으므로
   (안쪽이 onlyPc/onlyMobile 로 숨어서), 테두리·여백만 남는 빈 상자가 되지 않게 그 화면에서 아예 숨긴다
   (반대쪽 화면용 짝 블록이 따로 있음). */
@media (max-width:767px) {
	.il-col > .il-block.il-pc-only { display:none; }

	/* 숨겨진 뒤가 진짜 '마지막 보이는 블록' — DOM 상 마지막(:last-child)이 위 규칙으로 숨겨지면
	   그 앞의(실제로는 마지막으로 보이는) 블록에 줄·여백이 남는다. 뒤에 보이는 형제가 하나도
	   없으면(=자신이 실제 마지막) 그 블록의 줄·여백도 지운다. */
	.il-col > .il-block:not(.il-pc-only):not(:has(~ .il-block:not(.il-pc-only))) {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: 0;
	}
}
/* 모바일 — 콘텐츠(.il-block) 사이에 높이 5px 회색 구분 띠(좌우 꽉 참). 뒤에 보이는 블록이 있을 때만(같은 칸 안, 또는 뒤 칸에 있어도 OK — 칸의 마지막 블록이 다음 칸과 맞닿는 곳에도 띠),
   구분선 없는 블록(.il-noline)은 제외. 띠 위아래로 15px 여백. */
@media (max-width:767px) {
	.il-col > .il-block:not(.il-pc-only):not(.il-noline):has(~ .il-block:not(.il-pc-only)),
	.il-col:has(~ .il-col > .il-block:not(.il-pc-only)) > .il-block:not(.il-pc-only):not(.il-noline):not(:has(~ .il-block:not(.il-pc-only))) {
		position: relative;
		padding-bottom: 15px;
		margin-bottom: 20px;            /* 띠 5px + 아래 여백 15px */
	}
	/* 띠는 화면 좌우 끝까지 (컨테이너·칸 안쪽 여백을 무시하고 뷰포트 폭으로) */
	.il-col > .il-block:not(.il-pc-only):not(.il-noline):has(~ .il-block:not(.il-pc-only))::after,
	.il-col:has(~ .il-col > .il-block:not(.il-pc-only)) > .il-block:not(.il-pc-only):not(.il-noline):not(:has(~ .il-block:not(.il-pc-only)))::after {
		content: '';
		position: absolute;
		left: 50%;
		bottom: -5px;
		width: 100vw;
		margin-left: -50vw;
		height: 5px;
		background: #e6e6e6;
	}
	/* 100vw 가 세로 스크롤바 폭만큼 삐져나와 가로 스크롤이 생기지 않게 컨테이너에서 잘라낸다 */
	.container:has(> .row > .il-col) { overflow-x: clip; }

	/* 모바일 맨 아래 지정메뉴 — 아래에 20px 여백 (마지막 블록이라 위 규칙들이 여백을 0으로 만든다) */
	.il-col.customMenu.onlyMobile > .il-block { margin-bottom: 20px !important; }
}
@media (min-width:768px) {
	.il-col > .il-block.il-mo-only { display:none; }

	/* 위와 같은 이유로 PC 화면에서도 '실제로 보이는 마지막' 블록의 줄·여백을 지운다 */
	.il-col > .il-block:not(.il-mo-only):not(:has(~ .il-block:not(.il-mo-only))) {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: 0;
	}

	.col-md-6.il-col > div,
	.col-md-4.il-col > div {
		border-bottom: 1px solid #ccc;
		margin-bottom: 25px;
	}

	/* 좌우 나란히(.row.il-block)는 부트스트랩 .row 의 좌우 -15px 때문에 밑줄이 칸보다 15px씩 길다.
	   row 여백을 없애고, 바깥쪽 셀의 안쪽 여백(15px)도 없애 다른 블록과 같은 폭·같은 글자 위치로 맞춘다
	   (두 셀 사이 간격 30px 은 그대로). */
	.il-col > .row.il-block { margin-left: 0; margin-right: 0; }
	.il-col > .row.il-block > [class*="col-md-"]:first-child { padding-left: 0; }
	.il-col > .row.il-block > [class*="col-md-"]:last-child { padding-right: 0; }
	/* 배너·교회의 대표교제(Moim)·주일/수요말씀 아래에는 구분선을 넣지 않는다 (여백은 그대로) — index_new.php $ilNoLine */
	.col-md-6.il-col > .il-noline,
	.col-md-4.il-col > .il-noline { border-bottom: 0; }
}