@charset "utf-8"; 

.main-content { padding: 0; } 
.main-content > div + div { margin-top: 8rem; } 

/********** 공통 **********/


@media only screen and (max-width: 1500px) { 
.main-content > div + div { margin-top: 5rem; } 
 } 
@media only screen and (max-width: 767px) { 
.main-content > div + div { margin-top: 3rem; } 
 } 

/********** 메인비주얼 **********/
.main-vi { position: relative; } 
.main-vi .swiper-slide { position: relative; height: 56rem; overflow: hidden; }
.main-vi .img-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.main-vi .img-wrap img { width: 100%; height: 100%; object-fit: cover; } 
.main-vi .swiper-slide .inner { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; height: 100%; } 
.main-vi .main-vi-tit { font-weight: 500; font-size: 4.8rem; line-height: 1.3; color: #fff; text-shadow: 0 0 4px rgba(0, 0, 0, .15); } 
.main-vi .main-vi-tit strong { display: block; font-weight: 700; } 

/* 컨트롤 : 흰 플래토 + 좌우 필렛(radial-gradient 굴곡) */
.main-vi .swiper-control-wrap { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; pointer-events: none; } 
.main-vi .swiper-control-st1 { pointer-events: auto; position: relative; gap: .8rem; width: fit-content; margin-left: auto; margin-right: max(0px, calc(3rem - var(--krds-contents-padding-x, 24px))); padding: 1rem 1.2rem .6rem; background-color: #fff; border-radius: 2.8rem 2.8rem 0 0; } 
.main-vi .swiper-control-st1::before,
.main-vi .swiper-control-st1::after { content: ""; position: absolute; bottom: 0; width: 3rem; height: 3rem; } 
.main-vi .swiper-control-st1::before { left: -3rem; background: radial-gradient(circle 3rem at 0 0, transparent 2.9rem, #fff 3rem); } 
.main-vi .swiper-control-st1::after { right: -3rem; background: radial-gradient(circle 3rem at 100% 0, transparent 2.9rem, #fff 3rem); } 
.main-vi .swiper-control-st1 .swiper-pagination { position: static; display: flex; align-items: center; gap: .4rem; width: auto; height: 4rem; padding: 0 1.6rem; font-weight: 700; font-size: 1.7rem; color: var(--gray-17); border: 1px solid var(--krds-light-color-border-gray-light); border-radius: 10rem; } 
.main-vi .swiper-control-st1 .swiper-pagination-current { color: var(--primary800); } 
.main-vi .swiper-control-st1 button { display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; border: 1px solid var(--krds-light-color-border-gray-light); border-radius: 50%; transition: background-color .2s; } 
.main-vi .swiper-control-st1 button:hover { background-color: var(--primary50); } 
.main-vi .swiper-control-st1 .play { display: none; } 

@media only screen and (max-width: 1200px) { 
.main-vi .main-vi-tit { font-size: 4rem; } 
.main-vi .swiper-control-st1::before,
.main-vi .swiper-control-st1::after { bottom: -1px; width: 30px; height: 30px; } 
.main-vi .swiper-control-st1::before { left: -29px; background: radial-gradient(circle 30px at 0 0, transparent 28.5px, #fff 29.5px); } 
.main-vi .swiper-control-st1::after { right: -29px; background: radial-gradient(circle 30px at 100% 0, transparent 28.5px, #fff 29.5px); } 
 } 
@media only screen and (max-width: 1023px) { 
.main-vi .swiper-slide { height: 40vw; min-height: 26rem; } 
.main-vi .main-vi-tit { font-size: 3.2rem; } 
 } 
@media only screen and (max-width: 767px) { 
.main-vi .swiper-slide { height: 48vw; min-height: 22rem; } 
.main-vi .main-vi-tit { font-size: 2.4rem; } 
.main-vi .swiper-control-st1 { gap: .4rem; padding: .8rem .8rem .4rem; } 
.main-vi .swiper-control-st1 .swiper-pagination { height: 3.2rem; padding: 0 1.2rem; font-size: 15px; } 
.main-vi .swiper-control-st1 button { width: 3.2rem; height: 3.2rem; } 
.main-vi .swiper-control-st1 button .svg-icon { width: 2rem; height: 2rem; } 
.main-vi .swiper-control-st1 { border-radius: 2.2rem 2.2rem 0 0; } 
.main-vi .swiper-control-st1::before,
.main-vi .swiper-control-st1::after { width: 24px; height: 24px; } 
.main-vi .swiper-control-st1::before { left: -23px; background: radial-gradient(circle 24px at 0 0, transparent 22.5px, #fff 23.5px); } 
.main-vi .swiper-control-st1::after { right: -23px; background: radial-gradient(circle 24px at 100% 0, transparent 22.5px, #fff 23.5px); } 
 } 


/********** 퀵메뉴 **********/
.main-quick { padding: 4rem 0; background-color: #fff; border-bottom: 1px solid var(--gray-e5); } 
.main-vi + .main-quick { margin-top: 0; } 
.main-quick + .sec02 { margin-top: 0; } 
.sec02 + .sec03 { margin-top: 0; } 
.sec03 + .sec04 { margin-top: 0; } 
.main-quick .quick-list { display: flex; align-items: flex-start; justify-content: space-between; } 
.main-quick .quick-list a { display: flex; flex-direction: column; align-items: center; gap: .8rem; width: 12rem; padding: .8rem 1.2rem; } 
.main-quick .ico-wrap { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 9rem; height: 9rem; background-color: #fff; border: 1px solid var(--krds-color-light-gray-20, #cdd1d5); border-radius: 50%; overflow: hidden; transition: border-color .2s, box-shadow .2s; }
.main-quick .ico-wrap img { flex-shrink: 0; width: 6rem; height: 6rem; object-fit: contain; }
.main-quick .kics .ico-wrap img { width: 5.6rem; height: auto; }
.main-quick a:hover .ico-wrap,
.main-quick a:focus .ico-wrap { border-color: var(--krds-color-light-gray-60, #58616a); box-shadow: 0 4px 7.5px rgba(48, 97, 188, .2); }

@media only screen and (max-width: 1200px) { 
.main-quick .quick-list { flex-wrap: wrap; justify-content: center; } 
 } 
@media only screen and (max-width: 1023px) { 
.main-quick .quick-list { row-gap: 2rem; } 
.main-quick .quick-list li { display: flex; justify-content: center; flex: 0 0 25%; min-width: 0; } 
 } 
@media only screen and (max-width: 767px) { 
.main-quick { padding: 2.5rem 0; } 
.main-quick .quick-list a { width: 100%; padding: .8rem .4rem; } 
.main-quick .ico-wrap { width: 7.2rem; height: 7.2rem; }
.main-quick .ico-wrap img { width: 4.8rem; height: 4.8rem; }
.main-quick .kics .ico-wrap img { width: 4.6rem; height: auto; }
 } 
@media only screen and (max-width: 400px) { 
.main-quick .quick-list li { flex: 0 0 33.333%; } 
 } 
/********** 중대범죄수사청이란? **********/
.sec02 { position: relative; padding: 8rem 0 14rem; background: url(/resource/_main/img/main/main_about_bg-12e60bb10b6987fbb982d5f6acb1602e.png) no-repeat center top / cover; } 
.sec02::before { content: ""; position: absolute; left: 4rem; bottom: 0; width: min(62rem, calc(100% - 8rem)); height: 17.4rem; background: url(/resource/_main/img/main/main_about_sci-844d5d154e0d44e903f8c403b0a35b9e.svg) no-repeat left bottom / contain; } /* 영문 기관명 SCIA → SCI (2026-09-08) */
.sec02 .inner { position: relative; } 
.sec02 .about-head { display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 2.8rem; } 
.sec02 .about-head .tit { font-weight: 800; font-size: 3.9rem; line-height: 1.5; color: #000; } 
.sec02 .about-head .sub-wrap { display: flex; flex-direction: column; align-items: flex-end; gap: .4rem; } 
.sec02 .about-head .sub { font-weight: 700; font-size: 2rem; color: var(--navy500); } 
.sec02 .about-head .desc { font-size: 14px; color: var(--gray-66); } 
.sec02 .about-flex { display: flex; gap: 2.4rem; min-height: 39.4rem; } /* min-height: 일반민원 신청 카드 숨김(2026-09-04 검수) 동안 섹션 높이 유지 — 카드 2장일 때의 자연 높이(18.7×2+gap2)라 복원해도 무영향 */

.sec02 .photo-card { position: relative; flex: 1; min-width: 0; border-radius: 2rem 0 0 0; overflow: hidden; } 
.sec02 .photo-card .img-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.sec02 .photo-card .img-wrap img { width: 100%; height: 100%; object-fit: cover; }
.sec02 .photo-card .img-wrap::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 68%); }
.sec02 .photo-card .txt-wrap { position: absolute; left: 4rem; top: 6.7rem; z-index: 1; color: #fff; }
.sec02 .photo-card .txt-wrap .tit { position: relative; display: block; padding-left: 1.4rem; font-weight: 700; font-size: 2.2rem; } 
.sec02 .photo-card .txt-wrap .tit::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: .6rem; height: .6rem; background-color: var(--cate8); border-radius: 50%; } 
.sec02 .photo-card .txt-wrap .desc { margin-top: .8rem; font-size: 1.7rem; line-height: 1.5; } 
.sec02 .photo-card .btn-detail { position: absolute; right: 4rem; bottom: 3.4rem; z-index: 1; display: inline-flex; align-items: center; gap: .4rem; height: 4rem; padding: 0 1.6rem; font-size: 15px; color: var(--gray-17); background-color: #fff; border: 1px solid var(--gray-55); border-radius: 4rem; } 
.sec02 .photo-card .btn-detail .svg-icon { width: 1.6rem; height: 1.6rem; } 
.main-content .svg-icon.ico-shortcut { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.4297 15.9999C25.4297 16.2212 25.3396 16.4328 25.1801 16.5862L19.894 21.669C19.5702 21.9803 19.0554 21.9702 18.7441 21.6464C18.4328 21.3227 18.4429 20.8079 18.7666 20.4965L22.5973 16.8132L8.28825 16.8132C7.83911 16.8132 7.475 16.4491 7.475 15.9999C7.475 15.5508 7.83911 15.1867 8.28825 15.1867L22.5973 15.1867L18.7666 11.5034C18.4429 11.192 18.4328 10.6772 18.7441 10.3535C19.0554 10.0297 19.5702 10.0196 19.894 10.3309L25.1801 15.4137C25.3396 15.5671 25.4297 15.7787 25.4297 15.9999Z'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.4297 15.9999C25.4297 16.2212 25.3396 16.4328 25.1801 16.5862L19.894 21.669C19.5702 21.9803 19.0554 21.9702 18.7441 21.6464C18.4328 21.3227 18.4429 20.8079 18.7666 20.4965L22.5973 16.8132L8.28825 16.8132C7.83911 16.8132 7.475 16.4491 7.475 15.9999C7.475 15.5508 7.83911 15.1867 8.28825 15.1867L22.5973 15.1867L18.7666 11.5034C18.4429 11.192 18.4328 10.6772 18.7441 10.3535C19.0554 10.0297 19.5702 10.0196 19.894 10.3309L25.1801 15.4137C25.3396 15.5671 25.4297 15.7787 25.4297 15.9999Z'/%3E%3C/svg%3E") no-repeat center / contain; } 
.sec02 .photo-card:hover .btn-detail { background-color: var(--primary50); } 

.sec02 .card-wrap { display: flex; flex-direction: column; gap: 2rem; width: 51.6rem; } 
.sec02 .go-card { flex: 1; display: flex; align-items: center; gap: 1rem; min-height: 18.7rem; padding: 4rem 3.2rem 2.5rem 1.4rem; background-color: #fff; box-shadow: 0 1.1rem 2rem rgba(146, 173, 223, .5); }
/* 내 사건 조회 단독 노출(일반민원 신청 숨김, 2026-09-04 검수) 동안 2단 배치 — 1줄 아이콘 / 2줄 텍스트+바로가기. 일반민원 카드 복원 시 마크업의 go-card-col 클래스 제거 */
.sec02 .go-card.go-card-col { display: grid; grid-template-columns: 1fr auto; align-content: center; row-gap: 3.6rem; padding: 4rem; }
.sec02 .go-card-col .ico-box { grid-column: 1 / -1; justify-self: center; width: 14rem; height: 14rem; margin: 0; }
.sec02 .go-card-col .btn-go { align-self: center; }
.sec02 .go-card .ico-box { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 10rem; height: 10rem; margin: 0 1rem; transform: rotate(15deg); border-radius: 0 0 3rem 3rem; overflow: hidden; } 
.sec02 .go-card .ico-box img { flex-shrink: 0; width: 210%; max-width: none; } 
.sec02 .go-card .txt-wrap { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1.4rem; } 
.sec02 .go-card .tit { font-weight: 700; font-size: 2.8rem; color: #000; } 
.sec02 .go-card .tit em { color: var(--point1); } 
.sec02 .go-card .desc { font-weight: 700; font-size: 14px; color: var(--gray-17); } 
.sec02 .go-card .btn-go { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 4.4rem; height: 4.4rem; border: 1px solid var(--gray-75); border-radius: .4rem; transition: background-color .2s, border-color .2s; } 
.sec02 .go-card .btn-go .svg-icon { width: 3.2rem; height: 3.2rem; } 
.sec02 .go-card:hover .btn-go,
.sec02 .go-card:focus .btn-go { background-color: var(--point1); border-color: transparent; } 
.sec02 .go-card:hover .btn-go .svg-icon,
.sec02 .go-card:focus .btn-go .svg-icon { background-color: #fff; } 

@media only screen and (max-width: 1200px) { 
.sec02 { padding: 5rem 0 10rem; } 
.sec02 .about-flex { flex-direction: column; } 
.sec02 .photo-card { flex: 0 0 auto; height: 36rem; } 
.sec02 .card-wrap { width: 100%; } 
/* 1200 이하: 카드가 한 줄 전체를 쓰므로 가로 배치로 낮추고, SCI 는 카드 아래 여백(10rem) 안에 들어오게 축소 */ 
.sec02::before { width: 18rem; height: 7rem; } 
.sec02 .go-card.go-card-col { display: flex; min-height: 0; padding: 2.4rem 3.2rem 2.4rem 1.4rem; } 
.sec02 .go-card-col .ico-box { width: 10rem; height: 10rem; margin: 0 1rem; } 
 } 
@media only screen and (max-width: 767px) { 
.sec02 { padding: 4rem 0 8rem; } 
.sec02::before { width: 14rem; height: 5.6rem; }
.sec02 .about-head { flex-direction: column; align-items: flex-start; gap: 1rem; } 
.sec02 .about-head .sub-wrap { align-items: flex-start; } 
.sec02 .about-head .tit { font-size: 2.8rem; } 
.sec02 .photo-card { height: 30rem; } 
.sec02 .photo-card .txt-wrap { left: 2rem; top: 3rem; } 
.sec02 .photo-card .btn-detail { right: 2rem; bottom: 2rem; } 
.sec02 .go-card { padding: 2.5rem 2rem 2rem 1rem; } 
.sec02 .go-card .ico-box { width: 7rem; height: 7rem; margin: 0 .5rem; } 
.sec02 .go-card.go-card-col { padding: 2rem 2rem 2rem 1rem; } 
.sec02 .go-card-col .ico-box { width: 7rem; height: 7rem; margin: 0 .5rem; } 
.sec02 .go-card .tit { font-size: 2.2rem; } 
 } 

/********** 알림소식 **********/
.sec03 { position: relative; padding: 6rem 0; background: var(--navy900) url(/resource/_main/img/main/main_notice_bg-103ae08a7a376b80932da3905a4f5574.jpg) no-repeat center / cover; overflow: hidden; } 
/* 플로팅 큐브 : 배경과 분리해 가상요소로 띄움 (translate 는 rotate 와 독립이라 회전 유지한 채 부유) */
.sec03::before,
.sec03::after,
.sec03 .inner::before { content: ""; position: absolute; background: no-repeat center / contain; mix-blend-mode: screen; pointer-events: none; } 
.sec03::before { top: 6rem; right: 5rem; width: 8rem; height: 8.4rem; background-image: url(/resource/_main/img/main/main_notice_obj01-3ef8c96f68978f82326b19f58fa93240.png); rotate: 4deg; animation: obj-float 5s ease-in-out infinite; } 
.sec03::after { top: 32rem; left: 20rem; width: 8.5rem; height: 8.6rem; background-image: url(/resource/_main/img/main/main_notice_obj02-3ef8c96f68978f82326b19f58fa93240.png); rotate: 150deg; scale: 1 -1; animation: obj-float 7s ease-in-out 1s infinite; } 
.sec03 .inner::before { top: 18rem; right: 13.1rem; width: 4.1rem; height: 4.1rem; background-image: url(/resource/_main/img/main/main_notice_obj03-c12a8f70c647ac6b6a049b606bed62ec.png); rotate: -21deg; animation: obj-float 4s ease-in-out .5s infinite; } 
@keyframes obj-float { 50% { translate: 0 -1.6rem; } 
 } 
@media (prefers-reduced-motion: reduce) { 
.sec03::before, .sec03::after, .sec03 .inner::before { animation: none; } 
 } 
.sec03 .sec-tit { display: block; margin-bottom: 2rem; font-weight: 700; font-size: 3.2rem; color: #fff; letter-spacing: .1rem; } 
.sec03 .notice-head { display: flex; align-items: center; justify-content: space-between; gap: 1.6rem; margin-bottom: 2rem; } 
.sec03 .notice-tab { display: flex; gap: .8rem; } 
.sec03 .notice-tab button { min-width: 5.6rem; height: 4rem; padding: 0 .4rem; font-weight: 700; font-size: 17px; color: var(--gray-aa); border-bottom: 3px solid transparent; transition: color .2s; } 
.sec03 .notice-tab li.on button { color: #fff; border-bottom-color: var(--point1); } 
.sec03 .notice-tab button:hover { color: #fff; } 
.sec03 .btn-more { display: inline-flex; align-items: center; gap: .4rem; height: 3.2rem; font-size: 1.7rem; color: #fff; } 
.sec03 .btn-more .svg-icon { width: 2rem; height: 2rem; background-color: #fff; } 

.sec03 .notice-panel { display: none; } 
.sec03 .notice-panel.on { display: block; } 
.sec03 .main-nodata { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2.4rem; height: 25.8rem; } 
.sec03 .main-nodata .ico-nodata { flex-shrink: 0; width: 6rem; height: 6rem; background: url(/resource/_main/img/main/main_notice_nodata-743a6fe2088a09be924e322819804a9a.svg) no-repeat center / contain; } 
.sec03 .main-nodata .txt { font-weight: 600; font-size: 17px; color: var(--gray-aa); } .sec03 .notice-swiper .swiper-slide { height: auto; display: flex; } 
.sec03 .notice-card { display: flex; flex-direction: column; align-items: flex-start; gap: 1.6rem; width: 100%; height: 100%; min-height: 21.5rem; padding: 2.4rem 2.8rem; background-color: #fff; transition: box-shadow .2s; } /* width:100% — 제목·내용이 짧아도 카드가 슬라이드 폭을 꽉 채움 (2026-09-15 개발 연동 확인) */
.sec03 .notice-card .cate-st1 { min-width: auto; height: 2.4rem; line-height: 2.4rem; font-size: 15px; border-radius: .4rem; color: var(--krds-color-light-primary-60); background-color: var(--krds-color-light-primary-5); } 
.sec03 .notice-card .txt-box { display: flex; flex-direction: column; gap: 1.2rem; width: 100%; } 
.sec03 .notice-card .tit,
.sec04 .brief-card .tit { font-weight: 700; font-size: 1.9rem; line-height: 1.5; color: var(--gray-17); background-image: linear-gradient(var(--sky100), var(--sky100)); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease; } 
.sec03 .notice-card .desc { font-size: 1.7rem; line-height: 1.5; color: var(--gray-44); } 
.sec03 .notice-card .card-more { display: inline-flex; align-items: center; gap: .4rem; margin-top: auto; height: 3.2rem; font-size: 1.7rem; color: var(--gray-17); } 
.sec03 .notice-card .card-more .svg-icon { width: 2rem; height: 2rem; } 
.sec03 .notice-card:hover, .sec03 .notice-card:focus { box-shadow: inset 0 0 0 .6rem var(--sky500); } 
.sec03 .notice-card:hover .tit, .sec03 .notice-card:focus .tit,
.sec04 .brief-card:hover .tit, .sec04 .brief-card:focus .tit { background-size: 100% 100%; text-decoration: underline; text-underline-offset: .3rem; } 

.sec03 .swiper-btns { display: flex; justify-content: flex-end; gap: .8rem; margin-top: 2rem; }
.sec03 .swiper-btns button { display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; background-color: #fff; border: 1px solid var(--gray-cc); border-radius: 50%; }
.sec03 .swiper-btns button .svg-icon { width: 2.4rem; height: 2.4rem; }
.sec03 .swiper-btns .play { display: none; } /* 자동재생 중 기본 — 정지 시 JS 가 토글 */
.sec03 .swiper-btns button:hover { background-color: var(--gray-f5); }
.sec03 .swiper-btns.disabled button { opacity: .4; } /* 슬라이드가 다 보여 넘길 게 없을 때 (JS isLocked) */

@media only screen and (max-width: 1023px) { 
.sec03 { padding: 4rem 0; } 
.sec03 .sec-tit { font-size: 2.8rem; } 
 } 
@media only screen and (max-width: 767px) { 
.sec03 .notice-head { flex-wrap: wrap; gap: unset; } 
.sec03 .notice-tab { order: 2; width: 100%; overflow-x: auto; } 
.sec03 .btn-more { order: 1; margin-left: auto; } 
.sec03 .notice-card { min-height: 18rem; padding: 2rem; } 
.sec03::before, .sec03::after, .sec03 .inner::before { display: none; } 
 } 
/********** 정책브리핑 **********/
.sec04 { position: relative; padding: 6rem 0 10rem; overflow: hidden; } 
.sec04::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/resource/_main/img/main/sec04-bg-61c76a3abe18624aeb8143ce6d931912.svg) no-repeat center top / cover; pointer-events: none; } 

.sec04 .inner { position: relative; } 
.sec04 .brief-head { display: flex; align-items: center; justify-content: space-between; gap: 1.6rem; margin-bottom: 2.4rem; } 
.sec04 .brief-head .logo img { display: block; height: 6.4rem; } 
.sec04 .btn-site { display: inline-flex; align-items: center; gap: .6rem; padding: 1.2rem 2rem; font-size: 1.9rem; color: var(--gray-17); background-color: #fff; border: 1px solid var(--gray-aa); border-radius: 3.4rem; transition: background-color .2s; } 
.sec04 .btn-site:hover { background-color: var(--primary50); } 
.sec04 .btn-site img { width: 2rem; } 
.sec04 .btn-site .svg-icon { width: 2.4rem; height: 2.4rem; } 
.sec04 .brief-list { display: flex; } 
.sec04 .brief-list > li { flex: 1; min-width: 0; } 
.sec04 .brief-list > li + li { border-left: 1px solid var(--gray-aa); } 
.sec04 .brief-card { display: flex; flex-direction: column; gap: 1.6rem; height: 100%; padding: 2rem; } 
.sec04 .brief-card .tit { -webkit-line-clamp: 3; } /* 카드가 다열로 좁아 제목 2줄 말줄임이 과함 — 전 구간 3줄로 완화 (2026-09-30) */
.sec04 .brief-card .desc { font-size: 17px; line-height: 1.5; color: var(--gray-44); } 
.sec04 .brief-card .meta { display: flex; align-items: center; gap: 1.2rem; margin-top: auto; font-size: 17px; color: var(--gray-44); } 
.sec04 .brief-card .meta .date { flex-shrink: 0; } 
.sec04 .brief-card .meta .dept { position: relative; padding-left: 1.2rem; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 좁은 카드에서 부처명이 길면 한 줄 유지 + 말줄임 — 옆 카드 구분선 침범 방지 (2026-09-30) */
.sec04 .brief-card .meta .dept::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 1.6rem; background-color: var(--gray-cc); } 

@media only screen and (max-width: 1200px) { 
.sec04 .brief-list { position: relative; flex-wrap: wrap; } 
.sec04 .brief-list::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; border-left: 1px dashed var(--gray-dd); } 
.sec04 .brief-list > li { flex: 0 0 50%; } 
.sec04 .brief-list > li + li { border-left: 0; } 
.sec04 .brief-list > li:nth-child(-n+4) { border-bottom: 1px dashed var(--gray-dd); } 
 } 
@media only screen and (max-width: 1023px) { 
.sec04 { padding: 4rem 0 6rem; } 
 } 
@media only screen and (max-width: 767px) { 
.sec04 .brief-head { flex-wrap: wrap; } 
.sec04 .brief-head .logo img { height: 4.8rem; } 
.sec04 .brief-list::before { content: none; } 
.sec04 .brief-list > li { flex: 0 0 100%; } 
 } 
/********** 픽스 버튼 **********/
.fix-btns { position: fixed; right: 8rem; bottom: 4rem; z-index: 500; display: flex; flex-direction: column; align-items: flex-end; gap: 1.5rem; } 
.fix-btns .sns-list { display: flex; flex-direction: column; padding: 0 1.2rem; background-color: #fff; border: 1px solid var(--gray-e5); border-radius: 1.5rem; filter: drop-shadow(0 .4rem .7rem rgba(0, 0, 0, .08)); opacity: 0; visibility: hidden; transform: translateY(1rem); transition: opacity .25s, transform .25s, visibility .25s; } 
.fix-btns.open .sns-list { opacity: 1; visibility: visible; transform: none; } 
.fix-btns .sns-list a { display: flex; align-items: center; justify-content: center; height: 5rem; padding: 0 1rem; font-size: 2rem; border-bottom: 1px solid var(--gray-e5); } 
.fix-btns .sns-list a:last-child { border-bottom: 0; } 
.fix-btns .sns-list .ico-yt { color: #ff0000; } 
.fix-btns .sns-list .ico-insta { color: #e1306c; } 
.fix-btns .sns-list .ico-fb { color: #1877f2; } 
.fix-btns .sns-list .ico-blog { font-weight: 700; font-size: 1.8rem; color: #03c75a; } 
.fix-btns .sns-list .ico-x { color: #000; } 
.fix-btns .btn-pill { display: flex; align-items: center; justify-content: center; gap: 1rem; width: 10rem; padding: 1.2rem 1.8rem; font-weight: 500; font-size: 1.8rem; color: var(--gray-44); background-color: #fff; border-radius: 10rem; filter: drop-shadow(0 .4rem .7rem rgba(0, 0, 0, .08)); transition: background-color .2s, color .2s; } 
.fix-btns .btn-sns.on { color: #fff; background-color: var(--primary500); } 
/* SNS·팝업은 확정 전 비노출 (마크업 유지) */
.fix-btns .sns-list, .fix-btns .btn-sns, .fix-btns .btn-popup { display: none; } 
.fix-btns .btn-top { display: flex; align-items: center; justify-content: center; width: 4.8rem; height: 4.8rem; background-color: #fff; border: 1px solid var(--krds-color-light-gray-20, var(--gray-cc)); border-radius: .8rem; filter: drop-shadow(0 .4rem .7rem rgba(0, 0, 0, .08)); } 
.fix-btns .btn-top .svg-icon { width: 2.4rem; height: 2.4rem; background-color: var(--navy700); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 18.6'%3E%3Cpath d='M6.7998 3C7.02042 3 7.23163 3.09128 7.38281 3.25195L12.3828 8.56543C12.6855 8.8871 12.6701 9.39348 12.3486 9.69629C12.0269 9.99899 11.5206 9.98368 11.2178 9.66211L7.59961 5.81738L7.59961 17.7998C7.59961 18.2416 7.24163 18.5996 6.7998 18.5996C6.35807 18.5995 6 18.2416 6 17.7998L6 5.81738L2.38281 9.66211C2.08004 9.98389 1.57373 9.99906 1.25195 9.69629C0.93019 9.39352 0.915007 8.8872 1.21777 8.56543L6.21777 3.25195C6.36891 3.09139 6.57931 3.00005 6.7998 3ZM13.2002 0C13.6419 0.000105624 13.9999 0.358132 14 0.799805C14 1.24157 13.6419 1.5995 13.2002 1.59961L0.799805 1.59961C0.358067 1.5995 0 1.24157 0 0.799805C0.000105527 0.358132 0.358132 0.000105527 0.799805 0L13.2002 0Z'/%3E%3C/svg%3E") no-repeat center / auto 1.86rem; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 18.6'%3E%3Cpath d='M6.7998 3C7.02042 3 7.23163 3.09128 7.38281 3.25195L12.3828 8.56543C12.6855 8.8871 12.6701 9.39348 12.3486 9.69629C12.0269 9.99899 11.5206 9.98368 11.2178 9.66211L7.59961 5.81738L7.59961 17.7998C7.59961 18.2416 7.24163 18.5996 6.7998 18.5996C6.35807 18.5995 6 18.2416 6 17.7998L6 5.81738L2.38281 9.66211C2.08004 9.98389 1.57373 9.99906 1.25195 9.69629C0.93019 9.39352 0.915007 8.8872 1.21777 8.56543L6.21777 3.25195C6.36891 3.09139 6.57931 3.00005 6.7998 3ZM13.2002 0C13.6419 0.000105624 13.9999 0.358132 14 0.799805C14 1.24157 13.6419 1.5995 13.2002 1.59961L0.799805 1.59961C0.358067 1.5995 0 1.24157 0 0.799805C0.000105527 0.358132 0.358132 0.000105527 0.799805 0L13.2002 0Z'/%3E%3C/svg%3E") no-repeat center / auto 1.86rem; } 

@media only screen and (max-width: 1023px) { 
.fix-btns { right: 4rem; 
bottom: 4rem; } 
 }