@import url(style_set.less);

// 인트로
.sec_intro {
    .content {
        background-image: url(../img/sub/service/length_bg.png);
    }
}

.sec_service {
    .tab_1.active,
    .tab_2.active {
        .layout {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: auto;
            @media @tab {
                display: flex;
                gap: 6rem 0;
            }
        }
    }
    .tab_3 .tab_item:nth-child(3) {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        @media @tab {
            display: flex;
        }
    }
    .tab_4 {
        .item_desc {
            .layout_desc {
                @media @tab {
                    .desc {
                        padding-top: 2.4rem;
                        border-top: 1px solid @color_gray;
                    }
                }
            }
        }
    }
    .tab_5 {
    }
}