/* ==========================================================================
   학교폭력 칼럼 (2026-09-18) — 목록/상세/메인 섹션
   포인트 컬러 #2EA7E0 (작업지시서 v1.0)
   ========================================================================== */
:root{
	--col-point:#2EA7E0;
	--col-point-dark:#2695C9;
	--col-ink:#1a1d21;
	--col-gray:#767c85;
	--col-line:#e5e8ec;
	--col-bg-soft:#f5f7f9;
}

/* ---------- 상단 배너 ---------- */
.col_hero{position:relative; height:382px; background:#0b0d10 url('/img/secret_bg.jpg') center 42%/cover no-repeat; display:flex; align-items:center;}
.col_hero::before{content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0, 0, 0, 0.39) 0%, rgba(0, 0, 0, 0.56) 100%);}
.col_hero .basic_in{position:relative; width:100%; padding-top:64px; box-sizing:border-box;}
.col_hero .lock{display:none; width:40px; height:40px; margin:0 auto 32px; background:url('/img/lock-icon.png') no-repeat center/40px 40px;}
.col_hero h2{color:#FFF; text-align:center; font-family:'Pretendard',sans-serif; font-size:40px; font-style:normal; font-weight:700; line-height:115%; letter-spacing:-1.2px;}
/* 상세 페이지 히어로 — 시안 '게시글 상세' 438px, 아이콘 상단 84px */
.col_hero_view{height:438px;}
@media (max-width:768px){
	.col_hero{height:442px;}
	.col_hero .basic_in{padding-top:52px;}
	.col_hero_view{height:442px; align-items:center;}
	.col_hero_view .basic_in{padding-top:52px;}
	.col_hero::before{background:linear-gradient(180deg, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0.4) 100%);}
	.col_hero .lock{display:block; margin-bottom:19px;}
	.col_hero h2{font-size:32px; line-height:46px;}
}

