@charset "utf-8";body{align-items:center;background:#e1dfdf;font-family:Poppins,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:0}.whole_container{align-items:center;display:flex;flex-direction:column;padding:5rem 0}.container{background:#fff;flex-wrap:wrap;height:600px;justify-content:space-between;margin:20px;max-width:900px}.container,.container .imgBx{display:flex;position:relative}.container .imgBx{align-items:center;background:#949191;height:100%;justify-content:center;transition:.3s linear;width:50%}.container .imgBx:before{color:#fff;content:"(주)숯사랑무역";font-size:3em;font-weight:800;left:24px;opacity:.2;position:absolute;top:0}.container .imgBx img{left:-50px;position:relative;transform:rotate(0deg);transition:.9s linear;width:100%}.container .details{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:40px;width:50%}.container .details h2{color:#444;font-size:2.4em;line-height:1em;margin:0;padding:0}.container .details h2 span{color:#999;font-size:.4em;letter-spacing:2px;text-transform:uppercase}.container .details p{color:#333;font-size:15px;margin-bottom:36px;margin-left:15%;max-width:85%}.container .details h3{color:#a2a2a2;float:left;font-size:2.5em;margin:0;padding:0}.container .details button{background:#000;border:none;border-radius:40px;color:#fff;float:right;font-size:16px;font-weight:600;letter-spacing:1px;margin-top:5px;outline:none;padding:15px 20px;text-transform:uppercase}.product-colors span{border-radius:50%;cursor:pointer;display:inline-block;height:26px;left:10px;margin-right:12px;position:relative;top:7px;width:26px}.black{background:#000}.red{background:#d5212e}.orange{background:#f18557}.product-colors .active:after{border:2px solid #000;border-radius:50%;box-sizing:border-box;content:"";height:36px;left:-5px;position:absolute;top:-5px;width:36px}@media (max-width:1080px){.container{height:auto}.container .imgBx{box-sizing:border-box;height:auto;overflow:hidden;padding:40px;text-align:center;width:100%!important}.container .imgBx img{left:auto;max-width:100%;transform:rotate(0deg)}.details{height:auto;padding:20px;width:100%!important}.container .details p{margin-left:0;max-width:100%}}