@charset "UTF-8";.selectPopup{position:fixed;top:0;left:0;background-color:#0000005c;height:100%;width:100%;display:flex;justify-content:center;align-items:center;z-index:99999}.selectPopup .c{width:min(100%,1440px);margin:0 auto;border-radius:24px;background:linear-gradient(180deg,#c6dbfc,#fcfdff 16%,#fff);padding:50px;box-sizing:border-box}.selectPopup .c>.title{text-align:center;font-size:40px}.selectPopup .c .products{padding:50px;display:flex;justify-content:flex-start;column-gap:40px;row-gap:40px;box-sizing:border-box;flex-wrap:wrap;height:750px;overflow-y:auto}.selectPopup .c .products .item{width:calc(25% - 30px);border:1px solid #e0e0e0;padding:30px 30px 20px;box-sizing:border-box;border-radius:16px;background-color:transparent;transition:.3s;cursor:pointer}.selectPopup .c .products .item:hover,.selectPopup .c .products .item.active{background-color:#f6f9fe}.selectPopup .c .products .item:hover .select,.selectPopup .c .products .item.active .select{background-color:#062782}.selectPopup .c .products .item .image{aspect-ratio:1}.selectPopup .c .products .item .image img{width:100%;height:100%;object-fit:contain}.selectPopup .c .products .item>.sku{margin-top:30px;color:#062782;font-weight:500;font-size:22px;position:relative;height:30px}.selectPopup .c .products .item>.sku .select{position:absolute;right:0;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:99px;border:1px solid #e0e0e0;transition:.3s;display:flex;justify-content:center;align-items:center}.selectPopup .c>.confirm{margin-top:50px;display:flex;justify-content:center;flex-direction:row}.selectPopup .c>.confirm .button{width:140px;height:50px;border-radius:999px;font-size:18px;background-color:#062782;color:#fff;border:1px solid #062782;transition:.3s;display:flex;justify-content:center;align-items:center;cursor:pointer}.selectPopup .c>.confirm .button:hover{background-color:#fff;color:#062782}.compareSelect .c{width:min(100%,1440px);padding-bottom:120px;margin:0 auto}.compareSelect .c>.title{font-size:54px;padding-bottom:50px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.compareSelect .c>.title>.button{width:140px;height:50px;border-radius:999px;font-size:18px;background-color:#062782;color:#fff;border:1px solid #062782;transition:.3s;display:flex;justify-content:center;align-items:center;cursor:pointer}.compareSelect .c>.title>.button:hover{background-color:#fff;color:#062782}.compareSelect .c>.list{padding-top:50px;display:flex;justify-content:space-between;flex-wrap:nowrap;gap:40px;flex-direction:row}.compareSelect .c>.list .item{background-color:#f5f5f5;border-radius:24px;position:relative;width:100%;overflow:hidden}.compareSelect .c>.list .item>.image{padding:30px;aspect-ratio:1}.compareSelect .c>.list .item>.image img{width:100%;height:100%;object-fit:contain}.compareSelect .c>.list .item>.image>.close{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#0000007e;opacity:0;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:.3s}.compareSelect .c>.list .item:hover .close{opacity:1}.compareSelect .c>.list .item:hover .close svg{height:50px;width:50px}.compareSelect .c>.list .item>.title{padding:0 30px 30px;font-size:22px;text-align:center}.compareSelect .c>.list .item>.add{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:999px;border:1px dashed #062782;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.2s}.compareSelect .c>.list .item>.add:hover{background-color:#ddd}.compareContent{background-color:#f5f5f5;padding:120px 15px}.compareContent .c{width:min(100%,1440px);border-radius:24px;background-color:#fff;display:flex;justify-content:flex-start;flex-direction:column;overflow:hidden;margin:0 auto}.compareContent .c>.row{display:flex;justify-content:flex-start;width:100%;position:relative}.compareContent .c>.row:after{width:95%;position:absolute;content:"";bottom:0;left:50%;transform:translate(-50%);border-bottom:1px solid #e0e0e0}.compareContent .c>.row:first-child{font-size:24px;color:#062782;text-transform:capitalize;background-color:#ddebfe}.compareContent .c>.row .col{width:28%;padding:40px;box-sizing:border-box;text-align:center;border-right:1px solid #e0e0e0;flex-shrink:0;display:flex;justify-content:center;align-items:center}.compareContent .c>.row .col img{height:100px;transform:scale(1.5)}.compareContent .c>.row .col:first-child{width:16%;color:#062782}
