@charset "utf-8";
/* ======================================
   메인: 인기 게시물 · 신규 게시물 (2026-10-23 재구성)
   - 두 목록을 위아래로 배치, 각 목록은 카드 10개 가로 슬라이드(PC 한 화면 4개, 4개씩 자동 넘김)
   - 모든 규칙은 .mainPostDuo 아래로 한정 (main.css 와 섞이지 않게)
   - 이전 버전: main_post.css.bak-20261023
   ====================================== */
.mainPostDuo{--mpd-point:#14335A; --mpd-line:#E9EDF2;}
.mainPostDuo .MainInner{padding:12rem 2rem 12rem 2rem;}
.mainPostDuo .mpd-stack{display:flex; flex-direction:column; gap:8rem;}
.mainPostDuo .mpd-col{min-width:0;}
.mainPostDuo .mpd-head{display:flex; align-items:center; justify-content:space-between; gap:2.4rem;}
.mainPostDuo .WrapTitle{font-size:3.2rem; line-height:4.4rem;}

/* 이전/다음 (제목 오른쪽) */
.mainPostDuo .mpd-ctrl{display:flex; align-items:center; gap:1rem; flex:none;}
.mainPostDuo .mpd-count{flex:none; margin-right:1.2rem; font-family:'Pretendard-Medium'; font-size:1.6rem; line-height:2.4rem; letter-spacing:0.04em; color:#999; white-space:nowrap;}
.mainPostDuo .mpd-count b{font-family:'Pretendard-Bold'; font-weight:normal; color:#111;}
.mainPostDuo .mpd-btn{flex:none; width:4.6rem; height:4.6rem; border:1px solid #D5DBE3; border-radius:50%; background:#fff no-repeat center / 1.8rem url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314335A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E"); cursor:pointer; transition:border-color .25s, opacity .25s;}
.mainPostDuo .mpd-prev{transform:scaleX(-1);}
.mainPostDuo .mpd-btn:hover{border-color:var(--mpd-point);}
.mainPostDuo .mpd-btn.swiper-button-disabled{opacity:0.35; cursor:default;}

/* 카드: 이미지 위 · 글 아래 */
/* 카드가 오른쪽 화면 끝까지 이어 보임(섹션이 화면 밖만 자름).
   왼쪽은 늘 가림: 콘텐츠 시작선 왼쪽으로 지나간 카드는 보이지 않음 */
.mainPostDuo{overflow:hidden;}
.mainPostDuo .mpd-swiper{position:relative; overflow:visible; margin-top:2.4rem; clip-path:inset(-2rem -100vw -4rem 0);}
.mainPostDuo .mpd-list{margin:0; padding:0; list-style:none;}
.mainPostDuo .mpd-list li{height:auto;}
.mainPostDuo .mpd-list a{display:flex; flex-direction:column; height:100%; border:1px solid var(--mpd-line); border-radius:1.6rem; overflow:hidden; background:#fff; text-decoration:none; transition:border-color .3s, box-shadow .3s;}
.mainPostDuo .mpd-list a:hover{border-color:#C9D3E0; box-shadow:0 1rem 3rem rgba(11,31,56,0.08);}
.mainPostDuo .mpd-img{position:relative; aspect-ratio:16 / 10; margin:0; overflow:hidden; background:#F3F6FA;}
.mainPostDuo .mpd-img img{display:block; width:100%; height:100%; object-fit:cover; transition:transform .4s;}
.mainPostDuo .mpd-list a:hover .mpd-img img{transform:scale(1.05);}
.mainPostDuo .mpd-badge{position:absolute; left:1.2rem; top:1.2rem; padding:0.2rem 0.8rem; border-radius:0.4rem; font-family:'Pretendard-ExtraBold','Pretendard-Bold'; font-size:1.2rem; line-height:1.8rem; color:#fff;}
.mainPostDuo .mpd-badge.is-hot{background:#E9403A;}
.mainPostDuo .mpd-badge.is-new{background:#F59A0B;}
.mainPostDuo .mpd-txt{flex:1 1 auto; display:flex; flex-direction:column; min-width:0; padding:2rem 2.2rem 2.4rem 2.2rem;}
.mainPostDuo .mpd-cat{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-family:'Pretendard-Bold'; font-size:1.4rem; line-height:2rem; color:var(--mpd-point);}
.mainPostDuo .mpd-tit{margin:0.6rem 0 1.2rem 0; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; min-height:5.2rem; font-family:'Pretendard-SemiBold'; font-size:1.8rem; line-height:2.6rem; color:#222; word-break:keep-all;}
.mainPostDuo .mpd-list a:hover .mpd-tit{text-decoration:underline;}
.mainPostDuo .mpd-date{display:block; margin-top:auto; font-family:'Pretendard-Medium'; font-size:1.3rem; line-height:1.8rem; color:#888;}

/* 바로 아래 특허용어사전: 같은 회색 배경이라 위아래 여백이 겹쳐 넓어 보임 → 사이 간격을 줄이고 제목 크기를 인기·신규 게시물과 맞춤 */
.mainPostDuo .MainInner{padding-bottom:8rem;}
.mainPostDuo + .wikiContWrap .MainInner{padding-top:0;}
.mainPostDuo + .wikiContWrap .WrapTitle{font-size:3.2rem; line-height:4.4rem;}
.mainPostDuo + .wikiContWrap .wratiBtn{top:-0.5rem;}

@media (max-width:1200px){
	.mainPostDuo .MainInner{padding:8rem 2rem 6rem 2rem;}
	.mainPostDuo .mpd-stack{gap:6rem;}
	.mainPostDuo .mpd-txt{padding:1.8rem 1.8rem 2rem 1.8rem;}
	.mainPostDuo .mpd-tit{font-size:1.7rem; line-height:2.5rem; min-height:5rem;}
}
@media (max-width:767px){
	.mainPostDuo .MainInner{padding:6rem 2rem 5rem 2rem;}
	.mainPostDuo + .wikiContWrap .WrapTitle{font-size:2.6rem; line-height:4rem;}
	.mainPostDuo + .wikiContWrap .wratiBtn{top:-0.4rem;}
	.mainPostDuo .WrapTitle{font-size:2.6rem; line-height:4rem;}
	.mainPostDuo .mpd-stack{gap:4.8rem;}
	.mainPostDuo .mpd-ctrl{gap:0.6rem;}
	.mainPostDuo .mpd-count{margin-right:0.6rem; font-size:1.4rem; line-height:2rem;}
	.mainPostDuo .mpd-btn{width:3.6rem; height:3.6rem; background-size:1.4rem;}
	.mainPostDuo .mpd-swiper{margin-top:1.6rem;}
	.mainPostDuo .mpd-list a{border-radius:1.2rem;}
	.mainPostDuo .mpd-badge{left:0.8rem; top:0.8rem; padding:0.1rem 0.6rem; font-size:1.1rem; line-height:1.6rem;}
	.mainPostDuo .mpd-txt{padding:1.4rem 1.6rem 1.8rem 1.6rem;}
	.mainPostDuo .mpd-cat{font-size:1.3rem; line-height:1.8rem;}
	.mainPostDuo .mpd-tit{margin:0.4rem 0 0.8rem 0; min-height:4.4rem; font-size:1.5rem; line-height:2.2rem;}
	.mainPostDuo .mpd-date{font-size:1.2rem;}
}
@media (prefers-reduced-motion:reduce){
	.mainPostDuo .mpd-img img{transition:none;}
}

/* 메인 특허용어사전: 용어 태그 h2 → h3 (모양은 공용 .wikitagList h2 와 동일) */
.wikitagList h3{margin:0 0.8rem 1.1rem 0; display:inline-block; text-align:center;}
.wikitagList h3 a{position:relative; border:1px solid #111; width:100%; display:inline-block; padding:0 1.5rem; height:4.8rem; text-align:center; border-radius:5px; background:#fff; color:#000; text-overflow:ellipsis; font-family:Pretendard; font-size:1.9rem; font-style:normal; font-weight:500; line-height:4.6rem; letter-spacing:-0.32px;}
.wikitagList h3 a:before{content:none; position:absolute; left:0.5rem; top:-0.4rem; width:1.8rem; height:1.5rem; background-image:url(/public/img/sub/glossary_label.webp); background-size:cover; background-repeat:no-repeat; background-position:center;}
.wikitagList h3 a:hover:before{content:'';}
.wikitagList h3 a:hover{border:1px solid #000; background:#FFF; font-weight:600;}
@media (max-width:767px){
	.wikitagList h3{margin:0 0.3rem 0.6rem 0;}
	.wikitagList h3 a{letter-spacing:-0.28px; padding:0 1.5rem; height:3.6rem; border-radius:4px; font-size:1.4rem; line-height:3.4rem;}
}

/* ======================================
   메인 특허용어사전 (2026-10-23): 왼쪽 이미지 · 오른쪽 제목/설명, 용어는 이미지 아래 끝선에 맞춤
   ====================================== */
.mainPostDuo + .wikiContWrap.mainWiki .MainInner{padding-top:12rem;}
.mainWiki .mwk-grid{display:grid; grid-template-columns:38% 1fr; gap:6rem; align-items:stretch;}
.mainWiki .mwk-img{position:relative; align-self:start; margin:0; aspect-ratio:689 / 743; border-radius:1.6rem; overflow:hidden; background:#E3E3E5;}
.mainWiki .mwk-img img{position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover;}
.mainWiki .mwk-body{display:flex; flex-direction:column; justify-content:space-between; gap:4rem; min-width:0;}
.mainWiki .mwk-desc{margin:2.4rem 0 0 0; font-family:'Pretendard-Medium'; font-size:1.8rem; line-height:3rem; color:#333; word-break:keep-all;}
.mainWiki .wikitagList{height:auto; padding-top:0;}
/* 2026-10-23: 용어 버튼 흰색·보더 없음(투명 1px 유지로 크기 변화 없음), 호버 효과는 기존 유지 */
/* 2026-10-23: 용어 버튼 배경 #f4f4f4 */
.mainWiki .wikitagList h3 a{border-color:transparent; background:#f4f4f4;}
.mainWiki .wikitagList h3 a:hover{border-color:#000;}
@media (max-width:1200px){
	.mainWiki .mwk-grid{gap:4rem;}
	.mainWiki .mwk-desc{font-size:1.6rem; line-height:2.6rem;}
}
@media (max-width:991px){
	.mainPostDuo + .wikiContWrap.mainWiki .MainInner{padding-top:8rem;}
	.mainWiki .mwk-grid{grid-template-columns:1fr; gap:3.2rem;}
	.mainWiki .mwk-img{aspect-ratio:16 / 9;}
	.mainWiki .mwk-body{order:-1; gap:2.4rem;}
}
@media (max-width:767px){
	.mainPostDuo + .wikiContWrap.mainWiki .MainInner{padding-top:6rem;}
	.mainWiki .mwk-desc{margin-top:1.2rem; font-size:1.4rem; line-height:2.2rem;}
	.mainWiki .mwk-desc br{display:none;}
}

/* 2026-10-23 2차: 배경 흰색, 「특허용어 더 보기」 라인 버튼을 설명 아래로 */
.wikiContWrap.mainWiki{background:#fff;}
.mainWiki .mwk-more{position:relative; display:inline-block; margin-top:3.2rem; padding:1.3rem 5.2rem 1.3rem 2.8rem; border:1px solid #222; border-radius:10rem; background:transparent; font-family:'Pretendard-SemiBold'; font-size:1.6rem; line-height:2.4rem; color:#222; text-decoration:none; transition:background .25s, border-color .25s, color .25s;}
.mainWiki .mwk-more:after{content:''; position:absolute; right:2.4rem; top:50%; width:1.6rem; height:1.6rem; margin-top:-0.8rem; background:no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E");}
.mainWiki .mwk-more:hover{border-color:#14335A; background:#14335A; color:#fff;}
.mainWiki .mwk-more:hover:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E");}
@media (max-width:767px){
	.mainWiki .mwk-more{margin-top:2rem; padding:1.1rem 4.6rem 1.1rem 2.4rem; font-size:1.4rem; line-height:2.2rem;}
	.mainWiki .mwk-more:after{right:2rem; width:1.4rem; height:1.4rem; margin-top:-0.7rem;}
}

/* 2026-10-23 3차: 용어 버튼 둥근 모서리 10px (모바일 포함) */
.mainWiki .wikitagList h3 a{border-radius:10px;}
/* 2026-10-23: 용어 버튼 글자 16px (768px 이상, 모바일은 기존 1.4rem 유지) */
@media (min-width:768px){
	.mainWiki .wikitagList h3 a{font-size:16px;}
}