body{margin:0}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}li{list-style:none}img{display:inline-block;width:100%;height:100%}span{display:inline-block}.main-container{overflow:auto}.container{display:flex;min-width:1440px;max-width:1440px;margin:0 auto;justify-content:flex-start}.input-div input:focus,.input-div textarea:focus{outline:none}.input-div .error-txt{font-family:Gilroy-Medium;font-size:14px;line-height:22px;color:red}button:disabled{opacity:.5;cursor:default}input[type=file]::file-selector-button{display:none}input[type=file]{color:#0000!important;position:absolute;top:0;left:0;border:none!important;height:100%}.sidebar-right-sec{width:calc(100% - 270px);background:#F5F3F6}.title-div{padding:24px 70px 24px 20px;display:flex;width:100%;justify-content:space-between;border-bottom:1px solid #b2b2bb50;align-items:center}.main-title{font-family:Gilroy-Semibold;font-size:24px;line-height:32px;color:#0f0f0f}.add-btn{background:#8177FE;padding:8px 20px;color:#fff;font-family:Gilroy-Bold;font-size:14px;line-height:24px;border-radius:16px;cursor:pointer}.table-div{width:1081px;margin:24px 0 20px 19px;background:#FEFDFF;border-radius:16px}.detail-head-list{display:flex;padding:16px 40px;background:#0F0F0F;border-radius:16px}.detail-head-list-item{font-family:Gilroy-Medium;font-size:12px;line-height:16px;color:#fefdff}.detail-head-list .dot-head{width:100%;text-align:right}.detail-main-wrapper{padding:24px 24px 10px}.detail-content-wrap{display:flex;align-items:center;font-family:Gilroy-Medium;font-size:14px;line-height:20px;color:#0f0f0f;border:1px solid #B2B2BB;border-radius:20px;padding:12px 24px 12px 12px;margin-bottom:16px}.no-data-found{justify-content:center}.no-data-found .no-data-head{letter-spacing:.5px;font-size:32px;font-weight:400}.detail-content-wrap .info-img{width:48px;height:48px}.status{color:#8177fe}.dot-div{position:relative;width:100%;display:flex;align-items:center;justify-content:flex-end}.dot-div .dots-icon{display:inline-block;width:20px;height:20px;cursor:pointer}.more-info-div{padding:17px 0 15px;box-shadow:0 -4px 11px #00000029;border-radius:12px;position:absolute;right:-20px;top:35px;z-index:1;background:#FFFFFF;width:183px;letter-spacing:0;display:none;text-align:left}.more-info-div.active{display:inline-block}.more-info-div:before{display:inline-block;content:"";width:41px;height:41px;background-color:#fff;position:absolute;top:0;right:15px;transform:rotate(45deg);z-index:-1}.more-info-list-item{font-size:14px;line-height:32px;font-family:Gilroy-Medium;color:#323232;padding-left:24px;cursor:pointer}.more-info-list-item:hover{background-color:#f7f8f7}.detail-content-wrap:last-child .more-info-div{box-shadow:0 4px 11px #00000029;top:unset;bottom:35px}.detail-content-wrap:last-child .more-info-div:before{top:unset;bottom:0}.detail-content-wrap:first-child .more-info-div{box-shadow:0 -4px 11px #00000029;top:35px;bottom:unset}.detail-content-wrap:first-child .more-info-div:before{top:0;bottom:unset}.pagination-main-wrapper{display:flex;justify-content:space-between;padding:0 24px 18px}.select-wrapper{position:relative;display:flex;align-items:center}.select-wrapper:after{display:inline-block;position:absolute;content:"";right:17px;width:12px;height:12px;z-index:0;background:url(select-arrow.a22a200ab3312882.svg);background-size:cover}.select-div{padding:8px 36px 8px 16px;font-family:Gilroy-Medium;font-size:12px;line-height:20px;color:#0f0f0f;border:1px solid #B2B2BB;border-radius:10px;-webkit-appearance:none;appearance:none;z-index:1;background-color:transparent}.select-div:focus{outline:none}.pagination-div-wrapper{display:flex;justify-content:flex-end;align-items:center;column-gap:8px}.pagination-div-wrapper .page-arrow .pagination-link{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border:1px solid #B2B2BB;border-radius:10px;color:#0f0f0f;font-family:Gilroy-Medium;font-size:16px;line-height:normal}.pagination-div-wrapper .page-arrow .pagination-link.page-left-arrow{transform:rotateY(180deg)}.pagination-div-wrapper .page-arrow .pagination-link img{display:inline-block;width:14px;height:14px}.pagination-div-wrapper .page-arrow.disabled .pagination-link{opacity:.5;pointer-events:none}.pagination-div{display:flex;column-gap:8px;max-width:136px;justify-content:flex-end}.pagination-div li{display:flex}.pagination-div li .pagination-link{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border:1px solid #B2B2BB;border-radius:10px;color:#0f0f0f;font-family:Gilroy-Medium;font-size:12px;line-height:normal}.pagination-div li .pagination-link.active{border:2px solid #8177FE;color:#fff;background-color:#0f0f0f}.add-detail-wrapper{padding:0 40px 80px;margin:24px 70px 20px 19px;background:#FEFDFF;border-radius:16px}.add-detail-content-wrap{display:flex;padding:24px 0;border-bottom:1px solid #B2B2BB;align-items:flex-start}.add-detail-des-div{width:412px}.add-detail-input-div{width:calc(100% - 412px);padding-top:5px}.add-detail-des-title{font-family:Gilroy-Semibold;font-size:16px;line-height:26px;color:#0f0f0f;margin-bottom:12px}.add-detail-des-pretitle{font-family:Gilroy-Medium;font-size:14px;line-height:23px;color:#878787}.add-detail-btn-div{padding-top:32px;display:flex;justify-content:space-between}.add-detail-btn{font-family:Gilroy-Bold;font-size:14px;line-height:24px;border-radius:16px;cursor:pointer}.cancel-btn{color:#878787;padding:8px 67px;border:1px solid #0F0F0F}.save-btn{color:#fff;padding:8px 37px;border:none;background-color:#8177fe}.add-detail-input-div .input-div{width:480px;margin-bottom:20px}.add-detail-input-div .input-div:last-child{margin-bottom:0}.add-detail-input-div .input-div label{display:block;font-family:Gilroy-Medium;font-size:14px;line-height:24px;color:#323232;margin-bottom:8px}.add-detail-input-div .input-div label span{color:red}.add-detail-input-div .input-div input,.add-detail-input-div .input-div textarea,.add-detail-input-div .input-div select{display:block;width:100%;padding:10px 16px;color:#0f0f0f;border:1px solid #B2B2BB;border-radius:8px;margin-bottom:10px;font-family:Gilroy-Medium;font-size:13px;line-height:20px;font-weight:700}.add-detail-input-div .input-div textarea{height:100px;resize:none}.add-detail-input-div .input-div select:focus{outline:none}.add-detail-input-div .input-div select .hidden{visibility:hidden}select.ng-pristine.ng-invalid{color:#6f6f73}.add-detail-input-div .input-div select option{font-size:16px}.image-view-div{padding:24px;border:1px dashed #0F0F0F;border-radius:16px;width:180px;height:180px;margin-bottom:10px;position:relative;display:flex;align-items:center}.image-input-wrapper{display:flex;flex-direction:column;align-items:center}.image-input-wrapper .cloud-img{width:25px;height:16px;margin-bottom:16px}.image-input-wrapper .head{font-family:Gilroy-Medium;font-size:14px;line-height:16px;color:#323232;margin-bottom:9px}.image-input-wrapper .des{font-family:Gilroy-Regular;font-size:12px;line-height:16px;color:#b2b2bb;text-align:center}.main-category-img{position:absolute;z-index:1;left:-1px;top:-1px;width:180px;height:180px;border-radius:16px}.main-category-img img{border-radius:16px}.cancel-img{width:18px;height:18px;position:absolute;top:10px;right:10px;z-index:2;cursor:pointer}.add-detail-input-div .input-checkbox-wrap{display:flex;flex-direction:column;row-gap:24px;padding-left:2px}.add-detail-input-div .checbox-input-div{display:flex;flex-direction:row;align-items:center}.add-detail-input-div .checbox-input-div .checkbox{width:16px;height:16px;margin-right:12px;font-family:Gilroy-Semibold;outline:none;position:relative}.add-detail-input-div .checbox-input-div .checkbox:checked{-webkit-appearance:none;appearance:none}.add-detail-input-div .checbox-input-div .checkbox:checked:before{content:"";position:absolute;left:-2px;display:inline-block;width:18px;height:18px;background:url(filled-checkbox.92d906f0f32a27f0.svg) center;background-size:cover}.add-detail-input-div .checbox-input-div label{font-family:Gilroy-Semibold;font-size:14px;line-height:24px;color:#0f0f0f}.add-detail-input-div .input-div .addInput-btn{font-family:Gilroy-Bold;font-size:14px;line-height:24px;border:unset;padding:8px 20px;color:#fff;background:#8177FE;border-radius:16px;cursor:pointer}.popup-main-wrapper{display:flex;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.6);justify-content:center;align-items:center}.popup-content-wrapper{display:flex;max-width:540px;flex-direction:column;align-items:center;padding:60px 106px;justify-content:center;background-color:#fff;border-radius:15px;position:relative}.popup-title{color:#8177fe;font-family:Gilroy-Bold;font-size:20px;font-weight:400;line-height:28px;margin-bottom:28px;text-align:center}.popup-image{width:80px;min-height:80px;max-height:80px;margin-bottom:16px;border-radius:10px;display:flex;align-items:center}.popup-image img{display:inline-block;width:80px;height:80px;border-radius:10px;object-fit:cover}.popup-pretitle{font-family:Gilroy-Semibold;font-size:18px;line-height:26px;color:#0f0f0f;margin-bottom:8px;text-align:center}.pop-up-btn-div{display:flex;column-gap:14px;justify-content:center;margin-top:24px}.popup-des{color:#323232;font-family:Gilroy-Regular;font-size:16px;line-height:24px;text-align:center}.pop-up-btn-div button{padding:10px 40px;font-family:Gilroy-Bold;font-size:14px;line-height:20px;color:#fff;border:0;border-radius:10px;cursor:pointer}.pop-up-btn-div .yes-btn{background-color:#eb5757}.pop-up-btn-div .no-btn{background-color:#27ae60}.popup-cancel-icon{display:inline-block;width:24px;height:24px;position:absolute;top:24px;right:24px;cursor:pointer}.detail-label{color:#323232;font-family:Gilroy-Medium;font-size:14px;font-style:normal;line-height:24px;margin-bottom:4px;font-weight:400}.detail-img-div{width:180px;height:180px;border:1px dashed #0F0F0F;border-radius:8px}.detail-img-div img{border-radius:8px}.detail-label span{color:red;font-family:Gilroy-Medium;font-size:16px;font-style:normal;line-height:24px;font-weight:400}.detail-des{color:#878787;font-family:Gilroy-Medium;font-size:16px;line-height:24px}.add-detail-input-div .detail-content-wrapper{margin-bottom:20px}.add-detail-input-div .detail-content-wrapper:last-child{margin-bottom:unset}.detail-not-found{padding:40px;background:#FEFDFF;border-radius:16px;color:#0f0f0f;font-size:32px;line-height:20px;letter-spacing:.5px;text-align:center;font-family:Gilroy-Medium}.checkbox-img-div{width:16px;height:16px;border:1px solid #B2B2BB;border-radius:5px;margin-bottom:2px;margin-right:12px;position:relative}.checkbox-img-div.active:after{content:"";background:url(filled-checkbox.92d906f0f32a27f0.svg) center;background-size:cover;position:absolute;left:-2px;top:-2px;display:inline-block;width:18px;height:18px}.filter-btn-div{position:relative}.filter-btn{padding:12px 33px}.filter-btn:before{content:"";margin-right:12px;display:inline-block;width:15px;height:15px;vertical-align:middle;background:url(filter.371c472329989bd3.svg) center;background-size:cover}.filter-floated-div{display:flex;flex-direction:column;width:289px;position:absolute;background:#fff;right:24px;top:30px;box-shadow:0 -4px 11px #00000029;border-radius:10px;z-index:10}.filter-floated-div:before{display:inline-block;content:"";width:41px;height:41px;background-color:#fff;position:absolute;top:0;right:15px;transform:rotate(45deg);z-index:9}.filter-floated-title{font-family:Gilroy-SemiBold;font-size:14px;line-height:20px;padding:20px 0 11px 20px;border-bottom:1px solid #B2B2B2;width:100%;color:#323232}.filter-form{width:100%;display:flex;flex-direction:column;padding:19px 0 20px 20px}.filter-form .checkbox-div{display:flex;align-items:center;margin-bottom:21px;position:relative}.filter-form .checkbox-div .radio{display:inline-block;width:20px;height:20px;margin-right:12px;-webkit-appearance:none;appearance:none;border:1px solid #B2B2BB;border-radius:5px}.filter-form .checkbox-div .radio:checked{-webkit-appearance:none;appearance:none;border:0}.filter-form .checkbox-div .radio:checked:before{content:url(filled-checkbox.92d906f0f32a27f0.svg);position:absolute;top:-3px;left:-3px}.filter-form .checkbox-div label{font-family:Gilroy-Medium;font-size:14px;line-height:20px;color:#323232}.filter-submit-btn{display:flex;margin-top:11px;background:#8177FE;color:#fff;font-family:Gilroy-SemiBold;font-size:14px;line-height:20px;padding:6px 29px;border:0;border-radius:8px;width:-moz-fit-content;width:fit-content}.filter-submit-btn:focus{outline:none}.link-arrow:after{content:"";display:inline-block;width:16px;height:16px;background:url(select-arrow.a22a200ab3312882.svg);background-size:cover;margin-left:7px;transform:rotate(-90deg)}