@charset "utf-8";

@import url("font.css");
@import url("common.css");
@import url("layout.css");

/* ===========================================
    content
=========================================== */

.article-sec{background:#fff;}
.article-grid{display:grid;}

.dot-list{list-style:none;margin:0;padding-left:8px;}
.dot-list > li{position:relative;padding-left:12px;}
.dot-list > li::before{content:'';position:absolute;left:0;top:9px;width:3px;height:3px;border-radius:50%;background:currentColor;}

/* ===========================================
    기사 카드
=========================================== */
.article-card{display:flex;flex-direction:column;gap:10px;min-width:0;padding-top:16px;overflow:hidden;}
.article-card .thumb{display:block;position:relative;width:100%;aspect-ratio:16/9;background:#d0d0d0;overflow:hidden;}
.article-card .thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
/* 오피니언 칼럼 썸네일(퍼블리싱 st2): 세로 헤드샷을 컨테이너 중앙에 전체 노출 + 밝은 레터박스 배경.
   카드/랭킹(많이 본·최신)/사이드바/히어로/리스트/관련 등 모든 썸네일 위치에 공통 적용되도록 범용 선택자 사용. */
.thumb.st2{display:flex !important;justify-content:center;align-items:center;background:#E9ECEF !important;}
.thumb.st2 img{width:auto !important;height:100% !important;max-width:100% !important;object-fit:contain !important;}
/* 이미지 로드 실패 시 "이미지 준비중..." 대체 플레이스홀더. .thumb 박스(또는 본문 이미지 자리)를 채운다. */
.thumb-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:100%;box-sizing:border-box;padding:6px;background:#e9ecef;color:#868e96;}
.thumb-fallback-text{font-size:13px;line-height:1.35;text-align:center;word-break:keep-all;}
.hero-main .thumb-fallback-text{font-size:15px;}
.article-img-fallback{height:auto;min-height:180px;aspect-ratio:16/9;margin:12px auto;}
@media (max-width:480px){.thumb-fallback-text{font-size:12px;}}
.article-card .info{display:flex;flex-direction:column;gap:16px;width:100%;min-width:0;}
.article-card .tit{font-weight:700;line-height:1.4;color:#212529;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.article-card.type-series .series-box{transition:background .2s ease;}
.article-card .desc{line-height:1.6;color:#646b73;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.article-card .date{color:#8E99A4;letter-spacing:-0.5px;}
/* 연재형 박스 */
.article-card.type-series .series-box{display:flex;flex-direction:column;gap:16px;width:100%;border-radius:0;box-sizing:border-box;background:#F4F7FB;transition:background .2s ease;}
.article-card.type-series .series-top{display:flex;flex-direction:column;gap:12px;}
.article-card.type-series .badge{align-self:flex-start;min-width:40px;height:22px;padding:0 8px;margin-right:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #1D62CA;background:#DEE8F7;border-radius:22px;color:#0066CC;font-weight:500;font-size:12px;line-height:22px;}
.article-card.type-series .series-tit{position:relative;display:flex;gap:4px;font-weight:700;padding-right:22px;color:#111;text-decoration:none;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.5em;max-height:3em;}
.article-card.type-series .series-tit .txt{min-width:0;font-size:16px;}
.article-card.type-series .series-tit .arr{flex-shrink:0;width:20px;height:20px;color:#111;margin-left:auto;position:absolute;top:3px;right:0;}
.article-card.type-series .series-desc{display:flex;flex-direction:column;gap:16px;padding-top:16px;color:#343A40;border-top:1px solid #D0D8E5;font-size:16px;font-weight:500;}
.article-card.type-series .series-desc li{position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.3em;height:1.3em;padding-left:10px;}
.article-card.type-series .series-desc li.line2{-webkit-line-clamp:2;height:auto;}
.article-card.type-series .series-desc li:first-child + li.line2:last-child{margin-top:-8px;}
.article-card.type-series .series-desc li:before{content:'';display:block;position:absolute;top:9px;left:0;width:3px;height:3px;border-radius:100%;background:#212529;}
.article-card.type-series .series-desc a{display:block;color:inherit;text-decoration:none;}

@media all and (min-width:1025px){
    .article-card:hover .tit{text-decoration:underline;}
    .article-card.type-series .series-tit .txt:hover{text-decoration:underline;}
    .article-card.type-series .series-desc a:hover{text-decoration:underline;}
}
@media all and (min-width:1025px){
    .article-sec{padding:16px 0;}
    .article-sec .sec-inner{width:var(--min-width);margin:0 auto;}
    
    .article-grid{grid-template-columns:repeat(4,1fr);column-gap:32px;row-gap:0;}
    .article-sec .article-grid{margin-top:32px;}

    .article-grid .article-card{padding:16px 0;}
    .article-grid .article-card:nth-child(4) ~ .article-card,
    .article-grid.col3 .article-card:nth-child(3) ~ .article-card{border-top:1px solid #E9ECEF;padding-top:16px;}
    .article-card .tit{font-size:18px;}
    .article-card .desc{font-size:16px;}
    .article-card .date{font-size:13px;}
    .article-card.type-series .series-box{flex:1;padding:24px;border:1px solid transparent;transition:border 0.5s ease;-webkit-transition:border 0.5s ease;}
    .article-card.type-series .series-box:hover{border-color:#1D62CA;background:#EEF2F7;}
    .article-card.type-series .series-top{min-height:48px;}
}
@media (max-width: 1300px) and (min-width: 1024px) {
    .article-grid{padding-left:20px;padding-right:20px;}
}

@media all and (max-width:1024px){
    .article-sec .sec-title{font-size:28px;text-align:center;}
    /* .article-sec{padding:32px 0;} */
    .article-grid{grid-template-columns:1fr;}
    .article-sec .article-grid{margin-top:24px;}

    .article-grid .article-card ~ .article-card{border-top:1px solid #E9ECEF;}
    .article-card{padding:16px 0;gap:0;}
    .article-card .info{gap:8px;}
    .article-card .tit{font-size:16px;-webkit-line-clamp:2;line-clamp:2;}
    .article-card .desc{font-size:14px;}
    .article-card .date{font-size:12px;}
    /* 썸네일형 : 가로 배치 (이미지 좌측) */
    .article-card.has-thumb{flex-direction:row;align-items:center;gap:12px;}
    .article-card.has-thumb .thumb{flex-shrink:0;width:128px;height:80px;aspect-ratio:auto;}
    .article-card.has-thumb .info{flex:1;min-width:0;height:80px;justify-content:space-between;gap:8px;}
    /* 연재형 박스 */
    .article-card.type-series{padding:16px 0;border-top:none !important;padding-top:0;}
    .article-card.type-series + .article-card.type-series{margin-top:0;}
    .article-card.type-series + *{border-top:none !important;margin-top:-16px;}
    .article-card.type-series .series-box{padding:16px 16px 18px;gap:10px;}
    .article-card.type-series .series-tit .arr{top:5px;}
    .article-card.type-series .series-desc{font-size:15px;}
}

/* ===========================================
    메인 : 히어로(메인 기사)
=========================================== */
.main-hero{background:#fff;}
.hero-card{display:flex;flex-direction:column;gap:10px;overflow:hidden;}
.hero-card .thumb{display:block;position:relative;width:100%;aspect-ratio:268/151;background:#d0d0d0;overflow:hidden;}
.hero-card .thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.hero-card .info{display:flex;flex-direction:column;gap:16px;}
.hero-card .tit{font-weight:700;line-height:1.4;color:#212529;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hero-card .desc{line-height:1.6;color:#646b73;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hero-card .date{color:#8E99A4;letter-spacing:-0.5px;}
.hero-main{display:flex;flex-direction:column;gap:16px;overflow:hidden;}
.hero-main .thumb{display:block;position:relative;width:100%;aspect-ratio:660/371;background:#d0d0d0;overflow:hidden;}
.hero-main .thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.hero-main .info{display:flex;flex-direction:column;gap:16px;}
.hero-main .tit{font-weight:700;line-height:1.4;letter-spacing:-0.5px;color:#111;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hero-main .desc{line-height:1.6;color:#646b73;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* ===========================================
    메인 : 섹션 헤더 / 더보기
=========================================== */
.article-head{display:flex;align-items:center;gap:16px;border-top:2px solid #212529;}
.article-head .article-tit{flex:1;min-width:0;font-weight:700;color:#111;letter-spacing:-1px;}
.article-head .more{flex-shrink:0;color:#666;line-height:1.6;white-space:nowrap;}
.article-head .more::after{content:' >';line-height:1;position:relative;top:-1px;}

/* ===========================================
    메인 : 많이 본 기사
=========================================== */
.most-viewed{background:#212529;}
.most-viewed .mv-line{display:block;height:1px;background:#DDDDDD;}
.most-viewed .mv-tit{color:#fff;font-weight:700;}
.rank-grid .rank-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(5,auto);}
.rank-grid .rank-item{border-top:1px solid #343A40;}
.rank-grid .rank-list > .rank-item:first-child,
.rank-grid .rank-list > .rank-item:nth-child(6){border-top:0;}
.rank-grid .rank-link{display:flex;align-items:center;gap:16px;padding:16px;min-height: 102px;}
.rank-grid .rank-media{flex-shrink:0;display:flex;align-items:center;gap:16px;}
.rank-grid .rank-badge{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;background:#1A73E8;color:#fff;font-weight:600;font-size:14px;letter-spacing:-0.1px;}
.rank-grid .rank-media .thumb{position:relative; flex-shrink:0;width:125px;height:70px;background:#d0d0d0;overflow:hidden;}
.rank-grid .rank-media .thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.rank-grid .rank-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;}
.rank-grid .rank-text .tit{color:#fff;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.rank-grid .rank-text .date{color:#999;letter-spacing:-0.5px;}

@media all and (min-width:1025px){
    .hero-card:hover .tit{text-decoration:underline;}
    .hero-main:hover .tit{text-decoration:underline;}
    .article-head .more:hover{color:#1D62CA;}
    .rank-grid .rank-item:hover .rank-text .tit{text-decoration:underline;}
}
@media all and (min-width:1025px){
    .main-hero{padding:0;}
    .main-hero .hero-inner{display:flex;padding-bottom:32px; gap:24px;align-items:flex-start;width:var(--min-width);margin:0 auto;}
    .hero-col{flex-shrink:0;box-sizing:border-box;width:293px;}
    .hero-col.col-left{padding-left:24px;border-left:1px solid #E9ECEF;}
    .hero-col.col-right{padding-left:24px;border-left:1px solid #E9ECEF;}
    .hero-col .hero-card + .hero-card{margin-top:20px;padding-top:20px;border-top:1px solid #E9ECEF;}
    .hero-main{flex:1;min-width:0;}
    .main-hero .hero-grid{flex-shrink:0;box-sizing:border-box;width:610px;padding-left:24px;border-left:1px solid #E9ECEF;display:grid;grid-template-columns:1fr 1fr;column-gap:24px;row-gap:24px;}
    .hero-card .tit{font-size:18px;}
    .hero-card .date{font-size:12px;}
    .hero-main .tit{font-size:32px;}
    .hero-main .desc{font-size:16px;}

    .main-contents .article-sec{padding:0 0 24px;}
    .article-head{padding:24px 0 12px;}
    .article-head .article-tit{font-size:20px;}
    .article-head .more{font-size:14px;}
    .main-contents .article-sec .article-grid{margin-top:0;}

    .most-viewed{padding:40px 0;}
    .most-viewed .sec-inner{width:var(--min-width);margin:0 auto;}
    .most-viewed .mv-tit{margin:0 0 24px;font-size:24px;}
    .rank-grid .rank-list{column-gap:40px;padding-top:8px;}
    .rank-grid .rank-text .tit{font-size:16px;}
    .rank-grid .rank-text .date{font-size:13px;}
}

@media all and (max-width:1300px) and (min-width:1024px){
    .main-hero,
    .most-viewed,
    .main-contents .article-sec{padding-left:20px;padding-right:20px;}
}

@media all and (max-width:1024px){
    .main-hero{padding:0 ;border-top:0;}
    .main-hero .hero-inner{display:flex;flex-direction:column;gap:0;}
    .hero-main{order:-1;width:100%;margin-bottom:24px;}
    .main-hero .hero-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:10px;row-gap:16px;width:100%;}
    .hero-main .thumb{aspect-ratio:343/238;}
    .hero-main .tit{font-size:20px;}
    .hero-main .desc{font-size:14px;color:#343A40;}
    .hero-col{display:flex;flex-direction:row;gap:10px;width:100%;border:0!important;padding:0 0 10px !important;}
    .hero-col ~ .hero-col{margin-top:16px;}    
    .hero-col + .hero-col{margin-top:16px;}
    .hero-col .hero-card{flex:1;min-width:0;}
    .hero-col .hero-card + .hero-card{margin-top:0;padding-top:0;border-top:0;}
    .hero-card .info{gap:10px;}
    .hero-card .tit{font-size:16px;}
    .hero-card .date{font-size:12px;}

    .main-contents .article-sec{padding:0;margin-top:32px;}
    .article-head{padding:24px 0 12px;}
    .article-head .article-tit{font-size:20px;}
    .article-head .more{font-size:13px;}
    .main-contents .article-sec .article-grid{margin-top:0;}

    .most-viewed{margin:32px -16px 0;padding:40px 16px;}
    .most-viewed .mv-line{display:none;}
    .most-viewed .mv-tit{margin-bottom:12px;font-size:18px;}
    .rank-grid{display:block;}
    .rank-grid .rank-list{display:block;}
    .rank-grid .rank-list > .rank-item:nth-child(6){border-top:1px solid #343A40;}
    .rank-grid .rank-link{gap:10px;padding:16px 0;}
    .rank-grid .rank-media{display:grid;gap:0;}
    .rank-grid .rank-media .thumb{grid-area:1 / 1;width:128px;height:72px;}
    .rank-grid .rank-media .rank-badge{grid-area:1 / 1;align-self:start;justify-self:start;border-radius:0;z-index: 1;}
    .rank-grid .rank-text .tit{font-size:16px;}
    .rank-grid .rank-text .date{font-size:12px;}
}

/* ===========================================
    검색 결과 페이지
=========================================== */
/* 검색 히어로 */
.search-hero{background:#F4F7FB;border-top:1px solid #DEE2E6;}
.search-hero-inner{display:flex;flex-direction:column;}
.search-box{display:flex;align-items:center;gap:16px;background:#fff;border:2px solid #1D62CA;border-radius:4px;padding:0 16px;box-sizing:border-box;}
.search-box .search-input{flex:1;min-width:0;height:100%;border:0;padding:0 0; background:transparent;outline:none;font-family:inherit;font-size:15px;color:#212529;}
.search-box .btn-clear,
.search-box .btn-go{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;cursor:pointer;padding:0;}
.search-box .btn-clear{display:none;}
.search-box.has-value .btn-go{ color:#1D62CA;}
.search-box.has-value .btn-clear{display:inline-flex;}
.rec-search{display:flex;align-items:flex-start;gap:12px;}
.rec-search .label{flex-shrink:0;font-weight:700;color:#212529;padding-top:4px;}
.rec-search .tags{display:flex;flex-wrap:wrap;gap:8px;}
.rec-search .tag{display:inline-flex;align-items:center;justify-content:center;background:#DEE8F7;color:#06c;border-radius:999px;font-weight:500;white-space:nowrap;}

/* .search-wrap{display:flex;} */

/* 결과 툴바 */
.data-list-util{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid #E9ECEF;}
.result-count{font-weight:500;font-size:16px;color:#555;}
.result-count b{font-weight:500;color:#1D62CA;vertical-align:baseline;}
.result-tools{display:flex;align-items:center;gap:24px;margin-left:auto;}
.result-tools .tool{display:inline-flex;align-items:center;gap:12px;background:none;border:0;padding:0;color:#495057;font-family:inherit;font-size:14px;line-height:1.6;}
.result-tools .tool .divider{display:block;width:1px;height:16px;background:#DEE2E6;}
.result-tools .sort .val{display:inline-flex;align-items:center;gap:4px;font-weight:600;}

/* 검색 필터 팝업 */
.search-filter-popup .pop-wrap .popup{width:440px;max-width:calc(100vw - 32px);border-radius:8px;}
.search-filter-popup .pop-header{min-height:0;padding:20px 24px;gap:8px;}
.search-filter-popup .pop-header .btn-close{width:20px;height:20px;padding:0;}
.search-filter-popup .pop-body{padding:32px 20px !important;}
.search-filter-form{display:flex;flex-direction:column;gap:40px;width:100%;}
.search-filter-fields{display:flex;flex-direction:column;width:100%;}
.search-filter-row{display:flex;flex-direction:column;gap:8px;padding-bottom:16px;border-bottom:1px solid #DEE2E6;}
.search-filter-period-block{display:flex;flex-direction:column;gap:12px;width:100%;padding-top:16px;}
.search-filter-row.is-period{padding:0;border-bottom:0;}
.search-filter-label{margin:0;font-weight:500;font-size:13px;line-height:1.4;color:#212529;}
.search-filter-radios{display:flex;flex-wrap:wrap;gap:16px;}
.search-filter-radios .input-choice{align-items:center;gap:8px;}
.search-filter-radios label{font-weight:400;font-size:15px;line-height:1.5;color:#495057;}
.search-filter-popup .search-filter-radios input[type='radio']{width:24px;height:24px;min-width:24px;}
.search-filter-popup .search-filter-radios input[type='radio']:after{width:24px;height:24px;min-width:24px;transform:none;border:1px solid #CED4DA;border-radius:50%;background:#fff;box-sizing:border-box;}
.search-filter-popup .search-filter-radios input[type='radio']:checked:after{border:1.4px solid #1D62CA;background:#fff url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='11.3' stroke='%231D62CA' stroke-width='1.4'/%3E%3Ccircle cx='12' cy='12' r='6' fill='%231D62CA'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:24px 24px;}
.search-filter-period{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) minmax(0,1.45fr);gap:4px;width:100%;}
.search-filter-period-row{display:contents;}
.search-filter-chip{display:inline-flex;align-items:center;justify-content:center;min-width:0;width:100%;height:32px;padding:8px 4px;border:1px solid #DEE2E6;border-radius:4px;background:#fff;font-weight:400;font-size:13px;line-height:1.5;letter-spacing:-0.5px;color:#495057;cursor:pointer;box-sizing:border-box;white-space:nowrap;}
.search-filter-chip[data-period="custom"]{padding:8px 10px;}
.search-filter-chip.is-active{border-color:#1D62CA;background:#1D62CA;color:#fff;}
.search-filter-date-range{display:none;align-items:center;flex-wrap:nowrap;gap:8px;width:100%;}
.search-filter-date-range.is-show{display:flex;}
.search-filter-popup .search-filter-date-range .filter-date{flex:1 1 0;min-width:0;height:40px;min-height:40px;padding:0 16px;border:1px solid #8E99A4 !important;border-radius:2px;background:#fff !important;font-weight:350;font-size:15px;line-height:1.6;color:#212529 !important;-webkit-text-fill-color:#212529 !important;box-sizing:border-box;cursor:pointer;text-align:left;-webkit-appearance:none;appearance:none;}
.search-filter-popup .search-filter-date-range .filter-date.is-focus,
.search-filter-popup .search-filter-date-range .filter-date:focus{border-color:#212529 !important;background:#fff !important;outline:none;}
/* 달력 아이콘 제거 — 피커는 input 포커스/클릭 시 showPicker() 로 연다(SearchView.tsx). Firefox 는 해당 버튼에 대응하는 의사요소가 없어 아이콘이 남는다. */
.search-filter-popup .search-filter-date-range .filter-date::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none;}
.search-filter-popup .search-filter-date-range .filter-date::-webkit-inner-spin-button{display:none;-webkit-appearance:none;}
.search-filter-date-range .date-dash{flex-shrink:0;width:16px;font-weight:350;font-size:15px;line-height:1.6;color:#212529;text-align:center;}
.search-filter-actions{display:flex;justify-content:flex-end;gap:10px;width:100%;}
.search-filter-actions .btn-lg{min-width:0;border-radius:4px;}
.search-filter-actions .btn-white{border-color:#8E99A4;color:#343A40;}
.search-filter-popup .ui-datepicker{margin-top:4px;padding:12px;border:1px solid #DEE2E6;border-radius:0;box-shadow:none;font-size:14px;}
.search-filter-popup .ui-widget.ui-widget-content{border:1px solid #DEE2E6;border-radius:0;box-shadow:none;}
.search-filter-popup .ui-datepicker .ui-widget-header{border-bottom:1px solid #DEE2E6;background:#fff;padding:0 0 12px;margin-bottom:8px;}
.search-filter-popup .ui-datepicker .ui-datepicker-title{font-weight:500;font-size:15px;color:#212529;}
.search-filter-popup .ui-datepicker .ui-datepicker-prev,
.search-filter-popup .ui-datepicker .ui-datepicker-next{top:0 !important;width:24px;height:24px;border:0 !important;background:transparent;}
.search-filter-popup .ui-datepicker .ui-datepicker-prev{left:0 !important;}
.search-filter-popup .ui-datepicker .ui-datepicker-next{right:0 !important;}
.search-filter-popup .ui-datepicker .ui-datepicker-prev span,
.search-filter-popup .ui-datepicker .ui-datepicker-next span{background:none;font-size:0;width:24px;height:24px;margin:0;position:static;}
.search-filter-popup .ui-datepicker .ui-datepicker-prev span:before,
.search-filter-popup .ui-datepicker .ui-datepicker-next span:before{display:block;font-size:16px;line-height:24px;color:#212529;text-align:center;}
.search-filter-popup .ui-datepicker .ui-datepicker-prev span:before{content:'<';}
.search-filter-popup .ui-datepicker .ui-datepicker-next span:before{content:'>';}
.search-filter-popup .ui-datepicker th{font-weight:400;font-size:13px;color:#868E96;padding:0 0 8px;}
.search-filter-popup .ui-datepicker td{padding:2px 0;}
.search-filter-popup .ui-datepicker .ui-state-default{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;font-weight:400;font-size:14px;color:#212529;}
.search-filter-popup .ui-datepicker .ui-state-default.ui-state-active{background:#212529 !important;color:#fff !important;}
.search-filter-popup .ui-datepicker .ui-state-default.ui-state-highlight{background:transparent;color:#212529;}
.search-filter-popup .ui-datepicker .ui-state-default.ui-state-highlight:before{display:none;}
@media all and (min-width:1025px){
    .search-filter-popup .pop-wrap .popup{width:375px;}
    .search-filter-chip{padding:8px 12px;}
    .search-filter-chip[data-period="custom"]{padding:8px 14px;}
}


/* 검색 결과 리스트 */
.article-list.has-check .article-item .input-choice{display:inline-flex;}
.article-list.has-check .article-item.no-thumb .input-choice{align-self:flex-start;}
.article-list .article-item{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #E9ECEF;}
.article-list .article-item .input-choice{flex-shrink:0;display:none;align-self:flex-start;}
.article-list .article-item .article-link{flex:1;min-width:0;display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit;}
.article-list .article-item .thumb{position:relative; flex-shrink:0;width:210px;aspect-ratio:128/72;background:#d9d9d9;overflow:hidden;}
.article-list .article-item .thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.article-list .article-item .body{flex:1;min-width:0;display:flex;flex-direction:column;gap:13px;}
.article-list .article-item .tit{font-weight:700;font-size:18px;line-height:1.4;color:#000;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.article-list .article-item .summary{font-weight:500;font-size:16px;line-height:1.6;color:#646b73;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.article-list .article-item .summary .hl{font-style:normal;color:#0026FF;vertical-align:baseline;}
.article-list .article-item .date{font-size:12px;color:#8E99A4;letter-spacing:-0.5px;}
@media (max-width: 1300px) and (min-width: 1024px) {
    .article-list{padding-left:20px;}
}

@media all and (max-width:1024px){
    /* 썸네일형 */
    .article-list .article-item:not(.no-thumb){align-items:center;}
    .article-list .article-item:not(.no-thumb) .article-link{align-items:center;}
    .article-list .article-item .thumb{width:128px;height:72px;aspect-ratio:auto;}
    .article-list .article-item:not(.no-thumb) .body{align-self:stretch;height:72px;justify-content:space-between;gap:0;}
    .article-list .article-item:not(.no-thumb) .summary{display:none;}
    .article-list .article-item .tit{font-size:16px;color:#212529;}

    /* 텍스트형 */
    .article-list .article-item.no-thumb{align-items:flex-start;}
    .article-list .article-item.no-thumb .article-link{display:block;}
    .article-list .article-item.no-thumb .body{height:auto;min-height:88px;justify-content:space-between;gap:0;}
    .article-list .article-item.no-thumb .summary{display:-webkit-box;font-weight:350;font-size:14px;line-height:1.6;-webkit-line-clamp:2;line-clamp:2;margin-top:6px;}
}

/* 사이드바 */
.search-aside .side-head{display:flex;align-items:center;gap:16px;border-top:2px solid #212529;padding:24px 0 12px;}
.search-aside .side-head .side-tit{flex:1;min-width:0;font-weight:700;font-size:20px;color:#111;}
.search-aside .side-head .more{flex-shrink:0;color:#666;font-size:14px;line-height:1.6;white-space:nowrap;}
.search-aside .side-head .more::after{content:' >';}
.search-aside .side-rank{list-style:none;margin:0;padding:0;}
.search-aside .side-rank-item{border-bottom:1px solid #E9ECEF;}
.search-aside .side-rank-link{display:flex;align-items:center;gap:16px;height:100px;}
.search-aside .side-rank-link .num{flex-shrink:0;width:20px;text-align:center;font-weight:600;font-size:20px;letter-spacing:-0.1px;color:#06c;}
.search-aside .side-rank-link .tit{flex:1;min-width:0;font-weight:500;font-size:16px;line-height:1.4;color:#343A40;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.search-aside .side-rank-link .thumb{flex-shrink:0;width:120px;height:67.5px;background:#d0d0d0;overflow:hidden;}
.search-aside .side-rank-link .thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}

@media all and (min-width:1025px){
    .rec-search .tag:hover{background:#cddcf2;}
    .article-list .article-item:hover .tit{text-decoration:underline;}
    .search-aside .side-head .more:hover{color:#1D62CA;}
    .search-aside .side-rank-link:hover .tit{text-decoration:underline;}
}
@media all and (max-width:1300px) and (min-width:1024px){
    .search-wrap{padding-left:20px;}
    .search-aside{padding-right:20px;}
}
@media all and (min-width:1024px){
    .search-hero-inner{align-items:center;gap:24px;width:var(--min-width);margin:0 auto;padding:48px 0;}
    .search-box{width:640px;height:56px;}
    .rec-search{width:640px;}
    .rec-search .label{font-size:16px;}
    .rec-search .tag{height:32px;padding:0 14px;font-size:15px;}

    .search-wrap{gap:32px;align-items:flex-start;}
    .search-aside{flex-shrink:0;width:332px;display:flex;flex-direction:column;gap:56px;border-left:1px solid #E9ECEF;padding-left:32px;}
}

/* ===========================================
    기사 상세 페이지
=========================================== */
.article-wrap{flex:1;min-width:0;max-width: 720px;}
.article-view{display:flex;flex-direction:column;gap:56px;}
.article-view img{max-width: 100%;height:auto;}
.article-view-main,
.article-view-foot{display:flex;flex-direction:column;gap:32px;}
.article-view-head{display:flex;flex-direction:column;gap:24px;padding-bottom:12px;border-bottom:1px solid #E9ECEF;}
.article-view-head .head-top{display:flex;flex-direction:column;gap:12px;}
.article-view-head .view-title-wrap{display:flex;flex-direction:column;gap:24px;width:100%;}
.article-view-head .breadcrumb{display:flex;align-items:center;gap:4px;font-weight:500;font-size:16px;line-height:1.6;}
.article-view-head .breadcrumb .cate{color:#1D62CA;text-decoration:none;line-height:1;}
.article-view-head .breadcrumb .current{color:#495057;line-height:1;}
.article-view-head .breadcrumb .arr{flex-shrink:0;}
.article-view-head .view-tit{margin:0;font-weight:700;line-height:1.4;letter-spacing:-0.5px;color:#111;}
.article-view-head .view-subtit{margin:0;font-weight:500;font-size:18px;line-height:1.4;color:#495057;white-space:pre-line;}
.article-view-head .view-meta{display:flex;align-items:center;gap:24px;}
.article-view-head .reporter{font-size:13px; color:#212529;white-space: nowrap;}
.article-view-head .dates{display:flex;align-items:center;gap:12px;}
.article-view-head .dates .date{font-size:13px;letter-spacing:-0.5px;color:#999;}
.article-view-head .dates .date > *{vertical-align:baseline;}
.article-view-head .dates .divider{flex-shrink:0;width:1px;height:16px;background:#DEE2E6;}
.article-view-head .view-actions{margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;gap:16px;}
.article-view-head .btn-share{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0;background:none;border:0;cursor:pointer;color:#212529;}
.article-view-head .btn-share .ico{display:block;width:24px;height:24px;}
.article-view-head .btn-bookmark{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0;background:none;border:0;cursor:pointer;color:#212529;}
.article-view-head .btn-bookmark .ico{display:block;width:24px;height:24px;}
.article-view-head .btn-bookmark .ico.on{display:none;}
.article-view-head .btn-bookmark.on{color:#1D62CA;}
.article-view-head .btn-bookmark.on .ico.off{display:none;}
.article-view-head .btn-bookmark.on .ico.on{display:block;}
.article-view-figure{display:flex;flex-direction:column;gap:12px;margin:0;}
.article-view-figure .figure-img{position:relative;width:100%;background:#d9d9d9;overflow:hidden;}
.article-view-figure .figure-img img{display:block;width:100%;height:100%;object-fit:cover;}
.article-view-figure figcaption{margin:0;font-weight:350;font-size:14px;line-height:1.6;color:#646b73;display:block;}
.article-view-inline{display:flex;flex-direction:column;gap:12px;margin:0;}
.article-view-inline figcaption{margin:0;font-weight:350;font-size:14px;line-height:1.6;color:#646b73;}
.article-view-inline .figure-img{position:relative;width:100%;aspect-ratio:302/170;background:#d0d0d0;overflow:hidden;}
.article-view-inline .figure-img img{display:block;width:100%;height:100%;object-fit:cover;}
.article-view-cont{display:block;font-weight:350;font-size:18px;line-height:1.6;color:#343A40;max-width:640px;}
.article-view-cont p{margin:0 auto;}
/* 좌/우 정렬(float) 이미지가 컨테이너를 벗어나지 않도록 clearfix */
.article-view-cont::after{content:"";display:block;clear:both;}
/* 본문 인라인 텍스트는 baseline 정렬 — common.css의 vertical-align:middle reset이 굵은 글씨(strong/b)를 일반 글씨와 미세하게 어긋나 보이게 하는 문제 해결 */
.article-view-cont strong,.article-view-cont b,.article-view-cont em,.article-view-cont i,.article-view-cont span,.article-view-cont a{vertical-align:baseline;}
.article-view-cont p + p{margin-top:1.6em;}
.article-view-cont .article-view-inline{margin:1.6em 0;}
.article-ai-notice{display:flex;gap:6px;margin:0;font-weight:500;font-size:14px;line-height:1.6;color:#8E99A4;}
.article-ai-notice:before{content:'';display:block;width: 12px;height:9px;transform:translateY(6px); background: url("data:image/svg+xml,%3Csvg width='8' height='9' viewBox='0 0 8 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 3.59882C8.16667 3.98372 8.16667 4.94597 7.5 5.33087L1.5 8.79497C0.833334 9.17987 5.06336e-07 8.69875 5.39985e-07 7.92895L8.42827e-07 1.00074C8.76476e-07 0.230942 0.833334 -0.250184 1.5 0.134717L7.5 3.59882Z' fill='%23646B73'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size: 8px 9px;}
/* v0.4: CMS 본문 이미지/미디어 — 오버플로우 방지 + 정렬/캡션 반영 */
.article-view-cont img{max-width:100%;height:auto;}
.article-view-cont video,
.article-view-cont iframe{max-width:100%;}
.article-view-cont figure{display:table;max-width:100%;margin:1.6em auto;}
.article-view-cont figure img{display:block;max-width:100%;height:auto;}
/* v0.5: 본문 영상 — 기본 600px(이미지와 동일) + 가운데 정렬 + 16:9 반응형 */
.article-view-cont figure.article-video,
.article-view-cont figure.media{display:block;width:100%;max-width:600px;margin:1.6em auto;}
.article-view-cont figure.article-video .video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;}
.article-view-cont figure.article-video .video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.article-view-cont figure.article-video > iframe,
.article-view-cont figure.media iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;}
.article-view-cont figure.image-align-left,
.article-view-cont .image-align-left{margin-left:0;margin-right:auto;}
.article-view-cont figure.image-align-right,
.article-view-cont .image-align-right{margin-left:auto;margin-right:0;}
/* CKEditor 이미지 정렬(CMS 렌더링과 일치): 좌/우는 float + 텍스트 감쌈, 중앙은 기본(margin:auto). */
.article-view-cont figure.image-style-align-left,
.article-view-cont figure.image-style-block-align-left{float:left;margin:0.3em 1.6em 0.8em 0;}
.article-view-cont figure.image-style-align-right,
.article-view-cont figure.image-style-block-align-right,
.article-view-cont figure.image-style-side{float:right;margin:0.3em 0 0.8em 1.6em;}
.article-view-cont figure.image-style-align-center,
.article-view-cont figure.image-style-block-align-center{margin-left:auto;margin-right:auto;}
.article-view-cont figcaption{display:block;margin-top:8px;font-weight:350;font-size:14px;line-height:1.6;color:#646b73;text-align:left;}
/* v0.6: 동영상 캡션(MediaEmbed 위젯 뒤 별도 문단). 이미지 캡션과 동일한 중앙·회색 스타일로 영상 바로 아래 배치 */
.article-view-cont figure.media:has(+ .video-caption){margin-bottom:8px;}
/* 캡션 스타일은 영상(figure.media) '바로 다음' 문단에만 적용한다. 캡션 클래스가 잘못 붙은 본문 문단(영상 비인접)은 본문 폭으로 정상 렌더 */
.article-view-cont figure.media + .video-caption{margin:0 auto 1.6em;max-width:600px;font-weight:350;font-size:14px;line-height:1.6;color:#646b73;text-align:left;}
.article-view-cont .text-center{text-align:center;}
.article-view-cont .text-right{text-align:right;}
.article-tags{display:flex;flex-wrap:wrap;gap:8px;}
.article-tags .tag{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 14px;background:#DEE8F7;border-radius:999px;font-weight:500;font-size:15px;color:#06c;text-decoration:none;white-space:nowrap;}
.article-reporter{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.article-reporter .reporter-info{display:flex;align-items:center;gap:16px;min-width:0;}
.article-reporter .name{font-weight:500;font-size:16px;line-height:1.5;color:#343A40;text-decoration:none;}
.article-reporter .email{font-weight:600;font-size:16px;line-height:1.5;letter-spacing:-0.1px;color:#646b73;text-decoration:none;}
.article-reporter .more-articles{display:inline-flex;align-items:center;gap:0;flex-shrink:0;font-size:15px;line-height:1.6;color:#000;text-decoration:none;white-space:nowrap;}
.article-reporter .more-articles .arr{flex-shrink:0;}
.article-series-nav{display:flex;flex-direction:column;width:100%;padding-top:32px;border-top:1px solid #E9ECEF;}
.article-series-head{display:inline-flex;align-items:center;gap:10px;width:fit-content;max-width:100%;margin:0 0 16px;padding:0;text-decoration:none;color:inherit;}
.article-series-tit{margin:0;font-weight:700;font-size:24px;line-height:1.4;color:#111;}
.article-series-head .arr{flex-shrink:0;width:20px;height:20px;color:#111;}
.article-series-list{display:flex;flex-direction:column;width:100%;margin:0;padding:0;list-style:none;}
.article-series-list li{width:100%;}
.article-series-list li + li{margin-top:0;}
.article-series-list a{display:flex;align-items:flex-start;gap:8px;width:100%;padding:0 0 8px;text-decoration:none;color:#343A40;}
.article-series-list .branch{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:16px;height:29px;font-weight:350;font-size:18px;line-height:1.6;color:#343A40;font-weight:700;}
.article-series-list .txt{flex:1;min-width:0;font-weight:350;font-size:18px;line-height:1.6;color:#343A40;}
.article-related.article-sec{padding:0;background:transparent;}
.article-related .article-grid.col3{margin-top:0;}
.article-related .article-head .article-tit{font-size:20px;}
.article-view .mo-only{display:none;}


/* @media all and (max-width:1280px) and (min-width:1201px){
    .wrap > .container{max-width: 1104px;width:100%;}
}
@media all and (max-width:1200px) and (min-width:1024px){
    .wrap > .container{max-width: 1066px;width:100%;}
    .search-aside{width:300px;padding-left:24px;margin-left:24px;}
} */

@media all and (max-width:1300px) and (min-width:1024px){
    .article-wrap{padding-left:20px;}
}

@media all and (min-width:1025px){
    .article-tags .tag:hover{background:#cddcf2;}
    .article-reporter .name:hover{color:#1D62CA;}
    .article-reporter .email:hover{color:#1D62CA;}
    .article-reporter .more-articles:hover{color:#1D62CA;}
    .article-series-head:hover .article-series-tit{text-decoration:underline;}
    .article-series-list a:hover .txt{text-decoration:underline;color:#1D62CA;}
    .article-series-list a:hover .branch{color:#1D62CA;}
}
@media all and (min-width:1025px){
    /* .article-view-figure .figure-img{height:480px;} */
    .article-view-head .view-tit{font-size:32px;}
    .article-related .article-grid.col3{grid-template-columns:repeat(3,1fr);column-gap:24px;row-gap:16px;}
    .article-related .article-grid .article-card{padding-top:24px;}
}

@media all and (max-width:1024px) and (min-width:768px){
    .article-wrap{width:640px;margin:0 auto;}
}

@media all and (max-width:1024px){
    .article-view{gap:40px;}
    .article-view-main,
    .article-view-foot{gap:40px;}
    .article-view-main{gap:0;}
    .article-view-head{gap:0;padding-bottom:0;border-bottom:0;}
    .article-view-head .head-top{gap:12px;}
    .article-view-head .view-title-wrap{gap:16px;margin-bottom:24px;}
    .article-view-head .view-tit{font-size:24px;color:#1a1a1a;}
    .article-view-head .view-subtit{font-size:15px;line-height:1.5;}
    .article-view-head .view-meta{padding-bottom:12px;border-bottom:1px solid #E9ECEF;align-items: flex-start;}
    .article-view-head .breadcrumb a{font-weight:500;font-size:16px;line-height:1.5;letter-spacing:-0.1px;}
    .article-view-head .breadcrumb .current{font-weight:400;font-size:15px;line-height:1.5;}
    .article-view-head .dates{gap:5px 10px;flex-wrap:wrap;}
    .article-view-head .dates .date{color:#646b73;}
    .article-view-head .dates .divider{display:none;}
    .article-view-head + *{margin-top:24px;}
    .article-view-head + .article-view-figure{margin-top:32px;}
    .article-view-figure + .article-view-cont{margin-top:40px;}
    .article-view-cont + .article-ai-notice{margin-top:32px;}
    .article-view-figure .figure-img{/*height:198px;*/aspect-ratio:auto;}
    .article-view-cont{font-size:18px;}
    .article-view-cont .article-view-inline{margin:40px 0;}
    /* CMS 본문 이미지: 모바일에서 화면 폭을 절대 넘지 않게 강제(가로 레이아웃 깨짐 방지).
       flex min-width:auto 로 컨테이너가 확장되지 않도록 min-width:0, display:table 캡 불안정 → block, 인라인 고정폭 해제, 모든 본문 미디어 max-width:100% 강제 */
    .article-view-main,.article-view-cont{min-width:0;}
    .article-view-cont img,.article-view-cont figure,.article-view-cont video,.article-view-cont iframe,.article-view-cont table{max-width:100% !important;}
    .article-view-cont figure{display:block;width:auto !important;margin-left:auto;margin-right:auto;box-sizing:border-box;}
    .article-view-cont figure > img{margin-left:auto;margin-right:auto;}
    /* 모바일: 정렬(float) 이미지는 감쌈 해제하고 전체폭 중앙(좁은 화면 가독성) */
    .article-view-cont figure.image-style-align-left,
    .article-view-cont figure.image-style-block-align-left,
    .article-view-cont figure.image-style-align-right,
    .article-view-cont figure.image-style-block-align-right,
    .article-view-cont figure.image-style-side{float:none;margin-left:auto;margin-right:auto;}
    .article-tags .tag{height:36px;padding:0 14px;font-size:15px;}
    .article-reporter{align-items:center;}
    .article-reporter .reporter-info{flex-direction:column;align-items:flex-start;gap:0;}
    .article-reporter .email{font-weight:500;}
    .article-reporter .more-articles{font-weight:300;}
    .article-series-list .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .article-view .pc-only{display:none;}
    .article-view .mo-only{display:inline;}

    .article-related .article-grid.col3{grid-template-columns:repeat(2,1fr);column-gap:10px;row-gap:16px;margin-top:0;}
    .article-related .article-grid .article-card,
    .article-related .article-grid .article-card ~ .article-card{flex-direction:column;align-items:stretch;gap:10px;padding:0;border:0;}
    .article-related .article-card.has-thumb .thumb{flex-shrink:0;width:100%;height:auto;aspect-ratio:16/9;}
    .article-related .article-card.has-thumb .info{flex:1;min-width:0;height:auto;justify-content:flex-start;gap:16px;padding-bottom:12px;}
    .article-related .article-card .tit{font-weight:500;font-size:16px;}

    .search-hero-inner{align-items:stretch;gap:20px;padding:32px 16px;}
    .search-box{width:100%;height:48px;}
    .rec-search{flex-direction:column;align-items:flex-start;gap:12px;}
    .rec-search .label{font-size:14px;}
    .rec-search .tag{padding:4px 12px;font-size:13px;}

    .search-wrap{display:block;}
    .search-aside{margin-top:32px;display:flex;flex-direction:column;gap:40px;}

    .data-list-util{align-items:stretch;gap:16px;border-bottom-width:2px;border-bottom-color:#212529;}

}

/* ===========================================
    기자 페이지
=========================================== */
.reporter-profile{display:flex;flex-direction:column;gap:4px;padding:24px;background:#fff;border:1px solid #DEE2E6;border-radius:8px;box-shadow:0 2px 2px rgba(0,0,0,0.05);}
.reporter-profile .name{font-weight:500;font-size:20px;line-height:1.4;color:#212529;}
.reporter-profile .email{font-weight:500;font-size:15px;line-height:1.5;letter-spacing:-0.1px;color:#646b73;text-decoration:none;}
.title-main-wrap + .reporter-profile{margin-top:0;}
.reporter-profile + .data-list-util{margin-top:42px;}

@media all and (min-width:1025px){
    .reporter-profile .email:hover{color:#1D62CA;}
}
@media all and (max-width:1024px){
    .reporter-profile{padding:20px;}
    .reporter-profile + .data-list-util{margin-top:40px;}
}

/* ===========================================
    마이페이지
=========================================== */
.mypage-summary{display:flex;align-items:stretch;gap:32px;padding:24px 32px;background:#fff;border:1px solid #DEE2E6;border-radius:8px;box-shadow:0 2px 2px rgba(0,0,0,0.05);}
.mypage-summary .summary-user,
.mypage-summary .summary-report{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px;}
.mypage-summary .summary-divider{flex-shrink:0;width:1px;background:#DEE2E6;}
.mypage-summary .user-name{font-weight:700;font-size:24px;line-height:1.4;color:#212529;}
.mypage-summary .user-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.mypage-summary .user-type{display:flex;align-items:center;gap:8px;min-width:0;}
.mypage-summary .badge-kakao{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:#FEE500;color:#212529;}
.mypage-summary .badge-kakao .ico{display:block;width:10px;height:10px;}
.mypage-summary .type-txt{font-weight:600;font-size:15px;line-height:1.5;color:#212529;white-space:nowrap;}
.mypage-summary .user-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.mypage-summary .user-actions .link{font-weight:350;font-size:16px;line-height:1.6;color:#646b73;text-decoration:none;white-space:nowrap;}
.mypage-summary .user-actions .divider,
.mypage-summary .report-stats .divider{flex-shrink:0;width:1px;height:16px;background:#DEE2E6;}
.mypage-summary .report-link{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:24px;line-height:1.4;color:#212529;text-decoration:none;}
.mypage-summary .report-link .arr{flex-shrink:0;width:20px;height:20px;}
.mypage-summary .report-stats{display:flex;align-items:center;justify-content:flex-end;gap:16px;}
.mypage-summary .stat{display:inline-flex;align-items:center;gap:8px;}
.mypage-summary .stat .label{font-weight:500;font-size:18px;line-height:1.4;color:#555;}
.mypage-summary .stat .num{font-weight:600;font-size:24px;line-height:1;letter-spacing:-0.1px;color:#1D62CA;transform:translateY(-1px);}

@media all and (max-width:1024px){
    .mypage-summary{flex-direction:column;gap:16px;padding:20px;}
    .mypage-summary .summary-divider{width:100%;height:1px;}
    .mypage-summary .user-name{font-weight:500;font-size:18px;}
    .mypage-summary .type-txt{font-size:14px;line-height:1.6;}
    .mypage-summary .user-actions .link{font-weight:400;font-size:12px;line-height:1.4;color:#555;}
    .mypage-summary .user-actions .divider{height:13px;}
    .mypage-summary .report-link{font-weight:500;font-size:16px;}
    .mypage-summary .stat{gap:4px;}
    .mypage-summary .stat .label{font-weight:350;font-size:14px;line-height:1.6;}
    .mypage-summary .stat .num{font-weight:400;font-size:18px;line-height:1.5;letter-spacing:0;}
}

/* 마이페이지 — 편집 모드 */
.data-list-util.is-edit .util-normal{display:none;}
.data-list-util.is-edit .util-edit{display:flex;}
.data-list-util .util-normal{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;}
.data-list-util .util-edit{display:none;align-items:center;justify-content:space-between;gap:16px;width:100%;}
.data-list-util .btn-text-edit{flex-shrink:0;padding:0;background:none;border:0;cursor:pointer;font-weight:500;font-size:16px;line-height:1.6;color:#212529;text-decoration:underline;font-family:inherit;}
.data-list-util .edit-actions{display:flex;align-items:center;gap:16px;}
.data-list-util .edit-actions .divider{flex-shrink:0;width:1px;height:16px;background:#DEE2E6;}
.data-list-util .btn-text-action{padding:0;background:none;border:0;cursor:pointer;font-weight:500;font-size:16px;line-height:1.6;color:#212529;text-decoration:underline;font-family:inherit;}
.data-list-util .btn-text-action:disabled{color:#CED4DA;cursor:default;text-decoration:underline;}
.data-list-util .btn-edit-close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0;background:none;border:0;cursor:pointer;color:#212529;}
.data-list-util .btn-edit-close .ico{display:block;width:20px;height:20px;}
.article-list.has-check .article-item .article-link{pointer-events:none;}

@media all and (min-width:1025px){
    .mypage-summary .user-actions .link:hover{color:#1D62CA;}
    .mypage-summary .report-link:hover{color:#1D62CA;}
    .data-list-util .btn-text-edit:hover{color:#1D62CA;}
    .data-list-util .btn-text-action:hover:not(:disabled){color:#1D62CA;}
    .data-list-util .btn-edit-close:hover{color:#1D62CA;}
}

/* ===========================================
    마이페이지 — 회원 정보
=========================================== */
.mypage-info{display:flex;flex-direction:column;gap:24px;}
.mypage-info .info-sec{background:#fff;}
.mypage-info .info-sec .article-head{margin:0;padding:24px 0 12px;}
.mypage-info .info-sec .article-tit{font-family:inherit;font-weight:700;font-size:20px;line-height:1.4;color:#111;letter-spacing:0;}
.mypage-info .info-row{display:flex;align-items:center;gap:16px;margin:0;padding:24px 0 0;}
.mypage-info .info-row dt{flex-shrink:0;width:220px;margin:0;font-weight:500;font-size:16px;line-height:1.4;color:#212529;}
.mypage-info .info-row dd{flex:1;min-width:0;margin:0;text-align:right;display:flex;align-items:center;justify-content: flex-end;gap:8px;}
.mypage-info .info-row dd .email{font-size:16px;line-height:1.5;letter-spacing:-0.1px;color:#1D62CA;}
.mypage-info .sns-list{padding:24px 0;border-bottom:1px solid #DEE2E6;}
.mypage-info .sns-item{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.mypage-info .sns-item + .sns-item{margin-top:16px;}
.mypage-info .sns-name{display:flex;align-items:center;gap:8px;min-width:0;}
.mypage-info .sns-name .name{font-weight:500;font-size:16px;line-height:1.4;color:#212529;white-space:nowrap;}
.mypage-info .info-note{margin:10px 0 0;font-weight:350;font-size:14px;line-height:1.6;color:#646B73;}
.mypage-info .terms-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0;}
.mypage-info .terms-info{display:flex;align-items:center;gap:8px;min-width:0;flex:1;}
.mypage-info .terms-item .input-choice{flex-shrink:0;display:inline-flex;}
.mypage-info .terms-item .terms-label{min-width:0;font-weight:400;font-size:16px;line-height:1.4;color:#212529;}
.mypage-info .mypage-withdraw{display:flex;justify-content:flex-end;width:100%;}
.mypage-info .input-choice input[type='checkbox']{min-width:20px;width:20px;height:20px;}
.mypage-info .input-choice input[type='checkbox']:after{min-width:20px;width:20px;height:20px;transform:none;border:1px solid #CED4DA;border-radius:2px;background:#fff;box-sizing:border-box;}
.mypage-info .input-choice input[type='checkbox']:checked:after{border-color:transparent;background:#1D62CA url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 5.5L5.67763 8.5625L9.9375 2' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:auto 11px;}

.sns-badge{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;box-sizing:border-box;}
.sns-badge .ico{display:block;width:12px;height:12px;}
.sns-badge.google{background:#fff;border:1px solid #DEE2E6;}
.sns-badge.naver{background:#03C75A;color:#fff;}
.sns-badge.kakao{background:#FEE500;color:#212529;}

/* ===========================================
    마이페이지 — 제보/문의 내역
=========================================== */
.mypage-report{display:flex;flex-direction:column;}
.mypage-report .report-panel{display:flex;flex-direction:column;margin-top:48px;}
.mypage-report .data-list-util{margin:0;}
.report-list .report-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0;border-top:1px solid #E9ECEF;}
.report-list .report-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;}
.report-list .report-info .tit{margin:0;font-weight:500;font-size:20px;line-height:1.4;color:#212529;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.report-list .report-info .date{margin:0;font-size:13px;line-height:1.5;letter-spacing:-0.5px;color:#999;}
.report-list .report-info.deleted .tit{color:#646B73;gap:6px;display:flex;align-items:center;}
.report-list .report-info.deleted .tit:before{content:'';display:block;width: 20px;height:20px;background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2C5.581 2 2 5.582 2 10C2 14.418 5.581 18 10 18C14.419 18 18 14.418 18 10C18 5.582 14.419 2 10 2Z' fill='%238E99A4'/%3E%3Cpath d='M7 7L13 13' stroke='white' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M13 7L7 13' stroke='white' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:auto 100%;}
.status-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 14px;border-radius:999px;font-weight:500;font-size:15px;line-height:1.4;white-space:nowrap;}
.status-badge.is-pending{background:#F1F3F5;color:#495057;}
.status-badge.is-done{background:#DEE8F7;color:#1D62CA;}

@media all and (max-width:1024px){
    .report-list .report-item{padding:16px 0;border-top:0;border-bottom:1px solid #E9ECEF;}
    .report-list .report-info{gap:4px;}
    .report-list .report-info .tit{font-weight:700;font-size:16px;height:24px;line-height:1.4;}
    .report-list .report-info .date{font-size:12px;}
    .status-badge{height:auto;padding:6px 14px;font-size:13px;}
}

@media all and (max-width:1024px){
    .mypage-info .info-row dt{width:80px;font-weight:400;font-size:15px;line-height:1.5;}
    .mypage-info .info-row .email{font-weight:500;font-size:15px;}
    .mypage-info .sns-name .name{font-size:15px;line-height:1.5;}
    .mypage-info .terms-item .terms-label{font-weight:400;font-size:15px;line-height:1.5;}
}

/* ===========================================
    회원탈퇴
=========================================== */
.withdraw-wrap{display:flex;flex-direction:column;margin-top:40px;}
.withdraw-wrap .withdraw-lead{margin:0 0 40px;font-weight:500;font-size:20px;line-height:1.4;color:#343A40;}
.withdraw-wrap .withdraw-info{display:flex;align-items:center;gap:16px;margin:0 0 32px;padding:24px 0;border-top:1px solid #212529;border-bottom:1px solid #212529;}
.withdraw-wrap .withdraw-info dt{flex-shrink:0;width:220px;margin:0;font-weight:500;font-size:16px;line-height:1.4;color:#212529;}
.withdraw-wrap .withdraw-info dd{flex:1;min-width:0;margin:0;text-align:right;display:flex;align-items:center;justify-content: flex-end;gap:8px;}
.withdraw-wrap .withdraw-info dd .email{font-size:16px;line-height:1.5;letter-spacing:-0.1px;color:#1D62CA;}
.withdraw-wrap .withdraw-agree{display:flex;flex-direction:column;gap:16px;}
.withdraw-wrap .withdraw-notice{padding:24px;border:1px solid #DEE2E6;background:#F8F9FA;box-sizing:border-box;}
.withdraw-wrap .withdraw-notice ul{margin:0;font-weight:350;font-size:16px;line-height:1.6;color:#343A40;}
.withdraw-wrap .withdraw-notice li + li{margin-top:0;}
.withdraw-wrap .withdraw-check{align-items:flex-start;gap:8px;}
.withdraw-wrap .withdraw-check label{font-weight:350;font-size:16px;line-height:1.6;color:#212529;white-space:normal;}
.withdraw-wrap .input-choice input[type='checkbox']{transform:scale(0.82) translateY(2px);}
.withdraw-wrap .withdraw-submit{display:flex;justify-content:center;gap:10px;margin-top:44px;}
.withdraw-wrap .withdraw-submit .btn-white{border-color:#8E99A4;color:#343A40;}

@media all and (max-width:1024px){
    .withdraw-wrap{margin-top:32px;}
    .withdraw-wrap .withdraw-lead{margin-bottom:32px;font-size:18px;}
    .withdraw-wrap .withdraw-info dt{width:auto;font-weight:500;font-size:16px;}
    .withdraw-wrap .withdraw-info dd.email{font-size:16px;}
    .withdraw-wrap .withdraw-notice{padding:24px 20px;}
    .withdraw-wrap .withdraw-notice ul{font-size:14px;padding-left:4px;}
    .withdraw-wrap .withdraw-check label{font-weight:400;font-size:15px;line-height:1.5;}
}


/* form-agree — 약관 동의 */
* + .form-agree{margin-top:40px;}
.form-agree{display:flex;flex-direction:column;gap:16px;}
.form-agree .agree-box{padding:24px;border:1px solid #DEE2E6;background:#F8F9FA;display:flex;flex-direction:column;gap:28px;}
.form-agree .agree-sec{display:flex;flex-direction:column;gap:8px;}
.form-agree .agree-tit{margin:0;font-weight:500;font-size:18px;line-height:1.4;color:#212529;}
.form-agree .agree-txt{margin:0;font-weight:350;font-size:16px;line-height:1.6;color:#343A40;}
.form-agree .agree-txt p{margin:0;}
.form-agree .agree-txt p + p{margin-top:0;}
.form-agree .agree-check{align-items:center;gap:8px;}
.form-agree .agree-check label{font-weight:350;font-size:16px;line-height:1.6;color:#212529;}
.form-agree .agree-check label em{vertical-align:baseline; color:#1D62CA;}
.form-agree .input-choice input[type='checkbox']{min-width:20px;width:20px;height:20px;}
.form-agree .input-choice input[type='checkbox']:after{min-width:20px;width:20px;height:20px;transform:none;border:1px solid #CED4DA;border-radius:2px;background:#fff;box-sizing:border-box;}
.form-agree .input-choice input[type='checkbox']:checked:after{border-color:transparent;background:#1D62CA url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 5.5L5.67763 8.5625L9.9375 2' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:auto 11px;}
.form-submit{display:flex;justify-content:center;margin-top:36px;gap:8px;}
@media all and (max-width:1024px){
    .form-agree .agree-box{padding:20px;}
    .form-agree .agree-tit{font-size:16px;}
    .form-agree .agree-txt{font-size:14px;}
    .form-agree .agree-check label{font-weight:400;font-size:15px;line-height:1.5;}

}

/* ===========================================
    소개 페이지
=========================================== */
.about-wrap{padding:48px 0 80px;overflow-anchor:none;}
/* 소개 페이지 한글 텍스트는 단어 단위로 줄바꿈한다. 공통 reset(common.css)의 *{word-break:break-all}
   가 모든 요소에 적용돼 '농산업의'의 '농'처럼 단어 중간에서 끊기는(라인 정렬이 어색해 보이는) 문제를
   방지(keep-all). 이 페이지는 긴 비분할 문자열이 없어 오버플로 위험이 없다. */
.about-wrap, .about-wrap *{word-break:keep-all;}
.about-inner{width:868px;margin:0 auto;}
.about-title{margin:0 0 48px;font-weight:700;font-size:40px;line-height:1.4;letter-spacing:-0.5px;color:#212529;text-align:center;}
.about-label{display:block;padding-bottom:8px;font-weight:500;font-size:15px;line-height:1.4;color:#1D62CA;}
.about-lead{margin:0;font-weight:700;font-size:32px;line-height:1.4;letter-spacing:-0.5px;color:#212529;}
.about-lead .point{font-style:normal;color:#1D62CA;vertical-align:baseline;}
.about-intro{display:flex;flex-direction:column;gap:10px;}
.about-cards{display:flex;flex-direction:column;gap:24px;}
.about-card{position:relative;overflow:hidden;height:280px;border-radius:16px;}
.about-card-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.about-card-dim{position:absolute;inset:0;background:rgba(0,0,0,.2);pointer-events:none;}
.about-card-dim.is-gradient{background:linear-gradient(90deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,0) 62%);}
.about-card-body{position:absolute;left:40px;bottom:34px;z-index:1;display:flex;flex-direction:column;gap:8px;max-width:396px;}
.about-badge{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 14px;border-radius:999px;background:#1D62CA;font-size:13px;line-height:1.5;letter-spacing:-0.5px;color:#fff;}
.about-card-txt{margin:0;font-weight:700;font-size:24px;line-height:1.4;color:#fff;white-space:pre-line;}

.about-direction{margin-top:80px;padding:80px 0;background:#F1F3F5;}
.about-direction .direction-title{font-weight:700;font-size:32px;line-height:1.4;letter-spacing:-0.5px;color:#212529;}
.about-direction .direction-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:20px;margin-top:20px;}
.about-direction .direction-item{display:flex;flex-direction:column;gap:28px;padding:32px;border-radius:16px;background:#fff;}
.about-direction .direction-icon{flex-shrink:0;width:60px;height:60px;}
.about-direction .direction-icon img{display:block;width:100%;height:100%;object-fit:contain;}
.about-direction .direction-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px;}
.about-direction .direction-head{display:flex;flex-direction:column;gap:4px;}
.about-direction .direction-en{margin:0;font-weight:600;font-size:14px;line-height:1.5;letter-spacing:-0.1px;color:#1D62CA;}
.about-direction .direction-ko{margin:0;font-weight:700;font-size:24px;line-height:1.4;color:#212529;letter-spacing: -0.03em;}
.about-direction .direction-line{display:block;width:100%;height:1px;background:#E9ECEF;}
.about-direction .direction-desc{margin:0;font-weight:400;font-size:15px;line-height:1.5;color:#495057;}
.about-direction .direction-desc-main{margin-top:8px;font-size:16px;}
.about-direction.st-brand{margin-top:0;background:#fff;padding-bottom:0;}
.about-direction.st-brand .direction-item{background: #F8F9FA;border: 1px solid #DEE2E6;}
.about-direction.st-brand .direction-line{background:#DEE2E6;}

.about-ci{margin-top:80px;}
.about-ci .ci-block{display:flex;flex-direction:column;}
.about-ci .ci-head{margin-bottom:0;}
.about-ci .ci-title{margin:0;font-weight:700;font-size:32px;line-height:1.4;letter-spacing:-0.5px;color:#212529;}
.about-ci .ci-desc{margin:8px 0 0;font-weight:400;font-size:16px;line-height:1.6;color:#343A40;}
.about-ci .ci-logo-list{display:flex;gap:16px;margin-top:24px;}
.about-ci .ci-logo-frame{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;height:200px; padding:24px;border:1px solid #DEE2E6;border-radius:16px;background:#F8F9FA;}
.about-ci .ci-logo-img{display:block;max-width:100%;height:auto;}
.about-ci .ci-symbol-frame{display:flex;align-items:center;justify-content:center;height:200px;margin-top:24px;border:1px solid #DEE2E6;border-radius:16px;background-color:#F8F9FA;background-image:linear-gradient(to right,#DEE2E6 1px,transparent 1px),linear-gradient(to bottom,#DEE2E6 1px,transparent 1px);background-size:14.3px 14.3px;background-position:-1px -1px;}
.about-ci .ci-symbol-mark{position:relative;width:473px;height:63px;}
.about-ci .ci-symbol-mark img{position:absolute;display:block;max-width:none;width:100%;height:100%;object-fit:contain;}
.about-ci .ci-symbol-mark .symbol-01{left:0;top:0;width:121px;height:66px;}
.about-ci .ci-symbol-mark .symbol-02{left:44px;top:33px;width:121px;height:66px;}
.about-ci .ci-block + .ci-block{margin-top:60px;}
.about-ci .ci-symbol .ci-head{margin-bottom:0;}
.about-ci .ci-download{display:flex;justify-content:center;margin-top:40px;}

@media all and (max-width:1024px){
    .about-wrap{padding:32px 0 48px;}
    .about-inner{padding:0 16px;width:100%;}
    .about-title{margin-bottom:32px;font-size:28px;}
    .about-label{font-size:14px;}
    .about-lead{font-size:24px;}
    .about-cards{gap:16px;}
    .about-card{height:240px;}
    .about-card-body{left:20px;bottom:20px;max-width:311px;gap:8px;}
    .about-badge{height:24px;padding:0 10px;font-size:12px;}
    .about-card-txt{font-size:18px;}

    .about-direction{margin-top:40px;padding:40px 0;}
    .about-direction .about-inner{padding:0 16px;}
    .about-direction .direction-title{font-size:24px;}
    .about-direction .direction-grid{grid-template-columns:1fr;gap:16px;margin-top:16px;}
    .about-direction .direction-item{flex-direction:row;align-items:flex-start;gap:24px;padding:24px;}
    .about-direction .direction-icon{width:48px;height:48px;}
    .about-direction .direction-ko{font-size:20px;}
    .about-direction .direction-desc{font-size:14px;}
    .about-direction .direction-desc-main{font-size:15px;}

    .about-ci{margin-top:40px;}
    .about-ci .about-inner{padding:0 16px;}
    .about-ci .ci-title{font-size:24px;}
    .about-ci .ci-desc{font-size:15px;}
    .about-ci .ci-logo-list{flex-direction:column;margin-top:16px;}
    .about-ci .ci-logo-frame{padding:24px;height:160px;flex:initial;}
    .about-ci .ci-symbol-frame{height:160px;margin-top:16px;background-size:14.5px 14.5px;}
    .about-ci .ci-symbol-mark{transform:scale(.85);transform-origin:center;}
    .about-ci .ci-symbol-mark img{width:100%;height:100%;}
    .about-ci .ci-block + .ci-block{margin-top:40px;}
    .about-ci .ci-download{margin-top:40px;}
}

/* ===========================================
    이용약관 / 개인정보취급방침
=========================================== */
.policy-doc{display:flex;flex-direction:column;gap:40px;}
.policy-box{display:flex;flex-direction:column;gap:28px;padding:24px;border:1px solid #DEE2E6;background:#F8F9FA;}
.policy-section{display:flex;flex-direction:column;gap:8px;}
.policy-section.is-single{gap:12px;}
.policy-chapter{margin:0;font-weight:500;font-size:18px;line-height:1.4;color:#1D62CA;}
.policy-body{font-weight:300;font-size:16px;line-height:1.6;color:#212529;}
.policy-body > p{margin:0;}
.policy-body .article-tit{margin:24px 0 0;font-weight:500;font-size:16px;line-height:1.4;color:#212529;}
.policy-body .article-tit + *{margin-top:5px;}
.policy-body > .article-tit:first-child{margin-top:0;}
.policy-body .article-sub{margin:24px 0 0;font-weight:500;font-size:16px;line-height:1.4;color:#212529;}
.policy-body > p + .policy-index{margin-top:16px;}
.policy-body .policy-index{margin:0;padding-left:0;list-style:none;counter-reset:policy-index;}
.policy-body .policy-index > li{counter-increment:policy-index;position:relative;padding-left:2em;}
.policy-body .policy-index > li::before{content:counter(policy-index)') ';position:absolute;left:0;}
.policy-body .article-sub + .dot-list,
.policy-body .article-tit + .dot-list,
.policy-body > p + .dot-list{margin-top:0;}
.policy-select{align-self:flex-start;min-width:240px;width:240px;height:40px;min-height:40px;border-radius:2px;font-weight:350;color:#343A40;}

.pop-body .policy-box{border:none;padding:0 0;background:none;}
.policy-marketing{display:flex;flex-direction:column;gap:10px;padding-bottom:16px;}
.policy-info-table{width:100%;border-collapse:collapse;}
.policy-info-table th,
.policy-info-table td{height:48px;padding:10px 16px;border-top:1px solid #DEE2E6;text-align:center;vertical-align:middle;}
.policy-info-table tr:last-child th,
.policy-info-table tr:last-child td{border-bottom:1px solid #DEE2E6;}
.policy-info-table th{width:160px; background:#F8F9FA;border-right:1px solid #DEE2E6;font-weight:500;font-size:16px;line-height:1.4;color:#343A40;}
.policy-info-table td{background:#fff;font-weight:400;font-size:15px;line-height:1.5;color:#495057;}
.policy-info-table td.is-primary{color:#1D62CA;}
.policy-marketing .policy-info-note{margin:0;font-weight:350;font-size:14px;line-height:1.6;color:#646B73;}

@media all and (max-width:1024px){
    .policy-doc{gap:32px;}
    .policy-box{gap:28px;padding:20px;}
    .policy-section.is-single{gap:8px;}
    .policy-chapter{font-size:18px;}
    .policy-body{font-weight:350;font-size:14px;color:#343A40;}
    .policy-body .article-tit,
    .policy-body .article-sub{font-size:15px;color:#343A40;}
    .policy-select{width:100%;min-width:0;align-self:stretch;}

    .policy-info-table th{width:140px; font-size:15px;}
}


/* ===========================================
    RSS
=========================================== */
.rss-doc{display:flex;flex-direction:column;gap:40px;}
.rss-desc{margin:0;font-weight:500;font-size:18px;line-height:1.4;color:#343A40;}
.rss-notice{display:flex;flex-direction:column;gap:8px;padding:24px;background:#F4F7FB;}
.rss-notice-tit{margin:0;font-weight:700;font-size:18px;line-height:1.4;color:#1650A7;}
.rss-notice-txt{margin:0;font-weight:350;font-size:16px;line-height:1.6;color:#343A40;}
.rss-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:0;padding:0;list-style:none;}
.rss-item{display:flex;align-items:center;gap:12px;min-width:0;padding:28px 24px;border:1px solid #DEE2E6;background:#fff;}
.rss-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;}
.rss-item-tit{display:block;font-weight:700;font-size:18px;line-height:1.4;color:#212529;}
.rss-item-url{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:14px;line-height:1.5;letter-spacing:-0.1px;color:#646B73;}
.btn-rss-copy{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;background:none;color:#212529;cursor:pointer;}

@media all and (max-width:1024px){
    .rss-doc{gap:32px;}
    .rss-desc{font-weight:400;font-size:15px;line-height:1.5;}
    .rss-notice{padding:20px;}
    .rss-notice-tit{font-size:16px;}
    .rss-notice-txt{font-size:14px;}
    .rss-list{grid-template-columns:1fr;gap:16px;}
    .rss-item{padding:24px 20px;}
    .rss-item-body{gap:4px;}
}

/* ===========================================
    사이트맵
=========================================== */
.sitemap-doc{display:flex;flex-direction:column;gap:40px;}
.sitemap-section{display:flex;flex-direction:column;}
.sitemap-section-tit{margin:0 0 12px;font-weight:700;font-size:20px;line-height:1.4;color:#212529;}
.sitemap-chip-wrap{padding:12px;background:#F1F3F5;box-sizing:border-box;}
.sitemap-chip-list{display:flex;flex-wrap:wrap;gap:6px;}
.sitemap-chip{display:inline-flex;align-items:center;justify-content:center;height:32px;border:1px solid #DEE2E6;border-radius:4px;background:#fff;font-weight:400;font-size:13px;line-height:1.5;letter-spacing:-0.5px;color:#495057;text-decoration:none;box-sizing:border-box;transition:border-color .2s,background-color .2s,color .2s;}
.sitemap-chip-list .sitemap-chip{min-width:47px;padding:8px 12px;}
.sitemap-day-all{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:6px;width:100%;min-width:0;}
.sitemap-day-all .sitemap-chip{width:100%;min-width:0;max-width:none;padding:8px 4px;}
.sitemap-day-all .sitemap-chip:nth-child(n+17){width:47px;min-width:47px;max-width:47px;justify-self:start;}
.sitemap-chip.is-active{border-color:#1D62CA;background:#1D62CA;color:#fff;}
.sitemap-content-section{padding-top:24px;border-top:2px solid #212529;}
.sitemap-content-section > .sitemap-section-tit{padding-bottom:12px;margin-bottom:0;}
.sitemap-nav-grid{display:flex;gap:16px;padding:24px 0;border-bottom:1px solid #DEE2E6;}
.sitemap-nav-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px;}
.sitemap-nav-col.is-link-only{gap:0;}
.sitemap-nav-tit{font-weight:700;font-size:16px;line-height:1.4;color:#212529;text-decoration:none;}
.sitemap-nav-tit.is-primary{font-weight:500;color:#1D62CA;}
.sitemap-nav-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;}
.sitemap-nav-list a{font-weight:400;font-size:15px;line-height:1.5;color:#343A40;text-decoration:none;}
.sitemap-nav-mobile{display:none;}
.sitemap-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;}
.sitemap-breadcrumb a,
.sitemap-breadcrumb span{font-weight:700;font-size:20px;line-height:1.4;color:#212529;text-decoration:none;}
.sitemap-breadcrumb .is-current{color:#1D62CA;}
.sitemap-breadcrumb .arr{flex-shrink:0;width:20px;height:20px;color:#212529;}
.sitemap-article-list{margin:0;padding:0;list-style:none;border-bottom:1px solid #E9ECEF;}
.sitemap-article-list li{border-top:1px solid #E9ECEF;}
.sitemap-article-list li:first-child{border-top:0;}
.sitemap-article-list a{display:flex;gap:16px;align-items:flex-start;padding:24px 0;font-weight:350;font-size:16px;line-height:1.6;color:#343A40;text-decoration:none;transition:color .2s;}
.sitemap-article-list a::before{content:'•';flex-shrink:0;width:17px;font-weight:700;font-size:15px;line-height:1.6;color:#646B73;transition:color .2s;}

@media all and (min-width:1025px){
    .sitemap-chip:hover:not(.is-active){border-color:#1D62CA;background:#F4F7FB;color:#1D62CA;}
    .sitemap-nav-list a:hover,
    .sitemap-nav-tit.is-primary:hover{text-decoration:underline;}
    .sitemap-article-list a:hover{text-decoration:underline;}
    .sitemap-article-list a:hover::before{color:#06C;}
}
@media all and (max-width:1024px){
    .sitemap-doc{gap:32px;}
    .sitemap-section-tit{font-size:18px;}
    .sitemap-chip-wrap{padding:8px;}
    .sitemap-chip-list{gap:4px;}
    .sitemap-chip-list .sitemap-chip{min-width:0;padding:8px 12px;}
    .sitemap-content-section{padding-top:24px;}
    .sitemap-nav-grid{display:none;}
    .sitemap-nav-mobile{display:flex;flex-direction:column;padding:24px 0;}
    .sitemap-nav-row{display:flex;gap:16px;padding:32px 0;border-top:1px solid #E9ECEF;}
    .sitemap-nav-row:first-child{border-top:0;padding-top:0;}
    .sitemap-nav-row.is-link-only{padding-bottom:0;}
    .sitemap-nav-row .sitemap-nav-tit{flex-shrink:0;width:100px;}
    .sitemap-nav-row .sitemap-nav-list{flex:1;min-width:0;gap:12px;}
    .sitemap-nav-row .sitemap-nav-list a{font-weight:350;font-size:14px;line-height:1.6;}
    .sitemap-breadcrumb a,
    .sitemap-breadcrumb span{font-size:18px;}
    .sitemap-breadcrumb{gap:4px;}
    .sitemap-day-all{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;}
    .sitemap-day-all .sitemap-chip{padding:8px 2px;font-size:12px;}
    .sitemap-day-all .sitemap-chip:nth-child(n+17){width:100%;min-width:0;max-width:none;justify-self:stretch;}
    .sitemap-article-list a{padding:20px 0;font-size:16px;line-height:1.6;}
    .sitemap-article-list a:hover{line-height:1.4;}
}

/* ===========================================
    로그인
=========================================== */
.header-login-mo{display:none;}
.header-login-mo .wrapper{display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 16px;box-sizing:border-box;}
.header-login-mo .btn-back{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:none;color:#343A40;cursor:pointer;}
.header-login-mo .btn-back .ico{display:block;width:24px;height:24px;transform:rotate(180deg);}
.header-login-mo .header-login-spacer{display:block;flex-shrink:0;width:24px;height:24px;}
.login-page{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 16px;min-height:700px;margin:0 auto;}
.login-box{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%;max-width:400px;}
.login-logo{margin:0;line-height:0;}
.login-logo a{display:block;}
.login-logo img{display:block;height:32px;width:auto;}
.login-logo.st-eng img{height:40px;}
.login-tit{margin:0;font-weight:700;font-size:40px;line-height:1.4;letter-spacing:-0.5px;color:#212529;text-align:center;}
.login-body{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;}
.login-divider{width:100%;height:1px;background:#DEE2E6;}
.login-sns-list{display:flex;flex-direction:column;gap:12px;width:100%;}
.login-sns-list:has(.is-recent){padding-top:16px;}
.login-sns-item{position:relative;width:100%;}
.login-recent-badge{position:absolute;top:-20px;right:-14px;z-index:1;display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 10px;border-radius:4px;background:#1D62CA;font-weight:500;font-size:12px;line-height:1;color:#fff;white-space:nowrap;transform:translateY(-50%);filter:drop-shadow(0 2px 6px rgba(33, 37, 41, 0.18));}
.login-recent-badge::after{content:'';position:absolute;bottom:-4px;left:50%;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #1D62CA;transform:translateX(-50%);}
.btn-login-sns{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;padding:0 24px;border:0;border-radius:4px;font-weight:350;font-size:18px;line-height:1.6;text-decoration:none;box-sizing:border-box;}
.btn-login-sns .ico{flex-shrink:0;}
.btn-login-sns.is-google{border:1px solid #DEE2E6;background:#fff;color:#212529;}
.btn-login-sns.is-kakao{background:#FAE100;color:#212529;}
.btn-login-sns.is-naver{background:#00C73C;color:#fff;}

/* 회원가입 */
.join-body{display:flex;flex-direction:column;gap:40px;width:100%;}
.join-account{display:flex;flex-direction:column;width:100%;}
.join-account-head{display:flex;align-items:center;gap:8px;padding-bottom:12px;}
.join-sns-badge{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border:1px solid #DEE2E6;border-radius:999px;background:#fff;box-sizing:border-box;}
.join-sns-badge .ico{display:block;width:12px;height:12px;}
.join-account-txt{margin:0;font-weight:500;font-size:16px;line-height:1.4;color:#212529;}
.join-email{display:flex;align-items:center;height:48px;margin:0;padding:0 16px;border:1px solid #CED4DA;border-radius:4px;background:#E9ECEF;font-weight:350;font-size:16px;line-height:1.6;color:#8E99A4;box-sizing:border-box;}
.join-agree{display:flex;flex-direction:column;gap:16px;width:100%;}
.join-agree-all{padding:20px 24px;background:#F8F9FA;box-sizing:border-box;display:flex;align-items:center;}
.join-agree-all .input-choice{align-items:center;gap:8px;}
.join-agree-all label{font-weight:500;font-size:16px;line-height:1.4;color:#343A40;}
.join-agree-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;width:100%;}
.join-agree-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:12px;}
.join-agree-list li:last-child{padding-bottom:0;}
.join-agree-list .input-choice{align-items:center;gap:8px;min-width:0;}
.join-agree-list label{font-weight:350;font-size:16px;line-height:1.6;color:#212529;}
.join-agree-list label em{ color:#1D62CA;}
.join-agree-link{flex-shrink:0;font-weight:400;font-size:15px;line-height:1.5;color:#1650A7;text-decoration:underline;white-space:nowrap;}
.join-page .input-choice input[type='checkbox']{min-width:20px;width:20px;height:20px;}
.join-page .input-choice input[type='checkbox']:after{min-width:20px;width:20px;height:20px;transform:none;border:1px solid #CED4DA;border-radius:2px;background:#fff;box-sizing:border-box;}
.join-page .input-choice input[type='checkbox']:checked:after{border-color:transparent;background:#1D62CA url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 5.5L5.67763 8.5625L9.9375 2' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:auto 11px;}
.join-submit{display:flex;justify-content:center;width:100%;}
.join-submit .btn-lg{width:100%;}

/* 회원가입 완료 */
.join-complete-body{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%;}
.join-complete-head{display:flex;flex-direction:column;align-items:center;width:100%;text-align:center;}
.join-complete-icon{display:flex;align-items:center;justify-content:center;padding-bottom:12px;line-height:0;}
.join-complete-icon .ico{display:block;width:68px;height:68px;}
.join-complete-tit{margin:0 0 12px;font-weight:700;font-size:32px;line-height:1.4;letter-spacing:-0.5px;color:#212529;}
.join-complete-desc{margin:0;font-weight:500;font-size:18px;line-height:1.4;color:#495057;}
.join-complete-account{display:flex;flex-direction:column;align-items:center;width:100%;padding:16px 24px;background:#F8F9FA;box-sizing:border-box;text-align:center;}
.join-complete-account-head{display:flex;align-items:center;justify-content:center;gap:8px;padding-bottom:6px;}
.join-complete-account-txt{margin:0;font-weight:500;font-size:16px;line-height:1.4;color:#212529;}
.join-complete-email{margin:0;font-weight:400;font-size:16px;line-height:1.5;letter-spacing:-0.1px;color:#495057;}
.join-complete-submit{display:flex;justify-content:center;width:100%;}
.join-complete-submit .btn-lg{width:100%;}

/* 오류 페이지 */
.error-page{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 16px 16px;min-height:700px;box-sizing:border-box;}
.error-box{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%;max-width:100%;}
.error-head{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;text-align:center;}
.error-msg{display:flex;flex-direction:column;gap:12px;width:100%;}
.error-visual{position:relative;width:140px;height:140px;flex-shrink:0;}
.error-visual img{display:block;width:100%;height:100%;}
.error-tit{margin:0;font-weight:700;font-size:32px;line-height:1.4;letter-spacing:-0.5px;color:#212529;}
.error-desc{margin:0;padding-bottom:12px;font-weight:500;font-size:18px;line-height:1.4;color:#495057;}
.error-action{display:flex;justify-content:center;width:100%;max-width:400px;}
.error-action .btn-lg{width:100%;}

@media all and (max-width:1024px){
    .error-page{min-height:90vh;}
    .error-visual{width:100px;height:100px;}
    .error-msg{gap:0;}
    .error-tit{padding-bottom:12px;font-size:24px;letter-spacing:0;color:#1A1A1A;letter-spacing: -0.05em;}
    .error-desc{font-size:16px;}
    .error-action{max-width:152px;}
}

@media all and (max-width:1024px){
    .header-login-mo{display:block;}
    .login-page{padding:60px 16px;min-height:90vh;}
    .login-box{gap:32px;}
    .login-tit{font-size:28px;letter-spacing:0;}
    .login-body{gap:24px;}
    .login-sns-list{gap:8px;}
    .login-recent-badge{right:-5px;}
    .join-body{gap:40px;}
    .join-agree-all{padding:16px;}
    .join-agree-list li{padding-bottom:16px;}
    .join-agree-list li:last-child{padding-bottom:0;}
    .join-agree-list label{font-weight:400;font-size:15px;line-height:1.5;}
    .join-agree-link{font-weight:350;font-size:14px;line-height:1.6;}
    .join-complete-icon .ico{width:56px;height:56px;}
    .join-complete-tit{font-size:24px;letter-spacing:0;color:#1A1A1A;}
    .join-complete-desc{font-size:16px;}
}

/* popup — 문의 내역 상세 */
.inquiry-detail{display:flex;flex-direction:column;}
.inquiry-row{display:flex;flex-direction:column;gap:8px;padding:16px 0;border-bottom:1px solid #DEE2E6;}
.inquiry-row.is-email{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:4px;padding-top:0;}
.inquiry-row.is-email .inquiry-field{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;}
.inquiry-row:last-child{padding-bottom:0;border-bottom:0;}
.inquiry-row .label{font-weight:500;font-size:13px;line-height:1.4;color:#212529;}
.inquiry-row .value{margin:0;font-weight:400;font-size:15px;line-height:1.5;color:#495057;word-break:break-all;}
.inquiry-row .value.email{font-weight:500;color:#1D62CA;letter-spacing:-0.1px;}
.inquiry-row .attach-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;}
.inquiry-row .attach-list a{font-weight:400;font-size:15px;line-height:1.5;color:#1D62CA;text-decoration:underline;word-break:break-all;}
.inquiry-row .answer-head{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:20px;}
.inquiry-row .answer-date{font-weight:400;font-size:13px;line-height:1.5;letter-spacing:-0.5px;color:#999;white-space:nowrap;}
.inquiry-row .answer-box{padding:16px 24px;border:1px solid #DEE2E6;background:#F8F9FA;}
.inquiry-row .answer-box p{margin:0;font-weight:400;font-size:15px;line-height:1.5;color:#495057;}

/* popup — 기사 공유(ShareButton) */
.share-wrap{display:flex;flex-direction:column;gap:24px;}
.share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 8px;}
.share-grid .share-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;background:none;border:0;cursor:pointer;}
.share-grid .share-item .bg{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;}
.share-grid .share-item .bg svg{display:block;}
.share-grid .share-item .txt{font-weight:400;font-size:13px;line-height:1.4;color:#495057;}
.share-grid .is-kakao .bg{background:#FEE500;color:#191919;}
.share-grid .is-facebook .bg{background:#1877F2;color:#fff;}
.share-grid .is-x .bg{background:#000;color:#fff;}
.share-grid .is-telegram .bg{background:#26A5E4;color:#fff;}
.share-grid .is-instagram .bg{background:radial-gradient(circle at 30% 110%, #FFDB8B 0%, #EE653D 30%, #D42E81 55%, #A237B6 75%, #3E57BC 100%);color:#fff;}
.share-grid .is-slack .bg{background:#fff;border:1px solid #DEE2E6;}
.share-grid .is-more .bg{background:#F1F3F5;color:#495057;}
.share-url{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 16px;border:1px solid #DEE2E6;border-radius:8px;background:#F8F9FA;}
.share-url .url{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:14px;color:#495057;direction:ltr;}
.share-url .btn-copy{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:0;border-radius:6px;background:#1D62CA;color:#fff;font-weight:500;font-size:13px;cursor:pointer;white-space:nowrap;}
.share-url .btn-copy .ico{width:16px;height:16px;}
@media (max-width: 768px) {
    .share-grid{gap:16px 4px;}
    .share-grid .share-item .bg{width:48px;height:48px;}
    .share-grid .share-item .txt{font-size:12px;}
}