/* ===== SCROLL ANIMATION ===== */
.technology .fadeUp {opacity:0; transform:translateY(30px); transition:opacity 0.7s cubic-bezier(0.22,1,0.36,1), transform 0.7s cubic-bezier(0.22,1,0.36,1);}
.technology .fadeUp.visible {opacity:1; transform:translateY(0);}
.technology .fadeUp.delay1 {transition-delay:0.1s;}
.technology .fadeUp.delay2 {transition-delay:0.2s;}
.technology .fadeUp.delay3 {transition-delay:0.3s;}
.technology .fadeUp.delay4 {transition-delay:0.4s;}
 
/* ===== SECTION TITLE ===== */
.technology .secBar {display:block; width:48px; height:4px; background:linear-gradient(90deg, var(--c_base2) 0%, var(--c_base1) 100%); border-radius:4px; margin-bottom:14px;}
.technology .secTit {font-size:var(--fs28); font-weight:700; color:var(--c_base4); line-height:1.3;}
.technology .secSubTit {font-size:var(--fs18); font-weight:700; color:var(--c_base4); margin-top:36px; padding-bottom:4px; border-bottom:2px solid var(--c_base2); display:inline-block;}
 
/* ===== CONTENT BLOCK ===== */
.technology .rdBlock {display:flex; align-items:flex-start; gap:36px; margin-top:36px;}
.technology .rdBlock + .rdBlock {margin-top:40px;}
.technology .rdThumb {flex-shrink:0; width:130px; height:130px; border-radius:8px; overflow:hidden; background:#f5f5f5; display:flex; align-items:center; justify-content:center;}
.technology .rdThumb img {width:100%; height:100%; object-fit:contain; display:block; padding:30px;}
.technology .rdTit {font-size:var(--fs22); font-weight:700; color:var(--c_base4); margin-bottom:14px;}
.technology .rdList {list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:7px;}
.technology .rdList > li {position:relative; padding-left:14px; font-size:var(--fs16); line-height:1.7;}
.technology .rdList > li::before {content:''; position:absolute; left:0; top:11px; width:5px; height:5px; border-radius:50%; background:var(--c_base2);}
 
 .tableScrollWrap {overflow:auto;}
/* ===== HIGHLIGHT BOX ===== */
.technology .rdHighlight {margin-top:20px; padding:16px 24px; background:#f5f5f5; border-left:3px solid var(--c_base2); border-radius:0 6px 6px 0; font-size:var(--fs16); font-weight:600; color:var(--c_base4);}
 .technology .rdHighlight em {color:var(--c_base2); font-style:normal;}
/* ===== FEATURE BANNER ===== */
.technology .featureBanner {margin-top:56px; padding:44px 32px; background:#f9f9f9; border:1px solid var(--border1); border-radius:12px;}
.technology .featureBannerTit {text-align:center; font-size:var(--fs22); font-weight:700; color:var(--c_base2); margin-bottom:36px;}
.technology .featureGrid {display:grid; grid-template-columns:repeat(4,1fr); gap:24px;}
.technology .featureCard {display:flex; flex-direction:column; align-items:center; text-align:center; padding:28px 16px; background:#fff; border-radius:10px; border:1px solid var(--border1); transition:box-shadow 0.3s, transform 0.3s;}
.technology .featureCard:hover {box-shadow:0 8px 28px rgba(0,0,0,0.10); transform:translateY(-4px);}
.technology .featureIcon {width:80px; height:80px; border-radius:50%; background:#ececec; display:flex; align-items:center; justify-content:center; margin-bottom:16px; overflow:hidden;}
.technology .featureIcon img {width:100%; height:100%; object-fit:contain; padding:20px;}
.technology .featureLabel {font-size:var(--fs16); font-weight:700; color:var(--c_base4); margin-bottom:8px;}
.technology .featureDesc {font-size:var(--fs14); line-height:1.6;}
 
/* ===== SECTION DIVIDER ===== */
.technology .secDivider {margin-top:80px; padding-top:80px; border-top:1px solid var(--border1);}
 
/* ===== TABLE ===== */
.technology .rdTableWrap {overflow:auto;}
.technology .rdTable {width:100%; border-collapse:collapse; margin-top:28px; font-size:var(--fs15);}
.technology .rdTable colgroup col:nth-child(1) {width:28%;}
.technology .rdTable colgroup col:nth-child(2) {width:36%;}
.technology .rdTable colgroup col:nth-child(3) {width:36%;}
.technology .rdTable th {background:var(--c_base4); color:#fff; padding:14px 20px; font-weight:600; text-align:left; border:1px solid #2a3040;}
.technology .rdTable td {padding:16px 20px; border:1px solid var(--border1); vertical-align:top; line-height:1.7;}
.technology .rdTable tr:nth-child(even) td {background:#fafafa;}
 
/* ===== SUB BLOCK ===== */
.technology .subBlock {margin-top:56px; counter-increment:subblock;}
.technology .subBlockHead {display:flex; align-items:start; gap:14px; margin-bottom:16px;}
.technology .subBlockIcon {flex-shrink:0; width:28px; height:28px; border-radius:50%; background:var(--c_base2); display:flex; align-items:center; justify-content:center; font-size:1.2rem; font-weight:700; color:#fff; line-height:1; margin-top:4px;}
.technology .subBlockIcon::after {content:counter(subblock);}
.technology .subBlockTit {font-size:var(--fs24); font-weight:700; color:var(--c_base4);}
.technology .subBlockSubTit {font-size:var(--fs16); font-weight:600; margin-top:4px; background:var(--c_base3); color:#fff; display:inline-block; border-radius:4px; padding:4px 16px;}
.technology .subBlock .rdList {margin-top:16px;}
.technology .subBlockNote {margin-top:16px; font-size:var(--fs14); font-weight:600; color:var(--c_base2);}
 
/* ===== CHART GRID ===== */
.technology .chartGrid {display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:28px;}
.technology .subBlockNote + .chartGrid {margin-top:16px;}
.technology .chartBox {background:#fff; border:1px solid var(--border1); border-radius:8px; overflow:hidden;}
.technology .chartImg {width:100%; background:#f5f5f5; display:flex; align-items:center; justify-content:center; font-size:var(--fs14);}
.technology .chartImg img {width:100%; display:block; mix-blend-mode:multiply;}
.technology .chartCaption {padding:12px 16px; font-size:var(--fs16); text-align:center; border-top:1px solid var(--border1); color:#333;}
 
/* ===== REQUIREMENT SECTION ===== */
.technology .reqSection {margin-top:36px;}
.technology .reqSectionTit {font-size:var(--fs24); font-weight:700; color:var(--c_base3); padding-bottom:12px; border-bottom:1px solid var(--border1); margin-bottom:28px;}
 
/* ===== GOOD/BAD TABLE ===== */
.technology .gbTable {width:100%; border-collapse:collapse; margin-top:28px; font-size:var(--fs14); font-weight:700;}
.technology .gbTable th {padding:14px; text-align:center;}
.technology .gbTable th.good {color:#fff; background-color:var(--c_base2); }
.technology .gbTable th.bad {background:#e0e0e0; color:#666;}
.technology .gbTable td {padding:20px; border:1px solid var(--border1); text-align:center; vertical-align:middle;}
.technology .gbTable td.em {background:#fff3ea;}
.technology .gbImgRow {display:flex; justify-content:center; gap:16px; flex-wrap:wrap;}
.technology .gbImg {width:100px; height:100px; background:#ddd; border-radius:4px; display:flex; align-items:center; justify-content:center; font-size:var(--fs12);}
.technology .gbImg img {width:100%; height:100%; object-fit:cover; border-radius:4px;}
 
/* ===== 반응형 - 1199px ===== */
@media screen and (max-width:1199px) {
	.technology .featureGrid {grid-template-columns:repeat(2,1fr);}
	.technology .rdBlock {gap:24px;}
	.technology .rdThumb {width:100px; height:100px;}
	.technology .featureCard:hover {box-shadow:none; transform:none;}
	.technology .rdThumb img {padding:20px;}
}
 
/* ===== 반응형 - 768px ===== */
@media screen and (max-width:768px) {
	.technology .featureGrid {grid-template-columns:repeat(2,1fr); gap:12px;}
	.technology .featureBanner {padding:28px 20px;}
	.technology .rdBlock {flex-direction:column; gap:16px;}
	.technology .rdThumb {width:100%; height:200px; width:130px; height:130px;}
	.technology .chartGrid {grid-template-columns:1fr;}
	.technology .rdTable {font-size:var(--fs13);}
	.technology .rdTable th {padding:10px 12px;}
	.technology .rdTable td {padding:10px 12px;}
	.technology .secDivider {margin-top:50px; padding-top:50px;}
	.technology .gbImg {width:70px; height:70px;}
	
}



/* ===== 핵심기술 섹션 헤더 ===== */
.technology .coreSecHead {margin-top:36px;}
.technology .coreSecTit {font-size:var(--fs22); font-weight:700; color:var(--c_base4);}
.technology .coreSecLabel {display:inline-block;  font-size:var(--fs24); font-weight:700; color:var(--c_base3); padding-bottom:10px; border-bottom:1px solid var(--border1); width:100%;}
 
/* ===== 제공가치 3단 플로우 카드 ===== */
.technology .flowWrap {display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:stretch; gap:0; margin-top:20px;}
.technology .flowCard {background:linear-gradient(135deg, var(--c_base3) 0%, #1a2d4a 100%); border-radius:10px; padding:32px 24px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:12px; color:#fff;}
.technology .flowCard:nth-child(3) {background:linear-gradient(135deg, #1e3a5f 0%, #0d2035 100%);}
.technology .flowCard:nth-child(5) {background:linear-gradient(135deg, #0f2a3f 0%, #071520 100%);}
.technology .flowArrow {display:flex; align-items:center; justify-content:center; padding:0 10px; flex-shrink:0;}
.technology .flowIcon {width:90px; height:90px; background:rgba(255,255,255,0.15); border-radius:50%; display:flex; align-items:center; justify-content:center; overflow:hidden; margin-bottom:4px;}
.technology .flowIcon img {width:60%; height:60%; object-fit:contain;}
.technology .flowCardTit {font-size:var(--fs18); font-weight:700; color:#fff;}
.technology .flowCardLine {width:32px; height:2px; background:var(--c_base1); border-radius:2px;}
.technology .flowCardDesc {font-size:var(--fs14); line-height:1.6;}
.technology .flowCardList {text-align:left; width:100%;}
.technology .flowCard .rdList > li::before {background:var(--c_base1);}
 
/* ===== 실현방법 - 아이콘 + 점선 + 리스트 ===== */
.technology .implWrap {display:flex; flex-direction:column; gap:40px; margin-top:20px;}
.technology .implItem {display:flex; align-items:center; gap:50px;}
.technology .implLeft {flex-shrink:0; display:flex; flex-direction:column; align-items:center; width:120px;}
.technology .implIconWrap {width:80px; height:80px; border-radius:50%; background:#f0f0f0; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.technology .implIconWrap img {width:60%; height:60%; object-fit:contain;}
.technology .implIconLabel {margin-top:10px; font-size:var(--fs16); font-weight:700; color:var(--c_base4); text-align:center; line-height:1.4;}
.technology .implIconSub {font-size:var(--fs14); text-align:center; line-height:1.3; margin-top:2px;}
.technology .implDash {flex-shrink:0; display:flex; align-items:flex-start; padding:28px 16px 0; gap:3px;}
.technology .implDash span {display:block; width:5px; height:2px; background:#ccc; border-radius:1px;}
.technology .implBody {flex:1;}
 
/* ===== 비교 테이블 ===== */
.technology .coreTable {width:100%; border-collapse:collapse; margin-top:20px; font-size:var(--fs15);}
.technology .coreTable th {background:#ccc; color:#000; padding:12px 16px; font-weight:600; text-align:center; border:1px solid var(--border1); white-space:nowrap; font-size:var(--fs15);}
.technology .coreTable th.orange {background:var(--c_base2); color:#fff;}
.technology .coreTable td {padding:12px 16px; border:1px solid var(--border1); vertical-align:middle; text-align:center; line-height:1.6; color:#333;}
.technology .coreTable td.left {text-align:left; font-weight:600; color:#000; font-size:var(--fs16); background:#fafafa;}
.technology .coreTable td.em {color:var(--c_base2); font-weight:700; background:#fff3ea;}
.technology .coreTable td.emBlue {color:var(--c_base3); font-weight:700;}
.technology .coreTable tr:nth-child(even) td {}
.technology .coreTable .tdImgRow {display:flex; justify-content:center; gap:12px; flex-wrap:wrap;}
.technology .coreTable .tdImg {width:80px; height:80px; background:#eee; border-radius:4px; overflow:hidden;}
.technology .coreTable .tdImg img {width:100%; height:100%; object-fit:cover;}
 
/* ===== 시인거리/판독거리 이중 테이블 ===== */
.technology .distTableWrap {display:flex; flex-direction:column; gap:32px; margin-top:20px;}
.technology .distNote {margin-top:16px;}
.technology .distNote .rdList > li::before {background:var(--c_base4);}
 
/* ===== 기술경쟁력 카드 ===== */
.technology .compGrid {display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:20px;}
.technology .compCard {display:flex; flex-direction:column; gap:16px;}
.technology .compImgWrap {width:100%; aspect-ratio:5/3; border-radius:8px; overflow:hidden; background:#eee;}
.technology .compImgWrap img {width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.4s ease;}
.technology .compCard:hover .compImgWrap img {transform:scale(1.04);}
.technology .compIconRow {display:flex; align-items:center; gap:10px;}
.technology .compCardIcon {width:36px; height:36px; object-fit:contain;}
.technology .compCardTit {font-size:var(--fs18); font-weight:700; color:var(--c_base4);}
.technology .compCardDesc {font-size:var(--fs15); color:var(--c_base2); font-weight:600; line-height:1.5;}
 
/* ===== 반응형 - 1199px ===== */
@media screen and (max-width:1199px) {
	.technology .flowWrap {grid-template-columns:1fr auto 1fr auto 1fr;}
	.technology .flowCard {padding:24px 16px;}
	.technology .compCard:hover .compImgWrap img {transform:none;}
	.technology .secDivider {margin-top:60px; padding-top:60px;}
}
 
/* ===== 반응형 - 768px ===== */
@media screen and (max-width:768px) {
	.technology .flowWrap {grid-template-columns:1fr; gap:0;}
	.technology .flowArrow {padding:8px 0; transform:rotate(90deg);}
	.technology .implItem {gap:20px; flex-direction: column;
        align-items: flex-start;}
	.technology .implLeft {width:100%; border: 1px solid var(--border1); height:150px; justify-content:center; border-radius:16px;}
	.technology .implIconWrap {width:64px; height:64px;}
	.technology .compGrid {grid-template-columns:1fr;}
	.technology .coreTable {font-size:var(--fs13);}
	.technology .coreTable th {padding:8px 10px;}
	.technology .coreTable td {padding:8px 10px;}
	.technology .secDivider {margin-top:50px; padding-top:50px;}
}

/* ========================= 핵심기술  ============================= */

/* ===== 구성&원리 아이콘 그리드 ===== */
.technology .principleGrid {display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:28px;}
.technology .principleCard {display:flex; flex-direction:column; align-items:center; gap:16px; padding:28px 16px; background:#f9f9f9; border-radius:10px; border:1px solid var(--border1);}
.technology .principleIconWrap {width:100px; height:100px; background:#f0f0f0; border-radius:50%; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.technology .principleIconWrap img {width:65%; height:65%; object-fit:contain;}
.technology .principleDesc {font-size:var(--fs16); text-align:center; line-height:1.6;}
.technology .principleDesc em {color:var(--c_base2); font-style:normal; font-weight:700;}
 
/* ===== 성능 ===== */
.technology .perfWrap {display:flex; align-items:flex-start; gap:40px; margin-top:28px;}
.technology .perfImgs {flex-shrink:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; width:550px;}
.technology .perfImgs img {width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:6px; display:block;}
.technology .perfBody {flex:1; padding-top:8px;}
 
/* ===== 장점 - 아이콘 카드 3열 ===== */
.technology .advantageGrid {display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:28px;}
.technology .advantageCard {background:#fff; border:1px solid var(--border1); border-radius:10px; padding:28px 24px; display:flex; flex-direction:column; gap:16px; transition:box-shadow 0.3s, transform 0.3s;}
.technology .advantageCard:hover {box-shadow:0 8px 28px rgba(0,0,0,0.09); transform:translateY(-4px);}
.technology .advantageCardHead {display:flex; align-items:center; gap:14px; padding-bottom:16px; border-bottom:2px solid var(--c_base2);}
.technology .advantageCardIcon {width:44px; height:44px; background:var(--c_base2); border-radius:8px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.technology .advantageCardIcon img {width:24px; height:24px;}
.technology .advantageCardTit {font-size:var(--fs18); font-weight:700; color:var(--c_base4);}
 
/* ===== 제품의 구성 ===== */
.technology .pdWrap {margin-top:32px; display:flex; flex-direction:column; gap:32px;}
 
/* ── PC: 합본 이미지 + 뱃지 점선 ── */
.technology .pdPcView {display:block;}
.technology .pdMoView {display:none;}
.technology .pdImgBox {position:relative; border-radius:12px 12px 0 0; border:1px solid var(--border1); background:#f8f8f8; padding:16px 80px;}
.technology .pdImgBox img {max-width:100%; display:block; margin:0 auto; mix-blend-mode:multiply;}
.technology .pdCaption {background:var(--c_base2); padding:12px 20px; font-size:var(--fs15); font-weight:700; text-align:center; color:#fff; border-radius:0 0 12px 12px;}
 
/* 뱃지 */
.technology .pdBadge {position:absolute; display:flex; align-items:center; justify-content:center; width:100px; height:100px; border-radius:50%; border:3px solid; font-size:var(--fs16); font-weight:700; text-align:center; line-height:1.25; background:#fff; z-index:4; box-shadow:0 2px 8px rgba(0,0,0,0.13);}
.technology .pdBadge.c1 {border-color:var(--c_base3); color:var(--c_base3);}
.technology .pdBadge.c2 {border-color:var(--c_base2); color:var(--c_base2);}
.technology .pdBadge.c3 {border-color:#0E9E8A; color:#0E9E8A;}
.technology .pdBadge.c4 {border-color:#E53E3E; color:#E53E3E;}
.technology .pdBadge.c5 {border-color:#7B5EA7; color:#7B5EA7;}
.technology .pdBadge.c6 {border-color:var(--c_base4); color:var(--c_base4);}
.technology .pdBadge.c7 {border-color:#B7791F; color:#B7791F;}
 
/* SVG 점선 오버레이 */
.technology .pdLineSvg {position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:3; overflow:visible;}
 
/* ── 모바일: 앞/뒷면 + 번호 오버레이 + 목록 ── */
.technology .pdMoCard {display:flex; flex-direction:column; gap:16px;}
.technology .pdMoImgBox {position:relative; border-radius:10px; overflow:hidden; border:1px solid var(--border1);}
.technology .pdMoImgBox img {width:100%; display:block; max-height:400px; object-fit:contain;}
.technology .pdMoCaption {background:var(--c_base2); padding:10px 14px; font-size:var(--fs14); font-weight:700; text-align:center; color:#fff;}
.technology .pdNumDot {position:absolute; width:26px; height:26px; border-radius:50%; background:var(--c_base2); color:#fff; font-size:1.2rem; font-weight:700; display:flex; align-items:center; justify-content:center; z-index:4; box-shadow:0 1px 4px rgba(0,0,0,0.25); transform:translate(-50%,-50%);}
.technology .pdNumDot.c1, .technology .pdMoNum.c1 {background:#1c97e5;}
.technology .pdNumDot.c2, .technology .pdMoNum.c2{background:#fe7b05;}
.technology .pdNumDot.c3, .technology .pdMoNum.c3 {background:#12ce93;}
.technology .pdNumDot.c4, .technology .pdMoNum.c4 {background:#e34b4a;}
.technology .pdMoNum


.technology .pdMoList {list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px;}
.technology .pdMoList > li {display:flex; align-items:center; gap:10px; font-size:var(--fs16); line-height:1.5;}
.technology .pdMoList > li+li {margin-top:8px;}
.technology .pdMoNum {flex-shrink:0; width:24px; height:24px; border-radius:50%; background:var(--c_base2); color:#fff; font-size:1.15rem; font-weight:700; display:flex; align-items:center; justify-content:center;}
 
/* 특허 */
.technology .pdPatentRow {display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.technology .patentItem {padding:16px 20px; background:#f9f9f9; border-left:3px solid var(--c_base3); border-radius:0 6px 6px 0; transition:background 0.2s;}
.technology .patentItem:hover {background:#eef3fb;}
.technology .patentNum {font-size:var(--fs14); font-weight:700; color:var(--c_base3); margin-bottom:6px;}
.technology .patentDesc {font-size:var(--fs14); line-height:1.6;}
 
/* ===== 제어 흐름도 ===== */
.technology .flowChartWrap {margin-top:28px;}
.technology .fcOuter {display:block;}
.technology .fcMain {flex:1; background:#f9f9f9; border:1px solid var(--border1); border-radius:12px; padding:32px 0;}
.technology .fcSteps {display:flex; align-items:flex-start; justify-content:space-between;}
.technology .fcStep {display:flex; flex-direction:column; align-items:center; gap:10px; flex:1;}
.technology .fcImgWrap {width:120px; height:120px; border-radius:50%; overflow:hidden; border:3px solid #fff; box-shadow:0 2px 12px rgba(0,0,0,0.12); background:#e8e8e8;}
.technology .fcImgWrap img {width:100%; height:100%; object-fit:cover; display:block;}
.technology .fcLabel {font-size:var(--fs15); font-weight:700; color:var(--c_base4); text-align:center; line-height:1.4;}
.technology .fcSub {font-size:var(--fs13); text-align:center; line-height:1.3; margin-top:-4px;}
.technology .fcArrow {flex-shrink:0; display:flex; flex-direction:column; align-items:flex-start; padding-top:42px; gap:4px;}
.technology .fcArrow.vertical {flex-direction:row; padding-top:0;}
.technology .fcArrow.vertical img {height:auto; width:15px;}
.technology .fcArrow.alone {padding-top:54px;}
.technology .fcArrow img {height:15px;}
.technology .fcBattery {display:flex; flex-direction:column; align-items:center; gap:8px; margin-top:24px;}
.technology .fcBatteryIcon {width:100px; height:100px; background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 8px rgba(0,0,0,0.08); border:1px solid var(--border1);}
.technology .fcBatteryLabel {font-size:var(--fs14); font-weight:700; color:var(--c_base4);}
.technology .fcBatteryDesc {font-size:var(--fs13); color:var(--c_base2); font-weight:600; text-align:center; line-height:1.5;}
.technology .fcLegend {margin-top:20px; display:flex; gap:40px; flex-wrap:wrap; padding:14px 20px; background:#fff; border:1px solid var(--border1); border-radius:8px; justify-content:center;}
.technology .fcLegendItem {display:flex; align-items:center; gap:8px; font-size:var(--fs16);}
 .technology .fcLegendItem img {height:15px;}
 .technology .fcArrow.only_mobile {display:none;}
 
/* ===== 반응형 - 1199px ===== */
@media screen and (max-width:1199px) {
	.technology .principleGrid {grid-template-columns:repeat(2,1fr);}
	.technology .perfWrap {gap:28px;}
	.technology .perfImgs {width:320px;}
	.technology .advantageCard:hover {box-shadow:none; transform:none;}
	.technology .pdPatentRow {grid-template-columns:1fr 1fr;}
	.technology .secDivider {margin-top:60px; padding-top:60px;}
	.technology .fcSteps { justify-content:center; gap:2%;}
	.technology .fcStep {flex:none; padding-bottom:16px;}
	.technology .fcArrow {}
}
 
/* ===== 반응형 - 768px ===== */
@media screen and (max-width:768px) {
	.technology .principleGrid {grid-template-columns:repeat(2,1fr); gap:12px;}
	.technology .perfWrap {flex-direction:column;}
	.technology .perfImgs {width:100%;}
	.technology .advantageGrid {grid-template-columns:1fr;}
	.technology .secDivider {margin-top:50px; padding-top:50px;}
	.technology .fcMain {padding:20px 16px;}
	.technology .fcSteps {flex-direction:column; align-items:stretch; gap:0;}
	.technology .fcStep {width:100%; flex-direction:row; align-items:center; text-align:left; gap:16px; padding:14px 0;}
	.technology .fcStep:last-child {border-bottom:none;}
	.technology .fcImgWrap {width:100px; height:100px; flex-shrink:0;}
	.technology .fcLabel {text-align:left;}
	.technology .fcSub {text-align:left;}
	.technology .fcLegend {gap:12px;}
	.technology .pdPatentRow {grid-template-columns:1fr;}
	.technology .pdPcView {display:none;}
	.technology .pdMoView {display:flex; flex-direction:column; gap:28px;}
	.technology .pdBadge {width:46px; height:46px; font-size:1.1rem;}
}


/* ========================= 내부조명표지판  ============================= */

/* ===== 구성&원리 ===== */
.technology .innerPrincipleWrap {display:flex; align-items:center; gap:60px; margin-top:32px;}
.technology .innerPrincipleBody {flex:1;}
.technology .innerPrincipleBody .rdList > li em {color:var(--c_base3); font-style:normal; font-weight:700;}
.technology .innerPrincipleImgs {flex-shrink:0; display:flex; gap:16px; align-items:center;}
.technology .innerSignImg {width:400px; height:120px; object-fit:contain; display:block;}
 
/* ===== 장점&단점 ===== */
.technology .proconWrap {display:grid; grid-template-columns:1fr 1fr; margin-top:28px; border:1px solid var(--border1); border-radius:10px; overflow:hidden;}
.technology .proconCol {padding:28px 32px;}
.technology .proconCol.pro {background:#fff;}
.technology .proconCol.con {background:#fafafa; border-left:1px solid var(--border1);}
.technology .proconHead {display:flex; align-items:center; gap:12px; margin-bottom:20px; padding-bottom:16px; border-bottom:2px solid var(--border1);}
.technology .proconHead.pro {border-bottom-color:var(--border1);}
.technology .proconHead.con {border-bottom-color:var(--border1);}
.technology .proconIcon {width:36px; height:36px; border-radius:8px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.technology .proconIcon.pro {background:var(--c_base3);}
.technology .proconIcon.con {background:#e53e3e;}
.technology .proconIcon svg {width:20px; height:20px;}
.technology .proconTit {font-size:var(--fs18); font-weight:700; color:var(--c_base4);}
.technology .proconCol.pro .rdList > li::before {background:var(--c_base3);}
.technology .proconCol.con .rdList > li::before {background:#e53e3e;}
.technology .proconCol.con .rdList > li {color:#555;}
 
/* ===== 반응형 - 1199px ===== */
@media screen and (max-width:1199px) {
	.technology .innerPrincipleImgs {gap:12px;}
	.technology .innerSignImg {}
	.technology .secDivider {margin-top:60px; padding-top:60px;}
}
 
/* ===== 반응형 - 768px ===== */
@media screen and (max-width:768px) {
	.technology .innerPrincipleWrap {flex-direction:column; gap:28px;}
	.technology .innerPrincipleImgs {width:100%; justify-content:center;}
	.technology .innerSignImg {}
	.technology .fcBatteryIcon {width:80px; height:80px;}
	.technology .proconWrap {grid-template-columns:1fr;}
	.technology .fcBattery {flex-direction:row; margin-top:0;}
	.technology .proconCol.con {border-left:none; border-top:1px solid var(--border1);}
	.technology .proconCol {padding:20px;}
	.technology .secDivider {margin-top:50px; padding-top:50px;}
	.technology .fcArrow {padding-top:0; flex-direction:row;}
	.technology .fcArrow img {height:20px;}
	.technology .fcArrow.desktop {display:none;}
	.technology .fcArrow.only_mobile {display:flex; padding-left:40px;}
	.technology .fcSteps {display:grid;}
	.technology .fcSub {display:none;}
	.technology .fcArrow.alone {padding-top:0;}
	.technology .fcArrow.alone.only_mobile {padding-left:46px;}
	.technology .fcArrow.vertical {flex-direction:column;}
	.technology .fcArrow.vertical.only_mobile {padding-left:0px;}
}

/* ===== 반응형 - 768px ===== */
@media screen and (max-width:500px) { 
.technology .fcImgWrap {width:60px; height:60px;}
.technology .fcBatteryIcon {width:50px; height:50px; background:none; box-shadow:none; border:none;}
.technology .fcArrow.only_mobile {padding-left:17px;}
.technology .fcBatteryDesc {position:absolute; top:190px; right:14%;}
.technology .fcArrow.alone.only_mobile {padding-left:24px;}
.technology .fcLegendItem img {height:10px;}
}


/* 시안 카테고리 블록 */
.solution.sol-section {margin-top:28px;}
.solution .sol-sign-category { margin-bottom:48px; }
.solution .sol-sign-category:last-child { margin-bottom:0; }
.solution .sol-sign-cat-head { display:flex; align-items:center; gap:12px; margin-bottom:20px; padding-bottom:12px; border-bottom:2px solid var(--border1); }
.solution .sol-sign-cat-label { display:inline-flex; align-items:center; justify-content:center; padding:6px 20px; border-radius:6px; font-size:var(--fs16); font-weight:700; color:#fff; background:var(--c_base4); flex-shrink:0; }
 
/* 시안 그리드 (이름 위, 이미지 아래) */
.solution .sol-sign-grid { display:grid; grid-template-columns:repeat(10,1fr); gap:0; border:1.5px solid var(--border1); border-radius:12px; overflow:hidden; }
.solution .sol-sign-grid-item { border-right:1px solid var(--border1); border-bottom:1px solid var(--border1); background:#fafafa; overflow:hidden; transition:background .2s; display:flex; flex-direction:column; justify-content:space-between; }
.solution .sol-sign-grid-item:hover { background:#f0f4ff; }
.solution .sol-sign-grid-item:nth-child(10n) { border-right:none; }
.solution .sol-sign-grid-item.sol-last-row { border-bottom:none; }
.solution .sol-sign-grid-item .sol-sign-grid-name { font-size:var(--fs14); color:#333; text-align:center; padding:6px 4px 0; line-height:1.3; word-break:break-all; min-height:32px; display:flex; align-items:center; justify-content:center; }
.solution .sol-sign-grid-item img { width:100%; aspect-ratio:1/1; object-fit:contain; display:block; padding:6px; mix-blend-mode:darken; }
 
/* 반응형 */
@media screen and (max-width:1199px) {
  .solution .sol-need-grid { grid-template-columns:repeat(2,1fr); }
  .solution .sol-effect-circle-grid { grid-template-columns:repeat(4,1fr); }
  .solution .sol-sign-grid { grid-template-columns:repeat(6,1fr); }
  .solution .sol-sign-grid-item:nth-child(10n) { border-right:1px solid var(--border1); }
  .solution .sol-sign-grid-item:nth-child(6n) { border-right:none; }
  .solution .sol-sign-grid-item.sol-last-row { border-bottom:1px solid var(--border1); }
  .solution .sol-sign-grid-item:nth-last-child(-n+6) { border-bottom:none; }
}
@media screen and (max-width:767px) {
  .solution .sol-need-grid { grid-template-columns:repeat(2,1fr); gap:40px; }
  .solution .sol-need-imgs { grid-template-columns:1fr; }
  .solution .sol-effect-circle-grid { grid-template-columns:repeat(2,1fr); }
  .solution .sol-effect-circle-item .sol-circle-img { width:100px; height:100px; }
  .solution .sol-sign-grid { grid-template-columns:repeat(5,1fr); }
  .solution .sol-sign-grid-item:nth-child(6n) { border-right:1px solid var(--border1); }
  .solution .sol-sign-grid-item:nth-child(5n) { border-right:none; }
  .solution .sol-sign-grid-item.sol-last-row { border-bottom:1px solid var(--border1); }
}
@media screen and (max-width:500px) {
  .solution .sol-need-grid { grid-template-columns:1fr; }
  .solution .sol-need-card ul {min-height:auto;}
  .solution .sol-effect-circle-grid { grid-template-columns:repeat(2,1fr); }
  .solution .sol-sign-grid { grid-template-columns:repeat(4,1fr); }
  .solution .sol-sign-grid-item:nth-child(5n) { border-right:1px solid var(--border1); }
  .solution .sol-sign-grid-item:nth-child(4n) { border-right:none; }
  .solution .sol-sign-grid-item.sol-last-row { border-bottom:1px solid var(--border1); }
}


/* --- 인증 현황 --- */
.contents .certGrid { display:flex; flex-wrap:wrap; gap:14px;}
.certItem {display:flex; flex-direction:column; align-items:center; gap:10px; padding:20px 22px 16px; border:1px solid var(--border1); border-radius:12px; min-width:106px; transition:border-color .25s, box-shadow .25s;}
.certItem:hover {border-color:var(--c_base2); box-shadow:0 4px 16px rgba(29,72,146,.1);}
.certItem img {width:100px; height:60px; object-fit:contain;}
.certItem span {font-size:var(--fs16); font-weight:600; text-align:center; line-height:1.35; height:44px; display:flex; align-items:center;}

/* ===== 반응형 1199 ===== */
@media screen and (max-width:1199px) {
  .craneHero {min-height:420px; padding:70px 40px;}
  .craneHero h2 {font-size:var(--fs45);}
  .featureGrid {grid-template-columns:repeat(3,1fr);}
  .craneFeature {margin-top:60px;}
  .craneSystem {margin-top:70px;}
}
 
/* ===== 반응형 768 ===== */
@media screen and (max-width:768px) {
  .craneHero {min-height:300px; padding:50px 20px; border-radius:12px;}
  .craneHero h2 {font-size:var(--fs36);}
  .featureGrid {grid-template-columns:1fr 1fr; gap:12px;}
  .featureCard {padding:22px 18px 44px;}
  .certGrid {gap:10px;}
  .certItem {padding:14px 16px; min-width:88px;}
  .craneFeature {margin-top:50px;}
  .craneSystem {margin-top:60px;}

}


/* ========================= 태양광 광섬유 발광형 표지 ============================= */

/* ===== 사이드 탭 - 긴 라벨 줄바꿈 대응 ===== */
.technology .sub-tab-nav li a {display:flex; align-items:flex-start; gap:8px; line-height:1.4; word-break:keep-all;}
.technology .sub-tab-nav .tab-num {flex-shrink:0;}

/* ===== 인증 배너 ===== */
.technology .solarCertBar {display:flex; align-items:center; gap:32px; flex-wrap:wrap; padding:24px 32px; background:#f9f9f9; border:1px solid var(--border1); border-radius:12px;}
.technology .solarCertLogo {display:flex; align-items:center; gap:16px; flex-shrink:0; padding-right:32px; border-right:1px solid var(--border1);}
.technology .solarCertLogo img {width:64px; height:64px; object-fit:contain; display:block;     mix-blend-mode: multiply;
}
.technology .solarCertYears {font-size:var(--fs18); font-weight:700; color:var(--c_base2); white-space:nowrap;}
.technology .solarCertList {list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:10px;}
.technology .solarCertList li {font-size:var(--fs15); font-weight:600; color:var(--c_base4); padding:6px 16px; background:#fff; border:1px solid var(--border1); border-radius:999px;}

/* ===== 핵심 기술 탭 버튼 ===== */
.technology .solarTabBar {counter-reset:solarfeat; display:flex; flex-wrap:wrap; gap:10px; margin-top:40px;}
.technology .solarTabBtn {display:inline-flex; align-items:center; padding:8px 24px; border-radius:999px; border:1.5px solid var(--border1); background:#fff; font-size:var(--fs16); font-weight:600; color:var(--c_base4); cursor:pointer; transition:background .25s, border-color .25s, color .25s; white-space:nowrap;}
.technology .solarTabBtn:hover {border-color:var(--c_base2); color:var(--c_base2);}
.technology .solarTabBtn.on {background:var(--c_base2); border-color:var(--c_base2); color:#fff;}

/* ===== 상세 기술 - 이미지 + 텍스트 ===== */
.technology .solarFeat {counter-increment:solarfeat; display:flex; align-items:center; gap:48px; margin-top:48px; padding:32px; border:1px solid var(--border1); border-radius:16px; scroll-margin-top:140px;}
.technology .solarFeat.reverse {flex-direction:row-reverse;}
.technology .solarFeatImg {width:45%; flex-shrink:0; display:flex; grid-template-columns:1fr; gap:12px;}
.technology .solarFeatImg.two {width:60%}
.technology .solarFeatImg img { aspect-ratio:4/3; object-fit:cover; display:block; border-radius:10px; background:#f0f0f0; border:1px solid var(--border1); width:100%;}
.technology .solarFeatImg.two img {width:50%;}
.technology .solarFeatBody {flex:1; min-width:0;}
.technology .solarFeatTit {display:flex; align-items:center; gap:14px; font-size:var(--fs24); font-weight:700; color:var(--c_base4); margin-bottom:22px; padding-bottom:16px; border-bottom:1px solid var(--border1);}
.technology .solarFeatTit::before {content:counter(solarfeat,decimal-leading-zero); flex-shrink:0; width:44px; height:44px; border-radius:12px; background:linear-gradient(135deg, var(--c_base2) 0%, #c45a12 100%); color:#fff; display:flex; align-items:center; justify-content:center; font-size:var(--fs18); font-weight:700; letter-spacing:0.5px; box-shadow:0 4px 12px rgba(232,108,21,0.28);}
.technology .solarFeat .rdList {gap:9px;}

/* ===== 반응형 - 1199px ===== */
@media screen and (max-width:1199px) {
  .technology .solarFeat {gap:32px; margin-top:48px; padding:32px; scroll-margin-top:120px;}
}
/* ===== 반응형 - 991px ===== */
@media screen and (max-width:991px) {
.technology .solarFeat {flex-direction:column;}
.technology .solarFeat.reverse {flex-direction:column;}
.technology .solarFeatImg.two {width:100%;}
.technology .solarFeatBody {width:100%;}
.technology .solarFeatImg {width:100%;}
.technology .solarFeatImg img {max-width:420px;}
}


/* ===== 반응형 - 768px ===== */
@media screen and (max-width:768px) {
  .technology .solarCertBar {gap:20px; padding:20px;}
  .technology .solarCertLogo {padding-right:0; border-right:none; padding-bottom:16px; border-bottom:1px solid var(--border1); width:100%;}
  .technology .solarTabBar {flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; padding-bottom:6px;}
  .technology .solarTabBar::-webkit-scrollbar {height:3px;}
  .technology .solarTabBar::-webkit-scrollbar-thumb {background:var(--c_base2); border-radius:2px;}
  .technology .solarTabBtn {padding:10px 18px; font-size:var(--fs15);}
  .technology .solarFeat, .technology .solarFeat.reverse {flex-direction:column; gap:20px; margin-top:24px; padding:24px;}
  .technology .solarFeatImg {width:100%;}
  .technology .solarFeatTit::before {width:38px; height:38px; border-radius:10px; font-size:var(--fs16);}
}


.technology .detechCertLogo {display:flex; align-items:center; gap:16px; flex-shrink:0; padding-right:32px; border-right:1px solid var(--border1);}
.technology .detechCertLogo img {width:166px; height:57px; object-fit:contain; display:block; mix-blend-mode:multiply;}


/* ========================= 도로표지병 (Road Stud) ============================= */
.technology {--c_stud:#1f9d55;}

/* ===== 인트로 ===== */
.technology .studIntro {margin-bottom:8px;}
.technology .studIntroTit {font-size:var(--fs28); font-weight:800; color:var(--c_base4); line-height:1.3;}
.technology .studIntroTit em {color:var(--c_base2); font-style:normal;}
.technology .studIntroDesc {margin-top:18px; font-size:var(--fs16); line-height:1.8; color:#555;}

/* ===== 제품 + 주요 기능 ===== */
.technology .studMain {display:flex; align-items:center; gap:48px; margin-top:48px; padding:40px; border:1px solid var(--border1); border-radius:16px; background:#fafafa;}
.technology .studMainImg {flex-shrink:0; width:38%; display:flex; align-items:center; justify-content:center;}
.technology .studMainImg img {width:100%; max-width:340px; display:block;}
.technology .studFeatures {flex:1; min-width:0; list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:24px;}
.technology .studFeatItem {display:flex; align-items:flex-start; gap:18px; padding-bottom:24px; border-bottom:1px dashed var(--border1);}
.technology .studFeatItem:last-child {padding-bottom:0; border-bottom:none;}
.technology .studFeatIcon {flex-shrink:0; width:56px; height:56px; border-radius:14px; background:rgba(31,157,85,0.1); display:flex; align-items:center; justify-content:center; overflow:hidden;}
.technology .studFeatIcon img {width:30px; height:30px; object-fit:contain;}
.technology .studFeatTit {font-size:var(--fs20); font-weight:700; color:var(--c_base4); margin-bottom:8px;}
.technology .studFeatDesc {font-size:var(--fs15); line-height:1.7; color:#555;}

/* ===== 도면 ===== */
.technology .studViews {display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:24px;}
.technology .studView {margin:0;}
.technology .studViewImg {background:#f5f5f5; border:1px solid var(--border1); border-radius:10px; aspect-ratio:4/3; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.technology .studViewImg img {max-width:80%; max-height:80%; object-fit:contain; mix-blend-mode:multiply;}
.technology .studView figcaption {margin-top:12px; text-align:center; font-size:var(--fs15); font-weight:600; color:var(--c_base4);}

/* ===== Series ===== */
.technology .studLegend {display:flex; flex-wrap:wrap; gap:24px; margin-top:18px;}
.technology .studLegendItem {display:inline-flex; align-items:center; gap:8px; font-size:var(--fs15); font-weight:600; color:#444;}
.technology .studLegendItem i {width:14px; height:14px; border-radius:50%; flex-shrink:0;}
.technology .studLegendItem.solar i {background:var(--c_base2);}
.technology .studLegendItem.electric i {background:var(--c_base3);}

.technology .studSeries {display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:28px;}
.technology .studSeriesCard {display:flex; flex-direction:column; align-items:center; text-align:center; padding:24px 16px; border:1px solid var(--border1); border-radius:14px; background:#fff; transition:box-shadow .3s, transform .3s;}
.technology .studSeriesCard:hover {box-shadow:0 8px 28px rgba(0,0,0,0.08); transform:translateY(-4px);}
.technology .studBadge {display:inline-block; padding:7px 28px; border-radius:999px; font-size:var(--fs16); font-weight:700; color:#fff;}
.technology .studBadge.solar {background:var(--c_base2);}
.technology .studBadge.electric {background:var(--c_base3);}
.technology .studSeriesImg {width:100%; aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; margin:18px 0; overflow:hidden;     max-width: 300px;}
.technology .studSeriesImg img {width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply;}
.technology .studSeriesModel {font-size:var(--fs16); font-weight:700; color:var(--c_base4); line-height:1.4;}
.technology .studSeriesSub {margin-top:4px; font-size:var(--fs14); color:#888;}

/* ===== 반응형 - 1199px ===== */
@media screen and (max-width:1199px) {
  .technology .studMain {gap:32px; padding:32px;}
  .technology .studSeries {grid-template-columns:repeat(2,1fr);}
  .technology .studSeriesCard:hover {box-shadow:none; transform:none;}
}

/* ===== 반응형 - 991px ===== */
@media screen and (max-width:991px) {
  .technology .studMain {flex-direction:column; gap:28px;}
  .technology .studMainImg {width:100%;}
}

/* ===== 반응형 - 768px ===== */
@media screen and (max-width:768px) {
  .technology .studMain {padding:24px;}
  .technology .studViews {grid-template-columns:1fr; gap:16px; max-width:420px; margin-left:auto; margin-right:auto;}
  .technology .studFeatItem {gap:14px;}
  .technology .studFeatIcon {width:48px; height:48px; border-radius:12px;}
  .technology .studFeatIcon img {width:26px; height:26px;}
}

/* ===== 반응형 - 500px ===== */
@media screen and (max-width:500px) {
  .technology .studSeries {grid-template-columns:1fr; margin-left:auto; margin-right:auto;}
  .technology .studSeriesImg img {aspect-ratio:1 / 1; height:100%; width:100%; object-fit:contain;}
  .technology .studSeriesCard {width:100%;}
}


/* ========================= 보도용 차량 방호울타리 ============================= */

/* ===== 히어로 ===== */
.technology .fenceHero {position:relative; border-radius:16px; overflow:hidden; padding:72px 56px; color:#fff; background:linear-gradient(rgba(20,24,32,0.8), rgba(20,24,32,0.62)), #555 url(/images/traffic/technology/tech-fence_hero.webp) center/cover no-repeat;}
.technology .fenceHeroTit {font-size:var(--fs40); font-weight:800; line-height:1.25; color:var(--c_base1); text-shadow:0 2px 12px rgba(0,0,0,0.35);}
.technology .fenceHeroGrade {margin-top:14px; font-size:var(--fs24); font-weight:700;}
.technology .fenceHeroGrade strong {color:var(--c_base2);}
.technology .fenceHeroDesc {margin-top:18px; font-size:var(--fs18); font-weight:500; line-height:1.6; opacity:0.92;}

/* ===== SB1등급이란? ===== */
.technology .fenceQuote {margin-top:48px; padding:36px 40px; background:#f7f8fa; border:1px solid var(--border1); border-radius:14px;}
.technology .fenceQuoteTit {position:relative; padding:0 12px; font-size:var(--fs22); font-weight:800; color:var(--c_base2); margin-bottom:18px; display: inline-block;}
.technology .fenceQuoteTit::before {content:'"'; position:absolute; left:0; top:-6px; font-size:2.4rem; line-height:1; color:var(--c_base2); font-weight:800;}
.technology .fenceQuoteTit::after {content:'"'; position:absolute; right:0; top:-6px; font-size:2.4rem; line-height:1; color:var(--c_base2); font-weight:800;}
.technology .fenceQuoteText {font-size:var(--fs16); line-height:1.85; color:#555;}
.technology .fenceQuoteText + .fenceQuoteText {margin-top:12px;}

/* ===== 섹션 헤드라인 (바 + 라인) ===== */
.technology .fenceHeadline {display:flex; align-items:center; margin-top:64px; font-size:var(--fs22); font-weight:700; color:var(--c_base4);}
.technology .fenceHeadline::before {content:''; flex-shrink:0; width:5px; height:22px; background:var(--c_base2); border-radius:2px; margin-right:12px;}
.technology .fenceHeadline::after {content:''; flex:1; height:1px; background:var(--border1); margin-left:20px;}
.technology .fenceHeadline em {font-style:normal; font-size:var(--fs18); font-weight:700; color:var(--c_base2);}

/* ===== 제품제원 ===== */
.technology .fenceSpec {display:flex; align-items:stretch; gap:40px; margin-top:28px;}
.technology .fenceSpecImg {flex-shrink:0; width:44%; border:1px solid var(--border1); border-radius:12px; overflow:hidden; background:#f5f5f5; display:flex; align-items:center; justify-content:center;}
.technology .fenceSpecImg img {width:100%; height:100%; object-fit:cover; display:block;}
.technology .fenceSpecList {flex:1; min-width:0; margin:0; display:flex; flex-direction:column; justify-content:center; gap:0;}
.technology .fenceSpecRow {display:flex; align-items:flex-start; gap:16px; padding:16px 4px; border-bottom:1px solid var(--border1);}
.technology .fenceSpecRow:first-child {border-top:1px solid var(--border1);}
.technology .fenceSpecRow dt {flex-shrink:0; width:96px; font-size:var(--fs16); font-weight:700; color:var(--c_base4); position:relative; padding-left:16px;}
.technology .fenceSpecRow dt::before {content:''; position:absolute; left:0; top:9px; width:7px; height:7px; border-radius:50%; background:var(--c_base2);}
.technology .fenceSpecRow dd {flex:1; margin:0; font-size:var(--fs16); line-height:1.6; color:#444;}

/* ===== 강도성능 평가 ===== */
.technology .fenceTestNote {margin-top:16px; font-size:var(--fs16); font-weight:600; line-height:1.6; color:var(--c_base2);}
.technology .fenceTest {display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:24px;}
.technology .fenceTestImg {border:1px solid var(--border1); border-radius:12px; overflow:hidden; aspect-ratio:16/10; background:#f5f5f5;}
.technology .fenceTestImg img {width:100%; height:100%; object-fit:cover; display:block;}

/* ===== 반응형 - 1199px ===== */
@media screen and (max-width:1199px) {
  .technology .fenceHero {padding:56px 40px;}
  .technology .fenceSpec {gap:32px;}
}

/* ===== 반응형 - 991px ===== */
@media screen and (max-width:991px) {
  .technology .fenceSpec {flex-direction:column; gap:24px;}
  .technology .fenceSpecImg {width:100%; aspect-ratio:16/9;}
}

/* ===== 반응형 - 768px ===== */
@media screen and (max-width:768px) {
  .technology .fenceHero {padding:40px 24px;}
  .technology .fenceQuote {padding:24px 20px;}
  .technology .fenceHeadline {margin-top:48px;}
  .technology .fenceHeadline em {display:block; margin-top:4px; margin-left:0;}
  .technology .fenceTest {grid-template-columns:1fr; gap:14px;}
  .technology .fenceSpecRow dt {width:80px;}
}


/* ========================= 교통안전시설 ============================= */
.technology {--c_safety:#7ac943;}

/* ===== 상단 로고 ===== */
.technology .safetyTopLogo {display:flex; align-items:center; gap:32px; flex-wrap:wrap;
padding:24px 32px; background:#f9f9f9; border:1px solid var(--border1); border-radius:12px;}
.technology .safetyTopLogo img {height:90px; width:auto; display:inline-block; object-fit:contain; mix-blend-mode: multiply;}

/* ===== 제품 라인업 ===== */
.technology .safetyLineup {display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:24px;}
.technology .safetyLineCard {border:1px solid var(--border1); border-radius:14px; overflow:hidden; background:#fff; transition:box-shadow .3s, transform .3s;}
.technology .safetyLineCard:hover {box-shadow:0 8px 24px rgba(0,0,0,0.08); transform:translateY(-4px);}
.technology .safetyLineImg {aspect-ratio:1/1; background:#f5f5f5; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.technology .safetyLineImg img {width:100%; height:100%; object-fit:cover; display:block;}
.technology .safetyLineLabel {text-align:center; font-size:var(--fs16); font-weight:700; color:#fff; background:var(--c_base2); padding:14px 8px;}

/* ===== 제품특징 카드 (before / after) ===== */
.technology .safetyFeatGrid {display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:28px;}
.technology .safetyFeatCard {display:flex; flex-direction:column; border:2px solid var(--c_base3); border-radius:16px; overflow:hidden; background:#fff;}
.technology .safetyFeatHead {background:linear-gradient(160deg, var(--c_base3) 0%, #16263f 100%); color:#fff; text-align:center; padding:22px 14px 18px;}
.technology .safetyFeatIcon {width:52px; height:52px; margin:0 auto 12px; display:flex; align-items:center; justify-content:center;}
.technology .safetyFeatIcon img {width:100%; height:100%; object-fit:contain;}
.technology .safetyFeatType {font-size:var(--fs14); font-weight:600; opacity:0.92;}
.technology .safetyFeatName {margin-top:4px; font-size:var(--fs20); font-weight:800; color:var(--c_base1);}
.technology .safetyFeatBody {display:grid; flex-direction:column; align-items:center; padding:20px 18px 24px; gap:60px; flex:1; grid-template-rows:1fr 1fr; position:relative;}
.technology .safetyBA {width:100%; display:flex; flex-direction:column; gap:12px; position:relative; align-self:flex-start;}
.technology .safetyBA.after {}
.technology .safetyBAImg {width:100%; aspect-ratio:16/10; border-radius:8px; overflow:hidden; background:#f0f0f0; border:1px solid var(--border1);}
.technology .safetyBAImg img {width:100%; height:100%; object-fit:cover; display:block;}
.technology .safetyBAQuote {font-size:var(--fs14); line-height:1.6; color:#666; text-align:center; font-style:italic;}
.technology .safetyBAQuote::before {content:'\201C';}
.technology .safetyBAQuote::after {content:'\201D';}
.technology .safetyBASol {font-size:var(--fs15); line-height:1.6; color:var(--c_base4); font-weight:700; text-align:center;}
.technology .safetyArrow {flex-shrink:0; width:0; height:0; border-left:11px solid transparent; border-right:11px solid transparent; border-top:14px solid var(--c_base2); margin:0 auto; position: absolute; left:50%; transform: translate(-50%, -50%);}

/* ===== 광섬유 발광 특징 ===== */
.technology .safetyHL {display:flex; align-items:center; gap:40px; margin-top:48px;}
.technology .safetyHLImg {flex-shrink:0; width:38%;}
.technology .safetyHLImg img {width:100%; border-radius:12px; display:block; aspect-ratio:4/3; object-fit:cover; background:#f0f0f0; border:1px solid var(--border1);}
.technology .safetyHLBody {flex:1; min-width:0;}
.technology .safetyHLTit {font-size:var(--fs22); font-weight:800; color:#e23b2e; margin-bottom:16px;}

/* ===== 전반사 설명 ===== */
.technology .safetyNote {margin-top:40px; padding:28px 32px; background:#eef4fb; border:1px solid #d6e4f5; border-radius:14px;}
.technology .safetyNoteTit {font-size:var(--fs16); font-weight:700; color:var(--c_base3); margin-bottom:16px;}
.technology .safetyNoteWrap {display:flex; align-items:center; gap:32px;}
.technology .safetyNoteImg {flex-shrink:0; width:42%;}
.technology .safetyNoteImg img {width:100%; display:block; border-radius:8px;}
.technology .safetyNote .rdList {flex:1; min-width:0;}

/* ===== 반응형 - 1199px ===== */
@media screen and (max-width:1199px) {
  .technology .safetyLineup {grid-template-columns:repeat(2,1fr);}
  .technology .safetyFeatGrid {grid-template-columns:repeat(2,1fr);}
  .technology .safetyLineCard:hover {box-shadow:none; transform:none;}
}

/* ===== 반응형 - 991px ===== */
@media screen and (max-width:991px) {
  .technology .safetyHL {flex-direction:column; gap:24px;}
  .technology .safetyHLImg {width:100%; max-width:460px;}
  .technology .safetyHLBody {width:100%;}
  .technology .safetyNoteWrap {flex-direction:column; gap:20px;}
  .technology .safetyNoteImg {width:100%; max-width:460px;}
}

/* ===== 반응형 - 768px ===== */
@media screen and (max-width:768px) {
  .technology .safetyTopLogo {text-align:center;}
  .technology .safetyLineup {gap:12px;}
  .technology .safetyFeatGrid {grid-template-columns:1fr; gap:18px; max-width:420px; margin-left:auto; margin-right:auto;}
  .technology .safetyNote {padding:22px 20px;}
}

/* ===== 반응형 - 500px ===== */
@media screen and (max-width:500px) {
  .technology .safetyLineup {grid-template-columns:1fr; max-width:300px; margin-left:auto; margin-right:auto;}
}