/* 2026-10-05 홈페이지 수정요청 9p 전용 보정
   기존 about-company.css와 분리하여 캐시/우선순위 충돌을 방지한다. */

.ib-about-solution-v2{
    position:relative;
    background:#f5f6f8;
    overflow:hidden;
}
.ib-about-solution-v2:before{
    content:"";
    position:absolute;
    top:0;left:0;right:0;
    height:1px;
    background:#e3e6ea;
}
.ib-about-solution-v2 .ib-container{position:relative;z-index:1}
.ib-about-solution-v2 .ib-about-heading{margin-bottom:40px}
.ib-about-solution-v2 .ib-about-heading>p{
    margin-bottom:8px!important;
    color:#a37b36!important;
    font-size:15px!important;
    font-weight:800!important;
    letter-spacing:-.02em;
}
.ib-about-solution-v2 .ib-about-heading>h2{
    color:#111c2f!important;
    font-size:38px!important;
    line-height:1.28!important;
    letter-spacing:-.045em!important;
}

/* 4단계 프로세스 */
.ib-about-solution-v2 .ib-about-solution-flow{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!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:flex!important;
    min-height:128px!important;
    align-items:center!important;
    gap:17px!important;
    padding:27px 22px!important;
    border:1px solid #d9dee5!important;
    background:#fff!important;
    box-shadow:0 9px 24px rgba(17,28,47,.055)!important;
}
.ib-about-solution-v2 .ib-about-solution-flow li:before{
    content:""!important;
    position:absolute!important;
    top:-1px!important;left:-1px!important;right:-1px!important;
    height:4px!important;
    background:linear-gradient(90deg,#15365e 0%,#15365e 58%,#c4a06a 100%)!important;
}
.ib-about-solution-v2 .ib-about-solution-flow li:not(:last-child):after{
    content:"›"!important;
    position:absolute!important;
    z-index:3!important;
    top:50%!important;
    right:-25px!important;
    display:grid!important;
    width:34px!important;
    height:34px!important;
    place-items:center!important;
    color:#fff!important;
    border:4px solid #f5f6f8!important;
    border-radius:50%!important;
    background:#17375e!important;
    font-size:24px!important;
    font-weight:500!important;
    line-height:1!important;
    transform:translateY(-50%)!important;
}
.ib-about-solution-v2 .ib-about-solution-flow span{
    display:grid!important;
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    place-items:center!important;
    color:#9c7432!important;
    border:1px solid #e4d2af!important;
    background:#fbf5e8!important;
    font-size:13px!important;
    font-weight:800!important;
}
.ib-about-solution-v2 .ib-about-solution-flow strong{
    color:#111c2f!important;
    font-size:18px!important;
    font-weight:800!important;
    line-height:1.42!important;
    letter-spacing:-.025em!important;
}

/* 문제점 / 솔루션 */
.ib-about-solution-v2 .ib-about-problem-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
    margin-top:40px!important;
}
.ib-about-solution-v2 .ib-about-problem-grid article{
    position:relative!important;
    padding:32px 30px 30px!important;
    border:1px solid #d9dee5!important;
    background:#fff!important;
    box-shadow:0 9px 24px rgba(17,28,47,.04)!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;right:0!important;
    height:4px!important;
}
.ib-about-solution-v2 .ib-about-problem-grid article.is-problem:before{background:#c4a06a!important}
.ib-about-solution-v2 .ib-about-problem-grid article.is-solution:before{background:#17375e!important}
.ib-about-solution-v2 .ib-about-problem-grid h3{
    margin:0 0 20px!important;
    color:#111c2f!important;
    font-size:21px!important;
    font-weight:800!important;
    line-height:1.4!important;
    letter-spacing:-.025em!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:47px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:9px 8px!important;
    color:#454d58!important;
    border:1px solid #e3e7eb!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:#a37b36!important;
    font-size:16px!important;
    font-style:normal!important;
    font-weight:800!important;
}
.ib-about-solution-v2 .is-solution .ib-about-mini-flow span{
    color:#17375e!important;
    border-color:#d6e0eb!important;
    background:#f1f5f9!important;
}
.ib-about-solution-v2 .is-solution .ib-about-mini-flow i{color:#17375e!important}
.ib-about-solution-v2 .ib-about-problem-grid ul{
    display:grid!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
}
.ib-about-solution-v2 .ib-about-problem-grid li{
    position:relative!important;
    padding-left:19px!important;
    color:#505a66!important;
    font-size:14px!important;
    line-height:1.65!important;
}
.ib-about-solution-v2 .ib-about-problem-grid li:before{
    content:""!important;
    position:absolute!important;
    top:.72em!important;
    left:2px!important;
    width:6px!important;
    height:6px!important;
    border-radius:50%!important;
    background:#c4a06a!important;
}
.ib-about-solution-v2 .ib-about-problem-grid .is-solution li:before{background:#17375e!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}
}
@media(max-width:599.98px){
    .ib-about-solution-v2 .ib-about-heading{margin-bottom:26px}
    .ib-about-solution-v2 .ib-about-heading>h2{font-size:29px!important}
    .ib-about-solution-v2 .ib-about-solution-flow{grid-template-columns:1fr!important;gap:9px!important}
    .ib-about-solution-v2 .ib-about-solution-flow li{min-height:0!important;padding:20px 18px!important}
    .ib-about-solution-v2 .ib-about-solution-flow span{flex-basis:38px!important;width:38px!important;height:38px!important}
    .ib-about-solution-v2 .ib-about-solution-flow strong{font-size:17px!important}
    .ib-about-solution-v2 .ib-about-problem-grid{grid-template-columns:1fr!important;gap:13px!important;margin-top:28px!important}
    .ib-about-solution-v2 .ib-about-problem-grid article{padding:25px 19px 23px!important}
    .ib-about-solution-v2 .ib-about-mini-flow{gap:5px!important;margin-bottom:19px!important}
    .ib-about-solution-v2 .ib-about-mini-flow span{min-height:43px!important;padding:7px 5px!important;font-size:11px!important}
    .ib-about-solution-v2 .ib-about-problem-grid li{font-size:13px!important;line-height:1.6!important}
}