.list-product-semyung {width:100%;background-color:#F8F8F8;}
.list-product-semyung .frame {width:100%;}
.list-product-semyung .tab {z-index:10;transform:translate(0,-116px);}
.list-product-semyung .tab ul {width:100%;max-width:940px;padding:0 30px;box-sizing:border-box;display:flex;flex-wrap:wrap;margin:0 auto;}
.list-product-semyung .tab ul li {width:50%;overflow:hidden;}
.list-product-semyung .tab ul li:first-child {border-radius:64px 0 0 64px;}
.list-product-semyung .tab ul li:last-child {border-radius:0 64px 64px 0;}
.list-product-semyung .tab ul li a {display:flex;justify-content:center;align-items:center;width:100%;height:60px;background-color:rgba(255,255,255,.6);box-shadow: 0 4px 10px 0 rgba(0,0,0,0.1);font-size:20px;font-weight:500;color:#fff;;transition:.4s;}
.list-product-semyung .tab ul li.on a {background-color:var(--color-point);color:#fff;}
.list-product-semyung .tab-box {width:100%;}
.list-product-semyung .box {width:100%;padding:60px 30px 120px;box-sizing:border-box;position:relative;}
.list-product-semyung .box .wrap {width:100%;max-width:1440px;margin:0 auto;}
.list-product-semyung .box-title {width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:30px;margin-bottom:60px;}
.list-product-semyung .box-title h2 {font-size:48px;font-weight:600;line-height:1.2;font-family:'Poppins';color:var(--color-point-sub);}
.list-product-semyung .box-title .link {display:flex;gap:30px;margin-left:auto;}
.list-product-semyung .box-title .link a {display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;color:var(--color-point-font);transition:.4s;}
.list-product-semyung .box-title .link a .icon {width:36px;height:36px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:var(--color-point);}
.list-product-semyung .box-title .link a .icon i {font-size:14px;color:#EEE;}
.list-product-semyung .box1 .list-box {width:100%;display:flex;flex-wrap:wrap;gap:60px 40px;}
.list-product-semyung .box1 .list {width:calc((100% - 80px) / 3);}
.list-product-semyung .box1 .list-img {width:100%;}
.list-product-semyung .box1 .list-img .img {width:100%;aspect-ratio:4/3;position:relative;box-shadow: 0 4px 10px 0 rgba(0,0,0,0.1);}
.list-product-semyung .box1 .list-img .img .cover {width:100%;height:100%;;position:absolute;}
.list-product-semyung .box1 .list-title {width:100%;padding:20px 0;font-size:20px;font-weight:600;line-height:1;font-family:'Poppins';color:var(--color-point-font);border-bottom:1px solid #DDD;}
.list-product-semyung .box2 {padding:120px 30px;background-color:#fff;}
.list-product-semyung .tab-box.solutions .box2 {padding:60px 30px 120px;}
.list-product-semyung .tab-box.solutions .box2::after {content:"";display:block;width:100%;height:60px;background-color:#fff;position:absolute;left:0;top:-60px;}
.list-product-semyung .box2 .list-box {width:100%;display:flex;flex-wrap:wrap;gap:40px;}
.list-product-semyung .box2 .list {width:100%;display:flex;flex-wrap:wrap;align-items:center;}
.list-product-semyung .box2 .list-img {width:50%;}
.list-product-semyung .box2 .list-img .img {width:100%;height:330px;position:relative;box-shadow: 0 4px 10px 0 rgba(0,0,0,0.1);}
.list-product-semyung .box2 .list-img .img .cover {width:100%;height:100%;;position:absolute;}
.list-product-semyung .box2 .list-text {width:50%;padding-left:60px;box-sizing:border-box;}
.list-product-semyung .box2 .list-text h3 {font-size:32px;font-weight:600;line-height:1.2;font-family:'Poppins';color:var(--color-point-sub);margin-bottom:20px;}
.list-product-semyung .box2 .list-text p {font-size:14px;font-weight:400;line-height:24px;color:#777;word-break:keep-all;margin-bottom:40px;}
.list-product-semyung .box2 .list-text .link a {display:flex;align-items:center;gap:6px;font-size:14px;font-weight:400;line-height:1;font-family:'Poppins';color:var(--color-point);transition:.4s;}
.list-product-semyung .box2 .list-text .link a i {font-size:16px;}

.list-product-semyung .box-title {transform:translate3d(0, 30px, 0);opacity:0;transition:opacity .5s, transform .5s;}
.list-product-semyung .list {transform:translate3d(0, 10%, 0);opacity:0;transition:opacity .5s, transform .5s;}
.list-product-semyung .box-title.movmt {transform:translate3d(0, 0, 0);opacity:1;transition:opacity .8s, transform .8s;}
.list-product-semyung .list.movmt {transform:translate3d(0, 0, 0);opacity:1;transition:opacity .8s, transform .8s;}
.list-product-semyung .list2.movmt {transition:opacity .8s .4s, transform .8s .4s;}
.list-product-semyung .list5.movmt {transition:opacity .8s .4s, transform .8s .4s;}
.list-product-semyung .list3.movmt {transition:opacity .8s .8s, transform .8s .8s;}

@media (hover: hover) and (pointer: fine) {
    .list-product-semyung .tab ul li:hover a {background-color:var(--color-point);letter-spacing:1px;}
    .list-product-semyung .box-title .link a:hover {letter-spacing:1px;}
    .list-product-semyung .box2 .list-text .link a:hover {letter-spacing:1px;}
}
@media screen and (max-width:1024px) {
    .list-product-semyung .box1 .list {width:calc((100% - 40px) / 2);}
    .list-product-semyung .box2 .list-text {padding-left:40px;}

    .list-product-semyung .list3.movmt {transition:opacity .8s, transform .8s;}
    .list-product-semyung .list4.movmt {transition:opacity .8s .4s, transform .8s .4s;}
    .list-product-semyung .list5.movmt {transition:opacity .8s, transform .8s;}
}
@media screen and (max-width:768px) {
    .list-product-semyung .tab {transform:translate(0,-86px);}
    .list-product-semyung .tab ul {padding:0 15px;}
    .list-product-semyung .tab ul li a {height:50px;font-size:16px;}
    .list-product-semyung .box {padding:30px 15px 80px;}
    .list-product-semyung .box-title {justify-content:unset;align-items:unset;gap:40px;margin-bottom:40px;}
    .list-product-semyung .box-title h2 {width:100%;font-size:36px;}
    .list-product-semyung .box-title .link {flex-direction:column;gap:10px;margin-left:0;}
    .list-product-semyung .box-title .link a {font-size:14px;}
    .list-product-semyung .box-title .link a .icon {width:32px;height:32px;}
    .list-product-semyung .box1 .list-box {gap:40px;}
    .list-product-semyung .box1 .list {width:100%;}
    .list-product-semyung .box1 .list-title {padding:15px 0;font-size:18px;}
    .list-product-semyung .box2 {padding:80px 15px;}
    .list-product-semyung .tab-box.solutions .box2 {padding:30px 15px 80px;}
    .list-product-semyung .tab-box.solutions .box2::after {height:50px;top:-50px;}
    .list-product-semyung .box2 .list-box {gap:60px;}
    .list-product-semyung .box2 .list {align-items:unset;gap:40px;}
    .list-product-semyung .box2 .list-img {width:100%;}
    .list-product-semyung .box2 .list-text {width:100%;padding-left:0;}
    .list-product-semyung .box2 .list-text h3 {font-size:28px;}

    .list-product-semyung .list2.movmt {transition:opacity .8s, transform .8s;}
    .list-product-semyung .list4.movmt {transition:opacity .8s, transform .8s;}
}