body{margin:0;padding:0}#root{width:100%;height:100vh}.color-wrap{position:fixed;bottom:0;left:0;width:100%;height:200px}.color-wrap .color-inner-wrap{background-color:#fff;padding:10px 20px;border-radius:15px;margin:0 auto}.color-wrap .color-inner-wrap .current-part{text-align:center;height:30px;font-size:20px;font-weight:400;padding:20px 0}.color-wrap .color-inner-wrap .list-wrap{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;padding:0}.color-wrap .color-inner-wrap .list-wrap .color-item .color-btn{width:30px;height:30px;padding:0;margin:0;background-color:red;border-radius:15px;border:none!important;outline:none!important}.color-wrap .color-inner-wrap .list-wrap .color-item .color-btn.selected{outline:2px solid #666!important;border:3px solid #fff!important}.color-wrap .color-inner-wrap .list-wrap .color-item .color-name{color:#222;width:120px;font-size:12px;font-weight:500;left:-30px;position:absolute;text-align:center;transform:translateY(38px)}.pay-wrap{position:fixed;top:0;right:15px;width:300px;height:100%;display:flex;align-items:center;justify-content:center;margin-top:64px}.pay-wrap .pay-inner-wrap{background-color:#fff;padding:10px 20px 40px;border-radius:15px;height:650px;transform:translateY(-64px)}.pay-wrap .pay-inner-wrap .type{color:#992e01}.pay-wrap .pay-inner-wrap .title{font-weight:600}.pay-wrap .pay-inner-wrap .price{margin:10px 0;font-weight:900}.pay-wrap .pay-inner-wrap .pay-btn-wrap{width:100%;margin-top:30px}.pay-wrap .pay-inner-wrap .pay-btn-wrap button{width:100%}.pay-wrap .pay-inner-wrap .pay-btn-wrap .pay-btn-cart{margin:5px 0 10px;color:#333;border:1px solid #333}.pay-wrap .pay-inner-wrap .pay-btn-wrap .pay-btn-buy{color:#333;height:50px;margin-top:5px}.pay-wrap .pay-inner-wrap .pay-btn-wrap .pay-btn-card{background-color:#b7f2f1}.pay-wrap .pay-inner-wrap .pay-btn-wrap .pay-btn-kakao{background-color:#ffdc00}.pay-wrap .pay-inner-wrap .pay-btn-wrap .pay-btn-toss{color:#fff;background-color:#004ffe}