@charset "utf-8";

/* ----------------------------------
※ 영문사이트에만 적용 CSS
----------------------------------- */

/* header */
#header{

    & .lnb{
        & .d1{
            & > li{
                & > a{padding: 0 clamp(40px,3.7vw,70px);}
            }
        }
    }

    &.on,
    &.black{
        & .lnb{
            & .d1{
                & > li{
                    & .d2{
                        & > li{
                            & > a:hover,
                            & > a:focus{font-weight: var(--fwr); text-shadow: 0 0 1px rgba(0,0,0,0.8);}
                        }
                    }
                }
            }
        }
    }
}


/* sub-visual */
.sub-visual{
    & .sv-txt{
        & .page-tit{
            position: relative; display: inline-flex;
            &:after{margin: 0; position: absolute; top: 0.56em; left: calc(100% + 0.12em);}

            & h2{line-height: 1; display: inline;}
        }
    }

    @media (width <= 1660px){
        & .sv-txt{
            & .page-tit{font-size: clamp(70px,7.2vw,120px);}
        }
    }
    @media (width <= 1500px){
        & .sv-txt{
            & .page-tit{font-size: clamp(60px,7.3vw,120px);}
        }
    }
    @media (width <= 860px){
        & .sv-txt{
            & .page-tit{font-size: clamp(22px,6.9vw,70px);}
        }
    }
}


/* namecard-list */
.namecard-list{
    & .namecard{
        & > dd{
            & .name{
                display: flex; flex-direction: column-reverse;
                & .position{margin: 0; line-height: 1; font-size: 0.6em;}
            }
        }
    }
}


/* product-home-quick */
.product-home-quick{
    & > li{
        & a{
            & .txt{
                & .btn-view{width: auto; min-width: 215px; gap: 15px;}
            }
        }
    }
}


/* 메인페이지 :  .sec.product */
.sec.product{
    & .tab-slider{
        & .tab-list {
            gap: 0;
            & > li button{

            }
        }

        @media (width <= 1280px){
            & .tab-list{
                & > li button{
                    padding: 0 15px; letter-spacing: -0.04em;
                }
            }
        }
        @media (width <= 500px){
            overflow: visible;
            & .tab-list{
                & > li button{
                    font-size: 12px; padding: 0 10px;
                }
            }
        }
    }
}