.app{width:100%;background-image:url(../../img/common/common_dec.png);background-size:800px;background-position:top 270px right 0%;background-repeat:no-repeat}@media screen and (max-width: 840px){.app{background-position:top 160px right -300px}}@media screen and (max-width: 480px){.app{background-position:top 160px right -500px}}.main-content{padding:80px 0}.container{max-width:1060px;margin:0 auto;padding:0 20px}.products-area{margin-bottom:120px}.products-area h2{margin-top:0;font-size:2rem;letter-spacing:.05em;padding-bottom:.4em;border-bottom:1px solid #ccc}.products-area .h2-deco{font-size:.667em;font-weight:700}.products-list-item{width:100%;margin:50px 0 100px;display:flex;flex-direction:row}.item-left{width:50%;padding-right:20px;box-sizing:border-box}.item-left img{width:100%;height:auto;border-radius:8px}.item-right{width:50%;padding-left:20px;display:flex;flex-direction:column}.item-right h3{font-size:1.5rem;letter-spacing:.05em;margin:.5em 0;color:#272727}.item-right p{font-size:1rem;color:#555}.livetoon-btn{margin-top:auto;margin-bottom:20px}.livetoon-btn{a{background:linear-gradient(90deg,#8ad6ff,#ff93ee);display:inline-block;padding:.12em .12rem;border-radius:2rem;text-decoration:none;color:#555;.btn-span{font-size:1rem;font-weight:400;letter-spacing:.04rem;display:block;background:#fff;padding:.6rem 4em;border-radius:2rem;transition:all .1s linear}&:hover{span{background:transparent;color:#fff}}}}@media screen and (max-width: 840px){.main-content{padding:30px 0}.products-area h2{font-size:1.3125rem}.products-list-item h3{font-size:1.125rem}.products-list-item p,.livetoon-btn a span{font-size:.875rem}}@media screen and (max-width: 768px){.products-list-item{margin:30px 0 60px;flex-direction:column}.item-left,.item-right{width:100%;padding:0}.livetoon-btn{margin:1em auto 0}}@media screen and (max-width: 480px){.tech-list{display:flex;flex-wrap:nowrap;flex-direction:column;gap:40px 0px}.tech-list-item{width:100%}}
