:root{--color-basefont:#272727;--color-black: #252525;--color-bgwhite:#f9f9f9;--color-gray: #555;--color-grayB: #999;--color-boder: #ccc;--color-hover: #2296ef;--color-fontgray: #555555;--color-fontlightgray: #888}.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-subtext{font-size:1rem;line-height:1.5;color:var(--color-fontgray);margin-bottom:40px}.products-subttl{font-size:1.75rem;line-height:1.5}.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;vertical-align:bottom}.item-right{width:50%;padding-left:20px;display:flex;flex-direction:column}.item-right h3,.item-right h4{font-size:1.5rem;line-height:1.5;letter-spacing:.05em;margin:.5em 0}.item-right p{font-size:1rem;line-height:1.8;color:var(--color-fontgray)}.livetoon-btn{margin-top:auto;margin-bottom:5px}.livetoon-btn{a{background:linear-gradient(90deg,#8ad6ff,#ff93ee);display:inline-block;padding:.12em .12rem;border-radius:2rem;text-decoration:none;color:var(--color-basefont);.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,.products-list-item h4{font-size:1.25rem;margin:1em 0}.products-list-item p{font-size:.875rem;margin:0 0 1em}.livetoon-btn a span,.products-subtext{font-size:.875rem}.products-subttl{font-size:1.5rem}}@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%}}