/* ---------- 타이틀 + 검색 (시안: 풀폭 하단 라인, 밑줄형 검색 500px) ---------- */
/* 목록 본문 영역 폭 — 시안 실측: 슬라이더 1296px / 카드 그리드 1152px */
.col_wide{max-width:1296px;}
.col_head_wrap{border-bottom:1px solid #CACACA;}
.col_head{padding:86px 0 104px; text-align:center;}
.col_head h3{color:#1D1D1F; text-align:center; font-family:'Pretendard',sans-serif; font-size:40px; font-style:normal; font-weight:700; line-height:normal; letter-spacing:-1.2px;}
.col_head .desc{margin-top:16px; color:#6E6E73; text-align:center; font-family:'Pretendard',sans-serif; font-size:18px; font-style:normal; font-weight:500; line-height:160%;}
.col_search{margin:54px auto 0; max-width:500px; position:relative;}
.col_search input{width:100%; height:53px; padding:0 40px 0 2px; border:0; border-bottom:1px solid #000; border-radius:0; font-family:'Pretendard',sans-serif; font-size:20px; font-weight:300; letter-spacing:-1.6px; box-sizing:border-box; outline:none; background:transparent; transition:border-color .2s;}
.col_search input::placeholder{color:#CACACA; font-family:'Pretendard',sans-serif; font-size:20px; font-style:normal; font-weight:300; line-height:137%; letter-spacing:-1.6px;}
.col_search input:focus{border-bottom-color:var(--col-ink);}
.col_search button{position:absolute; right:0; top:4px; width:30px; height:30px; border:0; background:transparent; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--col-ink);}
.col_search button .material-symbols-outlined{font-size:30px;}
@media (max-width:768px){
	.col_head{padding:85px 0 74px;}
	.col_head h3{font-size:32px;}
	.col_head .desc{margin-top:12px; font-size:16px; line-height:28.8px; letter-spacing:-0.48px;}
	.col_search{margin-top:21px; max-width:265px;}
	.col_search input{width:265px; height:36px; font-size:15px; letter-spacing:-1.2px;}
	.col_search input::placeholder{font-size:15px; letter-spacing:-1.2px;}
	.col_search button{top:6px; width:23px; height:23px;}
	.col_search button .material-symbols-outlined{font-size:23px;}
}

/* ---------- 주요 칼럼 슬라이드 (시안: 좌 이미지 49% · 화살표 좌측 · 일시정지 우측) ---------- */
.col_slider_wrap{position:relative; margin:0 0 64px; padding:56px 0 48px;}
/* 시안 실측(1296 기준) 이미지 636 : 여백 60 : 텍스트 600 — 폭이 줄어도 같은 비율 유지 */
.col_slide{display:flex; gap:4.63%; align-items:flex-start;}
.col_slide .thumb{display:block; flex:0 0 49.074%; aspect-ratio:636/357; min-width:570px; min-height:320px; border-radius:0; overflow:hidden;
	background-color:#e2e5e9; background-size:cover; background-position:center; background-repeat:no-repeat;}
.col_slide .info{flex:1 1 auto; min-width:0; padding-top:2px; display:flex; flex-direction:column;}
.col_slide .date{font-size:14px; color:#666; font-weight:700; line-height:171%; letter-spacing:-0.2px;}
.col_slide .tit{display:block; margin-top:8px; font-size:28px; font-weight:700; color:#000; line-height:157%; letter-spacing:-0.8px; text-decoration:none;
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.col_slide .tit:hover{color:var(--col-point);}
.col_slide .sum{margin-top:20px; color:#333; font-size:16px; font-weight:400; line-height:175%; letter-spacing:-0.5px;
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.col_slide .keys{margin-top:24px; display:flex; flex-wrap:wrap; gap:20px;}
.col_nav_btns{position:absolute; left:max(53.704%, calc(570px + 4.63%)); bottom:48px; z-index:5; display:flex; gap:16px;}
.col_nav_btns button, .col_pause{width:48px; height:48px; padding:0; border:0; border-radius:50%; cursor:pointer; background-color:transparent; background-repeat:no-repeat; background-position:center; background-size:48px 48px; font-size:0; line-height:0; color:transparent; overflow:hidden; transition:opacity .2s;}
.col_nav_btns button:hover, .col_pause:hover{opacity:.75;}
.col_prev{background-image:url('/img/column/btn_prev.svg');}
.col_next{background-image:url('/img/column/btn_next.svg');}
.col_pause{background-image:url('/img/column/btn_pause.svg');}
.col_pause.is-paused{background-image:url('/img/column/btn_play.svg');}
.col_pause{position:absolute; right:0; bottom:48px; z-index:5;}
/* 960px 이하 — 썸네일 최소 크기(570x320)를 못 지키는 지점부터 세로 배열로 전환 */
@media (max-width:960px){
	.col_slider_wrap{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
	.col_swiper{flex:0 0 100%; width:100%;}
	.col_slide{flex-direction:column; gap:18px;}
	.col_slide .thumb{flex:none; width:100%; min-width:0; min-height:0;}
	.col_nav_btns{position:static; order:1; margin-top:20px;}
	.col_pause{position:static; order:2; margin-top:20px;}
}
@media (max-width:768px){
	.col_slider_wrap{padding:57px 0 32px; margin-bottom:27px;}
	.col_slide .date{font-size:12px;}
	.col_slide .tit{font-size:18px; margin-top:10px;}
	.col_slide .sum{margin-top:12px; font-size:14px; -webkit-line-clamp:3;}
	.col_nav_btns{position:static; order:1; margin-top:20px;}
	.col_pause{position:static; order:2; margin-top:20px;}
	.col_nav_btns button, .col_pause{width:32px; height:32px; background-size:32px 32px;}
}

/* ---------- 태그 (시안: 목록/슬라이드=파란 텍스트, 상세=회색 칩) ---------- */
.col_tag{display:inline-block; padding:0; background:none; color:#0071E3; border-radius:0; font-size:15px; font-weight:400; line-height:186%; letter-spacing:-0.5px; text-decoration:none;}
a.col_tag:hover{text-decoration:underline;}
.colv_tags .col_tag{padding:7px 16px; background:var(--col-bg-soft); color:#5b6470; border-radius:17px; font-size:13.5px;}
.colv_tags a.col_tag:hover{background:#e8ebef; color:var(--col-ink); text-decoration:none;}

/* ---------- 카드 그리드 ---------- */
.col_grid{display:grid; grid-template-columns:repeat(3,1fr); gap:45px 32px; padding-bottom:16px; max-width:1152px; margin:0 auto;}
.col_card{display:block; text-decoration:none;}
/* 썸네일은 background-image(인라인 style)로 주입 — 컨테이너 폭에 맞춰 cover */
.col_card .thumb{position:relative; display:block; height:200px; border-radius:8px; overflow:hidden; background-color:#e2e5e9;}
.col_card .thumb::after{content:''; position:absolute; inset:0; background-image:inherit; background-size:cover; background-position:center; background-repeat:no-repeat; transition:transform .35s ease;}
.col_card:hover .thumb::after{transform:scale(1.05);}
.col_card .tit{margin-top:0; padding:20px 16px 0; min-height:3.02em; font-size:20px; font-weight:700; color:#09090B; line-height:151%;
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.col_card:hover .tit{color:var(--col-point);}
.col_card .sum{margin-top:0; padding:13px 16px 0; min-height:3.24em; font-size:15px; font-weight:500; color:#52525B; line-height:162%;
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.col_card .tit, .col_card .sum{display:-webkit-box;}
.col_card .card_meta{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:31px 16px 36px;}
.col_card .keys{display:flex; flex-wrap:wrap; gap:12px; min-width:0; flex:1 1 auto; overflow:hidden;}
.col_card .date{font-size:14px; font-weight:300; color:#666; line-height:171%; letter-spacing:-0.2px; flex:0 0 auto; white-space:nowrap;}
.col_empty{padding:90px 0; text-align:center; color:var(--col-gray); font-size:15px;}
/* 1250px 이하 — 슬라이더와 카드 그리드 폭을 동일하게 (시안 폭 차이는 와이드에서만 유지) */
@media (max-width:1250px){ .col_grid{max-width:none;} }
@media (max-width:1024px){ .col_grid{grid-template-columns:repeat(2,1fr);} }
/* 모바일 카드 — 시안 '모바일리스트'(390px, node 72:1006) 실측 */
@media (max-width:768px){
	.col_grid{grid-template-columns:1fr; gap:8px;}
	.col_card{display:flex; flex-direction:column;}
	.col_card .thumb{order:1; height:196.45px; border-radius:0;}
	.col_card .card_meta{display:contents;}
	.col_card{padding-bottom:12px;}
	.col_card .date{order:2; padding-top:15.55px; font-size:12px; font-weight:700; line-height:18px; letter-spacing:normal;}
	.col_card .tit{order:3; padding:9.55px 0 0; min-height:0; font-size:15px; line-height:25px; -webkit-line-clamp:3;}
	.col_card .sum{display:none;}
	.col_card .keys{order:4; gap:4px; padding:14px 0 26px; border-bottom:1px solid #EEEEEE;}
	.col_card .col_tag{font-size:12px; line-height:24px; letter-spacing:normal;}
}

/* ---------- 페이지네이션 ---------- */
.col_paging{display:flex; justify-content:center; align-items:center; gap:0; padding:52px 0 96px;}
.col_paging a, .col_paging strong{width:44px; height:42px; display:flex; align-items:center; justify-content:center; font-size:16px; line-height:24px; font-weight:400; color:#666; text-decoration:none; background:none; border-radius:0;}
.col_paging a:hover{color:#000;}
.col_paging strong{color:#000; font-weight:700; text-decoration:none;}
.col_paging .arr{width:42px; height:42px; display:flex; flex:0 0 42px; border-radius:50%; font-size:0; line-height:0; color:transparent; overflow:hidden;
	background-color:transparent; background-repeat:no-repeat; background-position:center; background-size:42px 42px; transition:opacity .2s;}
.col_paging .arr.prev{background-image:url('/img/column/pg_prev.svg');}
.col_paging .arr.next{background-image:url('/img/column/pg_next.svg');}
.col_paging a.arr:hover{opacity:.75;}
.col_paging .arr.is-off{opacity:.5; cursor:default;}
.col_paging .arr.prev{margin-right:37px;}
.col_paging .arr.next{margin-left:23px;}
@media (max-width:768px){
	.col_paging a, .col_paging strong{width:46px;}
	.col_paging .arr.prev{margin-right:19px;}
	.col_paging .arr.next{margin-left:19px;}
}

/* ==========================================================================
   상세 페이지 — 시안 '게시글 상세'(node 72:694) 실측
   ========================================================================== */
.colv_wrap{display:flex; gap:65px; align-items:flex-start; padding:189px 0 0;}
/* 이전/다음 + 관련 칼럼 = 본문 아래 독립 섹션 (시안 폭 1136px 중앙) */
.colv_bottom{width:80%; margin:0; padding-bottom:80px;}
.colv_main{flex:1; min-width:0;}
.colv_head{padding-bottom:0;}
.colv_head .date{display:block; font-size:16px; font-weight:700; color:#666666; line-height:28px; letter-spacing:-0.5px;}
.colv_head h2{margin-top:6px; font-size:40px; font-weight:700; color:#292929; line-height:143%; letter-spacing:-1.1px;}
.colv_head .sum{margin-top:24px; font-size:20px; font-weight:400; color:#71717A; line-height:28px; letter-spacing:normal;
	display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
/* 작성자·감수자·최종 수정일 (2026-09-23) */
.colv_head .colv_by{margin-top:16px; font-size:15px; font-weight:400; color:#8A8A8E; line-height:24px; letter-spacing:-0.3px;}
.colv_util{display:flex; gap:8px; margin-top:24px;}
.colv_util button, .colv_util a{width:36px; height:36px; border:1px solid #EEE; background:#EEE; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--col-gray); box-sizing:border-box; padding:0; text-decoration:none;}
.colv_util button:hover, .colv_util a:hover{border-color:var(--col-point); color:var(--col-point);}
.colv_util .btn_kakao_share img{width:18px; height:18px; display:block;}
.colv_util .material-symbols-outlined{font-size:18px;}
.colv_photo{margin:20px 0 36px;}
.colv_photo img{width:100%; border-radius:0; display:block;}
.colv_body{font-size:16px; font-weight:300; line-height:165%; letter-spacing:-0.3px; color:#606060; word-break:keep-all;}
.colv_body img{max-width:100%; height:auto;}
.colv_body p{margin:0;}
.colv_body p:last-child{margin-bottom:0;}

/* 요약 박스 = 시안 call-out (본문 안에서 사용하는 템플릿 클래스) */
.colv_body .col_summary, .col_summary{background:#F5F5F5; border-radius:8px; padding:16px 51px; margin:0 0 35px;}
.col_summary strong{display:block; font-size:19px; font-weight:600; color:#242424; line-height:34px; letter-spacing:normal; margin-bottom:0;}
.col_summary ul{margin:0; padding:0; list-style:none;}
.col_summary li{position:relative; padding-left:22px; margin-bottom:0; font-size:19px; font-weight:400; color:#242424; line-height:34px; letter-spacing:normal;}
.col_summary li::before{content:'✓'; position:absolute; left:0; top:0; color:#50946E; font-weight:600;}

.colv_tags{margin-top:47px; display:flex; flex-wrap:wrap; gap:10px;}
.colv_tags .col_tag{padding:9px 16px; background:#F3F3F3; border-radius:20px; font-size:13.5px; font-weight:400; color:#666666; line-height:22px; letter-spacing:-0.5px;}
.colv_foot{margin-top:94px; padding-top:0; border-top:0; display:flex; flex-direction:column; align-items:center; gap:34px;}
.colv_foot .colv_util{margin-top:0;}
.colv_btn_list{display:inline-flex; align-items:center; justify-content:center; min-width:168px; box-sizing:border-box; padding:19px 38px; background:#000; color:#fff; border-radius:100px; font-size:18px; font-weight:700; line-height:1; letter-spacing:-0.9px; text-decoration:none;}
.colv_btn_list:hover{background:var(--col-point);}

/* 이전/다음 — 시안: 상단 1px #C4C4C4 라인 + 53px 원형 화살표 + 28px 회색 라벨 */
.colv_nav{margin-top:70px; padding-top:21px; border-top:1px solid #C4C4C4; border-bottom:0; display:flex; align-items:center; justify-content:space-between; gap:20px;}
.colv_nav a{flex:0 1 auto; display:flex; align-items:center; gap:16px; padding:0; text-decoration:none; color:#CACACA; min-width:0;}
.colv_nav a.next{justify-content:flex-end; text-align:right; border-left:0;}
.colv_nav a.prev::before, .colv_nav a.next::after{content:''; flex:0 0 53px; width:53px; height:53px;
	background-repeat:no-repeat; background-position:center; background-size:53px 53px;}
.colv_nav a.prev::before{background-image:url('/img/column/nav_prev.svg');}
.colv_nav a.next::after{background-image:url('/img/column/nav_next.svg');}
.colv_nav .lab{flex-shrink:0; font-size:28px; font-weight:500; color:#CACACA; letter-spacing:-1.4px; display:flex; align-items:center;}
.colv_nav .t{display:none;}
.colv_nav a:hover .lab{color:#8f8f8f;}
.colv_nav span.empty{flex:0 1 auto; padding:0; color:#E0E0E0; font-size:28px; font-weight:500; letter-spacing:-1.4px; display:flex; align-items:center;}
.colv_nav span.empty.next{justify-content:flex-end; border-left:0;}

/* 관련 칼럼 (행 리스트) — 시안 하단 리스트 실측 */
.colv_related{max-width:899px; margin:108px auto 0;}
.col_rows{border-top:2px solid var(--col-ink);}
.colv_related .col_rows{border-top:0;}
.colv_related .col_row{align-items:flex-start; gap:10px; padding:0 0 27px; margin-bottom:20px; border-bottom:1px solid #EEEEEE;}
.colv_related .col_row .cat{font-size:14px; font-weight:400; color:#0071E3; line-height:26px; letter-spacing:-0.5px;}
.colv_related .col_row .tit{margin-top:8px; font-size:18px; font-weight:700; color:#000; line-height:31.9px; letter-spacing:-0.6px;}
.colv_related .col_row .sum{margin-top:0; font-size:16px; font-weight:400; color:#6E6E73; line-height:25.6px; letter-spacing:normal;}
.colv_related .col_row .date{margin-top:27px; font-size:14px; font-weight:400; color:#666666; line-height:25px; letter-spacing:-0.2px;}
.colv_related .col_row .thumb{flex:0 0 196px; width:196px; height:120px; aspect-ratio:auto; border-radius:0;}
.colv_related .col_row .thumb img{object-position:center;}
.col_row{display:flex; gap:28px; align-items:center; padding:24px 4px; border-bottom:1px solid var(--col-line); text-decoration:none;}
.col_row .info{flex:1; min-width:0;}
.col_row .cat{font-size:13px; font-weight:700; color:var(--col-point);}
.col_row .tit{display:block; margin-top:6px; font-size:17px; font-weight:700; color:var(--col-ink); line-height:1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.col_row:hover .tit{color:var(--col-point);}
.col_row .sum{margin-top:6px; font-size:16px; color:#6E6E73; line-height:25.6px;
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.col_row .date{margin-top:8px; font-size:14px; color:#666666; line-height:25px;}
.col_row .thumb{flex:0 0 150px; aspect-ratio:4/3; border-radius:0; overflow:hidden; background:var(--col-bg-soft);}
.col_row .thumb img{width:100%; height:100%; object-fit:cover; object-position:left center; display:block;}

/* 사이드바 */
.colv_side{flex:0 0 350px; position:sticky; top:100px;}
.colv_side h5{font-size:15px; font-weight:700; color:#000; padding-bottom:5px; border-bottom:1px solid #000;}
.side_list{margin-bottom:32px;}
.side_item{display:flex; gap:16px; align-items:center; padding:13px 0 12px; border-bottom:1px solid #CDCDCD; text-decoration:none;}
.side_item .t{flex:1; min-width:0; font-size:16px; font-weight:700; color:#292929; line-height:20px; letter-spacing:normal;
	display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.side_item:hover .t{color:var(--col-point);}
.side_item .thumb{flex:0 0 140px; width:140px; height:73.5px; border-radius:4px; overflow:hidden; background:var(--col-bg-soft); box-shadow:0 1px 4px rgba(0,0,0,0.15);}
.side_item .thumb img{width:100%; height:100%; object-fit:cover; display:block;}
.side_banner{background:rgba(46,167,224,0.05); border-radius:0; padding:32px 20px; text-align:center;}
.side_banner p{color:#1E293B; font-size:14.4px; font-weight:600; line-height:21.6px;}
.side_banner p small{display:block; margin-top:6px; font-size:13px; font-weight:400; color:#64748B;}
.side_banner a{display:block; margin-top:18px; padding:14px 0; background:#0071E3; color:#fff; border-radius:100px; font-size:15.2px; font-weight:700; line-height:18px; text-decoration:none; letter-spacing:normal;}
.side_banner a:hover{background:var(--col-point-dark);}
/* 모바일 상세 — 시안 '게시글 상세-모바일'(390px, node 72:1235) 실측 */
@media (max-width:1024px){
	/* 순서: 본문 → 이전/다음 → 관련 칼럼 → 함께 보면 좋은 글 (시안 배치) */
	.colv_page{display:flex; flex-direction:column; padding-left:20px; padding-right:20px;}
	.colv_wrap{display:contents;}
	.colv_main{order:1; padding-top:61px;}
	.colv_bottom{order:2; width:100%; padding-bottom:0;}
	.colv_side{order:3; flex:none; width:100%; position:static; margin:100px 0 48px;}

	.colv_head .date{font-size:13px; line-height:19.5px; letter-spacing:-0.2px;}
	.colv_head h2{margin-top:13px; font-size:26px; line-height:39px; letter-spacing:-0.6px; color:#000;
		display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
	.colv_head .sum{display:none;}
	.colv_head .colv_by{margin-top:10px; font-size:13px; line-height:20px;}
	.colv_util{margin-top:13px; gap:9px;}
	.colv_photo{margin:28px 0 13px;}
	.colv_body{font-family:'Pretendard',sans-serif; font-size:16px; font-style:normal; font-weight:300; line-height:28px; letter-spacing:-0.3px; color:#606060;}
	.colv_body p{margin-bottom:0;}
	.colv_body .col_summary, .col_summary{padding:16px 20px;}
	.col_summary strong, .col_summary li{font-size:16px; line-height:28px;}
	.colv_tags{margin-top:36px; gap:10px;}
	.colv_tags .col_tag{padding:6px 12px; border-radius:15px; font-size:11px; line-height:18px; letter-spacing:-0.2px;}
	.colv_foot{margin-top:75px; gap:24px;}
	.colv_btn_list{min-width:150px; padding:11px 30px; border-radius:30px; font-size:13.8px; line-height:26px; letter-spacing:-0.5px;}

	.colv_nav{margin-top:47px; padding-top:16px;}
	.colv_nav .lab, .colv_nav span.empty{font-size:15px; font-weight:500; line-height:23.5px; letter-spacing:-0.75px;}
	.colv_nav a{gap:11px;}
	.colv_nav a.prev::before, .colv_nav a.next::after{flex-basis:45px; width:45px; height:45px; background-size:45px 45px;}

	/* 시안 모바일엔 관련 칼럼이 없음 */
	.colv_related{display:none;}
}

/* ==========================================================================
   메인 페이지 칼럼 섹션
   ========================================================================== */
.main_column{padding:100px 0; background:#fff;}
.main_column .sec_head{text-align:center; margin-bottom:50px;}
.main_column .sec_head h2{font-size:40px; font-weight:700; color:#1D1D1F; letter-spacing:-1.2px;}
.main_column .sec_head p{margin-top:12px; color:#6E6E73; font-size:18px; line-height:28.8px;}
.main_column .col_row .num{flex-shrink:0; font-size:15px; font-weight:700; color:var(--col-point); width:28px;}
.main_column .col_rows{border-top:0;}
.main_column .col_row{padding:20px 0; border-bottom:1px solid #eee;}
.main_column .col_row .cat{color:#0071E3; font-family:'Pretendard',sans-serif; font-size:14px; font-style:normal; font-weight:400; line-height:185%; letter-spacing:-0.5px;}
.main_column .col_row .tit{color:#000; font-family:'Pretendard',sans-serif; font-size:18px; font-style:normal; font-weight:700; line-height:180%; letter-spacing:-0.6px;}
.main_column .col_row:hover .tit{color:var(--col-point);}
.main_column .col_row .date{color:#666; font-family:'Pretendard',sans-serif; font-size:14px; font-style:normal; font-weight:400; line-height:180%; letter-spacing:-0.2px;}
.main_column .col_row .sum{color:#6E6E73; font-family:'Pretendard',sans-serif; font-size:16px; font-style:normal; font-weight:400; line-height:160%;}
.main_column .more_wrap{text-align:center; margin-top:36px;}
.main_column .btn_more{display:inline-block; padding:19px 38px; border:0; border-radius:15px; background:#F3F4F5; color:#363636; font-family:'Pretendard',sans-serif; font-size:18px; font-style:normal; font-weight:600; line-height:normal; letter-spacing:-1px; text-decoration:none; transition:all .25s;}
.main_column .btn_more:hover{background:var(--col-point); color:#fff;}
@media (max-width:768px){
	.main_column{padding:64px 0;}
	.main_column .sec_head h2{font-size:24px;}
	.col_row{flex-direction:column-reverse; align-items:stretch; gap:12px;}
	.col_row .thumb{flex:none; width:100%; aspect-ratio:16/9;}
	/* ── 메인 칼럼 섹션 : 모바일 시안(Figma Group 317) 기준 ── */
	.main_column .sec_head{margin-bottom:33px;}
	.main_column .sec_head h2{font-size:38px; font-weight:700; color:#1D1D1F; line-height:48px; letter-spacing:-1.2px;}
	.main_column .sec_head p{margin-top:17px; font-size:17px; font-weight:400; color:#6E6E73; line-height:28.8px; letter-spacing:0;}

	.main_column .col_row{flex-direction:row; align-items:flex-start; gap:16px; padding:0 0 21px; margin-bottom:10px; border-bottom:1px solid #EEEEEE;}
	.main_column .col_row .info{padding-top:5px;}
	.main_column .col_row .cat{display:block; font-size:11.3px; font-weight:400; color:#0071E3; line-height:18px; letter-spacing:-0.2px;}
	.main_column .col_row .tit{margin-top:3px; min-height:48px; font-size:15px; font-weight:700; color:#000; line-height:24px; letter-spacing:-0.5px;
		white-space:normal; text-overflow:clip; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
	.main_column .col_row .sum{display:none;}
	.main_column .col_row .date{display:block; margin-top:8px; font-size:12px; font-weight:300; color:#666; line-height:18px; letter-spacing:-0.2px;}
	.main_column .col_row .thumb{flex:0 0 96px; width:96px; margin-top:23px; aspect-ratio:16/9; border-radius:0;}

	.main_column .more_wrap{margin-top:33px;}
	.main_column .btn_more{width:150px; padding:11px 0; border-radius:10px; background:#F3F4F5; color:#363636; font-size:13.8px; font-weight:700; line-height:26px; letter-spacing:-0.5px; text-align:center;}
}

/* (플로팅 카카오·푸터 문구 스타일은 전 페이지 공통이라 common.css에 정의) */

/* 칼럼 페이지 브레드크럼 숨김 (시안에 없음, 헤더 밀림 방지) */
.visual_lnb{display:none;}

/* 모바일 가로 오버플로 방지 (nowrap 제목의 min-content 확장 차단) */
.colv_main{max-width:100%; min-width:0;}
.colv_nav a{overflow:hidden;}
.colv_nav .t{min-width:0;}
.col_row{min-width:0;}
.col_row .info{overflow:hidden; min-width:0;}

/* 좁은 화면(390px 이하)에서 메인 칼럼 서브텍스트 축소 — 2줄 유지 */
@media (max-width:390px){
	.main_column .sec_head p{font-size:16px;}
}

/* ───────────────────────────────────────────────────────────
   네이버 스마트에디터에서 붙여넣은 본문 보정 (2026-10-06)
   붙여넣기 HTML이 본문 폭(약 864px)보다 넓은 고정 px 값을 달고 와서
   표가 잘리고 정방형 이미지가 찌그러지던 문제를 바로잡는다.
   ─────────────────────────────────────────────────────────── */
.colv_body{overflow-wrap:break-word;}

/* 이미지 : 인라인 height 를 무시하고 원본 비율 유지 */
.colv_body img{max-width:100% !important; height:auto !important;}

/* 표 : 본문 폭을 넘지 않게
   (고정 레이아웃에서는 셀에 박힌 px 폭이 표 전체를 다시 늘리므로 셀 폭도 함께 푼다) */
.colv_body .se-table-container{max-width:100% !important; overflow-x:auto;}
.colv_body table{width:100% !important; max-width:100% !important; table-layout:fixed;}
.colv_body table col{width:auto !important;}
.colv_body table td, .colv_body table th{width:auto !important; max-width:none !important; word-break:break-word;}

/* 스마트에디터 래퍼 : 고정 폭·좌우 여백 해제 */
.colv_body [class*="se-"]{max-width:100% !important;}
.colv_body .se-component{margin-left:0 !important; margin-right:0 !important;}

/* 에디터가 이미지에 씌우는 고정폭 figure 도 본문 폭에 맞춘다 */
.colv_body figure,
.colv_body .cheditor-caption,
.colv_body .cheditor-caption-wrapper{max-width:100% !important; width:auto !important;}


/* ───────────────────────────────────────────────────────────
   칼럼 본문 여백·글자 크기 통일 (2026-10-07, 클라이언트 피드백 3·4번)
   ─────────────────────────────────────────────────────────── */
/* 3. 여백 : 네이버 블록의 좌우 40px·블록별 상단 간격(20/30px)을 없애고
   제목·요약·대표이미지와 같은 왼쪽 선, 같은 블록 간격으로 맞춘다 */
.colv_body .se-component-content{padding-left:0 !important; padding-right:0 !important; margin-left:0 !important; margin-right:0 !important; max-width:100% !important;}
.colv_body .se-component{margin-top:30px !important;}
.colv_body > .se-component:first-child{margin-top:0 !important;}
.colv_body figure{margin:0 !important;}

/* 4. 글자 크기 (20261008 변경) : 에디터에서 지정한 px 그대로 노출(환산 없음)
   크기 지정 없는 글은 사이트 기본값 16px 로 노출. 이전 환산 규칙은 .bak.colpx_20261008 참고 */
.colv_body{font-size:16px; letter-spacing:-0.3px;}

/* 20261008 피드백 2차
   2. 볼드 : 본문 굵기 300 에서 b 가 400 으로만 보이던 문제 → 600 (요약 타이틀과 동일)
   4. 캡션 : 크기 지정 없는 캡션 기본 14px */
.colv_body b, .colv_body strong{font-weight:600;}
.colv_body figcaption, .colv_body .se-caption{font-size:14px; line-height:1.5;}