@charset "utf-8";

#inc02{padding:200px 0 300px;background:url('./img/bg.jpg') bottom no-repeat;background-size:contain}
#inc02 .tit{position:sticky;top:0;left:0;height:100%;padding-top:50px}
#inc02 .inner{display:flex;justify-content:space-between}
#inc02 .num{display:flex;flex-wrap:wrap;width:55%}
#inc02 .num li{width:50%}
#inc02 .num li:nth-child(even){margin-top:230px}
@media (min-width: 992px) {
    #inc02 .icon{display:flex;flex-direction:column;justify-content:space-between;width:340px;height:340px;padding:45px;border-radius:13px;background:#f5f5f5;transition:all .3s}
}
@media (max-width: 991px) {
    #inc02 .icon{display:flex;flex-direction:column;justify-content:space-between;width:100%;max-width:400px;height:auto;min-height:300px;padding:35px;border-radius:13px;background:#f5f5f5;transition:all .3s;margin:0 auto}
}
#inc02 .icon:hover{background:var(--primary)}
#inc02 .icon:hover p{color:#fff}
#inc02 .icon p{font-size:var(--font-size-35);font-weight:700;color:var(--primary);transition:all .3s}
#inc02 .icon img{display:block;margin:0 auto;width:auto;height:auto;max-width:160px;max-height:160px;object-fit:contain}
#inc02 dl{margin-top:20px}
#inc02 dt{font-size:var(--font-size-2xl);font-weight:700;color:#111}
#inc02 dd{font-size:var(--font-size-xl);font-weight:500;color:#777}

/* 모바일 반응형 */
@media (max-width: 768px) {
    #inc02 {
        padding: 100px 0 150px;
    }
    
    #inc02 .inner {
        flex-direction: column;
    }
    
    #inc02 .tit {
        position: static;
        padding: 0 20px;
        margin-bottom: 60px;
    }
    
    #inc02 .tit h2 {
        font-size: var(--font-size-28);
        line-height: 1.2;
        margin-bottom: 20px;
    }
    
    #inc02 .num {
        width: 100%;
        padding: 0 20px;
        flex-direction: column;
        align-items: center;
    }
    
    #inc02 .num li {
        width: 100%;
        margin-bottom: 40px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    #inc02 .num li:nth-child(even) {
        margin-top: 0;
    }
    
    #inc02 .icon {
        width: 100%;
        height: auto;
        min-height: 240px;
        padding: 30px;
        margin: 0 auto;
        max-width: 400px;
    }
    
    #inc02 .icon img {
        max-width: 120px;
        max-height: 120px;
    }
    
    #inc02 .icon p {
        font-size: var(--font-size-24);
        margin-top: 15px;
    }
    
    #inc02 dt {
        font-size: var(--font-size-xl);
    }
    
    #inc02 dd {
        font-size: var(--font-size-base);
    }
}

@media (max-width: 480px) {
    #inc02 {
        padding: 80px 0 120px;
    }
    
    #inc02 .tit {
        padding: 0 15px;
        margin-bottom: 40px;
    }
    
    #inc02 .tit h2 {
        font-size: var(--font-size-24);
        line-height: 1.1;
        margin-bottom: 15px;
    }
    
    #inc02 .num {
        padding: 0 15px;
    }
    
    #inc02 .num li {
        margin-bottom: 30px;
    }
    
    #inc02 .icon {
        height: auto;
        min-height: 200px;
        padding: 25px;
        max-width: 350px;
    }
    
    #inc02 .icon img {
        max-width: 100px;
        max-height: 100px;
    }
    
    #inc02 .icon p {
        font-size: var(--font-size-xl);
        margin-top: 12px;
    }
    
    #inc02 dt {
        font-size: var(--font-size-lg);
    }
    
    #inc02 dd {
        font-size: var(--font-size-sm);
    }
}