.modal-marketing-notification-accept{margin:8% auto 0;width:500px}.modal-marketing-notification-accept .modal-content{width:500px;position:relative;border-radius:24px;padding:0 !important;border:none;background-color:#fff}.modal-marketing-notification-accept .modal-content .modal-body{padding:48px 32px 32px}.modal-marketing-notification-accept .modal-content .modal-body .close{position:absolute;top:32px;right:32px;opacity:1 !important;width:24px;height:24px;z-index:1}.modal-marketing-notification-accept .modal-content .modal-body .background-gradation{position:absolute;border-radius:24px 24px 0 0;top:0;left:0;width:500px;height:200px;z-index:0;background:linear-gradient(180deg, #E8FAFF 0%, rgba(232, 250, 255, 0) 100%)}.modal-marketing-notification-accept .modal-content .modal-body .modal-body-wrapper{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-title-icon{display:flex;width:60px;height:60px;justify-self:center;margin-bottom:16px}.modal-marketing-notification-accept .modal-content .modal-body .flex-box-gap-24{display:flex;align-items:center;gap:24px;width:100%}.modal-marketing-notification-accept .modal-content .modal-body .flex-box-gap-24+.flex-box-gap-24{margin-top:24px}.modal-marketing-notification-accept .modal-content .modal-body .flex-box-gap-24 .img-wrapper{display:flex;width:48px;height:48px;padding:12px;justify-content:center;align-items:center;border-radius:32px;background:var(--Gray-10, #FAFAFA)}.modal-marketing-notification-accept .modal-content .modal-body .flex-box-gap-24 .notification-accept-detail{display:flex;flex-direction:column;gap:4px}.modal-marketing-notification-accept .modal-content .modal-body .flex-box-gap-24 .notification-accept-detail p{margin:0 !important}.modal-marketing-notification-accept .modal-content .modal-body .flex-box-gap-24 .notification-accept-detail .detail-title{color:#212121;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.48px}.modal-marketing-notification-accept .modal-content .modal-body .flex-box-gap-24 .notification-accept-detail .detail-description{color:#616161;font-size:14px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.48px}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-title{color:#212121;text-align:center;font-size:24px;font-style:normal;font-weight:500;line-height:36px;letter-spacing:.48px;margin-bottom:32px}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-list{width:100%;margin-top:48px;padding:20px 24px;border-radius:12px;background-color:#fafafa}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-list .notification-accept-list-item{display:flex;align-items:center;justify-content:space-between}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-list .notification-accept-list-item .accept-list-item-toggle{display:flex;align-items:center;cursor:pointer;width:16px;height:16px;background-image:url("/static/img/account/notification/icon-notification-item-detail-closed.svg");background-size:16px 16px;background-repeat:no-repeat;background-position:center}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-list .notification-accept-list-item .accept-list-item-title{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:14px;color:#212121;font-weight:400;line-height:24px;margin-bottom:0}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-list .notification-accept-list-item .accept-list-item-title .accept-list-item-icon{display:flex;align-items:center;width:14px;height:14px;margin-right:8px;background-image:-webkit-image-set(url("/static/img/account/notification/icon-notification-accept-off.png") 1x, url("/static/img/account/notification/icon-notification-accept-off@2x.png") 2x, url("/static/img/account/notification/icon-notification-accept-off@3x.png") 3x);background-size:cover cover;background-repeat:no-repeat;background-position:center}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-list .notification-accept-list-item .accept-list-item-title .item-option{font-weight:400;line-height:24px;color:#9e9e9e}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-list .notification-accept-list-item.active .accept-list-item-icon{background-image:-webkit-image-set(url("/static/img/account/notification/icon-notification-accept-on.png") 1x, url("/static/img/account/notification/icon-notification-accept-on@2x.png") 2x, url("/static/img/account/notification/icon-notification-accept-on@3x.png") 3x)}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-list .notification-accept-list-item.open .accept-list-item-toggle{transform:rotate(180deg);transition:transform .3s ease}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-list .notification-accept-list-item.open+.notification-accept-list-item-detail{display:block}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-list .notification-accept-list-item-detail{display:none;margin-top:16px;max-height:120px;font-size:13px;line-height:20px;font-weight:400;color:#616161;position:relative}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-list .notification-accept-list-item-detail .notification-accept-list-item-detail-wrapper{overflow-y:scroll;max-height:120px;scrollbar-width:thin;scrollbar-color:#888 rgba(0,0,0,0)}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-list .notification-accept-list-item-detail .notification-accept-list-item-detail-wrapper::-webkit-scrollbar{width:4px}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-list .notification-accept-list-item-detail .notification-accept-list-item-detail-wrapper::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-list .notification-accept-list-item-detail .notification-accept-list-item-detail-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-list .notification-accept-list-item-detail .info_table_title{font-size:14px;line-height:24px;font-weight:500;color:#212121;margin-bottom:12px}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-list .notification-accept-list-item-detail .notification-accept-list-item-blur{position:absolute;bottom:0;width:386px;height:32px;background:linear-gradient(180deg, rgba(250, 250, 250, 0) 0%, #FAFAFA 100%)}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-list .notification-accept-list-item-detail p{font-size:13px;font-style:normal;font-weight:400;line-height:20px;color:#616161}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-list .notification-accept-list-item-detail table{border-collapse:collapse}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-list .notification-accept-list-item-detail table tbody tr:first-child td{border-top:1px solid #212121}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-list .notification-accept-list-item-detail table tbody tr td{padding:12px 16px;vertical-align:top;border-bottom:1px solid #e0e0e0;font-size:13px;font-style:normal;font-weight:400;line-height:20px}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-list .notification-accept-list-item-detail table tbody tr td:first-child{background-color:#fafafa;width:84px;border-right:1px solid #e0e0e0;font-size:13px;font-style:normal;font-weight:400;line-height:20px}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-list .notification-accept-list-item-detail .mb4{margin-bottom:4px}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-list .notification-accept-list-item-detail .mb8{margin-bottom:8px}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-list .notification-accept-list-item-detail .mb16{margin-bottom:16px}.modal-marketing-notification-accept .modal-content .modal-body .notification-accept-list .notification-accept-list-divider{margin-top:16px;margin-bottom:16px;height:1px;border:none;background-color:#eee}.modal-marketing-notification-accept .modal-content .modal-footer{margin-top:0 !important;padding:20px 32px;border-top:solid 1px #e0e0e0}.modal-marketing-notification-accept .modal-content .modal-footer .btn-accept-marketing-notification{width:100%;padding:12px;border-radius:12px;background-color:#3ba3c7;color:#fff;font-size:16px;line-height:26px;font-weight:400;letter-spacing:.48px}