@charset "utf-8";
#inc02 .group-cont .sticky-wrap{height:600vh}
#inc02 .group-cont .sticky-container{position:sticky;top:0;left:0;height:100vh;overflow:hidden}
#inc02 .group-cont .head{padding-bottom:130px;color:#fff}
#inc02 .group-cont .circle{display:flex;width:100%;height:100vh}
#inc02 .scroll-target{display:flex;width:max-content}
#inc02 .scroll-target > *{flex:0 0 100vw;height:100vh}
#inc02 .laminar-flow-hood{display:flex;flex-direction:column;background-image:url(./img/inc02_science01.png);background-repeat:no-repeat;background-size:cover}
#inc02 .laminar-flow-hood .inner{height:100%;padding:115px 30px}
#inc02 .laminar-flow-hood .text-box{display:flex;flex-direction:column;padding-left:72px}
#inc02 .laminar-flow-hood .text-box h3{font-family:var(--e-font);font-size:40px;font-weight:700;color:var(--primary);line-height:100%}
#inc02 .laminar-flow-hood .text-box h4{padding:30px 0;font-size:35px;font-weight:700;color:#fff}
#inc02 .laminar-flow-hood .text-box .desc{padding-bottom:50px;font-size:18px;line-height:1.5;color:rgba(255,255,255,0.5);white-space:pre-line;word-break:keep-all}
#inc02 .laminar-flow-hood .text-box .btn--primary{background-color:rgba(255,255,255,0.15);color:#fff}
#inc02 .laminar-flow-hood .text-box .btn--primary::before{background-color:#fff}

#inc02 .result{background-color:#000}
#inc02 .result .inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:115px 30px}
#inc02 .result h3{padding-bottom:85px;font-family:var(--e-font);font-size:50px;line-height:100%;font-weight:700;text-align:center;color:var(--primary)}
#inc02 .result .col-2{display:grid;grid-template-columns:repeat(2, 1fr);max-width:1314px;width:100%}
#inc02 .result .col-2 .item{display:flex;flex-direction:column;align-items:center;width:100%;color:#fff}
#inc02 .result .item h4{padding-bottom:25px;font-size:24px;font-weight:700}
#inc02 .result .item .desc{padding-bottom:35px;font-size:18px;line-height:1.5;color:rgba(255,255,255,0.5)}
#inc02 .result .item ul.feature{display:flex;flex-direction:column;align-items:center;padding-bottom:55px;font-size:16px;line-height:1.5;gap:5px}
#inc02 .result .item .thumb-box{max-width:597px;width:100%;height:358px;overflow:hidden;border-radius:40px 0 40px 0}
#inc02 .result .item .thumb-box img{width:100%;height:100%;object-fit:cover} 

/* 반응형 [s] */
@media (max-height:920px){
#inc02 .result h3{padding-bottom:clamp(20px, calc(20px + (65 * ((100vh - 800px) / 120))), 85px)}
#inc02 .result .item .thumb-box{height:34vh}
}
@media (max-width:1500px){
#inc02 .laminar-flow-hood .text-box .desc{font-size:16px}
#inc02 .result .item .thumb-box{max-width:480px;height:300px}
#inc02 .result .item .desc{padding-bottom:25px;font-size:16px;white-space:pre-line;text-align:center}
#inc02 .result .item ul.feature{gap:2px;padding-bottom:35px;font-size:15px}
}
@media (max-width:1200px){
#inc02 .laminar-flow-hood .inner{padding:115px 15px}
#inc02 .laminar-flow-hood .text-box{padding-left:24px}
#inc02 .laminar-flow-hood .text-box h3{font-size:36px}
#inc02 .laminar-flow-hood .text-box h4{padding:18px 0;font-size:28px}
#inc02 .laminar-flow-hood .text-box .desc{padding-bottom:24px;font-size:16px}

#inc02 .result .inner{padding:115px 80px}
#inc02 .result h3{font-size:42px}
#inc02 .result .item h4{padding-bottom:18px;font-size:20px}
#inc02 .result .item .desc{padding-bottom:24px;font-size:16px}
#inc02 .result .item .thumb-box{max-width:370px;height:240px}
}
@media (max-width:1024px){
#inc02 .laminar-flow-hood .inner{padding:40px 30px 40px 15px}
#inc02 .laminar-flow-hood .text-box h3{font-size:32px}
#inc02 .laminar-flow-hood .text-box h4{padding:14px 0;font-size:24px}
#inc02 .laminar-flow-hood .text-box .desc{padding-bottom:20px;font-size:15px}

#inc02 .result .inner{padding:40px 80px}
#inc02 .result h3{padding-bottom:70px;font-size:36px}
#inc02 .result .col-2{gap:60px}
#inc02 .result .item h4{font-size:18px}
#inc02 .result .item .desc{font-size:15px}
#inc02 .result .item ul.feature{font-size:14px}
#inc02 .result .item .thumb-box{border-radius:25px 0 25px 0}
}
@media (max-width:768px){
#inc02 .result{flex:auto;width:max-content;min-width:100vw}
}
@media (max-width:480px){
#inc02 .group-cont .head{position:absolute;top:40px;left:15px;padding-bottom:0}
#inc02 .group-cont .sticky-wrap{height:auto}
#inc02 .group-cont .sticky-container{position:static;height:auto}
#inc02 .group-cont .circle{height:100%}
#inc02 .scroll-target{flex-direction:column;width:100%}
#inc02 .scroll-target > *{height:auto}

#inc02 .laminar-flow-hood{min-height:80vh}
#inc02 .laminar-flow-hood .inner{position:relative;display:flex;align-items:center;justify-content:center;padding:40px 15px;background-color:rgba(0, 0, 0, 0.2)}
#inc02 .laminar-flow-hood .text-box{align-items:center;text-align:center;padding-left:0}
#inc02 .laminar-flow-hood .text-box h3{font-size:26px}
#inc02 .laminar-flow-hood .text-box h4{padding:20px 0;font-size:20px}
#inc02 .laminar-flow-hood .text-box .desc{white-space:normal;font-size:14px}

#inc02 .result{min-width:0;width:100%}
#inc02 .result .inner{padding:60px 15px}
#inc02 .result h3{padding-bottom:40px;font-size:26px}
#inc02 .result .col-2{grid-template-columns:repeat(1,1fr);gap:40px}
#inc02 .result .item h4{padding-bottom:12px;font-size:17px;text-align:center;word-break:keep-all}
#inc02 .result .item .desc{padding-bottom:4px;font-size:14px}
#inc02 .result .item ul.feature{gap:0;padding-bottom:0;text-align:center}
#inc02 .result .item .thumb-box{max-width:340px;height:200px;order:-1;margin-bottom:26px}
}