@charset "utf-8";

.p6-wrap {display:flex; flex-direction:column; min-height:100%; background:var(--card);}

/* 헤더 */
.p6-head {display:flex; align-items:center; gap:18.5px; padding:22.2px 29.5px; background:linear-gradient(135deg, #1E3A5F 0%, #1A4A7A 60%, #0F766E 100%);}
.p6-head .ic {display:flex; align-items:center; justify-content:center; width:66.5px; height:66.5px; background:rgba(255,255,255,0.12); border-radius:18.5px;}
.p6-head .ic img {width:36.9px; height:36.9px;}
.p6-head .ic.js-save.is-on {background:#fff;}
.p6-head .ic.js-save.is-on img {filter:brightness(0) saturate(100%) invert(18%) sepia(34%) saturate(1000%) hue-rotate(178deg) brightness(95%) contrast(95%);}
.p6-head h1 {flex:1; color:#fff; font-size:31.4px; font-weight:700;}
.p6-head .rt {display:flex; gap:11.1px;}

/* 이미지 갤러리 */
.p6-gallery {position:relative; height:406px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18.5px; background:linear-gradient(135deg, #1E3A5F 0%, #1A4A7A 50%, #0F766E 100%); overflow:hidden;}
.p6-swiper {position:absolute; inset:0; z-index:0; height:100%;}
.p6-swiper .swiper-wrapper, .p6-swiper .swiper-slide {height:100%;}
.p6-swiper .swiper-slide img {width:100%; height:100%; object-fit:cover;}
.p6-gallery::after {content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5));}
.p6-gallery .idx {position:absolute; bottom:22.2px; right:30.3px; padding:5.5px 18.5px; background:rgba(0,0,0,0.55); border-radius:36.9px; color:#fff; font-size:20.3px; font-weight:700; z-index:2;}

/* 썸네일 스트립 */
.p6-thumbs {display:flex; gap:14.8px; padding:18.5px 29.5px 20.3px; border-bottom:1.85px solid var(--line);}
.p6-thumbs .th {display:flex; align-items:center; justify-content:center; width:96px; height:96px; border-radius:14.8px; border:3.7px solid transparent; background:linear-gradient(135deg, #374151, #1E3A5F);}
.p6-thumbs .th.on {border-color:var(--navy);}
.p6-thumbs .th:nth-child(3) {background:linear-gradient(135deg, #0369A1, #1E3A5F);}
.p6-thumbs .th img {width:33.2px; height:33.2px; opacity:0.7;}
.p6-thumbs .th {overflow:hidden;}
.p6-thumbs .th img.cover {width:100%; height:100%; object-fit:cover; opacity:1;}

/* 작성자 */
.p6-author {display:flex; align-items:center; gap:18.5px; padding:25.8px 29.5px 27.7px; border-bottom:1.85px solid var(--line);}
.p6-author .av {display:flex; align-items:center; justify-content:center; width:70.2px; height:70.2px; border-radius:50%; background:linear-gradient(135deg, #1E3A5F, #0F766E); color:#fff; font-size:25.8px; font-weight:700;}
.p6-author .info {flex:1; min-width:0; display:flex; flex-direction:column; gap:1.85px;}
.p6-author .nm {color:var(--ink); font-size:24px; font-weight:700;}
.p6-author .dt {color:var(--sub); font-size:20.3px;}
.p6-author .stat {display:flex; gap:18.5px;}
.p6-author .stat span {display:flex; align-items:center; gap:7.4px; color:var(--sub); font-size:22.2px;}
.p6-author .stat img {width:25.8px; height:25.8px;}

/* 제목 + 본문 */
.p6-article {display:flex; flex-direction:column; gap:23.8px; padding:33.2px 29.5px 35.1px; border-bottom:1.85px solid var(--line);}
.p6-article h2 {color:var(--ink); font-size:36.9px; font-weight:800; line-height:1.4;}
.p6-article .body {display:flex; flex-direction:column; gap:23.8px;}
.p6-article .body p {color:var(--ink); font-size:25.8px; line-height:1.85;}

/* 태그 */
.p6-tags {display:flex; flex-wrap:wrap; gap:12.9px; padding:25.8px 29.5px 27.7px; border-bottom:1.85px solid var(--line);}
.p6-tags .tag {padding:7.4px 22.2px; background:var(--mint); border-radius:36.9px; color:var(--teal); font-size:22.2px; font-weight:600;}

/* CTA */
.p6-cta {position:relative; margin:29.5px; padding:33.2px; border-radius:29.5px; overflow:hidden; background:linear-gradient(135deg, #1E3A5F, #1A4A7A); box-shadow:0 2px 14px rgba(15,23,42,0.1);}
.p6-cta .deco {position:absolute; top:-37px; right:-37px; width:147.7px; height:147.7px; background:rgba(255,255,255,0.05); border-radius:50%;}
.p6-cta .l {position:relative; color:rgba(255,255,255,0.55); font-size:20.3px; margin-bottom:7.4px;}
.p6-cta .t {position:relative; color:#fff; font-size:29.5px; font-weight:700; line-height:1.4; margin-bottom:14.8px;}
.p6-cta .btn {position:relative; display:flex; align-items:center; justify-content:center; gap:11.1px; padding:22.2px; background:#fff; border-radius:18.5px;}
.p6-cta .btn img {width:29.5px; height:29.5px;}
.p6-cta .btn span {color:var(--navy); font-size:25.8px; font-weight:700;}

/* 관련 소식 */
.p6-rel {display:flex; flex-direction:column; padding:31.4px 29.5px 0; border-top:1.85px solid var(--line);}
.p6-rel h2 {color:var(--ink); font-size:27.7px; font-weight:700; padding-bottom:22.2px;}
.p6-ritem {display:flex; align-items:center; gap:18.5px; padding:18.5px 0 20.3px; border-bottom:1.85px solid var(--line);}
.p6-ritem:last-child {border-bottom:0;}
.p6-ritem img {flex:none; width:27.7px; height:27.7px;}
.p6-ritem .ti {flex:1; min-width:0; color:var(--ink); font-size:24px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.p6-ritem .dt {flex:none; color:var(--sub); font-size:20.3px;}

/* 푸터 탭바 */
.p6-nav {display:flex; align-items:center; justify-content:space-between; padding:20px 40px; background:var(--card); border-top:1.85px solid var(--line);}
.p6-nav .tab {display:flex; flex-direction:column; align-items:center; gap:5.8px; color:var(--sub); font-size:19.2px;}
.p6-nav .tab img {width:42px; height:42px;}
.p6-nav .tab.on {color:var(--teal);}
.p6-nav .tab-fab {position:relative; align-self:stretch; width:96px;}
.p6-nav .tab-fab .fab {position:absolute; left:50%; top:0; transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; width:96px; height:96px; border-radius:50%; background:linear-gradient(135deg, #0D9488, #1E3A5F); border:5px solid var(--card); box-shadow:0 10px 24px rgba(13,148,136,0.4);}
.p6-nav .tab-fab .fab img {width:48px; height:48px;}