/* ONTECH TECH03 - Scoped styles. Load after existing sub.css/responsive.css */
.ot-tech03, .ot-tech03 * { box-sizing:border-box; }
.ot-tech03 .ot-tech03-content {width:100%;min-width:0;}
.ot-tech03 .ot-tech03-heading {margin:0 0 34px;}
.ot-tech03 .ot-tech03-heading h2,
.ot-tech03 .ot-tech03-heading h3,
.ot-tech03 .ot-tech03-case-title h3 {color:#111;font-size:clamp(24px,2.08vw,38px);font-weight:700;line-height:1.4;word-break:keep-all;}
.ot-tech03 .ot-tech03-heading p {color:#777;font-size:17px;line-height:1.65;margin-top:14px;word-break:keep-all;}
.ot-tech03 .ot-tech03-device {display:flex;align-items:center;gap:50px;padding:18px;border:1px solid #dedede;border-radius:18px;background:#fff;min-width:0;}
.ot-tech03 .ot-tech03-device-image {position:relative;flex:0 0 32%;min-width:0;aspect-ratio:1.3;overflow:hidden;border-radius:14px;background:#eef2f3;}
.ot-tech03 .ot-tech03-device-image img {width:100%;height:100%;object-fit:cover;display:block;}
.ot-tech03 .ot-tech03-tag {position:absolute;background:#5BAFF6;color:#fff;border-radius:30px;padding:6px 11px;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;max-width:95%;}
.ot-tech03 .ot-tech03-tag.tag-top {left:10%;top:14%;}
.ot-tech03 .ot-tech03-tag.tag-bottom {right:4%;bottom:15%;}
.ot-tech03 .ot-tech03-device-text {flex:1;min-width:0;}
.ot-tech03 .ot-tech03-device-text ul {padding-left:20px;list-style:disc;}
.ot-tech03 .ot-tech03-device-text li {font-size:19px;line-height:1.75;font-weight:600;color:#222;word-break:keep-all;}
.ot-tech03 .ot-tech03-block {margin-top:95px;}
.ot-tech03 .ot-tech03-block .ot-tech03-heading {margin-bottom:26px;}
.ot-tech03 .ot-tech03-intro-list {padding-left:22px;margin-top:18px;list-style:disc;}
.ot-tech03 .ot-tech03-intro-list li {font-size:16px;line-height:1.75;color:#777;word-break:keep-all;}
.ot-tech03 .ot-tech03-benefits {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch;}
.ot-tech03 .ot-tech03-certificate,.ot-tech03 .ot-tech03-benefit {margin:0;min-width:0;}
.ot-tech03 .ot-tech03-certificate {display:flex;justify-content:center;align-items:center;overflow:hidden;background:#fff;}
.ot-tech03 .ot-tech03-certificate img {width:100%;height:100%;max-height:290px;object-fit:contain;display:block;}
.ot-tech03 .ot-tech03-benefit {padding:12px;border:1px solid #e3e3e3;border-radius:16px;overflow:hidden;}
.ot-tech03 .ot-tech03-benefit img {width:100%;aspect-ratio:1.45;object-fit:cover;display:block;border-radius:10px;}
.ot-tech03 .ot-tech03-benefit figcaption {margin:13px 4px 2px;font-size:16px;font-weight:600;line-height:1.5;color:#111;word-break:keep-all;}
.ot-tech03 .ot-tech03-process {margin:36px 0 85px;padding:24px;border-radius:20px;background:#f7f7f7;overflow:hidden;}
.ot-tech03 .ot-tech03-process img {display:block;width:100%;height:auto;border-radius:8px;}
.ot-tech03 .ot-tech03-case-title {display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:32px;}
.ot-tech03 .ot-tech03-arrows {display:flex;gap:9px;}
.ot-tech03 .ot-tech03-arrows button {width:52px;height:52px;border:0;border-radius:50%;color:#fff;background:#5BAFF6;font-size:24px;cursor:pointer;transition:background .2s,transform .2s;}
.ot-tech03 .ot-tech03-arrows button:first-child {background:#9dd3ff;}
.ot-tech03 .ot-tech03-arrows button:hover {background:#2389dd;transform:translateY(-2px);}
.ot-tech03 .ot-tech03-arrows button:disabled {opacity:.45;cursor:default;transform:none;}
.ot-tech03 .ot-tech03-case-track {display:grid;grid-auto-columns:calc((100% - 24px)/3);grid-auto-flow:column;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-inline:contain;}
.ot-tech03 .ot-tech03-case-track::-webkit-scrollbar {display:none;}
.ot-tech03 .ot-tech03-case {margin:0;scroll-snap-align:start;min-width:0;overflow:hidden;border-radius:12px;}
.ot-tech03 .ot-tech03-case img {display:block;width:100%;aspect-ratio:1.65;object-fit:cover;transition:transform .5s;}
.ot-tech03 .ot-tech03-case:hover img {transform:scale(1.04);}
@media(max-width:1280px){
 .ot-tech03 .ot-tech03-device {gap:26px;}
 .ot-tech03 .ot-tech03-device-text li {font-size:16px;}
 .ot-tech03 .ot-tech03-tag {font-size:12px;}
 .ot-tech03 .ot-tech03-benefit figcaption {font-size:14px;}
}
@media(max-width:860px){
 .ot-tech03 .ot-tech03-benefits {grid-template-columns:repeat(2,minmax(0,1fr));}
 .ot-tech03 .ot-tech03-device {gap:20px;}
 .ot-tech03 .ot-tech03-device-image {flex-basis:40%;}
 .ot-tech03 .ot-tech03-case-track {grid-auto-columns:calc((100% - 12px)/2);}
 .ot-tech03 .ot-tech03-block {margin-top:65px;}
 .ot-tech03 .ot-tech03-process {margin-bottom:60px;}
}
@media(max-width:600px){
 .ot-tech03 .ot-tech03-heading {margin-bottom:22px;}
 .ot-tech03 .ot-tech03-heading h2,.ot-tech03 .ot-tech03-heading h3,.ot-tech03 .ot-tech03-case-title h3 {font-size:22px;}
 .ot-tech03 .ot-tech03-heading p {font-size:14px;}
 .ot-tech03 .ot-tech03-device {flex-direction:column;align-items:stretch;gap:20px;padding:12px;}
 .ot-tech03 .ot-tech03-device-image {width:100%;flex:none;aspect-ratio:1.5;}
 .ot-tech03 .ot-tech03-device-text {padding:0 8px 10px;}
 .ot-tech03 .ot-tech03-device-text li {font-size:14px;}
 .ot-tech03 .ot-tech03-intro-list li {font-size:14px;}
 .ot-tech03 .ot-tech03-benefits {gap:10px;}
 .ot-tech03 .ot-tech03-benefit {padding:8px;}
 .ot-tech03 .ot-tech03-benefit figcaption {font-size:12px;}
 .ot-tech03 .ot-tech03-process {padding:12px;margin:25px 0 55px;}
 .ot-tech03 .ot-tech03-case-track {grid-auto-columns:80%;}
 .ot-tech03 .ot-tech03-arrows button {width:42px;height:42px;}
}
@media(prefers-reduced-motion:reduce){.ot-tech03 .ot-tech03-case-track{scroll-behavior:auto;}.ot-tech03 .ot-tech03-case img{transition:none;}}





/* 적용사례 이미지 및 비디오 공통 */
.ot-tech03-case {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

.ot-tech03-case img,
.ot-tech03-case video {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.ot-tech03-case video {
    background: #111;
}