/* ktown.life - 커뮤니티 3단 */
.kt-c3-left .ktfl-side{margin-top:0}
.kt-c3-left>.kt-cgs-box+.kt-cgs-box,.kt-cgs .kt-c3-mine+.kt-cgs-box{margin-top:14px}
.kt-c3-rec .kt-cgs-head{margin-bottom:2px}
.kt-c3-rec .ktfl-meta{display:block;font-size:12.5px;color:#5A6673;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kt-c3-rec .ktfl-info{display:flex;flex-direction:column;min-width:0}
.kt-c3-guest p{margin:0 0 12px;font-size:14px;line-height:1.6;color:#5A6673}
.kt-c3-guest .kt-cgs-topbtn{width:100%}
.kt-cgs .kt-c3-visit{border-color:#DCE1E7;color:#5A6673!important}
.kt-cgs .kt-c3-visit:hover{background:#F5F7F9;color:#17212B!important}

/* ===== 큰 화면: 25 / 50 / 25 ===== */
@media(min-width:1101px){
body #main .elementor .kt-sec.kt-sec.e-con-boxed.e-parent>.e-con-inner:has(.kt-c3){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:20px!important;row-gap:0!important;align-items:start;max-width:var(--kt-w,calc(100% - 48px))!important;width:var(--kt-w,calc(100% - 48px))}
body #main .kt-sec>.e-con-inner:has(.kt-c3)>.elementor-element{grid-column:2;margin-bottom:14px;min-width:0}
body #main .kt-sec>.e-con-inner:has(.kt-c3)>.elementor-element:has(.kt-c3),
body #main .kt-sec>.e-con-inner:has(.kt-c3)>.elementor-element:has(.kt-c3)>.elementor-widget-container,
body #main .kt-sec>.e-con-inner:has(.kt-c3) .elementor-shortcode:has(>.kt-c3),
body #main .kt-sec>.e-con-inner .kt-cgs-wrap.kt-c3{display:contents!important}
body #main .kt-c3>.kt-cgs-main{grid-column:2;grid-row:3;min-width:0}
body #main .kt-c3>.kt-c3-left,body #main .kt-c3>.kt-cgs{grid-row:1 / 5;align-self:start;position:sticky;top:calc(var(--kt-hdr-h,96px) + 16px);max-height:calc(100vh - var(--kt-hdr-h,96px) - 32px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;min-width:0;word-break:keep-all}
body #main .kt-c3>.kt-c3-left{grid-column:1}
body #main .kt-c3>.kt-cgs{grid-column:3}
}

/* ===== 768~1100px: 팔로잉 30% | 글 70% ===== */
@media(min-width:768px) and (max-width:1100px){
body #main .kt-cgs-wrap.kt-c3{grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:16px;align-items:start}
body #main .kt-c3>.kt-c3-left{grid-column:1;grid-row:1 / 3;position:sticky;top:calc(var(--kt-hdr-h,96px) + 12px)}
body #main .kt-c3>.kt-cgs{grid-column:2;grid-row:1;order:0}
body #main .kt-c3>.kt-cgs-main{grid-column:2;grid-row:2}
body #main .kt-c3>.kt-cgs .ktfl-side{display:none}
}

/* ===== 767px 이하: 그룹 줄 → 추천 회원 줄 → 글 → 팔로잉 ===== */
@media(max-width:767px){
body #main .kt-cgs-wrap.kt-c3{display:flex!important;flex-direction:column;gap:14px}
body #main .kt-c3>*,body #main .kt-c3>.kt-c3-left>*{min-width:0;max-width:100%;width:100%;box-sizing:border-box}
body #main .kt-c3>.kt-cgs{order:1}
body #main .kt-c3>.kt-c3-left{display:contents}
body #main .kt-c3>.kt-c3-left>.kt-c3-rec{order:2;margin-top:0}
body #main .kt-c3>.kt-cgs-main{order:3}
body #main .kt-c3>.kt-c3-left>.ktfl-side,body #main .kt-c3>.kt-c3-left>.kt-c3-guest{order:4;margin-top:0}
.kt-c3-rec .kt-c3-rec__list{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.kt-c3-rec .kt-c3-rec__list::-webkit-scrollbar{display:none}
.kt-c3-rec .kt-c3-rec__item{flex:0 0 150px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:12px 10px;border:1px solid #EEF1F4!important;border-radius:12px}
.kt-c3-rec .kt-c3-rec__item .ktfl-av img{width:48px!important;height:48px!important}
.kt-c3-rec .kt-c3-rec__item .ktfl-info{align-items:center;width:100%}
.kt-c3-rec .kt-c3-rec__item .ktfl-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kt-c3-rec .kt-c3-rec__item .ktfl-form{margin:0}
}

/* 스크롤 막대 숨김 (내용이 길면 마우스 휠로는 그대로 올라감) */
body #main .kt-c3>.kt-c3-left::-webkit-scrollbar,body #main .kt-c3>.kt-cgs::-webkit-scrollbar{display:none;width:0;height:0}
/* 커뮤니티·게시판 화면에서는 푸터 숨김 */
body.post-type-archive-community .elementor-location-footer,body.tax-board .elementor-location-footer{display:none!important}

.kt-c3-more{display:flex;align-items:center;justify-content:center;height:40px;margin-top:10px;border-radius:10px;background:#F5F7F9;color:#1554D1!important;font-size:14px;font-weight:700;text-decoration:none!important}
.kt-c3-more:hover{background:#E6EEFC}
@media(max-width:767px){.kt-c3-more{margin-top:12px}}

/* "커뮤니티" 제목 숨김 (게시판 탭부터 시작) */
body #main .elementor-295 .elementor-element.elementor-element-6838124{display:none!important}
/* 빈 칸(b60b2d1)이 탭과 글 목록 사이에 끼어 생기던 간격 제거: 맨 아래 줄로 */
@media(min-width:1101px){body #main .kt-sec>.e-con-inner:has(.kt-c3)>.elementor-element-b60b2d1{grid-row:4}}
body #main .kt-sec>.e-con-inner:has(.kt-c3)>.elementor-element-b60b2d1:not(:has(*)){display:none!important}
/* kt-c3-gap20: 헤더~탭 줄, 탭 줄~지역 칸 간격 20px */
body #main .elementor .kt-sec.kt-sec.e-con-boxed.e-parent>.e-con-inner:has(.kt-c3){padding-top:16px!important;--padding-top:16px}
body #main .kt-sec>.e-con-inner:has(.kt-c3)>.elementor-element-38852fc{padding-top:0!important;padding-bottom:0!important;margin-bottom:16px!important;--padding-top:0px;--padding-bottom:0px}

/* 지역 줄 폭 = 글 목록 폭 (최대 760px) */
.kt-cgs-main>.ktcr-bar{max-width:760px;box-sizing:border-box}

/* 가운데 칸 내용(탭·지역 줄·이야기 올리기·글 목록·페이지 번호)을 칸 폭 전체로 → 양쪽 칸과 간격 20px (2026-10-24) */
@media (min-width:1101px){
	.e-con-inner:has(.kt-cgs-wrap.kt-c3)>.elementor-element-38852fc{width:100%;max-width:none;justify-self:center;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
	.kt-cgs-main>.ktcr-bar,.kt-cgs-main>.ktg-compose-wrap,.kt-cgs-main .ktg--community>.ktg-feed,.kt-cgs-main .ktg--community>.kt-pager,.kt-cgs-main .ktg--community>.ktg-empty,.kt-cgs-main>.ktg-compose-wrap>.ktg-compose-bar{width:100%;max-width:none!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
}