/* 2026-10-07 홈페이지 수정요청 9p 카드 디자인 통일
   8페이지 주요서비스 카드의 실제 타이포/색상/간격 값을 기준으로 맞춤 */

.ib-about-solution-v2{
    position:relative;
    background:#f6f7f9;
    overflow:hidden;
}
.ib-about-solution-v2 .ib-container{position:relative;z-index:1}

/* 8페이지 상단 설명문과 동일 */
.ib-about-solution-v2 .ib-about-solution-intro{
    max-width:940px;
    margin:0 auto 42px;
    text-align:center;
}
.ib-about-solution-v2 .ib-about-solution-intro>span{
    display:block;
    max-width:900px;
    margin:0 auto;
    color:var(--ib-neutral-dark);
    font-size:18px;
    font-weight:500;
    line-height:1.8;
    letter-spacing:-.02em;
}

/* 4단계 카드 : 8페이지 서비스 카드와 동일한 카드 규격/타이포 */
.ib-about-solution-v2 .ib-about-solution-flow{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:22px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    list-style:none!important;
}
.ib-about-solution-v2 .ib-about-solution-flow li{
    position:relative!important;
    display:block!important;
    min-height:270px!important;
    padding:34px 30px!important;
    border:1px solid #dfe3e8!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:visible!important;
    transition:transform .22s,box-shadow .22s,border-color .22s!important;
}
.ib-about-solution-v2 .ib-about-solution-flow li:before{
    content:""!important;
    position:absolute!important;
    top:0!important;
    left:0!important;
    width:100%!important;
    height:4px!important;
    background:linear-gradient(90deg,var(--ib-primary-dark),var(--ib-secondary))!important;
}
.ib-about-solution-v2 .ib-about-solution-flow li:hover{
    border-color:#c9d2df!important;
    box-shadow:0 18px 38px rgba(4,30,81,.09)!important;
    transform:translateY(-3px)!important;
}
.ib-about-solution-v2 .ib-about-solution-flow li:not(:last-child):after{
    content:"→"!important;
    position:absolute!important;
    z-index:2!important;
    top:50%!important;
    right:-28px!important;
    display:grid!important;
    width:34px!important;
    height:34px!important;
    place-items:center!important;
    color:var(--ib-primary-dark)!important;
    border:1px solid #dfe3e8!important;
    border-radius:50%!important;
    background:#fff!important;
    font-size:19px!important;
    font-weight:700!important;
    line-height:1!important;
    transform:translateY(-50%)!important;
}
/* 8페이지 아이콘 박스(54x54)와 같은 크기/배경 */
.ib-about-solution-v2 .ib-about-solution-flow span{
    display:grid!important;
    width:54px!important;
    height:54px!important;
    place-items:center!important;
    color:var(--ib-primary-dark)!important;
    background:#f1f4f8!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1!important;
}
/* 8페이지 카드 제목과 동일 : 22px / 동일 색상 */
.ib-about-solution-v2 .ib-about-solution-flow strong{
    display:block!important;
    margin:26px 0 0!important;
    color:var(--ib-neutral-dark-4)!important;
    font-size:22px!important;
    font-weight:800!important;
    line-height:1.35!important;
    letter-spacing:-.02em!important;
}

