/* 온테크 tech01 전용 - 기존 공통 CSS 뒤에 불러옵니다. */
.ot-tech01 .ot-tech-content,.ot-tech01 .ot-tech-content *{box-sizing:border-box}
.ot-tech01 .ot-tech-content{width:100%;min-width:0}
.ot-t1-title h2,.ot-t1-section-title h2{font-size:clamp(24px,2.2vw,36px);line-height:1.4;color:#111;font-weight:700;letter-spacing:-.04em;word-break:keep-all}
.ot-t1-title p,.ot-t1-section-title p{font-size:16px;color:#888;line-height:1.65;margin-top:10px;word-break:keep-all}
.ot-t1-photo-grid,.ot-t1-info-grid,.ot-t1-work-grid,.ot-t1-prevention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ot-t1-photo-grid{margin-top:35px}
.ot-t1-hero-photo{position:relative;overflow:hidden;border-radius:16px;aspect-ratio:1.65;margin:0;background:#eee}
.ot-t1-hero-photo:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.7));pointer-events:none}
.ot-t1-hero-photo img,.ot-t1-prevention-grid img,.ot-t1-work-card>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.ot-t1-hero-photo:hover img,.ot-t1-work-card:hover>img{transform:scale(1.035)}
.ot-t1-hero-photo figcaption{position:absolute;bottom:17px;left:18px;color:#fff;font-size:16px;font-weight:700;z-index:2}
.ot-t1-info-grid{margin-top:16px;align-items:stretch}
.ot-t1-info-card,.ot-t1-reason-card,.ot-t1-skill,.ot-t1-work-card{border:1px solid #e8e8e8;border-radius:14px;background:#fff;min-width:0;overflow:hidden}
.ot-t1-info-card{padding:16px}
.ot-t1-info-card>h3{background:#5BAFF6;color:#fff;border-radius:7px;text-align:center;padding:13px 8px;font-size:17px;font-weight:700;margin:0 0 17px}
.ot-t1-divided-list,.ot-t1-info-card ul,.ot-t1-reason-card ul,.ot-t1-skill ul,.ot-t1-work-card ul{list-style:none;padding:0;margin:0}
.ot-t1-divided-list li{padding:12px 6px;border-bottom:1px solid #e7e7e7;color:#555;font-size:15px}
.ot-t1-divided-list li:before,.ot-t1-work-card li:before,.ot-t1-skill li:before{content:'·';padding-right:6px}
.ot-t1-chart{position:relative;margin-top:18px;height:150px;}
.ot-t1-chart img{width: 100%}
.ot-t1-chart-lines{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-evenly}
.ot-t1-chart-lines span{border-top:1px solid rgba(255,255,255,.7)}
.ot-t1-chart-bars{position:absolute;inset:15px 10px 8px;display:flex;align-items:flex-end;gap:3px}

.ot-t1-mini-row{display:grid;grid-template-columns:42% 1fr;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #eaeaea}
.ot-t1-mini-row:last-child{border-bottom:0}
.ot-t1-mini-row img{width:100%;height:90px;object-fit:cover;border-radius:7px}
.ot-t1-mini-row p,.ot-t1-info-card .ot-t1-note{font-size:14px;line-height:1.65;color:#555;word-break:keep-all}
.ot-t1-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ot-t1-mosaic img{width:100%;height:104px;object-fit:cover;border-radius:6px}
.ot-t1-info-card h4{font-size:15px;margin:18px 0 7px;text-align:center}
.ot-t1-info-card .ot-t1-note{margin:0;text-align:center}
.ot-t1-section-title{margin:95px 0 28px}
.ot-t1-section-title>span{color:#5BAFF6;font-family:Baskervville,serif;font-style:italic;font-size:17px;display:block;margin-bottom:13px}
.ot-t1-reason-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px}
.ot-t1-reason-card{padding:24px}
.ot-t1-reason-card h3{text-align:center;font-size:20px;margin:0 0 18px}
.ot-t1-reason-card li{font-size:15px;line-height:1.65;padding:13px 4px;border-top:1px solid #e7e7e7;color:#666;word-break:keep-all}
.ot-t1-reason-card li:before{content:'·';margin-right:6px}
.ot-t1-reason-card.is-blue{background:#eff7ff;border-color:#eff7ff}
.ot-t1-reason-card ol{list-style:none;padding:0;margin:0}
.ot-t1-reason-card ol li{display:flex;align-items:center;gap:12px}
.ot-t1-reason-card ol li:before{display:none}
.ot-t1-reason-card ol b{flex:none;width:36px;height:36px;background:#5BAFF6;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px}
.ot-t1-blue-strip{margin:14px 0 0;padding:13px 20px;text-align:center;background:#5BAFF6;color:#fff;border-radius:30px;font-size:15px;font-weight:600}
.ot-t1-skills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ot-t1-skill{padding:24px 16px;min-height:280px}
.ot-t1-skill.is-selected{border-color:#5BAFF6}
.ot-t1-skill-icon{width:46px;height:46px;border-radius:50%;background:#5BAFF6;color:white;display:grid;place-items:center;margin:0 auto 18px;font-weight:700;font-size:15px}
.ot-t1-skill-icon svg{max-width: 30px}

.ot-t1-skill h3{font-size:17px;text-align:center;margin:0 0 22px;color:#222;word-break:keep-all}
.ot-t1-skill li{padding:11px 0;border-top:1px solid #efefef;font-size:14px;color:#666;line-height:1.5;word-break:keep-all}
.ot-t1-work-card{padding:12px}
.ot-t1-work-card>img{height:190px;border-radius:9px}
.ot-t1-work-caption{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:13px 0 10px}
.ot-t1-work-caption span{padding:5px 10px;background:#5BAFF6;color:#fff;border-radius:40px;font-size:12px;font-weight:600}
.ot-t1-work-caption h3{font-size:16px;font-weight:700;color:#222;margin:0}
.ot-t1-work-card li{font-size:14px;color:#777;line-height:1.65;word-break:keep-all}
.ot-t1-prevention-grid figure{margin:0;min-width:0}
.ot-t1-prevention-grid img{height:175px;border-radius:10px}
.ot-t1-prevention-grid figcaption{margin-top:10px;font-size:15px;font-weight:700;color:#222}
.ot-t1-progress{display:grid;gap:16px}
.ot-t1-progress-row{background:#f7f7f7;border-radius:60px;min-height:52px;display:flex;align-items:center}
.ot-t1-progress-row:nth-child(2){padding-left:20%}
.ot-t1-progress-row:nth-child(3){padding-left:40%}
.ot-t1-progress-row:nth-child(4){padding-left:60%}
.ot-t1-progress-pill{display:inline-flex;align-items:center;gap:12px;border-radius:40px;
background:#5BAFF6;color:#fff;font-size:16px;font-weight:600;white-space:nowrap;padding:6px 20px 6px 6px}
.ot-t1-progress-pill i{font-size: 14px; font-weight: 400; font-style: normal}
.ot-t1-progress-pill span{width:60px;height:60px;background:white;border-radius:50%;display:grid;place-items:center;color:#5BAFF6;font-size:12px}
.ot-t1-progress-pill span svg{max-width: 90%}

@media(max-width:1280px){.ot-t1-info-card{padding:12px}.ot-t1-skill{padding:20px 12px}.ot-t1-mini-row{grid-template-columns:38% 1fr}.ot-t1-mini-row img{height:80px}}
@media(max-width:1024px){.ot-t1-skills{grid-template-columns:repeat(2,minmax(0,1fr))}.ot-t1-section-title{margin-top:75px}.ot-t1-work-card>img{height:150px}.ot-t1-mosaic img{height:80px}}
@media(max-width:860px){.ot-t1-info-grid{grid-template-columns:1fr 1fr}.ot-t1-info-card:last-child{grid-column:1/-1}.ot-t1-prevention-grid img{height:145px}.ot-t1-reason-grid{grid-template-columns:1fr}}
@media(max-width:600px){.ot-t1-photo-grid{gap:8px}.ot-t1-hero-photo{border-radius:9px;aspect-ratio:1/1.05}.ot-t1-hero-photo figcaption{font-size:11px;left:7px;bottom:7px}.ot-t1-title p,.ot-t1-section-title p{font-size:14px}.ot-t1-info-grid,.ot-t1-work-grid,.ot-t1-prevention-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ot-t1-info-card{grid-column:1/-1}.ot-t1-info-card:last-child{grid-column:1/-1}.ot-t1-section-title{margin-top:65px}.ot-t1-reason-card{padding:16px}.ot-t1-reason-card h3{font-size:17px}.ot-t1-reason-card li{font-size:13px}.ot-t1-skill{min-height:0}.ot-t1-skill h3{font-size:14px}.ot-t1-skill li{font-size:12px}.ot-t1-work-card{padding:7px}.ot-t1-work-card>img{height:110px}.ot-t1-work-caption h3{font-size:13px}.ot-t1-work-card li{font-size:12px}.ot-t1-prevention-grid img{height:115px}.ot-t1-prevention-grid figcaption{font-size:12px}.ot-t1-progress-row:nth-child(n){padding-left:0}.ot-t1-progress-pill{font-size:12px}.ot-t1-progress-pill span{width:32px;height:32px}}
@media(max-width:360px){.ot-t1-photo-grid{grid-template-columns:1fr}.ot-t1-hero-photo{aspect-ratio:2/1}.ot-t1-skills{gap:8px}.ot-t1-skill{padding:12px 8px}}