@charset "UTF-8";

.comm-banner .nav ul li a {padding:1.25rem 3.5rem;}

.products .cont {width:100%;padding-bottom:15rem;}
.products .preview {width:100%;display:flex;flex-direction:column;gap:3rem 0;}
.products .preview .item {display:flex;flex-wrap:wrap;width:100%;box-sizing:border-box;border:1px solid #e8e8e8;transition:border .5s;}
.products .preview .img {position:relative;width:40%;aspect-ratio:16 / 11;overflow:hidden;}
.products .preview .img .cover {position:absolute;width:100%;height:100%;transition:transform .5s;}
.products .preview .txt {width:60%;}
.products .preview .txt .into {padding:3rem;height:100%;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:flex-start;}
.products .preview .txt .tit {width:100%;font-size:3rem;line-height:4rem;font-weight:600;color:#222;transition:color .5s;}
.products .preview .txt .desc {margin:2.5rem 0;}
.products .preview .txt .desc {width:100%;font-size:1.4rem;line-height:2.4rem;color:#777;font-family: 'S-CoreDream-3Light';font-weight:400;}
.products .preview .txt .desc strong {font-size:1.8rem;line-height:2.8rem;font-weight:600;color:#222;display:block;margin-bottom:1.5rem;}
.products .preview .txt .btn {width:100%;font-size:1.4rem;line-height:2.4rem;align-self:self-end;font-weight:600;color:#222;transition:color .5s;}
@media (hover: hover) {
    .products .preview .item:hover {border:1px solid var(--color-point);}
    .products .preview .item:hover .img .cover {transform:scale(1.05);}
    .products .preview .item:hover .tit {color:var(--color-point);}
    .products .preview .item:hover .btn {color:var(--color-point);} 

}
@media screen and (max-width:768px) {
    .products .preview .item {display:block;}
    .products .preview .img {width:100%;aspect-ratio:16 / 9;min-height:250px;}
    .products .preview .txt {width:100%;}
    .products .preview .txt .into {padding:2rem;}
    .products .preview .txt .desc {font-size:1.6rem;line-height:2.6rem;}
    .products .preview .txt .desc strong {font-size:2rem;line-height:3rem;}
    .products .preview .txt .btn {font-size:1.6rem;line-height:2.6rem;}
}

.product .line {padding:3rem 0;}
.product .cont {width:100%;padding-bottom:15rem;}
.product .list {width:100%;margin-bottom:7.5rem;}
.product .list ul {display:flex;flex-wrap:wrap;gap:1rem 2.5rem;}
.product .list li a {font-size:1.4rem;line-height:2.4rem;font-family: 'S-CoreDream-3Light';font-weight:400;}
.product .list li a {display:block;color:#aaa;transition:color .5s;}
.product .list li.on a {color:#222;font-weight:600;}
.product .detail {width:100%;}
.product .detail .info {display:flex;flex-wrap:wrap;gap:4%;}
.product .detail .info .img {width:48%;}
.product .detail .info .img .into {position:relative;width:100%;aspect-ratio:16 / 11;overflow:hidden;}
.product .detail .info .img .cover {position:absolute;width:100%;height:100%;}
.product .detail .info .txt {width:48%;display:flex;flex-wrap:wrap;align-items:flex-start;}
.product .detail .info .txt .tit {width:100%;border-bottom:1px solid #ddd;}
.product .detail .info .txt .tit span {display:block;font-size:1.8rem;line-height:2.8rem;font-weight:600;color:var(--color-point);}
.product .detail .info .txt .tit strong {display:block;font-size:3rem;line-height:4rem;font-weight:600;color:#222;padding:.5rem 0 2rem;}
.product .detail .info .txt .note {font-size:1.4rem;line-height:2.4rem;color:#777;font-family: 'S-CoreDream-3Light';font-weight:400;}
.product .detail .info .txt .note {width:100%;margin-top:3rem;}
.product .detail .info .txt .note strong {font-size:1.8rem;line-height:2.8rem;font-weight:600;color:#222;display:block;margin-bottom:1.5rem;}
.product .detail .info .txt .down {margin-top:5rem;width:100%;}
.product .detail .info .txt .down a {display:block;border:1px solid #ddd;max-width:25rem;font-weight:600;transition:color .5s, border .5s;}
.product .detail .info .txt .down a {padding:1rem;box-sizing:border-box;text-align:center;font-size:1.6rem;line-height:2.6rem;color:#222;}
.product .detail .table {margin-top:10rem;}
.product .detail .table strong {font-size:1.8rem;line-height:2.8rem;font-weight:600;color:#222;display:block;margin-bottom:1.5rem;}
.product .detail .table .img {width:100%;overflow-x:scroll;}
.product .detail .table .img::-webkit-scrollbar {width:0;height:0;background-color:transparent;border-radius:0}
.product .detail .table .img img {display:block;max-width:100%;min-width:768px;}
.product .detail .table .comment {margin-top:1rem;font-size:1.4rem;line-height:2.4rem;color:#222;font-family: 'S-CoreDream-3Light';font-weight:400;}
.product .detail .video {margin-top:10rem;}
.product .detail .video iframe {width:100%;height:100%;aspect-ratio:16 / 9;display:block;}
@media (hover: hover) {
    .product .list li a:hover {color:#222;}
    .product .detail .info .txt .down a:hover {color:var(--color-point);border:1px solid var(--color-point);}
}
@media screen and (max-width:768px) {
    .product .list {overflow-x:scroll;}
    .product .list::-webkit-scrollbar {width:5px;height:5px;background-color:#e8e8e8;border-radius:5px;}
    .product .list::-webkit-scrollbar-thumb {background:var(--color-scrollbar);border-radius:5px;}
    .product .list::-webkit-scrollbar-track {background:0 0;border-radius:5px;}
    .product .list::-webkit-scrollbar-corner {background: 0 0;}
    .product .list ul {min-width:768px;}
    .product .list li a {font-size:1.6rem;line-height:2.6rem;}
    .product .detail .info {display:block;}
    .product .detail .info .img {width:100%;}
    .product .detail .info .img .into {aspect-ratio:16 / 9;min-height:250px;}
    .product .detail .info .txt {width:100%;margin-top:5rem;}
    .product .detail .info .txt .note {font-size:1.6rem;line-height:2.6rem;}
    .product .detail .info .txt .note strong {font-size:2rem;line-height:3rem;}
    .product .detail .info .txt .down a {width:100%;max-width:100%;font-size:1.8rem;line-height:2.8rem;font-weight:400;}
    .product .detail .info .txt .down a {padding:2rem;background-color:var(--color-point);color:#fff;}
    .product .detail .table strong {font-size:2rem;line-height:3rem;}
    .product .detail .table .img::-webkit-scrollbar {width:5px;height:5px;background-color:#e8e8e8;border-radius:5px;}
    .product .detail .table .img::-webkit-scrollbar-thumb {background:var(--color-scrollbar);border-radius:5px;}
    .product .detail .table .img::-webkit-scrollbar-track {background:0 0;border-radius:5px;}
    .product .detail .table .img::-webkit-scrollbar-corner {background: 0 0;}
    .product .detail .table .comment {font-size:1.6rem;}
}