/* 문제점 / 솔루션 카드 : 같은 카드 규격으로 통일 */
.ib-about-solution-v2 .ib-about-problem-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:22px!important;
    margin-top:22px!important;
}
.ib-about-solution-v2 .ib-about-problem-grid article{
    position:relative!important;
    min-height:365px!important;
    padding:34px 30px!important;
    border:1px solid #dfe3e8!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:hidden!important;
}
.ib-about-solution-v2 .ib-about-problem-grid article:before{
    content:""!important;
    position:absolute!important;
    top:0!important;
    left:0!important;
    width:100%!important;
    height:4px!important;
    background:linear-gradient(90deg,var(--ib-primary-dark),var(--ib-secondary))!important;
}
/* 상단 4개 카드와 동일한 제목값 */
.ib-about-solution-v2 .ib-about-problem-grid h3{
    margin:0 0 22px!important;
    color:var(--ib-neutral-dark-4)!important;
    font-size:22px!important;
    font-weight:800!important;
    line-height:1.35!important;
    letter-spacing:-.02em!important;
}
.ib-about-solution-v2 .ib-about-mini-flow{
    display:flex!important;
    align-items:stretch!important;
    gap:7px!important;
    margin-bottom:24px!important;
}
.ib-about-solution-v2 .ib-about-mini-flow span{
    display:flex!important;
    flex:1!important;
    min-height:46px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:8px 7px!important;
    color:var(--ib-neutral-dark)!important;
    border:1px solid #dfe3e8!important;
    background:#f6f7f9!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.35!important;
    text-align:center!important;
}
.ib-about-solution-v2 .ib-about-mini-flow i{
    display:flex!important;
    align-items:center!important;
    color:#9a7838!important;
    font-size:15px!important;
    font-style:normal!important;
    font-weight:800!important;
}
.ib-about-solution-v2 .is-solution .ib-about-mini-flow span{
    color:var(--ib-primary-dark)!important;
    border-color:#dfe3e8!important;
    background:#f1f4f8!important;
}
.ib-about-solution-v2 .is-solution .ib-about-mini-flow i{color:var(--ib-primary-dark)!important}
.ib-about-solution-v2 .ib-about-problem-grid ul{
    display:grid!important;
    gap:12px!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
}
/* 8페이지 카드 본문과 동일 : 15px / 동일 회색 */
.ib-about-solution-v2 .ib-about-problem-grid li{
    position:relative!important;
    padding-left:20px!important;
    color:var(--ib-neutral)!important;
    font-size:15px!important;
    font-weight:400!important;
    line-height:1.75!important;
    letter-spacing:0!important;
}
.ib-about-solution-v2 .ib-about-problem-grid li:before{
    content:""!important;
    position:absolute!important;
    top:.78em!important;
    left:2px!important;
    width:6px!important;
    height:6px!important;
    border-radius:50%!important;
    background:#9a7838!important;
}
.ib-about-solution-v2 .ib-about-problem-grid .is-solution li:before{background:var(--ib-primary-dark)!important}

@media(max-width:959.98px){
    .ib-about-solution-v2 .ib-about-solution-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .ib-about-solution-v2 .ib-about-solution-flow li:not(:last-child):after{display:none!important}
    .ib-about-solution-v2 .ib-about-problem-grid article{min-height:0!important}
}
@media(max-width:599.98px){
    .ib-about-solution-v2 .ib-about-solution-intro{margin-bottom:30px}
    .ib-about-solution-v2 .ib-about-solution-intro>span{font-size:15px;line-height:1.75}
    .ib-about-solution-v2 .ib-about-solution-flow{grid-template-columns:1fr!important;gap:12px!important}
    .ib-about-solution-v2 .ib-about-solution-flow li{min-height:0!important;padding:27px 22px!important}
    .ib-about-solution-v2 .ib-about-solution-flow span{width:48px!important;height:48px!important;font-size:14px!important}
    .ib-about-solution-v2 .ib-about-solution-flow strong{margin-top:20px!important;font-size:20px!important}
    .ib-about-solution-v2 .ib-about-problem-grid{grid-template-columns:1fr!important;gap:14px!important;margin-top:14px!important}
    .ib-about-solution-v2 .ib-about-problem-grid article{min-height:0!important;padding:27px 22px!important}
    .ib-about-solution-v2 .ib-about-problem-grid h3{font-size:20px!important;margin-bottom:18px!important}
    .ib-about-solution-v2 .ib-about-mini-flow{gap:5px!important;margin-bottom:20px!important}
    .ib-about-solution-v2 .ib-about-mini-flow span{min-height:42px!important;padding:7px 5px!important;font-size:11px!important}
    .ib-about-solution-v2 .ib-about-problem-grid li{font-size:14px!important;line-height:1.65!important}
}