@charset "utf-8";

body {font-family: 'Poppins', 'Noto Sans SC', 'Pretendard', 'Apple SD Gothic Neo', sans-serif; word-break: break-all;}

/*레이아웃*/
.sub-title .inner .tit span{display: none}

/* 메인 */
.main-container {
    .vision .vision-txt span {padding: 0 20px; }
    .motto .wrap  .right > ul > li .overlay span {padding: 0 14px;}
    .product .list > ul > li .name span{display: none}
    @media (width <= 640px) {
        & .sec .tit span br {display: none;}
    }
}

.sub-container {
    .sub-desc p{line-height: 1.6;}
    /*Product*/
    .product {
        & .product-tab {
            & > ul {
                & > li {
                    & button {height: unset; padding: 10px; font-size: 17px;
                    }
                }
            }
        }
    }
    .dia .dia-box {
        .point  > ul > li p{line-height: 1.4;}
        .cate  > ul > li p{padding: 0 14px;}
        .list  > ul > li p{padding: 0 32px;}
    }
    .connect {
        & .connect-box {
            & .tit {
                & p {
                    &::before {top: 12px; transform: none;}
                }
            }
            & .con {
                & .list {
                    & > ul {
                        & > li {
                            & span {flex-wrap: wrap; gap: 5px;
                                & strong {width: 100%;}
                                & em {width: 100%;}
                            }
                        }
                    }
                }
            }
        }
        @media (width <= 640px) {
            & .connect-box {
                & .tit {
                    & p {
                        &::before {top: 5px;}
                    }
                }
            }
        }
    }



    /*R&D*/
    .rnd .rnd-list > ul > li .con span{padding: 0 20px;}


    @media (width <= 1280px) {
        .product .product-tab {display: none;}
    }
    @media (width <= 860px) {
        .dia .dia-box .list  > ul > li p{padding: 0 16px;}
    }
    @media (width <= 640px) {
        .dia .dia-box .list  > ul > li p{padding: 0 10px;}
    }
}